mirror of
https://github.com/minio/docs.git
synced 2025-06-05 19:57:02 +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/search';
|
||||||
@import 'includes/footer';
|
@import 'includes/footer';
|
||||||
@import 'includes/nav';
|
@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`.
|
For additional details about this command, see :ref:`alias`.
|
||||||
|
|
||||||
|
.. rst-class:: section-next-steps
|
||||||
|
|
||||||
Next Steps
|
Next Steps
|
||||||
----------
|
----------
|
||||||
|
|
||||||
|
@ -163,6 +163,8 @@ Procedure
|
|||||||
- The Access Key for a MinIO :ref:`user <minio-users>`
|
- The Access Key for a MinIO :ref:`user <minio-users>`
|
||||||
- The Secret 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
|
Next Steps
|
||||||
----------
|
----------
|
||||||
|
|
||||||
|
@ -129,6 +129,8 @@ Procedure
|
|||||||
|
|
||||||
The example above uses the :ref:`root user <minio-users-root>`.
|
The example above uses the :ref:`root user <minio-users-root>`.
|
||||||
|
|
||||||
|
.. rst-class:: section-next-steps
|
||||||
|
|
||||||
Next Steps
|
Next Steps
|
||||||
----------
|
----------
|
||||||
|
|
||||||
|
@ -137,6 +137,8 @@ Procedure
|
|||||||
|
|
||||||
For additional details about this command, see :ref:`alias`.
|
For additional details about this command, see :ref:`alias`.
|
||||||
|
|
||||||
|
.. rst-class:: section-next-steps
|
||||||
|
|
||||||
Next Steps
|
Next Steps
|
||||||
----------
|
----------
|
||||||
|
|
||||||
|
@ -143,6 +143,8 @@ Procedure
|
|||||||
|
|
||||||
For additional details about this command, see :ref:`alias`.
|
For additional details about this command, see :ref:`alias`.
|
||||||
|
|
||||||
|
.. rst-class:: section-next-steps
|
||||||
|
|
||||||
Next Steps
|
Next Steps
|
||||||
----------
|
----------
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user