@useblu/ocean-core 1.31.4 → 1.32.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/CHANGELOG.md +6 -0
- package/ocean.css +77 -0
- package/ocean.css.map +1 -1
- package/ocean.min.css +1 -1
- package/ocean.min.css.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.32.0](https://github.com/ocean-ds/ocean-web/compare/v1.31.4...v1.32.0) (2022-06-30)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- add cross sell card component ([#980](https://github.com/ocean-ds/ocean-web/issues/980)) ([6177870](https://github.com/ocean-ds/ocean-web/commit/61778709e2ac7d6f0f9daafce2f2888f09d84ccf))
|
|
11
|
+
|
|
6
12
|
## [1.31.4](https://github.com/ocean-ds/ocean-web/compare/v1.31.3...v1.31.4) (2022-06-28)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @useblu/ocean-core
|
package/ocean.css
CHANGED
|
@@ -3166,4 +3166,81 @@
|
|
|
3166
3166
|
display: flex;
|
|
3167
3167
|
justify-content: center;
|
|
3168
3168
|
}
|
|
3169
|
+
|
|
3170
|
+
.ods-cross-sell-card {
|
|
3171
|
+
border-radius: 8px;
|
|
3172
|
+
min-height: 156px;
|
|
3173
|
+
width: 100%;
|
|
3174
|
+
}
|
|
3175
|
+
.ods-cross-sell-card__content {
|
|
3176
|
+
align-items: center;
|
|
3177
|
+
background-color: #0025e0;
|
|
3178
|
+
border: 1px solid #ebecf5;
|
|
3179
|
+
border-bottom: 0;
|
|
3180
|
+
border-radius: 8px 8px 0 0;
|
|
3181
|
+
display: flex;
|
|
3182
|
+
gap: 16px;
|
|
3183
|
+
justify-content: center;
|
|
3184
|
+
padding: 12px 24px;
|
|
3185
|
+
}
|
|
3186
|
+
@media (max-width: 991.98px) {
|
|
3187
|
+
.ods-cross-sell-card__content {
|
|
3188
|
+
padding: 16px;
|
|
3189
|
+
}
|
|
3190
|
+
}
|
|
3191
|
+
.ods-cross-sell-card__information {
|
|
3192
|
+
width: 100%;
|
|
3193
|
+
}
|
|
3194
|
+
.ods-cross-sell-card__image {
|
|
3195
|
+
min-height: 102px;
|
|
3196
|
+
width: 102px;
|
|
3197
|
+
}
|
|
3198
|
+
@media (max-width: 991.98px) {
|
|
3199
|
+
.ods-cross-sell-card__image {
|
|
3200
|
+
min-height: 80px;
|
|
3201
|
+
width: 80px;
|
|
3202
|
+
}
|
|
3203
|
+
}
|
|
3204
|
+
.ods-cross-sell-card__description {
|
|
3205
|
+
color: #b8c3ff;
|
|
3206
|
+
margin-top: 4px;
|
|
3207
|
+
}
|
|
3208
|
+
.ods-cross-sell-card__cta {
|
|
3209
|
+
align-items: center;
|
|
3210
|
+
background: white;
|
|
3211
|
+
border: 1px solid #ebecf5;
|
|
3212
|
+
border-radius: 0 0 8px 8px;
|
|
3213
|
+
border-top: 0;
|
|
3214
|
+
color: #0025e0;
|
|
3215
|
+
display: flex;
|
|
3216
|
+
font-family: "Nunito Sans";
|
|
3217
|
+
font-size: 14px;
|
|
3218
|
+
font-weight: 700;
|
|
3219
|
+
gap: 8px;
|
|
3220
|
+
height: 48px;
|
|
3221
|
+
justify-content: space-between;
|
|
3222
|
+
padding-left: 24px;
|
|
3223
|
+
padding-right: 24px;
|
|
3224
|
+
transition: background 0.1s ease-in;
|
|
3225
|
+
width: 100%;
|
|
3226
|
+
}
|
|
3227
|
+
@media (max-width: 991.98px) {
|
|
3228
|
+
.ods-cross-sell-card__cta {
|
|
3229
|
+
padding-left: 16px;
|
|
3230
|
+
padding-right: 16px;
|
|
3231
|
+
}
|
|
3232
|
+
}
|
|
3233
|
+
.ods-cross-sell-card__cta:hover {
|
|
3234
|
+
background: #f7f9ff;
|
|
3235
|
+
cursor: pointer;
|
|
3236
|
+
}
|
|
3237
|
+
.ods-cross-sell-card__cta:active {
|
|
3238
|
+
background: #ebecf5;
|
|
3239
|
+
}
|
|
3240
|
+
.ods-cross-sell-card__cta:focus-visible {
|
|
3241
|
+
outline: #0025e0 auto 1px;
|
|
3242
|
+
}
|
|
3243
|
+
.ods-cross-sell-card__cta-icon {
|
|
3244
|
+
color: #0025e0;
|
|
3245
|
+
}
|
|
3169
3246
|
/*# sourceMappingURL=ocean.css.map */
|