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

responsive: blabla ok, pricing first page ok

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2021-03-30 16:43:56 +02:00
parent d72e102cc5
commit 5fb69e008d
4 changed files with 156 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19717,7 +19717,7 @@ header[role="banner"] {
padding: 1em 0 0; }
body.path-frontpage header[role="banner"] #block-pagetitle, body.path-home header[role="banner"] #block-pagetitle {
display: none; }
header[role="banner"] #block-pagetitle h2 {
body.path-base header[role="banner"] #block-pagetitle h2 {
padding: 0.5em 1em 0 !important; } }
header[role="banner"] #block-pagetitle h2 {
margin: 0;
@@ -20175,20 +20175,20 @@ article.node--type-frontpage .node__content > section.home-pricing .field--name-
width: 100%;
height: auto;
box-shadow: none; }
.cards-list > ul > li > article > section.images {
#base .cards-list > ul > li > article > section.images {
height: auto; }
.cards-list > ul > li > article > section.images > figure {
position: relative; }
.cards-list > ul > li > article > section.images > figure:not(:first-child) {
display: none; }
.cards-list > ul > li > article > section.images > figure img:not(.blank) {
width: 100%;
height: auto; }
.cards-list > ul > li > article > section.images > figure img.blank {
top: 0;
bottom: 0;
left: 0;
right: 0; } }
.cards-list > ul > li > article > section.images > figure {
position: relative; }
.cards-list > ul > li > article > section.images > figure:not(:first-child) {
display: none; }
.cards-list > ul > li > article > section.images > figure img:not(.blank) {
width: 100%;
height: auto; }
.cards-list > ul > li > article > section.images > figure img.blank {
top: 0;
bottom: 0;
left: 0;
right: 0; } }
article.card {
position: relative;
@@ -20581,15 +20581,23 @@ article.card {
font-size: 0.756em;
font-weight: 400; }
#main-content > article.article div.cols {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(6, 1fr);
grid-gap: 1em; }
#main-content > article.article div.cols div.col-left {
grid-column: 1; }
#main-content > article.article div.cols div.col-right {
grid-column: 2/6; }
@media (min-width: 655px) {
#main-content > article.article div.cols {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(6, 1fr);
grid-gap: 1em; }
#main-content > article.article div.cols div.col-left {
grid-column: 1; }
#main-content > article.article div.cols div.col-right {
grid-column: 2/6; } }
@media (max-width: 654px) {
#main-content > article.article div.cols {
padding: 1em;
box-sizing: border-box; }
#main-content > article.article div.cols .accroche figure {
width: 100%; } }
#main-content > article.article section.accroche figure {
width: 423px;
@@ -20612,13 +20620,24 @@ article.card {
height: 147.5px;
background-size: cover; }
#main-content > article.article aside.linked-materials ul {
width: calc(100% + 13px); }
#main-content > article.article aside.linked-materials ul li {
display: inline-block;
vertical-align: top;
width: 205px;
margin: 0 13px 13px 0; }
@media (max-width: 654px) {
#main-content > article.article div.gallery-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
#main-content > article.article div.gallery-wrapper .image {
display: block;
flex: 0 1 48%;
margin: 0 0 7.8px 0; } }
@media (min-width: 655px) {
#main-content > article.article aside.linked-materials ul {
width: calc(100% + 13px); }
#main-content > article.article aside.linked-materials ul li {
display: inline-block;
vertical-align: top;
width: 205px;
margin: 0 13px 13px 0; } }
#main-content > article.article aside.linked-materials h3.field__label {
font-size: 1em;
@@ -20637,6 +20656,10 @@ article.card {
font-size: 0.756em;
font-weight: 400; }
@media (max-width: 654px) {
#main-content > article.article nav.prevnext {
padding: 0 1em; } }
#main-content > article.article nav.prevnext.bottom {
margin: 2em 0; }
@@ -20652,16 +20675,24 @@ article.card {
list-style: none; }
#main-content > article.article nav.prevnext li a {
font-size: 0.756em;
font-weight: 700; }
font-weight: 700;
line-height: 1.3;
display: block;
position: relative;
padding: 0 1em; }
#main-content > article.article nav.prevnext li:nth-child(1) {
grid-column: 1; }
#main-content > article.article nav.prevnext li:nth-child(1) a:before {
content: '< '; }
content: '\021A4';
position: absolute;
left: 0; }
#main-content > article.article nav.prevnext li:nth-child(2) {
grid-column: 2;
text-align: right; }
#main-content > article.article nav.prevnext li:nth-child(2) a:after {
content: ' >'; }
content: '\021A6';
position: absolute;
right: 0; }
#showrooms {
width: calc(100% + 13px); }
@@ -20794,6 +20825,15 @@ article.card {
#main-content .view-pricing-products .view-content article.product:nth-child(2) aside .variation button,
#main-content .view-pricing-products .view-content .views-row:nth-child(2) aside .variation button {
color: #ff9f50; }
@media (max-width: 654px) {
#main-content > #pricing,
#main-content .view-pricing-products .view-content {
flex-flow: column; }
#main-content > #pricing article.product,
#main-content > #pricing .views-row,
#main-content .view-pricing-products .view-content article.product,
#main-content .view-pricing-products .view-content .views-row {
flex: 0 1 auto; } }
.modal {
position: relative; }