123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- // .
- // .paragraph--type--texte {
- // paragraph--type--texte
- // font-size: 2rem;
- // }
- .layout__region--top{
- .block-entity-fieldnodefield-images{
- img{
- width: 65%;
- object-fit: cover;
- height: 500px;
- }
- }
- .block-entity-fieldnodetitle{
- display: block;
- position: relative;
- float: right;
- top: -375px;
- width: 60%;
- .field--name-title{
- font-size: 4rem;
- font-weight: 800;
- color: $blue-light;
- background-color: $white;
- padding: 2rem 1rem 2rem 1rem;
- }
- }
- }
- .layout__region--first{
- .block-region-first{
- .block-entity-fieldnodefield-textes{
- // max-width: 70%;
- // margin-left: 5rem;
- display: flex;
- justify-content: left;
- padding-right: 2rem;
- .field--name-field-titre{
- display: flex;
- font-size: 1rem;
- font-weight: 800;
- color: $blue-dark;
- &:focus{
- text-decoration: underline;
- }
- &::after{
- border-bottom: olivedrab;
- }
- }
- }
- }
- }
- .layout__region--second{
-
- .block-entity-fieldnodefield-textes{
- .field--name-field-titre{
- font-size: 2rem;
- font-weight: 800;
- color: $blue-dark;
- }
- .field--type-text-long{
- padding-right: 2rem;
- }
- }
-
- }
- .layout__region--third{
- .field--name-field-fichiers{
- display: flex;
- justify-self: right;
- min-height: 4rem;
- max-width: 70%;
- background: #009ee3;
- color: white;
- align-content: flex-end;
- align-items: center;
- justify-content: center;
-
- .file--mime-application-pdf{
- a{
- color: $white;
- font-weight: 800;
- }
- padding: 1rem;
- }
- }
- .block-entity-fieldnodefield-ress{
- h2{
- font-size: 1rem;
- color: $blue-dark;
- }
- .node-type-ressource{
- display: flex;
- border-bottom: 1px solid $blue-light;
- padding-bottom: 2rem;
- max-width: 70%;
- .field, a{
- line-height: 0.6rem;
- font-size: 1.5rem;
- color: $blue-dark;
- font-weight: 500;
- }
- // .field--type-image{
- // // max-width: 70%;
- // // max-height: 4rem;
- // // img{
- // // object-fit: scale-down;
- // // }
- // }
- }
- }
- }
|