hq/setto.basspistol.com
hq/setto.basspistol.com
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make color variables selectable in cloudcannon

Browse source
This commit is contained in:
sakrecoer 2020-08-10 17:31:05 +02:00
parent 11d3e1f5fd
commit 7e61046352
12 changed files with 117 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

20
_sass/_elements.scss
View file

@ -20,14 +20,14 @@ strong {
a {
text-decoration-style: wavy;
text-decoration-color: transparent;
color: _palette(accent2);
color: var(--accent2);
-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
}
a:hover {
color: _palette(accent1);
color: var(--accent1);
text-decoration-style: wavy;
text-decoration-color: unset;
}
@ -35,7 +35,7 @@ a:hover {
// Buttons
.button {
background-color: _palette(accent2);
background-color: var(--accent2);
padding: 1em;
border-radius: 5px;
@ -43,13 +43,13 @@ a:hover {
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
color: _palette(fg);
color: var(--fg);
}
.button:hover {
background-color: _palette(accent1);
color: _palette(bg);
background-color: var(--accent1);
color: var(--bg);
}
// album index
@ -102,7 +102,7 @@ a:hover {
width: 100px;
height: 100px;
line-height: 100px;
border: 1px solid _palette(accent2);
border: 1px solid var(--accent2);
text-align: center;
text-decoration: none;
-moz-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
@ -112,7 +112,7 @@ a:hover {
}
.icon:hover {
border: 1px solid _palette(accent1);
border: 1px solid var(--accent1);
}
.small {
@ -211,7 +211,7 @@ a:hover {
}
.linksbg {
background-size: 100%;
background: _palette(bg);
background: linear-gradient(180deg, _palette(bg) 26%, _palette(accent2-alt) 100%);
background: var(--bg);
background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%);
}