@codegouvfr/react-dsfr/dsfr/component/toggle/toggle.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-toggle label {
    color: #161616;
  }

  .fr-toggle label::before {
    color: #000091;
    content: "";
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-toggle label::after {
    color: #000091;
    box-shadow: inset 0 0 0 1px #000091;
    background-color: #fff;
  }

  .fr-toggle input[type=checkbox] {
    box-shadow: inset 0 0 0 1px #000091;
  }

  .fr-toggle input[type=checkbox]:checked {
    background-color: #000091;
  }

  .fr-toggle input[type=checkbox]:disabled {
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-toggle input[type=checkbox]:disabled:checked {
    background-color: #e5e5e5;
  }

  .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::before {
    color: #929292;
  }

  .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::after {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-toggle .fr-hint-text {
    color: #666;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-toggle--border-bottom {
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .fr-toggle--valid::before {
    content: "";
    background-color: #18753c;
  }

  .fr-toggle--error::before {
    content: "";
    background-color: #ce0500;
  }

  .fr-toggle--error label,
  .fr-fieldset--error .fr-toggle label {
    color: #ce0500;
  }

  .fr-toggle--error label::before,
  .fr-fieldset--error .fr-toggle label::before {
    color: #ce0500;
  }

  .fr-toggle--error label::after,
  .fr-fieldset--error .fr-toggle label::after {
    box-shadow: inset 0 0 0 1px #ce0500;
  }

  .fr-toggle--valid label,
  .fr-fieldset--valid .fr-toggle label {
    color: #18753c;
  }

  .fr-toggle--valid label::before,
  .fr-fieldset--valid .fr-toggle label::before {
    color: #18753c;
  }

  .fr-toggle--valid label::after,
  .fr-fieldset--valid .fr-toggle label::after {
    box-shadow: inset 0 0 0 1px #18753c;
  }
}