@codegouvfr/react-dsfr/dsfr/component/header/header.print.css

French State Design System React integration library

/*!
 * DSFR v1.12.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@media print {
  .fr-header__brand {
    background-color: #fff;
    flex-wrap: nowrap;
  }

  .fr-header__service {
    color: #161616;
    box-shadow: none;
  }

  .fr-header__service::before {
    background-color: #ddd;
  }

  .fr-header__menu-links::after {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .fr-header__menu-links .fr-btn {
    color: #000091;
  }

  .fr-header__menu-links .fr-btn:disabled,
  .fr-header__menu-links a.fr-btn:not([href]) {
    color: #929292;
  }

  .fr-header__tools-links .fr-btn {
    color: #000091;
  }

  .fr-header__tools-links .fr-btn:disabled,
  .fr-header__tools-links a.fr-btn:not([href]) {
    color: #929292;
  }

  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {
    color: #000091;
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled,
  .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-header__navbar .fr-service__title {
    color: #161616;
  }

  .fr-header__navbar .fr-btn {
    color: #000091;
  }

  .fr-header__navbar .fr-btn:disabled,
  .fr-header__navbar a.fr-btn:not([href]) {
    color: #929292;
  }

  .fr-header__navbar .fr-btn--menu {
    color: #000091;
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .fr-header__navbar .fr-btn--menu:disabled,
  .fr-header__navbar a.fr-btn--menu:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-header .fr-modal {
    background-color: #fff;
  }

  .fr-header__menu {
    display: none;
  }

  .fr-header__body-row {
    padding: 0;
  }

  .fr-header__body .fr-header__tools,
  .fr-header__body .fr-header__navbar {
    display: none;
  }

  .fr-header__brand-top {
    width: auto;
  }
}
@media print and (min-width: 62em) {
  .fr-header {
    background-color: #fff;
  }

  .fr-header .fr-header__menu {
    box-shadow: inset 0 1px 0 0 #ddd;
  }
}