Contents

.button-group {
  $large-screen: 53.75em !default;

  input {
    display: none;
  }

  label {
    font-weight: normal;

    @include media($large-screen) {
      float: left;
      padding: 0 0.5em;
    }
  }

  .button-group-item {
    cursor: pointer;
    display: inline-block;
    width: 100%;

    @include media($large-screen) {
      width: auto;
    }
  }

  input:checked + .button-group-item {
    color: #f00;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
refills-0.2.0	source/stylesheets/refills/unstyled/_button-group.scss