@digital-b2c/coreui-kit 0.18.3 → 0.18.5
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 +10 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +58 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +92 -93
- package/dist/index.d.ts +92 -93
- package/dist/index.mjs +10 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -12
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;
|
|
@@ -1167,7 +1212,15 @@ a:hover.Card_module_card {
|
|
|
1167
1212
|
.PracticeCard_module_practice-card {
|
|
1168
1213
|
width: 100%;
|
|
1169
1214
|
max-width: unset;
|
|
1170
|
-
height: 140px;
|
|
1215
|
+
min-height: 140px;
|
|
1216
|
+
}
|
|
1217
|
+
.PracticeCard_module_practice-card:first-child .PracticeCard_module_focusable-card {
|
|
1218
|
+
border-bottom-left-radius: 0;
|
|
1219
|
+
border-top-right-radius: 16px;
|
|
1220
|
+
}
|
|
1221
|
+
.PracticeCard_module_practice-card:last-child .PracticeCard_module_focusable-card {
|
|
1222
|
+
border-top-right-radius: 0;
|
|
1223
|
+
border-bottom-left-radius: 16px;
|
|
1171
1224
|
}
|
|
1172
1225
|
}
|
|
1173
1226
|
|
|
@@ -5164,11 +5217,14 @@ a:hover {
|
|
|
5164
5217
|
}
|
|
5165
5218
|
}
|
|
5166
5219
|
.PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
|
|
5167
|
-
|
|
5220
|
+
flex: 1 1 0;
|
|
5221
|
+
min-width: 0;
|
|
5222
|
+
max-width: 33.333%;
|
|
5168
5223
|
}
|
|
5169
5224
|
@media (max-width: 768px) {
|
|
5170
5225
|
.PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
|
|
5171
5226
|
width: 100%;
|
|
5227
|
+
max-width: none;
|
|
5172
5228
|
}
|
|
5173
5229
|
}
|
|
5174
5230
|
|