Summary report > Page report

1 Error

  • 1 CSS
    • 1 E777 - Invalid value. Check the value against the list of valid rules from the official standard.
        1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3.
            width:-moz-fit-content
        
Display issue details

Go to first issue

  1 .PresseGrid_presse-box__VlDdt {
    1   position:relative;
    1   min-height:290px;
    1   width:100%;
    1   display:flex;
    1   background:#fff;
    1   box-shadow:-12px 12px 47px #dbdbdb,12px -12px 47px #fff;
    1 }
    1 .PresseGrid_presse-box__VlDdt.PresseGrid_has-grey-bg__xIzU1 {
    1   background:#f7f7f7;
    1   box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-category__lBhHN {
    1   width:36px;
    1   writing-mode:vertical-lr;
    1   text-orientation:mixed;
    1   padding-top:.75rem;
    1   color:#fff;
    1   font-family:Fruitiger Bold,arial,helvetica,sans-serif;
    1   font-size:.8125rem;
    1   line-height:1rem;
    1   letter-spacing:.1rem;
    1   text-transform:uppercase;
    1   display:flex;
    1   align-items:center;
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-content__Ul1dd {
    1   position:relative;
    1   display:flex;
    1   flex-direction:column;
    1   justify-content:space-between;
    1   width:100%;
    1   height:100%;
    1   padding:1.5rem 1.5rem 0;
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-content__Ul1dd .PresseGrid_box-type__QW3MF {
    1   display:block;
    1   font-family:Fruitiger Bold,arial,helvetica,sans-serif;
    1   font-size:.8125rem;
    1   line-height:1rem;
    1   letter-spacing:.1625rem;
    1   text-transform:uppercase;
    1   color:#2c2f38;
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-content__Ul1dd .PresseGrid_box-title__RwrMY {
    1   display:block;
    1   margin-top:1.75rem;
    1   font-family:Fruitiger,arial,helvetica,sans-serif;
    1   color:#2c2f38;
    1   text-transform:uppercase;
    1   font-size:1.05rem;
    1   line-height:1.5rem;
    1   letter-spacing:.1rem;
    1 }
    1 @media screen and (min-width:1024px) {
    1   .PresseGrid_presse-box__VlDdt .PresseGrid_box-content__Ul1dd .PresseGrid_box-title__RwrMY {
    1     font-size:1.125rem;
    1     line-height:1.75rem;
    1     letter-spacing:.1125rem;
    1   }
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-image__Xj2KV {
    1   position:absolute;
    1   inset:0;
    1   z-index:1;
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-image__Xj2KV .PresseGrid_box-image-overlay__UCb2o {
    1   position:absolute;
    1   inset:0;
    1   top:50%;
    1   background:transparent linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.533)) 0 0 no-repeat padding-box;
    1 }
    1 .PresseGrid_presse-box__VlDdt .PresseGrid_box-link__96jYK {
    1   z-index:2;
    1 }
    1 .PresseGrid_links-filter__tS5is {
    1   position:relative;
    1   display:flex;
    1   justify-content:space-between;
    1   align-items:center;
    1   z-index:3;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_links__jrPVe {
    1   display:flex;
    1   gap:.875rem;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_links__jrPVe .PresseGrid_link__Psk_p {
    1   border-radius:30px;
    1   background-color:#fff;
    1   color:#2c2f38;
    1   font-size:.875rem;
    1   line-height:1.3125rem;
    1   letter-spacing:.0875rem;
    1   height:45px;
    1   padding:0 1.5rem;
    1   display:flex;
    1   align-items:center;
    1   transition:background-color .3s ease,color .3s ease,scale .3s ease;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_links__jrPVe .PresseGrid_link__Psk_p.PresseGrid_has-white-bg__3Vln9 {
    1   background-color:#f7f7f7;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_links__jrPVe .PresseGrid_link__Psk_p.PresseGrid_active__mmveI {
    1   background-color:#2c2f38;
    1   color:#fff;
    1   pointer-events:none;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_links__jrPVe .PresseGrid_link__Psk_p:hover {
    1   background-color:#2c2f38;
    1   color:#fff;
    1   scale:1.02;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_dropdown__QFveJ {
    1   position:relative;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_dropdown__QFveJ .PresseGrid_dropdown-label__x_crk {
    1   display:flex;
    1   justify-content:space-between;
    1   align-items:center;
    1   background-color:#2c2f38;
    1   color:#fff;
    1   border-radius:30px;
    1 next issueprevious issueE777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
  Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
        width:-moz-fit-content;
    1   width:fit-content;
    1   padding:0 1.5rem;
    1   height:45px;
    1   font-family:Fruitiger Bold,arial,helvetica,sans-serif;
    1   font-size:.875rem;
    1   line-height:1.3125rem;
    1   letter-spacing:.0875rem;
    1   text-transform:uppercase;
    1   position:relative;
    1   z-index:3;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_dropdown__QFveJ .PresseGrid_dropdown-label__x_crk svg {
    1   margin-left:1.375rem;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_dropdown__QFveJ .PresseGrid_dropdown-links__PHprT {
    1   opacity:0;
    1   position:absolute;
    1   top:100%;
    1   left:0;
    1   right:0;
    1   font-family:Fruitiger Bold,arial,helvetica,sans-serif;
    1   font-size:.875rem;
    1   line-height:1.3125rem;
    1   letter-spacing:.0875rem;
    1   text-transform:uppercase;
    1   display:flex;
    1   flex-direction:column;
    1   padding:3rem 1.5rem 0;
    1   transform:translateY(-2rem);
    1   background-color:#fff;
    1   border-radius:30px;
    1   z-index:2;
    1   transition:opacity .3s ease-in-out;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_dropdown__QFveJ:hover .PresseGrid_dropdown-links__PHprT {
    1   opacity:1;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji {
    1   display:flex;
    1   flex-direction:column;
    1   justify-content:center;
    1   align-items:center;
    1   position:absolute;
    1   right:1rem;
    1   top:1rem;
    1   z-index:3;
    1   background:#f7f7f7;
    1   height:45px;
    1   overflow:hidden;
    1   transition:all .3s ease-in-out;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji.PresseGrid_is-open__vWj2F {
    1   height:auto;
    1   align-items:flex-end;
    1 }
    1 @media screen and (max-width:767px) {
    1   .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji.PresseGrid_is-open__vWj2F {
    1     width:calc(100% - 2rem);
    1   }
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji.PresseGrid_is-open__vWj2F .PresseGrid_filter-items___2Mm5 {
    1   width:100%;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji.PresseGrid_has-grey-bg__xIzU1 {
    1   background:#fff;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-icon__QRtX2 {
    1   display:flex;
    1   justify-content:center;
    1   align-items:center;
    1   width:45px;
    1   height:45px;
    1   cursor:pointer;
    1   background-color:#f7f7f7;
    1   z-index:3;
    1   transition:all .3s ease-in-out;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-icon__QRtX2.PresseGrid_has-grey-bg__xIzU1 {
    1   background-color:#fff;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-icon__QRtX2 svg {
    1   display:block;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-icon__QRtX2.PresseGrid_is-open__vWj2F {
    1   margin-right:1rem;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-items___2Mm5 {
    1   display:flex;
    1   flex-direction:column;
    1   align-items:flex-end;
    1   gap:1.75rem;
    1   margin-top:2.5rem;
    1   padding:0 2rem 2rem;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-items___2Mm5 .PresseGrid_filter-item__xU5qg {
    1   font-family:Fruitiger Bold,arial,helvetica,sans-serif;
    1   font-size:.875rem;
    1   line-height:1.3125rem;
    1   letter-spacing:.0875rem;
    1   text-transform:uppercase;
    1   cursor:pointer;
    1   white-space:nowrap;
    1   transition:background-size .3s ease-in-out;
    1 }
    1 .PresseGrid_links-filter__tS5is .PresseGrid_filter-box__ahAji .PresseGrid_filter-items___2Mm5 .PresseGrid_filter-item__xU5qg.PresseGrid_active__mmveI {
    1   border-bottom:1px solid #2c2f38;
    1 }
    1 .BoxLoader_loader-wrapper__Ipf6j {
    1   position:absolute;
    1   top:50%;
    1   left:50%;
    1   transform:translate(-50%,-50%);
    1   width:100%;
    1   height:100%;
    1   display:flex;
    1   justify-content:center;
    1   align-items:center;
    1 }
    1 .BoxLoader_box-loader__fo0Yg {
    1   display:inline-block;
    1   position:relative;
    1   width:80px;
    1   height:80px;
    1 }
    1 .BoxLoader_box-loader__fo0Yg div {
    1   display:inline-block;
    1   position:absolute;
    1   left:8px;
    1   width:16px;
    1   background:#2c2f38;
    1   animation:BoxLoader_box-loader__fo0Yg 1.2s cubic-bezier(0,.5,.5,1) infinite;
    1 }
    1 .BoxLoader_box-loader__fo0Yg div:first-child {
    1   left:8px;
    1   animation-delay:-.24s;
    1 }
    1 .BoxLoader_box-loader__fo0Yg div:nth-child(2) {
    1   left:32px;
    1   animation-delay:-.12s;
    1 }
    1 .BoxLoader_box-loader__fo0Yg div:nth-child(3) {
    1   left:56px;
    1   animation-delay:0;
    1 }
    1 @keyframes BoxLoader_box-loader__fo0Yg {
    1   0% {
    1     top:8px;
    1     height:64px;
    1   }
    1   50%,to {
    1     top:24px;
    1     height:32px;
    1   }
    1 }