diff options
Diffstat (limited to '97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss')
-rw-r--r-- | 97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss new file mode 100644 index 0000000..d295958 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss @@ -0,0 +1,57 @@ +// Ideally, variables should be initialized in a partial. We're setting it here +// to make the mixin usage more transparent. +$gutter-width: 10px; + + +// Skip link styling +#skip-link { + margin: 0; + + a, + a:visited { + display: block; + width: 100%; + padding: 2px 0 3px 0; + text-align: center; + background-color: #666; + color: #fff; + } +} + +// Set a consistent padding around all containers +#header, +#content, +#main-menu, +#aside1, +#aside2, +#footer { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + padding: $gutter-width; +} + +// Alternate border styling +#header, +#main-menu, +#aside2 { + border: 1px solid #ccc; +} +#content, +#aside1, +#footer { + border: 1px solid #09f; +} + +// Source-order meta info +header h1, +header h2 { + display: inline; +} +header p { + display: inline; + text-transform: uppercase; + font-size: 0.8em; + color: #c00; +} |