homepage/source/stylesheets/site.css.scss
2012-07-26 11:12:26 +02:00

93 lines
1.3 KiB
SCSS

@import "compass";
@import "960/grid";
@import "solarized";
@import "960.css";
$ninesixty_columns: 12;
h1 {
font-family: 'Lobster', Georgia, Times, serif;
font-size: 3em;
}
body {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.3em;
}
#sitelink {
display:block;
float:left;
padding-left: 10px;
padding-right:10px;
font-size: 1.1em;
font-weight:bold;
}
#pagetitle {
@include text-shadow(0px, -1px, 1px, rgb(255, 255, 255), 0px, 1px, 1px, rgb(102, 102, 102));
}
#pagesubtitle {
margin-bottom: 2.5em;
}
a {
text-decoration:none;
&:hover {
font-weight:bold;
}
}
header {
line-height: 190%;
a {
margin-right: 10px;
}
margin-bottom: 1em;
}
footer {
@include grid(12);
padding-left: 15px;
}
[class^="icons-"],
[class*="icons-"] {
list-style-type: none;
padding-left: 1.2em;
margin-left: -1.8em;
display: block;
height: 29px;
width: 100%;
background-position: 28px 28px;
}
.container {
@include grid_container;
@include clearfix;
@include accentize($yellow);
/* Grid layout */
#main {
@include grid(12);
@include clearfix;
}
#overview {
@include grid-push(1);
font-size: 2em;
margin-left: auto;
margin-right: auto;
li {
margin-bottom: 0.2em;
}
}
}
@import "../images/icons/*.png";
@include all-icons-sprites;