jekyll-openmoji 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.
@@ -0,0 +1,90 @@
1
+ @charset "utf-8";
2
+
3
+ $brand-color: #828282 !default;
4
+ $brand-color-light: lighten($brand-color, 40%) !default;
5
+ $brand-color-dark: darken($brand-color, 25%) !default;
6
+
7
+ $text-color: #111 !default;
8
+ $background-color: #fdfdfd !default;
9
+ $code-background-color: #eef !default;
10
+
11
+ $link-base-color: #2a7ae2 !default;
12
+ $link-visited-color: darken($link-base-color, 15%) !default;
13
+
14
+ $table-text-color: lighten($text-color, 18%) !default;
15
+ $table-zebra-color: lighten($brand-color, 46%) !default;
16
+ $table-header-bg-color: lighten($brand-color, 43%) !default;
17
+ $table-header-border: lighten($brand-color, 36%) !default;
18
+ $table-border-color: $brand-color-light !default;
19
+
20
+
21
+ // Syntax highlighting styles should be adjusted appropriately for every "skin"
22
+ // ----------------------------------------------------------------------------
23
+
24
+ .highlight {
25
+ .c { color: #998; font-style: italic } // Comment
26
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
27
+ .k { font-weight: bold } // Keyword
28
+ .o { font-weight: bold } // Operator
29
+ .cm { color: #998; font-style: italic } // Comment.Multiline
30
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
31
+ .c1 { color: #998; font-style: italic } // Comment.Single
32
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
33
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
34
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
35
+ .ge { font-style: italic } // Generic.Emph
36
+ .gr { color: #a00 } // Generic.Error
37
+ .gh { color: #999 } // Generic.Heading
38
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
39
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
40
+ .go { color: #888 } // Generic.Output
41
+ .gp { color: #555 } // Generic.Prompt
42
+ .gs { font-weight: bold } // Generic.Strong
43
+ .gu { color: #aaa } // Generic.Subheading
44
+ .gt { color: #a00 } // Generic.Traceback
45
+ .kc { font-weight: bold } // Keyword.Constant
46
+ .kd { font-weight: bold } // Keyword.Declaration
47
+ .kp { font-weight: bold } // Keyword.Pseudo
48
+ .kr { font-weight: bold } // Keyword.Reserved
49
+ .kt { color: #458; font-weight: bold } // Keyword.Type
50
+ .m { color: #099 } // Literal.Number
51
+ .s { color: #d14 } // Literal.String
52
+ .na { color: #008080 } // Name.Attribute
53
+ .nb { color: #0086B3 } // Name.Builtin
54
+ .nc { color: #458; font-weight: bold } // Name.Class
55
+ .no { color: #008080 } // Name.Constant
56
+ .ni { color: #800080 } // Name.Entity
57
+ .ne { color: #900; font-weight: bold } // Name.Exception
58
+ .nf { color: #900; font-weight: bold } // Name.Function
59
+ .nn { color: #555 } // Name.Namespace
60
+ .nt { color: #000080 } // Name.Tag
61
+ .nv { color: #008080 } // Name.Variable
62
+ .ow { font-weight: bold } // Operator.Word
63
+ .w { color: #bbb } // Text.Whitespace
64
+ .mf { color: #099 } // Literal.Number.Float
65
+ .mh { color: #099 } // Literal.Number.Hex
66
+ .mi { color: #099 } // Literal.Number.Integer
67
+ .mo { color: #099 } // Literal.Number.Oct
68
+ .sb { color: #d14 } // Literal.String.Backtick
69
+ .sc { color: #d14 } // Literal.String.Char
70
+ .sd { color: #d14 } // Literal.String.Doc
71
+ .s2 { color: #d14 } // Literal.String.Double
72
+ .se { color: #d14 } // Literal.String.Escape
73
+ .sh { color: #d14 } // Literal.String.Heredoc
74
+ .si { color: #d14 } // Literal.String.Interpol
75
+ .sx { color: #d14 } // Literal.String.Other
76
+ .sr { color: #009926 } // Literal.String.Regex
77
+ .s1 { color: #d14 } // Literal.String.Single
78
+ .ss { color: #990073 } // Literal.String.Symbol
79
+ .bp { color: #999 } // Name.Builtin.Pseudo
80
+ .vc { color: #008080 } // Name.Variable.Class
81
+ .vg { color: #008080 } // Name.Variable.Global
82
+ .vi { color: #008080 } // Name.Variable.Instance
83
+ .il { color: #099 } // Literal.Number.Integer.Long
84
+ }
85
+
86
+ // import skin-agnostic styles and override
87
+ @import
88
+ "minima/initialize",
89
+ "minima/custom-styles"
90
+ ;
@@ -0,0 +1,4 @@
1
+ @charset "utf-8";
2
+
3
+ $sol-is-dark: true;
4
+ @import "minima-solarized";
@@ -0,0 +1,139 @@
1
+ @charset "utf-8";
2
+
3
+ // Solarized skin
4
+ // ==============
5
+ // Created by Sander Voerman <mailto:sander@savoerman.nl> using the Solarized
6
+ // color scheme by Ethan Schoonover <https://ethanschoonover.com/solarized>.
7
+
8
+ // This style sheet implements two options for the minima.skin setting:
9
+ // "solarized" for light mode and "solarized-dark" for dark mode.
10
+ $sol-is-dark: false !default;
11
+
12
+
13
+ // Color scheme
14
+ // ------------
15
+ // The inline comments show the canonical L*a*b values for each color.
16
+
17
+ $sol-base03: #002b36; // 15 -12 -12
18
+ $sol-base02: #073642; // 20 -12 -12
19
+ $sol-base01: #586e75; // 45 -07 -07
20
+ $sol-base00: #657b83; // 50 -07 -07
21
+ $sol-base0: #839496; // 60 -06 -03
22
+ $sol-base1: #93a1a1; // 65 -05 -02
23
+ $sol-base2: #eee8d5; // 92 -00 10
24
+ $sol-base3: #fdf6e3; // 97 00 10
25
+ $sol-yellow: #b58900; // 60 10 65
26
+ $sol-orange: #cb4b16; // 50 50 55
27
+ $sol-red: #dc322f; // 50 65 45
28
+ $sol-magenta: #d33682; // 50 65 -05
29
+ $sol-violet: #6c71c4; // 50 15 -45
30
+ $sol-blue: #268bd2; // 55 -10 -45
31
+ $sol-cyan: #2aa198; // 60 -35 -05
32
+ $sol-green: #859900; // 60 -20 65
33
+
34
+ $sol-mono3: $sol-base3;
35
+ $sol-mono2: $sol-base2;
36
+ $sol-mono1: $sol-base1;
37
+ $sol-mono00: $sol-base00;
38
+ $sol-mono01: $sol-base01;
39
+
40
+ @if $sol-is-dark {
41
+ $sol-mono3: $sol-base03;
42
+ $sol-mono2: $sol-base02;
43
+ $sol-mono1: $sol-base01;
44
+ $sol-mono00: $sol-base0;
45
+ $sol-mono01: $sol-base1;
46
+ }
47
+
48
+
49
+ // Minima color variables
50
+ // ----------------------
51
+
52
+ $brand-color: $sol-mono1 !default;
53
+ $brand-color-light: mix($sol-mono1, $sol-mono3) !default;
54
+ $brand-color-dark: $sol-mono00 !default;
55
+
56
+ $text-color: $sol-mono01 !default;
57
+ $background-color: $sol-mono3 !default;
58
+ $code-background-color: $sol-mono2 !default;
59
+
60
+ $link-base-color: $sol-blue !default;
61
+ $link-visited-color: mix($sol-blue, $sol-mono00) !default;
62
+
63
+ $table-text-color: $sol-mono00 !default;
64
+ $table-zebra-color: mix($sol-mono2, $sol-mono3) !default;
65
+ $table-header-bg-color: $sol-mono2 !default;
66
+ $table-header-border: $sol-mono1 !default;
67
+ $table-border-color: $sol-mono1 !default;
68
+
69
+
70
+ // Syntax highlighting styles
71
+ // --------------------------
72
+
73
+ .highlight {
74
+ .c { color: $sol-mono1; font-style: italic } // Comment
75
+ .err { color: $sol-red } // Error
76
+ .k { color: $sol-mono01; font-weight: bold } // Keyword
77
+ .o { color: $sol-mono01; font-weight: bold } // Operator
78
+ .cm { color: $sol-mono1; font-style: italic } // Comment.Multiline
79
+ .cp { color: $sol-mono1; font-weight: bold } // Comment.Preproc
80
+ .c1 { color: $sol-mono1; font-style: italic } // Comment.Single
81
+ .cs { color: $sol-mono1; font-weight: bold; font-style: italic } // Comment.Special
82
+ .gd { color: $sol-red } // Generic.Deleted
83
+ .gd .x { color: $sol-red } // Generic.Deleted.Specific
84
+ .ge { color: $sol-mono00; font-style: italic } // Generic.Emph
85
+ .gr { color: $sol-red } // Generic.Error
86
+ .gh { color: $sol-mono1 } // Generic.Heading
87
+ .gi { color: $sol-green } // Generic.Inserted
88
+ .gi .x { color: $sol-green } // Generic.Inserted.Specific
89
+ .go { color: $sol-mono00 } // Generic.Output
90
+ .gp { color: $sol-mono00 } // Generic.Prompt
91
+ .gs { color: $sol-mono01; font-weight: bold } // Generic.Strong
92
+ .gu { color: $sol-mono1 } // Generic.Subheading
93
+ .gt { color: $sol-red } // Generic.Traceback
94
+ .kc { color: $sol-mono01; font-weight: bold } // Keyword.Constant
95
+ .kd { color: $sol-mono01; font-weight: bold } // Keyword.Declaration
96
+ .kp { color: $sol-mono01; font-weight: bold } // Keyword.Pseudo
97
+ .kr { color: $sol-mono01; font-weight: bold } // Keyword.Reserved
98
+ .kt { color: $sol-violet; font-weight: bold } // Keyword.Type
99
+ .m { color: $sol-cyan } // Literal.Number
100
+ .s { color: $sol-magenta } // Literal.String
101
+ .na { color: $sol-cyan } // Name.Attribute
102
+ .nb { color: $sol-blue } // Name.Builtin
103
+ .nc { color: $sol-violet; font-weight: bold } // Name.Class
104
+ .no { color: $sol-cyan } // Name.Constant
105
+ .ni { color: $sol-violet } // Name.Entity
106
+ .ne { color: $sol-violet; font-weight: bold } // Name.Exception
107
+ .nf { color: $sol-blue; font-weight: bold } // Name.Function
108
+ .nn { color: $sol-mono00 } // Name.Namespace
109
+ .nt { color: $sol-blue } // Name.Tag
110
+ .nv { color: $sol-cyan } // Name.Variable
111
+ .ow { color: $sol-mono01; font-weight: bold } // Operator.Word
112
+ .w { color: $sol-mono1 } // Text.Whitespace
113
+ .mf { color: $sol-cyan } // Literal.Number.Float
114
+ .mh { color: $sol-cyan } // Literal.Number.Hex
115
+ .mi { color: $sol-cyan } // Literal.Number.Integer
116
+ .mo { color: $sol-cyan } // Literal.Number.Oct
117
+ .sb { color: $sol-magenta } // Literal.String.Backtick
118
+ .sc { color: $sol-magenta } // Literal.String.Char
119
+ .sd { color: $sol-magenta } // Literal.String.Doc
120
+ .s2 { color: $sol-magenta } // Literal.String.Double
121
+ .se { color: $sol-magenta } // Literal.String.Escape
122
+ .sh { color: $sol-magenta } // Literal.String.Heredoc
123
+ .si { color: $sol-magenta } // Literal.String.Interpol
124
+ .sx { color: $sol-magenta } // Literal.String.Other
125
+ .sr { color: $sol-green } // Literal.String.Regex
126
+ .s1 { color: $sol-magenta } // Literal.String.Single
127
+ .ss { color: $sol-magenta } // Literal.String.Symbol
128
+ .bp { color: $sol-mono1 } // Name.Builtin.Pseudo
129
+ .vc { color: $sol-cyan } // Name.Variable.Class
130
+ .vg { color: $sol-cyan } // Name.Variable.Global
131
+ .vi { color: $sol-cyan } // Name.Variable.Instance
132
+ .il { color: $sol-cyan } // Literal.Number.Integer.Long
133
+ }
134
+
135
+ // import skin-agnostic styles and override
136
+ @import
137
+ "minima/initialize",
138
+ "minima/custom-styles"
139
+ ;
@@ -0,0 +1,269 @@
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
+ /**
15
+ * Basic styling
16
+ */
17
+ body {
18
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
19
+ color: $text-color;
20
+ background-color: $background-color;
21
+ -webkit-text-size-adjust: 100%;
22
+ -webkit-font-feature-settings: "kern" 1;
23
+ -moz-font-feature-settings: "kern" 1;
24
+ -o-font-feature-settings: "kern" 1;
25
+ font-feature-settings: "kern" 1;
26
+ font-kerning: normal;
27
+ display: flex;
28
+ min-height: 100vh;
29
+ flex-direction: column;
30
+ }
31
+
32
+
33
+
34
+ /**
35
+ * Set `margin-bottom` to maintain vertical rhythm
36
+ */
37
+ h1, h2, h3, h4, h5, h6,
38
+ p, blockquote, pre,
39
+ ul, ol, dl, figure,
40
+ %vertical-rhythm {
41
+ margin-bottom: $spacing-unit / 2;
42
+ }
43
+
44
+
45
+
46
+ /**
47
+ * `main` element
48
+ */
49
+ main {
50
+ display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
51
+ }
52
+
53
+
54
+
55
+ /**
56
+ * Images
57
+ */
58
+ img {
59
+ max-width: 100%;
60
+ vertical-align: middle;
61
+ &.emoji {
62
+ height: 3em;
63
+ width: 3em;
64
+ margin: 0.5em;
65
+ }
66
+ }
67
+
68
+
69
+
70
+ /**
71
+ * Figures
72
+ */
73
+ figure > img {
74
+ display: block;
75
+ }
76
+
77
+ figcaption {
78
+ font-size: $small-font-size;
79
+ }
80
+
81
+
82
+
83
+ /**
84
+ * Lists
85
+ */
86
+ ul, ol {
87
+ margin-left: $spacing-unit;
88
+ }
89
+
90
+ li {
91
+ > ul,
92
+ > ol {
93
+ margin-bottom: 0;
94
+ }
95
+ }
96
+
97
+
98
+
99
+ /**
100
+ * Headings
101
+ */
102
+ h1, h2, h3, h4, h5, h6 {
103
+ font-weight: $base-font-weight;
104
+ }
105
+
106
+
107
+
108
+ /**
109
+ * Links
110
+ */
111
+ a {
112
+ color: $link-base-color;
113
+ text-decoration: none;
114
+
115
+ &:visited {
116
+ color: $link-visited-color;
117
+ }
118
+
119
+ &:hover {
120
+ color: $text-color;
121
+ text-decoration: underline;
122
+ }
123
+
124
+ .social-media-list &:hover {
125
+ text-decoration: none;
126
+
127
+ .username {
128
+ text-decoration: underline;
129
+ }
130
+ }
131
+ }
132
+
133
+
134
+ /**
135
+ * Blockquotes
136
+ */
137
+ blockquote {
138
+ color: $brand-color;
139
+ border-left: 4px solid $brand-color-light;
140
+ padding-left: $spacing-unit / 2;
141
+ @include relative-font-size(1.125);
142
+ letter-spacing: -1px;
143
+ font-style: italic;
144
+
145
+ > :last-child {
146
+ margin-bottom: 0;
147
+ }
148
+ }
149
+
150
+
151
+
152
+ /**
153
+ * Code formatting
154
+ */
155
+ pre,
156
+ code {
157
+ @include relative-font-size(0.9375);
158
+ border: 1px solid $brand-color-light;
159
+ border-radius: 3px;
160
+ background-color: $code-background-color;
161
+ }
162
+
163
+ code {
164
+ padding: 1px 5px;
165
+ }
166
+
167
+ pre {
168
+ padding: 8px 12px;
169
+ overflow-x: auto;
170
+
171
+ > code {
172
+ border: 0;
173
+ padding-right: 0;
174
+ padding-left: 0;
175
+ }
176
+ }
177
+
178
+ .highlight {
179
+ background: $code-background-color;
180
+ @extend %vertical-rhythm;
181
+
182
+ .highlighter-rouge & {
183
+ background: $code-background-color;
184
+ }
185
+ }
186
+
187
+
188
+
189
+ /**
190
+ * Wrapper
191
+ */
192
+ .wrapper {
193
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
194
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
195
+ margin-right: auto;
196
+ margin-left: auto;
197
+ padding-right: $spacing-unit / 2;
198
+ padding-left: $spacing-unit / 2;
199
+ @extend %clearfix;
200
+
201
+ @media screen and (min-width: $on-large) {
202
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
203
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
204
+ padding-right: $spacing-unit;
205
+ padding-left: $spacing-unit;
206
+ }
207
+ }
208
+
209
+
210
+
211
+ /**
212
+ * Clearfix
213
+ */
214
+ %clearfix:after {
215
+ content: "";
216
+ display: table;
217
+ clear: both;
218
+ }
219
+
220
+
221
+
222
+ /**
223
+ * Icons
224
+ */
225
+
226
+ .orange {
227
+ color: #f66a0a;
228
+ }
229
+
230
+ .grey {
231
+ color: #828282;
232
+ }
233
+
234
+ .svg-icon {
235
+ width: 16px;
236
+ height: 16px;
237
+ display: inline-block;
238
+ fill: currentColor;
239
+ padding: 5px 3px 2px 5px;
240
+ vertical-align: text-bottom;
241
+ }
242
+
243
+
244
+ /**
245
+ * Tables
246
+ */
247
+ table {
248
+ margin-bottom: $spacing-unit;
249
+ width: 100%;
250
+ text-align: $table-text-align;
251
+ color: $table-text-color;
252
+ border-collapse: collapse;
253
+ border: 1px solid $table-border-color;
254
+ tr {
255
+ &:nth-child(even) {
256
+ background-color: $table-zebra-color;
257
+ }
258
+ }
259
+ th, td {
260
+ padding: ($spacing-unit / 3) ($spacing-unit / 2);
261
+ }
262
+ th {
263
+ background-color: $table-header-bg-color;
264
+ border: 1px solid $table-header-border;
265
+ }
266
+ td {
267
+ border: 1px solid $table-border-color;
268
+ }
269
+ }