1
0
mirror of https://github.com/flarum/core.git synced 2025-07-30 21:20:24 +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

@@ -1,6 +1,6 @@
.Navigation-back {
z-index: 3 !important; // z-index of an active .btn-group .btn is 2
border-radius: @border-radius !important;
border-radius: var(--border-radius) !important;
transition: border-radius 0.2s;
max-width: 150px;
overflow: hidden;
@@ -16,7 +16,7 @@
display: none;
opacity: 0;
margin-left: -5px !important;
border-radius: 0 @border-radius @border-radius 0;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
transition: opacity 0.2s, margin-left 0.2s;
.icon {
@@ -30,7 +30,7 @@
}
.hasPane.panePinned, .hasPane.paneShowing {
.Navigation-back {
border-radius: @border-radius 0 0 @border-radius !important;
border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
}
.Navigation-pin {
opacity: 1;
@@ -49,12 +49,12 @@
content: ' ';
display: block;
position: absolute;
background: @header-color;
background: var(--header-color);
top: 10px;
right: 3px;
width: 14px;
height: 14px;
border-radius: 7px;
border: 2px solid @header-bg;
border: 2px solid var(--header-bg);
}
}