@liftkit-vue/theme-css 0.1.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 (40) hide show
  1. package/README.md +85 -0
  2. package/css/align-items.css +21 -0
  3. package/css/align-self.css +24 -0
  4. package/css/aspect-ratios.css +35 -0
  5. package/css/background-colors.css +951 -0
  6. package/css/border-color.css +241 -0
  7. package/css/border-radius.css +49 -0
  8. package/css/border-style.css +20 -0
  9. package/css/border-width.css +41 -0
  10. package/css/borders.css +33 -0
  11. package/css/breaks.css +5 -0
  12. package/css/column-span.css +47 -0
  13. package/css/cursor.css +3 -0
  14. package/css/display.css +21 -0
  15. package/css/flexboxes.css +128 -0
  16. package/css/gaps.css +42 -0
  17. package/css/height.css +27 -0
  18. package/css/index.css +689 -0
  19. package/css/index.d.ts +6 -0
  20. package/css/justify-content.css +23 -0
  21. package/css/justify-items.css +20 -0
  22. package/css/liftkit-core.css +537 -0
  23. package/css/liftkitvars.css +378 -0
  24. package/css/margins.css +947 -0
  25. package/css/opacity.css +87 -0
  26. package/css/overflow.css +27 -0
  27. package/css/padding.css +1041 -0
  28. package/css/pointer-events.css +3 -0
  29. package/css/position.css +21 -0
  30. package/css/scale.css +23 -0
  31. package/css/scrim.css +10 -0
  32. package/css/shadows.css +31 -0
  33. package/css/text-alignment.css +19 -0
  34. package/css/text-color.css +721 -0
  35. package/css/text-columns.css +4 -0
  36. package/css/typography.css +490 -0
  37. package/css/whitespace.css +3 -0
  38. package/css/width.css +7 -0
  39. package/css/z-index.css +25 -0
  40. package/package.json +28 -0
package/css/pointer-events.css ADDED
@@ -0,0 +1,3 @@
1
+ .pointer-events-none {
2
+ pointer-events: none !important;
3
+ }
package/css/position.css ADDED
@@ -0,0 +1,21 @@
1
+ .static {
2
+ position: static;
3
+ }
4
+
5
+ .relative {
6
+ position: relative;
7
+ }
8
+
9
+ .absolute {
10
+ position: absolute;
11
+ }
12
+
13
+ .fixed {
14
+ position: fixed;
15
+ }
16
+
17
+ .sticky {
18
+ position: sticky;
19
+ top: 0;
20
+ }
21
+
package/css/scale.css ADDED
@@ -0,0 +1,23 @@
1
+ .scaleUp-wholestep {
2
+ transform: scale(var(--wholestep));
3
+ }
4
+
5
+ .scaleUp-halfstep {
6
+ transform: scale(var(--halfstep));
7
+ }
8
+
9
+ .scaleUp-quarterstep {
10
+ transform: scale(var(--quarterstep));
11
+ }
12
+
13
+ .scaleDown-wholestep {
14
+ transform: scale(calc(1 / var(--wholestep)));
15
+ }
16
+
17
+ .scaleDown-halfstep {
18
+ transform: scale(calc(1 / var(--halfstep)));
19
+ }
20
+
21
+ .scaleDown-quarterstep {
22
+ transform: scale(calc(1 / var(--quarterstep)));
23
+ }
package/css/scrim.css ADDED
@@ -0,0 +1,10 @@
1
+ .scrim {
2
+ position: absolute;
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ background-color: var(--lk-scrim);
8
+ opacity: 0.5;
9
+ z-index: -1;
10
+ }
package/css/shadows.css ADDED
@@ -0,0 +1,31 @@
1
+ .shadow-sm {
2
+ box-shadow: 0 0 1px 0 var(--light__shadow_lkv);
3
+ }
4
+
5
+ .shadow-md {
6
+ box-shadow:
7
+ 0 4px 6px rgba(0, 0, 0, 0.08),
8
+ 0 2px 4px rgba(0, 0, 0, 0.11),
9
+ 0 0 1px rgba(0, 0, 0, 0.4);
10
+ }
11
+
12
+ .shadow-lg {
13
+ box-shadow:
14
+ 0 11px 15px -3px rgba(0, 0, 0, 0.11),
15
+ 0 2px 6px rgba(0, 0, 0, 0.07),
16
+ 0 0 1px rgba(0, 0, 0, 0.4);
17
+ }
18
+
19
+ .shadow-xl {
20
+ box-shadow:
21
+ 0 20px 25px rgba(0, 0, 0, 0.09),
22
+ 0 5px 11px rgba(0, 0, 0, 0.12),
23
+ 0 0 1px rgba(0, 0, 0, 0.4);
24
+ }
25
+
26
+ .shadow-2xl {
27
+ box-shadow:
28
+ 0 25px 50px rgba(0, 0, 0, 0.23),
29
+ 0 9px 18px rgba(0, 0, 0, 0.1),
30
+ 0 0 1px rgba(0, 0, 0, 0.4);
31
+ }
package/css/text-alignment.css ADDED
@@ -0,0 +1,19 @@
1
+ .text-align__left {
2
+ text-align: left;
3
+ }
4
+
5
+ .text-align-left {
6
+ text-align: left;
7
+ }
8
+
9
+ .text-align__center {
10
+ text-align: center;
11
+ }
12
+
13
+ .text-align-center {
14
+ text-align: center;
15
+ }
16
+
17
+ .text-align__right {
18
+ text-align: right;
19
+ }