.last-news, .last-ressources{ .slick-slide{ margin: 0 1rem; } .slick-arrow{ position: absolute; height: 100%; cursor: pointer; z-index: 100; background-color: white; opacity: 0; transition: opacity 250ms; width: 10%; &:hover{ opacity: .5; } } .slick-next{ right: 0; top: 0; } .views-row{ display: grid !important; grid-template-columns: 1fr; // flex-direction: column; // flex-direction: column-reverse; position: relative; height: auto; .views-field-field-image{ grid-column: 1; grid-row: 1 / span 4; z-index: -1; padding-top: 1rem; } .views-field:not(.views-field-field-image){ background: blue; width: 50%; margin-left: 1rem; padding-left: 1rem; } .views-field-title{ padding-bottom: 1rem; grid-column: 1; grid-row: 3; font-weight: 600; } .views-field-view-node{ padding-top: 1rem; grid-column: 1; grid-row: 1; } .views-field-field-programme{ text-transform: uppercase; grid-column: 1; grid-row: 2; } a{ text-decoration: none; } } } .about{ background: $lightblue; text-align: center; padding: 18rem 0 3rem 0; margin-top: -15rem; article{ h2{ font-family: "duke" !important; font-size: $font-large; color:black; font-weight: 400; a{ text-decoration: none; } } h3{ color: black; } div{ margin: 0 5%; } } } #home_blocks-block_3{ background: $lightblue; padding: 2rem; h2{ text-align: center; margin: 0 0 1rem 0; } .last-ressources{ .views-field:not(.views-field-field-image){ width: 80%; } .views-row{ display: grid !important; grid-template-columns: 1fr 1fr; align-items: center; background: white; position: relative; height: auto; padding: 1rem; background-clip: content-box; } .views-field-field-image{ grid-row: 3 / span 2; margin-top: -1.5rem; z-index: 0; padding: .5rem; } .views-field:not(.views-field-field-image){ background: transparent; width: auto; margin-left: 0; padding-left: 0; } .views-field-title{ font-weight: 600; grid-row: 3 / span 1; grid-column: 2 / span 1; } .views-field-view-node{ // padding-top: 1rem; // grid-column: 1; // grid-row: 1; grid-row: 2 / span 1; grid-column: 2 / span 1; } .views-field-field-programme{ .field-content{ display: inline-block; width: auto; background-color: blue !important; padding: .3rem .5rem; } padding-left: .5rem !important; grid-row: 1 / span 1; grid-column: 1 / span 2; text-transform: uppercase; margin-top: -.5rem; .field-content{ font-weight: 600; display: inline-block; width: auto; color: white; padding: .02rem .3rem; // margin-bottom: 1rem; } } } }