58 lines
1.3 KiB
SCSS
58 lines
1.3 KiB
SCSS
@import "compass/css3";
|
|
|
|
//-----------------------------------------------
|
|
// The following html5-boilerplate styles should
|
|
// probably be customized for each site
|
|
//-----------------------------------------------
|
|
|
|
body, select, input, textarea {
|
|
color: $font-color;
|
|
// Set your base font here, to apply evenly
|
|
// font-family: Georgia, serif;
|
|
}
|
|
|
|
//Headers (h1, h2, etc) have no default font-size or margin; define those yourself
|
|
h1, h2, h3, h4, h5, h6 {
|
|
// Bold might not be the best choice if you are
|
|
// embedding a @font-face that's already bold
|
|
font-weight: bold;
|
|
}
|
|
|
|
a, a:active, a:visited { color: $link-color; }
|
|
a:hover { color: $link-hover-color; }
|
|
|
|
strong, th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
small {
|
|
// Use font-size mixin to convert to percentage for YUI
|
|
// http://developer.yahoo.com/yui/3/cssfonts/#fontsize
|
|
@include font-size(11px); // approx 85% when base-font-size eq 13px
|
|
}
|
|
|
|
// Add the 'required' attribute on your
|
|
// inputs if you want to use these
|
|
input:valid, textarea:valid {}
|
|
input:invalid, textarea:invalid {
|
|
@include border-radius(1px);
|
|
@include box-shadow(red, 0, 0, 5px, 0);
|
|
}
|
|
.no-boxshadow input:invalid,
|
|
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
|
|
|
|
|
|
//-----------------------------------
|
|
// Add your own custom styles below
|
|
//-----------------------------------
|
|
|
|
body {}
|
|
|
|
#container {}
|
|
|
|
header {}
|
|
|
|
#main {}
|
|
|
|
footer {}
|