mirror of
https://github.com/flarum/framework.git
synced 2025-02-09 04:48:29 +08:00
ef20e29b20
* Start of conversion to CSS variables * Use variable for Badge colors * Use variable for avatar bg * Use variable for user card bg * Use css variables for hero * Use css variables for buttons * Use css variables for sidenav links * Cleaner style attr Co-authored-by: David Wheatley <hi@davwheat.dev>
19 lines
519 B
Plaintext
19 lines
519 B
Plaintext
:root {
|
|
// Component colors
|
|
--avatar-bg: @control-bg;
|
|
--badge-bg: @muted-color;
|
|
--badge-color: #fff;
|
|
--usercard-bg: @control-bg;
|
|
--hero-bg: @hero-bg;
|
|
--hero-color: @hero-color;
|
|
|
|
// Store the current responsive screen mode in a CSS variable, to make it
|
|
// available to the JS code.
|
|
--flarum-screen: none;
|
|
|
|
@media @phone { --flarum-screen: phone; }
|
|
@media @tablet { --flarum-screen: tablet; }
|
|
@media @desktop { --flarum-screen: desktop; }
|
|
@media @desktop-hd { --flarum-screen: desktop-hd; }
|
|
}
|