@digital-b2c/coreui-kit 0.5.3 → 0.5.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/index.css CHANGED
@@ -482,6 +482,21 @@ a:hover {
482
482
  max-width: 295px;
483
483
  }
484
484
 
485
+ /* src/components/primitives/Container/Container.module.scss */
486
+ .Container_module_container {
487
+ width: 100%;
488
+ max-width: 1312px;
489
+ overflow: visible;
490
+ margin: 0 auto;
491
+ position: relative;
492
+ padding: var(--spacing-3xl) var(--spacing-md);
493
+ }
494
+ @media (max-width: 768px) {
495
+ .Container_module_container {
496
+ padding: var(--spacing-lg) var(--spacing-md);
497
+ }
498
+ }
499
+
485
500
  /* src/components/Card/Card.module.scss */
486
501
  .Card_module_card {
487
502
  display: flex;
@@ -502,6 +517,9 @@ a:hover {
502
517
  .Card_module_card .Card_module_subtitle {
503
518
  color: #cecece;
504
519
  }
520
+ a:hover.Card_module_card {
521
+ text-decoration: none;
522
+ }
505
523
 
506
524
  /* src/components/CountingCard/CountingCard.module.scss */
507
525
  .CountingCard_module_counting-card {
@@ -601,21 +619,6 @@ a:hover {
601
619
  width: 28px;
602
620
  }
603
621
 
604
- /* src/components/primitives/Container/Container.module.scss */
605
- .Container_module_container {
606
- width: 100%;
607
- max-width: 1312px;
608
- overflow: visible;
609
- margin: 0 auto;
610
- position: relative;
611
- padding: var(--spacing-3xl) var(--spacing-md);
612
- }
613
- @media (max-width: 768px) {
614
- .Container_module_container {
615
- padding: var(--spacing-lg) var(--spacing-md);
616
- }
617
- }
618
-
619
622
  /* src/components/PracticeCard/PracticeCard.module.scss */
620
623
  .PracticeCard_module_practice-card {
621
624
  color: var(--color-white);
@@ -720,6 +723,9 @@ a:hover {
720
723
  .CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_cardWrapper {
721
724
  grid-template-columns: repeat(3, 1fr);
722
725
  }
726
+ .CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
727
+ grid-template-columns: repeat(4, 1fr);
728
+ }
723
729
  .CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
724
730
  position: relative;
725
731
  display: flex;
@@ -2251,4 +2257,83 @@ a:hover {
2251
2257
  margin-left: 48px;
2252
2258
  list-style-type: lower-alpha;
2253
2259
  }
2260
+
2261
+ /* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
2262
+ .TextCenterCtaInBottom_module_textCenterCta {
2263
+ display: block;
2264
+ width: 100%;
2265
+ background-color: var(--color-white);
2266
+ }
2267
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2268
+ display: flex;
2269
+ flex-direction: column;
2270
+ align-items: center;
2271
+ justify-content: center;
2272
+ padding: var(--spacing-3xl) var(--spacing-7xl);
2273
+ gap: var(--spacing-xl);
2274
+ }
2275
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
2276
+ display: flex;
2277
+ flex-direction: column;
2278
+ align-items: center;
2279
+ text-align: center;
2280
+ max-width: 866px;
2281
+ gap: var(--spacing-xl);
2282
+ }
2283
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
2284
+ font-size: var(--font-size-xl);
2285
+ font-weight: 600;
2286
+ line-height: var(--line-height-tight-2);
2287
+ color: var(--color-black);
2288
+ }
2289
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
2290
+ font-size: var(--font-size-lg);
2291
+ font-weight: 500;
2292
+ line-height: var(--line-height-tight-1);
2293
+ color: var(--color-neutral-700);
2294
+ }
2295
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
2296
+ display: flex;
2297
+ gap: var(--spacing-md);
2298
+ }
2299
+ @media (max-width: 768px) {
2300
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
2301
+ display: grid;
2302
+ gap: var(--spacing-sm);
2303
+ }
2304
+ }
2305
+ @media (max-width: 768px) {
2306
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
2307
+ display: flex;
2308
+ justify-content: center;
2309
+ }
2310
+ }
2311
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
2312
+ height: var(--font-size-xs);
2313
+ width: var(--font-size-xs);
2314
+ }
2315
+ @media (max-width: 768px) {
2316
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2317
+ padding: var(--spacing-lg) var(--spacing-md);
2318
+ gap: var(--spacing-md);
2319
+ }
2320
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
2321
+ max-width: 343px;
2322
+ gap: var(--spacing-md);
2323
+ }
2324
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
2325
+ font-size: var(--font-size-lg);
2326
+ line-height: var(--line-height-tight-3);
2327
+ }
2328
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
2329
+ font-size: 18px;
2330
+ line-height: var(--line-height-normal);
2331
+ }
2332
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
2333
+ width: 100%;
2334
+ }
2335
+ .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_iconOnly .TextCenterCtaInBottom_module_cta {
2336
+ width: auto;
2337
+ }
2338
+ }
2254
2339
  /*# sourceMappingURL=index.css.map */