Partystreusel

Helpers 

<div class="u-hide">this is invisible</div>

<ul class="u-no-bullet">
    <li>list without bullets</li>
    <li>list without bullets</li>
</ul>

<div class="u-clearfix">with clearfix</div>

<div class="u-hide-text">hidden text</div>
 
<div class="u-hide">this is invisible</div>

<ul class="u-no-bullet">
  <li>list without bullets</li>
  <li>list without bullets</li>
</ul>

<div class="u-clearfix">with clearfix</div>

<div class="u-hide-text">hidden text</div>
 
/* No context defined for this component. */
  • Content: 
    html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

main {
  @include container;
}

// LARGE
// ----------------------------------------
@include mq(large) {
  main {
    @include container();
  }
}
  • URL: /components/raw/helpers/_layout.scss
  • Filesystem Path: patterns/01-atoms/helpers/_layout.scss
  • Size: 234 Bytes
  • Content: 
    .u-hide {
  display: none;
}

.u-no-bullet {
  list-style-type: none;
}

.u-clearfix {
  @include clearfix;
}

.u-hide-text {
  @include hide-text;
}
  • URL: /components/raw/helpers/_utilities.scss
  • Filesystem Path: patterns/01-atoms/helpers/_utilities.scss
  • Size: 150 Bytes

These are only helper classes for some stylings.

  • u-hide for hide
  • u-no-bullet for remove list-style-type
  • u-clearfix for clearfix
  • u-hide-text for hiding text of an element.