mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-05 07:57:46 +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

20
less/admin/ExtensionWidget.less
View File

@@ -1,17 +1,17 @@
.ExtensionsWidget {
background-color: @body-bg;
background-color: var(--body-bg);
padding: 0;
}
.ExtensionsWidget-list {
padding: 0;
background-color: @body-bg;
background-color: var(--body-bg);
.ExtensionGroup {
margin-bottom: 20px;
h3 {
color: @muted-color;
color: var(--muted-color);
text-transform: uppercase;
font-size: 12px;
margin: 0 0 10px;
@@ -35,21 +35,21 @@
}
.ExtensionList-Category {
background: @control-bg;
background: var(--control-bg);
padding: 20px 0 20px 20px;
margin-bottom: 20px;
border-radius: @border-radius;
border-radius: var(--border-radius);
}
.ExtensionList-Label {
margin-top: 0;
color: @muted-color;
color: var(--muted-color);
}
.ExtensionListItem.disabled {
.ExtensionListItem-title {
opacity: 0.5;
color: @muted-color;
color: var(--muted-color);
}
.ExtensionListItem-icon {
@@ -73,15 +73,15 @@
display: block;
text-align: center;
margin-top: 5px;
color: @text-color;
color: var(--text-color);
}
.ExtensionIcon {
--size: 90px;
width: var(--size);
height: var(--size);
background: @control-bg;
color: @control-color;
background: var(--control-bg);
color: var(--control-color);
border-radius: 6px;
display: inline-flex;
font-size: calc(~"var(--size) / 2");