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:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user