@digital-b2c/coreui-kit 0.7.1 → 0.7.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/dist/index.cjs +4 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +52 -7
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.mjs +4 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -833,6 +833,11 @@ a:hover.Card_module_card {
|
|
|
833
833
|
transform: translateX(-50%);
|
|
834
834
|
z-index: 10;
|
|
835
835
|
}
|
|
836
|
+
@media (max-width: 1024px) {
|
|
837
|
+
.CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
|
|
838
|
+
grid-template-columns: 1fr;
|
|
839
|
+
}
|
|
840
|
+
}
|
|
836
841
|
@media (max-width: 768px) {
|
|
837
842
|
.CardCollection_module_card-collection {
|
|
838
843
|
padding: var(--spacing-lg) var(--spacing-md);
|
|
@@ -1355,12 +1360,13 @@ a:hover.Card_module_card {
|
|
|
1355
1360
|
}
|
|
1356
1361
|
.HeroBannerCarousel_module_swiperContainer {
|
|
1357
1362
|
position: relative;
|
|
1363
|
+
overflow: hidden;
|
|
1358
1364
|
}
|
|
1359
1365
|
.HeroBannerCarousel_module_swiperContainer .swiper {
|
|
1360
1366
|
overflow: visible;
|
|
1361
1367
|
}
|
|
1362
1368
|
.HeroBannerCarousel_module_swiperContainer .swiper-slide {
|
|
1363
|
-
width:
|
|
1369
|
+
width: 87%;
|
|
1364
1370
|
height: 552px;
|
|
1365
1371
|
}
|
|
1366
1372
|
@media (max-width: 768px) {
|
|
@@ -1372,18 +1378,47 @@ a:hover.Card_module_card {
|
|
|
1372
1378
|
.HeroBannerCarousel_module_card {
|
|
1373
1379
|
position: relative;
|
|
1374
1380
|
display: flex;
|
|
1375
|
-
width:
|
|
1376
|
-
height:
|
|
1381
|
+
width: 97%;
|
|
1382
|
+
height: 97%;
|
|
1383
|
+
margin: auto;
|
|
1377
1384
|
border-radius: 16px;
|
|
1378
1385
|
overflow: hidden;
|
|
1379
|
-
box-shadow:
|
|
1380
|
-
|
|
1386
|
+
box-shadow:
|
|
1387
|
+
0 0 10px 0 rgba(54, 54, 54, 0),
|
|
1388
|
+
0 0 9px 0 rgba(54, 54, 54, 0.01),
|
|
1389
|
+
0 0 8px 0 rgba(54, 54, 54, 0.05),
|
|
1390
|
+
0 0 6px 0 rgba(54, 54, 54, 0.09),
|
|
1391
|
+
0 0 3px 0 rgba(54, 54, 54, 0.1);
|
|
1392
|
+
background:
|
|
1393
|
+
radial-gradient(
|
|
1394
|
+
ellipse at 100% 50%,
|
|
1395
|
+
#dfdfdf,
|
|
1396
|
+
#ffffff);
|
|
1381
1397
|
}
|
|
1382
1398
|
@media (max-width: 768px) {
|
|
1383
1399
|
.HeroBannerCarousel_module_card {
|
|
1400
|
+
width: 100%;
|
|
1401
|
+
height: 100%;
|
|
1384
1402
|
flex-direction: column;
|
|
1385
1403
|
}
|
|
1386
1404
|
}
|
|
1405
|
+
.HeroBannerCarousel_module_cardCorner {
|
|
1406
|
+
position: absolute;
|
|
1407
|
+
top: 0;
|
|
1408
|
+
left: 0;
|
|
1409
|
+
z-index: 3;
|
|
1410
|
+
}
|
|
1411
|
+
.HeroBannerCarousel_module_cardCornerImage {
|
|
1412
|
+
display: block;
|
|
1413
|
+
}
|
|
1414
|
+
.HeroBannerCarousel_module_cardCornerDot {
|
|
1415
|
+
display: block;
|
|
1416
|
+
width: 16px;
|
|
1417
|
+
height: 16px;
|
|
1418
|
+
border-radius: 50%;
|
|
1419
|
+
background-color: #940000;
|
|
1420
|
+
margin: 10px;
|
|
1421
|
+
}
|
|
1387
1422
|
.HeroBannerCarousel_module_cardContent {
|
|
1388
1423
|
display: flex;
|
|
1389
1424
|
flex-direction: column;
|
|
@@ -1554,7 +1589,7 @@ a:hover.Card_module_card {
|
|
|
1554
1589
|
display: flex;
|
|
1555
1590
|
flex-direction: column;
|
|
1556
1591
|
align-items: center;
|
|
1557
|
-
gap: var(--spacing-
|
|
1592
|
+
gap: var(--spacing-lg);
|
|
1558
1593
|
}
|
|
1559
1594
|
.MiniBanner_module_minibanner .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
|
|
1560
1595
|
position: relative;
|
|
@@ -1620,10 +1655,20 @@ a:hover.Card_module_card {
|
|
|
1620
1655
|
.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
|
|
1621
1656
|
padding: var(--spacing-5xl) var(--spacing-md);
|
|
1622
1657
|
}
|
|
1658
|
+
.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
|
|
1659
|
+
padding: 0;
|
|
1660
|
+
}
|
|
1623
1661
|
.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
|
|
1624
|
-
padding: var(--spacing-
|
|
1662
|
+
padding: var(--spacing-lg) var(--spacing-md);
|
|
1625
1663
|
gap: var(--spacing-xl);
|
|
1626
1664
|
}
|
|
1665
|
+
.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
|
|
1666
|
+
overflow-wrap: anywhere;
|
|
1667
|
+
}
|
|
1668
|
+
.MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
|
|
1669
|
+
margin: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
|
|
1670
|
+
width: calc(100% - var(--spacing-xl));
|
|
1671
|
+
}
|
|
1627
1672
|
}
|
|
1628
1673
|
|
|
1629
1674
|
/* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
|