123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384 |
- @import "../partials/_slick-slider.scss";
- .path-frontpage{
-
- .block-views-blockactus-blocks-pages-block-1{
-
- width: 100vw;
- border-bottom: 5px solid $blue-light;
-
- background: $background-actus;
- .view-actus-blocks-pages{
- padding-top: 5rem;
- .view-content{
- display: flex;
- flex-basis: auto;
-
-
-
-
-
- @media (max-width: 479px){
- display: flex;
- flex-direction: column;
-
- width: 80%;
- }
- .views-row{
- flex-basis: auto;
- }
-
-
-
-
-
-
- .node-type-actualite{
- color: $black;
- line-height: 1.5rem;
- padding: 0.5rem;
- div:first-child{
- display: flex;
- flex-direction: column;
-
-
-
- }
- .field--name-field-images {
- order: 1;
- .field__item img{
- max-width: 95%;
- max-height: 150px;
- object-fit: cover;
- width: 100%;
- padding-bottom: 1rem;
- }
- }
-
- .field--name-field-date{
- order: 2;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- &:not(:last-child):after{
- padding-right: 1rem;
- content: "|";
- }
- time{
- font-size: 0.9rem;
- font-weight: 800;
- padding-right: 1rem;
- width: fit-content;
-
-
-
-
-
-
- }
- }
- .field--name-title{
- order:3;
- }
- .field--name-field-sous-titre{
- order:4;
- margin-top: 0.3rem;
- font-weight: 800;
- }
-
- .field:not(.field--name-field-images){
- width: 100%;
- }
- h2{ margin:0; }
- a{ color: $black; }
-
- .inline.links{
- padding-top: none !important;
- list-style: none;
- width: fit-content;
- align-self: flex-end;
- padding-right: 1rem;
- a{
- display: none;
- }
- }
- .field--name-field-actu-type{
- order:5;
- padding-top: 1rem;
- }
- }
- }
- }
- }
-
-
- .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
- visibility: hidden;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
-
-
- .block-views-blockhome-nodes-block-2{
-
-
- .view-display-id-block_2:is(.view-id-home_nodes){
- padding-top: 2rem;
- padding-bottom: 4rem;
-
-
-
-
-
-
-
- .node-type-static{
- width: 80%;
- margin: auto;
- @media (max-width: 479px) {
- width: 80%;
- }
- div:first-child:not(.field__item):not(.field){
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- :nth-child(4) { order: 3; }
- }
- .inline.links{
- z-index: 95;
- align-self: flex-end;
- 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;
- display: inline-flex;
- align-items: center;
- &:after{
-
- content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
- }
- }
- }
- .field--name-field-images{
-
- .field__item{
- img{
- width: 15rem;
- height: auto;
- }
- }
- }
- .field--name-title{
- display: none;
- }
- .field--name-field-accroche{
- flex: 1 1 50px;
-
- padding-left: 1rem;
- @media (max-width: 479px){
- padding-left: 0em;
-
- }
- p{
- background-color: $white;
- font-size: 1.5rem;
- width: 110%;
- padding-bottom: 2rem;
- margin-block-start: 0;
- text-align: start !important;
- @media (max-width: 479px){
- font-size: 1.2rem;
- width: 100%;
- }
- }
- }
- .field--name-field-videos{
- flex: 0 0 80%;
- padding-top: 4rem;
- margin: auto;
- @media (max-width: 479px){
- flex: 0 0 100%;
- }
- .field__items {
- .field__item:nth-of-type(1){
- display: none;
- }
- }
- }
- }
- }
- }
-
- .block-views-blockprojets-block-4{
- border-top: 5px solid $blue-light;
- background: $background-actus;
- padding-top: 2rem;
- padding-bottom: 4rem;
- span h2{
- width: 80%;
- margin: auto;
- padding-top: 1rem;
- padding-bottom: 5rem;
- text-transform: uppercase;
- color: $red;
- font-family: 'Source Code Pro';
- font-weight: 1000;
- }
- .view-projets{
- width: 80%;
- margin: auto;
- .view-content{
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- .views-row{
- width: 49%;
-
- .node-type-projet{
- color: $blue-dark;
- line-height: 1.5rem;
-
-
-
- @media (max-width: 479px){
- padding-left: 0rem;
- padding-right: 0rem;
- padding-top: 2rem;
- }
- div:first-child{
- display: flex;
- flex-direction: column;
-
- a{
- color: $blue-dark;
- }
- .field--name-field-photo {
- order:1;
- img{
- width: 100%;
- object-fit: cover;
- height: fit-content;
- }
-
-
-
-
- }
- .field--name-field-adresse{
- order:2;
- display: flex;
- text-transform: uppercase;
- font-size: 0.9rem;
- font-weight: 800;
- margin-top: 0.8rem;
- line-height: 0.6rem;
- .address{
- display: flex;
- flex-direction: row;
- margin: 0;
- .locality{
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- &::after{
- content:",";
- margin-right: 0.3rem;
- }
- }
- .country{
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- } }
- }
- .field--name-field-sous-titre{
- margin-top: 0.5rem;
- font-size: 0.9rem;
- font-weight: 800;
- order: 4;
- }
- .field--name-title{
- order: 3;
- margin-top: 0.5rem;
- font-size: 0.9rem;
- font-weight: 800;
- h2{margin: 0;}
- }
-
- .field--name-field-incube{
- order:4;
- color: $red;
- margin-top: 0.8rem;
- font-size: 0.7rem;
- }
- }
- }
-
-
-
-
-
-
- }
- }
- }
- }
- }
|