From beb623f4fd470a9a320bdd936bbb80d2d1389dca Mon Sep 17 00:00:00 2001
From: Keegan <keegan@lillo.me>
Date: Wed, 2 Mar 2016 14:02:18 +1100
Subject: [PATCH] fix separator visibility on disabled and hidden items

---
 src/styles/clay/_base.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/styles/clay/_base.scss b/src/styles/clay/_base.scss
index b732a56..ebb8c5f 100644
--- a/src/styles/clay/_base.scss
+++ b/src/styles/clay/_base.scss
@@ -107,7 +107,7 @@ label {
 .component {
   padding-bottom: $item-spacing-v;
 
-  &.disabled {
+  &.disabled > * {
     opacity: 0.25;
     pointer-events: none;
   }
@@ -130,7 +130,7 @@ label {
       padding-bottom: $item-spacing-v;
     }
 
-    &:last-child:after {
+    &:first-child:after {
       display: none;
     }
 
@@ -139,7 +139,7 @@ label {
       background: $color-gray-6;
       display: block;
       position: absolute;
-      bottom: 0;
+      top: 0;
       left: $item-spacing-h / 2;
       right: $item-spacing-h / 2;
       height: 1px;
@@ -151,7 +151,8 @@ label {
     background: $color-gray-3;
     border-radius: $border-radius $border-radius 0 0;
 
-    &:after {
+    &:after,
+    & + .component:after {
       display: none;
     }
   }