plug 0.1.28 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -0
  3. data/app/helpers/plug/application_helper.rb +10 -0
  4. data/app/views/layouts/plug/application.html.haml +0 -2
  5. data/app/views/plug/shared/_head.html.haml +1 -3
  6. data/lib/generators/plug/install_generator.rb +18 -0
  7. data/lib/generators/plug/templates/plug.vite.js +2 -0
  8. data/lib/plug/version.rb +1 -1
  9. metadata +9 -39
  10. data/app/assets/config/plug_manifest.js +0 -3
  11. data/app/assets/images/plug/favicon.png +0 -0
  12. data/app/assets/javascripts/plug/application.js +0 -18
  13. data/app/assets/javascripts/plug/trix-core.js +0 -12
  14. data/app/assets/stylesheets/plug/_settings.scss +0 -865
  15. data/app/assets/stylesheets/plug/application.scss +0 -43
  16. data/app/assets/stylesheets/plug/blocks/_alert.scss +0 -5
  17. data/app/assets/stylesheets/plug/blocks/_menu.scss +0 -11
  18. data/app/assets/stylesheets/plug/blocks/_nav.scss +0 -9
  19. data/app/assets/stylesheets/plug/blocks/_notice.scss +0 -4
  20. data/app/assets/stylesheets/plug/blocks/_state.scss +0 -11
  21. data/app/assets/stylesheets/plug/blocks/_task-button.scss +0 -3
  22. data/app/assets/stylesheets/plug/foundation_and_overrides.scss +0 -59
  23. data/app/assets/stylesheets/plug/milligram.scss +0 -635
  24. data/app/assets/stylesheets/plug/mixins/_bem.scss +0 -17
  25. data/app/assets/stylesheets/plug/normalize.scss +0 -447
  26. data/app/assets/stylesheets/plug/partials/_main.scss +0 -4
  27. data/app/assets/stylesheets/plug/partials/_utils.scss +0 -3
  28. data/app/assets/stylesheets/plug/trix-overrides.scss +0 -8
  29. data/app/assets/stylesheets/plug/trix.scss +0 -374
  30. data/app/assets/stylesheets/plug/variables/_colors.scss +0 -8
  31. data/app/assets/stylesheets/plug/variables/_typography.scss +0 -5
