refactor(segment): cleaned up both iOS and md mode styling

Converted values to some sass variables, moved transition to after
button tap, added border bottom for md mode, reorganized the sass
variables by the order they’re used, removed the use of !important,
added iOS hover background-color. Closes #283
This commit is contained in:
Brandy Carney
2015-10-27 13:25:25 -04:00
parent b27c7b0efa
commit bf8d3073dc
6 changed files with 55 additions and 18 deletions

View File

@ -2,6 +2,8 @@
// Segment
// --------------------------------------------------
$segment-button-padding: 0 16px !default;
ion-segment {
display: block;
@ -22,7 +24,7 @@ ion-segment {
display: block;
overflow: hidden;
padding: 0 16px;
padding: $segment-button-padding;
width: 0;
border-width: 1px 0px 1px 1px;