TP_JO2024/home/dist/component/badge/badge.min.css
2024-03-27 17:19:37 +01:00

11 lines
No EOL
14 KiB
CSS

/*!
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-badge{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:.25rem;color:var(--text-default-grey);display:inline-flex;flex-direction:row;font-size:.875rem;font-weight:700;line-height:1.5rem;max-height:none;max-width:100%;min-height:1.5rem;overflow:initial;padding:0 .5rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.fr-badge:after,.fr-badge:before{display:block}.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--icon-left[class^=fr-fi-],.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.25rem}.fr-badge[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge--sm{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badge--sm,.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-],.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.25rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-badge--sm:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:before{-webkit-mask-image:url(../../icons/system/fr--info-fill.svg);mask-image:url(../../icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:before{-webkit-mask-image:url(../../icons/system/fr--success-fill.svg);mask-image:url(../../icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:before{-webkit-mask-image:url(../../icons/system/fr--error-fill.svg);mask-image:url(../../icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:before{-webkit-mask-image:url(../../icons/system/fr--warning-fill.svg);mask-image:url(../../icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:before{-webkit-mask-image:url(../../icons/weather/flashlight-fill.svg);mask-image:url(../../icons/weather/flashlight-fill.svg)}.fr-badge--error:before,.fr-badge--info:before,.fr-badge--new:before,.fr-badge--sm--error:before,.fr-badge--sm--info:before,.fr-badge--sm--new:before,.fr-badge--sm--success:before,.fr-badge--sm--warning:before,.fr-badge--success:before,.fr-badge--warning:before{content:""}.fr-badge--sm.fr-badge--no-icon:before,.fr-badge.fr-badge--no-icon:before{content:none}.fr-badges-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-bottom:0;margin-left:-.25rem;margin-right:-.25rem}.fr-badges-group>li{display:inline-flex;max-width:100%}.fr-badges-group .fr-badge{margin:0 .25rem .5rem}.fr-badges-group--sm .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badges-group--sm .fr-badge:after,.fr-badges-group--sm .fr-badge:before{--icon-size:0.75rem}.fr-badge--info{--idle:transparent;--hover:var(--background-contrast-info-hover);--active:var(--background-contrast-info-active);background-color:var(--background-contrast-info);color:var(--text-default-info)}.fr-badge--error{--idle:transparent;--hover:var(--background-contrast-error-hover);--active:var(--background-contrast-error-active);background-color:var(--background-contrast-error);color:var(--text-default-error)}.fr-badge--success{--idle:transparent;--hover:var(--background-contrast-success-hover);--active:var(--background-contrast-success-active);background-color:var(--background-contrast-success);color:var(--text-default-success)}.fr-badge--warning{--idle:transparent;--hover:var(--background-contrast-warning-hover);--active:var(--background-contrast-warning-active);background-color:var(--background-contrast-warning);color:var(--text-default-warning)}.fr-badge--new{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}.fr-badge--green-tilleul-verveine{--idle:transparent;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine);color:var(--text-label-green-tilleul-verveine)}.fr-badge--green-bourgeon{--idle:transparent;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon);color:var(--text-label-green-bourgeon)}.fr-badge--green-emeraude{--idle:transparent;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude);color:var(--text-label-green-emeraude)}.fr-badge--green-menthe{--idle:transparent;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe);color:var(--text-label-green-menthe)}.fr-badge--green-archipel{--idle:transparent;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel);color:var(--text-label-green-archipel)}.fr-badge--blue-ecume{--idle:transparent;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume);color:var(--text-label-blue-ecume)}.fr-badge--blue-cumulus{--idle:transparent;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus);color:var(--text-label-blue-cumulus)}.fr-badge--purple-glycine{--idle:transparent;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine);color:var(--text-label-purple-glycine)}.fr-badge--pink-macaron{--idle:transparent;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron);color:var(--text-label-pink-macaron)}.fr-badge--pink-tuile{--idle:transparent;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile);color:var(--text-label-pink-tuile)}.fr-badge--yellow-tournesol{--idle:transparent;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol);color:var(--text-label-yellow-tournesol)}.fr-badge--yellow-moutarde{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-label-yellow-moutarde)}.fr-badge--orange-terre-battue{--idle:transparent;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue);color:var(--text-label-orange-terre-battue)}.fr-badge--brown-cafe-creme{--idle:transparent;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme);color:var(--text-label-brown-cafe-creme)}.fr-badge--brown-caramel{--idle:transparent;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel);color:var(--text-label-brown-caramel)}.fr-badge--brown-opera{--idle:transparent;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera);color:var(--text-label-brown-opera)}.fr-badge--beige-gris-galet{--idle:transparent;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet);color:var(--text-label-beige-gris-galet)}.fr-badge-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-bottom:0}.fr-badge-group>li{display:inline-flex;max-width:100%}.fr-badge-group .fr-badge{margin-bottom:.5rem;margin-right:.5rem}@media (min-width:36em){
/*! media sm */
/*! media sm */}@media (min-width:48em){
/*! media md */
/*! media md */}@media (min-width:62em){
/*! media lg */
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-badge:after,.fr-badge:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-badge--sm:before{height:.75rem;width:.75rem}.fr-badge--sm.fr-badge--info:after,.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:after,.fr-badge.fr-badge--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:after,.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:after,.fr-badge.fr-badge--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:after,.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:after,.fr-badge.fr-badge--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:after,.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:after,.fr-badge.fr-badge--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:after,.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:after,.fr-badge.fr-badge--new:before{background-image:url(../../icons/weather/flashlight-fill.svg)}ol.fr-badges-group,ul.fr-badges-group{list-style-type:none}ol.fr-badges-group,ul.fr-badges-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}}@media print{.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}}