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

feat(sass): add support for contrast in color map for wp mode

Browse Source 
BREAKING CHANGE:

Can now pass contrast to the colors map:

```
$colors-wp: (

  primary: (
    base: #327eff,
    contrast: yellow
  ),
  secondary: (
    base: #32db64,
    contrast: hotpink
  ),
  danger: #d91e18,
  light: #f4f4f4,
  dark: #222
) !default;
```

references #5445
This commit is contained in:
Brandy Carney
2016-03-22 18:07:59 -04:00
parent 9efa3ea3e6
commit 5f2e737904
17 changed files with 109 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ionic/components/segment/segment.wp.scss
View File

@ -63,15 +63,15 @@ ion-segment {
// Windows Segment Button Mixin
// --------------------------------------------------
@mixin wp-segment-button($color-name, $color-value) {
@mixin wp-segment-button($color-name, $color-base) {
ion-segment[#{$color-name}] .segment-button {
color: $color-value;
color: $color-base;
&.activated,
&.segment-activated {
border-color: $color-value;
color: $color-value;
border-color: $color-base;
color: $color-base;
opacity: $segment-button-wp-opacity-activated;
}
}
@ -82,6 +82,6 @@ ion-segment {
// Windows Segment Color Generation
// --------------------------------------------------
@each $color-name, $color-value in $colors-wp {
@include wp-segment-button($color-name, $color-value);
@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
@include wp-segment-button($color-name, $color-base);
}