aboutsummaryrefslogtreecommitdiffstats
path: root/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss
diff options
context:
space:
mode:
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.scss57
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;
+}