SumOfUs/Champaign

View on GitHub
app/javascript/components/Payment/PaymentTypePill.scss

Summary

Maintainability
Test Coverage
.PaymentTypePill {
  display: block;
  background: #989898;
  border-radius: 3px;
  margin-bottom: 5px;
  color: white;

  &:hover, &--active {
    background-color: #199ad7;
  }
}

.PaymentTypePill__label {
  cursor: pointer;
  display: block;
  padding: 15px;
  font-weight: bold;
  font-style: italic;
  position: relative;
}

.PaymentTypePill__label input {
  margin: 0 10px 0 5px;
  box-shadow: 0 0 0 3px white;
  box-shadow: 0 0.5px 0 3px white;
  border-radius: 8px;
}