@kerkhoff-ict/solora 0.1.0 → 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 (2) hide show
  1. package/dist/index.css +733 -9
  2. package/package.json +3 -2
package/dist/index.css CHANGED
@@ -2,30 +2,754 @@
2
2
  background: #0071e3;
3
3
  color: #fff;
4
4
  font-weight: 600;
5
- border-radius: 9999px;
6
- padding: 0.5rem 1.5rem;
7
5
  border: none;
8
- font-size: 1rem;
9
6
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
10
7
  transition: background 0.2s;
11
8
  cursor: pointer;
12
9
  }
10
+
13
11
  .btn-primary:hover {
14
12
  background: #005bb5;
15
13
  }
14
+
16
15
  .btn-glass {
17
16
  background: rgba(255, 255, 255, 0.2);
18
- color: #fff;
17
+ color: #000;
19
18
  font-weight: 600;
20
- padding: 0.5rem 1.5rem;
21
- border-radius: 1rem;
22
19
  border: 1px solid rgba(255,255,255,0.3);
23
20
  backdrop-filter: blur(8px);
24
- box-shadow: 0 4px 16px 0 rgba(0,0,0,0.10);
25
21
  transition: background 0.2s, box-shadow 0.2s;
26
22
  cursor: pointer;
27
23
  }
