7 lines
6.5 KiB
CSS
7 lines
6.5 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-share{--text-spacing:0 0 1rem;--title-spacing:0 0 1rem;display:flex;flex-direction:column}.fr-share__title{font-size:1rem;line-height:1.5rem;order:1}.fr-share__text{color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;order:3}.fr-share .fr-btns-group{order:2;width:auto}.fr-share .fr-btns-group .fr-btn{justify-content:flex-start;margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-share .fr-btns-group>li{display:inline-flex;max-width:100%;width:auto}.fr-share .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-share .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-btn--facebook:before{-webkit-mask-image:url(../../icons/logo/facebook-circle-line.svg);mask-image:url(../../icons/logo/facebook-circle-line.svg)}.fr-btn--linkedin:before{-webkit-mask-image:url(../../icons/logo/linkedin-box-line.svg);mask-image:url(../../icons/logo/linkedin-box-line.svg)}.fr-btn--mastodon:before{-webkit-mask-image:url(../../icons/logo/mastodon-line.svg);mask-image:url(../../icons/logo/mastodon-line.svg)}.fr-btn--threads:before{-webkit-mask-image:url(../../icons/logo/threads-line.svg);mask-image:url(../../icons/logo/threads-line.svg)}.fr-btn--twitter:before{-webkit-mask-image:url(../../icons/logo/twitter-line.svg);mask-image:url(../../icons/logo/twitter-line.svg)}.fr-btn--twitter-x:before{-webkit-mask-image:url(../../icons/logo/twitter-x-line.svg);mask-image:url(../../icons/logo/twitter-x-line.svg)}.fr-btn--mail:before{-webkit-mask-image:url(../../icons/business/mail-line.svg);mask-image:url(../../icons/business/mail-line.svg)}.fr-btn--copy:before{-webkit-mask-image:url(../../icons/business/links-fill.svg);mask-image:url(../../icons/business/links-fill.svg)}.fr-share__group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;margin-left:-.5rem;margin-right:-.5rem;order:2;width:auto}.fr-share__group .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-share__group>li{display:inline-flex;max-width:100%;width:auto}.fr-share__link{--underline-img:none;--hover-tint:var(--hover);--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france);display:inline-flex;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem}.fr-share__link--facebook{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-share__link--facebook: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-image:url(../../icons/logo/facebook-circle-line.svg);mask-image:url(../../icons/logo/facebook-circle-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-share__link--twitter{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-share__link--twitter: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-image:url(../../icons/logo/twitter-line.svg);mask-image:url(../../icons/logo/twitter-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-ali
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */.fr-share__text{max-width:18rem}}@media (min-width:62em){
|
||
|
|
/*! media lg */}@media (min-width:78em){
|
||
|
|
/*! media xl */}
|