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

7 lines
10 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-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-si
/*! 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)}}