javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +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

11
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-text-color: inverse($segment-button-ios-bg-color-activated) !default;
$segment-button-ios-activated-transition: 100ms all linear !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-border-width: 1px !default;
$segment-button-ios-min-height: 3.0rem !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) { &:hover:not(.segment-activated) {
background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-hover-opacity); 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 { &:first-of-type {