ionic.theme.default.ios.scss 2.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. @import "./ionic.theme.default";
  2. // iOS Default Theme
  3. // ----------------------------------
  4. $colors-ios: copy-colors($colors) !default;
  5. $text-ios-color: $text-color !default;
  6. $background-ios-color: $background-color !default;
  7. $subdued-text-ios-color: $subdued-text-color !default;
  8. $font-family-ios-base: $font-family-base !default;
  9. $font-size-ios-base: $font-size-base !default;
  10. $content-ios-padding: $content-padding !default;
  11. $content-ios-margin: $content-margin !default;
  12. // iOS Toolbar
  13. // --------------------------------------------------
  14. $toolbar-ios-height: 44px !default;
  15. $toolbar-ios-padding: 4px !default;
  16. $toolbar-ios-background: $toolbar-background !default;
  17. $toolbar-ios-border-color: rgba(0, 0, 0, .3) !default;
  18. $toolbar-ios-text-color: $toolbar-text-color !default;
  19. $toolbar-ios-active-color: $toolbar-active-color !default;
  20. $toolbar-ios-inactive-color: $toolbar-inactive-color !default;
  21. // iOS Tabs
  22. // --------------------------------------------------
  23. $tabs-ios-background: $tabs-background !default;
  24. $tabs-ios-border-color: rgba(0, 0, 0, .3) !default;
  25. $tabs-ios-tab-color-inactive: $tabs-tab-color-inactive !default;
  26. $tabs-ios-tab-color-active: $tabs-tab-color-active !default;
  27. // iOS List
  28. // --------------------------------------------------
  29. $list-ios-text-color: $list-text-color !default;
  30. $list-ios-border-color: $list-border-color !default;
  31. $list-ios-background-color: $list-background-color !default;
  32. $list-ios-activated-background-color: #d9d9d9 !default;
  33. // iOS Item
  34. // --------------------------------------------------
  35. $item-ios-padding-top: 11px !default;
  36. // deprecated
  37. $item-ios-padding-right: 16px !default;
  38. $item-ios-padding-end: $item-ios-padding-right !default;
  39. $item-ios-padding-bottom: 11px !default;
  40. // deprecated
  41. $item-ios-padding-left: 16px !default;
  42. $item-ios-padding-start: $item-ios-padding-left !default;
  43. $item-ios-padding-media-top: 8px !default;
  44. $item-ios-padding-media-bottom: 8px !default;
  45. $item-ios-padding-icon-top: 9px !default;
  46. $item-ios-padding-icon-bottom: 8px !default;