homepage/source/stylesheets/site.css.scss

102 lines
1.5 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;
}
a {
text-decoration:none;
}
header {
position: fixed;
line-height: 1.8em;
top: 0px;
right: 0px;
display: inline;
width: 100%;
padding: 0px;
z-index: 1;
li {
display: inline;
list-style: none;
padding: 5px;
text-align: center;
}
ul {
float: right;
margin: 0px;
padding: 0px;
}
box-shadow: 0 2px 3px #b8b8b8;
}
footer {
@include grid(12);
padding-left: 15px;
box-shadow: 0 2px 3px #b8b8b8;
}
.container {
@include grid_container;
@include clearfix;
@include accentize($yellow);
/* Grid layout */
#main {
margin-top: 50px;
@include grid(12);
@include clearfix;
}
a:hover {
color: darken($yellow, 10%);
}
}
.navlink {
@include border-radius(3px);
&:hover {
text-decoration: none;
}
@include transition-duration(.2s);
@include transition-timing-function(ease-in);
}
#sitelink {
float: left;
font-size: 1.1em;
padding-right: 0.1em;
padding-left: 0.1em;
&:hover {
text-decoration: none;
}
}
#pagetitle {
@include text-shadow(0px, -1px, 1px, rgb(255,255,255), 0px, 1px, 1px, rgb(102,102,102));
}
#overview {
font-size: 2em;
li {
line-height: 0.8em;
}
}