Joran design system

Display 

<div class="u-display-xl-none">Hidden on xl devices</div>
<div class="u-display-none u-display-xl-block">Hidden on devices bellow xl</div>
 
<div class="u-display-xl-none">Hidden on xl devices</div>
<div class="u-display-none u-display-xl-block">Hidden on devices bellow xl</div>
 
/* No context defined. */
  • Content: 
    /* ==========================================================================
   # _utilities.display.css
   ========================================================================== */

.u-display-xl-none {
  @apply
    xl:hidden
  ;
}

.u-display-none {
  @apply
    hidden
  ;
}

.u-display-xl-block {
  @apply
    xl:block
  ;
}
  • URL: /components/raw/display/_utilities.display.css
  • Filesystem Path: src/components/02-Utilities/display/_utilities.display.css
  • Size: 334 Bytes

No notes defined.