_button-select.scss 499 B

12345678910111213141516171819202122232425
  1. .button-select {
  2. &__option {
  3. display: block;
  4. width: 100%;
  5. margin-bottom: 10px;
  6. background-color: $color-white;
  7. border-color: $color-teal;
  8. color: $color-grey-1;
  9. &--selected {
  10. background-color: $color-teal;
  11. color: $color-white;
  12. }
  13. @media (forced-colors: active) {
  14. background-color: SelectedItem;
  15. }
  16. }
  17. }
  18. .button-select .button-select__option {
  19. /* override default margin from horizontally-aligned buttons */
  20. margin-inline-start: 0;
  21. }