1
0
mirror of https://github.com/flarum/core.git synced 2025-08-06 16:36:47 +02:00

feat: Declare & Use CSS Custom Properties (#3146)

This commit is contained in:
Sami Mazouz
2021-11-04 22:34:18 +01:00
committed by GitHub
parent 26bf5d350b
commit 809df29d29
44 changed files with 502 additions and 380 deletions

View File

@@ -5,7 +5,7 @@
&-grid {
width: 100%;
position: relative;
border-radius: @border-radius;
border-radius: var(--border-radius);
// Use CSS custom properties to define the number of columns in the grid
grid-template-columns: repeat(var(--columns), max-content);
@@ -43,9 +43,9 @@
&-header {
font-weight: bold;
border-bottom: 1px solid @muted-more-color;
border-bottom: 1px solid var(--muted-more-color);
padding: 8px 16px;
background: @control-bg;
background: var(--control-bg);
}
&-rowItem {
@@ -59,10 +59,10 @@
}
&--shaded {
background: darken(@body-bg, 3%);
background: var(--body-bg-shaded);
& when (@config-dark-mode = true) {
background: lighten(@body-bg, 5%);
background: var(--body-bg-light);
}
}
}