@kcascend/liquid-ui 0.0.3 → 0.0.4
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/dist/styles.css +16 -9
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1531,7 +1531,6 @@
|
|
|
1531
1531
|
.liquid-card__container {
|
|
1532
1532
|
display: flex;
|
|
1533
1533
|
flex-direction: column;
|
|
1534
|
-
width: 100%;
|
|
1535
1534
|
background: var(--component-card-color-surface-default, #f4f4f4);
|
|
1536
1535
|
border: 1px solid transparent;
|
|
1537
1536
|
padding: var(--component-card-layout-padding-y, 16px)
|
|
@@ -2615,12 +2614,14 @@
|
|
|
2615
2614
|
}
|
|
2616
2615
|
|
|
2617
2616
|
@media (max-width: 671px) {
|
|
2618
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2617
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2618
|
+
.liquid-header-shell__inner {
|
|
2619
2619
|
position: relative;
|
|
2620
2620
|
justify-content: flex-start;
|
|
2621
2621
|
}
|
|
2622
2622
|
|
|
2623
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2623
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2624
|
+
.liquid-header-shell__left {
|
|
2624
2625
|
width: 100%;
|
|
2625
2626
|
}
|
|
2626
2627
|
|
|
@@ -2629,23 +2630,28 @@
|
|
|
2629
2630
|
padding-inline: 8px;
|
|
2630
2631
|
}
|
|
2631
2632
|
|
|
2632
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2633
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2634
|
+
.liquid-header-shell__brand {
|
|
2633
2635
|
position: absolute;
|
|
2634
2636
|
left: 50%;
|
|
2635
2637
|
transform: translateX(-50%);
|
|
2636
2638
|
padding-inline: 8px;
|
|
2637
2639
|
}
|
|
2638
2640
|
|
|
2639
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2640
|
-
|
|
2641
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2642
|
+
.liquid-header-shell__nav,
|
|
2643
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2644
|
+
.liquid-header-shell__actions {
|
|
2641
2645
|
display: none;
|
|
2642
2646
|
}
|
|
2643
2647
|
|
|
2644
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2648
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2649
|
+
.liquid-header-shell__menu-trigger {
|
|
2645
2650
|
display: inline-flex;
|
|
2646
2651
|
}
|
|
2647
2652
|
|
|
2648
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2653
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2654
|
+
.liquid-header-shell__right-spacer {
|
|
2649
2655
|
display: block;
|
|
2650
2656
|
width: var(
|
|
2651
2657
|
--component-header-shell-menu-trigger-size,
|
|
@@ -2655,7 +2661,8 @@
|
|
|
2655
2661
|
margin-left: auto;
|
|
2656
2662
|
}
|
|
2657
2663
|
|
|
2658
|
-
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2664
|
+
.liquid-header-shell[data-mobile-menu-enabled='true']
|
|
2665
|
+
.liquid-header-shell__mobile-accordion {
|
|
2659
2666
|
display: block;
|
|
2660
2667
|
border-top: 1px solid var(--component-header-shell-divider, #e0e0e0);
|
|
2661
2668
|
background: var(--component-header-shell-background, #ffffff);
|