Permalink
Browse files

feat(tabs): add themes and pointer-event properties

  • Loading branch information...
tomheller committed Sep 15, 2016
1 parent 6cfead5 commit a7500dd247406ea427482c9dfd5d7c8c066bf7ae
Showing with 30 additions and 1 deletion.
  1. +30 −1 src/tabs/tabs.scss
View
@@ -86,6 +86,7 @@
.tab.is-active,
.tab__input:checked + .tab {
pointer-events: none;
color: #fff;
background-color: $turquoise-500;
}
@@ -117,18 +118,46 @@
}
}
.tabs--error {
/*
* increase specificity to ensure error overrides general themecolor
*/
.tabs.tabs--error {
@include tabtheme($red-500);
}
/*
* themes
*/
.theme--blue {
@include tabtheme($blue-500);
}
.theme--turquoise {
@include tabtheme($turquoise-500);
}
.theme--purple {
@include tabtheme($purple-500);
}
.theme--royalblue {
@include tabtheme($royalblue-500);
}
/*
* Disabled
*/
.tab.is-disabled,
.tab__input:disabled + .tab {
color: $gray-300;
pointer-events: none;
&:after,
&:hover:after {

0 comments on commit a7500dd

Please sign in to comment.