Contents

// slider wrapper for the yes/no switcher
.slider-wrapper {
  display: block;
  position: relative;
  width: 60px;
  border: 2px solid $c-slider-border;
  border-radius: 2px;
  font-size: 12px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  background: $c-slider-option-selector;
}

.slider-yes-selected .slider-options {
  left: 0;
}

.slider-options {
  position: relative;
  left: -35px;
  white-space: nowrap;

  @include transition(left, .2s);
}

.slider-option-selector {
  display: inline-block;
  width: 18px;
}

.slider-option-no, .slider-option-yes {
  display: inline-block;
  width: 35px;
  padding: 3px 4px;
  text-align: center;

  @include user-select(none);
}

.slider-option-yes {
  color: $c-slider-yes-color;
  background: $c-slider-yes-bg;
}

.slider-option-no {
  color: $c-slider-no-color;
  background: $c-slider-no-bg;
}

// notices
%alerts {
  padding: 20px;
  border-style: solid;
  border-left-width: 3px;
  margin-bottom: 10px;

  &:before {
    @include icon_stuff();
    margin-right: 10px;
  }
}

.notice {
  @extend %alerts;
  border-color: $c-notice-content;
  background: $c-notice-bg;
  color: $c-notice-content;

  &:before {
    @extend .icon-check:before;
  }
}

.sample .notice {
  display: block !important;
  height: 58px !important;
}

#main_content > .error, .sample .error {
  @extend %alerts;
  border-color: $c-warning-content;
  background: $c-warning-bg;
  color: $c-warning-content;

  &:before {
    @extend .icon-alert:before;
  }

}

.alert {
  @extend %alerts;
  border-color: $c-error-content;
  background: $c-error-bg;
  color: $c-error-content;

  &:before {
    @extend .icon-alert:before;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
fae-rails-1.2.5	app/assets/stylesheets/fae/modules/_misc.scss
fae-rails-1.2.4	app/assets/stylesheets/fae/modules/_misc.scss
fae-rails-1.2.3	app/assets/stylesheets/fae/modules/_misc.scss
fae-rails-1.2.2	app/assets/stylesheets/fae/modules/_misc.scss