minio/docs
1
0
Fork 0
mirror of https://github.com/minio/docs.git synced 2025-07-31 18:04:52 +03:00
Code Activity

Fix admonition toggle button padding (#858)

Browse Source 
Fixes https://github.com/minio/docs/issues/857
This commit is contained in:
Rushan
2023-05-18 19:03:22 +04:00
committed by GitHub
parent 79e55b4d90
commit 423e38315e
1 changed files with 42 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
source/_static/scss/includes/_alert.scss
View File

@ -4,7 +4,7 @@ div.admonition {
border-radius: $border-radius;
border: 0;
border: 1px solid transparent;
padding: 1.5rem;
padding: 1.25rem;
font-size: $font-size-md;
background-color: var(--theme-light-bg);
color: var(--headings-color);
@ -13,7 +13,7 @@ div.admonition {
font-family: inherit;
font-size: $font-size-md;
font-weight: $font-weight-bold;
line-height: 100%;
line-height: 1.4;
display: block;
}
@ -39,6 +39,34 @@ div.admonition {
background-color: transparent;
}
&.toggle {
.admonition-title {
padding: 1.25rem 2.5rem 1.25rem 1.25rem;
margin: -1.25rem;
&:active,
&:focus,
&:hover {
box-shadow: none;
}
}
&.toggle-hidden {
.admonition-title {
margin-bottom: 0;
}
}
.toggle-button {
top: 1.25rem;
right: 1rem;
&:before {
content: "";
}
}
}
@each $variant in $alert-variants {
&.#{$variant} {
border-color: var(--alert-#{$variant}-border-color);
@ -52,6 +80,18 @@ div.admonition {
color: var(--alert-#{$variant}-color);
}
&.toggle {
&:hover {
border-color: var(--alert-#{$variant}-link-decoration-color);
}
}
.toggle-button {
svg {
stroke: var(--alert-#{$variant}-color);
}
}
a {
color: currentColor;
text-decoration-color: var(--alert-#{$variant}-link-decoration-color);