Fixes :hover and :disabled pseudo classes for nacho-button component state change
@function shade-color($color) {
@return (
- font-color: shade($color, 5%)
+ background-color: shade($color, 5%)
);
}
restyle-var(font-weight): 600,
restyle-var(text-color): $text-color,
restyle-var(border-radius): 2px,
+
background-color: restyle-var(background-color),
border: 0,
border-radius: restyle-var(border-radius),
text-decoration: none,
vertical-align: middle,
z-index: z(default),
- restyle-states:(
- disabled: (
- pointer: not-allowed
- ),
- hover: (
+
+ '&:hover': (
restyle-function(shade-color): restyle-var(background-color)
- )
),
+ '&:disabled': (
+ cursor: not-allowed
+ ),
+
restyle-modifiers: (
'with a border': (
border: 1px solid restyle-var(text-color)
