refactored home database materials

This commit is contained in:
2020-12-27 11:09:03 +01:00
parent 0fc6347585
commit a2773b1b20
10 changed files with 294 additions and 55 deletions

View File

@@ -1513,15 +1513,18 @@ article.node--type-frontpage .node__content > section.home-intro, article.node--
text-align: center; }
article.node--type-frontpage .node__content > section.home-database, article.node--type-frontpage .node__content > section.home-showrooms, article.node--type-frontpage .node__content > section.home-blabla {
display: grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 2em;
padding: 2em 1em; }
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
article.node--type-frontpage .node__content > section.home-database > div:nth-child(1), article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1), article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) {
color: #fff;
grid-column: 1; }
flex: 0 0 423px;
box-sizing: border-box;
padding: 1em;
color: #fff; }
article.node--type-frontpage .node__content > section.home-database > div:nth-child(2), article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(2), article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(2) {
grid-column: 2; }
flex: 1 1 auto;
box-sizing: border-box;
padding: 1em 0.5em; }
article.node--type-frontpage > h2 {
display: none; }
@@ -1549,28 +1552,23 @@ article.node--type-frontpage .node__content > section.home-database {
width: 100%;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 130px));
grid-template-rows: 1fr;
grid-gap: 1em;
justify-content: start; }
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding-top: 140%; }
padding: 0 0 6.5px 0;
box-sizing: border-box;
width: 102.5px;
height: 147.5px; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto; }
width: 100%;
height: 100%; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card .field--name-field-short-description {
font-size: 0.756em;
line-height: 0.9; }
font-size: 0.656em;
line-height: 1.2; }
article.node--type-frontpage .node__content > section.home-showrooms {
background-color: #50aa3c; }