sutter/helloFront

extends ../../../layout/styleguide

append config
  - var template = 't-styleguide'
  - var title = "Utils Show - hide"
  - var metaDesc = "Utils Show - hide - CSS"
  - var path = './../../'

block content
  .hf-head
    .hf-wrapper
      h1 Show - hide
  .hf-content.hf-wrapper
    h2 Show - hide
    p Les utilitaires Show-Hide permettent cacher ou afficher les élements.
    table
      thead
        tr
          th Class
          th Usage
      tbody
        tr
          td
            code .u-visually-hidden
          td Cache visuelement les élements, sauf pour les lecteurs d'écrans
        tr
          td
            code .u-hide-mobile
          td Cache les éléments sur les écrans de moins de 480px
        tr
          td
            code .u-show-mobile
          td Affiche les éléments seulement sur les écrans de plus de 480px