Skip to content

Commit

Permalink
Changed admonition borders to 1.5px to make them a bit more evident e…
Browse files Browse the repository at this point in the history
…specially in light mode. Simplified overall admonitions CSS.
  • Loading branch information
atteggiani authored and KAUR1984 committed Sep 25, 2024
1 parent 55bd14c commit 1b271f1
Showing 1 changed file with 20 additions and 18 deletions.
38 changes: 20 additions & 18 deletions docs/css/access-nri.css
Original file line number Diff line number Diff line change
Expand Up @@ -449,6 +449,7 @@ h1.homepage {
padding: 0.3em 0.3em 0.3em 1.8em !important;
margin: 0.3em 0 0.8em 0 !important;
border-radius: 0.3rem !important;
border: solid 1.5px var(--md-primary-fg-color) !important;
}
.admonition > p {
margin: 0 !important;
Expand All @@ -466,6 +467,7 @@ h1.homepage {
details {
font-size: 1em !important;
border-radius: 0.3rem !important;
border: solid 1.5px var(--md-primary-fg-color) !important;
}
details > summary {
border-radius: 0.3rem !important;
Expand All @@ -484,7 +486,7 @@ details > p {

/* note */
.note {
border: solid 0.01em var(--note) !important;
border-color: var(--note) !important;
background-color: var(--note-bg) !important;
}
.note > summary {
Expand All @@ -501,7 +503,7 @@ details > p {
}
/* info */
.info {
border: solid 0.01em var(--info) !important;
border-color: var(--info) !important;
background-color: var(--info-bg) !important;
}
.info > summary {
Expand All @@ -518,7 +520,7 @@ details > p {
}
/* danger */
.danger {
border: solid 0.01em var(--danger) !important;
border-color: var(--danger) !important;
background-color: var(--danger-bg) !important;
}
.danger > summary {
Expand All @@ -535,7 +537,7 @@ details > p {
}
/* abstract */
.abstract {
border: solid 0.01em var(--abstract) !important;
border-color: var(--abstract) !important;
background-color: var(--abstract-bg) !important;
}
.abstract > summary {
Expand All @@ -552,7 +554,7 @@ details > p {
}
/* tip */
.tip {
border: solid 0.01em var(--tip) !important;
border-color: var(--tip) !important;
background-color: var(--tip-bg) !important;
}
.tip > summary {
Expand All @@ -569,7 +571,7 @@ details > p {
}
/* success */
.success {
border: solid 0.01em var(--success) !important;
border-color: var(--success) !important;
background-color: var(--success-bg) !important;
}
.success > summary {
Expand All @@ -586,7 +588,7 @@ details > p {
}
/* warning */
.warning {
border: solid 0.01em var(--warning) !important;
border-color: var(--warning) !important;
background-color: var(--warning-bg) !important;
}
.warning > summary {
Expand All @@ -603,7 +605,7 @@ details > p {
}
/* failure */
.failure {
border: solid 0.01em var(--failure) !important;
border-color: var(--failure) !important;
background-color: var(--failure-bg) !important;
}
.failure > summary {
Expand All @@ -620,7 +622,7 @@ details > p {
}
/* question */
.question {
border: solid 0.01em var(--question) !important;
border-color: var(--question) !important;
background-color: var(--question-bg) !important;
}
.question > summary {
Expand All @@ -637,7 +639,7 @@ details > p {
}
/* bug */
.bug {
border: solid 0.01em var(--bug) !important;
border-color: var(--bug) !important;
background-color: var(--bug-bg) !important;
}
.bug > summary {
Expand All @@ -654,7 +656,7 @@ details > p {
}
/* example */
.example {
border: solid 0.01em var(--example) !important;
border-color: var(--example) !important;
background-color: var(--example-bg) !important;
}
.example > summary {
Expand All @@ -671,7 +673,7 @@ details > p {
}
/* quote */
.quote {
border: solid 0.01em var(--quote) !important;
border-color: var(--quote) !important;
background-color: var(--quote-bg) !important;
}
.quote > summary {
Expand All @@ -689,25 +691,25 @@ details > p {
/* code (custom admonition) */
.admonition.code,
details.code {
border: solid 0.01em var(--code-adm) !important;
border-color: var(--code-adm) !important;
background-color: var(--code-adm-bg) !important;
}
.code > summary {
:is(details,.admonition).code > summary {
background-color: var(--code-adm-bg) !important;
}
.code > summary::after {
:is(details,.admonition).code > summary::after {
color: var(--code-adm) !important;
}
.code:not(details)::before,
.code > summary::before {
:is(details,.admonition).code:not(details)::before,
:is(details,.admonition).code > summary::before {
font-family: "fontawesome" !important;
content: "\f121" !important;
color: var(--code-adm) !important;
}

/* not-supported */
.not-supported {
border: solid 0.01em var(--danger) !important;
border-color: var(--danger) !important;
background-color: var(--danger-bg) !important;
}
.not-supported > summary {
Expand Down

0 comments on commit 1b271f1

Please sign in to comment.