Sha256: 7f13fe75be83fcd3dca60fb02fec16473fa9161bc32084d8e3130bf8d831dbf0

Contents?: true

Size: 743 Bytes

Versions: 11

Compression:

Stored size: 743 Bytes

Contents

.checkbox {
  display: inline-block;
  margin: 0;
  font-size: 0; /* remove empty space */

  input[type=checkbox] {
    display: none;
  }

  label {
    padding: 0;
    min-height: 2rem;
  }

  input[type=checkbox] + label:before {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.2rem;
    text-align: center;
    transition: all $base-transition-speed linear;
  }

  input[type=checkbox] + label:before {
    border: 1px solid $gray-light;
    content: " ";
    color: $gray-light;
  }

  input[type=checkbox]:checked + label:before {
    content: "\f00c";
    color: $gray-darker;
    border: 1px solid $gray-darker;
  }
}

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
locomotivecms-4.2.0.alpha2 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.2.0.alpha1 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.1.1 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.1.0 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.1.0.rc1 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.0.3 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.0.2 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.0.1 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.0.0 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.0.0.rc0 app/assets/stylesheets/locomotive/new/_checkbox.scss
locomotivecms-4.0.0.alpha3 app/assets/stylesheets/locomotive/new/_checkbox.scss