mirror of
https://github.com/minio/docs.git
synced 2025-06-04 08:42:23 +03:00
Style Quick Steps section on quickstart pages (#977)
The section can be styled by adding the container class `.. rst-class:: section-next-steps` <img width="798" alt="Screenshot 2023-08-30 at 13 52 07" src="https://github.com/minio/docs/assets/13393018/7ff22195-1d2a-454f-9736-ea89a58a7515">
This commit is contained in:
parent
c2f1181015
commit
76099f5cda
54
source/_static/scss/includes/_content.scss
Normal file
54
source/_static/scss/includes/_content.scss
Normal file
@ -0,0 +1,54 @@
|
||||
.section-next-steps {
|
||||
border: 1px solid var(--table-border-color);
|
||||
border-radius: $border-radius-lg;
|
||||
margin-top: 3rem;
|
||||
padding: 1.5rem;
|
||||
|
||||
& > h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
& > ul {
|
||||
margin: 0 0 -0.5rem;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
counter-reset: list-number;
|
||||
|
||||
& > li {
|
||||
display: flex;
|
||||
align-items: start;
|
||||
|
||||
& > p {
|
||||
flex-grow: 1;
|
||||
|
||||
& > a {
|
||||
display: block;
|
||||
padding: 0.65rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
& > p {
|
||||
& > a {
|
||||
border-bottom: 1px dashed var(--table-border-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
counter-increment: list-number;
|
||||
content: counter(list-number);
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
border-radius: 50%;
|
||||
border: 1px solid var(--table-border-color);
|
||||
margin: 0 1rem 0 -0.2rem;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
font-size: $font-size-sm;
|
||||
flex-shrink: 0;
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -13,4 +13,5 @@
|
||||
@import 'includes/search';
|
||||
@import 'includes/footer';
|
||||
@import 'includes/nav';
|
||||
@import 'includes/alert';
|
||||
@import 'includes/alert';
|
||||
@import 'includes/content';
|
@ -372,6 +372,8 @@ Procedure
|
||||
|
||||
For additional details about this command, see :ref:`alias`.
|
||||
|
||||
.. rst-class:: section-next-steps
|
||||
|
||||
Next Steps
|
||||
----------
|
||||
|
||||
|
@ -163,6 +163,8 @@ Procedure
|
||||
- The Access Key for a MinIO :ref:`user <minio-users>`
|
||||
- The Secret Key for a MinIO :ref:`user <minio-users>`
|
||||
|
||||
.. rst-class:: section-next-steps
|
||||
|
||||
Next Steps
|
||||
----------
|
||||
|
||||
|
@ -129,6 +129,8 @@ Procedure
|
||||
|
||||
The example above uses the :ref:`root user <minio-users-root>`.
|
||||
|
||||
.. rst-class:: section-next-steps
|
||||
|
||||
Next Steps
|
||||
----------
|
||||
|
||||
|
@ -137,6 +137,8 @@ Procedure
|
||||
|
||||
For additional details about this command, see :ref:`alias`.
|
||||
|
||||
.. rst-class:: section-next-steps
|
||||
|
||||
Next Steps
|
||||
----------
|
||||
|
||||
|
@ -143,6 +143,8 @@ Procedure
|
||||
|
||||
For additional details about this command, see :ref:`alias`.
|
||||
|
||||
.. rst-class:: section-next-steps
|
||||
|
||||
Next Steps
|
||||
----------
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user