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

11 lines
14 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 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 md */}@media (min-width:62em){
/*! media lg */
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! 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)}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-card--no-icon:after{content:none}.fr-card__desc,.fr-card__title{flex:1 0 auto}.fr-card__title a:after{background-image:url(../../icons/system/arrow-right-line.svg)}.fr-card__title [target=_blank]:after,.fr-card__title a:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-card__title [target=_blank]:after{background-image:url(../../icons/system/external-link-line.svg)}.fr-card__detail:before{height:1rem;width:1rem}.fr-card--download .fr-tile__title a:after{background-color:transparent;background-image:url(../../icons/system/download-line.svg);background-repeat:no-repeat;background-size:100%}.fr-card--download .fr-card__header{padding-top:56.25%}.fr-card--download .fr-card__header .fr-card__img img{height:auto!important;margin:auto;width:auto}.fr-card.fr-enlarge-link .fr-card__title a{text-decoration:none}.fr-card.fr-enlarge-link .fr-card__title a:after{background-color:transparent;height:1.5rem;width:1.5rem}.fr-card--sm .fr-card__title a:after,.fr-card--sm.fr-enlarge-link .fr-card__title a:after{height:1rem;width:1rem}.fr-card--lg.fr-enlarge-link .fr-card__title a:after{height:2rem;width:2rem}.fr-card--lg .fr-card__title a:after{height:1.5rem;width:1.5rem}.fr-card>.fr-card__img{flex-shrink:0}.fr-card{background-color:#fff}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-card--grey{background-color:#eee}.fr-card--shadow{background-color:#fff;z-index:500}.fr-card--shadow.fr-card--grey{background-color:#eee}.fr-card--no-background{background-color:transparent}.fr-card--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-card--no-background:active{background-color:rgba(0,0,0,.1)}.fr-card--download:not(.fr-card--no-background) .fr-card__header{background-color:#f6f6f6}.fr-card__detail{color:#666}.fr-card__title{color:#161616}.fr-card__title a[href]{color:#000091}.fr-card__title:disabled,a.fr-card__title:not([href]){background-color:#e5e5e5;color:#929292}}@media (-ms-high-contrast:active) and (min-width:48em),(-ms-high-contrast:none) and (min-width:48em){.fr-card--download .fr-card__header{padding-top:0}.fr-card--download .fr-card__body,.fr-card--horizontal .fr-card__body,.fr-card--horizontal-half .fr-card__body,.fr-card--horizontal-tier .fr-card__body{flex-basis:100%}}@media print{.fr-card{background-color:#fff}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-card--grey{background-color:#eee}.fr-card--shadow{background-color:#fff}.fr-card--shadow.fr-card--grey{background-color:#eee}.fr-card--download:not(.fr-card--no-background) .fr-card__header{background-color:#f6f6f6}.fr-card__detail{color:#666;line-height:1rem!important}.fr-card__title{color:#161616}.fr-card__title a[href]{color:#000091}.fr-card__title:disabled,a.fr-card__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-card__desc,.fr-card__detail{font-size:1rem;line-height:1.5rem}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-card--shadow{z-index:500}.fr-card--no-background{background-color:transparent}.fr-card--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-card--no-background:active{background-color:rgba(0,0,0,.1)}}