homepage/source/stylesheets/site.css.scss

86 lines
1.2 KiB
SCSS

@import "compass";
@import "960/grid";
@import "solarized";
@import "normalize";
@import "960";
@import "font-awesome";
//@import "compass-holmes"; // css-based debugging
$ninesixty_columns: 12;
h1 {
font-family: 'Lobster', Georgia, Times, serif;
font-size: 3em;
}
body {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
line-height: 1.3em;
}
#sitelink {
float: left;
font-size: 1.1em;
padding-right: 0.1em;
padding-left: 0.1em;
}
#pagetitle {
@include text-shadow(0px, -1px, 1px, rgb(255, 255, 255), 0px, 1px, 1px, rgb(102, 102, 102));
}
.container {
@include grid_container;
@include clearfix;
@include accentize($yellow);
/* Grid layout */
#main {
margin-top: 50px;
@include grid(12);
@include clearfix;
}
}
.icons {
font-size: 2em;
li {
line-height: 0.8em;
}
}
a {
text-decoration:none;
&:hover {
font-weight:bold;
letter-spacing:-0.0565em;
}
}
header {
position: fixed;
line-height: 2em;
top: 0px;
right: 0px;
display: inline;
width: 100%;
padding: 0px;
li {
display: inline;
list-style: none;
padding: 5px;
text-align: center;
}
ul {
margin: 0px;
padding: 0px;
}
}
footer {
@include grid(12);
padding-left: 15px;
}