better pricing page display

This commit is contained in:
Bachir Soussi Chiadmi 2021-06-10 20:02:26 +02:00
parent 81eb01d101
commit 044346c016
4 changed files with 11 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2238,7 +2238,7 @@ article.card{
} }
>header h1, >header h1,
.views-field-title{ .views-field-title{
font-size: 4em; font-size: 3.5em;
line-height: 0.6; line-height: 0.6;
color: #fff; color: #fff;
text-align: center; text-align: center;
@ -2247,7 +2247,7 @@ article.card{
section.content, .views-field-body{ section.content, .views-field-body{
color: #fff; color: #fff;
.description{ .description{
font-size: 1.134em; font-size: 1em;
p{ p{
margin: 0.3em; margin: 0.3em;
} }
@ -2259,15 +2259,17 @@ article.card{
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: center; justify-content: center;
align-items:flex-end; align-items:stretch;
div.variation-description{ div.variation-description{
flex: 0 0 6.7em; flex: 0 0 6.7em;
font-size: 2.012em; font-size: 1.5em;
font-weight: 800; font-weight: 800;
color: #fff; color: #fff;
p{ p{
margin:0; margin:0;
text-align: left; text-align: right;
padding-right: 0.5em;
padding-top: 0.1em;
} }
} }
button{ button{
@ -2295,7 +2297,7 @@ article.card{
} }
} }
} }
@include col-mediaquery-max(3){ @include col-mediaquery-max(5){
flex-flow: column; flex-flow: column;
article.product, article.product,
.views-row{ .views-row{