.page-node-type-evenement, .page-node-type-actualite{ &.programme-1{ .field_programme{ background-color: $col-1; } } &.programme-2{ .field_programme{ background-color: $col-2; } } &.programme-3{ .field_programme{ background-color: $col-eur; } } &.programme-4{ .field_programme{ background-color: $col-1; } } &.programme-5{ .field_programme{ background-color: $col-mond; } } &.programme-6{ .field_programme{ background-color: $col-ter; } } &.programme-7{ .field_programme{ background-color: $col-met; } } .block-region-second{ display:grid; #node\:title{ margin: 0; font-size: $font-large; line-height: 1.3; } #node\:field_programme{ grid-row: 1; .field_programme{ display: inline-block; width: auto; padding: .3rem .5rem; color: white; font-weight: 600; text-transform: uppercase; font-size: .5rem; } margin-bottom: 1rem; } #node\:field_date{ font-size: $font-medium; grid-row: 3; .field_date{ div{ float: left; margin-right: 1rem; } } } #node\:field_sous_titre{ text-transform: uppercase; } #node\:field_intro{ font-size: $font-medium; } #node\:field_type_evenement{ grid-row: 2; } #node\:field_image{ grid-row: 5; width: 100%; margin: 1rem 0; img{ width: 100%; } } #node\:body{ } } .block-region-first{ padding: 1rem 0 .5rem 0; &>div{ padding: 0 0 .5rem 0; } a{ padding: 0 0 0 1rem; } } .block-region-third{ position: sticky; top: 1rem; .field_fichier, .field_ressources_liees{ margin: .5rem 0; padding-right: 1.3rem; a{ font-weight: 600; text-decoration: none; &:hover{ text-decoration: underline; } } } } }