javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(segment): working

Browse Source
This commit is contained in:
Max Lynch
2015-10-02 10:48:58 -05:00
parent ae6e140fbf
commit a98b38b55c
4 changed files with 57 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,6 +15,9 @@ ion-segment {
button,
[button] {
margin-left: 0;
margin-right: 0;
flex: 1;
display: block;
overflow: hidden;
@ -43,3 +46,40 @@ ion-segment {
}
}
// Generate Default Button Colors
// --------------------------------------------------
@each $color, $value in $colors {
ion-segment[#{$color}] {
ion-segment-button[button] {
$bg-color: $value;
$bg-color-activated: darken-or-lighten($bg-color);
$text-color: inverse($bg-color);
background-color: $bg-color;
color: $text-color;
&.activated {
background-color: $bg-color-activated;
}
&[outline] {
border: 1px solid $bg-color;
background: $background-color;
color: $bg-color;
&.activated {
opacity: 1;
color: $text-color;
background-color: $bg-color;
}
}
}
}
}