7 lines
No EOL
10 KiB
CSS
7 lines
No EOL
10 KiB
CSS
/*!
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
|
*/.fr-follow{--title-spacing:0 0 0.5rem;--text-spacing:0 0 1rem;--idle:transparent;--hover:var(--background-alt-blue-france-hover);--active:var(--background-alt-blue-france-active);background-color:var(--background-alt-blue-france);padding:1.5rem 0}.fr-follow__newsletter .fr-input-group{margin-bottom:1rem}.fr-follow__newsletter .fr-hint-text{margin-bottom:0}.fr-follow__newsletter .fr-label{clip:rect(0,0,0,0);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-follow__newsletter .fr-input-wrap{display:flex;flex-direction:column;margin-top:0;max-width:37.5rem}.fr-follow__newsletter .fr-input-wrap .fr-input{border-radius:.25rem .25rem 0 0;margin-bottom:1rem;margin-top:0}.fr-follow__newsletter .fr-input-wrap .fr-btn{border-radius:0;justify-content:center;width:100%}.fr-follow__newsletter .fr-messages-group{margin-top:1rem}.fr-follow__social{--text-spacing:0 0 0.75rem;--title-spacing:0 0 0.75rem}.fr-follow__social .fr-btns-group{margin-bottom:-1rem;width:auto}.fr-follow__social .fr-btns-group .fr-btn{justify-content:flex-start;margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-follow__social .fr-btns-group>li{display:inline-flex;max-width:100%;width:auto}.fr-follow__social .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow__social .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:1.125rem;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{--icon-size:2rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:0 -1px 0 0 var(--border-default-blue-france);margin-top:1.5rem;padding-top:1.5rem}.fr-follow .fr-btn--dailymotion:before{-webkit-mask-image:url(../../icons/logo/fr--dailymotion-fill.svg);mask-image:url(../../icons/logo/fr--dailymotion-fill.svg)}.fr-follow .fr-btn--facebook:before{-webkit-mask-image:url(../../icons/logo/facebook-circle-fill.svg);mask-image:url(../../icons/logo/facebook-circle-fill.svg)}.fr-follow .fr-btn--github:before{-webkit-mask-image:url(../../icons/logo/github-fill.svg);mask-image:url(../../icons/logo/github-fill.svg)}.fr-follow .fr-btn--instagram:before{-webkit-mask-image:url(../../icons/logo/instagram-fill.svg);mask-image:url(../../icons/logo/instagram-fill.svg)}.fr-follow .fr-btn--linkedin:before{-webkit-mask-image:url(../../icons/logo/linkedin-box-fill.svg);mask-image:url(../../icons/logo/linkedin-box-fill.svg)}.fr-follow .fr-btn--mastodon:before{-webkit-mask-image:url(../../icons/logo/mastodon-fill.svg);mask-image:url(../../icons/logo/mastodon-fill.svg)}.fr-follow .fr-btn--snapchat:before{-webkit-mask-image:url(../../icons/logo/snapchat-fill.svg);mask-image:url(../../icons/logo/snapchat-fill.svg)}.fr-follow .fr-btn--telegram:before{-webkit-mask-image:url(../../icons/logo/telegram-fill.svg);mask-image:url(../../icons/logo/telegram-fill.svg)}.fr-follow .fr-btn--threads:before{-webkit-mask-image:url(../../icons/logo/threads-fill.svg);mask-image:url(../../icons/logo/threads-fill.svg)}.fr-follow .fr-btn--tiktok:before{-webkit-mask-image:url(../../icons/logo/fr--tiktok-fill.svg);mask-image:url(../../icons/logo/fr--tiktok-fill.svg)}.fr-follow .fr-btn--twitch:before{-webkit-mask-image:url(../../icons/logo/twitch-fill.svg);mask-image:url(../../icons/logo/twitch-fill.svg)}.fr-follow .fr-btn--twitter:before{-webkit-mask-image:url(../../icons/logo/twitter-fill.svg);mask-image:url(../../icons/logo/twitter-fill.svg)}.fr-follow .fr-btn--twitter-x:before{-webkit-mask-image:url(../../icons/logo/twitter-x-fill.svg);mask-image:url(../../icons/logo/twitter-x-fill.svg)}.fr-follow .fr-btn--vimeo:before{-webkit-mask-image:url(../../icons/logo/vimeo-fill.svg);mask-image:url(../../icons/logo/vimeo-fill.svg)}.fr-follow .fr-btn--youtube:before{-webkit-mask-image:url(../../icons/logo/youtube-fill.svg);mask-image:url(../../icons/logo/youtube-fill.svg)}.fr-follow .fr-links-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin:0 -1rem -1rem;width:auto}.fr-follow .fr-links-group .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-follow .fr-links-group>li{display:inline-flex;max-width:100%;width:auto}.fr-follow .fr-error-text,.fr-follow .fr-hint-text,.fr-follow .fr-valid-text{margin-top:1rem}.fr-follow__social .fr-link{--underline-img:none;--hover-tint:var(--hover);--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france);display:inline-flex;font-size:1rem;line-height:1.5rem;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-link:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-follow__social .fr-links-group--lg .fr-link{font-size:1.125rem;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-links-group--lg .fr-link:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.fr-follow .fr-link--facebook:before{-webkit-mask-image:url(../../icons/logo/facebook-circle-fill.svg);mask-image:url(../../icons/logo/facebook-circle-fill.svg)}.fr-follow .fr-link--facebook:before,.fr-follow .fr-link--twitter:before{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-link--twitter:before{-webkit-mask-image:url(../../icons/logo/twitter-fill.svg);mask-image:url(../../icons/logo/twitter-fill.svg)}.fr-follow .fr-link--instagram:before{-webkit-mask-image:url(../../icons/logo/instagram-fill.svg);mask-image:url(../../icons/logo/instagram-fill.svg)}.fr-follow .fr-link--instagram:before,.fr-follow .fr-link--linkedin:before{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-link--linkedin:before{-webkit-mask-image:url(../../icons/logo/linkedin-box-fill.svg);mask-image:url(../../icons/logo/linkedin-box-fill.svg)}.fr-follow .fr-link--youtube:before{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(../../icons/logo/youtube-fill.svg);mask-image:url(../../icons/logo/youtube-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-input{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey)}.fr-follow__title{color:var(--text-title-grey)}.fr-follow__newsletter-legal{color:var(--text-mention-grey)}.fr-follow__social .fr-btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-follow__social .fr-btn:disabled,.fr-follow__social .fr-link:disabled,.fr-follow__social a.fr-btn:not([href]),.fr-follow__social a.fr-link:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}@media (min-width:36em){
|
|
/*! media sm */.fr-follow__newsletter .fr-input-group{margin-bottom:.5rem}.fr-follow__newsletter .fr-input-wrap .fr-btn{border-radius:0 .25rem 0 0;width:auto}.fr-follow__newsletter .fr-input-wrap{flex-direction:row}.fr-follow__newsletter .fr-input-wrap .fr-input{border-radius:.25rem 0 0 0;margin-bottom:0}.fr-follow__newsletter .fr-messages-group{margin-bottom:.5rem}}@media (min-width:48em){
|
|
/*! media md */.fr-follow{padding:2rem 0}.fr-follow .fr-grid-row>*>div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:-1px 0 0 0 var(--border-default-blue-france);margin-top:0;padding-left:8.3333333333%;padding-top:0}.fr-follow .fr-grid-row>:not(:last-child){padding-right:8.3333333333%}.fr-follow .fr-grid-row>:first-child:last-child>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter{--text-spacing:0}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter>*{max-width:50%;padding-left:.75rem;padding-right:.75rem}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter>:first-child{padding-left:0;padding-right:.75rem}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter>:last-child{padding-left:.75rem;padding-right:0}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__social{--title-spacing:0}.fr-follow .fr-hint-text{margin-top:.5rem}}@media (min-width:62em){
|
|
/*! media lg */}@media (min-width:78em){
|
|
/*! media xl */} |