radial styles

This commit is contained in:
2024-12-19 09:01:15 -08:00
parent 3119c67f8d
commit e64e4b1b28
9 changed files with 130 additions and 119 deletions

View File

@@ -1,27 +1,25 @@
.radial-container-col3-card {
.sonar {
.col3-card-slice-container {
.radial {
left: 0;
width: 250px;
svg {
width: 100%;
max-width: 250px;
}
@include media-breakpoint-up(xs) {
width: 250px;
top: -646px;
}
@include media-breakpoint-up(md) {
top: -705px;
top: -666px;
}
@include media-breakpoint-up(lg) {
top: -745px;
top: -706px;
}
}
}
.col3-card-slice-container {
.col3-card-wrapper {
z-index: 1;

View File

@@ -561,10 +561,22 @@ button[type="submit"].single_add_to_cart_button,
.bg-color-sky-red {
background: linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(204, 1, 51, 1) 100%);
h1 {
color: white !important;
}
h2 {
color: white !important;
}
h3 {
color: white !important;
}
strong {
color: white !important;
}
p {
color: white !important;
}

View File

@@ -20,12 +20,11 @@
// min-height: 42em;
}
.products-list-img {
max-width: 50%;
@include media-breakpoint-up(lg) {
max-width: 70%;
}
.img-container {
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.line-sm {
@@ -36,17 +35,11 @@
.products-list-item-inner-wrapper {
background-color: $white;
// padding: 20px;
// @include media-breakpoint-up(lg) {
// padding: 33px 25px 16px;
// }
.products-list-title {
color: $consumer-primary;
}
.products-list-link {}
}
}
}