57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
// palette
|
|
$white: #fff7e5;
|
|
$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: $blue; /* Old browsers */
|
|
background: -moz-radial-gradient(center, ellipse cover, $blue 0%, #145266 17%, #0e0e0e 100%); /* FF3.6-15 */
|
|
background: -webkit-radial-gradient(center, ellipse cover, $blue 0%,#145266 17%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: radial-gradient(ellipse at center, $blue 0%, #145266 17%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
}
|
|
|
|
|
|
html {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
height: 100%;
|
|
font-family: Muli;
|
|
}
|
|
body {
|
|
@include radial-background();
|
|
}
|
|
|
|
|
|
header {
|
|
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;
|
|
}
|
|
}
|
|
|