Skip to content

Instantly share code, notes, and snippets.

@timsully

timsully/terse-syntax-for-states.css

Created December 9, 2019 17:00
Show Gist options
  • Save timsully/b752d1248468031ee0d6092c30c9f5ab to your computer and use it in GitHub Desktop.
Save timsully/b752d1248468031ee0d6092c30c9f5ab to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. timsully created this gist Dec 9, 2019.
    20 changes: 20 additions & 0 deletions terse-syntax-for-states.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    .button-primary {
    background-color: $liteColor;
    &:focus {
    background-color: $liteColor;
    }
    &:hover {
    background-color: $liteColorHover;
    }
    &:active {
    background-color: $liteColorActive;
    }
    &:disabled, &.disabled {
    &,
    &:hover,
    &:focus,
    &:active {
    background-color: $liteColorDisabled;
    }
    }
    }