5ab56faadd
Partially fixes issue #3256 by updating SASS syntax in main SCSS files. To fully address the issue, FontAwesome should be updated to `v7.x` and Tabler to `v3.30` or higher (see Tabler fix [here](https://github.com/tabler/tabler-icons/pull/1256)), where the SCSS has been fixed. --------- Signed-off-by: George Araújo <george.gcac@gmail.com> Co-authored-by: George Araújo <george.gcac@gmail.com>
137 lines
2.0 KiB
SCSS
137 lines
2.0 KiB
SCSS
/*******************************************************************************
|
|
* Typography styles: Headings, text, links, tables, blockquotes
|
|
******************************************************************************/
|
|
|
|
@use "variables" as v;
|
|
|
|
p,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
em,
|
|
div,
|
|
li,
|
|
span,
|
|
strong {
|
|
color: var(--global-text-color);
|
|
}
|
|
|
|
hr {
|
|
border-top: 1px solid var(--global-divider-color);
|
|
}
|
|
|
|
table {
|
|
td,
|
|
th {
|
|
font-size: 1rem;
|
|
padding: 1px 1rem 1px 0;
|
|
}
|
|
|
|
th {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
a,
|
|
table.table a {
|
|
color: var(--global-theme-color);
|
|
|
|
&:hover {
|
|
color: var(--global-theme-color);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
&:hover:after :not(.nav-item.dropdown) {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.table-dark {
|
|
background-color: transparent;
|
|
&.table-bordered {
|
|
border: 1px solid var(--global-divider-color) !important;
|
|
}
|
|
}
|
|
|
|
blockquote {
|
|
background: var(--global-bg-color);
|
|
border-left: 5px solid var(--global-theme-color);
|
|
margin: 1.5em 0;
|
|
padding: 1em;
|
|
font-size: 1.2rem;
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Tips, warnings, and dangers blockquotes */
|
|
&.block-tip {
|
|
border-color: var(--global-tip-block);
|
|
background-color: var(--global-tip-block-bg);
|
|
|
|
em,
|
|
li,
|
|
p,
|
|
strong {
|
|
color: var(--global-tip-block-text);
|
|
}
|
|
|
|
a,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: var(--global-tip-block-title);
|
|
}
|
|
}
|
|
|
|
&.block-warning {
|
|
border-color: var(--global-warning-block);
|
|
background-color: var(--global-warning-block-bg);
|
|
|
|
em,
|
|
li,
|
|
p,
|
|
strong {
|
|
color: var(--global-warning-block-text);
|
|
}
|
|
|
|
a,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: var(--global-warning-block-title);
|
|
}
|
|
}
|
|
|
|
&.block-danger {
|
|
border-color: var(--global-danger-block);
|
|
background-color: var(--global-danger-block-bg);
|
|
|
|
em,
|
|
li,
|
|
p,
|
|
strong {
|
|
color: var(--global-danger-block-text);
|
|
}
|
|
|
|
a,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: var(--global-danger-block-title);
|
|
}
|
|
}
|
|
}
|