mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
bf8d3073dc
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
40 lines
548 B
SCSS
40 lines
548 B
SCSS
|
|
// Segment
|
|
// --------------------------------------------------
|
|
|
|
$segment-button-padding: 0 16px !default;
|
|
|
|
|
|
ion-segment {
|
|
display: block;
|
|
}
|
|
|
|
.ion-segment {
|
|
display: flex;
|
|
flex: 1;
|
|
width: 100%;
|
|
|
|
button,
|
|
[button] {
|
|
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
|
|
flex: 1;
|
|
display: block;
|
|
overflow: hidden;
|
|
|
|
padding: $segment-button-padding;
|
|
width: 0;
|
|
|
|
border-width: 1px 0px 1px 1px;
|
|
border-radius: 0;
|
|
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
|
|
background: none;
|
|
}
|
|
}
|