// .node-type-static { // display: grid; // grid-template-columns: 2fr 2fr 2fr 2fr 2fr; // } .field--type-entity-reference-revisions{ .paragraph-summary{ font-family: $font-family-default; font-size: 5rem; font-weight: 600; color: $black !important; text-transform: capitalize; span:nth-of-type(2n){ display: block; font-size: 1rem; } } .paragraph-summary:nth-of-type(2n) { font-size: 2rem; } } // bandeau bleu actus .block-views-blockactus-blocks-pages-block-1{ background-color: $blue-dark; padding: 1rem; .view-content{ display: flex; flex-direction: row; // justify-content: space-between; padding-left: 8rem; padding-right: 4rem; margin: auto; .views-row{ width: 25%; } .node-type-actualite{ color: $white; line-height: 1.5rem; padding: 0.5rem; div:first-child{ // block actu dans le bandeau display: flex; flex-direction: column; :nth-child(1) { order: 1; } :nth-child(4) { order: 2; } :nth-child(5) { order: 3; } } .field--name-field-images { .field__item img{ width: 50%; height: fit-content; // &::after{ // content:"line"; // } } } .field:not(.field--name-field-images){ width: 100%; } h2{ margin:0; } a{ color: $white; } } } } // actu dans bandeau // .node-type-actualite div:first-child{ // display: flex; // flex-direction: column; // :nth-child(1) { order: 1; } // :nth-child(4) { order: 2; } // :nth-child(5) { order: 3; } // } // bouton voir toutes actus du bandeau bleu .layout--onecol{ .block-block-content{ display: grid; // grid-template-rows: repeat(auto fill, 1fr); grid-template-columns: 1fr repeat(8, 2fr) 1fr; } .field--type-link { grid-area: 8 / span 9; grid-row: 0; justify-self: end; // display: block; // float: right; width: fit-content; height: fit-content; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: $white; border: 2px solid $blue-light; list-style: none; a{ text-transform: uppercase; font-weight: 700; color: $blue-light; } a::after{ display: inline-block; content: url("../../images/pictos/polygon2.svg"); } } } // boutons en savoir plus pour lien vers pages statiques .view-display-id-block_2{ padding-top: 2rem; .node-type-static{ // margin: auto; div:first-child:not(.field__item):not(.field){ display: grid; // grid-template-rows: repeat(auto fill, 1fr); grid-template-columns: 1fr repeat(8, 2fr) 1fr; } .inline.links{ // align-self: flex-end; grid-column: 9; grid-row: 2; width: fit-content; height: fit-content; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: $white; border: 2px solid $blue-light; list-style: none; a{ text-transform: uppercase; font-weight: 700; color: $blue-light; // &::after{ // content: url('../../images/pictos/noun_Arrow_3771902.svg'); // } } } .field--name-field-images{ grid-column: 2 / 3; .field__item{ img{ width: 15rem; height: auto; } } } .field--name-title{ display: none; } .field--name-field-accroche{ // flex: 1 1 50px; grid-column: 3 / 9; padding-left: 1rem; p{ font-size: 1.5rem; width: 110%; margin: 0; padding-bottom: 1rem; } } } }