homepage/source/stylesheets/site.css.scss

151 lines
2.7 KiB
SCSS
Raw Normal View History

2012-06-22 18:08:09 +00:00
@import "compass";
@import "solarized";
2012-07-26 18:19:04 +00:00
@import "normalize";
2013-01-19 14:11:29 +00:00
$fontAwesomePath: "../fonts";
2013-01-06 21:39:15 +00:00
@import "fontawesome";
2012-08-05 19:24:19 +00:00
//@import "compass-holmes"; // css-based debugging
2012-08-26 06:55:24 +00:00
@import "susy";
2012-06-22 18:08:09 +00:00
2012-09-01 18:39:46 +00:00
// Setting up the Magic Grid
$total-columns: 12; // 12 columns
$column-width: 4em; // columns are 4em wide
$gutter-width: 1em; // with 1em gutters
$grid-padding: 1em; // and 1em padding on the grid container
$container-style: magic;
$container-width: 50em;
2012-06-22 18:08:09 +00:00
h1 {
font-family: 'Lobster', Georgia, Times, serif;
2012-09-01 18:39:46 +00:00
font-size: 2em;
2013-01-03 17:11:54 +00:00
font-weight: 600;
2012-09-01 18:39:46 +00:00
line-height: 1em;
}
h2 {
font-size: 1.5em;
2013-01-03 17:11:54 +00:00
font-weight: 500;
2012-09-01 18:39:46 +00:00
line-height: 1em;
}
@include at-breakpoint(40em) {
.span3 { @include span-columns(3,9); }
.span3_omega { @include span-columns(3 omega,9); }
.clear { clear: both; }
h1 {
font-size: 3em;
}
2012-06-22 18:08:09 +00:00
}
body {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
line-height: 1.3em;
}
2012-08-26 06:55:24 +00:00
a { text-decoration:none; }
2012-06-22 18:08:09 +00:00
header {
2012-08-10 21:00:25 +00:00
position: fixed;
2012-08-10 21:26:30 +00:00
line-height: 1.8em;
2012-08-10 21:00:25 +00:00
top: 0px;
right: 0px;
display: inline;
width: 100%;
padding: 0px;
2012-08-11 07:15:58 +00:00
z-index: 1;
2012-08-10 21:00:25 +00:00
li {
display: inline;
list-style: none;
padding: 5px;
text-align: center;
}
ul {
2012-08-10 21:26:30 +00:00
float: right;
2012-08-10 21:00:25 +00:00
margin: 0px;
padding: 0px;
2012-06-22 18:08:09 +00:00
}
2012-08-12 17:09:08 +00:00
box-shadow: 0 2px 3px #b8b8b8;
2012-06-22 18:08:09 +00:00
}
footer {
2012-08-26 07:27:32 +00:00
padding: 0.3em 1em 0.3em;
2012-08-12 17:09:08 +00:00
box-shadow: 0 2px 3px #b8b8b8;
2012-08-26 07:27:32 +00:00
p {
margin: 0;
}
2012-06-22 18:08:09 +00:00
}
2012-08-12 17:09:08 +00:00
2013-01-28 07:46:02 +00:00
.amp, abbr[title="and"] {
font-family: Baskerville,Palatino,"Book Antiqua",serif;
//font-family: 'Lobster', Georgia, Times, serif;
font-style: italic;
font-weight: normal;
line-height: 1em;
margin: 0 0 0.2em;
}
2012-08-12 17:09:08 +00:00
.container {
@include accentize($yellow);
2012-08-26 06:55:24 +00:00
@include container;
2012-08-12 17:09:08 +00:00
#main {
margin-top: 50px;
2012-08-26 14:59:55 +00:00
@include clearfix;
2012-08-12 17:09:08 +00:00
}
2012-08-14 19:10:57 +00:00
a:hover {
color: darken($yellow, 10%);
}
2012-08-12 17:09:08 +00:00
}
.navlink {
2012-08-12 23:44:24 +00:00
@include border-radius(3px);
2012-08-12 17:09:08 +00:00
&:hover {
text-decoration: none;
}
2012-08-13 06:14:51 +00:00
@include transition-duration(.2s);
@include transition-timing-function(ease-in);
2012-08-12 17:09:08 +00:00
}
2012-09-01 18:39:46 +00:00
@include at-breakpoint(40em) {
.span3 { @include span-columns(3,9); }
.span3_omega {
@include span-columns(3 omega,9);
@include clearfix;
}
dd { margin-left: 0;}
}
@include at-breakpoint(45em) {
dd { margin-left: 1em;}
}
2012-08-26 14:59:55 +00:00
2012-08-12 17:09:08 +00:00
#sitelink {
float: left;
font-size: 1.1em;
padding-right: 0.1em;
padding-left: 0.1em;
2013-01-03 17:05:46 +00:00
font-family: 'Lobster', Georgia, Times, serif;
letter-spacing: -0.07em;
2012-08-12 17:09:08 +00:00
&:hover {
text-decoration: none;
}
2013-01-03 17:05:46 +00:00
vertical-align: 0.2em;
padding-top: 0.2em;
line-height: 1em;
span {
vertical-align: -0.2em;
line-height: 1em;
}
2012-08-12 17:09:08 +00:00
}
#pagetitle {
@include text-shadow(0px, -1px, 1px, rgb(255,255,255), 0px, 1px, 1px, rgb(102,102,102));
}
2013-01-03 17:29:55 +00:00
.icons {
dd {
display:block;clear:both;
}
}
2013-01-28 08:21:03 +00:00
.overview {
span { font-size: 1.5em; };
2012-08-12 17:09:08 +00:00
}