A library of custom classes to include within a SCSS project.

_classes.scss

// Include this within your main "_init.scss" file using
// @import "classes";

// The opposite of Drupal's .js-hide class which hides an element when
// JavaScript is enabled (this hides an element when JavaScript is disabled).
// Add this to an element using the @extend directive. For example:
//
// .tabs {
//   @extend %no-js-hide.
// }
%no-js-hide {
  html.no-js & {
    display: none;
  }
}

// Make the block title invisible.
.title-invisible {
  & > .title,
  & > .block-title {
    @include element-invisible;
  }
}