mod-base 1.0.0

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.
Files changed (69) hide show
  1. package/.editorconfig +17 -0
  2. package/.sass-lint.yml +165 -0
  3. package/CHANGELOG.md +5 -0
  4. package/README.md +42 -0
  5. package/package.json +7 -0
  6. package/src/fonts/modstyle-icons/modicons-basic/Read Me.txt +7 -0
  7. package/src/fonts/modstyle-icons/modicons-basic/demo-files/demo.css +152 -0
  8. package/src/fonts/modstyle-icons/modicons-basic/demo-files/demo.js +30 -0
  9. package/src/fonts/modstyle-icons/modicons-basic/demo.html +346 -0
  10. package/src/fonts/modstyle-icons/modicons-basic/fonts/modicons-basic.eot +0 -0
  11. package/src/fonts/modstyle-icons/modicons-basic/fonts/modicons-basic.svg +32 -0
  12. package/src/fonts/modstyle-icons/modicons-basic/fonts/modicons-basic.ttf +0 -0
  13. package/src/fonts/modstyle-icons/modicons-basic/fonts/modicons-basic.woff +0 -0
  14. package/src/fonts/modstyle-icons/modicons-basic/selection.json +1 -0
  15. package/src/fonts/modstyle-icons/modicons-basic/style.css +93 -0
  16. package/src/fonts/modstyle-icons/modicons-fill/Read Me.txt +7 -0
  17. package/src/fonts/modstyle-icons/modicons-fill/demo-files/demo.css +152 -0
  18. package/src/fonts/modstyle-icons/modicons-fill/demo-files/demo.js +30 -0
  19. package/src/fonts/modstyle-icons/modicons-fill/demo.html +626 -0
  20. package/src/fonts/modstyle-icons/modicons-fill/fonts/modicons-fill.eot +0 -0
  21. package/src/fonts/modstyle-icons/modicons-fill/fonts/modicons-fill.svg +52 -0
  22. package/src/fonts/modstyle-icons/modicons-fill/fonts/modicons-fill.ttf +0 -0
  23. package/src/fonts/modstyle-icons/modicons-fill/fonts/modicons-fill.woff +0 -0
  24. package/src/fonts/modstyle-icons/modicons-fill/selection.json +1 -0
  25. package/src/fonts/modstyle-icons/modicons-fill/style.css +194 -0
  26. package/src/fonts/modstyle-icons/modicons-stroke/Read Me.txt +7 -0
  27. package/src/fonts/modstyle-icons/modicons-stroke/demo-files/demo.css +152 -0
  28. package/src/fonts/modstyle-icons/modicons-stroke/demo-files/demo.js +30 -0
  29. package/src/fonts/modstyle-icons/modicons-stroke/demo.html +990 -0
  30. package/src/fonts/modstyle-icons/modicons-stroke/fonts/modicons-stroke.eot +0 -0
  31. package/src/fonts/modstyle-icons/modicons-stroke/fonts/modicons-stroke.svg +79 -0
  32. package/src/fonts/modstyle-icons/modicons-stroke/fonts/modicons-stroke.ttf +0 -0
  33. package/src/fonts/modstyle-icons/modicons-stroke/fonts/modicons-stroke.woff +0 -0
  34. package/src/fonts/modstyle-icons/modicons-stroke/selection.json +1 -0
  35. package/src/fonts/modstyle-icons/modicons-stroke/style.css +290 -0
  36. package/src/fonts/modstyle-icons/modicons-stroke-md/Read Me.txt +7 -0
  37. package/src/fonts/modstyle-icons/modicons-stroke-md/demo-files/demo.css +152 -0
  38. package/src/fonts/modstyle-icons/modicons-stroke-md/demo-files/demo.js +30 -0
  39. package/src/fonts/modstyle-icons/modicons-stroke-md/demo.html +122 -0
  40. package/src/fonts/modstyle-icons/modicons-stroke-md/fonts/modicons-stroke-md.eot +0 -0
  41. package/src/fonts/modstyle-icons/modicons-stroke-md/fonts/modicons-stroke-md.svg +16 -0
  42. package/src/fonts/modstyle-icons/modicons-stroke-md/fonts/modicons-stroke-md.ttf +0 -0
  43. package/src/fonts/modstyle-icons/modicons-stroke-md/fonts/modicons-stroke-md.woff +0 -0
  44. package/src/fonts/modstyle-icons/modicons-stroke-md/selection.json +1 -0
  45. package/src/fonts/modstyle-icons/modicons-stroke-md/style.css +51 -0
  46. package/src/styles/base/_breakpoint-mixins.scss +30 -0
  47. package/src/styles/base/_colors.scss +115 -0
  48. package/src/styles/base/_flex.scss +7 -0
  49. package/src/styles/base/_fonts.scss +49 -0
  50. package/src/styles/base/_reset.scss +152 -0
  51. package/src/styles/base/index.scss +6 -0
  52. package/src/styles/icons/_basics.scss +6 -0
  53. package/src/styles/icons/_fill.scss +6 -0
  54. package/src/styles/icons/_font-face-basic.scss +10 -0
  55. package/src/styles/icons/_font-face-fill.scss +10 -0
  56. package/src/styles/icons/_font-face-stroke-md.scss +10 -0
  57. package/src/styles/icons/_font-face-stroke.scss +10 -0
  58. package/src/styles/icons/_icon-classes-basic.scss +163 -0
  59. package/src/styles/icons/_icon-classes-fill.scss +262 -0
  60. package/src/styles/icons/_icon-classes-stroke-md.scss +46 -0
  61. package/src/styles/icons/_icon-classes-stroke.scss +424 -0
  62. package/src/styles/icons/_mixin-basic.scss +6 -0
  63. package/src/styles/icons/_mixin-fill.scss +6 -0
  64. package/src/styles/icons/_mixin-stroke-md.scss +6 -0
  65. package/src/styles/icons/_mixin-stroke.scss +6 -0
  66. package/src/styles/icons/_stroke-md.scss +6 -0
  67. package/src/styles/icons/_stroke.scss +6 -0
  68. package/src/styles/icons/index.scss +4 -0
  69. package/src/styles/templates/_dark-mode.scss +346 -0
