nsr-design-idee/assets2/css/main.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;
}
}