.path-node .page-node-type-static { font-family: $font-family-default; } .paragraph paragraph--type--texte .paragraph--view-mode--default { font-family: $font-family-default; } .node-type-static { display: flex; flex-direction: column; font-family: $font-family-default; .field--name-field-textes { display: flex; flex-direction: column; max-width: 50%; align-self: center; margin: auto; margin-left: 20%; margin-right: 30%; padding: 4rem; } .field--name-field-titre{ .field__item{ color: $blue-dark; font-weight: 900; font-size: 2rem; } .field__label{ visibility: hidden; } } .inter-titre { color: $blue-light; text-transform: uppercase; } } // field field--name-field-liens field--type-link field--label-above .field--name-field-liens { // position: relative; // position: sticky; // clear: right; float: right; width: 20%; margin-right: 10%; margin-bottom: 2rem; justify-items: center; .ext { display: flex; flex-direction: row-reverse; position: sticky; height: fit-content; font-weight: 900; background-color: $blue-light; color: $white; text-decoration: none; justify-content: left; align-items: center; padding: 0.2rem; svg { width: 70px; height: 70px; padding: 0; padding-right: 1rem; padding-left: 0.5rem; padding-bottom: 1rem; margin: 0; fill: $black; path, svg.mailto path { stroke: $black; stroke-width: 0.1px; } } } } .field--name-field-fichiers { position: relative; clear: right; float: right; width: 20%; margin-right: 10%; .file--mime-application-pdf { display: flex; height: fit-content; font-weight: 900; background-color: $blue-light; color: $white; justify-content: right; align-items: center; padding: 1rem; a { color: $white; text-decoration: none; // outline: none; } } }