rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-26 20:54:21 +01:00
Code Issues Releases Activity

(wip)(style) refactor styles to use css variables

Browse Source
This commit is contained in:
Sylvain 2022-04-20 11:12:17 +02:00
parent e45872956c
commit 0e4d2cbdcb
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/frontend/src/stylesheets/modules/prepaid-packs/propose-packs-modal.scss
View File

@ -8,6 +8,7 @@
border-width: 3px;
border-style: solid;
border-radius: 10px 3px;
border-color: var(--secondary);
padding: 5px 15px;
width: 264px;
margin: 5px 10px;

19
app/themes/casemate/style.scss.erb
View File

@ -12,6 +12,25 @@ $secondary-text-color: <%= Stylesheet.secondary_text_color %> !default;
$primary-decoration-color: <%= Stylesheet.primary_decoration_color %> !default;
:root {
--main-lightest: lighten(<%= Stylesheet.primary_light %>, 20%);
--main-light: <%= Stylesheet.primary_light %>;
--main: <%= Stylesheet.primary %>;
--main-dark: <%= Stylesheet.primary_dark %>;
--main-darkest: darken(<%= Stylesheet.primary_dark %>, 20%);
--secondary-lightest: lighten(<%= Stylesheet.secondary_light %>, 20%);
--secondary-light: <%= Stylesheet.secondary_light %>;
--secondary: <%= Stylesheet.secondary %>;
--secondary-dark: <%= Stylesheet.secondary_dark %>;
--secondary-darkest: darken(<%= Stylesheet.secondary_dark %>, 20%);
--primary-text-color: <%= Stylesheet.primary_text_color %>;
--secondary-text-color: <%= Stylesheet.secondary_text_color %>;
--primary-decoration-color: <%= Stylesheet.primary_decoration_color %>;
}
.bg-red {
background-color: $primary;
}