@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.
- package/README.md +85 -0
- package/css/align-items.css +21 -0
- package/css/align-self.css +24 -0
- package/css/aspect-ratios.css +35 -0
- package/css/background-colors.css +951 -0
- package/css/border-color.css +241 -0
- package/css/border-radius.css +49 -0
- package/css/border-style.css +20 -0
- package/css/border-width.css +41 -0
- package/css/borders.css +33 -0
- package/css/breaks.css +5 -0
- package/css/column-span.css +47 -0
- package/css/cursor.css +3 -0
- package/css/display.css +21 -0
- package/css/flexboxes.css +128 -0
- package/css/gaps.css +42 -0
- package/css/height.css +27 -0
- package/css/index.css +689 -0
- package/css/index.d.ts +6 -0
- package/css/justify-content.css +23 -0
- package/css/justify-items.css +20 -0
- package/css/liftkit-core.css +537 -0
- package/css/liftkitvars.css +378 -0
- package/css/margins.css +947 -0
- package/css/opacity.css +87 -0
- package/css/overflow.css +27 -0
- package/css/padding.css +1041 -0
- package/css/pointer-events.css +3 -0
- package/css/position.css +21 -0
- package/css/scale.css +23 -0
- package/css/scrim.css +10 -0
- package/css/shadows.css +31 -0
- package/css/text-alignment.css +19 -0
- package/css/text-color.css +721 -0
- package/css/text-columns.css +4 -0
- package/css/typography.css +490 -0
- package/css/whitespace.css +3 -0
- package/css/width.css +7 -0
- package/css/z-index.css +25 -0
- package/package.json +28 -0
package/css/opacity.css
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/* These are done in increments of 10, but you can create your own
|
|
2
|
+
/* such as ".opacity-92 {opacity: 0.92}, etc.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
.opacity-0 {
|
|
6
|
+
opacity: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.opacity-5 {
|
|
10
|
+
opacity: 0.05;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.opacity-10 {
|
|
14
|
+
opacity: 0.1;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.opacity-15 {
|
|
18
|
+
opacity: 0.15;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.opacity-20 {
|
|
22
|
+
opacity: 0.2;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.opacity-25 {
|
|
26
|
+
opacity: 0.25;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.opacity-30 {
|
|
30
|
+
opacity: 0.3;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.opacity-35 {
|
|
34
|
+
opacity: 0.35;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.opacity-40 {
|
|
38
|
+
opacity: 0.4;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.opacity-45 {
|
|
42
|
+
opacity: 0.45;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.opacity-50 {
|
|
46
|
+
opacity: 0.5;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.opacity-55 {
|
|
50
|
+
opacity: 0.55;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.opacity-60 {
|
|
54
|
+
opacity: 0.6;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.opacity-65 {
|
|
58
|
+
opacity: 0.65;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.opacity-70 {
|
|
62
|
+
opacity: 0.7;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.opacity-75 {
|
|
66
|
+
opacity: 0.75;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.opacity-80 {
|
|
70
|
+
opacity: 0.8;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.opacity-85 {
|
|
74
|
+
opacity: 0.85;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.opacity-90 {
|
|
78
|
+
opacity: 0.9;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.opacity-95 {
|
|
82
|
+
opacity: 0.95;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.opacity-100 {
|
|
86
|
+
opacity: 1;
|
|
87
|
+
}
|
package/css/overflow.css
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.overflow-hidden {
|
|
2
|
+
overflow: hidden;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.overflow-visible {
|
|
6
|
+
overflow: visible;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.overflow-scroll {
|
|
10
|
+
overflow: scroll;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.overflow-auto {
|
|
14
|
+
overflow: auto;
|
|
15
|
+
scrollbar-width: thin;
|
|
16
|
+
scrollbar-color: var(--lk-outline) transparent;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.overflow-y-scroll {
|
|
20
|
+
overflow-y: scroll;
|
|
21
|
+
scrollbar-width: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.text-overflow-ellipsis {
|
|
25
|
+
white-space: nowrap;
|
|
26
|
+
text-overflow: ellipsis;
|
|
27
|
+
}
|