javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Basic segment

Browse Source
This commit is contained in:
Max Lynch
2015-05-07 19:13:56 -05:00
parent 9ec9d23341
commit 23653f5bd7
7 changed files with 105 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
ionic/components/segment/segment.scss
View File

@@ -1,3 +1,37 @@
.ion-segment {
ion-segment {
@include flex-display();
@include flex(1);
width: 100%;
> .button {
@include flex(1);
display: block;
overflow: hidden;
padding: 0 16px;
width: 0;
border-width: 1px 0px 1px 1px;
border-radius: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
background: none;
&.active {
background: red;
}
&:first-child {
border-radius: $button-border-radius 0px 0px $button-border-radius;
}
&:last-child {
border-right-width: 1px;
border-radius: 0px $button-border-radius $button-border-radius 0px;
}
}
}