aboutsummaryrefslogtreecommitdiffstats
path: root/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss
diff options
context:
space:
mode:
authorAlvin Li <liweitianux@gmail.com>2013-08-13 14:13:24 +0800
committerAlvin Li <liweitianux@gmail.com>2013-08-13 14:13:24 +0800
commit9636d4a6767f49384d5c386bc3f1142c88b90613 (patch)
tree3a70f6d9e4be1791d36c87cc7cbfd1d5aa2b39dd /97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss
parent9383d9a8a5988d071766c3d08a5c946e9c5b02ae (diff)
download97dev-9636d4a6767f49384d5c386bc3f1142c88b90613.tar.bz2
cloned from 'bitbucket', 2013/08/13
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;
+}