@bagelink/vue 0.0.280 → 0.0.282

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 (9) hide show
  1. package/dist/components/ComboBox.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +35 -31
  3. package/dist/index.mjs +35 -31
  4. package/dist/style.css +529 -284
  5. package/package.json +1 -1
  6. package/src/components/ComboBox.vue +73 -74
  7. package/src/styles/buttons.css +50 -38
  8. package/src/styles/layout.css +449 -190
  9. package/src/styles/text.css +80 -38
package/src/styles/text.css CHANGED
@@ -1,108 +1,150 @@
1
1
  .txt-center {
2
- text-align: center;
2
+ text-align: center;
3
3
  }
4
4
 
5
5
  .txt-start {
6
- text-align: start;
6
+ text-align: start;
7
7
  }
8
8
 
9
9
  .txt-end {
10
- text-align: end;
10
+ text-align: end;
11
11
  }
12
12
 
13
13
  .smalltxt {
14
- font-size: 12px;
14
+ font-size: 12px;
15
15
  }
16
16
 
17
17
  .txt20 {
18
- font-size: 20px;
18
+ font-size: 20px;
19
19
  }
20
20
 
21
21
  .txt18 {
22
- font-size: 18px;
22
+ font-size: 18px;
23
23
  }
24
24
 
25
25
  .txt16 {
26
- font-size: 16px;
26
+ font-size: 16px;
27
27
  }
28
28
 
29
29
  .txt14 {
30
- font-size: 14px;
30
+ font-size: 14px;
31
31
  }
32
32
 
33
33
  .txt12 {
34
- font-size: 12px;
34
+ font-size: 12px;
35
35
  }
36
36
 
37
37
  .txt10 {
38
- font-size: 10px;
38
+ font-size: 10px;
39
39
  }
40
40
 
41
41
  .txt9 {
42
- font-size: 9px;
42
+ font-size: 9px;
43
43
  }
44
44
 
45
45
  .no-margin {
46
- margin: 0;
46
+ margin: 0;
47
47
  }
48
48
 
49
49
  .txtgray {
50
- color: var(--bgl-gray);
50
+ color: var(--bgl-gray);
51
51
  }
52
52
 
53
53
  .txtblue {
54
- color: var(--bgl-primary);
54
+ color: var(--bgl-primary);
55
55
  }
56
56
 
57
57
  .txtblack {
58
- color: var(--bgl-black);
58
+ color: var(--bgl-black);
59
59
  }
60
60
 
61
61
  .txtred {
62
- color: var(--bgl-red);
62
+ color: var(--bgl-red);
63
+ }
64
+
65
+ .txtwhite {
66
+ color: var(--bgl-white);
63
67
  }
64
68
 
65
69
  .font-light {
66
- font-weight: 100;
70
+ font-weight: 100;
67
71
  }
68
72
 
69
73
  .bold {
70
- font-weight: 700;
74
+ font-weight: 700;
71
75
  }
72
76
 
73
77
  .line-height-1 {
74
- line-height: 1;
78
+ line-height: 1;
75
79
  }
76
80
 
77
81
  .ellipsis {
78
- overflow: hidden;
79
- display: block;
80
- width: 100%;
81
- text-overflow: ellipsis;
82
+ overflow: hidden;
83
+ display: block;
84
+ width: 100%;
85
+ text-overflow: ellipsis;
86
+ }
87
+
88
+ .ellipsis-1,
89
+ .ellipsis-2,
90
+ .ellipsis-3,
91
+ .ellipsis-4,
92
+ .ellipsis-5,
93
+ .ellipsis-6 {
94
+ display: block;
95
+ display: -webkit-box;
96
+ max-width: 100%;
97
+ -webkit-box-orient: vertical;
98
+ overflow: hidden;
99
+ text-overflow: ellipsis;
100
+ }
101
+
102
+ .ellipsis-1 {
103
+ -webkit-line-clamp: 1;
104
+ }
105
+
106
+ .ellipsis-2 {
107
+ -webkit-line-clamp: 2;
108
+ }
109
+
110
+ .ellipsis-3 {
111
+ -webkit-line-clamp: 3;
112
+ }
113
+
114
+ .ellipsis-4 {
115
+ -webkit-line-clamp: 4;
116
+ }
117
+
118
+ .ellipsis-5 {
119
+ -webkit-line-clamp: 5;
120
+ }
121
+
122
+ .ellipsis-6 {
123
+ -webkit-line-clamp: 6;
82
124
  }
83
125
 
84
126
  .pointer {
85
- cursor: pointer;
127
+ cursor: pointer;
86
128
  }
87
129
 
88
130
  .decoration-none {
89
- text-decoration: none;
131
+ text-decoration: none;
90
132
  }
91
133
 
92
134
  .bgl_icon-font {
93
- font-family: "Material Symbols Outlined", serif;
135
+ font-family: "Material Symbols Outlined", serif;
94
136
  }
95
137
 
96
138
  @media screen and (max-width: 910px) {
97
- .txt20 {
98
- font-size: 18px;
99
- }
100
-
101
- .txt16 {
102
- font-size: 14px;
103
- }
104
-
105
- .txt14 {
106
- font-size: 12px;
107
- }
108
- }
139
+ .txt20 {
140
+ font-size: 18px;
141
+ }
142
+
143
+ .txt16 {
144
+ font-size: 14px;
145
+ }
146
+
147
+ .txt14 {
148
+ font-size: 12px;
149
+ }
150
+ }