@digital-b2c/coreui-kit 0.18.2 → 0.18.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
@@ -1098,9 +1098,54 @@ a:hover.Card_module_card {
1098
1098
  cursor: pointer;
1099
1099
  }
1100
1100
  .PracticeCard_module_practice-card .PracticeCard_module_wrapper {
1101
+ display: block;
1102
+ width: 100%;
1103
+ height: 100%;
1101
1104
  color: inherit;
1102
1105
  text-decoration: none;
1103
1106
  }
1107
+ .PracticeCard_module_practice-card:first-child .PracticeCard_module_focusable-card {
1108
+ border-top-left-radius: 16px;
1109
+ border-bottom-left-radius: 16px;
1110
+ }
1111
+ .PracticeCard_module_practice-card:last-child .PracticeCard_module_focusable-card {
1112
+ border-top-right-radius: 16px;
1113
+ border-bottom-right-radius: 16px;
1114
+ }
1115
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card {
1116
+ display: block;
1117
+ width: 100%;
1118
+ height: 100%;
1119
+ position: relative;
1120
+ outline: none;
1121
+ }
1122
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card::after {
1123
+ content: "";
1124
+ position: absolute;
1125
+ inset: 0;
1126
+ border: 4px solid var(--color-link);
1127
+ border-radius: inherit;
1128
+ opacity: 0;
1129
+ pointer-events: none;
1130
+ transition: opacity 0.2s ease;
1131
+ z-index: 3;
1132
+ }
1133
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card:focus::after,
1134
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card:focus-visible::after {
1135
+ opacity: 1;
1136
+ }
1137
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card:focus-visible .PracticeCard_module_background,
1138
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card:focus .PracticeCard_module_background {
1139
+ transform: scale(1.08);
1140
+ }
1141
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card:focus-visible .PracticeCard_module_ctaRest {
1142
+ opacity: 0;
1143
+ transform: rotate(-45deg);
1144
+ }
1145
+ .PracticeCard_module_practice-card .PracticeCard_module_focusable-card:focus-visible .PracticeCard_module_ctaHover {
1146
+ opacity: 1;
1147
+ transition-delay: 0.1s;
1148
+ }
1104
1149
  .PracticeCard_module_practice-card .PracticeCard_module_background {
1105
1150
  object-fit: cover;
1106
1151
  position: absolute;
@@ -3090,7 +3135,7 @@ a:hover {
3090
3135
  width: 100%;
3091
3136
  height: 100%;
3092
3137
  gap: var(--spacing-lg);
3093
- padding: var(--spacing-5xl) var(--spacing-2xl);
3138
+ padding: var(--spacing-5xl) var(--spacing-7xl);
3094
3139
  z-index: 2;
3095
3140
  }
3096
3141
  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text {
@@ -3100,6 +3145,9 @@ a:hover {
3100
3145
  color: var(--color-white);
3101
3146
  max-width: 634px;
3102
3147
  }
3148
+ .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text.HeroBanner_module_fullWidth {
3149
+ max-width: 100%;
3150
+ }
3103
3151
  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_titleLogo {
3104
3152
  max-width: 500px;
3105
3153
  }
@@ -5161,11 +5209,14 @@ a:hover {
5161
5209
  }
5162
5210
  }
5163
5211
  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
5164
- width: 33.333%;
5212
+ flex: 1 1 0;
5213
+ min-width: 0;
5214
+ max-width: 33.333%;
5165
5215
  }
5166
5216
  @media (max-width: 768px) {
5167
5217
  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
5168
5218
  width: 100%;
5219
+ max-width: none;
5169
5220
  }
5170
5221
  }
5171
5222