75 lines
1.3 KiB
SCSS
75 lines
1.3 KiB
SCSS
// palette
|
|
$white: #fff7e5;
|
|
$grey: #cfc7b5;
|
|
$yellow: #ffb400;
|
|
$blue: #004e66;
|
|
$black: #0e0e0e;
|
|
|
|
$gutter: 12px;
|
|
|
|
@import 'glitch';
|
|
@import 'fonts';
|
|
@import 'previews';
|
|
|
|
// mixins
|
|
@mixin radial-background() {
|
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004e66+0,145266+17,0e0e0e+100 */
|
|
background: #505050;
|
|
background: -moz-linear-gradient(top, #505050 0%, #333333 17%, #0e0e0e 100%);
|
|
background: -webkit-linear-gradient(top, #505050 0%,#333333 17%,#0e0e0e 100%);
|
|
background: linear-gradient(to bottom, #505050 0%,#333333 17%,#0e0e0e 100%);
|
|
|
|
background: fixed url("img/background.jpg");
|
|
}
|
|
|
|
|
|
html {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
height: 100%;
|
|
font-family: Muli;
|
|
}
|
|
body {
|
|
@include radial-background();
|
|
}
|
|
|
|
|
|
header#toppage {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 800px;
|
|
height: 100px;
|
|
|
|
h1 {
|
|
text-align: center;
|
|
color: $white;
|
|
font-family: repulsor;
|
|
font-size: 42px;
|
|
margin-bottom: 0;
|
|
}
|
|
h2 {
|
|
margin-top: 0;
|
|
|
|
text-align: center;
|
|
color: $yellow;
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
span.meta {
|
|
color: $grey;
|
|
}
|
|
|
|
footer {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 800px;
|
|
|
|
color: $yellow;
|
|
ul {
|
|
display: flex;
|
|
list-style: none;
|
|
justify-content: space-around;
|
|
}
|
|
} |