Browse code

These scss are missing?

Cinan Rakosnik authored on 28/02/2018 at 20:48:31
Showing 25 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,5 @@
0
+@import "base/utilities";
1
+@import "base/solarized";
2
+@import "base/theme";
3
+@import "base/typography";
4
+@import "base/layout";
0 5
new file mode 100644
... ...
@@ -0,0 +1,8 @@
0
+@import "partials/header";
1
+@import "partials/navigation";
2
+@import "partials/blog";
3
+@import "partials/sharing";
4
+@import "partials/syntax";
5
+@import "partials/archive";
6
+@import "partials/sidebar";
7
+@import "partials/footer";
0 8
new file mode 100644
... ...
@@ -0,0 +1,192 @@
0
+$max-width: 1200px !default;
1
+
2
+// Padding used for layout margins
3
+$pad-min: 18px !default;
4
+$pad-narrow: 25px !default;
5
+$pad-medium: 35px !default;
6
+$pad-wide: 55px !default;
7
+
8
+// Sidebar widths used in media queries
9
+$sidebar-width-medium: 240px !default;
10
+$sidebar-pad-medium: 15px !default;
11
+$sidebar-pad-wide: 20px !default;
12
+$sidebar-width-wide: 300px !default;
13
+
14
+$indented-lists: false !default;
15
+
16
+$header-font-size: 1em !default;
17
+$header-padding-top: 1.5em !default;
18
+$header-padding-bottom: 1.5em !default;
19
+
20
+.group { @include pie-clearfix; }
21
+
22
+@mixin collapse-sidebar {
23
+  float: none;
24
+  width: auto;
25
+  clear: left;
26
+  margin: 0;
27
+  padding: 0 $pad-medium 1px;
28
+  background-color: lighten($sidebar-bg, 2);
29
+  border-top: 1px solid lighten($sidebar-border, 4);
30
+  section {
31
+    &.odd, &.even { float: left; width: 48%; }
32
+    &.odd { margin-left: 0; }
33
+    &.even { margin-left: 4%; }
34
+  }
35
+  &.thirds section {
36
+    width: 30%;
37
+    margin-left: 5%;
38
+    &.first {
39
+      margin-left: 0;
40
+      clear: both;
41
+    }
42
+  }
43
+}
44
+
45
+body {
46
+  -webkit-text-size-adjust: none;
47
+  max-width: $max-width;
48
+  position: relative;
49
+  margin: 0 auto;
50
+  > header, > nav, > footer, #content > article, #content > div > article, #content > div > section {
51
+    @extend .group;
52
+    padding-left: $pad-min;
53
+    padding-right: $pad-min;
54
+    @media only screen and (min-width: 480px) {
55
+      padding-left: $pad-narrow;
56
+      padding-right: $pad-narrow;
57
+    }
58
+    @media only screen and (min-width: 768px) {
59
+      padding-left: $pad-medium;
60
+      padding-right: $pad-medium;
61
+    }
62
+    @media only screen and (min-width: 992px) {
63
+      padding-left: $pad-wide;
64
+      padding-right: $pad-wide;
65
+    }
66
+  }
67
+  div.pagination {
68
+    @extend .group;
69
+    margin-left: $pad-min;
70
+    margin-right: $pad-min;
71
+    @media only screen and (min-width: 480px) {
72
+      margin-left: $pad-narrow;
73
+      margin-right: $pad-narrow;
74
+    }
75
+    @media only screen and (min-width: 768px) {
76
+      margin-left: $pad-medium;
77
+      margin-right: $pad-medium;
78
+    }
79
+    @media only screen and (min-width: 992px) {
80
+      margin-left: $pad-wide;
81
+      margin-right: $pad-wide;
82
+    }
83
+  }
84
+  > header {
85
+    font-size: $header-font-size;
86
+    padding-top: $header-padding-top;
87
+    padding-bottom: $header-padding-bottom;
88
+  }
89
+}
90
+
91
+#content {
92
+  overflow: hidden;
93
+  > div, > article { width: 100%; }
94
+}
95
+
96
+aside.sidebar {
97
+  float: none;
98
+  padding: 0 $pad-min 1px;
99
+  background-color: lighten($sidebar-bg, 2);
100
+  border-top: 1px solid $sidebar-border;
101
+  @extend .group;
102
+}
103
+
104
+.flex-content { max-width: 100%; height: auto; }
105
+
106
+.basic-alignment {
107
+  &.left { float: left; margin-right: 1.5em; }
108
+  &.right { float: right; margin-left: 1.5em; }
109
+  &.center { display:block; margin: 0 auto 1.5em; }
110
+  &.left, &.right { margin-bottom: .8em; }
111
+}
112
+
113
+.toggle-sidebar { &, .no-sidebar & { display: none; }}
114
+
115
+body.sidebar-footer {
116
+  @media only screen and (min-width: 750px) {
117
+    aside.sidebar{ @include collapse-sidebar; }
118
+  }
119
+  #content { margin-right: 0px; }
120
+  .toggle-sidebar { display: none; }
121
+}
122
+
123
+@media only screen and (min-width: 550px) {
124
+  body > header { font-size: $header-font-size; }
125
+}
126
+@media only screen and (min-width: 750px) {
127
+  aside.sidebar { @include collapse-sidebar; }
128
+}
129
+#main, #content, .sidebar {
130
+  @extend .group;
131
+}
132
+@media only screen and (min-width: 768px) {
133
+  body { -webkit-text-size-adjust: auto; }
134
+  body > header { font-size: $header-font-size * 1.2; }
135
+  #main {
136
+    padding: 0;
137
+    margin: 0 auto;
138
+  }
139
+  #content {
140
+    overflow: visible;
141
+    margin-right: $sidebar-width-medium;
142
+    position: relative;
143
+    .no-sidebar & { margin-right: 0; border-right: 0; }
144
+    .collapse-sidebar & { margin-right: 20px; }
145
+    > div, > article {
146
+      padding-top: $pad-medium/2;
147
+      padding-bottom: $pad-medium/2;
148
+      float: left;
149
+    }
150
+  }
151
+  aside.sidebar {
152
+    width: $sidebar-width-medium - $sidebar-pad-medium*2;
153
+    padding: 0 $sidebar-pad-medium $sidebar-pad-medium;
154
+    background: none;
155
+    clear: none;
156
+    float: left;
157
+    margin: 0 -100% 0 0;
158
+    section {
159
+      width: auto; margin-left: 0;
160
+      &.odd, &.even { float: none; width: auto; margin-left: 0; }
161
+    }
162
+    .collapse-sidebar & {
163
+      @include collapse-sidebar;
164
+    }
165
+  }
166
+}
167
+
168
+@media only screen and (min-width: 992px) {
169
+  body > header { font-size: $header-font-size * 1.3; }
170
+  #content { margin-right: $sidebar-width-wide; }
171
+  #content {
172
+    > div, > article {
173
+      padding-top: $pad-wide/2;
174
+      padding-bottom: $pad-wide/2;
175
+    }
176
+  }
177
+  aside.sidebar {
178
+    width: $sidebar-width-wide - $sidebar-pad-wide*2;
179
+    padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide;
180
+    .collapse-sidebar & {
181
+      padding: { left: $pad-wide; right: $pad-wide; }
182
+    }
183
+  }
184
+}
185
+
186
+@if $indented-lists == false {
187
+  @media only screen and (min-width: 768px) {
188
+    ul, ol { margin-left: 0; }
189
+  }
190
+}
191
+
0 192
new file mode 100644
... ...
@@ -0,0 +1,46 @@
0
+$base03:          #002b36 !default; //darkest blue
1
+$base02:          #073642 !default; //dark blue
2
+$base01:          #586e75 !default; //darkest gray
3
+$base00:          #657b83 !default; //dark gray
4
+$base0:           #839496 !default; //medium gray
5
+$base1:           #93a1a1 !default; //medium light gray
6
+$base2:           #eee8d5 !default; //cream
7
+$base3:           #fdf6e3 !default; //white
8
+$solar-yellow:    #b58900 !default;
9
+$solar-orange:    #cb4b16 !default;
10
+$solar-red:       #dc322f !default;
11
+$solar-magenta:   #d33682 !default;
12
+$solar-violet:    #6c71c4 !default;
13
+$solar-blue:      #268bd2 !default;
14
+$solar-cyan:      #2aa198 !default;
15
+$solar-green:     #859900 !default;
16
+
17
+$solarized: dark !default;
18
+
19
+@if $solarized == light {
20
+
21
+  $_base03: $base03;
22
+  $_base02: $base02;
23
+  $_base01: $base01;
24
+  $_base00: $base00;
25
+  $_base0:  $base0;
26
+  $_base1:  $base1;
27
+  $_base2:  $base2;
28
+  $_base3:  $base3;
29
+
30
+  $base03:  $_base3;
31
+  $base02:  $_base2;
32
+  $base01:  $_base1;
33
+  $base00:  $_base0;
34
+  $base0:   $_base00;
35
+  $base1:   $_base01;
36
+  $base2:   $_base02;
37
+  $base3:   $_base03;
38
+}
39
+
40
+/* non highlighted code colors */
41
+$pre-bg: $base03 !default;
42
+$pre-border: darken($base02, 5) !default;
43
+$pre-color: $base1 !default;
44
+
45
+
0 46
new file mode 100644
... ...
@@ -0,0 +1,86 @@
0
+$noise-bg: image-url('noise.png') top left !default;
1
+$img-border: inline-image('dotted-border.png');
2
+
3
+// Main Link Colors
4
+$link-color: lighten(#165b94, 3) !default;
5
+$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
6
+$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;
7
+$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
8
+
9
+// Main Section Colors
10
+$main-bg: #f8f8f8 !default;
11
+$page-bg: #252525 !default;
12
+$article-border: #eeeeee !default;
13
+
14
+$header-bg: #333 !default;
15
+$header-border: lighten($header-bg, 15) !default;
16
+$title-color: #f2f2f2 !default;
17
+$subtitle-color: #aaa !default;
18
+
19
+$text-color: #222 !default;
20
+$text-color-light: #aaa !default;
21
+$type-border: #ddd !default;
22
+
23
+/* Navigation */
24
+$nav-bg: #ccc !default;
25
+$nav-bg-front: image-url('noise.png') !default;
26
+$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default;
27
+$nav-color: darken($nav-bg, 38) !default;
28
+$nav-color-hover: darken($nav-color, 25) !default;
29
+$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default;
30
+$nav-border: darken($nav-bg, 10) !default;
31
+$nav-border-top: lighten($nav-bg, 15) !default;
32
+$nav-border-bottom: darken($nav-bg, 25) !default;
33
+$nav-border-left: darken($nav-bg, 11) !default;
34
+$nav-border-right: lighten($nav-bg, 7) !default;
35
+
36
+/* Sidebar colors */
37
+$sidebar-bg: #f2f2f2 !default;
38
+$sidebar-link-color: $link-color !default;
39
+$sidebar-link-color-hover: $link-color-hover !default;
40
+$sidebar-link-color-active: $link-color-active !default;
41
+$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default;
42
+$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default;
43
+$sidebar-border-hover: darken($sidebar-bg, 7) !default;
44
+$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default;
45
+$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default;
46
+$twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default;
47
+
48
+$footer-color: #888 !default;
49
+$footer-bg: #ccc !default;
50
+$footer-bg-front: image-url('noise.png') !default;
51
+$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default;
52
+$footer-color: darken($footer-bg, 38) !default;
53
+$footer-color-hover: darken($footer-color, 10) !default;
54
+$footer-border-top: lighten($footer-bg, 15) !default;
55
+$footer-border-bottom: darken($footer-bg, 15) !default;
56
+$footer-link-color: darken($footer-bg, 38) !default;
57
+$footer-link-color-hover: darken($footer-color, 25) !default;
58
+$page-border-bottom: darken($footer-bg, 5) !default;
59
+
60
+
61
+/* Core theme application */
62
+
63
+a {
64
+  @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
65
+}
66
+aside.sidebar a {
67
+  @include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
68
+}
69
+a {
70
+  @include transition(color .3s);
71
+}
72
+
73
+html {
74
+  background: $page-bg image-url('line-tile.png') top left;
75
+}
76
+body {
77
+  > div {
78
+    background: $sidebar-bg $noise-bg;
79
+    border-bottom: 1px solid $page-border-bottom;
80
+    > div {
81
+      background: $main-bg $noise-bg;
82
+      border-right: 1px solid $sidebar-border;
83
+    }
84
+  }
85
+}
0 86
new file mode 100644
... ...
@@ -0,0 +1,167 @@
0
+$blockquote: $type-border !default;
1
+$sans: "Droid Sans", "Helvetica Neue", Arial, sans-serif !default;
2
+$serif: "Droid Serif", Georgia, Times, "Times New Roman", serif !default;
3
+$mono: 'Droid Sans Mono', Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
4
+$heading-font-family: "Droid Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default;
5
+$header-title-font-family: $heading-font-family !default;
6
+$header-subtitle-font-family: $heading-font-family !default;
7
+
8
+// Fonts
9
+.heading {
10
+  font-family: $heading-font-family;
11
+}
12
+.sans { font-family: $sans; }
13
+.serif { font-family: $serif; }
14
+.mono { font-family: $mono; }
15
+
16
+body > header h1 {
17
+  font-size: 2.2em;
18
+  @extend .heading;
19
+  font-family: $header-title-font-family;
20
+  font-weight: normal;
21
+  line-height: 1.2em;
22
+  margin-bottom: 0.6667em;
23
+}
24
+body > header h2 {
25
+  font-family: $header-subtitle-font-family;
26
+}
27
+
28
+body {
29
+  line-height: 1.5em;
30
+  color: $text-color;
31
+  @extend .serif;
32
+}
33
+h1 {
34
+  font-size: 2.2em;
35
+  line-height: 1.2em;
36
+}
37
+
38
+@media only screen and (min-width: 992px) {
39
+  body { font-size: 1.15em; }
40
+  h1 { font-size: 2.6em; line-height: 1.2em; }
41
+}
42
+
43
+#{headings()}{
44
+  @extend .heading;
45
+  text-rendering: optimizelegibility;
46
+  margin-bottom: 1em;
47
+  font-weight: bold;
48
+}
49
+
50
+.entry-content h1 {
51
+  font-size: 1.9em;
52
+  margin-bottom: 0.7em;
53
+}
54
+
55
+h2, section h1 {
56
+  font-size: 1.5em;
57
+}
58
+h3, section h2, section section h1 {
59
+  font-size: 1.3em;
60
+}
61
+h4, section h3, section section h2, section section section h1 {
62
+  font-size: 1em;
63
+}
64
+h5, section h4, section section h3 {
65
+  font-size: .9em;
66
+}
67
+h6, section h5, section section h4, section section section h3 {
68
+  font-size: .8em;
69
+}
70
+p, blockquote, ul, ol { margin-bottom: 1.5em; }
71
+
72
+ul { list-style-type: disc;
73
+  ul { list-style-type: circle; margin-bottom: 0px;
74
+    ul { list-style-type: square; margin-bottom: 0px; }}}
75
+
76
+ol { list-style-type: decimal;
77
+  ol { list-style-type: lower-alpha; margin-bottom: 0px;
78
+    ol { list-style-type: lower-roman; margin-bottom: 0px; }}}
79
+
80
+ul, ol { &, ul, ol { margin-left: 1.3em; list-style-position: inside }}
81
+
82
+strong { font-weight: bold; }
83
+
84
+em { font-style: italic; }
85
+
86
+sup, sub { font-size: 0.8em; position: relative;  display: inline-block; }
87
+sup { top: -.5em; }
88
+sub { bottom: -.5em; }
89
+
90
+q { font-style: italic;
91
+  &:before { content: "\201C"; }
92
+  &:after { content: "\201D"; }
93
+}
94
+
95
+em, dfn { font-style: italic; }
96
+
97
+strong, dfn { font-weight: bold; }
98
+
99
+del, s { text-decoration: line-through; }
100
+
101
+abbr, acronym { border-bottom: 1px dotted; cursor: help; }
102
+
103
+pre, code, tt { @extend .mono; }
104
+
105
+sub, sup { line-height: 0; }
106
+
107
+hr { margin-bottom: 0.2em; }
108
+
109
+small { font-size: .8em; }
110
+
111
+big { font-size: 1.2em; }
112
+
113
+blockquote {
114
+  $bq-margin: 1.2em;
115
+  font-style: italic;
116
+  position: relative;
117
+  font-size: 1.2em;
118
+  line-height: 1.5em;
119
+  padding-left: 1em;
120
+  border-left: 4px solid rgba($text-color-light, .5);
121
+  cite {
122
+    font-style: italic;
123
+    a { color: $text-color-light !important; word-wrap: break-word; }
124
+    &:before { content: '\2014'; padding:{right: .3em; left: .3em;} color: $text-color-light; }
125
+  }
126
+  @media only screen and (min-width: 992px) {
127
+    padding-left: 1.5em;
128
+    border-left-width: 4px;
129
+  }
130
+}
131
+
132
+.pullquote-right:before,
133
+.pullquote-left:before {
134
+  /* Reset metrics. */
135
+  padding: 0;
136
+  border: none;
137
+
138
+  /* Content */
139
+  content: attr(data-pullquote);
140
+
141
+  /* Pull out to the right, modular scale based margins. */
142
+  float: right;
143
+  width: 45%;
144
+  margin: .5em 0 1em 1.5em;
145
+
146
+  /* Baseline correction */
147
+  position: relative;
148
+  top: 7px;
149
+  font-size: 1.4em;
150
+  line-height: 1.45em;
151
+}
152
+
153
+.pullquote-left:before {
154
+  /* Make left pullquotes align properly. */
155
+  float: left;
156
+  margin: .5em 1.5em 1em 0;
157
+}
158
+
159
+/* @extend this to force long lines of continuous text to wrap */
160
+.force-wrap {
161
+  white-space: -moz-pre-wrap;
162
+  white-space: -pre-wrap;
163
+  white-space: -o-pre-wrap;
164
+  white-space: pre-wrap;
165
+  word-wrap: break-word;
166
+}
0 167
new file mode 100644
... ...
@@ -0,0 +1,32 @@
0
+@mixin mask-image($img, $repeat: no-repeat){
1
+  @include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms);
2
+  @include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms);
3
+  width: image-width($img);
4
+  height: image-height($img);
5
+}
6
+
7
+@mixin shadow-box($border: #fff .5em solid, $shadow: rgba(#000, .15) 0 1px 4px, $border-radius: .3em) {
8
+  @include border-radius($border-radius);
9
+  @include box-shadow($shadow);
10
+  @include box-sizing(border-box);
11
+  border: $border;
12
+}
13
+
14
+@mixin reset-shadow-box() {
15
+  @include shadow-box(0px, 0px, 0px);
16
+}
17
+
18
+@mixin selection($bg, $color: inherit, $text-shadow: none){
19
+  * {
20
+    &::-moz-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
21
+    &::-webkit-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
22
+    &::selection { background: $bg; color: $color; text-shadow: $text-shadow; }
23
+  }
24
+}
25
+
26
+@function text-color($color, $dark: dark, $light: light){
27
+  $text-color: ( (red($color)*299) + (green($color)*587) + (blue($color)*114) ) / 1000;
28
+  $text-color: if($text-color >= 150, $dark, $light);
29
+  @return $text-color;
30
+}
31
+
0 32
new file mode 100644
... ...
@@ -0,0 +1,43 @@
0
+// Here you can easily change your sites's color scheme.
1
+// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
2
+// If you need a handy color picker try http://hslpicker.com
3
+
4
+//$header-bg: #263347;
5
+//$subtitle-color: lighten($header-bg, 58);
6
+//$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
7
+//$nav-bg-front: image-url('noise.png');
8
+//$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11));
9
+//$sidebar-bg: desaturate(#eceff5, 8);
10
+//$sidebar-link-color: saturate(#526f9a, 10);
11
+//$sidebar-link-color-hover: darken(#7ab662, 9);
12
+//$footer-bg: #ccc !default;
13
+//$footer-bg-front: image-url('noise.png');
14
+//$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11));
15
+
16
+
17
+/* To use the light Solarized highlighting theme uncomment the following line */
18
+//$solarized: light;
19
+
20
+/* If you want to tweak the Solarized colors you can do that here */
21
+//$base03:          #002b36; //darkest blue
22
+//$base02:          #073642; //dark blue
23
+//$base01:          #586e75; //darkest gray
24
+//$base00:          #657b83; //dark gray
25
+//$base0:           #839496; //medium gray
26
+//$base1:           #93a1a1; //medium light gray
27
+//$base2:           #eee8d5; //cream
28
+//$base3:           #fdf6e3; //white
29
+//$solar-yellow:    #b58900;
30
+//$solar-orange:    #cb4b16;
31
+//$solar-red:       #dc322f;
32
+//$solar-magenta:   #d33682;
33
+//$solar-violet:    #6c71c4;
34
+//$solar-blue:      #268bd2;
35
+//$solar-cyan:      #2aa198;
36
+//$solar-green:     #859900;
37
+
38
+
39
+/* Non highlighted code colors */
40
+//$pre-bg: $base03;
41
+//$pre-border: darken($base02, 5);
42
+//$pre-color: $base1;
0 43
new file mode 100644
... ...
@@ -0,0 +1,10 @@
0
+// Here you can easily change font faces which are used in your site.
1
+// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
2
+// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
3
+
4
+//$sans: "Optima", sans-serif;
5
+//$serif: "Baskerville", serif;
6
+//$mono: "Courier", monospace;
7
+//$heading-font-family: "Verdana", sans-serif;
8
+//$header-title-font-family: "Futura", sans-serif;
9
+//$header-subtitle-font-family: "Futura", sans-serif;
0 10
new file mode 100644
... ...
@@ -0,0 +1,21 @@
0
+// Here you can easily change your sites's layout.
1
+// To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works.
2
+
3
+//$header-font-size: 1em;
4
+//$header-padding-top: 1.5em;
5
+//$header-padding-bottom: 1.5em;
6
+
7
+//$max-width: 1350px;
8
+//$indented-lists: true;
9
+
10
+// Padding used for layout margins
11
+//$pad-min: 18px;
12
+//$pad-narrow: 25px;
13
+//$pad-medium: 35px;
14
+//$pad-wide: 55px;
15
+
16
+// Sidebar widths used in media queries
17
+//$sidebar-width-medium: 240px;
18
+//$sidebar-pad-medium: 15px;
19
+//$sidebar-pad-wide: 20px;
20
+//$sidebar-width-wide: 300px;
0 21
new file mode 100644
... ...
@@ -0,0 +1,2 @@
0
+// This File is imported last, and will override other styles in the cascade
1
+// Add styles here to make changes without digging in too much
0 2
new file mode 100644
... ...
@@ -0,0 +1,72 @@
0
+#archive {
1
+  #content > div { &, > article { padding-top: 0; } }
2
+}
3
+#blog-archives {
4
+  article {
5
+    padding: 1em 0 1em;
6
+    position: relative;
7
+    background: $img-border bottom left repeat-x;
8
+    &:last-child {
9
+      background: none;
10
+    }
11
+    footer { padding: 0; margin: 0;}
12
+  }
13
+  h1 { color: $text-color; margin-bottom: .3em; }
14
+  h2 { display: none; }
15
+  h1 {
16
+    font-size: 1.5em;
17
+    a {
18
+      @include hover-link;
19
+      color: inherit;
20
+      &:hover { color: $link-color-hover; }
21
+      font-weight: normal;
22
+      display: inline-block;
23
+    }
24
+  }
25
+  a.category, time {
26
+    @extend .sans;
27
+    color: $text-color-light;
28
+  }
29
+  color: $text-color-light;
30
+  .entry-content { display: none; }
31
+  time {
32
+    font-size: .9em;
33
+    line-height: 1.2em;
34
+    .month, .day { display: inline-block; }
35
+    .month { text-transform: uppercase; }
36
+  }
37
+  p { margin-bottom: 1em; }
38
+  &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
39
+  a:hover { color: $link-color-hover; }
40
+  @media only screen and (min-width: 550px) {
41
+    article { margin-left: 5em; }
42
+    h2 {
43
+      margin-bottom: .3em;
44
+      font-weight: normal;
45
+      display: inline-block;
46
+      position: relative; top: -1px;
47
+      float: left;
48
+      &:first-child { padding-top: .75em; }
49
+    }
50
+    time {
51
+      position: absolute;
52
+      text-align: right;
53
+      left: 0em;
54
+      top: 1.8em;
55
+    }
56
+    .year { display: none; }
57
+    article {
58
+      padding:{left: 4.5em; bottom: .7em;}
59
+    }
60
+  a.category {
61
+    line-height: 1.1em;
62
+    }
63
+  }
64
+}
65
+#content > .category {
66
+  article {
67
+    margin-left: 0;
68
+    padding-left: 6.8em;
69
+  }
70
+  .year { display: inline; }
71
+}
0 72
new file mode 100644
... ...
@@ -0,0 +1,158 @@
0
+article {
1
+  padding-top: 1em;
2
+  a { @extend .force-wrap; }
3
+  header {
4
+    position: relative;
5
+    padding-top: 2em;
6
+    padding-bottom: 1em;
7
+    margin-bottom: 1em;
8
+    background: $img-border bottom left repeat-x;
9
+    h1 {
10
+      margin: 0;
11
+      a { text-decoration: none;
12
+        &:hover { text-decoration: underline; } }
13
+    }
14
+    p {
15
+      font-size: .9em;
16
+      color: $text-color-light;
17
+      margin: 0;
18
+      &.meta {
19
+        @extend .sans;
20
+        text-transform: uppercase;
21
+        position: absolute; top: 0;
22
+      }
23
+    }
24
+    @media only screen and (min-width: 768px) {
25
+      margin-bottom: 1.5em;
26
+      padding-bottom: 1em;
27
+      background: $img-border bottom left repeat-x;
28
+    }
29
+  }
30
+  h2 {
31
+    padding-top: 0.8em;
32
+    background: $img-border top left repeat-x;
33
+  }
34
+  .entry-content & h2:first-child, header + h2 { padding-top: 0; }
35
+  h2:first-child, header + h2 { background: none; }
36
+  .feature {
37
+    padding-top: .5em;
38
+    margin-bottom: 1em;
39
+    padding-bottom: 1em;
40
+    background: $img-border bottom left repeat-x;
41
+    font-size: 2.0em; font-style: italic;
42
+    line-height: 1.3em;
43
+  }
44
+  img, video, .flash-video, .caption-wrapper {
45
+    @extend .flex-content;
46
+    @extend .basic-alignment;
47
+    @include shadow-box;
48
+
49
+    &.caption {
50
+ 	 @include reset-shadow-box;
51
+    }
52
+  }
53
+
54
+  .caption-wrapper {
55
+	display: inline-block;
56
+	margin-bottom: 10px;
57
+	.caption-text {
58
+	  background: #fff;
59
+	  text-align: center;
60
+	  font-size: .8em;
61
+	  color: #666;
62
+	  display: block;
63
+	}
64
+  }
65
+
66
+  video, .flash-video { margin: 0 auto 1.5em; }
67
+  video { display: block; width: 100%; }
68
+  .flash-video {
69
+    > div {
70
+      position: relative;
71
+      display: block;
72
+      padding-bottom: 56.25%;
73
+      padding-top: 1px;
74
+      height: 0;
75
+      overflow: hidden;
76
+      iframe, object, embed {
77
+        position: absolute;
78
+        top: 0;
79
+        left: 0;
80
+        width: 100%;
81
+        height: 100%;
82
+      }
83
+    }
84
+  }
85
+  > footer {
86
+    padding-bottom: 2.5em;
87
+    margin-top: 2em;
88
+    @extend .sans;
89
+    p.meta {
90
+      margin-bottom: .8em;
91
+      font-size: .85em;
92
+      clear: both;
93
+      overflow: hidden;
94
+    }
95
+    .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
96
+      @extend .separator;
97
+    }
98
+  }
99
+
100
+}
101
+article + article {
102
+  .blog-index & {
103
+    background: $img-border top left repeat-x;
104
+  }
105
+}
106
+#content .blog-index {
107
+  padding: { top: 0; bottom: 0; }
108
+  article { padding-top: 2em; }
109
+  article header { background: none; padding-bottom: 0; }
110
+  article h1 {
111
+    font-size: 2.2em;
112
+    a { color: inherit; &:hover { color: $link-color-hover; } }
113
+  }
114
+  a[rel=full-article] {
115
+    background: darken($main-bg, 5);
116
+    display: inline-block;
117
+    padding: .4em .8em;
118
+    margin-right: .5em;
119
+    text-decoration: none;
120
+    color: mix($text-color, $text-color-light);
121
+    @extend .serif;
122
+    @include transition(background-color .5s);
123
+    &:hover {
124
+      background: $link-color-hover;
125
+      text-shadow: none;
126
+      color: $main-bg;
127
+    }
128
+  }
129
+  footer {
130
+    @extend .sans;
131
+    margin-top: 1em;
132
+  }
133
+}
134
+
135
+.separator {
136
+  content: "\2022 ";
137
+  padding: 0 .4em 0 .2em;
138
+  display: inline-block;
139
+}
140
+
141
+#content div.pagination {
142
+  text-align: center;
143
+  font-size: .95em;
144
+  position: relative;
145
+  background: $img-border top left repeat-x;
146
+  padding: {top: 1.5em; bottom: 1.5em;}
147
+  a {
148
+    text-decoration: none;
149
+    color: $text-color-light;
150
+    &.prev { position: absolute; left: 0; }
151
+    &.next { position: absolute; right: 0; }
152
+    &:hover { color: $link-color-hover; }
153
+    &[href*=archive] {
154
+      &:before, &:after { content: '\2014'; padding: 0 .3em; }
155
+    }
156
+  }
157
+}
0 158
new file mode 100644
... ...
@@ -0,0 +1,19 @@
0
+body > footer {
1
+  @extend .sans;
2
+  font-size: .8em;
3
+  color: $footer-color;
4
+  text-shadow: lighten($footer-bg, 5) 0 1px;
5
+  background-color: $footer-bg;
6
+  @include background($footer-bg-front, $footer-bg-back);
7
+  border-top: 1px solid $footer-border-top;
8
+  position: relative;
9
+  padding-top: 1em;
10
+  padding-bottom: 1em;
11
+  margin-bottom: 3em;
12
+  @include border-bottom-radius(.4em);
13
+  z-index: 1;
14
+  a {
15
+    @include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);
16
+  }
17
+  p:last-child { margin-bottom: 0; }
18
+}
0 19
new file mode 100644
... ...
@@ -0,0 +1,18 @@
0
+body > header {
1
+  background: $header-bg;
2
+  h1 {
3
+    display: inline-block;
4
+    margin: 0;
5
+    a, a:visited, a:hover {
6
+      color: $title_color;
7
+      text-decoration: none;
8
+    }
9
+  }
10
+  h2 {
11
+    margin: .2em 0 0;
12
+    @extend .sans;
13
+    font-size: 1em;
14
+    color: $subtitle-color;
15
+    font-weight: normal;
16
+  }
17
+}
0 18
new file mode 100644
... ...
@@ -0,0 +1,137 @@
0
+body > nav {
1
+  position: relative;
2
+  background-color: $nav-bg;
3
+  @include background($nav-bg-front, $nav-bg-back);
4
+  border: {
5
+    top: 1px solid $nav-border-top;
6
+    bottom: 1px solid $nav-border-bottom; }
7
+  padding-top: .35em;
8
+  padding-bottom: .35em;
9
+  form {
10
+    @include background-clip(padding-box);
11
+    margin: 0; padding: 0;
12
+    .search {
13
+      padding: .3em .5em 4px;
14
+      font-size: .85em;
15
+      font-family: $sans;
16
+      line-height: 1.1em;
17
+      width: 95%;
18
+      @include border-radius(.5em);
19
+      @include background-clip(padding-box);
20
+      @include box-shadow(lighten($nav-bg, 2) 0 1px);
21
+      background-color: lighten($nav-bg, 15);
22
+      border: 1px solid $nav-border;
23
+      color: #888;
24
+      &:focus {
25
+        color: #444;
26
+        border-color: #80b1df;
27
+        @include box-shadow(#80b1df 0 0 4px, #80b1df 0 0 3px inset);
28
+        background-color: #fff;
29
+        outline: none;
30
+      }
31
+    }
32
+  }
33
+  fieldset[role=search]{ float: right; width: 48%; }
34
+  fieldset.mobile-nav{ float: left; width: 48%;
35
+    select{ width: 100%; font-size: .8em; border: 1px solid #888;}
36
+  }
37
+  ul { display: none; }
38
+  @media only screen and (min-width: 550px) {
39
+    font-size: .9em;
40
+    ul {
41
+      @include horizontal-list(0);
42
+      float: left;
43
+      display: block;
44
+      padding-top: .15em;
45
+    }
46
+    ul.subscription {
47
+      margin-left: .8em;
48
+      float: right;
49
+      li:last-child a { padding-right: 0; }
50
+    }
51
+    ul li {
52
+      margin: 0;
53
+    }
54
+    a {
55
+      @include link-colors($nav-color, $nav-color-hover, $visited: $nav-color);
56
+      font-family: $sans;
57
+      text-shadow: lighten($nav-bg, 12) 0 1px;
58
+      float: left;
59
+      text-decoration: none;
60
+      font-size: 1.1em;
61
+      padding: .1em 0;
62
+      line-height: 1.5em;
63
+    }
64
+    li + li {
65
+      border-left: 1px solid $nav-border-left;
66
+      margin-left: .8em;
67
+      a {
68
+        padding-left: .8em;
69
+        border-left: 1px solid $nav-border-right;
70
+      }
71
+    }
72
+    form {
73
+      float: right;
74
+      text-align: left;
75
+      padding-left: .8em;
76
+      width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 20px;
77
+      .search {
78
+        width: 93%;
79
+        font-size: .95em;
80
+        line-height: 1.2em;
81
+      }
82
+    }
83
+    ul[data-subscription$=email] + form {
84
+      width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px;
85
+      .search { width: 91%; }
86
+    }
87
+    fieldset.mobile-nav { display: none; }
88
+    fieldset[role=search]{ width: 99%; }
89
+  }
90
+  @media only screen and (min-width: 992px) {
91
+    form {
92
+      width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px;
93
+    }
94
+    ul[data-subscription$=email] + form {
95
+      width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 58px;
96
+    }
97
+  }
98
+}
99
+.no-placeholder {
100
+  body > nav .search {
101
+    background: lighten($nav-bg, 15) image-url('search.png') .3em .25em no-repeat;
102
+    text-indent: 1.3em;
103
+  }
104
+}
105
+@mixin mask-subscription-nav($feed: 'rss.png'){
106
+  position: relative; top: 0px;
107
+  text-indent: -999999em;
108
+  background-color: $nav-border-right;
109
+  border: 0;
110
+  padding: 0;
111
+  &,&:after { @include mask-image($feed); }
112
+  &:after {
113
+    content: "";
114
+    position: absolute; top: -1px; left: 0;
115
+    background-color: lighten($nav-color, 25);
116
+  }
117
+  &:hover:after { background-color: lighten($nav-color, 20); }
118
+}
119
+.maskImage {
120
+  body > nav {
121
+    @media only screen and (min-width: 550px) {
122
+      ul[data-subscription$=email] + form {
123
+        width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 32px;
124
+      }
125
+    }
126
+    @media only screen and (min-width: 992px) {
127
+      ul[data-subscription$=email] + form {
128
+        width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 32px;
129
+      }
130
+    }
131
+  }
132
+  ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }}
133
+  a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); }
134
+  a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); }
135
+}
136
+
0 137
new file mode 100644
... ...
@@ -0,0 +1,8 @@
0
+.sharing {
1
+  p.meta + & {
2
+    padding: { top: 1em; left: 0; }
3
+    background: $img-border top left repeat-x;
4
+  }
5
+}
6
+
7
+#fb-root { display: none; }
0 8
new file mode 100644
... ...
@@ -0,0 +1,5 @@
0
+@import "sidebar/base";
1
+@import "sidebar/twitter";
2
+@import "sidebar/googleplus";
3
+@import "sidebar/pinboard";
4
+@import "sidebar/delicious";
0 5
new file mode 100644
... ...
@@ -0,0 +1,261 @@
0
+.highlight, html .gist .gist-file .gist-syntax .gist-highlight {
1
+  table td.code { width: 100%; }
2
+  border: 1px solid $pre-border !important;
3
+}
4
+.highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers {
5
+  text-align: right;
6
+  font-size: 13px;
7
+  line-height: 1.45em;
8
+  @if $solarized == light {
9
+    background: lighten($base03, 1) $noise-bg !important;
10
+    border-right: 1px solid darken($base02, 2) !important;
11
+    @include box-shadow(lighten($base03, 2) -1px 0 inset);
12
+    text-shadow: lighten($base02, 2) 0 -1px;
13
+  } @else {
14
+    background: $base02 $noise-bg !important;
15
+    border-right: 1px solid darken($base03, 2) !important;
16
+    @include box-shadow(lighten($base02, 2) -1px 0 inset);
17
+    text-shadow: darken($base02, 10) 0 -1px;
18
+  }
19
+  span { color: $base01 !important; }
20
+  padding: .8em !important;
21
+  @include border-radius(0);
22
+}
23
+
24
+figure.code, .gist-file, pre {
25
+  @include box-shadow(rgba(#000, .06) 0 0 10px);
26
+  .highlight pre { @include box-shadow(none); }
27
+}
28
+
29
+.gist .highlight, figure.code .highlight {
30
+  @include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px);
31
+}
32
+html .gist .gist-file {
33
+  margin-bottom: 1.8em;
34
+  position: relative;
35
+  border: none;
36
+  padding-top: image-height("code_bg.png") !important;
37
+  .highlight {
38
+    margin-bottom: 0;
39
+  }
40
+  .gist-syntax {
41
+    border-bottom: 0 !important;
42
+    background: none !important;
43
+    .gist-highlight {
44
+      background: $base03 !important;
45
+    }
46
+    .highlight pre {
47
+      @extend .pre-code;
48
+      padding: 0;
49
+    }
50
+  }
51
+  .gist-meta {
52
+   padding: .6em 0.8em;
53
+   border: 1px solid lighten($base02, 2) !important;
54
+   color: $base01;
55
+   font-size: .7em !important;
56
+   @if $solarized == light {
57
+     background: lighten($base03, 2) $noise-bg;
58
+     border: 1px solid $pre-border !important;
59
+     border-top: 1px solid lighten($base03, 2) !important;
60
+   } @else {
61
+     background: $base02 $noise-bg;
62
+   }
63
+   @extend .sans;
64
+   line-height: 1.5em;
65
+    a {
66
+      color: mix($base1, $base01) !important;
67
+      @include hover-link;
68
+      &:hover { color: $base1 !important; }
69
+    }
70
+    a[href*='#file'] {
71
+      position: absolute; top: 0; left:0; right:-10px;
72
+      color: #474747 !important;
73
+      @extend .code-title;
74
+      &:hover { color: $link-color !important; }
75
+    }
76
+    a[href*=raw]{
77
+      @extend .download-source;
78
+      top: .4em;
79
+    }
80
+  }
81
+}
82
+pre {
83
+  background: $pre-bg $noise-bg;
84
+  @include border-radius(.4em);
85
+  @extend .mono;
86
+  border: 1px solid $pre-border;
87
+  line-height: 1.45em;
88
+  font-size: 13px;
89
+  margin-bottom: 2.1em;
90
+  padding: .8em 1em;
91
+  color: $pre-color;
92
+  overflow: auto;
93
+}
94
+h3.filename {
95
+  @extend .code-title;
96
+  + pre { @include border-top-radius(0px); }
97
+}
98
+
99
+p, li {
100
+  code {
101
+    @extend .mono;
102
+    display: inline-block;
103
+    white-space: no-wrap;
104
+    background: #fff;
105
+    font-size: .8em;
106
+    line-height: 1.5em;
107
+    color: #555;
108
+    border: 1px solid #ddd;
109
+    @include border-radius(.4em);
110
+    padding: 0 .3em;
111
+    margin: -1px 0;
112
+  }
113
+  pre code { font-size: 1em !important; background: none; border: none; }
114
+}
115
+
116
+.pre-code {
117
+  font-family: $mono !important;
118
+  overflow: scroll;
119
+  overflow-y: hidden;
120
+  display: block;
121
+  padding: .8em;
122
+  overflow-x: auto;
123
+  line-height: 1.45em;
124
+  background: $base03 $noise-bg !important;
125
+  color: $base1 !important;
126
+  span { color: $base1 !important; }
127
+  span { font-style: normal !important; font-weight: normal !important; }
128
+
129
+  .c      { color: $base01 !important; font-style: italic !important; }                     /* Comment */
130
+  .cm     { color: $base01 !important; font-style: italic !important; }                     /* Comment.Multiline */
131
+  .cp     { color: $base01 !important; font-style: italic !important;  }                     /* Comment.Preproc */
132
+  .c1     { color: $base01 !important; font-style: italic !important; }                     /* Comment.Single */
133
+  .cs     { color: $base01 !important; font-weight: bold !important; font-style: italic !important; }   /* Comment.Special */
134
+  .err    { color: $solar-red !important; background: none !important; }                                            /* Error */
135
+  .k      { color: $solar-orange !important; }                       /* Keyword */
136
+  .o      { color: $base1 !important; font-weight: bold !important; }                       /* Operator */
137
+  .p      { color: $base1 !important; }                                             /* Operator */
138
+  .ow     { color: $solar-cyan !important; font-weight: bold !important; }                       /* Operator.Word */
139
+  .gd     { color: $base1 !important; background-color: mix($solar-red, $base03, 25%) !important; display: inline-block; }               /* Generic.Deleted */
140
+  .gd .x  { color: $base1 !important; background-color: mix($solar-red, $base03, 35%) !important; display: inline-block; }               /* Generic.Deleted.Specific */
141
+  .ge     { color: $base1 !important; font-style: italic !important; }                      /* Generic.Emph */
142
+  //.gr     { color: #aa0000 }                                          /* Generic.Error */
143
+  .gh     { color: $base01 !important; }                                          /* Generic.Heading */
144
+  .gi     { color: $base1 !important; background-color: mix($solar-green, $base03, 20%) !important; display: inline-block; }               /* Generic.Inserted */
145
+  .gi .x  { color: $base1 !important; background-color: mix($solar-green, $base03, 40%) !important; display: inline-block; }               /* Generic.Inserted.Specific */
146
+  //.go     { color: #888888 }                                          /* Generic.Output */
147
+  //.gp     { color: #555555 }                                          /* Generic.Prompt */
148
+  .gs     { color: $base1 !important; font-weight: bold !important; }                                       /* Generic.Strong */
149
+  .gu     { color: $solar-violet !important; }                                          /* Generic.Subheading */
150
+  //.gt     { color: #aa0000 }                                          /* Generic.Traceback */
151
+  .kc     { color: $solar-green !important; font-weight: bold !important; }                       /* Keyword.Constant */
152
+  .kd     { color: $solar-blue !important; }                       /* Keyword.Declaration */
153
+  .kp     { color: $solar-orange !important; font-weight: bold !important; }                       /* Keyword.Pseudo */
154
+  .kr     { color: $solar-magenta !important; font-weight: bold !important; }                       /* Keyword.Reserved */
155
+  .kt     { color: $solar-cyan !important; }                       /* Keyword.Type */
156
+  .n      { color: $solar-blue !important; }
157
+  .na     { color: $solar-blue !important; }                                          /* Name.Attribute */
158
+  .nb     { color: $solar-green !important; }                                          /* Name.Builtin */
159
+  .nc     { color: $solar-magenta !important;}                                                   /* Name.Class */
160
+  .no     { color: $solar-yellow !important; }                                          /* Name.Constant */
161
+  //.ni     { color: #800080 }                                          /* Name.Entity */
162
+  .nl     { color: $solar-green !important; }
163
+  .ne     { color: $solar-blue !important; font-weight: bold !important; }                       /* Name.Exception */
164
+  .nf     { color: $solar-blue !important; font-weight: bold !important; }                       /* Name.Function */
165
+  .nn     { color: $solar-yellow !important; }                                          /* Name.Namespace */
166
+  .nt     { color: $solar-blue !important; font-weight: bold !important; }                                          /* Name.Tag */
167
+  .nx     { color: $solar-yellow !Important; }
168
+  //.bp     { color: #999999 }                                          /* Name.Builtin.Pseudo */
169
+  //.vc     { color: #008080 }                                          /* Name.Variable.Class */
170
+  .vg     { color: $solar-blue !important; }                                          /* Name.Variable.Global */
171
+  .vi     { color: $solar-blue !important; }                                          /* Name.Variable.Instance */
172
+  .nv     { color: $solar-blue !important; }                                          /* Name.Variable */
173
+  //.w      { color: #bbbbbb }                                          /* Text.Whitespace */
174
+  .mf     { color: $solar-cyan !important; }                                          /* Literal.Number.Float */
175
+  .m      { color: $solar-cyan !important; }                                          /* Literal.Number */
176
+  .mh     { color: $solar-cyan !important; }                                          /* Literal.Number.Hex */
177
+  .mi     { color: $solar-cyan !important; }                                          /* Literal.Number.Integer */
178
+  //.mo     { color: #009999 }                                          /* Literal.Number.Oct */
179
+  .s      { color: $solar-cyan !important; }                                             /* Literal.String */
180
+  //.sb     { color: #d14 }                                             /* Literal.String.Backtick */
181
+  //.sc     { color: #d14 }                                             /* Literal.String.Char */
182
+  .sd     { color: $solar-cyan !important; }                                             /* Literal.String.Doc */
183
+  .s2     { color: $solar-cyan !important; }                                             /* Literal.String.Double */
184
+  .se     { color: $solar-red !important; }                                             /* Literal.String.Escape */
185
+  //.sh     { color: #d14 }                                             /* Literal.String.Heredoc */
186
+  .si     { color: $solar-blue !important; }                                             /* Literal.String.Interpol */
187
+  //.sx     { color: #d14 }                                             /* Literal.String.Other */
188
+  .sr     { color: $solar-cyan !important; }                                          /* Literal.String.Regex */
189
+  .s1     { color: $solar-cyan !important; }                                             /* Literal.String.Single */
190
+  //.ss     { color: #990073 }                                          /* Literal.String.Symbol */
191
+  //.il     { color: #009999 }                                          /* Literal.Number.Integer.Long */
192
+  div { .gd, .gd .x, .gi, .gi .x { display: inline-block; width: 100%; }}
193
+}
194
+
195
+.highlight, .gist-highlight {
196
+  pre { background: none; @include border-radius(0px); border: none; padding: 0; margin-bottom: 0; }
197
+  margin-bottom: 1.8em;
198
+  background: $base03;
199
+  overflow-y: hidden;
200
+  overflow-x: auto;
201
+}
202
+
203
+$solar-scroll-bg: rgba(#fff, .15);
204
+$solar-scroll-thumb: rgba(#fff, .2);
205
+@if $solarized == light {
206
+  $solar-scroll-bg: rgba(#000, .15);
207
+  $solar-scroll-thumb: rgba(#000, .15);
208
+}
209
+
210
+pre, .highlight, .gist-highlight {
211
+  &::-webkit-scrollbar {  height: .5em; background: $solar-scroll-bg; }
212
+  &::-webkit-scrollbar-thumb:horizontal { background: $solar-scroll-thumb;  -webkit-border-radius: 4px; border-radius: 4px }
213
+}
214
+
215
+.highlight code { 
216
+  @extend .pre-code; background: #000;
217
+}
218
+figure.code {
219
+  background: none;
220
+  padding: 0;
221
+  border: 0;
222
+  margin-bottom: 1.5em;
223
+  pre { margin-bottom: 0; }
224
+  figcaption {
225
+    position: relative;
226
+    @extend .code-title;
227
+    a { @extend .download-source; }
228
+  }
229
+  .highlight {
230
+    margin-bottom: 0;
231
+  }
232
+}
233
+
234
+.code-title {
235
+  text-align: center;
236
+  font-size: 13px;
237
+  line-height: 2em;
238
+  text-shadow: #cbcccc 0 1px 0;
239
+  color: #474747;
240
+  font-weight: normal;
241
+  margin-bottom: 0;
242
+  @include border-top-radius(5px);
243
+  font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
244
+  background: #aaaaaa image-url("code_bg.png") top repeat-x;
245
+  border: 1px solid #565656;
246
+  border-top-color: #cbcbcb;
247
+  border-left-color: #a5a5a5;
248
+  border-right-color: #a5a5a5;
249
+  border-bottom: 0;
250
+}
251
+
252
+.download-source {
253
+  position: absolute; right: .8em;
254
+  @include hover-link;
255
+  color: #666 !important;
256
+  z-index: 1;
257
+  font-size: 13px;
258
+  text-shadow: #cbcccc 0 1px 0;
259
+  padding-left: 3em;
260
+}
0 261
new file mode 100644
... ...
@@ -0,0 +1,102 @@
0
+.side-shadow-border {
1
+  @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
2
+}
3
+aside.sidebar {
4
+  overflow: hidden;
5
+  color: $sidebar-color;
6
+  text-shadow: lighten($sidebar-bg, 8) 0 1px;
7
+  a { @extend .force-wrap; }
8
+  section {
9
+    @extend .sans;
10
+    font-size: .8em;
11
+    line-height: 1.4em;
12
+    margin-bottom: 1.5em;
13
+    h1 {
14
+      margin: 1.5em 0 0;
15
+      padding-bottom: .2em;
16
+      border-bottom: 1px solid $sidebar-border;
17
+      @extend .side-shadow-border;
18
+      + p {
19
+        padding-top: .4em;
20
+      }
21
+    }
22
+  }
23
+  img {
24
+    @extend .flex-content;
25
+    @extend .basic-alignment;
26
+    @include shadow-box($border: #fff .3em solid);
27
+  }
28
+  ul {
29
+    margin-bottom: 0.5em;
30
+    margin-left: 0;
31
+  }
32
+  li {
33
+    list-style: none;
34
+    padding: .5em 0;
35
+    margin: 0;
36
+    border-bottom: 1px solid $sidebar-border;
37
+    @extend .side-shadow-border;
38
+    p:last-child {
39
+      margin-bottom: 0;
40
+    }
41
+  }
42
+  a {
43
+    color: inherit;
44
+    @include transition(color .5s);
45
+  }
46
+}
47
+.aside-alt-link {
48
+  color: $sidebar-link-color-subdued;
49
+  &:hover {
50
+    color: $sidebar-link-color-subdued-hover;
51
+  }
52
+}
53
+
54
+@media only screen and (min-width: 768px) {
55
+  .toggle-sidebar {
56
+    outline: none;
57
+    position: absolute; right: -10px; top: 0; bottom: 0;
58
+    display: inline-block;
59
+    text-decoration: none;
60
+    color: mix($text-color-light, $sidebar-bg);
61
+    width: 9px;
62
+    cursor: pointer;
63
+    &:hover {
64
+      background: mix($sidebar-border, $sidebar-bg);
65
+      @include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0)));
66
+    }
67
+    &:after {
68
+      position: absolute; right: -11px; top: 0;
69
+      width: 20px;
70
+      font-size: 1.2em;
71
+      line-height: 1.1em;
72
+      padding-bottom: .15em;
73
+      @include border-bottom-right-radius(.3em);
74
+      text-align: center;
75
+      background: $main-bg $noise-bg;
76
+      border-bottom: 1px solid $sidebar-border;
77
+      border-right: 1px solid $sidebar-border;
78
+      content: "\00BB";
79
+      text-indent: -1px;
80
+    }
81
+    .collapse-sidebar & {
82
+      text-indent: 0px;
83
+      right: -20px;
84
+      width: 19px;
85
+      &:hover {
86
+        background: mix($sidebar-border, $sidebar-bg);
87
+      }
88
+      &:after {
89
+        border-left: 1px solid $sidebar-border;
90
+        text-shadow: #fff 0 1px;
91
+        content: "\00AB";
92
+        left: 0px; right: 0;
93
+        text-align: center;
94
+        text-indent: 0;
95
+        border: 0;
96
+        border-right-width: 0;
97
+        background: none;
98
+      }
99
+    }
100
+  }
101
+}
0 102
new file mode 100644
... ...
@@ -0,0 +1,4 @@
0
+.delicious-posts {
1
+  a.delicious-link { margin-bottom: .5em; display: block; }
2
+  p { font-size: 1em; }
3
+}
0 4
new file mode 100644
... ...
@@ -0,0 +1,26 @@
0
+.googleplus {
1
+  h1 {
2
+       -moz-box-shadow: none !important;
3
+    -webkit-box-shadow: none !important;
4
+         -o-box-shadow: none !important;
5
+            box-shadow: none !important;
6
+    border-bottom: 0px none !important;
7
+  }
8
+  a {
9
+    text-decoration: none;
10
+    white-space: normal !important;
11
+    line-height: 32px;
12
+
13
+    img {
14
+      float: left;
15
+      margin-right: 0.5em;
16
+      border: 0 none;
17
+    }
18
+  }
19
+}
20
+
21
+.googleplus-hidden {
22
+  position: absolute;
23
+  top: -1000em;
24
+  left: -1000em;
25
+}
0 26
new file mode 100644
... ...
@@ -0,0 +1,12 @@
0
+#pinboard_linkroll {
1
+  .pin-title, .pin-description {
2
+    display: block;
3
+    margin-bottom: .5em;
4
+  }
5
+  .pin-tag {
6
+    @include hover-link;
7
+    @extend .aside-alt-link;
8
+    &:after { content: ','; }
9
+    &:last-child:after { content: ''; }
10
+  }
11
+}
0 12
new file mode 100644
... ...
@@ -0,0 +1,34 @@
0
+#tweets {
1
+  .loading {
2
+    background: inline-image('bird_32_gray.png') no-repeat center .5em;
3
+    color: darken($sidebar-bg, 18);
4
+    text-shadow: $main-bg 0 1px;
5
+    text-align: center;
6
+    padding: 2.5em 0 .5em;
7
+    &.error {
8
+      background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
9
+    }
10
+  }
11
+  p {
12
+    position: relative;
13
+    padding-right: 1em;
14
+  }
15
+  a[href*=status]:first-child {
16
+    color: $twitter-status-link;
17
+    float: right;
18
+    padding: 0 0 .1em 1em;
19
+    position: relative; right: -1.3em;
20
+    text-shadow: #fff 0 1px;
21
+    font-size: .7em;
22
+    span { font-size: 1.5em; }
23
+    text-decoration: none;
24
+    &:hover {
25
+      color: $sidebar-link-color-subdued-hover;
26
+      text-decoration: none;
27
+    }
28
+  }
29
+  a[href*='twitter.com/search']{
30
+    @extend .aside-alt-link;
31
+    @include hover-link;
32
+  }
33
+}
0 34
new file mode 100644
... ...
@@ -0,0 +1,10 @@
0
+@import "compass";
1
+@include global-reset;
2
+@include reset-html5;
3
+
4
+@import "custom/colors";
5
+@import "custom/fonts";
6
+@import "custom/layout";
7
+@import "base";
8
+@import "partials";
9
+@import "custom/styles";