24
+
28
25
  .btn-glass:hover {
29
26
  background: rgba(255,255,255,0.3);
30
- box-shadow: 0 6px 24px 0 rgba(0,0,0,0.15);
31
- }
27
+ }
28
+
29
+ .btn-sm {
30
+ padding: 0.1875rem 1rem;
31
+ font-size: 0.9375rem;
32
+ }
33
+
34
+ .btn-md {
35
+ padding: 0.5rem 1.25rem;
36
+ font-size: 1rem;
37
+ }
38
+
39
+ .btn-lg {
40
+ padding: 0.8125rem 1.5625rem;
41
+ font-size: 1.0625rem;
42
+ }
43
+
44
+ .btn-xl {
45
+ padding: 0.9375rem 1.875rem;
46
+ font-size: 1.3125rem;
47
+ }
48
+
49
+ .block {
50
+ display: block;
51
+ }
52
+
53
+ .inline-block {
54
+ display: inline-block;
55
+ }
56
+
57
+ .inline {
58
+ display: inline;
59
+ }
60
+
61
+ .flex {
62
+ display: flex;
63
+ }
64
+
65
+ .inline-flex {
66
+ display: inline-flex;
67
+ }
68
+
69
+ .grid {
70
+ display: grid;
71
+ }
72
+
73
+ .inline-grid {
74
+ display: inline-grid;
75
+ }
76
+
77
+ .hidden {
78
+ display: hidden;
79
+ }
80
+
81
+ .flex-row {
82
+ display: flex;
83
+ flex-direction: row;
84
+ }
85
+
86
+ .flex-row-reverse {
87
+ display: flex;
88
+ flex-direction: row-reverse;
89
+ }
90
+
91
+ .flex-col {
92
+ display: flex;
93
+ flex-direction: column;
94
+ }
95
+
96
+ .flex-col-reverse {
97
+ display: flex;
98
+ flex-direction: column-reverse;
99
+ }
100
+
101
+ .flex-wrap {
102
+ display: flex;
103
+ flex-direction: wrap;
104
+ }
105
+
106
+ .flex-nowrap {
107
+ display: flex;
108
+ flex-direction: nowrap;
109
+ }
110
+
111
+ .items-start {
112
+ align-items: flex-start;
113
+ }
114
+
115
+ .items-center {
116
+ align-items: center;
117
+ }
118
+
119
+ .items-end {
120
+ align-items: flex-end;
121
+ }
122
+
123
+ .justify-start {
124
+ justify-content: flex-start;
125
+ }
126
+
127
+ .justify-center {
128
+ justify-content: center;
129
+ }
130
+
131
+ .justify-end {
132
+ justify-content: flex-end;
133
+ }
134
+
135
+ .justify-between {
136
+ justify-content: space-between;
137
+ }
138
+
139
+ .justify-around {
140
+ justify-content: space-around;
141
+ }
142
+
143
+ .justify-evenly {
144
+ justify-content: space-evenly;
145
+ }
146
+
147
+ .h-sm {
148
+ height: 8rem;
149
+ }
150
+
151
+ .h-md {
152
+ height: 16rem;
153
+ }
154
+
155
+ .h-lg {
156
+ height: 24rem;
157
+ }
158
+
159
+ .h-xl {
160
+ height: 32rem;
161
+ }
162
+
163
+ .h-2xl {
164
+ height: 48rem;
165
+ }
166
+
167
+ .h-full {
168
+ height: 100%;
169
+ }
170
+
171
+ .h-screen {
172
+ height: 100vh;
173
+ }
174
+
175
+ .max-h-sm {
176
+ max-height: 8rem;
177
+ }
178
+
179
+ .max-h-md {
180
+ max-height: 16rem;
181
+ }
182
+
183
+ .max-h-lg {
184
+ max-height: 24rem;
185
+ }
186
+
187
+ .max-h-xl {
188
+ max-height: 32rem;
189
+ }
190
+
191
+ .max-h-2xl {
192
+ max-height: 48rem;
193
+ }
194
+
195
+ .max-h-full {
196
+ max-height: 100%;
197
+ }
198
+
199
+ .max-h-screen {
200
+ max-height: 100vh;
201
+ }
202
+
203
+ .max-w-sm {
204
+ max-width: 8rem;
205
+ }
206
+
207
+ .max-w-md {
208
+ max-width: 16rem;
209
+ }
210
+
211
+ .max-w-lg {
212
+ max-width: 24rem;
213
+ }
214
+
215
+ .max-w-xl {
216
+ max-width: 32rem;
217
+ }
218
+
219
+ .max-w-2xl {
220
+ max-width: 48rem;
221
+ }
222
+
223
+ .max-w-full {
224
+ max-width: 100%;
225
+ }
226
+
227
+ .max-w-screen {
228
+ max-width: 100vh;
229
+ }
230
+
231
+ .mb-sm {
232
+ margin-bottom: 0.25rem;
233
+ }
234
+
235
+ .mb-md {
236
+ margin-bottom: 0.5rem;
237
+ }
238
+
239
+ .mb-lg {
240
+ margin-bottom: 1rem;
241
+ }
242
+
243
+ .mb-xl {
244
+ margin-bottom: 2rem;
245
+ }
246
+
247
+ .mb-2xl {
248
+ margin-bottom: 4rem;
249
+ }
250
+
251
+ .mb-auto {
252
+ margin-bottom: auto;
253
+ }
254
+
255
+ .mb-full {
256
+ margin-bottom: 100%;
257
+ }
258
+
259
+ .m-sm {
260
+ margin: 0.25rem;
261
+ }
262
+
263
+ .m-md {
264
+ margin: 0.5rem;
265
+ }
266
+
267
+ .m-lg {
268
+ margin: 1rem;
269
+ }
270
+
271
+ .m-xl {
272
+ margin: 2rem;
273
+ }
274
+
275
+ .m-2xl {
276
+ margin: 4rem;
277
+ }
278
+
279
+ .m-auto {
280
+ margin: auto;
281
+ }
282
+
283
+ .m-full {
284
+ margin: 100%;
285
+ }
286
+
287
+ .min-h-sm {
288
+ min-height: 8rem;
289
+ }
290
+
291
+ .min-h-md {
292
+ min-height: 16rem;
293
+ }
294
+
295
+ .min-h-lg {
296
+ min-height: 24rem;
297
+ }
298
+
299
+ .min-h-xl {
300
+ min-height: 32rem;
301
+ }
302
+
303
+ .min-h-2xl {
304
+ min-height: 48rem;
305
+ }
306
+
307
+ .min-h-full {
308
+ min-height: 100%;
309
+ }
310
+
311
+ .min-h-screen {
312
+ min-height: 100vh;
313
+ }
314
+
315
+ .min-w-sm {
316
+ min-width: 8rem;
317
+ }
318
+
319
+ .min-w-md {
320
+ min-width: 16rem;
321
+ }
322
+
323
+ .min-w-lg {
324
+ min-width: 24rem;
325
+ }
326
+
327
+ .min-w-xl {
328
+ min-width: 32rem;
329
+ }
330
+
331
+ .min-w-2xl {
332
+ min-width: 48rem;
333
+ }
334
+
335
+ .min-w-full {
336
+ min-width: 100%;
337
+ }
338
+
339
+ .min-w-screen {
340
+ min-width: 100vh;
341
+ }
342
+
343
+ .ml-sm {
344
+ margin-left: 0.25rem;
345
+ }
346
+
347
+ .ml-md {
348
+ margin-left: 0.5rem;
349
+ }
350
+
351
+ .ml-lg {
352
+ margin-left: 1rem;
353
+ }
354
+
355
+ .ml-xl {
356
+ margin-left: 2rem;
357
+ }
358
+
359
+ .ml-2xl {
360
+ margin-left: 4rem;
361
+ }
362
+
363
+ .ml-auto {
364
+ margin-left: auto;
365
+ }
366
+
367
+ .ml-full {
368
+ margin-left: 100%;
369
+ }
370
+
371
+ .mr-sm {
372
+ margin-right: 0.25rem;
373
+ }
374
+
375
+ .mr-md {
376
+ margin-right: 0.5rem;
377
+ }
378
+
379
+ .mr-lg {
380
+ margin-right: 1rem;
381
+ }
382
+
383
+ .mr-xl {
384
+ margin-right: 2rem;
385
+ }
386
+
387
+ .mr-2xl {
388
+ margin-right: 4rem;
389
+ }
390
+
391
+ .mr-auto {
392
+ margin-right: auto;
393
+ }
394
+
395
+ .mr-full {
396
+ margin-right: 100%;
397
+ }
398
+
399
+ .mt-sm {
400
+ margin-top: 0.25rem;
401
+ }
402
+
403
+ .mt-md {
404
+ margin-top: 0.5rem;
405
+ }
406
+
407
+ .mt-lg {
408
+ margin-top: 1rem;
409
+ }
410
+
411
+ .mt-xl {
412
+ margin-top: 2rem;
413
+ }
414
+
415
+ .mt-2xl {
416
+ margin-top: 4rem;
417
+ }
418
+
419
+ .mt-auto {
420
+ margin-top: auto;
421
+ }
422
+
423
+ .mt-full {
424
+ margin-top: 100%;
425
+ }
426
+
427
+ .mx-sm {
428
+ margin-left: 0.25rem;
429
+ margin-right: 0.25rem;
430
+ }
431
+
432
+ .mx-md {
433
+ margin-left: 0.5rem;
434
+ margin-right: 0.5rem;
435
+ }
436
+
437
+ .mx-lg {
438
+ margin-left: 1rem;
439
+ margin-right: 1rem;
440
+ }
441
+
442
+ .mx-xl {
443
+ margin-left: 2rem;
444
+ margin-right: 2rem;
445
+ }
446
+
447
+ .mx-2xl {
448
+ margin-left: 4rem;
449
+ margin-right: 4rem;
450
+ }
451
+
452
+ .mx-auto {
453
+ margin-left: auto;
454
+ margin-right: auto;
455
+ }
456
+
457
+ .mx-full {
458
+ margin-left: 100%;
459
+ margin-right: 100%;
460
+ }
461
+
462
+ .my-sm {
463
+ margin-top: 0.25rem;
464
+ margin-bottom: 0.25rem;
465
+ }
466
+
467
+ .my-md {
468
+ margin-top: 0.5rem;
469
+ margin-bottom: 0.5rem;
470
+ }
471
+
472
+ .my-lg {
473
+ margin-top: 1rem;
474
+ margin-bottom: 1rem;
475
+ }
476
+
477
+ .my-xl {
478
+ margin-top: 2rem;
479
+ margin-bottom: 2rem;
480
+ }
481
+
482
+ .my-2xl {
483
+ margin-top: 4rem;
484
+ margin-bottom: 4rem;
485
+ }
486
+
487
+ .my-auto {
488
+ margin-top: auto;
489
+ margin-bottom: auto;
490
+ }
491
+
492
+ .my-full {
493
+ margin-top: 100%;
494
+ margin-bottom: 100%;
495
+ }
496
+
497
+ .pb-sm {
498
+ padding-bottom: 0.25rem;
499
+ }
500
+
501
+ .pb-md {
502
+ padding-bottom: 0.5rem;
503
+ }
504
+
505
+ .pb-lg {
506
+ padding-bottom: 1rem;
507
+ }
508
+
509
+ .pb-xl {
510
+ padding-bottom: 2rem;
511
+ }
512
+
513
+ .pb-2xl {
514
+ padding-bottom: 4rem;
515
+ }
516
+
517
+ .pb-auto {
518
+ padding-bottom: auto;
519
+ }
520
+
521
+ .pb-full {
522
+ padding-bottom: 100%;
523
+ }
524
+
525
+ .p-sm {
526
+ padding: 0.25rem;
527
+ }
528
+
529
+ .p-md {
530
+ padding: 0.5rem;
531
+ }
532
+
533
+ .p-lg {
534
+ padding: 1rem;
535
+ }
536
+
537
+ .p-xl {
538
+ padding: 2rem;
539
+ }
540
+
541
+ .p-2xl {
542
+ padding: 4rem;
543
+ }
544
+
545
+ .p-auto {
546
+ padding: auto;
547
+ }
548
+
549
+ .p-full {
550
+ padding: 100%;
551
+ }
552
+
553
+ .pl-sm {
554
+ padding-left: 0.25rem;
555
+ }
556
+
557
+ .pl-md {
558
+ padding-left: 0.5rem;
559
+ }
560
+
561
+ .pl-lg {
562
+ padding-left: 1rem;
563
+ }
564
+
565
+ .pl-xl {
566
+ padding-left: 2rem;
567
+ }
568
+
569
+ .pl-2xl {
570
+ padding-left: 4rem;
571
+ }
572
+
573
+ .pl-auto {
574
+ padding-left: auto;
575
+ }
576
+
577
+ .pl-full {
578
+ padding-left: 100%;
579
+ }
580
+
581
+ .pr-sm {
582
+ padding-right: 0.25rem;
583
+ }
584
+
585
+ .pr-md {
586
+ padding-right: 0.5rem;
587
+ }
588
+
589
+ .pr-lg {
590
+ padding-right: 1rem;
591
+ }
592
+
593
+ .pr-xl {
594
+ padding-right: 2rem;
595
+ }
596
+
597
+ .pr-2xl {
598
+ padding-right: 4rem;
599
+ }
600
+
601
+ .pr-auto {
602
+ padding-right: auto;
603
+ }
604
+
605
+ .pr-full {
606
+ padding-right: 100%;
607
+ }
608
+
609
+ .pt-sm {
610
+ padding-top: 0.25rem;
611
+ }
612
+
613
+ .pt-md {
614
+ padding-top: 0.5rem;
615
+ }
616
+
617
+ .pt-lg {
618
+ padding-top: 1rem;
619
+ }
620
+
621
+ .pt-xl {
622
+ padding-top: 2rem;
623
+ }
624
+
625
+ .pt-2xl {
626
+ padding-top: 4rem;
627
+ }
628
+
629
+ .pt-auto {
630
+ padding-top: auto;
631
+ }
632
+
633
+ .pt-full {
634
+ padding-top: 100%;
635
+ }
636
+
637
+ .px-sm {
638
+ padding-left: 0.25rem;
639
+ padding-right: 0.25rem;
640
+ }
641
+
642
+ .px-md {
643
+ padding-left: 0.5rem;
644
+ padding-right: 0.5rem;
645
+ }
646
+
647
+ .px-lg {
648
+ padding-left: 1rem;
649
+ padding-right: 1rem;
650
+ }
651
+
652
+ .px-xl {
653
+ padding-left: 2rem;
654
+ padding-right: 2rem;
655
+ }
656
+
657
+ .px-2xl {
658
+ padding-left: 4rem;
659
+ padding-right: 4rem;
660
+ }
661
+
662
+ .px-auto {
663
+ padding-left: auto;
664
+ padding-right: auto;
665
+ }
666
+
667
+ .px-full {
668
+ padding-left: 100%;
669
+ padding-right: 100%;
670
+ }
671
+
672
+ .py-sm {
673
+ padding-top: 0.25rem;
674
+ padding-bottom: 0.25rem;
675
+ }
676
+
677
+ .py-md {
678
+ padding-top: 0.5rem;
679
+ padding-bottom: 0.5rem;
680
+ }
681
+
682
+ .py-lg {
683
+ padding-top: 1rem;
684
+ padding-bottom: 1rem;
685
+ }
686
+
687
+ .py-xl {
688
+ padding-top: 2rem;
689
+ padding-bottom: 2rem;
690
+ }
691
+
692
+ .py-2xl {
693
+ padding-top: 4rem;
694
+ padding-bottom: 4rem;
695
+ }
696
+
697
+ .py-auto {
698
+ padding-top: auto;
699
+ padding-bottom: auto;
700
+ }
701
+
702
+ .py-full {
703
+ padding-top: 100%;
704
+ padding-bottom: 100%;
705
+ }
706
+
707
+ .rounded-sm {
708
+ border-radius: 0.125rem;
709
+ }
710
+
711
+ .rounded-md {
712
+ border-radius: 0.25rem;
713
+ }
714
+
715
+ .rounded-lg {
716
+ border-radius: 0.5rem;
717
+ }
718
+
719
+ .rounded-xl {
720
+ border-radius: 1rem;
721
+ }
722
+
723
+ .rounded-2xl {
724
+ border-radius: 1.5rem;
725
+ }
726
+
727
+ .rounded-3xl {
728
+ border-radius: 2rem;
729
+ }
730
+
731
+ .rounded-full {
732
+ border-radius: 9999px;
733
+ }
734
+
735
+ .text-left { text-align: left; }
736
+
737
+ .text-center { text-align: center; }
738
+
739
+ .text-right { text-align: right; }
740
+
741
+ .text-justify { text-align: justify; }
742
+
743
+ .w-sm { width: 8rem; }
744
+
745
+ .w-md { width: 16rem; }
746
+
747
+ .w-lg { width: 24rem; }
748
+
749
+ .w-xl { width: 32rem; }
750
+
751
+ .w-2xl { width: 48rem; }
752
+
753
+ .w-full { width: 100%; }
754
+
755
+ .w-screen { width: 100vh; }
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "@kerkhoff-ict/solora",
3
- "version": "0.1.0",
3
+ "version": "1.0.0",
4
4
  "description": "Simple CSS component library",
5
5
  "main": "dist/index.css",
6
6
  "files": [
7
7
  "dist"
8
8
  ],
9
9
  "scripts": {
10
- "build": "mkdir -p dist && postcss src/index.css -o dist/index.css"
10
+ "build": "mkdir -p dist && postcss src/index.css -o dist/index.css",
11
+ "watch": "mkdir -p dist && postcss src/index.css -o dist/index.css --watch"
11
12
  },
12
13
  "author": "Kerkhoff-ICT",
13
14
  "license": "MIT",