Sha256: ea03e0922704bc55d1648d448e5d4906b8ed0a0ab4075aab1cf6947cbf102ef2

Contents?: true

Size: 1.21 KB

Versions: 32

Compression:

Stored size: 1.21 KB

Contents

.mu-radio {
  div {
    clear: both;
    overflow: hidden;
  }
  label {
    width: 100%;
    font-weight: normal;
  }
  input[type="radio"],
  input[type="checkbox"] {
    &:empty {
      display: none;
      ~ label {
        position: relative;
        line-height: 2em;
        text-indent: 2.5em;
        cursor: pointer;
        user-select: none;

        &:before {
          position: absolute;
          display: block;
          top: 0;
          bottom: 0;
          left: 0;
          content: '';
          width: 2em;
          background: #D1D3D4;
          border-radius: 3px 0 0 3px;
        }
      }
    }
    &:hover:not(:checked) ~ label {
      color: #888;
      &:before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
      }
    }
    &:checked ~ label {
      color: #777;

      &:before {
        content: '\2714';
        text-indent: .6em;
        color: #333;
        background-color: #ccc;
      }
    }
    &:focus ~ label:before {
      box-shadow: 0 0 0 3px #999;
    }
  }
  &-default {
    input[type="radio"],
    input[type="checkbox"] {
      &:checked ~ label:before {
        color: white;
        background-color: $brand-complementary;
      }
    }
  }
}

Version data entries

32 entries across 32 versions & 1 rubygems

Version Path
mumuki-styles-2.0.3 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-2.0.2 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-2.0.1 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-2.0.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.24.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.23.1 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.23.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.22.1 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.22.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.21.4 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.21.3 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.21.2 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.21.1 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.20.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.19.1 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.19.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.18.2 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.18.1 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.18.0 app/assets/stylesheets/scss/modules/_checkbox.scss
mumuki-styles-1.17.2 app/assets/stylesheets/scss/modules/_checkbox.scss