messing about with colours

This commit is contained in:
czmj
2017-09-22 17:23:08 +01:00
parent 9003143e6c
commit 563c5a2552
8 changed files with 28 additions and 30 deletions

View File

@ -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;

View File

@ -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);
}
}

View File

@ -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;
}
}

View File

@ -229,6 +229,10 @@
&.style5 {
@include wrapper(accent2);
}
&.style6 {
@include wrapper(accent4);
}
@include breakpoint(medium) {
@include padding(4em, 3em);