// This works in conjunction with js/modules/mas_collapsable.js

%collapsable-trigger {
  // Prevent accidental text selection
  user-select: none;

  .icon--toggle {
    background-position: -205px -75px;
    width: 18px;
    height: 16px;
    @include device-pixel-ratio() {
      background-position: -205px -10px;
    }
  }

  &.is-off {
    .icon--toggle {
      background-position: -238px -76px;
      width: 18px;
      height: 12px;
      @include device-pixel-ratio() {
        background-position: -238px -10px;
      }
    }
  }
}

%collapsable-target {

  .js & {
    display: none;
  }

  &.is-on {
    display: block;
  }

  &.is-off {
    display: none;
  }
}

// This works in conjunction with js/modules/mas_collapsable.js

%collapsable-trigger {
  // Prevent accidental text selection
  user-select: none;

  .icon--toggle {
    background-position: -205px -75px;
    width: 18px;
    height: 16px;
    @include device-pixel-ratio() {
      background-position: -205px -10px;
    }
  }

  .js & {

  }

  &.is-on {

  }

  &.is-off {
    .icon--toggle {
      background-position: -238px -76px;
      width: 18px;
      height: 12px;
      @include device-pixel-ratio() {
        background-position: -238px -10px;
      }
    }
  }
}

%collapsable-target {

  .js & {
    display: none;
  }

  &.is-on {
    display: block;
  }

  &.is-off {
    display: none;
  }
}

Revert "Removed unused classes from collapsible placeholder"
Revert "Removed unused classes from collapsible placeholder"

This reverts commit 85e1db42c52eb9af16aebf424126f58f169dba33.
