mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 03:00:58 +08:00
component theme updates
This commit is contained in:
24
ionic/components.ios.scss
Normal file
24
ionic/components.ios.scss
Normal file
@ -0,0 +1,24 @@
|
||||
|
||||
// iOS Theme
|
||||
@import "themes/default.ios";
|
||||
|
||||
|
||||
// iOS Components
|
||||
@import
|
||||
"components/action-sheet/modes/ios",
|
||||
"components/button/modes/ios",
|
||||
"components/card/modes/ios",
|
||||
"components/checkbox/modes/ios",
|
||||
"components/content/modes/ios",
|
||||
"components/item/modes/ios",
|
||||
"components/list/modes/ios",
|
||||
"components/menu/modes/ios",
|
||||
"components/modal/modes/ios",
|
||||
"components/popup/modes/ios",
|
||||
"components/radio/modes/ios",
|
||||
"components/searchbar/modes/ios",
|
||||
"components/segment/modes/ios",
|
||||
"components/switch/modes/ios",
|
||||
"components/tabs/modes/ios",
|
||||
"components/text-input/modes/ios",
|
||||
"components/toolbar/modes/ios";
|
25
ionic/components.md.scss
Normal file
25
ionic/components.md.scss
Normal file
@ -0,0 +1,25 @@
|
||||
|
||||
// Material Design Theme
|
||||
@import "themes/default.md";
|
||||
|
||||
|
||||
// Material Design Components
|
||||
@import
|
||||
"components/action-sheet/modes/md",
|
||||
"components/button/modes/md",
|
||||
"components/card/modes/md",
|
||||
"components/checkbox/modes/md",
|
||||
"components/content/modes/md",
|
||||
"components/item/modes/md",
|
||||
"components/list/modes/md",
|
||||
"components/menu/modes/md",
|
||||
"components/modal/modes/md",
|
||||
"components/popup/modes/md",
|
||||
"components/radio/modes/md",
|
||||
"components/tap-click/ripple",
|
||||
"components/searchbar/modes/md",
|
||||
"components/segment/modes/md",
|
||||
"components/switch/modes/md",
|
||||
"components/tabs/modes/md",
|
||||
"components/text-input/modes/md",
|
||||
"components/toolbar/modes/md";
|
@ -2,30 +2,9 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
|
||||
// iOS Theme
|
||||
@import "themes/default.ios";
|
||||
|
||||
|
||||
// Core Components
|
||||
@import "ionic.core";
|
||||
@import "components.core";
|
||||
|
||||
|
||||
// iOS Components
|
||||
@import
|
||||
"components/action-sheet/modes/ios",
|
||||
"components/button/modes/ios",
|
||||
"components/card/modes/ios",
|
||||
"components/checkbox/modes/ios",
|
||||
"components/content/modes/ios",
|
||||
"components/item/modes/ios",
|
||||
"components/list/modes/ios",
|
||||
"components/menu/modes/ios",
|
||||
"components/modal/modes/ios",
|
||||
"components/popup/modes/ios",
|
||||
"components/radio/modes/ios",
|
||||
"components/searchbar/modes/ios",
|
||||
"components/segment/modes/ios",
|
||||
"components/switch/modes/ios",
|
||||
"components/tabs/modes/ios",
|
||||
"components/text-input/modes/ios",
|
||||
"components/toolbar/modes/ios";
|
||||
@import "components.ios";
|
||||
|
@ -2,31 +2,9 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
|
||||
// Material Design Theme
|
||||
@import "themes/default.md";
|
||||
|
||||
|
||||
// Core Components
|
||||
@import "ionic.core";
|
||||
@import "components.core";
|
||||
|
||||
|
||||
// Material Design Components
|
||||
@import
|
||||
"components/action-sheet/modes/md",
|
||||
"components/button/modes/md",
|
||||
"components/card/modes/md",
|
||||
"components/checkbox/modes/md",
|
||||
"components/content/modes/md",
|
||||
"components/item/modes/md",
|
||||
"components/list/modes/md",
|
||||
"components/menu/modes/md",
|
||||
"components/modal/modes/md",
|
||||
"components/popup/modes/md",
|
||||
"components/radio/modes/md",
|
||||
"components/tap-click/ripple",
|
||||
"components/searchbar/modes/md",
|
||||
"components/segment/modes/md",
|
||||
"components/switch/modes/md",
|
||||
"components/tabs/modes/md",
|
||||
"components/text-input/modes/md",
|
||||
"components/toolbar/modes/md";
|
||||
@import "components.md";
|
||||
|
@ -2,4 +2,16 @@
|
||||
|
||||
|
||||
// Core Components
|
||||
@import "ionic.core";
|
||||
@import "components.core";
|
||||
|
||||
|
||||
// iOS Components
|
||||
.ios {
|
||||
@import "components.ios";
|
||||
}
|
||||
|
||||
|
||||
// Material Design Components
|
||||
.md {
|
||||
@import "components.md";
|
||||
}
|
||||
|
@ -28,3 +28,16 @@ $toolbar-border-color: #b2b2b2 !default;
|
||||
$toolbar-text-color: $text-color !default;
|
||||
$toolbar-active-color: $link-color !default;
|
||||
$toolbar-inactive-color: #8c8c8c !default;
|
||||
|
||||
|
||||
|
||||
|
||||
@function color($color-name) {
|
||||
@return map-get($colors, $color-name);
|
||||
}
|
||||
|
||||
|
||||
@function auxiliary-colors() {
|
||||
// get a map of all the colors, except "primary"
|
||||
@return map-remove($colors, primary);
|
||||
}
|
||||
|
@ -28,17 +28,6 @@
|
||||
}
|
||||
|
||||
|
||||
@function color($color-name) {
|
||||
@return map-get($colors, $color-name);
|
||||
}
|
||||
|
||||
|
||||
@function auxiliary-colors() {
|
||||
// get a map of all the colors, except "primary"
|
||||
@return map-remove($colors, primary);
|
||||
}
|
||||
|
||||
|
||||
// String Replace Function
|
||||
// --------------------------------------------------
|
||||
|
||||
|
Reference in New Issue
Block a user