mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-01 22:20:21 +02:00
Code Issues Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

32
less/admin/AdminNav.less
View File

@@ -1,6 +1,6 @@
@admin-pane-width: 250px;
.App {
--admin-pane-width: 250px;
padding-bottom: 0;
}
@@ -72,12 +72,12 @@
@media @desktop-up {
.App-nav {
position: absolute;
top: @header-height;
height: ~"calc(100vh - @{header-height})";
width: @admin-pane-width;
box-shadow: 0 6px 6px @shadow-color;
background: @body-bg;
z-index: @zindex-pane;
top: var(--header-height);
height: ~"calc(100vh - var(--header-height))";
width: var(--admin-pane-width);
box-shadow: 0 6px 6px var(--shadow-color);
background: var(--body-bg);
z-index: var(--zindex-pane);
overflow-y: scroll;
padding-bottom: 40px;
@@ -87,7 +87,7 @@
}
}
.App-content .sideNavOffset {
margin-left: @admin-pane-width;
margin-left: var(--admin-pane-width);
}
.App-nav .AdminNav {
.Dropdown-menu {
@@ -112,17 +112,17 @@
> a,
> a:hover,
&.active > a {
color: @text-color;
color: var(--text-color);
}
> a:hover {
background: @control-bg;
background: var(--control-bg);
}
&.active > a {
background: @control-color;
background: var(--control-color);
font-weight: normal;
color: @body-bg;
color: var(--body-bg);
.Button-label,
.Button-icon {
@@ -177,7 +177,7 @@
}
.ExtensionListTitle {
color: @muted-color;
color: var(--muted-color);
text-transform: uppercase;
margin: 25px 0 8px 15px;
}
@@ -204,9 +204,9 @@
}
.ExtensionListItem-Dot.enabled {
background-color: #2ECC40;
background-color: var(--enabled-color);
}
.ExtensionListItem-Dot.disabled {
border: 2px solid #FF4136;
border: 2px solid var(--disabled-color);
box-sizing: border-box;
}