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

refactor(mode): remove windows mode entirely

Browse Source
This commit is contained in:
Brandy Carney
2017-11-15 13:41:21 -06:00
parent dd5ff40993
commit f8ba900ebe
97 changed files with 134 additions and 5363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/core/src/components/chip-button/chip-button.tsx
View File

@ -6,8 +6,7 @@ import { getElementClassObject } from '../../utils/theme';
tag: 'ion-chip-button',
styleUrls: {
ios: 'chip-button.ios.scss',
md: 'chip-button.md.scss',
wp: 'chip-button.wp.scss'
md: 'chip-button.md.scss'
},
})
export class ChipButton {
@ -28,10 +27,10 @@ export class ChipButton {
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* Possible values are: `"ios"` or `"md"`.
* For more information, see [Platform Styles](/docs/theming/platform-specific-styles).
*/
@Prop() mode: 'ios' | 'md' | 'wp';
@Prop() mode: 'ios' | 'md';
/**
* @input {boolean} If true, activates a transparent button style.

66
packages/core/src/components/chip-button/chip-button.wp.scss
View File

@ -1,66 +0,0 @@
@import "../../themes/ionic.globals.wp";
@import "./chip-button";
// Windows Chip Button
// --------------------------------------------------
/// @prop - Background color of the chip button
$chip-button-wp-background-color: color($colors-wp, primary) !default;
/// @prop - Fill color of the icon in the chip button
$chip-button-wp-icon-fill-color: color-contrast($colors-wp, $chip-button-wp-background-color) !default;
/// @prop - Background color of the clear chip button
$chip-button-wp-clear-background-color: transparent !default;
/// @prop - Text color of the clear chip button
$chip-button-wp-clear-text-color: color($colors-wp, primary) !default;
/// @prop - Fill color of the icon in the clear chip button
$chip-button-wp-clear-icon-fill-color: color($colors-wp, primary) !default;
.chip-button-wp {
background-color: $chip-button-wp-background-color;
}
.chip-button-wp .icon {
fill: $chip-button-wp-icon-fill-color;
}
// Material Design Clear Chip Button
// --------------------------------------------------
.chip-button-clear-wp {
color: $chip-button-wp-clear-text-color;
background-color: $chip-button-wp-clear-background-color;
}
.chip-button-clear-wp .icon {
fill: $chip-button-wp-clear-icon-fill-color;
}
// Generate Windows Chip Colors
// --------------------------------------------------
@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
.chip-button-wp-#{$color-name} {
color: $color-contrast;
background-color: $color-base;
}
.chip-button-wp-#{$color-name} .icon {
fill: $color-contrast;
}
.chip-button-clear-wp-#{$color-name} {
color: $color-base;
.icon {
fill: $color-base;
}
}
}