Contents

#{$all-buttons} {
  background-color: var(--button_background_color);
  border: var(--button_border_width) var(--button_border_style) var(--button_border_color);
  border-radius: var(--button_border_radius);
  color: var(--button_color);
  height: var(--button_height);
  line-height: 1;
  padding: var(--button_padding);

  &:hover {
    background-color: var(--button_background_color_hover);
    border-color: var(--button_border_color_hover);
    color: var(--button_color_hover);
  }

  &:focus {
    @include outline();

    background-color: var(--button_background_color_focus);
    border-color: var(--button_border_color_focus);
    color: var(--button_color_focus);
  }

  &:active {
    background-color: var(--button_background_color_active);
    border-color: var(--button_border_color_active);
    color: var(--button_color_active);
  }

  &:disabled {
    background-color: var(--button_background_color_disabled);
    border-color: var(--button_border_color_disabled);
    color: var(--button_color_disabled);
    pointer-events: none;
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version	Path
baseline-scss-0.5.0	src/baseline-scss/content/_buttons.scss
baseline-scss-0.4.4	src/content/_buttons.scss
baseline-scss-0.4.3	src/content/_buttons.scss
baseline-scss-0.4.2	src/content/_buttons.scss
baseline-scss-0.4.1	src/content/_buttons.scss
baseline-scss-0.4.0	src/content/_buttons.scss
baseline-scss-0.3.3	src/content/_buttons.scss
baseline-scss-0.3.1	src/content/_buttons.scss
baseline-scss-0.3.0	src/content/_buttons.scss