Instantly share code, notes, and snippets.

Embed
What would you like to do?
SCSS for Crizza Tutorial
$bodyColor: #95aabf;
$patter: "../images/pattern.png";
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v11/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body {
background: $bodyColor;
overflow: hidden;
}
body div {
padding-top: 200px;
text-align: center;
width:100%;
height:100%;
position: absolute;
background: left top repeat url($patter);
}
.site-title {
font-family: Oswald, Arial, Helvetica, sans-serif;
font-size: 48px;
font-weight: bold;
line-height: 100%;
margin: 0;
position: relative;
width: 100%;
z-index: 50;
}
.site-description {
color: white;
font-family: Oswald, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 100%;
margin: 12px 0 0;
position: relative;
width: 100%;
z-index: 50;
}
.site-title a {
color: black;
text-decoration: none;
}
.site-title a:hover {
color: #222222;
-webkit-transition: color 1s;
transition: color 1s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment