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

responsive: home pricing

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

@ -19829,6 +19829,9 @@ article.node--type-frontpage .node__content > section.home-database {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-between; } justify-content: space-between; }
@media (max-width: 654px) {
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul {
justify-content: space-around; } }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li { article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li {
padding: 0 0 6.5px 0; padding: 0 0 6.5px 0;
box-sizing: border-box; box-sizing: border-box;
@ -19976,11 +19979,20 @@ article.node--type-frontpage .node__content > section.home-pricing > h3 {
text-align: center; text-align: center;
text-transform: capitalize; text-transform: capitalize;
padding: 0.7em 0 0.3em 0; } padding: 0.7em 0 0.3em 0; }
@media (max-width: 654px) {
article.node--type-frontpage .node__content > section.home-pricing > h3 {
text-align: left;
padding: 0 0.4em; } }
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing-pitch { article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing-pitch {
text-align: center; } text-align: center; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing-pitch p { article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing-pitch p {
margin: 0; } margin: 0; }
@media (max-width: 654px) {
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing-pitch {
text-align: left; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing-pitch p {
padding: 0.5em 1em; } }
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing { article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing {
display: flex; display: flex;
@ -19992,10 +20004,22 @@ article.node--type-frontpage .node__content > section.home-pricing .field--name-
padding: 1em; padding: 1em;
margin: 0; margin: 0;
text-align: center; } text-align: center; }
@media (max-width: 654px) {
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing {
flex-flow: column;
justify-content: flex-start; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing p {
flex: 0 0 auto;
text-align: left;
padding: 0 1em 0.5em; } }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference { article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference {
display: flex; display: flex;
flex-flow: row nowrap; } flex-flow: row nowrap; }
@media (max-width: 654px) {
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference {
flex-flow: column;
justify-content: flex-start; } }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item { article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item {
flex: 0 0 50%; flex: 0 0 50%;
text-align: center; text-align: center;
@ -20037,6 +20061,10 @@ article.node--type-frontpage .node__content > section.home-pricing .field--name-
padding: 0.5em; } padding: 0.5em; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-body p { article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-body p {
margin: 0; } margin: 0; }
@media (max-width: 654px) {
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item {
flex: 0 0 auto;
padding: 0; } }
.infinite-loading-container .infinite-status-prompt i[class^="loading-"] { .infinite-loading-container .infinite-status-prompt i[class^="loading-"] {
width: 15px; width: 15px;

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

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