scateu.me-jekyll-theme 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
data/_sass/_base.scss ADDED
@@ -0,0 +1,216 @@
1
+ /**
2
+ * Reset some basic elements
3
+ */
4
+ body, h1, h2, h3, h4, h5, h6,
5
+ p, blockquote, pre, hr,
6
+ dl, dd, ol, ul, figure {
7
+ margin: 0;
8
+ padding: 0;
9
+ }
10
+
11
+
12
+
13
+ /**
14
+ * Basic styling
15
+ */
16
+ body {
17
+ font-family: $base-font-family;
18
+ font-size: $base-font-size;
19
+ line-height: $base-line-height;
20
+ font-weight: 300;
21
+ color: $text-color;
22
+ background-color: $background-color;
23
+ -webkit-text-size-adjust: 100%;
24
+ }
25
+
26
+
27
+
28
+ /**
29
+ * Set `margin-bottom` to maintain vertical rhythm
30
+ */
31
+ h1, h2, h3, h4, h5, h6,
32
+ p, blockquote, pre,
33
+ ul, ol, dl, figure,
34
+ %vertical-rhythm {
35
+ margin-bottom: $spacing-unit / 2;
36
+ }
37
+
38
+
39
+
40
+ /**
41
+ * Images
42
+ */
43
+ img {
44
+ max-width: 100%;
45
+ vertical-align: middle;
46
+ }
47
+
48
+
49
+
50
+ /**
51
+ * Figures
52
+ */
53
+ figure > img {
54
+ display: block;
55
+ }
56
+
57
+ figcaption {
58
+ font-size: $small-font-size;
59
+ }
60
+
61
+
62
+
63
+ /**
64
+ * Lists
65
+ */
66
+ ul, ol {
67
+ margin-left: $spacing-unit;
68
+ }
69
+
70
+ li {
71
+ > ul,
72
+ > ol {
73
+ margin-bottom: 0;
74
+ }
75
+ }
76
+
77
+
78
+
79
+ /**
80
+ * Headings
81
+ */
82
+ h2, h3, h4 {
83
+ font-weight: 600;
84
+ }
85
+
86
+ h1,h5,h6 {
87
+ font-weight: 300;
88
+ }
89
+
90
+ /**
91
+ * H2 Underline
92
+ */
93
+ h2 {
94
+ border-bottom: 1px solid #AAA;
95
+ }
96
+
97
+ /**
98
+ * Links
99
+ */
100
+ a {
101
+ color: $brand-color;
102
+ text-decoration: none;
103
+
104
+ &:visited {
105
+ color: darken($brand-color, 15%);
106
+ }
107
+
108
+ &:hover {
109
+ color: $text-color;
110
+ text-decoration: underline;
111
+ }
112
+ }
113
+
114
+
115
+
116
+ /**
117
+ * Blockquotes
118
+ */
119
+ blockquote {
120
+ color: $grey-color;
121
+ border-left: 4px solid $grey-color-light;
122
+ padding-left: $spacing-unit / 2;
123
+ font-size: 14px;
124
+ letter-spacing: -1px;
125
+ //font-style: italic;
126
+
127
+ > :last-child {
128
+ margin-bottom: 0;
129
+ }
130
+ }
131
+
132
+
133
+
134
+ /**
135
+ * Code formatting
136
+ */
137
+ pre,
138
+ code {
139
+ font-familiy: $code-font-family;
140
+ font-size: 13px;
141
+ border: 1px solid $grey-color-light;
142
+ border-radius: 1px;
143
+ background-color: #F5F5F5;
144
+ /*white-space: pre-wrap;*/
145
+ }
146
+
147
+ code {
148
+ padding: 1px 5px;
149
+ }
150
+
151
+ pre {
152
+ padding: 8px 12px;
153
+ overflow-x: auto;
154
+
155
+ > code {
156
+ border: 0;
157
+ padding-right: 0;
158
+ padding-left: 0;
159
+ }
160
+ }
161
+
162
+
163
+
164
+ /**
165
+ * Wrapper
166
+ */
167
+ .wrapper {
168
+ max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
169
+ max-width: calc(800px - (#{$spacing-unit} * 2));
170
+ margin-right: auto;
171
+ margin-left: auto;
172
+ padding-right: $spacing-unit;
173
+ padding-left: $spacing-unit;
174
+ @extend %clearfix;
175
+
176
+ @include media-query($on-laptop) {
177
+ max-width: -webkit-calc(800px - (#{$spacing-unit}));
178
+ max-width: calc(800px - (#{$spacing-unit}));
179
+ padding-right: $spacing-unit / 2;
180
+ padding-left: $spacing-unit / 2;
181
+ }
182
+ }
183
+
184
+
185
+
186
+ /**
187
+ * Clearfix
188
+ */
189
+ %clearfix {
190
+
191
+ &:after {
192
+ content: "";
193
+ display: table;
194
+ clear: both;
195
+ }
196
+ }
197
+
198
+
199
+
200
+ /**
201
+ * Icons
202
+ */
203
+ .icon {
204
+
205
+ > svg {
206
+ display: inline-block;
207
+ width: 16px;
208
+ height: 16px;
209
+ vertical-align: middle;
210
+
211
+ path {
212
+ fill: $grey-color;
213
+ }
214
+ }
215
+ }
216
+
@@ -0,0 +1,31 @@
1
+ /**
2
+ * details & summary
3
+ * scateu: 2016-12-01
4
+ */
5
+ details {
6
+ border-radius: 3px;
7
+ background: #EEE;
8
+ margin: 1em 0;
9
+ }
10
+
11
+ summary {
12
+ border: 1px solid $grey-color-light;
13
+ background: #F5F5F5;
14
+ color: $text-color;
15
+ border-radius: 3px;
16
+ padding: 5px 10px;
17
+ outline: none;
18
+ }
19
+
20
+ /* Style the summary when details box is open */
21
+ details[open] summary {
22
+ background: #333;
23
+ color: #FFF;
24
+ }
25
+
26
+ summary:hover {
27
+ background: #333;
28
+ color: #FFF;
29
+ cursor: pointer;
30
+ }
31
+
@@ -0,0 +1,238 @@
1
+ /**
2
+ * Site header
3
+ */
4
+ .site-header {
5
+ border-top: 5px solid $grey-color-dark;
6
+ border-bottom: 1px solid $grey-color-light;
7
+ min-height: 56px;
8
+
9
+ // Positioning context for the mobile navigation icon
10
+ position: relative;
11
+ }
12
+
13
+ .site-title {
14
+ font-size: 26px;
15
+ line-height: 56px;
16
+ letter-spacing: -1px;
17
+ margin-bottom: 0;
18
+ float: left;
19
+
20
+ &,
21
+ &:visited {
22
+ color: $grey-color-dark;
23
+ }
24
+ }
25
+
26
+ .site-nav {
27
+ float: right;
28
+ line-height: 56px;
29
+
30
+ .menu-icon {
31
+ display: none;
32
+ }
33
+
34
+ .page-link {
35
+ color: $text-color;
36
+ line-height: $base-line-height;
37
+
38
+ // Gaps between nav items, but not on the first one
39
+ &:not(:first-child) {
40
+ margin-left: 20px;
41
+ }
42
+ }
43
+
44
+ @include media-query($on-palm) {
45
+ position: absolute;
46
+ top: 9px;
47
+ right: 30px;
48
+ background-color: $background-color;
49
+ border: 1px solid $grey-color-light;
50
+ border-radius: 5px;
51
+ text-align: right;
52
+
53
+ .menu-icon {
54
+ display: block;
55
+ float: right;
56
+ width: 36px;
57
+ height: 26px;
58
+ line-height: 0;
59
+ padding-top: 10px;
60
+ text-align: center;
61
+
62
+ > svg {
63
+ width: 18px;
64
+ height: 15px;
65
+
66
+ path {
67
+ fill: $grey-color-dark;
68
+ }
69
+ }
70
+ }
71
+
72
+ .trigger {
73
+ clear: both;
74
+ display: none;
75
+ }
76
+
77
+ &:hover .trigger {
78
+ display: block;
79
+ padding-bottom: 5px;
80
+ }
81
+
82
+ .page-link {
83
+ display: block;
84
+ padding: 5px 10px;
85
+ }
86
+ }
87
+ }
88
+
89
+
90
+
91
+ /**
92
+ * Site footer
93
+ */
94
+ .site-footer {
95
+ background: $grey-color-light;
96
+ box-shadow: 0 0 1px $grey-color;
97
+ border-top: 1px solid $grey-color-light;
98
+ padding: $spacing-unit 0;
99
+ }
100
+
101
+ .footer-heading {
102
+ font-size: 18px;
103
+ margin-bottom: $spacing-unit / 2;
104
+ }
105
+
106
+ .contact-list,
107
+ .social-media-list {
108
+ list-style: none;
109
+ margin-left: 0;
110
+ }
111
+
112
+ .footer-col-wrapper {
113
+ font-size: 15px;
114
+ color: $grey-color;
115
+ margin-left: -$spacing-unit / 2;
116
+ @extend %clearfix;
117
+ }
118
+
119
+ .footer-col {
120
+ float: left;
121
+ margin-bottom: $spacing-unit / 2;
122
+ padding-left: $spacing-unit / 2;
123
+ }
124
+
125
+ .footer-col-1 {
126
+ width: -webkit-calc(35% - (#{$spacing-unit} / 2));
127
+ width: calc(35% - (#{$spacing-unit} / 2));
128
+ }
129
+
130
+ .footer-col-2 {
131
+ width: -webkit-calc(20% - (#{$spacing-unit} / 2));
132
+ width: calc(20% - (#{$spacing-unit} / 2));
133
+ }
134
+
135
+ .footer-col-3 {
136
+ width: -webkit-calc(45% - (#{$spacing-unit} / 2));
137
+ width: calc(45% - (#{$spacing-unit} / 2));
138
+ }
139
+
140
+ @include media-query($on-laptop) {
141
+ .footer-col-1,
142
+ .footer-col-2 {
143
+ width: -webkit-calc(50% - (#{$spacing-unit} / 2));
144
+ width: calc(50% - (#{$spacing-unit} / 2));
145
+ }
146
+
147
+ .footer-col-3 {
148
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
149
+ width: calc(100% - (#{$spacing-unit} / 2));
150
+ }
151
+ }
152
+
153
+ @include media-query($on-palm) {
154
+ .footer-col {
155
+ float: none;
156
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
157
+ width: calc(100% - (#{$spacing-unit} / 2));
158
+ }
159
+ }
160
+
161
+
162
+
163
+ /**
164
+ * Page content
165
+ */
166
+ .page-content {
167
+ padding: $spacing-unit 0;
168
+ }
169
+
170
+ .page-heading {
171
+ font-size: 20px;
172
+ }
173
+
174
+ .post-list {
175
+ margin-left: 0;
176
+ list-style: none;
177
+
178
+ > li {
179
+ margin-bottom: $spacing-unit;
180
+ }
181
+ }
182
+
183
+ .post-meta {
184
+ font-size: $small-font-size;
185
+ color: $grey-color;
186
+ }
187
+
188
+ .post-link {
189
+ display: block;
190
+ font-size: 20px;
191
+ }
192
+
193
+
194
+
195
+ /**
196
+ * Posts
197
+ */
198
+ .post-header {
199
+ margin-bottom: $spacing-unit;
200
+ }
201
+
202
+ .post-title {
203
+ font-size: 34px;
204
+ letter-spacing: -1px;
205
+ line-height: 1;
206
+
207
+ @include media-query($on-laptop) {
208
+ font-size: 36px;
209
+ }
210
+ }
211
+
212
+ .post-content {
213
+ margin-bottom: $spacing-unit;
214
+
215
+ h2 {
216
+ font-size: 32px;
217
+
218
+ @include media-query($on-laptop) {
219
+ font-size: 28px;
220
+ }
221
+ }
222
+
223
+ h3 {
224
+ font-size: 26px;
225
+
226
+ @include media-query($on-laptop) {
227
+ font-size: 22px;
228
+ }
229
+ }
230
+
231
+ h4 {
232
+ font-size: 20px;
233
+
234
+ @include media-query($on-laptop) {
235
+ font-size: 18px;
236
+ }
237
+ }
238
+ }
data/_sass/_ruby.scss ADDED
@@ -0,0 +1,33 @@
1
+ /*
2
+ ** http://stackoverflow.com/questions/38680695/adjust-the-vertical-positioning-of-ruby-text
3
+ */
4
+ ruby {
5
+ ruby-position: over;
6
+ ruby-align: center;
7
+ display: inline-flex;
8
+ flex-direction: column-reverse;
9
+ }
10
+
11
+ rb, rt {
12
+ display: inline;
13
+ line-height: 1;
14
+ text-align: center;
15
+ }
16
+
17
+ rt {
18
+ font-size: 80%;
19
+ margin-bottom: -0.2em;
20
+ }
21
+
22
+ rb {
23
+ font-weight: bold;
24
+ }
25
+
26
+ /* ruby notation */
27
+ ruby rb a {
28
+ color: $text-color;
29
+ }
30
+
31
+ ruby rb a:visited {
32
+ color: $text-color;
33
+ }
@@ -0,0 +1,67 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ // background: #fff;
6
+ @extend %vertical-rhythm;
7
+
8
+ .c { color: #998; font-style: italic } // Comment
9
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
10
+ .k { font-weight: bold } // Keyword
11
+ .o { font-weight: bold } // Operator
12
+ .cm { color: #998; font-style: italic } // Comment.Multiline
13
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
14
+ .c1 { color: #998; font-style: italic } // Comment.Single
15
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
16
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
17
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
18
+ .ge { font-style: italic } // Generic.Emph
19
+ .gr { color: #a00 } // Generic.Error
20
+ .gh { color: #999 } // Generic.Heading
21
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
22
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
23
+ .go { color: #888 } // Generic.Output
24
+ .gp { color: #555 } // Generic.Prompt
25
+ .gs { font-weight: bold } // Generic.Strong
26
+ .gu { color: #aaa } // Generic.Subheading
27
+ .gt { color: #a00 } // Generic.Traceback
28
+ .kc { font-weight: bold } // Keyword.Constant
29
+ .kd { font-weight: bold } // Keyword.Declaration
30
+ .kp { font-weight: bold } // Keyword.Pseudo
31
+ .kr { font-weight: bold } // Keyword.Reserved
32
+ .kt { color: #458; font-weight: bold } // Keyword.Type
33
+ .m { color: #099 } // Literal.Number
34
+ .s { color: #d14 } // Literal.String
35
+ .na { color: #008080 } // Name.Attribute
36
+ .nb { color: #0086B3 } // Name.Builtin
37
+ .nc { color: #458; font-weight: bold } // Name.Class
38
+ .no { color: #008080 } // Name.Constant
39
+ .ni { color: #800080 } // Name.Entity
40
+ .ne { color: #900; font-weight: bold } // Name.Exception
41
+ .nf { color: #900; font-weight: bold } // Name.Function
42
+ .nn { color: #555 } // Name.Namespace
43
+ .nt { color: #000080 } // Name.Tag
44
+ .nv { color: #008080 } // Name.Variable
45
+ .ow { font-weight: bold } // Operator.Word
46
+ .w { color: #bbb } // Text.Whitespace
47
+ .mf { color: #099 } // Literal.Number.Float
48
+ .mh { color: #099 } // Literal.Number.Hex
49
+ .mi { color: #099 } // Literal.Number.Integer
50
+ .mo { color: #099 } // Literal.Number.Oct
51
+ .sb { color: #d14 } // Literal.String.Backtick
52
+ .sc { color: #d14 } // Literal.String.Char
53
+ .sd { color: #d14 } // Literal.String.Doc
54
+ .s2 { color: #d14 } // Literal.String.Double
55
+ .se { color: #d14 } // Literal.String.Escape
56
+ .sh { color: #d14 } // Literal.String.Heredoc
57
+ .si { color: #d14 } // Literal.String.Interpol
58
+ .sx { color: #d14 } // Literal.String.Other
59
+ .sr { color: #009926 } // Literal.String.Regex
60
+ .s1 { color: #d14 } // Literal.String.Single
61
+ .ss { color: #990073 } // Literal.String.Symbol
62
+ .bp { color: #999 } // Name.Builtin.Pseudo
63
+ .vc { color: #008080 } // Name.Variable.Class
64
+ .vg { color: #008080 } // Name.Variable.Global
65
+ .vi { color: #008080 } // Name.Variable.Instance
66
+ .il { color: #099 } // Literal.Number.Integer.Long
67
+ }
data/_sass/_table.scss ADDED
@@ -0,0 +1,69 @@
1
+
2
+ /*!
3
+ Pure v0.6.1
4
+ Copyright 2013 Yahoo!
5
+ Licensed under the BSD License.
6
+ https://github.com/yahoo/pure/blob/master/LICENSE.md
7
+ */
8
+ table {
9
+ /* Remove spacing between table cells (from Normalize.css) */
10
+ border-collapse: collapse;
11
+ border-spacing: 0;
12
+ empty-cells: show;
13
+ border: 1px solid #cbcbcb;
14
+ }
15
+
16
+ table caption {
17
+ color: #000;
18
+ font: italic 85%/1 arial, sans-serif;
19
+ padding: 1em 0;
20
+ text-align: center;
21
+ }
22
+
23
+ table td,
24
+ table th {
25
+ border-left: 1px solid #cbcbcb;/* inner column border */
26
+ border-width: 0 0 0 1px;
27
+ font-size: inherit;
28
+ margin: 0;
29
+ overflow: visible; /*to make ths where the title is really long work*/
30
+ padding: 0.5em 1em; /* cell padding */
31
+ }
32
+
33
+ /* Consider removing this next declaration block, as it causes problems when
34
+ there's a rowspan on the first cell. Case added to the tests. issue#432 */
35
+ table td:first-child,
36
+ table th:first-child {
37
+ border-left-width: 0;
38
+ }
39
+
40
+ table thead {
41
+ background-color: #e0e0e0;
42
+ color: #000;
43
+ text-align: left;
44
+ vertical-align: bottom;
45
+ }
46
+
47
+ /*
48
+ striping:
49
+ even - #fff (white)
50
+ odd - #f2f2f2 (light gray)
51
+ */
52
+ table td {
53
+ background-color: transparent;
54
+ }
55
+
56
+ /* nth-child selector for modern browsers */
57
+ table tr:nth-child(2n) td {
58
+ background-color: #f2f2f2;
59
+ }
60
+
61
+ /* BORDERED TABLES */
62
+ table td {
63
+ border-bottom: 1px solid #cbcbcb;
64
+ }
65
+ table tbody > tr:last-child > td {
66
+ border-bottom-width: 0;
67
+ }
68
+
69
+
data/_sass/_toc.scss ADDED
@@ -0,0 +1,10 @@
1
+ /*
2
+ #markdown-toc {
3
+ position: fixed;
4
+ left: 0;
5
+ top: 0;
6
+ width: 200px;
7
+ height: 100%;
8
+ overflow:auto;
9
+ }
10
+ */
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: scateu.me-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - scateu
@@ -58,7 +58,29 @@ email:
58
58
  executables: []
59
59
  extensions: []
60
60
  extra_rdoc_files: []
61
- files: []
61
+ files:
62
+ - LICENSE.txt
63
+ - README.md
64
+ - _includes/diagram-slide.html
65
+ - _includes/diagram.html
66
+ - _includes/disqus.html
67
+ - _includes/footer.html
68
+ - _includes/head.html
69
+ - _includes/header.html
70
+ - _includes/mathjax.html
71
+ - _includes/prism.html
72
+ - _includes/ruby_notation.html
73
+ - _layouts/default.html
74
+ - _layouts/page.html
75
+ - _layouts/post.html
76
+ - _layouts/slide.html
77
+ - _sass/_base.scss
78
+ - _sass/_details.scss
79
+ - _sass/_layout.scss
80
+ - _sass/_ruby.scss
81
+ - _sass/_syntax-highlighting.scss
82
+ - _sass/_table.scss
83
+ - _sass/_toc.scss
62
84
  homepage: http://scateu.me
63
85
  licenses:
64
86
  - MIT