javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

segment-hover/active-fix

Browse Source
This commit is contained in:
Justin Willis
2016-02-06 15:54:29 -06:00
parent 62682d64b5
commit 273bef6591
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/segment/segment.ios.scss
View File

@ -9,7 +9,10 @@ $segment-button-ios-bg-color-activated: $toolbar-ios-active-color !default
$segment-button-ios-text-color: inverse($segment-button-ios-bg-color-activated) !default;
$segment-button-ios-activated-transition: 100ms all linear !default;
$segment-button-ios-hover-opacity: 0.16 !default;
$segment-button-ios-hover-transition: 100ms all linear !default;
$segment-button-ios-active-transition: 100ms all linear !default;
$segment-button-ios-hover-opacity: 0.1 !default;
$segment-button-ios-active-opacity: 0.16 !default;
$segment-button-ios-border-width: 1px !default;
$segment-button-ios-min-height: 3.0rem !default;
@ -41,6 +44,12 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
&:hover:not(.segment-activated) {
background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-hover-opacity);
transition: $segment-button-ios-hover-transition;
}
&:active:not(.segment-activated) {
background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-active-opacity);
transition: $segment-button-ios-active-transition;
}
&:first-of-type {
@ -110,4 +119,4 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
.toolbar[#{$color-name}] .segment-button.segment-activated {
color: $color-value;
}
}
}