mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
74 lines
2.4 KiB
SCSS
74 lines
2.4 KiB
SCSS
@import "./default";
|
|
|
|
// Material Design Default Theme
|
|
// ----------------------------------
|
|
|
|
$colors-md: copy-colors($colors) !default;
|
|
|
|
|
|
$text-md-color: $text-color !default;
|
|
$paragraph-md-color: $paragraph-color !default;
|
|
$link-md-color: map-get($colors-md, primary) !default;
|
|
$background-md-color: $background-color !default;
|
|
$subdued-text-md-color: $subdued-text-color !default;
|
|
|
|
$font-family-md-base: "Roboto", "Helvetica Neue", sans-serif !default;
|
|
$font-size-md-base: $font-size-base !default;
|
|
|
|
|
|
// Material Design Toolbar
|
|
// --------------------------------------------------
|
|
|
|
$toolbar-md-background: $toolbar-background !default;
|
|
$toolbar-md-border-color: $toolbar-border-color !default;
|
|
$toolbar-md-text-color: #424242 !default;
|
|
$toolbar-md-active-color: $toolbar-active-color !default;
|
|
$toolbar-md-inactive-color: $toolbar-inactive-color !default;
|
|
$toolbar-md-button-color: #424242 !default;
|
|
|
|
|
|
// Material Design List
|
|
// --------------------------------------------------
|
|
|
|
$list-md-text-color: $list-text-color !default;
|
|
$list-md-border-color: #dedede !default;
|
|
$list-md-background-color: $list-background-color !default;
|
|
$list-md-activated-background-color: #f1f1f1 !default;
|
|
|
|
|
|
// Material Design Item
|
|
// --------------------------------------------------
|
|
|
|
$item-md-padding-top: 13px !default;
|
|
$item-md-padding-right: 16px !default;
|
|
$item-md-padding-bottom: 13px !default;
|
|
$item-md-padding-left: 16px !default;
|
|
$item-md-padding-media-top: 9px !default;
|
|
$item-md-padding-media-bottom: 9px !default;
|
|
$item-md-padding-icon-top: 11px !default;
|
|
$item-md-padding-icon-bottom: 10px !default;
|
|
|
|
|
|
// Ripple Color
|
|
// --------------------------------------------------
|
|
|
|
@function ripple-background-color($button-color) {
|
|
@return rgba( red($button-color), green($button-color), blue($button-color), 0.1);
|
|
}
|
|
|
|
|
|
// Material Design Body
|
|
// --------------------------------------------------
|
|
|
|
@mixin md-body() {
|
|
font-family: $font-family-md-base;
|
|
font-size: $font-size-md-base;
|
|
background-color: $background-md-color;
|
|
}
|
|
|
|
|
|
// Roboto Font
|
|
@at-root {
|
|
@import "../fonts/roboto";
|
|
}
|