@@ -0,0 +1,262 @@
1
+ [class^='icon-fill-'],
2
+ [class*=' icon-fill-'] {
3
+ font-family: 'modicons-fill' !important;
4
+ font-style: normal;
5
+ font-variant: normal;
6
+ font-weight: normal;
7
+ line-height: 1;
8
+ speak-as: none;
9
+ text-transform: none;
10
+ }
11
+
12
+ .icon-fill-restart {
13
+ &::before {
14
+ content: '\e915';
15
+ }
16
+ }
17
+
18
+ .icon-fill-toolbox {
19
+ &::before {
20
+ content: '\e914';
21
+ }
22
+ }
23
+
24
+ .icon-fill-lightning {
25
+ &::before {
26
+ content: '\e913';
27
+ }
28
+ }
29
+
30
+ .icon-fill-calculator {
31
+ &::before {
32
+ content: '\e911';
33
+ }
34
+ }
35
+
36
+ .icon-fill-window {
37
+ &::before {
38
+ content: '\e912';
39
+ }
40
+ }
41
+
42
+ .icon-fill-cancel {
43
+ &::before {
44
+ content: '\e90b';
45
+ }
46
+ }
47
+
48
+ .icon-fill-hammer {
49
+ &::before {
50
+ content: '\e90c';
51
+ }
52
+ }
53
+
54
+ .icon-fill-print {
55
+ &::before {
56
+ content: '\e90d';
57
+ }
58
+ }
59
+
60
+ .icon-fill-target {
61
+ &::before {
62
+ content: '\e90e';
63
+ }
64
+ }
65
+
66
+ .icon-fill-payment-check {
67
+ &::before {
68
+ content: '\e908';
69
+ }
70
+ }
71
+
72
+ .icon-fill-sliders {
73
+ &::before {
74
+ content: '\e909';
75
+ }
76
+ }
77
+
78
+ .icon-fill-warning {
79
+ &::before {
80
+ content: '\e90a';
81
+ }
82
+ }
83
+
84
+ .icon-fill-chat {
85
+ &::before {
86
+ content: '\e901';
87
+ }
88
+ }
89
+
90
+ .icon-fill-credit-card {
91
+ &::before {
92
+ content: '\e902';
93
+ }
94
+ }
95
+
96
+ .icon-fill-lock {
97
+ &::before {
98
+ content: '\e903';
99
+ }
100
+ }
101
+
102
+ .icon-fill-question {
103
+ &::before {
104
+ content: '\e904';
105
+ }
106
+ }
107
+
108
+ .icon-fill-share {
109
+ &::before {
110
+ content: '\e905';
111
+ }
112
+ }
113
+
114
+ .icon-fill-star-half {
115
+ &::before {
116
+ content: '\e906';
117
+ }
118
+ }
119
+
120
+ .icon-fill-star {
121
+ &::before {
122
+ content: '\e907';
123
+ }
124
+ }
125
+
126
+ .icon-fill-calendar {
127
+ &::before {
128
+ content: '\e900';
129
+ }
130
+ }
131
+
132
+ .icon-fill-cash {
133
+ &::before {
134
+ content: '\e91f';
135
+ }
136
+ }
137
+
138
+ .icon-fill-check {
139
+ &::before {
140
+ content: '\e920';
141
+ }
142
+ }
143
+
144
+ .icon-fill-clipboard {
145
+ &::before {
146
+ content: '\e921';
147
+ }
148
+ }
149
+
150
+ .icon-fill-clock {
151
+ &::before {
152
+ content: '\e922';
153
+ }
154
+ }
155
+
156
+ .icon-fill-deal {
157
+ &::before {
158
+ content: '\e923';
159
+ }
160
+ }
161
+
162
+ .icon-fill-dollar-sign {
163
+ &::before {
164
+ content: '\e924';
165
+ }
166
+ }
167
+
168
+ .icon-fill-edit {
169
+ &::before {
170
+ content: '\e925';
171
+ }
172
+ }
173
+
174
+ .icon-fill-external-link {
175
+ &::before {
176
+ content: '\e926';
177
+ }
178
+ }
179
+
180
+ .icon-fill-finish {
181
+ &::before {
182
+ content: '\e927';
183
+ }
184
+ }
185
+
186
+ .icon-fill-license {
187
+ &::before {
188
+ content: '\e928';
189
+ }
190
+ }
191
+
192
+ .icon-fill-mail {
193
+ &::before {
194
+ content: '\e929';
195
+ }
196
+ }
197
+
198
+ .icon-fill-phone {
199
+ &::before {
200
+ content: '\e92a';
201
+ }
202
+ }
203
+
204
+ .icon-fill-pin {
205
+ &::before {
206
+ content: '\e92b';
207
+ }
208
+ }
209
+
210
+ .icon-fill-price-tag {
211
+ &::before {
212
+ content: '\e92c';
213
+ }
214
+ }
215
+
216
+ .icon-fill-profile {
217
+ &::before {
218
+ content: '\e92d';
219
+ }
220
+ }
221
+
222
+ .icon-fill-search {
223
+ &::before {
224
+ content: '\e92e';
225
+ }
226
+ }
227
+
228
+ .icon-fill-shield {
229
+ &::before {
230
+ content: '\e92f';
231
+ }
232
+ }
233
+
234
+ .icon-fill-truck {
235
+ &::before {
236
+ content: '\e930';
237
+ }
238
+ }
239
+
240
+ .icon-fill-upload {
241
+ &::before {
242
+ content: '\e931';
243
+ }
244
+ }
245
+
246
+ .icon-fill-book {
247
+ &::before {
248
+ content: '\e90f';
249
+ }
250
+ }
251
+
252
+ .icon-fill-camera {
253
+ &::before {
254
+ content: '\e910';
255
+ }
256
+ }
257
+
258
+ .icon-fill-info {
259
+ &::before {
260
+ content: '\e916';
261
+ }
262
+ }
@@ -0,0 +1,46 @@
1
+ [class^='icon-stroke-md-'],
2
+ [class*='icon-stroke-md-'] {
3
+ font-family: 'modicons-stroke-md' !important;
4
+ font-style: normal;
5
+ font-variant: normal;
6
+ font-weight: normal;
7
+ line-height: 1;
8
+ speak-as: none;
9
+ text-transform: none;
10
+ }
11
+
12
+ .icon-stroke-md-door {
13
+ &::before {
14
+ content: '\e900';
15
+ }
16
+ }
17
+
18
+ .icon-stroke-md-hvac {
19
+ &::before {
20
+ content: '\e901';
21
+ }
22
+ }
23
+
24
+ .icon-stroke-md-roofing {
25
+ &::before {
26
+ content: '\e902';
27
+ }
28
+ }
29
+
30
+ .icon-stroke-md-siding {
31
+ &::before {
32
+ content: '\e903';
33
+ }
34
+ }
35
+
36
+ .icon-stroke-md-solar {
37
+ &::before {
38
+ content: '\e904';
39
+ }
40
+ }
41
+
42
+ .icon-stroke-md-window {
43
+ &::before {
44
+ content: '\e905';
45
+ }
46
+ }
@@ -0,0 +1,424 @@
1
+ [class^='icon-stroke-'],
2
+ [class*=' icon-stroke-'] {
3
+ font-family: 'modicons-stroke' !important;
4
+ font-style: normal;
5
+ font-variant: normal;
6
+ font-weight: normal;
7
+ line-height: 1;
8
+ speak-as: none;
9
+ text-transform: none;
10
+ }
11
+
12
+ .icon-stroke-contractor-selection {
13
+ &::before {
14
+ content: '\e93a';
15
+ }
16
+ }
17
+
18
+ .icon-stroke-filter {
19
+ &::before {
20
+ content: '\e93b';
21
+ }
22
+ }
23
+
24
+ .icon-stroke-home-security {
25
+ &::before {
26
+ content: '\e93c';
27
+ }
28
+ }
29
+
30
+ .icon-stroke-installation {
31
+ &::before {
32
+ content: '\e93d';
33
+ }
34
+ }
35
+
36
+ .icon-stroke-maintenance {
37
+ &::before {
38
+ content: '\e93e';
39
+ }
40
+ }
41
+
42
+ .icon-stroke-research {
43
+ &::before {
44
+ content: '\e93f';
45
+ }
46
+ }
47
+
48
+ .icon-stroke-article {
49
+ &::before {
50
+ content: '\e926';
51
+ }
52
+ }
53
+
54
+ .icon-stroke-mic {
55
+ &::before {
56
+ content: '\e938';
57
+ }
58
+ }
59
+
60
+ .icon-stroke-webinar {
61
+ &::before {
62
+ content: '\e939';
63
+ }
64
+ }
65
+
66
+ .icon-stroke-walk-in-tub {
67
+ &::before {
68
+ content: '\e927';
69
+ }
70
+ }
71
+
72
+ .icon-stroke-umbrella {
73
+ &::before {
74
+ content: '\e928';
75
+ }
76
+ }
77
+
78
+ .icon-stroke-stair-lift {
79
+ &::before {
80
+ content: '\e929';
81
+ }
82
+ }
83
+
84
+ .icon-stroke-solar {
85
+ &::before {
86
+ content: '\e92a';
87
+ }
88
+ }
89
+
90
+ .icon-stroke-sink {
91
+ &::before {
92
+ content: '\e92b';
93
+ }
94
+ }
95
+
96
+ .icon-stroke-siding {
97
+ &::before {
98
+ content: '\e92c';
99
+ }
100
+ }
101
+
102
+ .icon-stroke-shower {
103
+ &::before {
104
+ content: '\e92d';
105
+ }
106
+ }
107
+
108
+ .icon-stroke-roofing {
109
+ &::before {
110
+ content: '\e92e';
111
+ }
112
+ }
113
+
114
+ .icon-stroke-ribbon {
115
+ &::before {
116
+ content: '\e92f';
117
+ }
118
+ }
119
+
120
+ .icon-stroke-medical {
121
+ &::before {
122
+ content: '\e930';
123
+ }
124
+ }
125
+
126
+ .icon-stroke-kitchen {
127
+ &::before {
128
+ content: '\e931';
129
+ }
130
+ }
131
+
132
+ .icon-stroke-hvac {
133
+ &::before {
134
+ content: '\e932';
135
+ }
136
+ }
137
+
138
+ .icon-stroke-hot-tub {
139
+ &::before {
140
+ content: '\e933';
141
+ }
142
+ }
143
+
144
+ .icon-stroke-gutter {
145
+ &::before {
146
+ content: '\e934';
147
+ }
148
+ }
149
+
150
+ .icon-stroke-flooring {
151
+ &::before {
152
+ content: '\e935';
153
+ }
154
+ }
155
+
156
+ .icon-stroke-door {
157
+ &::before {
158
+ content: '\e936';
159
+ }
160
+ }
161
+
162
+ .icon-stroke-cabinet {
163
+ &::before {
164
+ content: '\e937';
165
+ }
166
+ }
167
+
168
+ .icon-stroke-restart {
169
+ &::before {
170
+ content: '\e924';
171
+ }
172
+ }
173
+
174
+ .icon-stroke-toolbox {
175
+ &::before {
176
+ content: '\e925';
177
+ }
178
+ }
179
+
180
+ .icon-stroke-calculator {
181
+ &::before {
182
+ content: '\e956';
183
+ }
184
+ }
185
+
186
+ .icon-stroke-window {
187
+ &::before {
188
+ content: '\e957';
189
+ }
190
+ }
191
+
192
+ .icon-stroke-cancel {
193
+ &::before {
194
+ content: '\e91e';
195
+ }
196
+ }
197
+
198
+ .icon-stroke-hammer {
199
+ &::before {
200
+ content: '\e91f';
201
+ }
202
+ }
203
+
204
+ .icon-stroke-print {
205
+ &::before {
206
+ content: '\e920';
207
+ }
208
+ }
209
+
210
+ .icon-stroke-target {
211
+ &::before {
212
+ content: '\e921';
213
+ }
214
+ }
215
+
216
+ .icon-stroke-payment-check {
217
+ &::before {
218
+ content: '\e91b';
219
+ }
220
+ }
221
+
222
+ .icon-stroke-sliders {
223
+ &::before {
224
+ content: '\e91c';
225
+ }
226
+ }
227
+
228
+ .icon-stroke-warning {
229
+ &::before {
230
+ content: '\e91d';
231
+ }
232
+ }
233
+
234
+ .icon-stroke-chat {
235
+ &::before {
236
+ content: '\e902';
237
+ }
238
+ }
239
+
240
+ .icon-stroke-credit-card {
241
+ &::before {
242
+ content: '\e903';
243
+ }
244
+ }
245
+
246
+ .icon-stroke-lock {
247
+ &::before {
248
+ content: '\e904';
249
+ }
250
+ }
251
+
252
+ .icon-stroke-question {
253
+ &::before {
254
+ content: '\e905';
255
+ }
256
+ }
257
+
258
+ .icon-stroke-share {
259
+ &::before {
260
+ content: '\e906';
261
+ }
262
+ }
263
+
264
+ .icon-stroke-star-half {
265
+ &::before {
266
+ content: '\e907';
267
+ }
268
+ }
269
+
270
+ .icon-stroke-star {
271
+ &::before {
272
+ content: '\e908';
273
+ }
274
+ }
275
+
276
+ .icon-stroke-calendar {
277
+ &::before {
278
+ content: '\e900';
279
+ }
280
+ }
281
+
282
+ .icon-stroke-cash {
283
+ &::before {
284
+ content: '\e901';
285
+ }
286
+ }
287
+
288
+ .icon-stroke-check {
289
+ &::before {
290
+ content: '\e909';
291
+ }
292
+ }
293
+
294
+ .icon-stroke-clipboard {
295
+ &::before {
296
+ content: '\e90a';
297
+ }
298
+ }
299
+
300
+ .icon-stroke-clock {
301
+ &::before {
302
+ content: '\e914';
303
+ }
304
+ }
305
+
306
+ .icon-stroke-deal {
307
+ &::before {
308
+ content: '\e915';
309
+ }
310
+ }
311
+
312
+ .icon-stroke-dollar-sign {
313
+ &::before {
314
+ content: '\e916';
315
+ }
316
+ }
317
+
318
+ .icon-stroke-edit {
319
+ &::before {
320
+ content: '\e917';
321
+ }
322
+ }
323
+
324
+ .icon-stroke-external-link {
325
+ &::before {
326
+ content: '\e918';
327
+ }
328
+ }
329
+
330
+ .icon-stroke-finish {
331
+ &::before {
332
+ content: '\e919';
333
+ }
334
+ }
335
+
336
+ .icon-stroke-license {
337
+ &::before {
338
+ content: '\e91a';
339
+ }
340
+ }
341
+
342
+ .icon-stroke-mail {
343
+ &::before {
344
+ content: '\e90b';
345
+ }
346
+ }
347
+
348
+ .icon-stroke-phone {
349
+ &::before {
350
+ content: '\e90c';
351
+ }
352
+ }
353
+
354
+ .icon-stroke-pin {
355
+ &::before {
356
+ content: '\e90d';
357
+ }
358
+ }
359
+
360
+ .icon-stroke-price-tag {
361
+ &::before {
362
+ content: '\e90e';
363
+ }
364
+ }
365
+
366
+ .icon-stroke-profile {
367
+ &::before {
368
+ content: '\e90f';
369
+ }
370
+ }
371
+
372
+ .icon-stroke-search {
373
+ &::before {
374
+ content: '\e910';
375
+ }
376
+ }
377
+
378
+ .icon-stroke-shield {
379
+ &::before {
380
+ content: '\e911';
381
+ }
382
+ }
383
+
384
+ .icon-stroke-truck {
385
+ &::before {
386
+ content: '\e912';
387
+ }
388
+ }
389
+
390
+ .icon-stroke-upload {
391
+ &::before {
392
+ content: '\e913';
393
+ }
394
+ }
395
+
396
+ .icon-stroke-book {
397
+ &::before {
398
+ content: '\e922';
399
+ }
400
+ }
401
+
402
+ .icon-stroke-camera {
403
+ &::before {
404
+ content: '\e923';
405
+ }
406
+ }
407
+
408
+ .icon-stroke-info {
409
+ &::before {
410
+ content: '\e940';
411
+ }
412
+ }
413
+
414
+ .icon-stroke-plumbing {
415
+ &::before {
416
+ content: '\e941';
417
+ }
418
+ }
419
+
420
+ .icon-stroke-bathroom {
421
+ &::before {
422
+ content: '\e942';
423
+ }
424
+ }
@@ -0,0 +1,6 @@
1
+ @mixin icon-basic {
2
+ -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes
3
+ -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes
4
+ font: normal normal normal 14px/1 modicons-basic;
5
+ text-rendering: auto;
6
+ }
@@ -0,0 +1,6 @@
1
+ @mixin icon-fill {
2
+ -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes
3
+ -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes
4
+ font: normal normal normal 14px/1 modicons-fill;
5
+ text-rendering: auto;
6
+ }