imba-localization 0.2.6 → 0.2.7
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 +30 -30
- package/localization.imba +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -175,36 +175,36 @@ Here are CSS classes (and one variable) you can redefine:
|
|
|
175
175
|
css
|
|
176
176
|
$ease: 0.5s
|
|
177
177
|
.main
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
178
|
+
cursor:pointer
|
|
179
|
+
rd:8px px:15px py:8px
|
|
180
|
+
bgc:light-dark(#000000/10, #FFFFFF/20)
|
|
181
|
+
fw:500 fs:13px
|
|
182
|
+
ead:$ease
|
|
183
|
+
.main-active
|
|
184
|
+
bgc:light-dark(#000000/20, #FFFFFF/30)
|
|
185
|
+
.main-flag
|
|
186
|
+
mr:10px rd:50% w:20px h:20px
|
|
187
|
+
.main-name
|
|
188
|
+
mr:10px
|
|
189
|
+
.main-arrow
|
|
190
|
+
w:16px h:16px ml:auto
|
|
191
|
+
fill:light-dark(#000000,#FFFFFF)
|
|
192
|
+
scale-y:-1
|
|
193
|
+
ead:$ease
|
|
194
|
+
.menu
|
|
195
|
+
t:100% l:50% x:-50% mt:2px rd:8px rd:8px py:5px zi:999
|
|
196
|
+
fw:500 fs:13px
|
|
197
|
+
backdrop-filter:blur(20px)
|
|
198
|
+
bgc:light-dark(#000000/5, #FFFFFF/10)
|
|
199
|
+
ead:$ease
|
|
200
|
+
.menu-item
|
|
201
|
+
cursor:pointer
|
|
202
|
+
d:hflex px:10px py:5px rd:8px m:5px
|
|
203
|
+
bg@hover:light-dark(#000000/10, #FFFFFF/20)
|
|
204
|
+
.menu-item-icon
|
|
205
|
+
h:20px w:20px mr:10px rd:50%
|
|
206
|
+
.menu-item-text
|
|
207
|
+
fs:13px
|
|
208
208
|
```
|
|
209
209
|
LanguageSelector can be easily customized through CSS and Imba tag (class) inheritance. Here how the above classes can be adjusted via the inheritance:
|
|
210
210
|
|
package/localization.imba
CHANGED
|
@@ -74,7 +74,7 @@ export tag LocalizationSelector
|
|
|
74
74
|
.main-name mr:10px
|
|
75
75
|
.main-arrow w:16px h:16px fill:light-dark(#000000,#FFFFFF) ml:auto scale-y:-1 ead:$ease
|
|
76
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
|
|
77
|
-
.menu-item d:hflex px:10px py:5px rd:8px cursor:pointer bg@hover:light-dark(#000000/10, #FFFFFF/20) m:5px
|
|
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
|
|
78
78
|
.menu-item-icon h:20px w:20px mr:10px rd:50%
|
|
79
79
|
.menu-item-text fs:13px
|
|
80
80
|
|