kiko-minus-gh 0.0.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,77 @@
1
+ @charset "utf-8";
2
+
3
+ @import "kiko-minus/colors"; // Import color definitions first for use in variables
4
+
5
+ /**
6
+ * Variable definitions
7
+ */
8
+ $base-font-stack: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif !default;
9
+ $base-font-size: 18px !default;
10
+ $base-font-weight: 400 !default;
11
+ $base-line-height: 1.5 !default;
12
+ $base-font-color: $oc-gray-8 !default;
13
+
14
+ $spacing-unit: 30px !default;
15
+
16
+ $heading-font-weight: 600 !default;
17
+ $mob-font-weight: 300 !default; // For mobile devices
18
+ $small-font-size: 14px !default;
19
+ $mob-font-size: 16px !default;
20
+
21
+ $background-color: $oc-white !default;
22
+ $link-color: $oc-blue-7 !default;
23
+ $blockquote-color: $oc-gray-6 !default;
24
+ $divider-color: $oc-gray-1 !default;
25
+ $table-color: $oc-gray-1 !default;
26
+ $code-text-color: $oc-indigo-9 !default;
27
+ $code-bg-color: $oc-gray-1 !default;
28
+
29
+ $on-desktop: 600px !default;
30
+
31
+ $li-bottom-space: 0.4em !default;
32
+ $mob-li-bottom-space: 0.2em !default;
33
+ $li-bul-width: 1.7em !default;
34
+ $li-line-height: 1.55 !default;
35
+
36
+ $ul-bul-font: inherit !default;
37
+ $ul-bul-font-size: 0.8em !default;
38
+ $ul-bul-line-height: 1.8 !default;
39
+ $ul-bul-right-space: 0.65em !default;
40
+
41
+ $ol-bul-font: inherit !default;
42
+ $ol-bul-font-size: 1em !default;
43
+ $ol-bul-line-height: inherit !default;
44
+ $ol-bul-right-space: 0.65em !default;
45
+
46
+ $li-child-size-ratio: 0.95 !default;
47
+
48
+ $dt-width: 180px !default;
49
+ $mob-dt-width: 120px !default;
50
+ $dt-dd-space: 20px !default;
51
+ $dd-position: $dt-width + $dt-dd-space !default;
52
+ $mob-dd-position: 140px !default;
53
+
54
+
55
+ /**
56
+ * Define mixins
57
+ */
58
+ @mixin media-query ($device) {
59
+ @media screen and (min-width: $device) {
60
+ @content;
61
+ }
62
+ }
63
+
64
+ @mixin relative-font-size ($ratio) {
65
+ font-size: $base-font-size * $ratio;
66
+ }
67
+
68
+
69
+ /**
70
+ * Import partials
71
+ */
72
+ @import
73
+ "kiko-minus/normalize",
74
+ "kiko-minus/typography",
75
+ "kiko-minus/layout",
76
+ "kiko-minus/syntax-highlighting"
77
+ ;
@@ -0,0 +1,399 @@
1
+ //
2
+ //
3
+ // 𝗖 𝗢 𝗟 𝗢 𝗥
4
+ // v 1.6.3
5
+ //
6
+ // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
7
+
8
+
9
+ // General
10
+ // ───────────────────────────────────
11
+
12
+ $oc-white: #ffffff;
13
+ $oc-black: #000000;
14
+
15
+
16
+ // Gray
17
+ // ───────────────────────────────────
18
+
19
+ $oc-gray-list: (
20
+ "0": #f8f9fa,
21
+ "1": #f1f3f5,
22
+ "2": #e9ecef,
23
+ "3": #dee2e6,
24
+ "4": #ced4da,
25
+ "5": #adb5bd,
26
+ "6": #868e96,
27
+ "7": #495057,
28
+ "8": #343a40,
29
+ "9": #212529
30
+ );
31
+
32
+ $oc-gray-0: map-get($oc-gray-list, "0");
33
+ $oc-gray-1: map-get($oc-gray-list, "1");
34
+ $oc-gray-2: map-get($oc-gray-list, "2");
35
+ $oc-gray-3: map-get($oc-gray-list, "3");
36
+ $oc-gray-4: map-get($oc-gray-list, "4");
37
+ $oc-gray-5: map-get($oc-gray-list, "5");
38
+ $oc-gray-6: map-get($oc-gray-list, "6");
39
+ $oc-gray-7: map-get($oc-gray-list, "7");
40
+ $oc-gray-8: map-get($oc-gray-list, "8");
41
+ $oc-gray-9: map-get($oc-gray-list, "9");
42
+
43
+
44
+ // Red
45
+ // ───────────────────────────────────
46
+
47
+ $oc-red-list: (
48
+ "0": #fff5f5,
49
+ "1": #ffe3e3,
50
+ "2": #ffc9c9,
51
+ "3": #ffa8a8,
52
+ "4": #ff8787,
53
+ "5": #ff6b6b,
54
+ "6": #fa5252,
55
+ "7": #f03e3e,
56
+ "8": #e03131,
57
+ "9": #c92a2a
58
+ );
59
+
60
+ $oc-red-0: map-get($oc-red-list, "0");
61
+ $oc-red-1: map-get($oc-red-list, "1");
62
+ $oc-red-2: map-get($oc-red-list, "2");
63
+ $oc-red-3: map-get($oc-red-list, "3");
64
+ $oc-red-4: map-get($oc-red-list, "4");
65
+ $oc-red-5: map-get($oc-red-list, "5");
66
+ $oc-red-6: map-get($oc-red-list, "6");
67
+ $oc-red-7: map-get($oc-red-list, "7");
68
+ $oc-red-8: map-get($oc-red-list, "8");
69
+ $oc-red-9: map-get($oc-red-list, "9");
70
+
71
+
72
+ // Pink
73
+ // ───────────────────────────────────
74
+
75
+ $oc-pink-list: (
76
+ "0": #fff0f6,
77
+ "1": #ffdeeb,
78
+ "2": #fcc2d7,
79
+ "3": #faa2c1,
80
+ "4": #f783ac,
81
+ "5": #f06595,
82
+ "6": #e64980,
83
+ "7": #d6336c,
84
+ "8": #c2255c,
85
+ "9": #a61e4d
86
+ );
87
+
88
+ $oc-pink-0: map-get($oc-pink-list, "0");
89
+ $oc-pink-1: map-get($oc-pink-list, "1");
90
+ $oc-pink-2: map-get($oc-pink-list, "2");
91
+ $oc-pink-3: map-get($oc-pink-list, "3");
92
+ $oc-pink-4: map-get($oc-pink-list, "4");
93
+ $oc-pink-5: map-get($oc-pink-list, "5");
94
+ $oc-pink-6: map-get($oc-pink-list, "6");
95
+ $oc-pink-7: map-get($oc-pink-list, "7");
96
+ $oc-pink-8: map-get($oc-pink-list, "8");
97
+ $oc-pink-9: map-get($oc-pink-list, "9");
98
+
99
+
100
+ // Grape
101
+ // ───────────────────────────────────
102
+
103
+ $oc-grape-list: (
104
+ "0": #f8f0fc,
105
+ "1": #f3d9fa,
106
+ "2": #eebefa,
107
+ "3": #e599f7,
108
+ "4": #da77f2,
109
+ "5": #cc5de8,
110
+ "6": #be4bdb,
111
+ "7": #ae3ec9,
112
+ "8": #9c36b5,
113
+ "9": #862e9c
114
+ );
115
+
116
+ $oc-grape-0: map-get($oc-grape-list, "0");
117
+ $oc-grape-1: map-get($oc-grape-list, "1");
118
+ $oc-grape-2: map-get($oc-grape-list, "2");
119
+ $oc-grape-3: map-get($oc-grape-list, "3");
120
+ $oc-grape-4: map-get($oc-grape-list, "4");
121
+ $oc-grape-5: map-get($oc-grape-list, "5");
122
+ $oc-grape-6: map-get($oc-grape-list, "6");
123
+ $oc-grape-7: map-get($oc-grape-list, "7");
124
+ $oc-grape-8: map-get($oc-grape-list, "8");
125
+ $oc-grape-9: map-get($oc-grape-list, "9");
126
+
127
+
128
+ // Violet
129
+ // ───────────────────────────────────
130
+
131
+ $oc-violet-list: (
132
+ "0": #f3f0ff,
133
+ "1": #e5dbff,
134
+ "2": #d0bfff,
135
+ "3": #b197fc,
136
+ "4": #9775fa,
137
+ "5": #845ef7,
138
+ "6": #7950f2,
139
+ "7": #7048e8,
140
+ "8": #6741d9,
141
+ "9": #5f3dc4
142
+ );
143
+
144
+ $oc-violet-0: map-get($oc-violet-list, "0");
145
+ $oc-violet-1: map-get($oc-violet-list, "1");
146
+ $oc-violet-2: map-get($oc-violet-list, "2");
147
+ $oc-violet-3: map-get($oc-violet-list, "3");
148
+ $oc-violet-4: map-get($oc-violet-list, "4");
149
+ $oc-violet-5: map-get($oc-violet-list, "5");
150
+ $oc-violet-6: map-get($oc-violet-list, "6");
151
+ $oc-violet-7: map-get($oc-violet-list, "7");
152
+ $oc-violet-8: map-get($oc-violet-list, "8");
153
+ $oc-violet-9: map-get($oc-violet-list, "9");
154
+
155
+
156
+ // Indigo
157
+ // ───────────────────────────────────
158
+
159
+ $oc-indigo-list: (
160
+ "0": #edf2ff,
161
+ "1": #dbe4ff,
162
+ "2": #bac8ff,
163
+ "3": #91a7ff,
164
+ "4": #748ffc,
165
+ "5": #5c7cfa,
166
+ "6": #4c6ef5,
167
+ "7": #4263eb,
168
+ "8": #3b5bdb,
169
+ "9": #364fc7
170
+ );
171
+
172
+ $oc-indigo-0: map-get($oc-indigo-list, "0");
173
+ $oc-indigo-1: map-get($oc-indigo-list, "1");
174
+ $oc-indigo-2: map-get($oc-indigo-list, "2");
175
+ $oc-indigo-3: map-get($oc-indigo-list, "3");
176
+ $oc-indigo-4: map-get($oc-indigo-list, "4");
177
+ $oc-indigo-5: map-get($oc-indigo-list, "5");
178
+ $oc-indigo-6: map-get($oc-indigo-list, "6");
179
+ $oc-indigo-7: map-get($oc-indigo-list, "7");
180
+ $oc-indigo-8: map-get($oc-indigo-list, "8");
181
+ $oc-indigo-9: map-get($oc-indigo-list, "9");
182
+
183
+
184
+ // Blue
185
+ // ───────────────────────────────────
186
+
187
+ $oc-blue-list: (
188
+ "0": #e7f5ff,
189
+ "1": #d0ebff,
190
+ "2": #a5d8ff,
191
+ "3": #74c0fc,
192
+ "4": #4dabf7,
193
+ "5": #339af0,
194
+ "6": #228be6,
195
+ "7": #1c7ed6,
196
+ "8": #1971c2,
197
+ "9": #1864ab
198
+ );
199
+
200
+ $oc-blue-0: map-get($oc-blue-list, "0");
201
+ $oc-blue-1: map-get($oc-blue-list, "1");
202
+ $oc-blue-2: map-get($oc-blue-list, "2");
203
+ $oc-blue-3: map-get($oc-blue-list, "3");
204
+ $oc-blue-4: map-get($oc-blue-list, "4");
205
+ $oc-blue-5: map-get($oc-blue-list, "5");
206
+ $oc-blue-6: map-get($oc-blue-list, "6");
207
+ $oc-blue-7: map-get($oc-blue-list, "7");
208
+ $oc-blue-8: map-get($oc-blue-list, "8");
209
+ $oc-blue-9: map-get($oc-blue-list, "9");
210
+
211
+
212
+ // Cyan
213
+ // ───────────────────────────────────
214
+
215
+ $oc-cyan-list: (
216
+ "0": #e3fafc,
217
+ "1": #c5f6fa,
218
+ "2": #99e9f2,
219
+ "3": #66d9e8,
220
+ "4": #3bc9db,
221
+ "5": #22b8cf,
222
+ "6": #15aabf,
223
+ "7": #1098ad,
224
+ "8": #0c8599,
225
+ "9": #0b7285
226
+ );
227
+
228
+ $oc-cyan-0: map-get($oc-cyan-list, "0");
229
+ $oc-cyan-1: map-get($oc-cyan-list, "1");
230
+ $oc-cyan-2: map-get($oc-cyan-list, "2");
231
+ $oc-cyan-3: map-get($oc-cyan-list, "3");
232
+ $oc-cyan-4: map-get($oc-cyan-list, "4");
233
+ $oc-cyan-5: map-get($oc-cyan-list, "5");
234
+ $oc-cyan-6: map-get($oc-cyan-list, "6");
235
+ $oc-cyan-7: map-get($oc-cyan-list, "7");
236
+ $oc-cyan-8: map-get($oc-cyan-list, "8");
237
+ $oc-cyan-9: map-get($oc-cyan-list, "9");
238
+
239
+
240
+ // Teal
241
+ // ───────────────────────────────────
242
+
243
+ $oc-teal-list: (
244
+ "0": #e6fcf5,
245
+ "1": #c3fae8,
246
+ "2": #96f2d7,
247
+ "3": #63e6be,
248
+ "4": #38d9a9,
249
+ "5": #20c997,
250
+ "6": #12b886,
251
+ "7": #0ca678,
252
+ "8": #099268,
253
+ "9": #087f5b
254
+ );
255
+
256
+ $oc-teal-0: map-get($oc-teal-list, "0");
257
+ $oc-teal-1: map-get($oc-teal-list, "1");
258
+ $oc-teal-2: map-get($oc-teal-list, "2");
259
+ $oc-teal-3: map-get($oc-teal-list, "3");
260
+ $oc-teal-4: map-get($oc-teal-list, "4");
261
+ $oc-teal-5: map-get($oc-teal-list, "5");
262
+ $oc-teal-6: map-get($oc-teal-list, "6");
263
+ $oc-teal-7: map-get($oc-teal-list, "7");
264
+ $oc-teal-8: map-get($oc-teal-list, "8");
265
+ $oc-teal-9: map-get($oc-teal-list, "9");
266
+
267
+
268
+ // Green
269
+ // ───────────────────────────────────
270
+
271
+ $oc-green-list: (
272
+ "0": #ebfbee,
273
+ "1": #d3f9d8,
274
+ "2": #b2f2bb,
275
+ "3": #8ce99a,
276
+ "4": #69db7c,
277
+ "5": #51cf66,
278
+ "6": #40c057,
279
+ "7": #37b24d,
280
+ "8": #2f9e44,
281
+ "9": #2b8a3e
282
+ );
283
+
284
+ $oc-green-0: map-get($oc-green-list, "0");
285
+ $oc-green-1: map-get($oc-green-list, "1");
286
+ $oc-green-2: map-get($oc-green-list, "2");
287
+ $oc-green-3: map-get($oc-green-list, "3");
288
+ $oc-green-4: map-get($oc-green-list, "4");
289
+ $oc-green-5: map-get($oc-green-list, "5");
290
+ $oc-green-6: map-get($oc-green-list, "6");
291
+ $oc-green-7: map-get($oc-green-list, "7");
292
+ $oc-green-8: map-get($oc-green-list, "8");
293
+ $oc-green-9: map-get($oc-green-list, "9");
294
+
295
+
296
+ // Lime
297
+ // ───────────────────────────────────
298
+
299
+ $oc-lime-list: (
300
+ "0": #f4fce3,
301
+ "1": #e9fac8,
302
+ "2": #d8f5a2,
303
+ "3": #c0eb75,
304
+ "4": #a9e34b,
305
+ "5": #94d82d,
306
+ "6": #82c91e,
307
+ "7": #74b816,
308
+ "8": #66a80f,
309
+ "9": #5c940d
310
+ );
311
+
312
+ $oc-lime-0: map-get($oc-lime-list, "0");
313
+ $oc-lime-1: map-get($oc-lime-list, "1");
314
+ $oc-lime-2: map-get($oc-lime-list, "2");
315
+ $oc-lime-3: map-get($oc-lime-list, "3");
316
+ $oc-lime-4: map-get($oc-lime-list, "4");
317
+ $oc-lime-5: map-get($oc-lime-list, "5");
318
+ $oc-lime-6: map-get($oc-lime-list, "6");
319
+ $oc-lime-7: map-get($oc-lime-list, "7");
320
+ $oc-lime-8: map-get($oc-lime-list, "8");
321
+ $oc-lime-9: map-get($oc-lime-list, "9");
322
+
323
+
324
+ // Yellow
325
+ // ───────────────────────────────────
326
+
327
+ $oc-yellow-list: (
328
+ "0": #fff9db,
329
+ "1": #fff3bf,
330
+ "2": #ffec99,
331
+ "3": #ffe066,
332
+ "4": #ffd43b,
333
+ "5": #fcc419,
334
+ "6": #fab005,
335
+ "7": #f59f00,
336
+ "8": #f08c00,
337
+ "9": #e67700
338
+ );
339
+
340
+ $oc-yellow-0: map-get($oc-yellow-list, "0");
341
+ $oc-yellow-1: map-get($oc-yellow-list, "1");
342
+ $oc-yellow-2: map-get($oc-yellow-list, "2");
343
+ $oc-yellow-3: map-get($oc-yellow-list, "3");
344
+ $oc-yellow-4: map-get($oc-yellow-list, "4");
345
+ $oc-yellow-5: map-get($oc-yellow-list, "5");
346
+ $oc-yellow-6: map-get($oc-yellow-list, "6");
347
+ $oc-yellow-7: map-get($oc-yellow-list, "7");
348
+ $oc-yellow-8: map-get($oc-yellow-list, "8");
349
+ $oc-yellow-9: map-get($oc-yellow-list, "9");
350
+
351
+
352
+ // Orange
353
+ // ───────────────────────────────────
354
+
355
+ $oc-orange-list: (
356
+ "0": #fff4e6,
357
+ "1": #ffe8cc,
358
+ "2": #ffd8a8,
359
+ "3": #ffc078,
360
+ "4": #ffa94d,
361
+ "5": #ff922b,
362
+ "6": #fd7e14,
363
+ "7": #f76707,
364
+ "8": #e8590c,
365
+ "9": #d9480f
366
+ );
367
+
368
+ $oc-orange-0: map-get($oc-orange-list, "0");
369
+ $oc-orange-1: map-get($oc-orange-list, "1");
370
+ $oc-orange-2: map-get($oc-orange-list, "2");
371
+ $oc-orange-3: map-get($oc-orange-list, "3");
372
+ $oc-orange-4: map-get($oc-orange-list, "4");
373
+ $oc-orange-5: map-get($oc-orange-list, "5");
374
+ $oc-orange-6: map-get($oc-orange-list, "6");
375
+ $oc-orange-7: map-get($oc-orange-list, "7");
376
+ $oc-orange-8: map-get($oc-orange-list, "8");
377
+ $oc-orange-9: map-get($oc-orange-list, "9");
378
+
379
+
380
+ // Color list
381
+ // ───────────────────────────────────
382
+
383
+ $oc-color-spectrum: 9;
384
+
385
+ $oc-color-list: (
386
+ $oc-gray-list: "gray",
387
+ $oc-red-list: "red",
388
+ $oc-pink-list: "pink",
389
+ $oc-grape-list: "grape",
390
+ $oc-violet-list: "violet",
391
+ $oc-indigo-list: "indigo",
392
+ $oc-blue-list: "blue",
393
+ $oc-cyan-list: "cyan",
394
+ $oc-teal-list: "teal",
395
+ $oc-green-list: "green",
396
+ $oc-lime-list: "lime",
397
+ $oc-yellow-list: "yellow",
398
+ $oc-orange-list: "orange"
399
+ );