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:
@@ -13,10 +13,10 @@
|
||||
}
|
||||
.UserCard--popover {
|
||||
width: 500px;
|
||||
box-shadow: 0 2px 6px @shadow-color;
|
||||
box-shadow: 0 2px 6px var(--shadow-color);
|
||||
|
||||
&, .darkenBackground {
|
||||
border-radius: @border-radius;
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
.container {
|
||||
width: auto !important;
|
||||
@@ -64,7 +64,7 @@
|
||||
.Avatar {
|
||||
.Avatar--size(96px);
|
||||
border: 4px solid #fff;
|
||||
box-shadow: 0 2px 6px @shadow-color;
|
||||
box-shadow: 0 2px 6px var(--shadow-color);
|
||||
|
||||
@media @phone {
|
||||
.Avatar--size(64px);
|
||||
@@ -97,7 +97,7 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
&.online .fa-circle {
|
||||
color: @online-user-circle-color;
|
||||
color: var(--online-user-circle-color);
|
||||
}
|
||||
&.online .icon {
|
||||
font-size: 12px;
|
||||
|
Reference in New Issue
Block a user