.layout-sidebar-first{ #block-reha-phase1{ border: solid $yellow-puca 1px; font-weight: 800; padding: 1rem; width: 80%; @media(max-width:891px){ width: 100%; } h2{ margin-top: 0; margin-bottom: 0; text-transform: lowercase; font-weight: 1000; line-height: 1rem; font-size:1.5rem ; } p{ font-size: 1.5rem; line-height: 1.8rem; margin-top: 0.8rem; } footer{ @extend %buttonwithborder; width: fit-content; } } } ////// tiroirs fichers aside.layout-sidebar-second{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px; padding-top: $header-height; z-index: 100; padding-left: 2rem; transform: translateX(0%); transition: transform 0.35s; &.close { transform: translateX(85%); /* Par défaut ouvert */ transition: transform 0.35s; &:hover{ background-color: $yellow-puca; } } h2{ transform: translateX(-48%) translateY(25vh) rotate(-90deg); text-transform: uppercase; font-weight: 400; cursor: pointer; padding-top: 2rem; padding-bottom: 2rem; &::before{ content: url('../../dist/images/noun-arrow-1569918-black.svg'); display: inline-block; transform: translateY(5px) rotate(90deg); } } h2.__close{ &::before{ content: url('../../dist/images/noun-arrow-1569918-black.svg'); display: inline-block; } } .view-current-user-doc-profile{ margin: 0 6rem ; display: flex; flex-direction: column; top: 200px; position: relative; padding-top: 10rem; &::before{ content: '' ; width: 80%; margin-top: 0.6rem; border-bottom: black solid 1px; } header{box-shadow: none;} .views-field-title{ font-size: 2rem; font-weight: 900; display: flex; margin-bottom: 3rem; position: relative; z-index: 1000; &::after{ content: url(../images/noun-cross-1151731.svg); cursor: pointer; padding-left: 2rem; } } .view-curent-user-site-dossier{ position: relative; top: 200px; } .field--name-field-dossier-de-pilotage, .field--name-field-dossier-evenement, .paragraph--type--dossier{ text-transform: uppercase; display: flex; flex-direction: column; > div:nth-child(1){ display: flex; align-items: center; flex-direction: row; } > div:nth-child(1)::before{ content: url('../../dist/images/noun-file-6880430.svg'); display: inline-flex; width: 40px; height: auto; padding-right: 1rem; align-items: center; } .field__item{ .paragraph--type--dossier{ padding-left: 25%; .field--name-field-fichiers{ text-transform: none; border: none; padding-left: 10%; span:nth-of-type(2){ display: none; } } } } } } footer.view-footer{ margin-top: 3rem; text-transform: uppercase; border: solid black 1px; background-color: $white-button; font-size: 0.9rem; width: fit-content; font-weight: 400; padding-top: 0; align-self: left; margin-left: 1rem; @media (max-width:891px) { font-size: 1rem; } p{margin: 0; padding: 0.3rem;} :hover{ background-color: $yellow-puca; } } }