@digital-b2c/coreui-kit 0.18.3 → 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.cjs +10 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +49 -1
- 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;
|
|
@@ -5164,11 +5209,14 @@ a:hover {
|
|
|
5164
5209
|
}
|
|
5165
5210
|
}
|
|
5166
5211
|
.PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
|
|
5167
|
-
|
|
5212
|
+
flex: 1 1 0;
|
|
5213
|
+
min-width: 0;
|
|
5214
|
+
max-width: 33.333%;
|
|
5168
5215
|
}
|
|
5169
5216
|
@media (max-width: 768px) {
|
|
5170
5217
|
.PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
|
|
5171
5218
|
width: 100%;
|
|
5219
|
+
max-width: none;
|
|
5172
5220
|
}
|
|
5173
5221
|
}
|
|
5174
5222
|
|