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

@@ -6,22 +6,22 @@
padding: 8px 13px;
font-size: 13px;
line-height: 1.5;
color: @control-color;
background-color: @control-bg;
color: var(--control-color);
background-color: var(--control-bg);
border: 2px solid transparent;
border-radius: @border-radius;
border-radius: var(--border-radius);
transition: var(--transition);
-webkit-appearance: none;
&:focus {
background-color: @body-bg;
color: @text-color;
border-color: @primary-color;
background-color: var(--body-bg);
color: var(--text-color);
border-color: var(--primary-color);
outline: none;
}
// Placeholder
.placeholder(@control-color);
.placeholder(var(--control-color));
// Disabled and read-only inputs
&[disabled],
@@ -48,5 +48,5 @@
font-size: 12px;
line-height: 1.5em;
margin-bottom: 10px;
color: @muted-color;
color: var(--muted-color);
}