ractive-ez-tabs
Version:
Ractive Ez UI Tabs
38 lines (31 loc) • 1.23 kB
text/less
.ez-tabs {
& > .ez-tablinks {
// background: @vColorMain;
color: @vColorFront;
& > .ez-tablink {
background: @vColorMain;
padding: @vSpacingSmall @vSpacingMedium;
cursor: default;
&.ez-active {
background: lighten(@vColorMain, @vModSmall);
}
&.ez-disabled {
color: @vColorFront;
background: @vColorLight;
}
&:not(.ez-active):not(.ez-disabled):hover {
background: lighten(@vColorMain, @vModMedium);
cursor: pointer;
}
}
}
& > .ez-tabpane {
padding: @vSpacingMedium;
border: 1px solid @vColorLight;
background: @vColorFront;
}
&[align='top'] > .ez-tabpane { border-top: 1px solid lighten(@vColorMain, @vModSmall); }
&[align='right'] > .ez-tabpane { border-right: 1px solid lighten(@vColorMain, @vModSmall); }
&[align='bottom'] > .ez-tabpane { border-bottom: 1px solid lighten(@vColorMain, @vModSmall); }
&[align='left'] > .ez-tabpane { border-left: 1px solid lighten(@vColorMain, @vModSmall); }
}