TP_JO2024/home/dist/component/button/button.min.css

11 lines
44 KiB
CSS
Raw Normal View History

2024-03-27 17:19:37 +01:00
/*!
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:center;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.fr-btn:after,.fr-btn:before{display:block}.fr-btn[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--align-on-content{margin-left:-1rem;margin-right:-1rem}.fr-btn[class*=" fr-fi-"]:not([class*=fr-btn--icon-]),.fr-btn[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),.fr-btn[class^=fr-fi-]:not([class*=fr-btn--icon-]),.fr-btn[class^=fr-icon-]:not([class*=fr-btn--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn[class*=" fr-fi-"]:not([class*=fr-btn--icon-]):before,.fr-btn[class*=" fr-icon-"]:not([class*=fr-btn--icon-]):before,.fr-btn[class^=fr-fi-]:not([class*=fr-btn--icon-]):before,.fr-btn[class^=fr-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-btn--align-on-content[class*=" fr-fi-"]:not([class*=fr-btn--icon-]),.fr-btn--align-on-content[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),.fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]),.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--icon-left[class^=fr-fi-],.fr-btn--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-left[class*=" fr-fi-"]:before,.fr-btn--icon-left[class*=" fr-icon-"]:before,.fr-btn--icon-left[class^=fr-fi-]:before,.fr-btn--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-],.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-]{margin-left:-.875rem;margin-right:-1rem}.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--icon-right[class^=fr-fi-],.fr-btn--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-right[class*=" fr-fi-"]:after,.fr-btn--icon-right[class*=" fr-icon-"]:after,.fr-btn--icon-right[class^=fr-fi-]:after,.fr-btn--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--icon-right[class*=" fr-fi-"]:before,.fr-btn--icon-right[class*=" fr-icon-"]:before,.fr-btn--icon-right[class^=fr-fi-]:before,.fr-btn--icon-right[class^=fr-icon-]:before{content:none}.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-],.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-]{margin-left:-1rem;margin-right:-.875rem}.fr-btn--sm{font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-btn--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--align-on-content{margin-left:-.75rem;margin-right:-.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class*=fr-btn--icon-]),.fr-btn--sm[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),.fr-btn--sm[class^=fr-fi-]:not([class*=fr-btn--icon-]),.fr-btn--sm[class^=fr-icon-]:not([class*=fr-btn--icon-]){max-height:2rem;max-width:2rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--sm[class*=" fr-fi-"]:not([class*=fr-btn--icon-]):bef
/*! media sm */.fr-btns-group--inline-sm .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-sm>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-sm.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-btns-group--inline-md .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-md>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-md.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}
/*! media md */}@media (min-width:62em){
/*! media lg */.fr-btns-group--inline-lg .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-lg>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-lg.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-btn:after,.fr-btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn[href]{text-decoration:none}.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--sm:after,.fr-btn--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--lg:after,.fr-btn--lg:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn--close:after,.fr-btn--close:before{background-image:url(../../icons/system/close-line.svg)}.fr-btn--close:after,.fr-btn--close:before,.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-image:url(../../icons/system/question-line.svg)}.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-image:url(../../icons/media/fullscreen-line.svg)}.fr-btn--display:after,.fr-btn--display:before,.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--display:after,.fr-btn--display:before{background-image:url(../../icons/system/fr--theme-fill.svg)}.fr-btn--briefcase:after,.fr-btn--briefcase:before{background-image:url(../../icons/business/briefcase-fill.svg)}.fr-btn--account:after,.fr-btn--account:before,.fr-btn--briefcase:after,.fr-btn--bri