Sha256: d30226ec08d6769a26534953bbe8668e85f9d0fe82013139f8a160dac9f2c5d6

Contents?: true

Size: 1.17 KB

Versions: 9

Compression:

Stored size: 1.17 KB

Contents

tao-check-box {
  display: inline-block;
  vertical-align: middle;
  user-select: none;
  outline: none;

  .checkbox-wrapper {
    display: block;
    background-color: #fff;
    border: 1px #9B9B9B solid;
    border-radius: 2px;
    height: 1.125rem;
    width: 1.125rem;
    transition: border-color 200ms, background 200ms;
    outline: none;

    .icon {
      display: none;
      margin: 1px;
      height: 0.875rem;
      width: 0.875rem;
      fill: #ffffff;

      &.icon-indeterminate {
        width: 10px;
        height: 2px;
        margin: 7px 3px;
        border-radius: 2px;
        background: #ffffff;
      }
    }
  }

  input[type=checkbox] {
    display: none;

    &:indeterminate + .checkbox-wrapper,
    &:checked + .checkbox-wrapper {
      background-color: #55BB33;
      border-color: #55BB33;
    }

    &:indeterminate + .checkbox-wrapper .icon-indeterminate,
    &:checked + .checkbox-wrapper .icon-checkbox {
      display: block;
    }

    &:disabled + .checkbox-wrapper {
      border: 1px #DDDDDD solid;
      background-color: #F6F6F6;

      .icon {
        fill: #dddddd;
      }

      .icon-indeterminate {
        background: #dddddd;
      }
    }
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
tao_form-0.1.8 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.7 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.6 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.5 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.4 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.3 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.2 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.1 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss
tao_form-0.1.0 lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss