scateu.me-jekyll-theme 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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