TP_JO2024/home/dist/component/callout/callout.main.min.css

7 lines
6.9 KiB
CSS
Raw Permalink 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-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:line
/*! 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 */}