Sha256: 71dc070b757b31971b1c798f26b796f44aad0816cbb6c69aa050a22148558436

Contents?: true

Size: 703 Bytes

Versions: 21

Compression:

Stored size: 703 Bytes

Contents

%checkbox {
  @include zeros(absolute);
  left: ($radius * 4);
  cursor: pointer;
  height: $input;
  width: $input;
  margin: auto;
  right: auto;

  &:checked + label {
    @include color(map-get($color,slate),100%);
    @include border(map-get($color,slate));
    @include bg(map-get($color,slate));
  }
}

input[type="checkbox"] {
  @extend %checkbox;
}

.checkbox-wrap {
  position: relative;
  display: grid;

  @media#{map-get($query,min768)} {
    grid-column: 2 / 3;
  }
}

.checkbox-label {
  @include padding($t:3.5,$b:2.5,$l:10);
  @include color($tint:80%);
  @include borderRad;
  @include border;
  cursor: pointer;

  &:hover {
    @include borderCol($tint:50%);
    @include bg;
  }
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version Path
futuro-0.9.6 _sass/block/form/checkbox.scss
futuro-0.9.5 _sass/block/form/checkbox.scss
futuro-0.9.4 _sass/block/form/checkbox.scss
futuro-0.9.3 _sass/block/form/checkbox.scss
futuro-0.9.2 _sass/block/form/checkbox.scss
futuro-0.9.1 _sass/block/form/checkbox.scss
futuro-0.9.0 _sass/block/form/checkbox.scss
futuro-0.8.9 _sass/block/form/checkbox.scss
futuro-0.8.8 _sass/block/form/checkbox.scss
futuro-0.8.7 _sass/block/form/checkbox.scss
futuro-0.8.6 _sass/block/form/checkbox.scss
futuro-0.8.5 _sass/block/form/checkbox.scss
futuro-0.8.4 _sass/block/form/checkbox.scss
futuro-0.8.3 _sass/block/form/checkbox.scss
futuro-0.8.2 _sass/block/form/checkbox.scss
futuro-0.8.1 _sass/block/form/checkbox.scss
futuro-0.8.0 _sass/block/form/checkbox.scss
futuro-0.7.9 _sass/block/form/checkbox.scss
futuro-0.7.8 _sass/block/form/checkbox.scss
futuro-0.7.6 _sass/block/form/checkbox.scss