diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 43729e0..bb3b6ab 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -2886,6 +2886,35 @@ body { #pour_candidater .paragraph--type--static-parts .colone-picto svg { display: none; } +#pour_candidater .paragraph--type--static-parts .colone-picto h6 { + display: flex; + justify-content: center; + margin-top: 1rem; + width: fit-content; + color: white; + background: black; + text-transform: uppercase; + font-size: 0.6rem; + margin-block: 0.5rem; +} +#pour_candidater .paragraph--type--static-parts .colone-picto h6 a { + display: inline-flex; + align-items: center; + color: white; + background: black; + text-transform: uppercase; + font-size: 0.6rem; + padding-left: 0.5rem; +} +#pour_candidater .paragraph--type--static-parts .colone-picto h6 a svg { + display: none; +} +#pour_candidater .paragraph--type--static-parts .colone-picto h6 a::after { + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; +} #pour_candidater .field_body { width: 65%; margin: auto; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/pour_candidater.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/pour_candidater.scss index c7f1c1b..aa47e03 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/pour_candidater.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/pour_candidater.scss @@ -42,6 +42,48 @@ svg{ display: none; } + h6{ + // flex: 1 100%; + display: flex; + justify-content: center; + // padding-right: 2rem; + margin-top: 1rem; + // margin-bottom: 2rem !important; + width: fit-content; + color: white; + background: black; + // padding-left: 0.5rem; + text-transform: uppercase; + font-size: 0.6rem; + // margin-bottom: 0.3rem; + // margin: auto; + // padding-bottom: 2rem; + // @media(max-width: 1090px){ + // padding-top: 0 ; + // margin-top: 0; + // } + margin-block: 0.5rem; + a{ + display: inline-flex; + align-items: center; + color: white; + background: black; + text-transform: uppercase; + font-size: 0.6rem; + padding-left: 0.5rem; + svg{ + display: none; + } + &::after{ + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; + + } + + } + } } }