@datafluxgrid/fluxgrid-css 1.0.11 → 1.0.12
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.
- package/package.json +1 -1
- package/src/css/grid.css +67 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@datafluxgrid/fluxgrid-css",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.12",
|
|
4
4
|
"description": "A utility-first CSS framework with zero build step — dark mode, animations, forms, and a full design token system built in.",
|
|
5
5
|
"main": "src/index.css",
|
|
6
6
|
"files": [
|
package/src/css/grid.css
CHANGED
|
@@ -543,6 +543,64 @@
|
|
|
543
543
|
.c-md-justify-center {
|
|
544
544
|
justify-content: center;
|
|
545
545
|
}
|
|
546
|
+
.c-md-text-xs {
|
|
547
|
+
font-size: 0.75rem;
|
|
548
|
+
}
|
|
549
|
+
.c-md-text-sm {
|
|
550
|
+
font-size: 0.875rem;
|
|
551
|
+
}
|
|
552
|
+
.c-md-text-base {
|
|
553
|
+
font-size: 1rem;
|
|
554
|
+
}
|
|
555
|
+
.c-md-text-lg {
|
|
556
|
+
font-size: 1.125rem;
|
|
557
|
+
}
|
|
558
|
+
.c-md-text-xl {
|
|
559
|
+
font-size: 1.25rem;
|
|
560
|
+
}
|
|
561
|
+
.c-md-text-2xl {
|
|
562
|
+
font-size: 1.5rem;
|
|
563
|
+
}
|
|
564
|
+
.c-md-text-3xl {
|
|
565
|
+
font-size: 1.875rem;
|
|
566
|
+
}
|
|
567
|
+
.c-md-text-4xl {
|
|
568
|
+
font-size: 2.25rem;
|
|
569
|
+
}
|
|
570
|
+
.c-md-text-5xl {
|
|
571
|
+
font-size: 3rem;
|
|
572
|
+
}
|
|
573
|
+
.c-md-text-6xl {
|
|
574
|
+
font-size: 3.75rem;
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
.c-md-py-16 {
|
|
578
|
+
padding-top: 64px;
|
|
579
|
+
padding-bottom: 64px;
|
|
580
|
+
}
|
|
581
|
+
.c-md-py-20 {
|
|
582
|
+
padding-top: 80px;
|
|
583
|
+
padding-bottom: 80px;
|
|
584
|
+
}
|
|
585
|
+
.c-md-py-24 {
|
|
586
|
+
padding-top: 96px;
|
|
587
|
+
padding-bottom: 96px;
|
|
588
|
+
}
|
|
589
|
+
.c-md-mb-10 {
|
|
590
|
+
margin-bottom: 40px;
|
|
591
|
+
}
|
|
592
|
+
.c-md-mb-12 {
|
|
593
|
+
margin-bottom: 48px;
|
|
594
|
+
}
|
|
595
|
+
.c-md-mb-16 {
|
|
596
|
+
margin-bottom: 64px;
|
|
597
|
+
}
|
|
598
|
+
.c-md-p-4 {
|
|
599
|
+
padding: 16px;
|
|
600
|
+
}
|
|
601
|
+
.c-md-p-6 {
|
|
602
|
+
padding: 24px;
|
|
603
|
+
}
|
|
546
604
|
}
|
|
547
605
|
|
|
548
606
|
@media (min-width: 1024px) {
|
|
@@ -641,6 +699,15 @@
|
|
|
641
699
|
.c-lg-justify-center {
|
|
642
700
|
justify-content: center;
|
|
643
701
|
}
|
|
702
|
+
.c-lg-text-3xl {
|
|
703
|
+
font-size: 1.875rem;
|
|
704
|
+
}
|
|
705
|
+
.c-lg-text-4xl {
|
|
706
|
+
font-size: 2.25rem;
|
|
707
|
+
}
|
|
708
|
+
.c-lg-text-5xl {
|
|
709
|
+
font-size: 3rem;
|
|
710
|
+
}
|
|
644
711
|
}
|
|
645
712
|
|
|
646
713
|
@media (min-width: 1280px) {
|