minio/docs
1
0
Fork 0
mirror of https://github.com/minio/docs.git synced 2025-08-06 14:42:56 +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-radius: $border-radius;
border: 0; border: 0;
border: 1px solid transparent; border: 1px solid transparent;
padding: 1.5rem; padding: 1.25rem;
font-size: $font-size-md; font-size: $font-size-md;
background-color: var(--theme-light-bg); background-color: var(--theme-light-bg);
color: var(--headings-color); color: var(--headings-color);
@@ -13,7 +13,7 @@ div.admonition {
font-family: inherit; font-family: inherit;
font-size: $font-size-md; font-size: $font-size-md;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
line-height: 100%; line-height: 1.4;
display: block; display: block;
} }
@@ -39,6 +39,34 @@ div.admonition {
background-color: transparent; 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 { @each $variant in $alert-variants {
&.#{$variant} { &.#{$variant} {
border-color: var(--alert-#{$variant}-border-color); border-color: var(--alert-#{$variant}-border-color);
@@ -52,6 +80,18 @@ div.admonition {
color: var(--alert-#{$variant}-color); color: var(--alert-#{$variant}-color);
} }
&.toggle {
&:hover {
border-color: var(--alert-#{$variant}-link-decoration-color);
}
}
.toggle-button {
svg {
stroke: var(--alert-#{$variant}-color);
}
}
a { a {
color: currentColor; color: currentColor;
text-decoration-color: var(--alert-#{$variant}-link-decoration-color); text-decoration-color: var(--alert-#{$variant}-link-decoration-color);