11 lines
No EOL
13 KiB
CSS
11 lines
No EOL
13 KiB
CSS
/*!
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
|
*/.fr-tile{--text-spacing:0;--title-spacing:0 0 0.25rem;--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);background-position:0 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;display:flex;flex-direction:column;padding:2rem 2rem 2.25rem;position:relative;text-align:center}.fr-grid-row .fr-tile{height:100%}.fr-tile.fr-enlarge-link:hover .fr-tile__pictogram{--brightness:calc(100% + var(--brighten)*10%)}.fr-tile.fr-enlarge-link:active .fr-tile__pictogram{--brightness:calc(100% + var(--brighten)*20%)}.fr-tile__header{margin-bottom:1rem;order:1}.fr-tile__pictogram{align-items:center;display:flex;flex-shrink:0;height:5rem;justify-content:center;margin:0 auto;overflow:hidden;width:5rem}.fr-tile__pictogram>svg{height:100%;width:100%}.fr-tile__content{align-items:center;display:flex;flex-direction:column;height:100%}.fr-tile__body{flex:1 1 auto;height:100%;order:2}.fr-tile.fr-enlarge-link .fr-tile__title a:after,.fr-tile.fr-enlarge-link .fr-tile__title a:before{--icon-size:1.5rem;bottom:2.25rem;position:absolute;right:2rem}.fr-tile--no-icon .fr-tile__title a:not([target=_blank]):after,.fr-tile:not(.fr-enlarge-link):not(.fr-tile--download) .fr-tile__title a:not([target=_blank]):after{content:none}.fr-tile__title{color:var(--text-title-grey);font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:.5rem;order:2}.fr-tile__title:before{background-image:linear-gradient(0deg,var(--border-plain-grey),var(--border-plain-grey));bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.fr-tile__title a:before,.fr-tile__title:before{background-position:0 100%;background-repeat:no-repeat;background-size:100% .25rem}.fr-tile__title a:before{background-image:linear-gradient(0deg,var(--border-active-blue-france),var(--border-active-blue-france))}.fr-tile__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-tile__title [target=_blank]:after,.fr-tile__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-tile__title [target=_blank]:after{-webkit-mask-image:url(../../icons/system/external-link-line.svg);mask-image:url(../../icons/system/external-link-line.svg)}.fr-tile__desc{flex:1 1 auto;font-size:1rem;line-height:1.5rem;order:3}.fr-tile__start{margin-bottom:.75rem;order:1}.fr-tile__start .fr-badges-group,.fr-tile__start .fr-tags-group{margin-bottom:-.5rem}.fr-tile__detail{align-items:flex-start;display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:.75rem;order:4}.fr-tile__detail[class*=" fr-fi-"]:before,.fr-tile__detail[class*=" fr-icon-"]:before,.fr-tile__detail[class^=fr-fi-]:before,.fr-tile__detail[class^=fr-icon-]:before{--icon-size:1rem;margin-right:.5rem}.fr-tile.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--sm{padding:1.5rem 1.5rem 1.75rem}.fr-tile--sm .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-tile--sm .fr-badge:after,.fr-tile--sm .fr-badge:before{--icon-size:0.75rem}.fr-tile--sm .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tile--sm .fr-tag:after,.fr-tile--sm .fr-tag:before{--icon-size:0.75rem}.fr-tile--sm .fr-tile__title{font-size:1rem;line-height:1.5rem;margin-bottom:.25rem}.fr-tile--sm .fr-tile__title a:after{--icon-size:1rem}.fr-tile--sm .fr-tile__desc{font-size:.875rem;line-height:1.5rem}.fr-tile--sm .fr-tile__start{margin-bottom:.5rem}.fr-tile--sm .fr-tile__pictogram{height:3.5rem;width:3.5rem}.fr-tile--sm.fr-tile--horizontal .fr-tile__header{margin-right:1.5rem}.fr-tile--sm.fr-tile--horizontal .fr-tile__pictogram{height:2.5rem;width:2.5rem}.fr-tile--sm.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__title a:after{--icon-size:1rem;bottom:1.75rem;position:absolute;right:1.5rem}.fr-tile--sm.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2rem}.fr-tile--download,.fr-tile--horizontal{align-items:flex-start;flex-direction:row;justify-content:center;text-align:left}.fr-tile--download .fr-tile__header,.fr-tile--horizontal .fr-tile__header{margin-bottom:0;margin-right:2rem}.fr-tile--download .fr-tile__pictogram,.fr-tile--horizontal .fr-tile__pictogram{height:4rem;width:4rem}.fr-tile--download .fr-tile__content,.fr-tile--horizontal .fr-tile__content{align-items:flex-start}.fr-tile--download:not(.fr-tile--no-icon) .fr-tile__detail,.fr-tile--horizontal:not(.fr-tile--no-icon) .fr-tile__detail{margin-bottom:-2.5rem;margin-top:1.25rem;padding-right:2rem}.fr-tile--download:not(.fr-tile--no-icon) .fr-tile__content,.fr-tile--horizontal:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--download:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__detail,.fr-tile--horizontal:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__detail{margin-bottom:-2rem;margin-top:.75rem;padding-right:2rem}.fr-tile--download:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__content,.fr-tile--horizontal:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__content{padding-bottom:2rem}.fr-tile.fr-tile--download .fr-tile__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-tile:not(.fr-tile--no-border):not(.fr-tile--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))}.fr-tile--grey{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey)}.fr-tile--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-tile--shadow.fr-tile--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-tile--no-background{--hover:inherit;--active:inherit;background-color:transparent}.fr-tile__title:disabled,a.fr-tile__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)}.fr-tile__title a{color:var(--text-action-high-blue-france)}.fr-tile__title a:not([href]){color:var(--text-disabled-grey)}.fr-tile__title a:not([href]):before{background-image:linear-gradient(0deg,var(--border-disabled-grey),var(--border-disabled-grey))}.fr-tile__img{align-items:center;display:flex;filter:brightness(var(--brightness));flex-shrink:0;height:5rem;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;width:5rem}.fr-tile__img>svg{height:100%;width:100%}.fr-tile__body>.fr-tile__desc{padding-bottom:2.5rem}.fr-tile--horizontal .fr-tile__img{height:3rem;margin:0 1.5rem 0 0;width:3rem}@media (min-width:36em){
|
|
/*! media sm */
|
|
/*! media sm */}@media (min-width:48em){
|
|
/*! media md */.fr-tile__title{font-size:1.25rem;line-height:1.75rem}.fr-tile--vertical\@md{align-items:center;flex-direction:column;text-align:center}.fr-tile--vertical\@md .fr-tile__header{margin-bottom:1rem;margin-right:0!important}.fr-tile--vertical\@md .fr-tile__pictogram{height:5rem;width:5rem}.fr-tile--vertical\@md .fr-tile__content{align-items:center}.fr-tile--vertical\@md .fr-tile__detail{margin-top:.75rem}.fr-tile--vertical\@md.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--vertical\@md.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__detail{margin-bottom:0;padding-right:0}.fr-tile--horizontal .fr-tile__img{height:5rem;margin:0 2rem 0 0;width:5rem}
|
|
/*! media md */}@media (min-width:62em){
|
|
/*! media lg */.fr-tile--vertical\@lg{align-items:center;flex-direction:column;text-align:center}.fr-tile--vertical\@lg .fr-tile__header{margin-bottom:1rem;margin-right:0!important}.fr-tile--vertical\@lg .fr-tile__pictogram{height:5rem;width:5rem}.fr-tile--vertical\@lg .fr-tile__content{align-items:center}.fr-tile--vertical\@lg .fr-tile__detail{margin-top:.75rem}.fr-tile--vertical\@lg.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--vertical\@lg.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__detail{margin-bottom:0;padding-right:0}
|
|
/*! media lg */}@media (min-width:78em){
|
|
/*! media xl */
|
|
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-tile--download .fr-tile__body,.fr-tile--horizontal .fr-tile__body{flex-basis:100%}.fr-tile__body,.fr-tile__body>*{max-width:100%}.fr-tile__title{color:#161616;margin:0 0 .5rem;max-width:100%}.fr-tile__title a:after{background-image:url(../../icons/system/arrow-right-line.svg)}.fr-tile__title [target=_blank]:after,.fr-tile__title a:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-tile__title [target=_blank]:after{background-image:url(../../icons/system/external-link-line.svg)}.fr-tile__desc{margin:0;max-width:100%}.fr-tile__detail,.fr-tile__start{max-width:100%}.fr-tile--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-tile.fr-enlarge-link .fr-tile__title a{text-decoration:none}.fr-tile.fr-enlarge-link .fr-tile__title a:after{background-color:transparent;height:1.5rem;width:1.5rem}.fr-tile--sm .fr-tile__title a:after{height:1rem;width:1rem}.fr-tile{background-color:#fff}.fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-tile--grey{background-color:#eee}.fr-tile--shadow{background-color:#fff;z-index:500}.fr-tile--shadow.fr-tile--grey{background-color:#eee}.fr-tile--no-background{background-color:transparent}.fr-tile--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-tile--no-background:active{background-color:rgba(0,0,0,.1)}.fr-tile__title:disabled,a.fr-tile__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-tile__title:before{background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a)}.fr-tile__title a{color:#000091}.fr-tile__title a:before{background-image:linear-gradient(0deg,#000091,#000091)}.fr-tile__title a:not([href]){color:#929292}.fr-tile__title a:not([href]):before{background-image:linear-gradient(0deg,#e5e5e5,#e5e5e5)}}@media (-ms-high-contrast:active) and (min-width:48em),(-ms-high-contrast:none) and (min-width:48em){.fr-tile--download.fr-tile--vertical\@md .fr-tile__body,.fr-tile--horizontal.fr-tile--vertical\@md .fr-tile__body{flex-basis:auto}}@media (-ms-high-contrast:active) and (min-width:62em),(-ms-high-contrast:none) and (min-width:62em){.fr-tile--download.fr-tile--vertical\@lg .fr-tile__body,.fr-tile--horizontal.fr-tile--vertical\@lg .fr-tile__body{flex-basis:auto}}@media print{.fr-tile{background-color:#fff}.fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-tile--grey{background-color:#eee}.fr-tile--shadow{background-color:#fff}.fr-tile--shadow.fr-tile--grey{background-color:#eee}.fr-tile__title{color:#161616}.fr-tile__title:disabled,a.fr-tile__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-tile__title:before{background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a)}.fr-tile__title a{color:#000091}.fr-tile__title a:before{background-image:linear-gradient(0deg,#000091,#000091)}.fr-tile__title a:not([href]){color:#929292}.fr-tile__title a:not([href]):before{background-image:linear-gradient(0deg,#e5e5e5,#e5e5e5)}.fr-tile .fr-tile__desc,.fr-tile .fr-tile__detail,.fr-tile--sm .fr-tile__desc,.fr-tile--sm .fr-tile__detail,.fr-tile--sm__desc,.fr-tile--sm__detail,.fr-tile__desc,.fr-tile__detail{font-size:1rem;line-height:1.5rem}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-tile--shadow{z-index:500}.fr-tile--no-background{background-color:transparent}.fr-tile--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-tile--no-background:active{background-color:rgba(0,0,0,.1)}} |