bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved grid display without masonry

Browse Source
This commit is contained in:
bachir
2018-04-27 16:53:00 +02:00
parent 89f370d4b7
commit 51f25bd347
4 changed files with 160 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+30 -8
View File
@@ -1433,6 +1433,7 @@ body.path-agenda main .col{
// |_| |_| \___/\__,_|\_,_\__|\__|_\___/_||_/__/
body.path-frontpage, body.path-productions{
.layout-content .row{
// opacity: 1;
white-space: normal;
min-height: 100%;
.grid{
@@ -1443,8 +1444,10 @@ body.path-frontpage, body.path-productions{
height:auto;
opacity:1;
transition: opacity 0.5s ease-in-out;
// box-sizing: content-box;
&.offfield{
opacity: 0;
transition: opacity 0s ease-in-out;
}
&.col-2:last-child{
padding-left: 0em;
@@ -1457,9 +1460,23 @@ body.path-frontpage, body.path-productions{
article.node{
.field--name-field-visuel{
a,img{
// a,img{
// display: block;
// width: 100%;
// height:auto;
// }
// http://www.goldenapplewebdesign.com/responsive-aspect-ratios-with-pure-css/
// maintain box size without waiting for image loading
a{
display: block;
width: 100%; height:auto;
width: 100%;
padding-bottom: 56.25%; // ratio 800*450;
// height:auto;
}
img{
// display: none;
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}
}
header{
@@ -1483,12 +1500,17 @@ body.path-frontpage, body.path-productions{
}
}
}
// &.node--view-mode-image-1-columns{
// h2.node-title{
// // font-size: 1em;
// // font-weight: 500;
// }
// }
&.node--view-mode-image-1-columns{
.field--name-field-visuel{
padding-bottom: 35px;
}
header{
box-sizing: border-box;
position: absolute;
bottom: 0; left:0;
}
}
&.node--view-mode-text-1-column{
padding:0 1em;
}