rokumatsumoto/boyutluseyler

View on GitHub
app/assets/stylesheets/framework/buttons.scss

Summary

Maintainability
Test Coverage
.btn-grey-blue {
  color: $curious-blue-2;
  background-color: $mercury-2;
}

.btn-grey-dark-grey {
  color: $pale-sky;
  background-color: $mercury-2;
}

.btn--clear {
  background-color: transparent;
  color: $white;

  &:hover,
  &:focus {
    background-color: #e2e6ea;
    color: $primary;
  }
}

.btn-gray {
  color: $white;
  background-color: $gray-500;
  border-color: $gray-500;
}

.no-outline {

  &:focus,
  &:active,
  &:focus:active {
    outline: none;
    box-shadow: none;
  }
}