7 lines
No EOL
10 KiB
CSS
7 lines
No EOL
10 KiB
CSS
/*!
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
|
*/.fr-card{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);display:flex;flex-direction:column;position:relative}.fr-card.fr-enlarge-link .fr-card__title a:after{--icon-size:1.5rem;bottom:2rem;position:absolute;right:2rem}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:100% 100%,0 0,100% 0,100% 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,1px 100%,1px 100%,100% 1px;padding:1px}.fr-card--no-icon .fr-card__title a:not([target=_blank]):after,.fr-card:not(.fr-enlarge-link):not(.fr-card--download) .fr-card__title a:not([target=_blank]):after{content:none}.fr-card__body{display:flex;flex:1 1 auto;flex-direction:column;height:100%;order:2;padding:0 2rem}.fr-grid-row .fr-card{height:100%}.fr-card__header{flex:0 0 auto;order:1;position:relative}.fr-card__header .fr-badges-group{left:0;padding:.75rem;position:absolute;top:0}.fr-card.fr-enlarge-link:hover .fr-card__img,.fr-card.fr-enlarge-link:hover .fr-card__vid{--brightness:calc(100% + var(--brighten)*10%)}.fr-card.fr-enlarge-link:active .fr-card__img,.fr-card.fr-enlarge-link:active .fr-card__vid{--brightness:calc(100% + var(--brighten)*20%)}.fr-card__img,.fr-card__vid{filter:brightness(var(--brightness))}.fr-card__img img,.fr-card__img svg,.fr-card__vid iframe,.fr-card__vid video{aspect-ratio:1.7777777778;object-fit:cover;object-position:50% 50%}.fr-card__img img{display:block}.fr-card__content{display:flex;flex-direction:column;height:100%;margin:0 -2rem;order:1;padding:2rem}.fr-card__title{color:var(--text-title-grey);font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:0;order:2}.fr-card__title a:after{margin-left:.5rem;-webkit-mask-image:url(../../icons/system/arrow-right-line.svg);mask-image:url(../../icons/system/arrow-right-line.svg)}.fr-card__title [target=_blank]:after,.fr-card__title a:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-card__title [target=_blank]:after{-webkit-mask-image:url(../../icons/system/external-link-line.svg);mask-image:url(../../icons/system/external-link-line.svg)}.fr-card__desc{font-size:.875rem;line-height:1.5rem;margin-bottom:0;margin-top:.75rem;order:3}.fr-card__start{order:1}.fr-card__start,.fr-card__start .fr-badges-group,.fr-card__start .fr-tags-group{margin-bottom:.25rem}.fr-card__start .fr-card__detail{margin-bottom:.75rem}.fr-card__end{display:flex;flex-direction:column;height:100%;margin-top:1rem;order:4;padding-top:.5rem}.fr-card__detail{align-items:flex-start;color:var(--text-mention-grey);display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0}.fr-card__detail[class*=" fr-fi-"]:before,.fr-card__detail[class*=" fr-icon-"]:before,.fr-card__detail[class^=fr-fi-]:before,.fr-card__detail[class^=fr-icon-]:before{--icon-size:1rem;margin-right:.5rem}.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end{justify-content:flex-end;margin-bottom:-3rem;min-height:2rem;padding-right:2rem}.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content{padding-bottom:5rem}.fr-card__footer{margin:0 -2rem;order:2;padding:.5rem 2rem 2rem}.fr-card__footer .fr-btns-group,.fr-card__footer .fr-links-group{margin-bottom:-1rem}.fr-card--sm .fr-card__header .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-card--sm .fr-card__header .fr-badge:after,.fr-card--sm .fr-card__header .fr-badge:before{--icon-size:0.75rem}.fr-card--sm .fr-card__header .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-card--sm .fr-card__header .fr-tag:after,.fr-card--sm .fr-card__header .fr-tag:before{--icon-size:0.75rem}.fr-card--sm .fr-card__content{padding:1.5rem}.fr-card--sm .fr-card__content .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-card--sm .fr-card__content .fr-badge:after,.fr-card--sm .fr-card__content .fr-badge:before{--icon-size:0.75rem}.fr-card--sm .fr-card__content .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-card--sm .fr-card__content .fr-tag:after,.fr-card--sm .fr-card__content .fr-tag:before{--icon-size:0.75rem}.fr-card--sm .fr-card__title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-card--sm .fr-card__title a:after{--icon-size:1rem}.fr-card--sm .fr-card__desc{margin-top:.5rem}.fr-card--sm .fr-card__start .fr-badges-group,.fr-card--sm .fr-card__start .fr-tags-group{margin-bottom:0}.fr-card--sm .fr-card__start .fr-card__detail{margin-bottom:.5rem}.fr-card--sm .fr-card__end{margin-top:1.5rem;padding-top:.5rem}.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end{margin-bottom:-2rem;min-height:1.25rem;padding-right:1.5rem}.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content{padding-bottom:3.5rem}.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a:after{--icon-size:1rem;bottom:1.5rem;right:1.5rem}.fr-card--sm .fr-card__footer{padding:.5rem 1.5rem 1.5rem}.fr-card--lg .fr-card__content{padding:2.5rem}.fr-card--lg .fr-card__title{font-size:1.375rem;font-weight:700;line-height:1.75rem}.fr-card--lg .fr-card__title a:after{--icon-size:1.5rem}.fr-card--lg .fr-card__desc{font-size:1rem;line-height:1.5rem;margin-top:1rem}.fr-card--lg .fr-card__start,.fr-card--lg .fr-card__start .fr-badges-group,.fr-card--lg .fr-card__start .fr-tags-group{margin-bottom:.5rem}.fr-card--lg .fr-card__start .fr-card__detail{margin-bottom:1rem}.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end{margin-bottom:-4rem;min-height:2.5rem;padding-right:2.5rem}.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content{padding-bottom:6.5rem}.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a:after{--icon-size:2rem;bottom:2.5rem;right:2.5rem}.fr-card--lg .fr-card__footer{padding:.5rem 2.5rem 2.5rem}.fr-card--download .fr-card__header{aspect-ratio:16/9}.fr-card--download .fr-card__header .fr-card__img{height:calc(100% - 1rem);left:.5rem;position:absolute;top:.5rem;width:calc(100% - 1rem)}.fr-card--download .fr-card__header .fr-card__img img{max-height:100%;max-width:100%;object-fit:contain}.fr-card--download .fr-card__title a:after{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(../../icons/system/download-line.svg);mask-image:url(../../icons/system/download-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-card__body>.fr-card__detail,.fr-card__body>.fr-card__title{margin-top:2rem}.fr-card__body>.fr-card__detail{margin-bottom:-1rem}.fr-card__body>.fr-card__desc,.fr-card__body>.fr-card__title{margin-bottom:2rem}.fr-card__body>.fr-card__desc{margin-top:-1rem}.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body>.fr-card__desc,.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body>.fr-card__title{margin-bottom:4.5rem}.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body>.fr-card__desc{margin-top:-3.5rem}.fr-card--grey{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey)}.fr-card--shadow{--idle:transparent;--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);background-color:var(--background-raised-grey);filter:drop-shadow(var(--raised-shadow));z-index:calc(var(--ground) + 500)}.fr-card--shadow.fr-card--grey{--idle:transparent;--hover:var(--background-contrast-raised-grey-hover);--active:var(--background-contrast-raised-grey-active);background-color:var(--background-contrast-raised-grey)}.fr-card--no-background{--hover:inherit;--active:inherit;background-color:transparent}.fr-card--download:not(.fr-card--no-background) .fr-card__header{--idle:transparent;--hover:var(--background-alt-grey-hover);--active:var(--background-alt-grey-active);background-color:var(--background-alt-grey)}.fr-card__title a[href]{color:var(--text-action-high-blue-france)}.fr-card__title:disabled,a.fr-card__title:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}@media (min-width:36em){
|
|
/*! media sm */}@media (min-width:48em){
|
|
/*! media md */.fr-card__title{font-size:1.375rem;line-height:1.75rem}.fr-card--sm .fr-card__title{font-size:1.25rem;line-height:1.75rem}.fr-card--lg .fr-card__title{font-size:1.5rem;line-height:2rem}.fr-card--horizontal,.fr-card--horizontal-half,.fr-card--horizontal-tier{flex-direction:row}.fr-card--horizontal .fr-card__img,.fr-card--horizontal-half .fr-card__img,.fr-card--horizontal-tier .fr-card__img{height:100%}.fr-card--horizontal .fr-card__img img,.fr-card--horizontal-half .fr-card__img img,.fr-card--horizontal-tier .fr-card__img img{height:100%;object-fit:cover}.fr-card--horizontal .fr-card__header{flex:0 0 40%;width:40%}.fr-card--horizontal-half .fr-card__header{flex:0 0 50%;width:50%}.fr-card--horizontal-tier .fr-card__header{flex:0 0 33.3333333333%;width:33.3333333333%}.fr-card--download{flex-direction:row}.fr-card--download .fr-card__header{aspect-ratio:auto;flex:0 0 40%;width:40%}.fr-card--download .fr-card__header .fr-card__img img{object-position:50% 0}.fr-card--download .fr-card__img{height:100%}.fr-card--download .fr-card__img img{height:100%;object-fit:cover}}@media (min-width:62em){
|
|
/*! media lg */}@media (min-width:78em){
|
|
/*! media xl */}@media (hover:hover) and (pointer:fine){.fr-card--download.fr-enlarge-link:hover .fr-card__header{background-color:var(--hover)}.fr-card--download.fr-enlarge-link:active .fr-card__header{background-color:var(--active)}} |