frankenstyle 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.
|
@@ -201,7 +201,9 @@
|
|
|
201
201
|
|
|
202
202
|
@layer base {
|
|
203
203
|
[class*='uk-animation-'] {
|
|
204
|
-
animation: 0.5s
|
|
204
|
+
animation-duration: 0.5s;
|
|
205
|
+
animation-timing-function: ease-out;
|
|
206
|
+
animation-fill-mode: both;
|
|
205
207
|
}
|
|
206
208
|
|
|
207
209
|
body {
|
|
@@ -3170,6 +3172,20 @@
|
|
|
3170
3172
|
--uk-nav-sub-item-padding: 0.5rem 1rem;
|
|
3171
3173
|
--uk-nav-sub-item-margin: 0 0.5rem;
|
|
3172
3174
|
--uk-nav-item-active-font-weight: 400;
|
|
3175
|
+
--uk-nav-item-hover-bg: var(--uk-accent);
|
|
3176
|
+
--uk-nav-item-hover-bg-o: 4%;
|
|
3177
|
+
--uk-nav-item-hover-color: var(--uk-accent-f);
|
|
3178
|
+
--uk-nav-item-hover-color-o: 100%;
|
|
3179
|
+
--uk-nav-item-active-bg: var(--uk-primary);
|
|
3180
|
+
--uk-nav-item-active-bg-o: 100%;
|
|
3181
|
+
--uk-nav-item-active-color: var(--uk-primary-f);
|
|
3182
|
+
--uk-nav-item-active-color-o: 100%;
|
|
3183
|
+
}
|
|
3184
|
+
.uk-nav-alt > li.uk-active {
|
|
3185
|
+
--uk-nav-item-bg: var(--uk-nav-item-active-bg);
|
|
3186
|
+
--uk-nav-item-bg-o: var(--uk-nav-item-active-bg-o);
|
|
3187
|
+
--uk-nav-item-color: var(--uk-nav-item-active-color);
|
|
3188
|
+
--uk-nav-item-color-o: var(--uk-nav-item-active-color-o);
|
|
3173
3189
|
}
|
|
3174
3190
|
.uk-nav-default {
|
|
3175
3191
|
--uk-nav-item-color: var(--uk-muted-f);
|
|
@@ -3182,24 +3198,6 @@
|
|
|
3182
3198
|
--uk-nav-item-color: var(--uk-bg-f);
|
|
3183
3199
|
--uk-nav-item-color-o: 100%;
|
|
3184
3200
|
}
|
|
3185
|
-
.uk-nav-primary > li.uk-active {
|
|
3186
|
-
--uk-nav-item-bg: var(--uk-primary);
|
|
3187
|
-
--uk-nav-item-bg-o: 100%;
|
|
3188
|
-
--uk-nav-item-color: var(--uk-primary-f);
|
|
3189
|
-
--uk-nav-item-color-o: 100%;
|
|
3190
|
-
}
|
|
3191
|
-
.uk-nav-primary > li > a:hover {
|
|
3192
|
-
--uk-nav-item-hover-bg: var(--uk-accent);
|
|
3193
|
-
--uk-nav-item-hover-bg-o: 4%;
|
|
3194
|
-
--uk-nav-item-hover-color: var(--uk-accent-f);
|
|
3195
|
-
--uk-nav-item-hover-color-o: 100%;
|
|
3196
|
-
}
|
|
3197
|
-
.uk-nav-primary .uk-nav-sub li > a:hover {
|
|
3198
|
-
--uk-nav-item-hover-bg: var(--uk-accent);
|
|
3199
|
-
--uk-nav-item-hover-bg-o: 4%;
|
|
3200
|
-
--uk-nav-item-hover-color: var(--uk-accent-f);
|
|
3201
|
-
--uk-nav-item-hover-color-o: 100%;
|
|
3202
|
-
}
|
|
3203
3201
|
.uk-nav-header {
|
|
3204
3202
|
--uk-nav-header-margin: var(--uk-nav-item-margin);
|
|
3205
3203
|
--uk-nav-header-padding: var(--uk-nav-item-padding);
|
|
@@ -3407,7 +3405,8 @@
|
|
|
3407
3405
|
align-items: center;
|
|
3408
3406
|
justify-content: center;
|
|
3409
3407
|
border-radius: 9999px;
|
|
3410
|
-
|
|
3408
|
+
height: var(--uk-subnav-item-height, auto);
|
|
3409
|
+
padding: var(--uk-subnav-item-padding, 0 1rem);
|
|
3411
3410
|
text-align: center;
|
|
3412
3411
|
font-weight: 500;
|
|
3413
3412
|
color: var(--uk-subnav-item-color-computed);
|