feat(lsg): invert icon color when element item is active

meetalva · Dec 14, 2017 · 6d83b8f · 6d83b8f
1 parent 7c55977
commit 6d83b8f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/lsg/patterns/element/index.tsx b/src/lsg/patterns/element/index.tsx
@@ -111,12 +111,13 @@ const StyledElementChild = styled.div`
 const StyledIcon = styled(Icon)`
 	position: absolute;
 	left: ${getSpace(Size.XS)}px;
-	fill: ${colors.grey36.toString()};
+	fill: ${colors.grey70.toString()};
     width: 12px;
     height: 12px;
     transition: transform 0.2s;
     
     ${(props: StyledIconProps) => (props.open ? 'transform: rotate(90deg)' : '')};
+    ${(props: StyledIconProps) => (props.active ? 'fill: white' : '')};
 `;
 
 const Element: React.StatelessComponent<ElementProps> = props => {
@@ -166,6 +167,7 @@ const Element: React.StatelessComponent<ElementProps> = props => {
 						size={IconSize.XXS}
 						color={colors.grey70}
                         open={open}
+                        active={active}
 					/>
 				)}
 				{title}