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

24
_sass/_layout.scss
View file

@ -7,9 +7,9 @@ body {
height: 100vh;
width: 100%;
font-family: _font(family-fixed);
color: _palette(fg);
color: var(--fg);
letter-spacing: _font(kerning);
background-color: _palette(bg);
background-color: var(--bg);
}
#main-wrapper {
@ -34,7 +34,7 @@ body {
flex-wrap: wrap;
flex-direction: row;
align-content: center;
background-color: _palette(bg);
background-color: var(--bg);
justify-content: center;
background-size: cover;
background-position: center;
@ -45,7 +45,7 @@ body {
width: 100vw;
.textcontainer {
background-color: _palette(bg-alt);
background-color: var(--bg-alt);
border-radius: 5px;
max-width: 700px;
padding: 20px 20px 40px 20px;
@ -57,7 +57,7 @@ body {
flex: 1 0 100%;
width: 100%;
z-index: 10;
color: _palette(fg);
color: var(--fg);
text-align: center;
max-width: 1200px;
}
@ -85,10 +85,10 @@ body {
section {
flex: 1 1 100%;
padding: 20px;
background-color: _palette(bg);
-webkit-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
-moz-box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
box-shadow: inset 0px 23px 25px -25px _palette(border-alt);
background-color: var(--bg);
-webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt);
-moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt);
box-shadow: inset 0px 23px 25px -25px var(--border-alt);
z-index: 2;
h2 {
text-align: center;
@ -106,8 +106,8 @@ footer {
flex-wrap: wrap;
width: 100%;
padding: 160px 20px 200px 20px;
background-color: _palette(fg);
color: _palette(bg);
background-color: var(--fg);
color: var(--bg);
justify-content: center;
background-image: url('../img/vignette-footer.svg');
background-size: 480px 480px;
@ -123,7 +123,7 @@ footer {
display: block
}
li {
border-bottom: 1px solid _palette(bg-alt);
border-bottom: 1px solid var(--bg-alt);
line-height: 2;
font-size: 1.5em;
a {