@latte-macchiat-io/latte-vanilla-components 0.0.317 → 0.0.318
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/package.json
CHANGED
|
@@ -85,14 +85,6 @@ export const carouselItem = style(
|
|
|
85
85
|
'carousel-item'
|
|
86
86
|
);
|
|
87
87
|
|
|
88
|
-
// globalStyle(`${carouselItem} > div`, {
|
|
89
|
-
// '@media': {
|
|
90
|
-
// ...generateResponsiveMedia({
|
|
91
|
-
// marginBottom: combineResponsive(themeContract.carousel.bullet.height, themeContract.carousel.bullet.bottom),
|
|
92
|
-
// }),
|
|
93
|
-
// },
|
|
94
|
-
// });
|
|
95
|
-
|
|
96
88
|
export const carouselNav = recipe(
|
|
97
89
|
{
|
|
98
90
|
base: {
|
|
@@ -185,6 +177,7 @@ export const carouselNavButton = style(
|
|
|
185
177
|
export const carouselBullets = style({
|
|
186
178
|
left: 0,
|
|
187
179
|
right: 0,
|
|
180
|
+
top: '100%',
|
|
188
181
|
display: 'flex',
|
|
189
182
|
alignItems: 'center',
|
|
190
183
|
position: 'absolute',
|
|
@@ -193,7 +186,6 @@ export const carouselBullets = style({
|
|
|
193
186
|
'@media': {
|
|
194
187
|
...generateResponsiveMedia({
|
|
195
188
|
gap: themeContract.carousel.bullet.gap,
|
|
196
|
-
bottom: themeContract.carousel.bullet.bottom,
|
|
197
189
|
}),
|
|
198
190
|
|
|
199
191
|
[queries.lg]: {},
|
|
@@ -843,14 +843,6 @@ export const themeContract = createGlobalThemeContract({
|
|
|
843
843
|
borderRadius: 'latte-carousel-bullet-borderRadius',
|
|
844
844
|
backgroundColor: 'latte-carousel-bullet-backgroundColor',
|
|
845
845
|
activeBackgroundColor: 'latte-carousel-bullet-active-backgroundColor',
|
|
846
|
-
bottom: {
|
|
847
|
-
mobile: 'latte-carousel-bullet-bottom-mobile',
|
|
848
|
-
sm: 'latte-carousel-bullet-bottom-sm',
|
|
849
|
-
md: 'latte-carousel-bullet-bottom-md',
|
|
850
|
-
lg: 'latte-carousel-bullet-bottom-lg',
|
|
851
|
-
xl: 'latte-carousel-bullet-bottom-xl',
|
|
852
|
-
'2xl': 'latte-carousel-bullet-bottom-2xl',
|
|
853
|
-
},
|
|
854
846
|
|
|
855
847
|
gap: {
|
|
856
848
|
mobile: 'latte-carousel-bullet-gap-mobile',
|