mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 11:17:19 +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";
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
|
||||||
// iOS Theme
|
|
||||||
@import "themes/default.ios";
|
|
||||||
|
|
||||||
|
|
||||||
// Core Components
|
// Core Components
|
||||||
@import "ionic.core";
|
@import "components.core";
|
||||||
|
|
||||||
|
|
||||||
// iOS Components
|
// iOS Components
|
||||||
@import
|
@import "components.ios";
|
||||||
"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";
|
|
||||||
|
@ -2,31 +2,9 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
|
||||||
// Material Design Theme
|
|
||||||
@import "themes/default.md";
|
|
||||||
|
|
||||||
|
|
||||||
// Core Components
|
// Core Components
|
||||||
@import "ionic.core";
|
@import "components.core";
|
||||||
|
|
||||||
|
|
||||||
// Material Design Components
|
// Material Design Components
|
||||||
@import
|
@import "components.md";
|
||||||
"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,4 +2,16 @@
|
|||||||
|
|
||||||
|
|
||||||
// Core Components
|
// 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-text-color: $text-color !default;
|
||||||
$toolbar-active-color: $link-color !default;
|
$toolbar-active-color: $link-color !default;
|
||||||
$toolbar-inactive-color: #8c8c8c !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
|
// String Replace Function
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user