Contents

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

  &:checked + label {
    @include color(setcolor(slate),100%);
    @include border(setcolor(slate));
    @include bg(setcolor(slate));
  }
}

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

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

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

.checkbox-label {
  @include padding($t:3.5,$b:2.5,$l:10);
  @include borderRad;
  border: 1px solid setcolor(slate,light);
  color: setcolor(slate);
  cursor: pointer;

  &:hover {
    background-color: setcolor(slate,xlight);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
futuro-1.0.1	_sass/block/form/checkbox.scss
futuro-1.0.0	_sass/block/form/checkbox.scss
futuro-0.9.9	_sass/block/form/checkbox.scss