fix price styling
This commit is contained in:
parent
2cdf15cb95
commit
f3ab2d9886
1 changed files with 18 additions and 17 deletions
|
|
@ -254,8 +254,7 @@ export default {
|
|||
}
|
||||
|
||||
.package-specs {
|
||||
//display: flex;
|
||||
flex-direction: row;
|
||||
flex: 0;
|
||||
width: 100%;
|
||||
max-height: 0;
|
||||
transition: all 1s ease;
|
||||
|
|
@ -265,7 +264,6 @@ export default {
|
|||
p {
|
||||
color: #4d4e53;
|
||||
font-weight: 600;
|
||||
//display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
&.sub-label {
|
||||
|
|
@ -308,21 +306,24 @@ export default {
|
|||
.hide-when-closed {
|
||||
display: none;
|
||||
@include media-breakpoint-up(md) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-info-desktop {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: flex-end;
|
||||
@include media-breakpoint-down(md) {
|
||||
display: none;
|
||||
span {
|
||||
&.price {
|
||||
color: #075f35;
|
||||
font-size: 0.875rem;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
span {
|
||||
&.price {
|
||||
color: #075f35;
|
||||
font-size: 0.875rem;
|
||||
font-weight: $font-weight-bold;
|
||||
padding: 1rem 0 1rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -330,12 +331,12 @@ export default {
|
|||
.pricing-info-mobile {
|
||||
@include media-breakpoint-up(md) {
|
||||
display: none;
|
||||
span {
|
||||
&.price {
|
||||
color: #075f35;
|
||||
font-size: 0.875rem;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
span {
|
||||
&.price {
|
||||
color: #075f35;
|
||||
font-size: 0.875rem;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue