bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

responsive: home pricing

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2021-03-25 21:37:03 +01:00
parent 63fdc0061f
commit f6130faa7c
2 changed files with 62 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@ -789,6 +789,9 @@ article.node--type-frontpage{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
@include col-mediaquery-max(3){
justify-content: space-around;
}
li{
padding:0 0 $column_goutiere / 2 0;
box-sizing: border-box;
@ -1005,10 +1008,19 @@ article.node--type-frontpage{
text-align: center;
text-transform: capitalize;
padding: 0.7em 0 0.3em 0;
@include col-mediaquery-max(3){
text-align: left;
padding: 0 0.4em;
}
}
.field--name-field-pricing-pitch{
text-align: center;
p{ margin:0;}
@include col-mediaquery-max(3){
text-align: left;
p{ padding: 0.5em 1em; }
}
}
.field--name-field-pricing{
// padding:2em 0;
@ -1022,11 +1034,23 @@ article.node--type-frontpage{
margin: 0;
text-align: center;
}
@include col-mediaquery-max(3){
flex-flow: column;
justify-content: flex-start;
p{
flex: 0 0 auto;
text-align: left;
padding: 0 1em 0.5em;
}
}
}
.field--name-computed-products-reference{
display: flex;
flex-flow: row nowrap;
// TODO: mediaQuery column
@include col-mediaquery-max(3){
flex-flow: column;
justify-content: flex-start;
}
>.field__item{
flex:0 0 50%;
text-align: center;
@ -1070,6 +1094,15 @@ article.node--type-frontpage{
margin: 0;
}
}
@include col-mediaquery-max(3){
flex: 0 0 auto;
padding:0;
// height: auto;
>article{
}
}
}
}
}