141 lines
2.0 KiB
SCSS
141 lines
2.0 KiB
SCSS
//** DEFAULT STYLES **//
|
|
// Don't forget to set your default styles.
|
|
|
|
// Get all the details and mixins from base
|
|
@import "base";
|
|
|
|
// Reset browser defaults, and prepare block-level HTML5 elements
|
|
@import "susy/reset";
|
|
@import "compass/css3";
|
|
|
|
/* @group defaults */
|
|
|
|
body {
|
|
@include sans-family;
|
|
color: $main; }
|
|
|
|
/* @group links */
|
|
|
|
:focus {
|
|
outline: 1px dotted $alt; }
|
|
|
|
a {
|
|
&:link, &:visited {
|
|
color: $alt; }
|
|
&:focus, &:hover, &:active {
|
|
color: $alt - #222222;
|
|
text-decoration: none; } }
|
|
|
|
/* @end */
|
|
|
|
/* @group headers */
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: bold; }
|
|
|
|
/* @end */
|
|
|
|
/* @group forms */
|
|
|
|
form *:focus {
|
|
outline: none; }
|
|
|
|
fieldset {
|
|
margin: $base_line_height 0; }
|
|
|
|
legend {
|
|
font-weight: bold;
|
|
font-variant: small-caps; }
|
|
|
|
label {
|
|
display: block;
|
|
margin-top: $base_line_height; }
|
|
|
|
legend + label {
|
|
margin-top: 0; }
|
|
|
|
textarea, input[type="text"] {
|
|
@include box-sizing(border-box);
|
|
width: 100%; }
|
|
|
|
/* @end */
|
|
|
|
/* @group tables */
|
|
|
|
/* tables still need 'cellspacing="0"' in the markup */
|
|
|
|
table {
|
|
width: 100%;
|
|
border: 1 / 16 + unquote("em solid") $main + #333333 {
|
|
left: none;
|
|
right: none; };
|
|
padding: 7 / 16 + unquote("em 0");
|
|
margin: 8 / 16 + unquote("em 0"); }
|
|
|
|
th {
|
|
font-weight: bold; }
|
|
|
|
/* @end */
|
|
|
|
/* @group block tags */
|
|
|
|
p {
|
|
margin: $base_line_height 0; }
|
|
|
|
@mixin list-default($ol: false) {
|
|
margin: $base_line_height;
|
|
@if $ol {
|
|
list-style: decimal; }
|
|
@else {
|
|
list-style: disc; } }
|
|
|
|
@mixin no-style-list {
|
|
@include no-bullets;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
ol {
|
|
@include list-default(ol); }
|
|
|
|
ul {
|
|
@include list-default; }
|
|
|
|
blockquote {
|
|
margin: $base_line_height;
|
|
@include serif-family; }
|
|
|
|
/* @end */
|
|
|
|
/* @group inline tags */
|
|
|
|
cite {
|
|
font-style: italic; }
|
|
|
|
em {
|
|
font-style: italic; }
|
|
|
|
strong {
|
|
font-weight: bold; }
|
|
|
|
ins {
|
|
text-decoration: underline; }
|
|
|
|
del {
|
|
text-decoration: line-through; }
|
|
|
|
q {
|
|
font-style: italic;
|
|
em {
|
|
font-style: normal; } }
|
|
|
|
/* @end */
|
|
|
|
/* @group replaced tags */
|
|
|
|
img {
|
|
vertical-align: bottom; }
|
|
|
|
/* @end */
|
|
|
|
/* @end */
|