@codegouvfr/react-dsfr/dsfr/component/tile/tile.main.min.css

French State Design System React integration library

/*!
 * DSFR v1.8.5 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */.fr-tile{--text-spacing:0;--title-spacing:0 0 0.5rem;--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);box-shadow:inset 0 0 0 1px var(--border-default-grey),inset 0 -.25rem 0 0 var(--border-plain-blue-france);display:flex;flex-direction:column-reverse;position:relative}.fr-grid-row .fr-tile{height:100%}.fr-tile__link{--underline-img:none;display:inline-flex;width:100%}.fr-tile.fr-enlarge-link:hover .fr-tile__img{--brightness:calc(100% + var(--brighten)*10%)}.fr-tile.fr-enlarge-link:active .fr-tile__img{--brightness:calc(100% + var(--brighten)*20%)}.fr-tile__img{align-items:center;display:flex;filter:brightness(var(--brightness));flex-shrink:0;height:5rem;justify-content:center;margin:2rem auto 0;overflow:hidden;width:5rem}.fr-tile__img>svg{width:100%}.fr-tile__body{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:1rem;text-align:center}.fr-tile__title{font-weight:700}.fr-tile__desc,.fr-tile__title{font-size:1rem;line-height:1.5rem}.fr-tile--horizontal{align-items:center;flex-direction:row-reverse}.fr-tile--horizontal .fr-tile__img{height:3rem;margin:1.5rem 0 1.5rem 1.5rem;width:3rem}.fr-tile--horizontal .fr-tile__body{align-items:flex-start;margin:1.5rem;padding:0;text-align:left}.fr-tile--vertical-md{align-items:center;flex-direction:row-reverse}.fr-tile--vertical-md .fr-tile__img{height:3rem;margin:1.5rem 0 1.5rem 1.5rem;width:3rem}.fr-tile--vertical-md .fr-tile__body{align-items:flex-start;margin:1.5rem;padding:0;text-align:left}.fr-tile--horizontal-md{flex-direction:column-reverse}.fr-tile--horizontal-md .fr-tile__img{height:5rem;margin:2rem auto 0;width:5rem}.fr-tile--horizontal-md .fr-tile__img+.fr-tile__body{min-height:auto}.fr-tile--horizontal-md .fr-tile__body{align-items:center;margin:0;padding:1rem;text-align:center}.fr-tile--grey{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey)}@media (min-width:36em){
  /*! media sm */}@media (min-width:48em){
  /*! media md */.fr-tile__body{padding:1.5rem}.fr-tile--horizontal .fr-tile__img{height:5rem;margin:2rem 0 2rem 2rem;width:5rem}.fr-tile--horizontal .fr-tile__body{margin:2rem}.fr-tile--vertical-md .fr-tile__img{height:5rem;margin:2rem auto 0;width:5rem}.fr-tile--vertical-md .fr-tile__body{align-items:center;margin:0;padding:1.5rem;text-align:center}.fr-tile--vertical-md{align-items:normal;flex-direction:column-reverse}.fr-tile--horizontal-md .fr-tile__img+.fr-tile__body{margin:2rem;min-height:5rem;padding:0}.fr-tile--horizontal-md .fr-tile__img{margin:2rem 0 2rem 2rem}.fr-tile--horizontal-md .fr-tile__body{align-items:flex-start;margin:2rem;padding:0;text-align:left}.fr-tile--horizontal-md{align-items:center;flex-direction:row-reverse}}@media (min-width:62em){
  /*! media lg */}@media (min-width:78em){
  /*! media xl */}