going on with home display: shworooms

This commit is contained in:
2019-07-16 17:01:18 +02:00
parent f6f70033ae
commit 53209dbca1
15 changed files with 408 additions and 87 deletions

View File

@@ -343,6 +343,47 @@ article.node--type-frontpage{
.field--name-field-showrooms{
}
.field--name-computed-showrooms-reference{
position:relative;
// height:550px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
>.field__item{
// position: absolute;
// top:0; left:0;
// width:100%; height:100%;
// overflow: hidden;
grid-column: 1;
grid-row: 1;
.taxonomy-term{
position: relative;
width:100%; height:100%;
div.visuel{
width:100%;
padding-bottom: 10em;
img{
max-width: 100%;
}
}
section.text{
position: absolute;
bottom:0; left:0;
width:100%;
box-sizing:border-box;
padding:1em 0;
background-color:#50aa3c;
color: #fff;
>*{
// display: inline-block;
font-size: 0.9em;
}
h2,p{
margin:0;
}
}
}
}
}
}
&.home-blabla{
@@ -387,39 +428,6 @@ article.node--type-frontpage{
}
}
.field--name-field-what-is-materio,
.field--name-field-a-database,
.field--name-field-showrooms,
.field--name-field-blabla,
.field--name-field-pricing{
&:not(:nth-child(1)){
margin-top: 1em;
}
.field__label{
font-size: 2.2em;
font-weight: bold;
}
}
// .field--name-computed-materials-reference,
.field--name-computed-showrooms-reference,
.field--name-computed-articles-reference{
// outline: 1px green solid;
margin:0; padding:0;
width: calc(100% + #{$column_goutiere});
.field__item{
display: inline-block;
vertical-align: top;
width:210px;
margin:0 $column_goutiere $column_goutiere 0; padding:0;
p{
margin:0;
}
}
}
}
}