imba-localization 0.3.1 → 0.3.3
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 +12 -4
- package/localization.imba +11 -12
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -182,31 +182,39 @@ css
|
|
|
182
182
|
bgc:light-dark(#000000/10, #FFFFFF/20)
|
|
183
183
|
fw:500 fs:13px
|
|
184
184
|
ead:$ease
|
|
185
|
+
bd:1px solid transparent
|
|
185
186
|
.main-active
|
|
186
187
|
bgc:light-dark(#000000/20, #FFFFFF/30)
|
|
188
|
+
bd:1px solid transparent
|
|
187
189
|
.main-flag
|
|
188
190
|
mr:10px rd:50% w:20px h:20px
|
|
191
|
+
bd:1px solid transparent
|
|
189
192
|
.main-name
|
|
190
193
|
mr:10px
|
|
194
|
+
bd:1px solid transparent
|
|
191
195
|
.main-arrow
|
|
192
196
|
w:16px h:16px ml:auto
|
|
193
197
|
fill:light-dark(#000000,#FFFFFF)
|
|
198
|
+
bd:1px solid transparent
|
|
194
199
|
transition: transform $ease ease
|
|
195
|
-
.main-arrow-passive
|
|
196
200
|
scale-y:-1
|
|
197
201
|
.main-arrow-active
|
|
202
|
+
bd:1px solid transparent
|
|
198
203
|
scale-y:1
|
|
199
204
|
.menu
|
|
200
205
|
t:100% l:50% x:-50% mt:2px rd:8px rd:8px py:5px zi:999
|
|
201
206
|
fw:500 fs:13px
|
|
202
207
|
backdrop-filter:blur(20px)
|
|
208
|
+
bd:1px solid transparent
|
|
203
209
|
bgc:light-dark(#000000/5, #FFFFFF/10)
|
|
204
210
|
ead:$ease
|
|
205
211
|
.menu-item
|
|
206
212
|
cursor:pointer
|
|
213
|
+
bd:1px solid transparent
|
|
207
214
|
d:hflex px:10px py:5px rd:8px m:5px
|
|
208
215
|
bg@hover:light-dark(#000000/10, #FFFFFF/20)
|
|
209
216
|
.menu-item-icon
|
|
217
|
+
bd:1px solid transparent
|
|
210
218
|
h:20px w:20px mr:10px rd:50%
|
|
211
219
|
.menu-item-text
|
|
212
220
|
fs:13px
|
|
@@ -244,13 +252,13 @@ global css
|
|
|
244
252
|
@not(#_) # is needed for higher precedence
|
|
245
253
|
.main
|
|
246
254
|
bgc: #992033
|
|
247
|
-
|
|
255
|
+
bc: #992033
|
|
248
256
|
.main-active
|
|
249
257
|
bgc: blue2
|
|
250
|
-
|
|
258
|
+
bc: #992033
|
|
251
259
|
.menu
|
|
252
260
|
bgc: #992033
|
|
253
|
-
|
|
261
|
+
bc: #992033
|
|
254
262
|
.menu-item
|
|
255
263
|
bgc@hover: orange4
|
|
256
264
|
c@hover: black
|
package/localization.imba
CHANGED
|
@@ -67,17 +67,16 @@ tag language-selector
|
|
|
67
67
|
|
|
68
68
|
css
|
|
69
69
|
$ease: 0.5s
|
|
70
|
-
.main rd:8px px:15px py:8px cursor:pointer bgc:light-dark(#000000/10, #FFFFFF/20) fw:500 fs:13px ead:$ease
|
|
71
|
-
.main-active bgc:light-dark(#000000/20, #FFFFFF/30)
|
|
72
|
-
.main-flag mr:10px rd:50% w:20px h:20px
|
|
73
|
-
.main-name mr:10px
|
|
74
|
-
.main-arrow w:16px h:16px fill:light-dark(#000000,#FFFFFF) ml:auto
|
|
75
|
-
.main-arrow-
|
|
76
|
-
.
|
|
77
|
-
.menu
|
|
78
|
-
.menu-item
|
|
79
|
-
.menu-item-
|
|
80
|
-
.menu-item-text fs:13px
|
|
70
|
+
.main rd:8px px:15px py:8px cursor:pointer bgc:light-dark(#000000/10, #FFFFFF/20) fw:500 fs:13px ead:$ease bd:1px solid transparent
|
|
71
|
+
.main-active bgc:light-dark(#000000/20, #FFFFFF/30) bd:1px solid transparent
|
|
72
|
+
.main-flag mr:10px rd:50% w:20px h:20px bd:1px solid transparent
|
|
73
|
+
.main-name mr:10px bd:1px solid transparent
|
|
74
|
+
.main-arrow w:16px h:16px fill:light-dark(#000000,#FFFFFF) ml:auto scale-y:-1 bd:1px solid transparent
|
|
75
|
+
.main-arrow-active scale-y:1 bd:1px solid transparent
|
|
76
|
+
.menu t:100% l:50% x:-50% zi:999 backdrop-filter:blur(20px) mt:2px rd:8px rd:8px py:5px bgc:light-dark(#000000/5, #FFFFFF/10) fw:500 fs:13px ead:$ease bd:1px solid transparent
|
|
77
|
+
.menu-item d:hflex ai:center px:10px py:5px rd:8px cursor:pointer bg@hover:light-dark(#000000/10, #FFFFFF/20) m:5px bd:1px solid transparent
|
|
78
|
+
.menu-item-icon h:20px w:20px mr:10px rd:50% bd:1px solid transparent
|
|
79
|
+
.menu-item-text fs:13px bd:1px solid transparent
|
|
81
80
|
|
|
82
81
|
def icon country
|
|
83
82
|
return icons.replace('##',country)
|
|
@@ -92,7 +91,7 @@ tag language-selector
|
|
|
92
91
|
<div.main [pos:rel d:hcc] .main-active=#dropdown>
|
|
93
92
|
<img.main-flag src=icon(state[state.active].$.flag)>
|
|
94
93
|
<div.main-name> state.$.name
|
|
95
|
-
<{arrow}.main-arrow
|
|
94
|
+
<{arrow}.main-arrow [ead:$ease] .main-arrow-active=#dropdown>
|
|
96
95
|
|
|
97
96
|
if #dropdown
|
|
98
97
|
<div$menu.menu [pos:abs w:100% > max-content o@off:0] ease>
|