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

7 lines
No EOL
6.9 KiB
CSS

/*!
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-callout{--title-spacing:0 0 0.5rem;--text-spacing:0;--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);background-image:linear-gradient(0deg,var(--border-default-blue-france),var(--border-default-blue-france));background-position:0 0;background-repeat:no-repeat;background-size:.25rem 100%;margin:0 0 1.5rem;padding:1.5rem;position:relative}.fr-callout[class*=" fr-fi-"]:before,.fr-callout[class*=" fr-icon-"]:before,.fr-callout[class^=fr-fi-]:before,.fr-callout[class^=fr-icon-]:before{display:block;margin:-.5rem 0 .5rem}.fr-callout__title{color:var(--text-title-grey);font-size:1.375rem;font-weight:700;line-height:1.75rem}.fr-callout__text{font-size:1.125rem;line-height:1.75rem}.fr-callout .fr-btn{margin-top:1rem}.fr-callout:before{color:var(--text-title-grey)}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-green-tilleul-verveine),var(--border-default-green-tilleul-verveine))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-green-bourgeon),var(--border-default-green-bourgeon))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-green-emeraude),var(--border-default-green-emeraude))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-green-menthe),var(--border-default-green-menthe))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-green-archipel),var(--border-default-green-archipel))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-blue-ecume),var(--border-default-blue-ecume))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-blue-cumulus),var(--border-default-blue-cumulus))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-purple-glycine),var(--border-default-purple-glycine))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-pink-macaron),var(--border-default-pink-macaron))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-pink-tuile),var(--border-default-pink-tuile))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-yellow-tournesol),var(--border-default-yellow-tournesol))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-yellow-moutarde),var(--border-default-yellow-moutarde))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-orange-terre-battue),var(--border-default-orange-terre-battue))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-brown-cafe-creme),var(--border-default-brown-cafe-creme))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-brown-caramel),var(--border-default-brown-caramel))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-brown-opera),var(--border-default-brown-opera))}.fr-callout--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);background-image:linear-gradient(0deg,var(--border-default-beige-gris-galet),var(--border-default-beige-gris-galet))}@media (min-width:36em){
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-callout{padding:2rem 3rem}.fr-callout[class*=" fr-fi-"]:before,.fr-callout[class*=" fr-icon-"]:before,.fr-callout[class^=fr-fi-]:before,.fr-callout[class^=fr-icon-]:before{margin:-1rem 0 1rem -2rem}.fr-callout__title{font-size:1.5rem;line-height:2rem}}@media (min-width:62em){
/*! media lg */}@media (min-width:78em){
/*! media xl */}