mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
ff1a8ac6c7
this adds the functions necessary for the other modes as well
BREAKING CHANGE:
Can now pass contrast to the colors map:
```
$colors-ios: (
primary: (
base: #327eff,
contrast: yellow
),
secondary: (
base: #32db64,
contrast: hotpink
),
danger: #d91e18,
light: #f4f4f4,
dark: #222
) !default;
```
references #5445
70 lines
2.4 KiB
SCSS
70 lines
2.4 KiB
SCSS
@import "./default";
|
|
|
|
// iOS Default Theme
|
|
// ----------------------------------
|
|
|
|
$colors-ios: copy-colors($colors) !default;
|
|
|
|
|
|
$text-ios-color: $text-color !default;
|
|
$paragraph-ios-color: $paragraph-color !default;
|
|
$link-ios-color: color($colors-ios, primary) !default;
|
|
$background-ios-color: $background-color !default;
|
|
$subdued-text-ios-color: $subdued-text-color !default;
|
|
|
|
$font-family-ios-base: $font-family-base !default;
|
|
$font-size-ios-base: $font-size-base !default;
|
|
|
|
|
|
// iOS Toolbar
|
|
// --------------------------------------------------
|
|
|
|
$toolbar-ios-background: $toolbar-background !default;
|
|
$toolbar-ios-border-color: $toolbar-border-color !default;
|
|
$toolbar-ios-text-color: $toolbar-text-color !default;
|
|
$toolbar-ios-active-color: $toolbar-active-color !default;
|
|
$toolbar-ios-inactive-color: $toolbar-inactive-color !default;
|
|
|
|
|
|
// iOS List
|
|
// --------------------------------------------------
|
|
|
|
$list-ios-text-color: $list-text-color !default;
|
|
$list-ios-border-color: $list-border-color !default;
|
|
$list-ios-background-color: $list-background-color !default;
|
|
$list-ios-activated-background-color: #d9d9d9 !default;
|
|
|
|
|
|
// iOS Item
|
|
// --------------------------------------------------
|
|
|
|
$item-ios-padding-top: 12px !default;
|
|
$item-ios-padding-right: 16px !default;
|
|
$item-ios-padding-bottom: 13px !default;
|
|
$item-ios-padding-left: 16px !default;
|
|
$item-ios-padding-media-top: 8px !default;
|
|
$item-ios-padding-media-bottom: 8px !default;
|
|
$item-ios-padding-icon-top: 10px !default;
|
|
$item-ios-padding-icon-bottom: 9px !default;
|
|
|
|
|
|
// iOS Icon
|
|
// --------------------------------------------------
|
|
|
|
$icon-detail-push-background-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='fg-color'/></svg>" !default;
|
|
|
|
@mixin ios-detail-push-icon($fg-color) {
|
|
$svg: str-replace($icon-detail-push-background-svg, "fg-color", $fg-color);
|
|
@include svg-background-image($svg);
|
|
}
|
|
|
|
|
|
// iOS Body
|
|
// --------------------------------------------------
|
|
|
|
@mixin ios-body() {
|
|
font-family: $font-family-ios-base;
|
|
font-size: $font-size-ios-base;
|
|
background-color: $background-ios-color;
|
|
}
|