mirrors/retrospring
1
0
Fork 1
mirror of https://github.com/Retrospring/retrospring.git synced 2025-04-07 05:30:58 +02:00
Code Issues Projects Releases Packages Wiki Activity

Moved $colors list into variables

Browse source 
Also renamed it because it would cause a collission with Bootstraps $colors surely at some point.
This commit is contained in:
Andreas Nedbal 2020-04-28 13:07:16 +02:00
parent a7cefa11b3
commit aa453ab770
3 changed files with 12 additions and 19 deletions
app/assets/stylesheets
_variables.scss
overrides
_buttons.scss_colors.scss

11
app/assets/stylesheets/_variables.scss
View file

@ -1,4 +1,4 @@
// Colors // Color overrides for Bootstrap
$primary: #5e35b1; $primary: #5e35b1;
// Cards // Cards
@ -10,6 +10,15 @@ $list-group-border-width: 0;
// nProgress // nProgress
$nprogress-color: lighten($navbar-inverse-bg, 25%); $nprogress-color: lighten($navbar-inverse-bg, 25%);
// Color names for theme generation
$colorNames: (
"primary",
"danger",
"warning",
"info",
"success"
);
:root { :root {
--background: #f0edf4; --background: #f0edf4;
--card-bg: #ffffff; --card-bg: #ffffff;

10
app/assets/stylesheets/overrides/_buttons.scss
View file

@ -1,12 +1,4 @@
$colors: ( @each $color in $colorNames {
"primary",
"danger",
"warning",
"info",
"success"
);
@each $color in $colors {
.btn-#{$color} { .btn-#{$color} {
background-color: var(--#{$color}); background-color: var(--#{$color});
border-color: var(--#{$color}); border-color: var(--#{$color});

10
app/assets/stylesheets/overrides/_colors.scss
View file

@ -1,12 +1,4 @@
$colors: ( @each $color in $colorNames {
"primary",
"danger",
"warning",
"info",
"success"
);
@each $color in $colors {
.bg-#{$color} { .bg-#{$color} {
background-color: var(--#{$color}) !important; background-color: var(--#{$color}) !important;
} }