messing about with colours
This commit is contained in:
@ -107,7 +107,7 @@ body.is-loading {
|
||||
.particle {
|
||||
position: relative;
|
||||
user-select: none;
|
||||
background: _palette(bg);
|
||||
background: _palette(accent3, bg);
|
||||
|
||||
@include breakpoint(medium) {
|
||||
background: none;
|
||||
|
||||
@ -54,18 +54,18 @@
|
||||
}
|
||||
|
||||
&.style1 {
|
||||
color: _palette(accent1, fg-dark);
|
||||
color: _palette(bg);
|
||||
}
|
||||
|
||||
&.style2 {
|
||||
color: _palette(accent2, fg-dark);
|
||||
color: _palette(accent2, bg);
|
||||
}
|
||||
|
||||
&.style3 {
|
||||
color: _palette(accent3, fg-dark);
|
||||
color: _palette(accent3, bg);
|
||||
}
|
||||
|
||||
&.style4 {
|
||||
color: _palette(accent4, fg-dark);
|
||||
color: _palette(accent4, bg);
|
||||
}
|
||||
}
|
||||
@ -57,16 +57,16 @@ button,
|
||||
}
|
||||
|
||||
&.special {
|
||||
background-color: _palette(accent4, bg);
|
||||
background-color: _palette(accent3, bg);
|
||||
box-shadow: none !important;
|
||||
color: _palette(accent4, fg-bold) !important;
|
||||
color: _palette(accent3, fg-bold) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten(_palette(accent4, bg), 5) !important;
|
||||
background-color: lighten(_palette(accent3, bg), 5) !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: darken(_palette(accent4, bg), 5) !important;
|
||||
background-color: darken(_palette(accent3, bg), 5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -229,6 +229,10 @@
|
||||
&.style5 {
|
||||
@include wrapper(accent2);
|
||||
}
|
||||
|
||||
&.style6 {
|
||||
@include wrapper(accent4);
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
@include padding(4em, 3em);
|
||||
|
||||
Reference in New Issue
Block a user