Permalink
Browse files

fix background and color

  • Loading branch information...
1 parent f784df1 commit bf6128b177e58eb63adc01eec467bb39ccb0ddfd @evenwu committed Nov 20, 2011
View
BIN source/images/handmadepaper.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2 source/stylesheets/_ggs.scss
@@ -28,7 +28,7 @@ $base-line-height: $ggs-line * 1px;
@import "ggs/prettify";
@import "ggs/mixins";
-@import "ggs/default-style";
@import "ggs/type-size-presets";
+@import "ggs/default-style";
@import "ggs/border-box";
@import "ggs/responsive-layout";
View
42 source/stylesheets/ggs/_default-style.scss
@@ -112,3 +112,45 @@ dt {
dd {
padding-left: 1em;
}
+
+
+blockquote {
+ border-left: 5px solid #999;
+ padding-left: 20px;
+ margin-left: 20px;
+ @include margin-trailer(1,$font-m);
+ p {
+ @extend .font-l;
+ margin: 0;
+ }
+ cite {
+ @extend .font-s;
+ color: fade-out($head-color ,.5);
+ &:before {
+ content: "";
+ }
+ }
+}
+
+code {
+ font-family: Monaco, Andale Mono, Courier New, monospace;
+ font-weight: normal;
+ color: #657B83;
+ background: white;
+ padding: 1px 3px;
+ @include border-radius(3px);
+ font-size: 12px;
+ line-height: 1;
+}
+
+pre {
+ background: white;
+ color: #657B83;
+ padding: 5px 9px;
+ border: 1px solid rgba(0,0,0,.2);
+ @include box-shadow(0 1px 2px rgba(0,0,0,.1));
+ @include border-radius(3px);
+ @include margin-trailer(1,$font-s);
+ overflow: auto;
+ @extend .font-s;
+}
View
4 source/stylesheets/ggs/_mixins.scss
@@ -12,5 +12,7 @@
}
@mixin font-zoom($i: 0) {
- font-size: #{( $ggs-font-size + $i ) / $ggs-em}em;
+ body {
+ font-size: #{( $ggs-font-size + $i ) / $ggs-em}em;
+ }
}
View
2 source/stylesheets/ggs/_prettify.scss
@@ -7,7 +7,7 @@
.typ, .atn, .dec, .var { color: #CB4B16; }
.pln { color: #657b83; }
pre.prettyprint {
- background: #fefbf3;
+ background: white;
}
/*
View
6 source/stylesheets/ggs/_responsive-layout.scss
@@ -12,12 +12,12 @@
@media screen and (min-width: 1025px) {
@import "media/desktop";
}
-@media screen and (min-width: 1441px) {
+@media screen and (min-width: 1420px) {
@import "media/desktop-wide"
}
-@media screen and (min-width: 1681px) {
+@media screen and (min-width: 1660px) {
@import "media/desktop-wide2"
}
-@media screen and (min-width: 1920px) {
+@media screen and (min-width: 1900px) {
@import "media/desktop-wide3"
}
View
40 source/stylesheets/ggs/_type-size-presets.scss
@@ -77,44 +77,4 @@ h6 {
p {
@extend .font-m;
@include margin-trailer(1,$font-m);
-}
-
-blockquote {
- border-left: 5px solid #999;
- padding-left: 20px;
- margin-left: 20px;
- @include margin-trailer(1,$font-m);
- p {
- @extend .font-l;
- margin: 0;
- }
- cite {
- @extend .font-s;
- color: fade-out($head-color ,.5);
- &:before {
- content: "";
- }
- }
-}
-
-code {
- font-family: Monaco, Andale Mono, Courier New, monospace;
- font-weight: normal;
- color: #404040;
- background: #fee9cc;
- padding: 1px 3px;
- @include border-radius(3px);
- font-size: 12px;
- line-height: 1;
-}
-
-pre {
- background: $gray;
- padding: 5px 9px;
- border: 1px solid rgba(0,0,0,.2);
- @include box-shadow(0 1px 2px rgba(0,0,0,.1));
- @include border-radius(3px);
- @include margin-trailer(1,$font-s);
- overflow: auto;
- @extend .font-s;
}
View
6 source/stylesheets/ggs/media/_desktop-wide.scss
@@ -0,0 +1,6 @@
+@include font-zoom(2);
+
+$column: 7;
+.content {
+ @include ggs-container($column);
+}
View
6 source/stylesheets/ggs/media/_desktop-wide2.scss
@@ -0,0 +1,6 @@
+@include font-zoom(3);
+
+$column: 6;
+.content {
+ @include ggs-container($column);
+}
View
1 source/stylesheets/ggs/media/_desktop-wide3.scss
@@ -0,0 +1 @@
+@include font-zoom(4);
View
4 source/stylesheets/ggs/media/_desktop.scss
@@ -1,4 +1,6 @@
-$column: 8;
+@include font-zoom;
+
+$column: 7;
.content {
@include ggs-container($column);
}
View
5 source/stylesheets/ggs/media/_tablet-wide.scss
@@ -1,6 +1,5 @@
-body {
- @include font-zoom;
-}
+@include font-zoom;
+
$column: 8;
.content {
@include ggs-container($column);
View
5 source/stylesheets/ggs/media/_tablet.scss
@@ -1,6 +1,5 @@
-body {
- @include font-zoom;
-}
+@include font-zoom(2);
+
$column: 6;
.content {
@include ggs-container($column);
View
3 source/stylesheets/main.css.scss
@@ -9,6 +9,7 @@ $hover: #a00;
body {
font-family: "Helvetica Neue", sans-serif;
padding-bottom: 150px;
+ background: #eef1f1 image-url('handmadepaper.png') center top;
}
a {
@@ -39,7 +40,7 @@ a {
margin-bottom: -1px;
@include padding-leader(1,$font-xl);
@include margin-trailer(1,$font-xl);
- background: image-url($line-img) repeat-x bottom;
+ border-bottom: 1px solid rgba(0,0,0,.1);
code {
position: relative;
top: -5px;

0 comments on commit bf6128b

Please sign in to comment.