Sha256: 4bbe0cb1d5e32e7b00558ce81f4383ffab53a70c6e2f6405f64bc3ba463a66dd

Contents?: true

Size: 1.08 KB

Versions: 7

Compression:

Stored size: 1.08 KB

Contents

.input.string .color-picker {
  width: 180px;
}

div.cp-color-picker {
  border: 1px solid $c-darker-grey;
  padding: 10px 10px 0;
  background: $c-lightest-grey;
  overflow: visible;
  border-radius: 3px;

  .cp-alpha {
    margin: 10px 0;
    height: 6px;
    border-radius: 6px;
    overflow: visible;
    border: 1px solid $c-darker-grey;
    box-sizing: border-box;
    background: linear-gradient(to right, rgba($c-lightest-grey, 1) 0%, rgba($c-lightest-grey, 0) 100%);
  }

  .cp-xy-slider {
    border: 1px solid $c-darker-grey;
    margin-bottom: 10px;

    &:active {
      cursor: none;
    }
  }

  .cp-xy-cursor {
    width: 12px;
    height: 12px;
    margin: -6px
  }

  .cp-z-slider {
    margin-left: 10px;
    border: 1px solid $c-darker-grey;
  }

  .cp-z-cursor {
    border-width: 5px;
    margin-top: -5px;
  }

  .cp-alpha-cursor {
    background: $c-lightest-grey;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    margin: -5px -7px;
    border: 1px solid $c-mid-dark-grey !important; // overrides default border
    box-shadow: inset -2px -4px 3px $c-mid-grey;
  }
}

Version data entries

7 entries across 7 versions & 2 rubygems

Version Path
fae-rails-3.0.0 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss
fae-rails-2.2.0 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss
fae-rails-2.1.0 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss
fae-railsz-2.1.0 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss
fae-rails-2.0.0 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss
fae-rails-1.7.1 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss
fae-rails-1.7.0 app/assets/stylesheets/fae/modules/forms/_colorpicker.scss