Adding an active state to segmented controllers.

11 years ago · 2ac06451ee
2 changed files with 7 additions and 1 deletions
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@ -869,6 +869,9 @@ input[type="button"] {
 .segmented-controller li:first-child {
  border-left-width: 0;
 }
+.segmented-controller li:active {
+  background-color: #d5e9ff;
+}
 .segmented-controller li.selected {
  background-color: #007aff;
  transition: background-color .2s linear;
--- a/lib/sass/segmented-controllers.scss
+++ b/lib/sass/segmented-controllers.scss
@ -41,7 +41,10 @@
      border-left-width: 0;
    }

-
+    // Active state of segmented controller
+    &:active {
+      background-color: rgba(213,233,255,1);
+    }

    // Selected segment of controller
    &.selected {