@digital-b2c/coreui-kit 0.17.20 → 0.18.0

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
@@ -2475,6 +2475,45 @@ a:hover {
2475
2475
  }
2476
2476
  }
2477
2477
 
2478
+ /* src/components/BrandCard/BrandCard.module.scss */
2479
+ .BrandCard_module_brand-card {
2480
+ display: flex;
2481
+ flex-direction: column;
2482
+ justify-content: space-between;
2483
+ gap: var(--spacing-xl);
2484
+ min-height: 213px;
2485
+ border-radius: var(--rounded-md);
2486
+ padding: var(--spacing-lg);
2487
+ box-shadow: 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
2488
+ box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.3);
2489
+ }
2490
+ .BrandCard_module_brand-card .BrandCard_module_content-wrapper {
2491
+ display: flex;
2492
+ flex-direction: column;
2493
+ color: var(--color-white);
2494
+ }
2495
+ .BrandCard_module_brand-card .BrandCard_module_content-wrapper .BrandCard_module_content-title {
2496
+ font-weight: var(--font-weight-medium);
2497
+ }
2498
+ .BrandCard_module_brand-card .BrandCard_module_content-wrapper .BrandCard_module_content-subtitle {
2499
+ font-weight: var(--font-weight-bold);
2500
+ line-height: 1.5;
2501
+ }
2502
+ .BrandCard_module_brand-card .BrandCard_module_brand-image {
2503
+ width: 70%;
2504
+ }
2505
+ @media (max-width: 425px) {
2506
+ .BrandCard_module_brand-card .BrandCard_module_brand-image {
2507
+ width: 100%;
2508
+ }
2509
+ }
2510
+ .BrandCard_module_brand-card.BrandCard_module_dark {
2511
+ background: var(--color-gradient-black);
2512
+ }
2513
+ .BrandCard_module_brand-card.BrandCard_module_light {
2514
+ background: var(--color-gradient-white);
2515
+ }
2516
+
2478
2517
  /* src/widgets/CardCollection/CardCollection.module.scss */
2479
2518
  .CardCollection_module_card-collection {
2480
2519
  display: block;
@@ -6837,4 +6876,45 @@ a:hover {
6837
6876
  padding: 0;
6838
6877
  list-style: none;
6839
6878
  }
6879
+
6880
+ /* src/widgets/LocationsBrandCards/LocationsBrandCards.module.scss */
6881
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container {
6882
+ display: flex;
6883
+ flex-direction: column;
6884
+ gap: var(--spacing-xl);
6885
+ }
6886
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_heading-wrapper {
6887
+ display: flex;
6888
+ flex-direction: column;
6889
+ gap: var(--spacing-sm);
6890
+ }
6891
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_heading-wrapper .LocationsBrandCards_module_locations-brand-title {
6892
+ color: var(--color-black);
6893
+ }
6894
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_heading-wrapper .LocationsBrandCards_module_locations-brand-subtitle {
6895
+ color: var(--color-gray);
6896
+ line-height: 1.5;
6897
+ }
6898
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_content-wrapper {
6899
+ display: flex;
6900
+ align-items: center;
6901
+ gap: var(--spacing-sm);
6902
+ }
6903
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_content-wrapper .LocationsBrandCards_module_locations-image {
6904
+ object-fit: cover;
6905
+ flex: 1;
6906
+ width: 100%;
6907
+ min-width: 0;
6908
+ }
6909
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_content-wrapper .LocationsBrandCards_module_card-wrapper {
6910
+ flex: 1;
6911
+ }
6912
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_content-wrapper .LocationsBrandCards_module_card-wrapper .LocationsBrandCards_module_card {
6913
+ height: 100%;
6914
+ }
6915
+ @media (max-width: 768px) {
6916
+ .LocationsBrandCards_module_locations-brand-cards .LocationsBrandCards_module_container .LocationsBrandCards_module_content-wrapper {
6917
+ flex-direction: column;
6918
+ }
6919
+ }
6840
6920
  /*# sourceMappingURL=index.css.map */