@@ -1,635 +0,0 @@
1
- /*!
2
- * Milligram v1.4.0
3
- * https://milligram.io
4
- *
5
- * Copyright (c) 2020 CJ Patoilo
6
- * Licensed under the MIT license
7
- */
8
-
9
- *,
10
- *:after,
11
- *:before {
12
- box-sizing: inherit;
13
- }
14
-
15
- html {
16
- box-sizing: border-box;
17
- font-size: 62.5%;
18
- }
19
-
20
- body {
21
- color: #606c76;
22
- font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
23
- font-size: 1.6em;
24
- font-weight: 300;
25
- letter-spacing: .01em;
26
- line-height: 1.6;
27
- }
28
-
29
- blockquote {
30
- border-left: 0.3rem solid #d1d1d1;
31
- margin-left: 0;
32
- margin-right: 0;
33
- padding: 1rem 1.5rem;
34
- }
35
-
36
- blockquote *:last-child {
37
- margin-bottom: 0;
38
- }
39
-
40
- .button,
41
- button,
42
- input[type='button'],
43
- input[type='reset'],
44
- input[type='submit'] {
45
- background-color: #9b4dca;
46
- border: 0.1rem solid #9b4dca;
47
- border-radius: .4rem;
48
- color: #fff;
49
- cursor: pointer;
50
- display: inline-block;
51
- font-size: 1.1rem;
52
- font-weight: 700;
53
- height: 3.8rem;
54
- letter-spacing: .1rem;
55
- line-height: 3.8rem;
56
- padding: 0 3.0rem;
57
- text-align: center;
58
- text-decoration: none;
59
- text-transform: uppercase;
60
- white-space: nowrap;
61
- }
62
-
63
- .button:focus, .button:hover,
64
- button:focus,
65
- button:hover,
66
- input[type='button']:focus,
67
- input[type='button']:hover,
68
- input[type='reset']:focus,
69
- input[type='reset']:hover,
70
- input[type='submit']:focus,
71
- input[type='submit']:hover {
72
- background-color: #606c76;
73
- border-color: #606c76;
74
- color: #fff;
75
- outline: 0;
76
- }
77
-
78
- .button[disabled],
79
- button[disabled],
80
- input[type='button'][disabled],
81
- input[type='reset'][disabled],
82
- input[type='submit'][disabled] {
83
- cursor: default;
84
- opacity: .5;
85
- }
86
-
87
- .button[disabled]:focus, .button[disabled]:hover,
88
- button[disabled]:focus,
89
- button[disabled]:hover,
90
- input[type='button'][disabled]:focus,
91
- input[type='button'][disabled]:hover,
92
- input[type='reset'][disabled]:focus,
93
- input[type='reset'][disabled]:hover,
94
- input[type='submit'][disabled]:focus,
95
- input[type='submit'][disabled]:hover {
96
- background-color: #9b4dca;
97
- border-color: #9b4dca;
98
- }
99
-
100
- .button.button-outline,
101
- button.button-outline,
102
- input[type='button'].button-outline,
103
- input[type='reset'].button-outline,
104
- input[type='submit'].button-outline {
105
- background-color: transparent;
106
- color: #9b4dca;
107
- }
108
-
109
- .button.button-outline:focus, .button.button-outline:hover,
110
- button.button-outline:focus,
111
- button.button-outline:hover,
112
- input[type='button'].button-outline:focus,
113
- input[type='button'].button-outline:hover,
114
- input[type='reset'].button-outline:focus,
115
- input[type='reset'].button-outline:hover,
116
- input[type='submit'].button-outline:focus,
117
- input[type='submit'].button-outline:hover {
118
- background-color: transparent;
119
- border-color: #606c76;
120
- color: #606c76;
121
- }
122
-
123
- .button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
124
- button.button-outline[disabled]:focus,
125
- button.button-outline[disabled]:hover,
126
- input[type='button'].button-outline[disabled]:focus,
127
- input[type='button'].button-outline[disabled]:hover,
128
- input[type='reset'].button-outline[disabled]:focus,
129
- input[type='reset'].button-outline[disabled]:hover,
130
- input[type='submit'].button-outline[disabled]:focus,
131
- input[type='submit'].button-outline[disabled]:hover {
132
- border-color: inherit;
133
- color: #9b4dca;
134
- }
135
-
136
- .button.button-clear,
137
- button.button-clear,
138
- input[type='button'].button-clear,
139
- input[type='reset'].button-clear,
140
- input[type='submit'].button-clear {
141
- background-color: transparent;
142
- border-color: transparent;
143
- color: #9b4dca;
144
- }
145
-
146
- .button.button-clear:focus, .button.button-clear:hover,
147
- button.button-clear:focus,
148
- button.button-clear:hover,
149
- input[type='button'].button-clear:focus,
150
- input[type='button'].button-clear:hover,
151
- input[type='reset'].button-clear:focus,
152
- input[type='reset'].button-clear:hover,
153
- input[type='submit'].button-clear:focus,
154
- input[type='submit'].button-clear:hover {
155
- background-color: transparent;
156
- border-color: transparent;
157
- color: #606c76;
158
- }
159
-
160
- .button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
161
- button.button-clear[disabled]:focus,
162
- button.button-clear[disabled]:hover,
163
- input[type='button'].button-clear[disabled]:focus,
164
- input[type='button'].button-clear[disabled]:hover,
165
- input[type='reset'].button-clear[disabled]:focus,
166
- input[type='reset'].button-clear[disabled]:hover,
167
- input[type='submit'].button-clear[disabled]:focus,
168
- input[type='submit'].button-clear[disabled]:hover {
169
- color: #9b4dca;
170
- }
171
-
172
- code {
173
- background: #f4f5f6;
174
- border-radius: .4rem;
175
- font-size: 86%;
176
- margin: 0 .2rem;
177
- padding: .2rem .5rem;
178
- white-space: nowrap;
179
- }
180
-
181
- pre {
182
- background: #f4f5f6;
183
- border-left: 0.3rem solid #9b4dca;
184
- overflow-y: hidden;
185
- }
186
-
187
- pre > code {
188
- border-radius: 0;
189
- display: block;
190
- padding: 1rem 1.5rem;
191
- white-space: pre;
192
- }
193
-
194
- hr {
195
- border: 0;
196
- border-top: 0.1rem solid #f4f5f6;
197
- margin: 3.0rem 0;
198
- }
199
-
200
- input[type='color'],
201
- input[type='date'],
202
- input[type='datetime'],
203
- input[type='datetime-local'],
204
- input[type='email'],
205
- input[type='month'],
206
- input[type='number'],
207
- input[type='password'],
208
- input[type='search'],
209
- input[type='tel'],
210
- input[type='text'],
211
- input[type='url'],
212
- input[type='week'],
213
- input:not([type]),
214
- textarea,
215
- select {
216
- -webkit-appearance: none;
217
- background-color: transparent;
218
- border: 0.1rem solid #d1d1d1;
219
- border-radius: .4rem;
220
- box-shadow: none;
221
- box-sizing: inherit;
222
- height: 3.8rem;
223
- padding: .6rem 1.0rem .7rem;
224
- width: 100%;
225
- }
226
-
227
- input[type='color']:focus,
228
- input[type='date']:focus,
229
- input[type='datetime']:focus,
230
- input[type='datetime-local']:focus,
231
- input[type='email']:focus,
232
- input[type='month']:focus,
233
- input[type='number']:focus,
234
- input[type='password']:focus,
235
- input[type='search']:focus,
236
- input[type='tel']:focus,
237
- input[type='text']:focus,
238
- input[type='url']:focus,
239
- input[type='week']:focus,
240
- input:not([type]):focus,
241
- textarea:focus,
242
- select:focus {
243
- border-color: #9b4dca;
244
- outline: 0;
245
- }
246
-
247
- select {
248
- background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
249
- padding-right: 3.0rem;
250
- }
251
-
252
- select:focus {
253
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
254
- }
255
-
256
- select[multiple] {
257
- background: none;
258
- height: auto;
259
- }
260
-
261
- textarea {
262
- min-height: 6.5rem;
263
- }
264
-
265
- label,
266
- legend {
267
- display: block;
268
- font-size: 1.6rem;
269
- font-weight: 700;
270
- margin-bottom: .5rem;
271
- }
272
-
273
- fieldset {
274
- border-width: 0;
275
- padding: 0;
276
- }
277
-
278
- input[type='checkbox'],
279
- input[type='radio'] {
280
- display: inline;
281
- }
282
-
283
- .label-inline {
284
- display: inline-block;
285
- font-weight: normal;
286
- margin-left: .5rem;
287
- }
288
-
289
- .container {
290
- margin: 0 auto;
291
- max-width: 112.0rem;
292
- padding: 0 2.0rem;
293
- position: relative;
294
- width: 100%;
295
- }
296
-
297
- .row {
298
- display: flex;
299
- flex-direction: column;
300
- padding: 0;
301
- width: 100%;
302
- }
303
-
304
- .row.row-no-padding {
305
- padding: 0;
306
- }
307
-
308
- .row.row-no-padding > .column {
309
- padding: 0;
310
- }
311
-
312
- .row.row-wrap {
313
- flex-wrap: wrap;
314
- }
315
-
316
- .row.row-top {
317
- align-items: flex-start;
318
- }
319
-
320
- .row.row-bottom {
321
- align-items: flex-end;
322
- }
323
-
324
- .row.row-center {
325
- align-items: center;
326
- }
327
-
328
- .row.row-stretch {
329
- align-items: stretch;
330
- }
331
-
332
- .row.row-baseline {
333
- align-items: baseline;
334
- }
335
-
336
- .row .column {
337
- display: block;
338
- flex: 1 1 auto;
339
- margin-left: 0;
340
- max-width: 100%;
341
- width: 100%;
342
- }
343
-
344
- .row .column.column-offset-10 {
345
- margin-left: 10%;
346
- }
347
-
348
- .row .column.column-offset-20 {
349
- margin-left: 20%;
350
- }
351
-
352
- .row .column.column-offset-25 {
353
- margin-left: 25%;
354
- }
355
-
356
- .row .column.column-offset-33, .row .column.column-offset-34 {
357
- margin-left: 33.3333%;
358
- }
359
-
360
- .row .column.column-offset-40 {
361
- margin-left: 40%;
362
- }
363
-
364
- .row .column.column-offset-50 {
365
- margin-left: 50%;
366
- }
367
-
368
- .row .column.column-offset-60 {
369
- margin-left: 60%;
370
- }
371
-
372
- .row .column.column-offset-66, .row .column.column-offset-67 {
373
- margin-left: 66.6666%;
374
- }
375
-
376
- .row .column.column-offset-75 {
377
- margin-left: 75%;
378
- }
379
-
380
- .row .column.column-offset-80 {
381
- margin-left: 80%;
382
- }
383
-
384
- .row .column.column-offset-90 {
385
- margin-left: 90%;
386
- }
387
-
388
- .row .column.column-10 {
389
- flex: 0 0 10%;
390
- max-width: 10%;
391
- }
392
-
393
- .row .column.column-20 {
394
- flex: 0 0 20%;
395
- max-width: 20%;
396
- }
397
-
398
- .row .column.column-25 {
399
- flex: 0 0 25%;
400
- max-width: 25%;
401
- }
402
-
403
- .row .column.column-33, .row .column.column-34 {
404
- flex: 0 0 33.3333%;
405
- max-width: 33.3333%;
406
- }
407
-
408
- .row .column.column-40 {
409
- flex: 0 0 40%;
410
- max-width: 40%;
411
- }
412
-
413
- .row .column.column-50 {
414
- flex: 0 0 50%;
415
- max-width: 50%;
416
- }
417
-
418
- .row .column.column-60 {
419
- flex: 0 0 60%;
420
- max-width: 60%;
421
- }
422
-
423
- .row .column.column-66, .row .column.column-67 {
424
- flex: 0 0 66.6666%;
425
- max-width: 66.6666%;
426
- }
427
-
428
- .row .column.column-75 {
429
- flex: 0 0 75%;
430
- max-width: 75%;
431
- }
432
-
433
- .row .column.column-80 {
434
- flex: 0 0 80%;
435
- max-width: 80%;
436
- }
437
-
438
- .row .column.column-90 {
439
- flex: 0 0 90%;
440
- max-width: 90%;
441
- }
442
-
443
- .row .column .column-top {
444
- align-self: flex-start;
445
- }
446
-
447
- .row .column .column-bottom {
448
- align-self: flex-end;
449
- }
450
-
451
- .row .column .column-center {
452
- align-self: center;
453
- }
454
-
455
- @media (min-width: 40rem) {
456
- .row {
457
- flex-direction: row;
458
- margin-left: -1.0rem;
459
- width: calc(100% + 2.0rem);
460
- }
461
- .row .column {
462
- margin-bottom: inherit;
463
- padding: 0 1.0rem;
464
- }
465
- }
466
-
467
- a {
468
- color: #9b4dca;
469
- text-decoration: none;
470
- }
471
-
472
- a:focus, a:hover {
473
- color: #606c76;
474
- }
475
-
476
- dl,
477
- ol,
478
- ul {
479
- list-style: none;
480
- margin-top: 0;
481
- padding-left: 0;
482
- }
483
-
484
- dl dl,
485
- dl ol,
486
- dl ul,
487
- ol dl,
488
- ol ol,
489
- ol ul,
490
- ul dl,
491
- ul ol,
492
- ul ul {
493
- font-size: 90%;
494
- margin: 1.5rem 0 1.5rem 3.0rem;
495
- }
496
-
497
- ol {
498
- list-style: decimal inside;
499
- }
500
-
501
- ul {
502
- list-style: circle inside;
503
- }
504
-
505
- .button,
506
- button,
507
- dd,
508
- dt,
509
- li {
510
- margin-bottom: 1.0rem;
511
- }
512
-
513
- fieldset,
514
- input,
515
- select,
516
- textarea {
517
- margin-bottom: 1.5rem;
518
- }
519
-
520
- blockquote,
521
- dl,
522
- figure,
523
- form,
524
- ol,
525
- p,
526
- pre,
527
- table,
528
- ul {
529
- margin-bottom: 2.5rem;
530
- }
531
-
532
- table {
533
- border-spacing: 0;
534
- display: block;
535
- overflow-x: auto;
536
- text-align: left;
537
- width: 100%;
538
- }
539
-
540
- td,
541
- th {
542
- border-bottom: 0.1rem solid #e1e1e1;
543
- padding: 1.2rem 1.5rem;
544
- }
545
-
546
- td:first-child,
547
- th:first-child {
548
- padding-left: 0;
549
- }
550
-
551
- td:last-child,
552
- th:last-child {
553
- padding-right: 0;
554
- }
555
-
556
- @media (min-width: 40rem) {
557
- table {
558
- display: table;
559
- overflow-x: initial;
560
- }
561
- }
562
-
563
- b,
564
- strong {
565
- font-weight: bold;
566
- }
567
-
568
- p {
569
- margin-top: 0;
570
- }
571
-
572
- h1,
573
- h2,
574
- h3,
575
- h4,
576
- h5,
577
- h6 {
578
- font-weight: 300;
579
- letter-spacing: -.1rem;
580
- margin-bottom: 2.0rem;
581
- margin-top: 0;
582
- }
583
-
584
- h1 {
585
- font-size: 4.6rem;
586
- line-height: 1.2;
587
- }
588
-
589
- h2 {
590
- font-size: 3.6rem;
591
- line-height: 1.25;
592
- }
593
-
594
- h3 {
595
- font-size: 2.8rem;
596
- line-height: 1.3;
597
- }
598
-
599
- h4 {
600
- font-size: 2.2rem;
601
- letter-spacing: -.08rem;
602
- line-height: 1.35;
603
- }
604
-
605
- h5 {
606
- font-size: 1.8rem;
607
- letter-spacing: -.05rem;
608
- line-height: 1.5;
609
- }
610
-
611
- h6 {
612
- font-size: 1.6rem;
613
- letter-spacing: 0;
614
- line-height: 1.4;
615
- }
616
-
617
- img {
618
- max-width: 100%;
619
- }
620
-
621
- .clearfix:after {
622
- clear: both;
623
- content: ' ';
624
- display: table;
625
- }
626
-
627
- .float-left {
628
- float: left;
629
- }
630
-
631
- .float-right {
632
- float: right;
633
- }
634
-
635
- /*# sourceMappingURL=milligram.css.map */
@@ -1,17 +0,0 @@
1
- /// Block Element
2
- /// @access public
3
- /// @param {String} $element - Element's name
4
- @mixin element($element) {
5
- &__#{$element} {
6
- @content;
7
- }
8
- }
9
-
10
- /// Block Modifier
11
- /// @access public
12
- /// @param {String} $modifier - Modifier's name
13
- @mixin modifier($modifier) {
14
- &--#{$modifier} {
15
- @content;
16
- }
17
- }