Overriding Ionic Sass Variables

Improve this doc

There are many variables you can override with Ionic. Any of the following variables can be overridden from your src/theme/variables.scss file, just add a new value to the file:

$text-color: #000099;

$colors(
  ...
)

Variable Name : Default Value Declared In
$action-sheet-ios-background#f9f9f9
$action-sheet-ios-border-color#d6d6da
$action-sheet-ios-border-radius13px
$action-sheet-ios-button-backgroundtransparent
$action-sheet-ios-button-background-activated#ebebeb
$action-sheet-ios-button-border-color#d1d3d6
$action-sheet-ios-button-border-stylesolid
$action-sheet-ios-button-border-width$hairlines-width
$action-sheet-ios-button-cancel-background#fff
$action-sheet-ios-button-cancel-font-weight600
$action-sheet-ios-button-destructive-text-color#f53d3d
$action-sheet-ios-button-font-size2rem
$action-sheet-ios-button-min-height5.6rem
$action-sheet-ios-button-padding18px
$action-sheet-ios-button-text-color#007aff
$action-sheet-ios-group-margin-bottom10px
$action-sheet-ios-group-margin-top10px
$action-sheet-ios-paddingnull
$action-sheet-ios-padding-bottom$action-sheet-ios-padding-top
$action-sheet-ios-padding-end10px
$action-sheet-ios-padding-start$action-sheet-ios-padding-end
$action-sheet-ios-padding-top0
$action-sheet-ios-text-aligncenter
$action-sheet-ios-title-border-radius0
$action-sheet-ios-title-color#8f8f8f
$action-sheet-ios-title-font-size1.3rem
$action-sheet-ios-title-font-weight400
$action-sheet-ios-title-padding1.5rem
$action-sheet-max-width500px
$action-sheet-md-background#fafafa
$action-sheet-md-button-backgroundtransparent
$action-sheet-md-button-background-activated#f1f1f1
$action-sheet-md-button-font-size1.6rem
$action-sheet-md-button-min-height4.8rem
$action-sheet-md-button-paddingnull
$action-sheet-md-button-padding-bottom$action-sheet-md-button-padding-top
$action-sheet-md-button-padding-end16px
$action-sheet-md-button-padding-start$action-sheet-md-button-padding-end
$action-sheet-md-button-padding-top0
$action-sheet-md-button-text-color#222
$action-sheet-md-icon-font-size2.4rem
$action-sheet-md-icon-marginnull
$action-sheet-md-icon-margin-bottom0
$action-sheet-md-icon-margin-end32px
$action-sheet-md-icon-margin-start0
$action-sheet-md-icon-margin-top0
$action-sheet-md-icon-text-aligncenter
$action-sheet-md-icon-vertical-alignmiddle
$action-sheet-md-icon-width2.3rem
$action-sheet-md-padding-bottom.8rem
$action-sheet-md-padding-top.8rem
$action-sheet-md-text-alignstart
$action-sheet-md-title-color#757575
$action-sheet-md-title-font-size1.6rem
$action-sheet-md-title-paddingnull
$action-sheet-md-title-padding-bottom17px
$action-sheet-md-title-padding-end16px
$action-sheet-md-title-padding-start$action-sheet-md-title-padding-end
$action-sheet-md-title-padding-top11px
$action-sheet-width100%
$action-sheet-wp-background#fff
$action-sheet-wp-box-shadow0 -1px 0 $action-sheet-wp-box-shadow-color
$action-sheet-wp-box-shadow-colorrgba(0, 0, 0, .2)
$action-sheet-wp-button-backgroundtransparent
$action-sheet-wp-button-background-activated$list-wp-activated-background-color
$action-sheet-wp-button-font-size1.5rem
$action-sheet-wp-button-height4.8rem
$action-sheet-wp-button-paddingnull
$action-sheet-wp-button-padding-bottom$action-sheet-wp-button-padding-top
$action-sheet-wp-button-padding-end16px
$action-sheet-wp-button-padding-start$action-sheet-wp-button-padding-end
$action-sheet-wp-button-padding-top0
$action-sheet-wp-button-text-align$action-sheet-wp-text-align
$action-sheet-wp-button-text-color#4d4d4d
$action-sheet-wp-icon-font-size2.4rem
$action-sheet-wp-icon-marginnull
$action-sheet-wp-icon-margin-bottom0
$action-sheet-wp-icon-margin-end20px
$action-sheet-wp-icon-margin-start0
$action-sheet-wp-icon-margin-top0
$action-sheet-wp-icon-text-aligncenter
$action-sheet-wp-icon-vertical-alignmiddle
$action-sheet-wp-icon-width2.3rem
$action-sheet-wp-padding-bottom.8rem
$action-sheet-wp-padding-top.8rem
$action-sheet-wp-text-alignstart
$action-sheet-wp-title-color#4d4d4d
$action-sheet-wp-title-font-size2rem
$action-sheet-wp-title-paddingnull
$action-sheet-wp-title-padding-bottom17px
$action-sheet-wp-title-padding-end16px
$action-sheet-wp-title-padding-start$action-sheet-wp-title-padding-end
$action-sheet-wp-title-padding-top11px
$action-sheet-wp-title-text-align$action-sheet-wp-text-align
$alert-button-font-size14px
$alert-button-line-height20px
$alert-input-placeholder-color#999
$alert-ios-background#f8f8f8
$alert-ios-border-radius13px
$alert-ios-box-shadownone
$alert-ios-button-background-colortransparent
$alert-ios-button-background-color-activated#e9e9e9
$alert-ios-button-border-color#dbdbdf
$alert-ios-button-border-radius0
$alert-ios-button-border-stylesolid
$alert-ios-button-border-width$hairlines-width
$alert-ios-button-flex1 1 auto
$alert-ios-button-font-size17px
$alert-ios-button-group-flex-wrapwrap
$alert-ios-button-main-font-weightbold
$alert-ios-button-margin0
$alert-ios-button-min-height44px
$alert-ios-button-min-width50%
$alert-ios-button-text-colorcolor($colors-ios, primary)
$alert-ios-checkbox-background-color-off$list-ios-background-color
$alert-ios-checkbox-background-color-oncolor($colors-ios, primary)
$alert-ios-checkbox-border-color-off$list-ios-border-color
$alert-ios-checkbox-border-color-oncolor($colors-ios, primary)
$alert-ios-checkbox-border-radius50%
$alert-ios-checkbox-border-stylesolid
$alert-ios-checkbox-border-width$hairlines-width
$alert-ios-checkbox-icon-border-color$background-ios-color
$alert-ios-checkbox-icon-border-style$alert-ios-checkbox-border-style
$alert-ios-checkbox-icon-border-width$alert-ios-checkbox-border-width
$alert-ios-checkbox-icon-height9px
$alert-ios-checkbox-icon-left7px
$alert-ios-checkbox-icon-start$alert-ios-checkbox-icon-left
$alert-ios-checkbox-icon-top4px
$alert-ios-checkbox-icon-transformrotate(45deg)
$alert-ios-checkbox-icon-width4px
$alert-ios-checkbox-label-paddingnull
$alert-ios-checkbox-label-padding-bottom$alert-ios-checkbox-label-padding-top
$alert-ios-checkbox-label-padding-end$alert-ios-checkbox-label-padding-top
$alert-ios-checkbox-label-padding-start$alert-ios-checkbox-label-padding-end
$alert-ios-checkbox-label-padding-top13px
$alert-ios-checkbox-label-text-colorinitial
$alert-ios-checkbox-label-text-color-checkedinitial
$alert-ios-checkbox-marginnull
$alert-ios-checkbox-margin-bottom10px
$alert-ios-checkbox-margin-end6px
$alert-ios-checkbox-margin-start16px
$alert-ios-checkbox-margin-top10px
$alert-ios-checkbox-size21px
$alert-ios-content-max-height240px
$alert-ios-head-paddingnull
$alert-ios-head-padding-bottom7px
$alert-ios-head-padding-end16px
$alert-ios-head-padding-start$alert-ios-head-padding-end
$alert-ios-head-padding-top12px
$alert-ios-head-text-aligncenter
$alert-ios-input-background-color#fff
$alert-ios-input-border$hairlines-width solid $alert-ios-input-border-color
$alert-ios-input-border-color#ccc
$alert-ios-input-border-radius4px
$alert-ios-input-margin-top10px
$alert-ios-input-paddingnull
$alert-ios-input-padding-bottom$alert-ios-input-padding-top
$alert-ios-input-padding-end$alert-ios-input-padding-top
$alert-ios-input-padding-start$alert-ios-input-padding-end
$alert-ios-input-padding-top6px
$alert-ios-list-border-top$alert-ios-button-border-width $alert-ios-button-border-style $alert-ios-button-border-color
$alert-ios-max-width270px
$alert-ios-message-empty-padding-bottom12px
$alert-ios-message-empty-padding-end0
$alert-ios-message-empty-padding-start0
$alert-ios-message-empty-padding-top0
$alert-ios-message-font-size13px
$alert-ios-message-paddingnull
$alert-ios-message-padding-bottom21px
$alert-ios-message-padding-emptynull
$alert-ios-message-padding-end16px
$alert-ios-message-padding-start$alert-ios-message-padding-end
$alert-ios-message-padding-top0
$alert-ios-message-text-aligncenter
$alert-ios-message-text-colorinherit
$alert-ios-radio-icon-border-color$alert-ios-button-text-color
$alert-ios-radio-icon-border-stylesolid
$alert-ios-radio-icon-border-width2px
$alert-ios-radio-icon-height12px
$alert-ios-radio-icon-left7px
$alert-ios-radio-icon-start$alert-ios-radio-icon-left
$alert-ios-radio-icon-top-7px
$alert-ios-radio-icon-transformrotate(45deg)
$alert-ios-radio-icon-width6px
$alert-ios-radio-label-paddingnull
$alert-ios-radio-label-padding-bottom$alert-ios-radio-label-padding-top
$alert-ios-radio-label-padding-end$alert-ios-radio-label-padding-top
$alert-ios-radio-label-padding-start$alert-ios-radio-label-padding-end
$alert-ios-radio-label-padding-top13px
$alert-ios-radio-label-text-colorinitial
$alert-ios-radio-label-text-color-checked$alert-ios-button-text-color
$alert-ios-radio-min-width30px
$alert-ios-sub-title-font-size14px
$alert-ios-sub-title-text-color#666
$alert-ios-title-font-size17px
$alert-ios-title-font-weight600
$alert-ios-title-margin-top8px
$alert-max-height90%
$alert-md-background-color#fafafa
$alert-md-border-radius2px
$alert-md-box-shadow0 16px 20px $alert-md-box-shadow-color
$alert-md-box-shadow-colorrgba(0, 0, 0, .4)
$alert-md-button-background-colortransparent
$alert-md-button-background-color-activatedrgba(158, 158, 158, .2)
$alert-md-button-border-radius2px
$alert-md-button-font-weight500
$alert-md-button-group-flex-wrapwrap-reverse
$alert-md-button-group-justify-contentflex-end
$alert-md-button-group-paddingnull
$alert-md-button-group-padding-bottom8px
$alert-md-button-group-padding-end8px
$alert-md-button-group-padding-start24px
$alert-md-button-group-padding-top8px
$alert-md-button-marginnull
$alert-md-button-margin-bottom0
$alert-md-button-margin-end8px
$alert-md-button-margin-start0
$alert-md-button-margin-top0
$alert-md-button-paddingnull
$alert-md-button-padding-bottom$alert-md-button-padding-top
$alert-md-button-padding-end$alert-md-button-padding-top
$alert-md-button-padding-start$alert-md-button-padding-end
$alert-md-button-padding-top10px
$alert-md-button-text-alignend
$alert-md-button-text-colorcolor($colors-md, primary)
$alert-md-button-text-transformuppercase
$alert-md-checkbox-border-color-offdarken($list-md-border-color, 40%)
$alert-md-checkbox-border-color-on$alert-md-button-text-color
$alert-md-checkbox-border-radius2px
$alert-md-checkbox-border-stylesolid
$alert-md-checkbox-border-width2px
$alert-md-checkbox-height16px
$alert-md-checkbox-icon-border-colorcolor-contrast($colors-md, $alert-md-checkbox-border-color-on)
$alert-md-checkbox-icon-border-stylesolid
$alert-md-checkbox-icon-border-width2px
$alert-md-checkbox-icon-height10px
$alert-md-checkbox-icon-left3px
$alert-md-checkbox-icon-start$alert-md-checkbox-icon-left
$alert-md-checkbox-icon-top0
$alert-md-checkbox-icon-transformrotate(45deg)
$alert-md-checkbox-icon-width6px
$alert-md-checkbox-label-paddingnull
$alert-md-checkbox-label-padding-bottom$alert-md-checkbox-label-padding-top
$alert-md-checkbox-label-padding-end26px
$alert-md-checkbox-label-padding-start$alert-md-checkbox-label-padding-end
$alert-md-checkbox-label-padding-top13px
$alert-md-checkbox-label-text-colorinitial
$alert-md-checkbox-label-text-color-checkedinitial
$alert-md-checkbox-left13px
$alert-md-checkbox-top0
$alert-md-checkbox-width16px
$alert-md-content-max-height240px
$alert-md-head-paddingnull
$alert-md-head-padding-bottom20px
$alert-md-head-padding-end24px
$alert-md-head-padding-start24px
$alert-md-head-padding-top24px
$alert-md-head-text-alignstart
$alert-md-input-border-color#dedede
$alert-md-input-border-color-focusedcolor($colors-md, primary)
$alert-md-input-border-stylesolid
$alert-md-input-border-style-focused$alert-md-input-border-style
$alert-md-input-border-width1px
$alert-md-input-border-width-focused2px
$alert-md-input-margin-bottom5px
$alert-md-input-margin-end$alert-md-input-margin-right
$alert-md-input-margin-left0
$alert-md-input-margin-right0
$alert-md-input-margin-start$alert-md-input-margin-left
$alert-md-input-margin-top5px
$alert-md-input-text-color#000
$alert-md-list-border-bottom$alert-md-list-border-top
$alert-md-list-border-top1px solid $alert-md-input-border-color
$alert-md-max-width280px
$alert-md-message-empty-padding-bottom$alert-md-message-empty-padding-top
$alert-md-message-empty-padding-end$alert-md-message-empty-padding-top
$alert-md-message-empty-padding-start$alert-md-message-empty-padding-end
$alert-md-message-empty-padding-top0
$alert-md-message-font-size15px
$alert-md-message-paddingnull
$alert-md-message-padding-bottom24px
$alert-md-message-padding-emptynull
$alert-md-message-padding-end24px
$alert-md-message-padding-start24px
$alert-md-message-padding-top0
$alert-md-message-text-colorrgba(0, 0, 0, .5)
$alert-md-radio-border-color-offdarken($list-md-border-color, 40%)
$alert-md-radio-border-color-on$alert-md-button-text-color
$alert-md-radio-border-radius50%
$alert-md-radio-border-stylesolid
$alert-md-radio-border-width2px
$alert-md-radio-height16px
$alert-md-radio-icon-border-radius$alert-md-radio-border-radius
$alert-md-radio-icon-height8px
$alert-md-radio-icon-left2px
$alert-md-radio-icon-start$alert-md-radio-icon-left
$alert-md-radio-icon-top2px
$alert-md-radio-icon-transform-offscale3d(0, 0, 0)
$alert-md-radio-icon-transform-onscale3d(1, 1, 1)
$alert-md-radio-icon-transitiontransform 280ms cubic-bezier(.4, 0, .2, 1)
$alert-md-radio-icon-width8px
$alert-md-radio-label-paddingnull
$alert-md-radio-label-padding-bottom$alert-md-radio-label-padding-top
$alert-md-radio-label-padding-end26px
$alert-md-radio-label-padding-start$alert-md-radio-label-padding-end
$alert-md-radio-label-padding-top13px
$alert-md-radio-label-text-colorinitial
$alert-md-radio-label-text-color-checked$alert-md-button-text-color
$alert-md-radio-left13px
$alert-md-radio-top0
$alert-md-radio-width16px
$alert-md-sub-title-font-size16px
$alert-md-title-font-size22px
$alert-min-width250px
$alert-wp-backdrop-background#fff
$alert-wp-background#e6e6e6
$alert-wp-border-colorcolor($colors-wp, primary)
$alert-wp-border-radius0
$alert-wp-border-stylesolid
$alert-wp-border-width1px
$alert-wp-button-background#b8b8b8
$alert-wp-button-background-activatedcolor-shade($alert-wp-button-background)
$alert-wp-button-border-radius0
$alert-wp-button-font-weight400
$alert-wp-button-group-flex-wrapwrap-reverse
$alert-wp-button-group-justify-contentflex-end
$alert-wp-button-group-paddingnull
$alert-wp-button-group-padding-bottom20px
$alert-wp-button-group-padding-end22px
$alert-wp-button-group-padding-start22px
$alert-wp-button-group-padding-top20px
$alert-wp-button-group-vertical-margin-top5px
$alert-wp-button-group-vertical-width100%
$alert-wp-button-margin-end$alert-wp-button-margin-right
$alert-wp-button-margin-right1%
$alert-wp-button-paddingnull
$alert-wp-button-padding-bottom$alert-wp-button-padding-top
$alert-wp-button-padding-end$alert-wp-button-padding-top
$alert-wp-button-padding-start$alert-wp-button-padding-end
$alert-wp-button-padding-top5px
$alert-wp-button-text-color#000
$alert-wp-button-width49.5%
$alert-wp-checkbox-background-offtransparent
$alert-wp-checkbox-background-oncolor($colors-wp, primary)
$alert-wp-checkbox-border-color$input-wp-border-color
$alert-wp-checkbox-border-radius0
$alert-wp-checkbox-border-stylesolid
$alert-wp-checkbox-border-width2px
$alert-wp-checkbox-height16px
$alert-wp-checkbox-icon-border-colorcolor-contrast($colors-wp, $alert-wp-checkbox-background-on)
$alert-wp-checkbox-icon-border-stylesolid
$alert-wp-checkbox-icon-border-width1px
$alert-wp-checkbox-icon-height12px
$alert-wp-checkbox-icon-left3px
$alert-wp-checkbox-icon-start$alert-wp-checkbox-icon-left
$alert-wp-checkbox-icon-top-2px
$alert-wp-checkbox-icon-transformrotate(45deg)
$alert-wp-checkbox-icon-width6px
$alert-wp-checkbox-label-paddingnull
$alert-wp-checkbox-label-padding-bottom$alert-wp-checkbox-label-padding-top
$alert-wp-checkbox-label-padding-end26px
$alert-wp-checkbox-label-padding-start$alert-wp-checkbox-label-padding-end
$alert-wp-checkbox-label-padding-top13px
$alert-wp-checkbox-label-text-colorinitial
$alert-wp-checkbox-label-text-color-checkedinitial
$alert-wp-checkbox-left13px
$alert-wp-checkbox-top0
$alert-wp-checkbox-width16px
$alert-wp-content-max-height240px
$alert-wp-head-paddingnull
$alert-wp-head-padding-bottom5px
$alert-wp-head-padding-end22px
$alert-wp-head-padding-start22px
$alert-wp-head-padding-top20px
$alert-wp-head-text-alignstart
$alert-wp-input-border-color$input-wp-border-color
$alert-wp-input-border-color-focusedcolor($colors-wp, primary)
$alert-wp-input-border-style$alert-wp-border-style
$alert-wp-input-border-width2px
$alert-wp-input-line-height3rem
$alert-wp-input-marginnull
$alert-wp-input-margin-bottom5px
$alert-wp-input-margin-end0
$alert-wp-input-margin-start0
$alert-wp-input-margin-top5px
$alert-wp-input-paddingnull
$alert-wp-input-padding-bottom$alert-wp-input-padding-top
$alert-wp-input-padding-end8px
$alert-wp-input-padding-start$alert-wp-input-padding-end
$alert-wp-input-padding-top0
$alert-wp-input-text-color#000
$alert-wp-max-width520px
$alert-wp-message-empty-padding-bottom$alert-wp-message-empty-padding-top
$alert-wp-message-empty-padding-end$alert-wp-message-empty-padding-top
$alert-wp-message-empty-padding-start$alert-wp-message-empty-padding-end
$alert-wp-message-empty-padding-top0
$alert-wp-message-font-size13px
$alert-wp-message-paddingnull
$alert-wp-message-padding-bottom8px
$alert-wp-message-padding-emptynull
$alert-wp-message-padding-end22px
$alert-wp-message-padding-start22px
$alert-wp-message-padding-top0
$alert-wp-message-text-color#000
$alert-wp-radio-backgroundcolor($colors-wp, primary)
$alert-wp-radio-border-color$input-wp-border-color
$alert-wp-radio-border-color$input-wp-border-color
$alert-wp-radio-border-radius50%
$alert-wp-radio-border-stylesolid
$alert-wp-radio-border-width2px
$alert-wp-radio-height16px
$alert-wp-radio-icon-border-radius$alert-wp-radio-border-radius
$alert-wp-radio-icon-height8px
$alert-wp-radio-icon-left2px
$alert-wp-radio-icon-start$alert-wp-radio-icon-left
$alert-wp-radio-icon-top2px
$alert-wp-radio-icon-width8px
$alert-wp-radio-label-paddingnull
$alert-wp-radio-label-padding-bottom$alert-wp-radio-label-padding-top
$alert-wp-radio-label-padding-end26px
$alert-wp-radio-label-padding-start$alert-wp-radio-label-padding-end
$alert-wp-radio-label-padding-top13px
$alert-wp-radio-label-text-colorinitial
$alert-wp-radio-label-text-color-checked$alert-wp-button-text-color
$alert-wp-radio-left13px
$alert-wp-radio-top0
$alert-wp-radio-width16px
$alert-wp-sub-title-font-size16px
$alert-wp-title-font-size20px
$alert-wp-title-font-weight400
$alert-wp-width100%
$app-directionltr
$backdrop-color#000
$background-color#191919
$background-color#fff
$background-ios-color$background-color
$background-ios-color$background-color
$background-md-color$background-color
$background-md-color$background-color
$background-wp-color$background-color
$background-wp-color$background-color
$badge-font-size1.3rem
$badge-font-weightbold
$badge-ios-background-colorcolor($colors-ios, primary)
$badge-ios-border-radius10px
$badge-ios-text-colorcolor-contrast($colors-ios, $badge-ios-background-color)
$badge-md-background-colorcolor($colors-md, primary)
$badge-md-border-radius4px
$badge-md-text-colorcolor-contrast($colors-md, $badge-md-background-color)
$badge-wp-background-colorcolor($colors-wp, primary)
$badge-wp-border-radius0
$badge-wp-text-colorcolor-contrast($colors-wp, $badge-wp-background-color)
$button-ios-background-colorcolor($colors-ios, primary)
$button-ios-background-color-activatedcolor-shade($button-ios-background-color)
$button-ios-border-radius4px
$button-ios-clear-background-colortransparent
$button-ios-clear-background-color-activated$button-ios-clear-background-color
$button-ios-clear-border-colortransparent
$button-ios-clear-opacity-activated.4
$button-ios-clear-opacity-hover.6
$button-ios-clear-text-color-hover$button-ios-background-color
$button-ios-font-size1.6rem
$button-ios-height2.8em
$button-ios-large-font-size2rem
$button-ios-large-height2.8em
$button-ios-large-paddingnull
$button-ios-large-padding-bottom$button-ios-large-padding-top
$button-ios-large-padding-end1em
$button-ios-large-padding-start$button-ios-large-padding-end
$button-ios-large-padding-top0
$button-ios-marginnull
$button-ios-margin-bottom.4rem
$button-ios-margin-end.2rem
$button-ios-margin-start.2rem
$button-ios-margin-top.4rem
$button-ios-opacity-activated1
$button-ios-opacity-hover.8
$button-ios-outline-background-colortransparent
$button-ios-outline-background-color-activated$button-ios-background-color
$button-ios-outline-border-color$button-ios-background-color
$button-ios-outline-border-radius$button-ios-border-radius
$button-ios-outline-border-stylesolid
$button-ios-outline-border-width1px
$button-ios-outline-opacity-activated1
$button-ios-outline-text-color$button-ios-background-color
$button-ios-outline-text-color-activatedcolor-contrast($colors-ios, $button-ios-background-color)
$button-ios-paddingnull
$button-ios-padding-bottom$button-ios-padding-top
$button-ios-padding-end1em
$button-ios-padding-start$button-ios-padding-end
$button-ios-padding-top0
$button-ios-round-border-radius$button-round-border-radius
$button-ios-round-paddingnull
$button-ios-round-padding-bottom$button-round-padding-bottom
$button-ios-round-padding-end$button-round-padding-end
$button-ios-round-padding-start$button-round-padding-start
$button-ios-round-padding-top$button-round-padding-top
$button-ios-small-font-size1.3rem
$button-ios-small-height2.1em
$button-ios-small-icon-font-size1.3em
$button-ios-small-paddingnull
$button-ios-small-padding-bottom$button-ios-small-padding-top
$button-ios-small-padding-end.9em
$button-ios-small-padding-start$button-ios-small-padding-end
$button-ios-small-padding-top0
$button-ios-strong-font-weight600
$button-ios-text-colorcolor-contrast($colors-ios, $button-ios-background-color)
$button-md-background-colorcolor($colors-md, primary)
$button-md-background-color-activatedcolor-shade($button-md-background-color)
$button-md-background-color-hover$button-md-background-color
$button-md-border-radius2px
$button-md-box-shadow0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
$button-md-box-shadow-activated0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21), 0 0 0 0 transparent
$button-md-clear-background-colortransparent
$button-md-clear-background-color-activatedrgba(158, 158, 158, .2)
$button-md-clear-background-color-hoverrgba(158, 158, 158, .1)
$button-md-clear-border-colortransparent
$button-md-clear-box-shadownone
$button-md-clear-box-shadow-activated$button-md-clear-box-shadow
$button-md-clear-opacity1
$button-md-clear-ripple-background-color#999
$button-md-clear-text-color$button-md-background-color
$button-md-font-size1.4rem
$button-md-font-weight500
$button-md-height3.6rem
$button-md-large-font-size2rem
$button-md-large-height2.8em
$button-md-large-paddingnull
$button-md-large-padding-bottom$button-md-large-padding-top
$button-md-large-padding-end1em
$button-md-large-padding-start$button-md-large-padding-end
$button-md-large-padding-top0
$button-md-marginnull
$button-md-margin-bottom.4rem
$button-md-margin-end.2rem
$button-md-margin-start.2rem
$button-md-margin-top.4rem
$button-md-opacity-activated1
$button-md-outline-background-colortransparent
$button-md-outline-background-color-activatedtransparent
$button-md-outline-background-color-hoverrgba(158, 158, 158, .1)
$button-md-outline-border-color$button-md-background-color
$button-md-outline-border-stylesolid
$button-md-outline-border-width1px
$button-md-outline-box-shadownone
$button-md-outline-box-shadow-activatednone
$button-md-outline-opacity-activated1
$button-md-outline-ripple-background-color$button-md-background-color
$button-md-outline-text-color$button-md-background-color
$button-md-paddingnull
$button-md-padding-bottom$button-md-padding-top
$button-md-padding-end1.1em
$button-md-padding-start$button-md-padding-end
$button-md-padding-top0
$button-md-ripple-background-color#555
$button-md-round-border-radius$button-round-border-radius
$button-md-round-paddingnull
$button-md-round-padding-bottom$button-round-padding-bottom
$button-md-round-padding-end$button-round-padding-end
$button-md-round-padding-start$button-round-padding-start
$button-md-round-padding-top$button-round-padding-top
$button-md-small-font-size1.3rem
$button-md-small-height2.1em
$button-md-small-icon-font-size1.4em
$button-md-small-paddingnull
$button-md-small-padding-bottom$button-md-small-padding-top
$button-md-small-padding-end.9em
$button-md-small-padding-start$button-md-small-padding-end
$button-md-small-padding-top0
$button-md-strong-font-weightbold
$button-md-text-colorcolor-contrast($colors-md, $button-md-background-color)
$button-md-text-transformuppercase
$button-md-transition-duration300ms
$button-md-transition-timing-functioncubic-bezier(.4, 0, .2, 1)
$button-round-border-radius64px
$button-round-paddingnull
$button-round-padding-bottom$button-round-padding-top
$button-round-padding-end2.6rem
$button-round-padding-start$button-round-padding-end
$button-round-padding-top0
$button-wp-background-colorcolor($colors-wp, primary)
$button-wp-background-color-activatedcolor-shade($button-wp-background-color)
$button-wp-border-colortransparent
$button-wp-border-radius0
$button-wp-border-stylesolid
$button-wp-border-width3px
$button-wp-clear-background-colortransparent
$button-wp-clear-background-color-activatedrgba(158, 158, 158, .2)
$button-wp-clear-background-color-hoverrgba(158, 158, 158, .1)
$button-wp-clear-text-color$button-wp-background-color
$button-wp-font-size1.4rem
$button-wp-height3.6rem
$button-wp-large-font-size2rem
$button-wp-large-height2.8em
$button-wp-large-paddingnull
$button-wp-large-padding-bottom$button-wp-large-padding-top
$button-wp-large-padding-end1em
$button-wp-large-padding-start$button-wp-large-padding-end
$button-wp-large-padding-top0
$button-wp-marginnull
$button-wp-margin-bottom.4rem
$button-wp-margin-end.2rem
$button-wp-margin-start.2rem
$button-wp-margin-top.4rem
$button-wp-outline-background-colortransparent
$button-wp-outline-background-color-activated$button-wp-background-color
$button-wp-outline-background-color-opacity-activated.16
$button-wp-outline-border-color$button-wp-background-color
$button-wp-outline-border-stylesolid
$button-wp-outline-border-width1px
$button-wp-outline-text-color$button-wp-background-color
$button-wp-paddingnull
$button-wp-padding-bottom$button-wp-padding-top
$button-wp-padding-end1.1em
$button-wp-padding-start$button-wp-padding-end
$button-wp-padding-top0
$button-wp-round-border-radius$button-round-border-radius
$button-wp-round-paddingnull
$button-wp-round-padding-bottom$button-round-padding-bottom
$button-wp-round-padding-end$button-round-padding-end
$button-wp-round-padding-start$button-round-padding-start
$button-wp-round-padding-top$button-round-padding-top
$button-wp-small-font-size1.3rem
$button-wp-small-height2.1em
$button-wp-small-icon-font-size1.4em
$button-wp-small-paddingnull
$button-wp-small-padding-bottom$button-wp-small-padding-top
$button-wp-small-padding-end.9em
$button-wp-small-padding-start$button-wp-small-padding-end
$button-wp-small-padding-top0
$button-wp-strong-font-weightbold
$button-wp-text-colorcolor-contrast($colors-wp, $button-wp-background-color)
$card-ios-background-color$list-ios-background-color
$card-ios-border-radius2px
$card-ios-box-shadow0 1px 2px $card-ios-box-shadow-color
$card-ios-box-shadow-colorrgba(0, 0, 0, .3)
$card-ios-font-size1.4rem
$card-ios-header-color#ddd
$card-ios-header-color#333
$card-ios-header-font-size1.6rem
$card-ios-header-font-weight500
$card-ios-header-paddingnull
$card-ios-header-padding-bottom$card-ios-header-padding-top
$card-ios-header-padding-end$card-ios-header-padding-top
$card-ios-header-padding-start$card-ios-header-padding-end
$card-ios-header-padding-top16px
$card-ios-margin-bottom12px
$card-ios-margin-end$card-ios-margin-right
$card-ios-margin-left12px
$card-ios-margin-right12px
$card-ios-margin-start$card-ios-margin-left
$card-ios-margin-top12px
$card-ios-padding-bottom14px
$card-ios-padding-end$card-ios-padding-right
$card-ios-padding-left16px
$card-ios-padding-media-bottom9px
$card-ios-padding-media-top10px
$card-ios-padding-right16px
$card-ios-padding-start$card-ios-padding-left
$card-ios-padding-top13px
$card-ios-text-color#666
$card-ios-title-font-size1.8rem
$card-ios-title-marginnull
$card-ios-title-margin-bottom2px
$card-ios-title-margin-end0
$card-ios-title-margin-start0
$card-ios-title-margin-top2px
$card-ios-title-paddingnull
$card-ios-title-padding-bottom8px
$card-ios-title-padding-end0
$card-ios-title-padding-start0
$card-ios-title-padding-top8px
$card-ios-title-text-color#222
$card-md-avatar-size4rem
$card-md-background-color$list-md-background-color
$card-md-border-radius2px
$card-md-box-shadow0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
$card-md-font-size1.4rem
$card-md-header-color#ddd
$card-md-header-color#222
$card-md-header-font-size1.6rem
$card-md-header-paddingnull
$card-md-header-padding-bottom$card-md-header-padding-top
$card-md-header-padding-end$card-md-header-padding-top
$card-md-header-padding-start$card-md-header-padding-end
$card-md-header-padding-top16px
$card-md-line-height1.5
$card-md-margin-bottom10px
$card-md-margin-end$card-md-margin-right
$card-md-margin-left10px
$card-md-margin-right10px
$card-md-margin-start$card-md-margin-left
$card-md-margin-top10px
$card-md-padding-bottom13px
$card-md-padding-end$card-md-padding-right
$card-md-padding-left16px
$card-md-padding-media-bottom10px
$card-md-padding-media-top10px
$card-md-padding-right16px
$card-md-padding-start$card-md-padding-left
$card-md-padding-top13px
$card-md-text-color#ddd
$card-md-text-color#222
$card-md-thumbnail-size8rem
$card-md-title-font-size2.4rem
$card-md-title-marginnull
$card-md-title-margin-bottom2px
$card-md-title-margin-end0
$card-md-title-margin-start$card-md-title-margin-end
$card-md-title-margin-top2px
$card-md-title-paddingnull
$card-md-title-padding-bottom8px
$card-md-title-padding-end0
$card-md-title-padding-start0
$card-md-title-padding-top8px
$card-md-title-text-color#fff
$card-md-title-text-color#222
$card-wp-avatar-size4rem
$card-wp-background-color$list-wp-background-color
$card-wp-border-radius1px
$card-wp-box-shadow0 1px 1px 1px $card-wp-box-shadow-color
$card-wp-box-shadow-colorrgba(0, 0, 0, .2)
$card-wp-font-size1.4rem
$card-wp-header-color#ddd
$card-wp-header-color#222
$card-wp-header-font-size1.6rem
$card-wp-header-paddingnull
$card-wp-header-padding-bottom$card-wp-header-padding-top
$card-wp-header-padding-end$card-wp-header-padding-top
$card-wp-header-padding-start$card-wp-header-padding-end
$card-wp-header-padding-top16px
$card-wp-line-height1.5
$card-wp-margin-bottom8px
$card-wp-margin-end$card-wp-margin-right
$card-wp-margin-left8px
$card-wp-margin-right8px
$card-wp-margin-start$card-wp-margin-left
$card-wp-margin-top8px
$card-wp-padding-bottom13px
$card-wp-padding-end$card-wp-padding-right
$card-wp-padding-left16px
$card-wp-padding-media-bottom10px
$card-wp-padding-media-top10px
$card-wp-padding-right16px
$card-wp-padding-start$card-wp-padding-left
$card-wp-padding-top13px
$card-wp-text-color#ddd
$card-wp-text-color#222
$card-wp-thumbnail-size8rem
$card-wp-title-font-size2.4rem
$card-wp-title-marginnull
$card-wp-title-margin-bottom$card-wp-title-margin-top
$card-wp-title-margin-end0
$card-wp-title-margin-start$card-wp-title-margin-end
$card-wp-title-margin-top2px
$card-wp-title-paddingnull
$card-wp-title-padding-bottom8px
$card-wp-title-padding-end0
$card-wp-title-padding-start0
$card-wp-title-padding-top8px
$card-wp-title-text-color#fff
$card-wp-title-text-color#222
$checkbox-ios-background-color-off$list-ios-background-color
$checkbox-ios-background-color-oncolor($colors-ios, primary)
$checkbox-ios-disabled-opacity.3
$checkbox-ios-icon-border-color-off$list-ios-border-color
$checkbox-ios-icon-border-color-on$checkbox-ios-background-color-on
$checkbox-ios-icon-border-radius50%
$checkbox-ios-icon-border-stylesolid
$checkbox-ios-icon-border-width1px
$checkbox-ios-icon-checkmark-colorcolor-contrast($colors-ios, $checkbox-ios-background-color-on)
$checkbox-ios-icon-checkmark-stylesolid
$checkbox-ios-icon-checkmark-width1px
$checkbox-ios-icon-size21px
$checkbox-ios-item-end-margin-bottom9px
$checkbox-ios-item-end-margin-end8px
$checkbox-ios-item-end-margin-start0
$checkbox-ios-item-end-margin-top10px
$checkbox-ios-item-left-marginnull
$checkbox-ios-item-right-marginnull
$checkbox-ios-item-start-margin-bottom$item-ios-padding-media-bottom
$checkbox-ios-item-start-margin-end$item-ios-padding-end
$checkbox-ios-item-start-margin-start2px
$checkbox-ios-item-start-margin-top$item-ios-padding-media-top
$checkbox-md-border-bottom-color$list-md-border-color
$checkbox-md-border-bottom-stylesolid
$checkbox-md-border-bottom-width1px
$checkbox-md-disabled-opacity.3
$checkbox-md-icon-background-color-off$list-md-background-color
$checkbox-md-icon-background-color-oncolor($colors-md, primary)
$checkbox-md-icon-border-color-offdarken($list-md-border-color, 40%)
$checkbox-md-icon-border-color-oncolor($colors-md, primary)
$checkbox-md-icon-border-radius2px
$checkbox-md-icon-border-stylesolid
$checkbox-md-icon-border-width2px
$checkbox-md-icon-checkmark-colorcolor-contrast($colors-md, $checkbox-md-icon-background-color-on)
$checkbox-md-icon-checkmark-stylesolid
$checkbox-md-icon-checkmark-width2px
$checkbox-md-icon-size16px
$checkbox-md-item-end-margin-bottom10px
$checkbox-md-item-end-margin-end10px
$checkbox-md-item-end-margin-start0
$checkbox-md-item-end-margin-top11px
$checkbox-md-item-left-marginnull
$checkbox-md-item-right-marginnull
$checkbox-md-item-start-margin-bottom$item-md-padding-media-bottom
$checkbox-md-item-start-margin-end36px
$checkbox-md-item-start-margin-start4px
$checkbox-md-item-start-margin-top$item-md-padding-media-top
$checkbox-md-transition-duration280ms
$checkbox-md-transition-easingcubic-bezier(.4, 0, .2, 1)
$checkbox-wp-border-bottom-color$list-wp-border-color
$checkbox-wp-border-bottom-stylesolid
$checkbox-wp-border-bottom-width1px
$checkbox-wp-disabled-opacity.3
$checkbox-wp-icon-background-color-off$list-wp-background-color
$checkbox-wp-icon-background-color-oncolor($colors-wp, primary)
$checkbox-wp-icon-border-color-off#333
$checkbox-wp-icon-border-color-oncolor($colors-wp, primary)
$checkbox-wp-icon-border-radius0
$checkbox-wp-icon-border-stylesolid
$checkbox-wp-icon-border-width2px
$checkbox-wp-icon-checkmark-colorcolor-contrast($colors-wp, $checkbox-wp-icon-background-color-on)
$checkbox-wp-icon-checkmark-stylesolid
$checkbox-wp-icon-checkmark-width1px
$checkbox-wp-icon-size16px
$checkbox-wp-item-end-margin-bottom10px
$checkbox-wp-item-end-margin-end10px
$checkbox-wp-item-end-margin-start0
$checkbox-wp-item-end-margin-top11px
$checkbox-wp-item-left-marginnull
$checkbox-wp-item-right-marginnull
$checkbox-wp-item-start-margin-bottom$item-wp-padding-media-bottom
$checkbox-wp-item-start-margin-end$item-wp-padding-end
$checkbox-wp-item-start-margin-start4px
$checkbox-wp-item-start-margin-top$item-wp-padding-media-top
$chip-avatar-border-radius50%
$chip-avatar-size32px
$chip-button-border-radius50%
$chip-button-marginnull
$chip-button-margin-bottom$chip-button-margin-top
$chip-button-margin-end$chip-button-margin-top
$chip-button-margin-start$chip-button-margin-end
$chip-button-margin-top0
$chip-button-size32px
$chip-icon-border-radius50%
$chip-icon-font-size18px
$chip-icon-size32px
$chip-icon-text-aligncenter
$chip-ios-background-colorrgba(0, 0, 0, .12)
$chip-ios-border-radius16px
$chip-ios-font-size13px
$chip-ios-height32px
$chip-ios-icon-background-colorcolor($colors-ios, primary)
$chip-ios-icon-text-colorcolor-contrast($colors-ios, $chip-ios-icon-background-color)
$chip-ios-label-marginnull
$chip-ios-label-margin-bottom$chip-ios-label-margin-top
$chip-ios-label-margin-end10px
$chip-ios-label-margin-start$chip-ios-label-margin-end
$chip-ios-label-margin-top0
$chip-ios-marginnull
$chip-ios-margin-bottom$chip-ios-margin-top
$chip-ios-margin-end0
$chip-ios-margin-start$chip-ios-margin-end
$chip-ios-margin-top2px
$chip-ios-text-colorrgba(0, 0, 0, .87)
$chip-md-background-colorrgba(0, 0, 0, .12)
$chip-md-border-radius16px
$chip-md-font-size13px
$chip-md-height32px
$chip-md-icon-background-colorcolor($colors-md, primary)
$chip-md-icon-text-colorcolor-contrast($colors-md, $chip-md-icon-background-color)
$chip-md-label-marginnull
$chip-md-label-margin-bottom$chip-md-label-margin-top
$chip-md-label-margin-end10px
$chip-md-label-margin-start$chip-md-label-margin-end
$chip-md-label-margin-top0
$chip-md-marginnull
$chip-md-margin-bottom$chip-md-margin-top
$chip-md-margin-end0
$chip-md-margin-start$chip-md-margin-end
$chip-md-margin-top2px
$chip-md-text-colorrgba(0, 0, 0, .87)
$chip-wp-background-colorrgba(0, 0, 0, .12)
$chip-wp-border-radius16px
$chip-wp-font-size13px
$chip-wp-height32px
$chip-wp-icon-background-colorcolor($colors-wp, primary)
$chip-wp-icon-text-colorcolor-contrast($colors-wp, $chip-wp-icon-background-color)
$chip-wp-label-marginnull
$chip-wp-label-margin-bottom$chip-wp-label-margin-top
$chip-wp-label-margin-end10px
$chip-wp-label-margin-start$chip-wp-label-margin-end
$chip-wp-label-margin-top0
$chip-wp-marginnull
$chip-wp-margin-bottom$chip-wp-margin-top
$chip-wp-margin-end0
$chip-wp-margin-start$chip-wp-margin-end
$chip-wp-margin-top2px
$chip-wp-text-colorrgba(0, 0, 0, .87)
$colors( primary: #007aff, secondary: #32db64, danger: #d91e18, light: #f4f4f4, dark: #222, )
$colors( primary: #327eff, secondary: #32db64, danger: #f53d3d, light: #f4f4f4, dark: #222, )
$colors-ioscopy-colors($colors)
$colors-ioscopy-colors($colors)
$colors-mdcopy-colors($colors)
$colors-mdcopy-colors($colors)
$colors-wpcopy-colors($colors)
$colors-wpcopy-colors($colors)
$content-ios-margin$content-margin
$content-ios-outer-background$background-color
$content-ios-outer-background#efeff4
$content-ios-padding$content-padding
$content-ios-transition-background#000
$content-margin16px
$content-margin16px
$content-md-margin$content-margin
$content-md-padding$content-padding
$content-padding16px
$content-padding16px
$content-wp-margin$content-margin
$content-wp-padding$content-padding
$cordova-ios-statusbar-padding20px
$cordova-ios-statusbar-padding-modal-max-width$cordova-statusbar-padding-modal-max-width
$cordova-md-statusbar-padding20px
$cordova-md-statusbar-padding-modal-max-width$cordova-statusbar-padding-modal-max-width
$cordova-statusbar-padding-modal-max-width767px
$cordova-wp-statusbar-padding20px
$cordova-wp-statusbar-padding-modal-max-width$cordova-statusbar-padding-modal-max-width
$datetime-ios-padding-bottom$item-ios-padding-bottom
$datetime-ios-padding-end$datetime-ios-padding-right
$datetime-ios-padding-left$item-ios-padding-start
$datetime-ios-padding-right($item-ios-padding-end / 2)
$datetime-ios-padding-start$datetime-ios-padding-left
$datetime-ios-padding-top$item-ios-padding-top
$datetime-ios-placeholder-color#999
$datetime-md-padding-bottom$item-md-padding-bottom
$datetime-md-padding-end$datetime-md-padding-right
$datetime-md-padding-left$item-md-padding-start
$datetime-md-padding-right($item-md-padding-end / 2)
$datetime-md-padding-start$datetime-md-padding-left
$datetime-md-padding-top$item-md-padding-top
$datetime-md-placeholder-color#999
$datetime-wp-border-color$input-wp-border-color
$datetime-wp-border-width2px
$datetime-wp-min-width45%
$datetime-wp-padding-bottom$item-wp-padding-bottom
$datetime-wp-padding-end$datetime-wp-padding-right
$datetime-wp-padding-left$item-wp-padding-start
$datetime-wp-padding-right($item-wp-padding-end / 2)
$datetime-wp-padding-start$datetime-wp-padding-left
$datetime-wp-padding-top$item-wp-padding-top
$datetime-wp-placeholder-color$input-wp-border-color
$fab-button-md-transition-duration300ms
$fab-button-md-transition-timing-functioncubic-bezier(.4, 0, .2, 1)
$fab-content-margin10px
$fab-ios-background-colorcolor($colors-ios, primary)
$fab-ios-background-color-activatedcolor-shade($fab-ios-background-color)
$fab-ios-list-button-background-color$fab-list-button-background-color
$fab-ios-list-button-background-color-activatedcolor-shade($fab-ios-list-button-background-color)
$fab-ios-list-button-text-colorcolor-contrast($colors-ios, $fab-ios-list-button-background-color)
$fab-ios-list-button-transition-delay10ms
$fab-ios-list-button-transition-duration200ms
$fab-ios-list-button-transition-timing-functionease
$fab-ios-text-colorcolor-contrast($colors-ios, $fab-ios-background-color)
$fab-list-button-background-color#f4f4f4
$fab-list-margin10px
$fab-md-background-colorcolor($colors-md, primary)
$fab-md-background-color-activatedcolor-shade($fab-md-background-color)
$fab-md-box-shadow0 4px 6px 0 rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .1)
$fab-md-box-shadow-activated0 5px 15px 0 rgba(0, 0, 0, .4), 0 4px 7px 0 rgba(0, 0, 0, .1)
$fab-md-list-button-background-color$fab-list-button-background-color
$fab-md-list-button-background-color-activatedcolor-shade($fab-md-list-button-background-color)
$fab-md-list-button-text-colorcolor-contrast($colors-md, $fab-md-list-button-background-color)
$fab-md-list-button-transition-delay10ms
$fab-md-list-button-transition-duration200ms
$fab-md-list-button-transition-timing-functionease
$fab-md-text-colorcolor-contrast($colors-md, $fab-md-background-color)
$fab-mini-size40px
$fab-size56px
$fab-wp-background-colorcolor($colors-wp, primary)
$fab-wp-background-color-activatedcolor-shade($fab-wp-background-color)
$fab-wp-list-button-background-color$fab-list-button-background-color
$fab-wp-list-button-background-color-activatedcolor-shade($fab-wp-list-button-background-color)
$fab-wp-list-button-text-colorcolor-contrast($colors-wp, $fab-wp-list-button-background-color)
$fab-wp-list-button-transition-delay10ms
$fab-wp-list-button-transition-duration200ms
$fab-wp-list-button-transition-timing-functionease
$fab-wp-text-colorcolor-contrast($colors-wp, $fab-wp-background-color)
$focus-outline-border-color#51a7e8
$focus-outline-border-width2px
$focus-outline-box-shadow0 0 8px 1px $focus-outline-border-color
$font-family-base-apple-system, "Helvetica Neue", "Roboto", sans-serif
$font-family-base-apple-system, "Helvetica Neue", "Roboto", sans-serif
$font-family-ios-base$font-family-base
$font-family-ios-base$font-family-base
$font-family-md-base"Roboto", "Helvetica Neue", sans-serif
$font-family-md-base"Roboto", "Helvetica Neue", sans-serif
$font-family-wp-base"Segoe UI", "Noto Sans", sans-serif
$font-family-wp-base"Segoe UI", "Noto Sans", sans-serif
$font-path"../fonts"
$font-size-base1.4rem // 1.4rem == 14px
$font-size-base1.4rem // 1.4rem == 14px
$font-size-ios-base$font-size-base
$font-size-ios-base$font-size-base
$font-size-md-base$font-size-base
$font-size-md-base$font-size-base
$font-size-root62.5%
$font-size-wp-base$font-size-base
$font-size-wp-base$font-size-base
$grid-breakpoints( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px )
$grid-columns12
$grid-max-widths( sm: 540px, md: 720px, lg: 960px, xl: 1140px )
$grid-padding-width10px
$grid-padding-widths( xs: $grid-padding-width, sm: $grid-padding-width, md: $grid-padding-width, lg: $grid-padding-width, xl: $grid-padding-width )
$h1-font-size2.6rem
$h2-font-size2.4rem
$h3-font-size2.2rem
$h4-font-size2rem
$h5-font-size1.8rem
$h6-font-size1.6rem
$hairlines-width.55px
$headings-font-weight500
$headings-line-height1.2
$img-placeholder-background#eee
$include-float-element-utilities$include-responsive-utilities
$include-responsive-utilitiestrue
$include-text-alignment-utilities$include-responsive-utilities
$include-text-transform-utilities$include-responsive-utilities
$infinite-scroll-loading-color#666
$infinite-scroll-loading-marginnull
$infinite-scroll-loading-margin-bottom32px
$infinite-scroll-loading-margin-end0
$infinite-scroll-loading-margin-start0
$infinite-scroll-loading-margin-top0
$infinite-scroll-loading-text-color$infinite-scroll-loading-color
$infinite-scroll-loading-text-marginnull
$infinite-scroll-loading-text-margin-bottom0
$infinite-scroll-loading-text-margin-end32px
$infinite-scroll-loading-text-margin-start32px
$infinite-scroll-loading-text-margin-top4px
$input-wp-border-colorrgba(0, 0, 0, .5)
$input-wp-border-colorrgba(0, 0, 0, .5)
$ionicons-font-path$font-path
$ionicons-font-path$font-path
$item-ios-avatar-border-radius50%
$item-ios-avatar-size36px
$item-ios-body-text-font-size1.7rem
$item-ios-detail-push-color$list-ios-border-color
$item-ios-detail-push-showtrue
$item-ios-detail-push-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='#{$item-ios-detail-push-color}'/></svg>"
$item-ios-divider-background#151515
$item-ios-divider-background#f7f7f7
$item-ios-divider-color$text-color
$item-ios-divider-color#222
$item-ios-note-color#f4f4f4
$item-ios-padding-bottom11px
$item-ios-padding-bottom11px
$item-ios-padding-end$item-ios-padding-right
$item-ios-padding-end$item-ios-padding-right
$item-ios-padding-icon-bottom8px
$item-ios-padding-icon-bottom8px
$item-ios-padding-icon-top9px
$item-ios-padding-icon-top9px
$item-ios-padding-left16px
$item-ios-padding-left16px
$item-ios-padding-media-bottom10px
$item-ios-padding-media-bottom8px
$item-ios-padding-media-top10px
$item-ios-padding-media-top8px
$item-ios-padding-right16px
$item-ios-padding-right16px
$item-ios-padding-start$item-ios-padding-left
$item-ios-padding-start$item-ios-padding-left
$item-ios-padding-top11px
$item-ios-padding-top11px
$item-ios-paragraph-font-size1.4rem
$item-ios-paragraph-marginnull
$item-ios-paragraph-margin-bottom2px
$item-ios-paragraph-margin-end0
$item-ios-paragraph-margin-start$item-ios-paragraph-margin-end
$item-ios-paragraph-margin-top0
$item-ios-paragraph-text-color#8e9093
$item-ios-sliding-content-background$list-ios-background-color
$item-ios-thumbnail-size56px
$item-md-avatar-border-radius50%
$item-md-avatar-size40px
$item-md-body-text-font-size1.4rem
$item-md-body-text-line-height1.5
$item-md-detail-push-color$list-md-border-color
$item-md-detail-push-showfalse
$item-md-detail-push-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='#{$item-md-detail-push-color}'/></svg>"
$item-md-divider-background#151515
$item-md-divider-background#fff
$item-md-divider-border-bottom1px solid $list-md-border-color
$item-md-divider-color#f4f4f4
$item-md-divider-color#858585
$item-md-divider-font-size$item-md-body-text-font-size
$item-md-font-size1.6rem
$item-md-padding-bottom13px
$item-md-padding-bottom13px
$item-md-padding-end$item-md-padding-right
$item-md-padding-end$item-md-padding-right
$item-md-padding-icon-bottom10px
$item-md-padding-icon-bottom10px
$item-md-padding-icon-top11px
$item-md-padding-icon-top11px
$item-md-padding-left16px
$item-md-padding-left16px
$item-md-padding-media-bottom9px
$item-md-padding-media-bottom9px
$item-md-padding-media-top9px
$item-md-padding-media-top9px
$item-md-padding-right16px
$item-md-padding-right16px
$item-md-padding-start$item-md-padding-left
$item-md-padding-start$item-md-padding-left
$item-md-padding-top13px
$item-md-padding-top13px
$item-md-paragraph-text-color#666
$item-md-sliding-content-background$list-md-background-color
$item-md-thumbnail-size80px
$item-wp-avatar-border-radius50%
$item-wp-avatar-size40px
$item-wp-body-background-color$list-wp-background-color
$item-wp-body-text-color$list-wp-text-color
$item-wp-body-text-font-size1.4rem
$item-wp-body-text-line-height1.5
$item-wp-detail-push-color$input-wp-border-color
$item-wp-detail-push-showfalse
$item-wp-detail-push-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='#{$item-wp-detail-push-color}'/></svg>"
$item-wp-divider-background#151515
$item-wp-divider-background#fff
$item-wp-divider-border-bottom1px solid $list-wp-border-color
$item-wp-divider-color#f4f4f4
$item-wp-divider-color$list-wp-text-color
$item-wp-divider-font-size2rem
$item-wp-font-size1.6rem
$item-wp-padding-bottom13px
$item-wp-padding-bottom13px
$item-wp-padding-end$item-wp-padding-right
$item-wp-padding-end$item-wp-padding-right
$item-wp-padding-icon-bottom10px
$item-wp-padding-icon-bottom10px
$item-wp-padding-icon-top11px
$item-wp-padding-icon-top11px
$item-wp-padding-left16px
$item-wp-padding-left16px
$item-wp-padding-media-bottom9px
$item-wp-padding-media-bottom9px
$item-wp-padding-media-top9px
$item-wp-padding-media-top9px
$item-wp-padding-right16px
$item-wp-padding-right16px
$item-wp-padding-start$item-wp-padding-left
$item-wp-padding-start$item-wp-padding-left
$item-wp-padding-top13px
$item-wp-padding-top13px
$item-wp-paragraph-text-color#666
$item-wp-sliding-content-background$list-wp-background-color
$item-wp-thumbnail-size80px
$label-ios-marginnull
$label-ios-margin-bottom$item-ios-padding-bottom
$label-ios-margin-end($item-ios-padding-end / 2)
$label-ios-margin-start0
$label-ios-margin-top$item-ios-padding-top
$label-ios-text-colornull
$label-ios-text-color-focusednull
$label-md-marginnull
$label-md-margin-bottom$item-md-padding-bottom
$label-md-margin-end($item-md-padding-end / 2)
$label-md-margin-start0
$label-md-margin-top$item-md-padding-top
$label-md-text-color#999
$label-md-text-color-focusedcolor($colors-md, primary)
$label-wp-text-color#999
$label-wp-text-color-focusedcolor($colors-wp, primary)
$link-colorcolor($colors, primary)
$link-colorcolor($colors, primary)
$list-background-color#242424
$list-background-color$background-color
$list-border-color#000
$list-border-color#c8c7cc
$list-inset-ios-border-radius4px
$list-inset-ios-margin-bottom16px
$list-inset-ios-margin-end$list-inset-ios-margin-right
$list-inset-ios-margin-left16px
$list-inset-ios-margin-right16px
$list-inset-ios-margin-start$list-inset-ios-margin-left
$list-inset-ios-margin-top16px
$list-inset-md-border-radius2px
$list-inset-md-margin-bottom16px
$list-inset-md-margin-end$list-inset-md-margin-right
$list-inset-md-margin-left16px
$list-inset-md-margin-right16px
$list-inset-md-margin-start$list-inset-md-margin-left
$list-inset-md-margin-top16px
$list-inset-wp-border-radius2px
$list-inset-wp-margin-bottom16px
$list-inset-wp-margin-end$list-inset-wp-margin-right
$list-inset-wp-margin-left16px
$list-inset-wp-margin-right16px
$list-inset-wp-margin-start$list-inset-wp-margin-left
$list-inset-wp-margin-top16px
$list-ios-activated-background-color#d9d9d9
$list-ios-activated-background-color#d9d9d9
$list-ios-background-color$list-background-color
$list-ios-background-color$list-background-color
$list-ios-border-color$list-border-color
$list-ios-border-color$list-border-color
$list-ios-header-background-colortransparent
$list-ios-header-border-bottom$hairlines-width solid $list-ios-border-color
$list-ios-header-color$text-color
$list-ios-header-color#333
$list-ios-header-font-size1.2rem
$list-ios-header-font-weight500
$list-ios-header-letter-spacing.1rem
$list-ios-header-padding-left$item-ios-padding-start
$list-ios-header-padding-start$list-ios-header-padding-left
$list-ios-header-text-transformuppercase
$list-ios-margin-bottom32px
$list-ios-margin-end$list-ios-margin-right
$list-ios-margin-left0
$list-ios-margin-right0
$list-ios-margin-start$list-ios-margin-left
$list-ios-margin-top10px
$list-ios-text-color$list-text-color
$list-ios-text-color$list-text-color
$list-md-activated-background-color#d9d9d9
$list-md-activated-background-color#f1f1f1
$list-md-background-color$list-background-color
$list-md-background-color$list-background-color
$list-md-border-color#dedede
$list-md-border-color#dedede
$list-md-header-border-top1px solid $list-md-border-color
$list-md-header-color#757575
$list-md-header-font-size1.4rem
$list-md-header-margin-bottom13px
$list-md-header-min-height4.5rem
$list-md-header-padding-left$item-md-padding-start
$list-md-header-padding-start$list-md-header-padding-left
$list-md-margin-bottom16px
$list-md-margin-end$list-md-margin-right
$list-md-margin-left0
$list-md-margin-right0
$list-md-margin-start$list-md-margin-left
$list-md-margin-top16px
$list-md-text-color$list-text-color
$list-md-text-color$list-text-color
$list-text-color$text-color
$list-text-color$text-color
$list-wp-activated-background-color#d9d9d9
$list-wp-activated-background-color#aaa
$list-wp-background-color$list-background-color
$list-wp-background-color$list-background-color
$list-wp-border-colortransparent
$list-wp-border-colortransparent
$list-wp-header-border-bottom1px solid $list-wp-border-color
$list-wp-header-color$list-wp-text-color
$list-wp-header-font-size2rem
$list-wp-header-padding-left$item-wp-padding-start
$list-wp-header-padding-start$list-wp-header-padding-left
$list-wp-margin-bottom16px
$list-wp-margin-end$list-wp-margin-right
$list-wp-margin-left0
$list-wp-margin-right0
$list-wp-margin-start$list-wp-margin-left
$list-wp-margin-top16px
$list-wp-text-color$list-text-color
$list-wp-text-color$list-text-color
$loading-ios-background#f8f8f8
$loading-ios-border-radius8px
$loading-ios-content-font-weightbold
$loading-ios-content-margin-start$content-ios-margin
$loading-ios-max-height90%
$loading-ios-max-width270px
$loading-ios-paddingnull
$loading-ios-padding-bottom$loading-ios-padding-top
$loading-ios-padding-end34px
$loading-ios-padding-start$loading-ios-padding-end
$loading-ios-padding-top24px
$loading-ios-spinner-bubbles-color$loading-ios-spinner-color
$loading-ios-spinner-circles-color$loading-ios-spinner-color
$loading-ios-spinner-color#69717d
$loading-ios-spinner-crescent-color$loading-ios-spinner-color
$loading-ios-spinner-dots-color$loading-ios-spinner-color
$loading-ios-spinner-ios-color$loading-ios-spinner-color
$loading-ios-text-color#000
$loading-md-background#fafafa
$loading-md-border-radius2px
$loading-md-box-shadow0 16px 20px $loading-md-box-shadow-color
$loading-md-box-shadow-colorrgba(0, 0, 0, .4)
$loading-md-content-margin-start$content-md-margin
$loading-md-max-height90%
$loading-md-max-width280px
$loading-md-paddingnull
$loading-md-padding-bottom$loading-md-padding-top
$loading-md-padding-end$loading-md-padding-top
$loading-md-padding-start$loading-md-padding-end
$loading-md-padding-top24px
$loading-md-spinner-bubbles-color$loading-md-spinner-color
$loading-md-spinner-circles-color$loading-md-spinner-color
$loading-md-spinner-colorcolor($colors-md, primary)
$loading-md-spinner-crescent-color$loading-md-spinner-color
$loading-md-spinner-dots-color$loading-md-spinner-color
$loading-md-spinner-ios-color$loading-md-spinner-color
$loading-md-text-colorrgba(0, 0, 0, .5)
$loading-wp-background#000
$loading-wp-border-radius2px
$loading-wp-content-margin-start$content-wp-margin
$loading-wp-max-height90%
$loading-wp-max-width280px
$loading-wp-paddingnull
$loading-wp-padding-bottom$loading-wp-padding-top
$loading-wp-padding-end$loading-wp-padding-top
$loading-wp-padding-start$loading-wp-padding-end
$loading-wp-padding-top20px
$loading-wp-spinner-bubbles-color$loading-wp-spinner-color
$loading-wp-spinner-circles-color$loading-wp-spinner-color
$loading-wp-spinner-color$loading-wp-text-color
$loading-wp-spinner-crescent-color$loading-wp-spinner-color
$loading-wp-spinner-dots-color$loading-wp-spinner-color
$loading-wp-spinner-ios-color$loading-wp-spinner-color
$loading-wp-text-color#fff
$menu-ios-background$background-ios-color
$menu-ios-box-shadow0 0 10px $menu-ios-box-shadow-color
$menu-ios-box-shadow-colorrgba(0, 0, 0, .25)
$menu-md-background$background-md-color
$menu-md-box-shadow0 0 10px $menu-md-box-shadow-color
$menu-md-box-shadow-colorrgba(0, 0, 0, .25)
$menu-small-width$menu-width - 40px
$menu-width304px
$menu-wp-background#f2f2f2
$modal-inset-box-shadow0 28px 48px $modal-inset-box-shadow-color
$modal-inset-box-shadow-colorrgba(0, 0, 0, .4)
$modal-inset-height-large600px
$modal-inset-height-small500px
$modal-inset-min-height-large768px
$modal-inset-min-height-small600px
$modal-inset-min-width768px
$modal-inset-width600px
$modal-ios-background-color$background-ios-color
$modal-ios-border-radius10px
$modal-md-background-color$background-md-color
$modal-wp-background-color$background-wp-color
$navbar-ios-height$toolbar-ios-height
$navbar-md-height$toolbar-md-height
$navbar-wp-height$toolbar-wp-height
$note-ios-colordarken($list-ios-border-color, 10%)
$note-md-colordarken($list-md-border-color, 10%)
$note-wp-color$input-wp-border-color
$noto-sans-font-path$font-path
$outer-content-md-background-color$background-color
$outer-content-wp-background-color$background-color
$picker-button-ios-strong-font-weight600
$picker-ios-background-color$list-ios-background-color
$picker-ios-border-color$list-ios-border-color
$picker-ios-button-background-colortransparent
$picker-ios-button-height$picker-ios-toolbar-height
$picker-ios-button-text-colorcolor($colors-ios, primary)
$picker-ios-column-paddingnull
$picker-ios-column-padding-bottom$picker-ios-column-padding-top
$picker-ios-column-padding-end4px
$picker-ios-column-padding-start$picker-ios-column-padding-end
$picker-ios-column-padding-top0
$picker-ios-column-perspective1000px
$picker-ios-height260px
$picker-ios-option-font-size20px
$picker-ios-option-height42px
$picker-ios-option-offset-y(($picker-ios-height - $picker-ios-toolbar-height) / 2) - ($picker-ios-option-height / 2) - 10
$picker-ios-option-paddingnull
$picker-ios-option-padding-bottom$picker-ios-option-padding-top
$picker-ios-option-padding-end$picker-ios-option-padding-top
$picker-ios-option-padding-start$picker-ios-option-padding-end
$picker-ios-option-padding-top0
$picker-ios-option-text-color$list-ios-text-color
$picker-ios-toolbar-background-color$picker-ios-background-color
$picker-ios-toolbar-height44px
$picker-max-width500px
$picker-md-background-color$list-md-background-color
$picker-md-border-color$list-md-border-color
$picker-md-button-background-colortransparent
$picker-md-button-height$picker-md-toolbar-height
$picker-md-button-text-colorcolor($colors-md, primary)
$picker-md-column-paddingnull
$picker-md-column-padding-bottom$picker-md-column-padding-top
$picker-md-column-padding-end8px
$picker-md-column-padding-start$picker-md-column-padding-end
$picker-md-column-padding-top0
$picker-md-height260px
$picker-md-option-font-size22px
$picker-md-option-height42px
$picker-md-option-offset-y(($picker-md-height - $picker-md-toolbar-height) / 2) - ($picker-md-option-height / 2) - 10
$picker-md-option-paddingnull
$picker-md-option-padding-bottom$picker-md-option-padding-top
$picker-md-option-padding-end$picker-md-option-padding-top
$picker-md-option-padding-start$picker-md-option-padding-end
$picker-md-option-padding-top0
$picker-md-option-selected-colorcolor($colors-md, primary)
$picker-md-option-text-color$list-md-text-color
$picker-md-toolbar-background-color$picker-md-background-color
$picker-md-toolbar-height44px
$picker-width100%
$picker-wp-background-color$list-wp-background-color
$picker-wp-border-color$list-wp-border-color
$picker-wp-button-background-colortransparent
$picker-wp-button-height$picker-wp-toolbar-height
$picker-wp-button-text-colorcolor($colors-wp, primary)
$picker-wp-column-paddingnull
$picker-wp-column-padding-bottom$picker-wp-column-padding-top
$picker-wp-column-padding-end4px
$picker-wp-column-padding-start$picker-wp-column-padding-end
$picker-wp-column-padding-top0
$picker-wp-height260px
$picker-wp-option-font-size22px
$picker-wp-option-height42px
$picker-wp-option-offset-y(($picker-wp-height - $picker-wp-toolbar-height) / 2) - ($picker-wp-option-height / 2) - 10
$picker-wp-option-paddingnull
$picker-wp-option-padding-bottom$picker-wp-option-padding-top
$picker-wp-option-padding-end$picker-wp-option-padding-top
$picker-wp-option-padding-start$picker-wp-option-padding-end
$picker-wp-option-padding-top0
$picker-wp-option-selected-colorcolor($colors-wp, primary)
$picker-wp-option-text-color$list-wp-text-color
$picker-wp-toolbar-background-color$picker-wp-background-color
$picker-wp-toolbar-height44px
$popover-ios-arrow-background$popover-ios-background
$popover-ios-background$background-ios-color
$popover-ios-border-radius10px
$popover-ios-max-height90%
$popover-ios-min-height0
$popover-ios-min-width0
$popover-ios-text-color$text-ios-color
$popover-ios-width200px
$popover-md-background$background-md-color
$popover-md-border-radius2px
$popover-md-box-shadow0 3px 12px 2px $popover-md-box-shadow-color
$popover-md-box-shadow-colorrgba(0, 0, 0, .3)
$popover-md-max-height90%
$popover-md-min-height0
$popover-md-min-width0
$popover-md-text-color$text-md-color
$popover-md-width250px
$popover-wp-background$background-wp-color
$popover-wp-border2px solid #ccc
$popover-wp-border-radius0
$popover-wp-max-height90%
$popover-wp-min-height0
$popover-wp-min-width0
$popover-wp-text-color$text-wp-color
$popover-wp-width200px
$radio-ios-color-oncolor($colors-ios, primary)
$radio-ios-disabled-opacity.3
$radio-ios-icon-border-stylesolid
$radio-ios-icon-border-width2px
$radio-ios-icon-height21px
$radio-ios-icon-width16px
$radio-ios-item-end-margin-bottom$item-ios-padding-media-bottom
$radio-ios-item-end-margin-end11px
$radio-ios-item-end-margin-start($item-ios-padding-start / 2)
$radio-ios-item-end-margin-top$item-ios-padding-media-top
$radio-ios-item-left-marginnull
$radio-ios-item-right-marginnull
$radio-ios-item-start-margin-bottom8px
$radio-ios-item-start-margin-end21px
$radio-ios-item-start-margin-start3px
$radio-ios-item-start-margin-top8px
$radio-md-color-offdarken($list-md-border-color, 40%)
$radio-md-color-oncolor($colors-md, primary)
$radio-md-disabled-opacity.3
$radio-md-icon-border-radius50%
$radio-md-icon-border-stylesolid
$radio-md-icon-border-width2px
$radio-md-icon-height16px
$radio-md-icon-width16px
$radio-md-item-end-margin-bottom$item-md-padding-media-bottom
$radio-md-item-end-margin-end10px
$radio-md-item-end-margin-start0
$radio-md-item-end-margin-top$item-md-padding-media-top
$radio-md-item-left-marginnull
$radio-md-item-right-marginnull
$radio-md-item-start-margin-bottom10px
$radio-md-item-start-margin-end36px
$radio-md-item-start-margin-start4px
$radio-md-item-start-margin-top11px
$radio-md-transition-duration280ms
$radio-md-transition-easingcubic-bezier(.4, 0, .2, 1)
$radio-wp-color-off#333
$radio-wp-color-oncolor($colors-wp, primary)
$radio-wp-disabled-opacity.3
$radio-wp-icon-border-radius50%
$radio-wp-icon-border-stylesolid
$radio-wp-icon-border-width2px
$radio-wp-icon-height16px
$radio-wp-icon-width16px
$radio-wp-item-end-margin-bottom10px
$radio-wp-item-end-margin-end10px
$radio-wp-item-end-margin-start0
$radio-wp-item-end-margin-top11px
$radio-wp-item-left-marginnull
$radio-wp-item-right-marginnull
$radio-wp-item-start-margin-bottom9px
$radio-wp-item-start-margin-end20px
$radio-wp-item-start-margin-start4px
$radio-wp-item-start-margin-top9px
$radio-wp-order-1
$range-ios-bar-active-background-colorcolor($colors-ios, primary)
$range-ios-bar-background-color#bdbdbd
$range-ios-bar-height1px
$range-ios-hit-height$range-ios-slider-height
$range-ios-hit-width42px
$range-ios-knob-background-color#fff
$range-ios-knob-border-radius50%
$range-ios-knob-box-shadow0 3px 1px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .13), 0 0 0 1px rgba(0, 0, 0, .02)
$range-ios-knob-height$range-ios-knob-width
$range-ios-knob-width28px
$range-ios-padding-horizontal16px
$range-ios-padding-vertical8px
$range-ios-pin-background-colortransparent
$range-ios-pin-color$text-ios-color
$range-ios-pin-font-size12px
$range-ios-pin-paddingnull
$range-ios-pin-padding-bottom$range-ios-pin-padding-top
$range-ios-pin-padding-end$range-ios-pin-padding-top
$range-ios-pin-padding-start$range-ios-pin-padding-end
$range-ios-pin-padding-top8px
$range-ios-slider-height42px
$range-ios-tick-active-background-color$range-ios-bar-active-background-color
$range-ios-tick-background-color$range-ios-bar-background-color
$range-ios-tick-border-radius0
$range-ios-tick-height8px
$range-ios-tick-width$range-ios-bar-height
$range-md-bar-active-background-colorcolor($colors-md, primary)
$range-md-bar-background-color#bdbdbd
$range-md-bar-height2px
$range-md-hit-height$range-md-slider-height
$range-md-hit-width42px
$range-md-knob-background-color$range-md-bar-active-background-color
$range-md-knob-height$range-md-knob-width
$range-md-knob-min-background-color$background-md-color
$range-md-knob-min-border2px solid $range-md-bar-background-color
$range-md-knob-width18px
$range-md-padding-horizontal8px
$range-md-padding-vertical8px
$range-md-pin-background-color$range-md-bar-active-background-color
$range-md-pin-colorcolor-contrast($colors-md, $range-md-bar-active-background-color)
$range-md-pin-font-size12px
$range-md-pin-min-background-color$range-md-bar-background-color
$range-md-pin-padding-horizontal0
$range-md-pin-padding-vertical8px
$range-md-slider-height42px
$range-md-tick-active-background-color$range-md-tick-background-color
$range-md-tick-background-color#000
$range-md-tick-border-radius50%
$range-md-tick-height$range-md-tick-width
$range-md-tick-width2px
$range-wp-bar-active-background-colorcolor($colors-wp, primary)
$range-wp-bar-background-color#bdbdbd
$range-wp-bar-height2px
$range-wp-hit-height$range-wp-slider-height
$range-wp-hit-width42px
$range-wp-knob-background-color$range-wp-bar-active-background-color
$range-wp-knob-border-radius$range-wp-knob-width / 2
$range-wp-knob-height$range-wp-knob-width * 3
$range-wp-knob-width8px
$range-wp-padding-horizontal8px
$range-wp-padding-vertical8px
$range-wp-pin-background-color$range-wp-bar-active-background-color
$range-wp-pin-colorcolor-contrast($colors-wp, $range-wp-bar-active-background-color)
$range-wp-pin-font-size12px
$range-wp-pin-paddingnull
$range-wp-pin-padding-bottom$range-wp-pin-padding-top
$range-wp-pin-padding-end$range-wp-pin-padding-top
$range-wp-pin-padding-start$range-wp-pin-padding-end
$range-wp-pin-padding-top8px
$range-wp-slider-height42px
$range-wp-tick-active-background-color$range-wp-bar-active-background-color
$range-wp-tick-background-color$range-wp-bar-background-color
$range-wp-tick-border-radius$range-wp-knob-width / 2
$range-wp-tick-height$range-wp-tick-width * 3
$range-wp-tick-width$range-wp-bar-height
$refresher-border-color#ddd
$refresher-height60px
$refresher-icon-color#000
$refresher-icon-font-size30px
$refresher-text-color#000
$refresher-text-font-size16px
$reorder-initial-transform300%
$roboto-font-path$font-path
$screen-breakpoints( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px )
$searchbar-ios-background-colorrgba(0, 0, 0, .2)
$searchbar-ios-border-colorrgba(0, 0, 0, .05)
$searchbar-ios-cancel-transitionall 300ms ease
$searchbar-ios-input-background-color#fff
$searchbar-ios-input-clear-icon-colorrgba(0, 0, 0, .5)
$searchbar-ios-input-clear-icon-size18px
$searchbar-ios-input-clear-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='fg-color' d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>"
$searchbar-ios-input-height3rem
$searchbar-ios-input-placeholder-colorrgba(0, 0, 0, .5)
$searchbar-ios-input-search-icon-colorrgba(0, 0, 0, .5)
$searchbar-ios-input-search-icon-size13px
$searchbar-ios-input-search-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'><path fill='fg-color' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0 L5,0z'/><line stroke='fg-color' stroke-miterlimit='10' x1='12.6' y1='12.6' x2='8.2' y2='8.2'/></svg>"
$searchbar-ios-input-text-color#000
$searchbar-ios-input-transitionall 300ms ease
$searchbar-ios-min-height44px
$searchbar-ios-padding-horizontal8px
$searchbar-ios-padding-vertical0
$searchbar-ios-toolbar-input-backgroundrgba(0, 0, 0, .08)
$searchbar-md-background-colorinherit
$searchbar-md-input-background-color#fff
$searchbar-md-input-border-radius2px
$searchbar-md-input-box-shadow0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
$searchbar-md-input-clear-icon-color#5b5b5b
$searchbar-md-input-clear-icon-size22px
$searchbar-md-input-clear-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><polygon fill='" + $searchbar-md-input-clear-icon-color + "' points='405,136.798 375.202,107 256,226.202 136.798,107 107,136.798 226.202,256 107,375.202 136.798,405 256,285.798 375.202,405 405,375.202 285.798,256'/></svg>"
$searchbar-md-input-heightauto
$searchbar-md-input-line-height3rem
$searchbar-md-input-placeholder-color#aeaeae
$searchbar-md-input-search-icon-color#5b5b5b
$searchbar-md-input-search-icon-size20px
$searchbar-md-input-search-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='" + $searchbar-md-input-search-icon-color + "' d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>"
$searchbar-md-input-text-color#141414
$searchbar-md-paddingnull
$searchbar-md-padding-bottom$searchbar-md-padding-top
$searchbar-md-padding-end$searchbar-md-padding-top
$searchbar-md-padding-start$searchbar-md-padding-end
$searchbar-md-padding-top8px
$searchbar-wp-background-colortransparent
$searchbar-wp-border-color$input-wp-border-color
$searchbar-wp-border-color-focusedcolor($colors-wp, primary)
$searchbar-wp-border-width2px
$searchbar-wp-input-background-color#fff
$searchbar-wp-input-border-radius0
$searchbar-wp-input-clear-icon-color#858585
$searchbar-wp-input-clear-icon-size22px
$searchbar-wp-input-clear-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><polygon fill='" + $searchbar-wp-input-clear-icon-color + "' points='405,136.798 375.202,107 256,226.202 136.798,107 107,136.798 226.202,256 107,375.202 136.798,405 256,285.798 375.202,405 405,375.202 285.798,256'/></svg>"
$searchbar-wp-input-font-size1.4rem
$searchbar-wp-input-font-weight400
$searchbar-wp-input-heightauto
$searchbar-wp-input-line-height3rem
$searchbar-wp-input-padding-horizontal8px
$searchbar-wp-input-padding-vertical0
$searchbar-wp-input-placeholder-color#858585
$searchbar-wp-input-search-icon-color#858585
$searchbar-wp-input-search-icon-size20px
$searchbar-wp-input-search-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='" + $searchbar-wp-input-search-icon-color + "' d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>"
$searchbar-wp-input-text-color#141414
$searchbar-wp-paddingnull
$searchbar-wp-padding-bottom$searchbar-wp-padding-top
$searchbar-wp-padding-end$searchbar-wp-padding-top
$searchbar-wp-padding-start$searchbar-wp-padding-end
$searchbar-wp-padding-top8px
$segment-button-ios-background-colortransparent
$segment-button-ios-background-color-activated$toolbar-ios-active-color
$segment-button-ios-border-radius4px
$segment-button-ios-border-width1px
$segment-button-ios-font-size1.3rem
$segment-button-ios-height3.2rem
$segment-button-ios-icon-line-height2.8rem
$segment-button-ios-icon-size2.6rem
$segment-button-ios-line-height3rem
$segment-button-ios-opacity-activated1
$segment-button-ios-opacity-active.16
$segment-button-ios-opacity-disabled.3
$segment-button-ios-opacity-hover.1
$segment-button-ios-text-colorcolor-contrast($colors-ios, $segment-button-ios-background-color-activated)
$segment-button-ios-toolbar-button-height2.6rem
$segment-button-ios-toolbar-button-max-width100px
$segment-button-ios-toolbar-font-size1.2rem
$segment-button-ios-toolbar-icon-line-height2.4rem
$segment-button-ios-toolbar-icon-size2.2rem
$segment-button-ios-toolbar-line-height2.5rem
$segment-button-ios-transition-activated100ms all linear
$segment-button-ios-transition-active100ms all linear
$segment-button-ios-transition-hover100ms all linear
$segment-button-md-border-bottom-colorrgba(#000, .10)
$segment-button-md-border-bottom-width2px
$segment-button-md-border-color-activated$toolbar-md-active-color
$segment-button-md-font-size1.2rem
$segment-button-md-height4.2rem
$segment-button-md-icon-line-height$segment-button-md-line-height
$segment-button-md-icon-size2.6rem
$segment-button-md-line-height4rem
$segment-button-md-opacity.7
$segment-button-md-opacity-activated1
$segment-button-md-opacity-disabled.3
$segment-button-md-paddingnull
$segment-button-md-padding-bottom$segment-button-md-padding-top
$segment-button-md-padding-end6px
$segment-button-md-padding-start$segment-button-md-padding-end
$segment-button-md-padding-top0
$segment-button-md-text-color-activated$toolbar-md-active-color
$segment-button-wp-background-colortransparent
$segment-button-wp-buttons-justify-contentflex-start
$segment-button-wp-font-size1.3rem
$segment-button-wp-font-weightbold
$segment-button-wp-height4rem
$segment-button-wp-icon-line-height$segment-button-wp-line-height
$segment-button-wp-icon-size2.6rem
$segment-button-wp-line-height4rem
$segment-button-wp-opacity.5
$segment-button-wp-opacity-activated1
$segment-button-wp-opacity-disabled.3
$segment-button-wp-paddingnull
$segment-button-wp-padding-bottom$segment-button-wp-padding-top
$segment-button-wp-padding-end6px
$segment-button-wp-padding-start$segment-button-wp-padding-end
$segment-button-wp-padding-top0
$segment-button-wp-text-color-activated$toolbar-wp-text-color
$segment-button-wp-text-transformuppercase
$select-ios-icon-color#999
$select-ios-padding-bottom$item-ios-padding-bottom
$select-ios-padding-end$select-ios-padding-right
$select-ios-padding-left$item-ios-padding-start
$select-ios-padding-right($item-ios-padding-end / 2)
$select-ios-padding-start$select-ios-padding-left
$select-ios-padding-top$item-ios-padding-top
$select-ios-placeholder-color$select-ios-icon-color
$select-md-icon-color#999
$select-md-padding-bottom$item-md-padding-bottom
$select-md-padding-end$select-md-padding-right
$select-md-padding-left$item-md-padding-start
$select-md-padding-right($item-md-padding-end / 2)
$select-md-padding-start$select-md-padding-left
$select-md-padding-top$item-md-padding-top
$select-md-placeholder-color$select-md-icon-color
$select-popover-list-margin-bottom-1px
$select-popover-list-margin-end$select-popover-list-margin-right
$select-popover-list-margin-left0
$select-popover-list-margin-right0
$select-popover-list-margin-start$select-popover-list-margin-left
$select-popover-list-margin-top-1px
$select-wp-border-color$input-wp-border-color
$select-wp-border-width2px
$select-wp-icon-arrow-width2px
$select-wp-icon-color$select-wp-border-color
$select-wp-icon-width18px
$select-wp-margin-bottom$item-wp-padding-bottom
$select-wp-margin-end$select-wp-margin-right
$select-wp-margin-left($item-wp-padding-start / 2)
$select-wp-margin-right($item-wp-padding-end / 2)
$select-wp-margin-start$select-wp-margin-left
$select-wp-margin-top$item-wp-padding-top
$select-wp-padding-horizontal($item-wp-padding-end / 2)
$select-wp-padding-vertical0
$select-wp-placeholder-color$select-wp-icon-color
$spinner-ios-bubbles-color#000
$spinner-ios-circles-color#69717d
$spinner-ios-crescent-color#000
$spinner-ios-dots-color#444
$spinner-ios-ios-color#69717d
$spinner-md-bubbles-color#000
$spinner-md-circles-color#69717d
$spinner-md-crescent-color#000
$spinner-md-dots-color#444
$spinner-md-ios-color#69717d
$spinner-wp-bubbles-color#000
$spinner-wp-circles-color#69717d
$spinner-wp-crescent-color#000
$spinner-wp-dots-color#444
$spinner-wp-ios-color#69717d
$split-pane-ios-border$hairlines-width solid $list-ios-border-color
$split-pane-ios-side-max-width$split-pane-side-max-width
$split-pane-ios-side-min-width$split-pane-side-min-width
$split-pane-md-border1px solid $list-md-border-color
$split-pane-md-side-max-width$split-pane-side-max-width
$split-pane-md-side-min-width$split-pane-side-min-width
$split-pane-side-max-width28%
$split-pane-side-min-width270px
$split-pane-wp-border1px solid $list-wp-border-color
$split-pane-wp-side-max-width$split-pane-side-max-width
$split-pane-wp-side-min-width$split-pane-side-min-width
$subdued-text-color#666
$subdued-text-color#666
$subdued-text-ios-color$subdued-text-color
$subdued-text-ios-color$subdued-text-color
$subdued-text-md-color$subdued-text-color
$subdued-text-md-color$subdued-text-color
$subdued-text-wp-color$subdued-text-color
$subdued-text-wp-color$subdued-text-color
$tabs-background#151515
$tabs-background#f8f8f8
$tabs-border-color#222
$tabs-border-color#b2b2b2
$tabs-ios-background$tabs-background
$tabs-ios-background$tabs-background
$tabs-ios-border$hairlines-width solid $tabs-ios-border-color
$tabs-ios-border-colorrgba(255, 255, 255, .1)
$tabs-ios-border-colorrgba(0, 0, 0, .3)
$tabs-ios-tab-color-active$tabs-tab-color-active
$tabs-ios-tab-color-active$tabs-tab-color-active
$tabs-ios-tab-color-inactive$tabs-tab-color-inactive
$tabs-ios-tab-color-inactive$tabs-tab-color-inactive
$tabs-ios-tab-font-size10px
$tabs-ios-tab-font-weight500
$tabs-ios-tab-icon-color$tabs-ios-tab-color-inactive
$tabs-ios-tab-icon-color-active$tabs-ios-tab-color-active
$tabs-ios-tab-icon-size30px
$tabs-ios-tab-max-width240px
$tabs-ios-tab-min-height49px
$tabs-ios-tab-paddingnull
$tabs-ios-tab-padding-bottom$tabs-ios-tab-padding-top
$tabs-ios-tab-padding-end2px
$tabs-ios-tab-padding-start$tabs-ios-tab-padding-end
$tabs-ios-tab-padding-top0
$tabs-ios-tab-text-color$tabs-ios-tab-color-inactive
$tabs-ios-tab-text-color-active$tabs-ios-tab-color-active
$tabs-md-background$tabs-background
$tabs-md-background$tabs-background
$tabs-md-tab-color-active$tabs-tab-color-active
$tabs-md-tab-color-active$tabs-tab-color-active
$tabs-md-tab-color-inactive$tabs-tab-color-inactive
$tabs-md-tab-color-inactive#3c3c3c
$tabs-md-tab-font-size1.2rem
$tabs-md-tab-font-size-active1.4rem
$tabs-md-tab-font-weightnormal
$tabs-md-tab-icon-bottom-transform-activenull
$tabs-md-tab-icon-bottom-transform-x-active0
$tabs-md-tab-icon-bottom-transform-y-active2px
$tabs-md-tab-icon-bottom-transform-z-active0
$tabs-md-tab-icon-colorrgba($tabs-md-tab-color-inactive, $tabs-md-tab-opacity)
$tabs-md-tab-icon-color-active$tabs-md-tab-color-active
$tabs-md-tab-icon-end-transform-activenull
$tabs-md-tab-icon-left-transform-x-active-2px
$tabs-md-tab-icon-left-transform-y-active0
$tabs-md-tab-icon-left-transform-z-active0
$tabs-md-tab-icon-right-transform-x-active2px
$tabs-md-tab-icon-right-transform-y-active0
$tabs-md-tab-icon-right-transform-z-active0
$tabs-md-tab-icon-size2.4rem
$tabs-md-tab-icon-start-transform-activenull
$tabs-md-tab-icon-transform-activenull
$tabs-md-tab-icon-transform-originnull
$tabs-md-tab-icon-transform-origin-x50%
$tabs-md-tab-icon-transform-origin-y150%
$tabs-md-tab-icon-transform-x-active0
$tabs-md-tab-icon-transform-y-active-2px
$tabs-md-tab-icon-transform-z-active0
$tabs-md-tab-icon-transitiontransform .3s ease-in-out
$tabs-md-tab-min-height5.6rem
$tabs-md-tab-opacity.7
$tabs-md-tab-paddingnull
$tabs-md-tab-padding-activenull
$tabs-md-tab-padding-active-bottom$tabs-md-tab-padding-active-top
$tabs-md-tab-padding-active-end$tabs-md-tab-padding-active-top
$tabs-md-tab-padding-active-start$tabs-md-tab-padding-active-end
$tabs-md-tab-padding-active-top0
$tabs-md-tab-padding-bottom$tabs-md-tab-padding-top
$tabs-md-tab-padding-end$tabs-md-tab-padding-top
$tabs-md-tab-padding-start$tabs-md-tab-padding-end
$tabs-md-tab-padding-top0
$tabs-md-tab-text-capitalizationnone
$tabs-md-tab-text-colorrgba($tabs-md-tab-color-inactive, $tabs-md-tab-opacity)
$tabs-md-tab-text-color-active$tabs-md-tab-color-active
$tabs-md-tab-text-marginnull
$tabs-md-tab-text-margin-bottom$tabs-md-tab-text-margin-top
$tabs-md-tab-text-margin-end$tabs-md-tab-text-margin-top
$tabs-md-tab-text-margin-start$tabs-md-tab-text-margin-end
$tabs-md-tab-text-margin-top0
$tabs-md-tab-text-transform-activescale3d($tabs-md-tab-font-size-active / $tabs-md-tab-font-size, $tabs-md-tab-font-size-active / $tabs-md-tab-font-size, 1)
$tabs-md-tab-text-transform-originnull
$tabs-md-tab-text-transform-origin-x50%
$tabs-md-tab-text-transform-origin-y80%
$tabs-md-tab-text-transitiontransform .3s ease-in-out
$tabs-tab-color-active$link-color
$tabs-tab-color-active$link-color
$tabs-tab-color-inactive#8c8c8c
$tabs-tab-color-inactive#8c8c8c
$tabs-wp-background$tabs-background
$tabs-wp-background$tabs-background
$tabs-wp-border-colortransparent
$tabs-wp-border-colortransparent
$tabs-wp-tab-background-activatedrgba(0, 0, 0, .1)
$tabs-wp-tab-border2px solid $tabs-wp-border-color
$tabs-wp-tab-border-color-active$tabs-wp-tab-color-active
$tabs-wp-tab-colorrgba($tabs-wp-tab-color-inactive, $tabs-wp-tab-opacity)
$tabs-wp-tab-color-active$tabs-tab-color-active
$tabs-wp-tab-color-active$tabs-tab-color-active
$tabs-wp-tab-color-active$tabs-wp-tab-color-active
$tabs-wp-tab-color-inactive$tabs-tab-color-inactive
$tabs-wp-tab-color-inactive$tabs-tab-color-inactive
$tabs-wp-tab-font-size1.2rem
$tabs-wp-tab-font-weightnormal
$tabs-wp-tab-icon-colorrgba($tabs-wp-tab-color-inactive, $tabs-wp-tab-opacity)
$tabs-wp-tab-icon-color-active$tabs-wp-tab-color-active
$tabs-wp-tab-icon-size2.4rem
$tabs-wp-tab-min-height4.8rem
$tabs-wp-tab-opacity.7
$tabs-wp-tab-paddingnull
$tabs-wp-tab-padding-bottom5px
$tabs-wp-tab-padding-end10px
$tabs-wp-tab-padding-start10px
$tabs-wp-tab-padding-top12px
$text-color#fff
$text-color#000
$text-input-highlight-color-invalid#f53d3d
$text-input-highlight-color-valid#32db64
$text-input-ios-background-color$list-ios-background-color
$text-input-ios-highlight-colorcolor($colors-ios, primary)
$text-input-ios-highlight-color-invalid$text-input-highlight-color-invalid
$text-input-ios-highlight-color-valid$text-input-highlight-color-valid
$text-input-ios-input-clear-icon-colorrgba(0, 0, 0, .5)
$text-input-ios-input-clear-icon-size18px
$text-input-ios-input-clear-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='" + $text-input-ios-input-clear-icon-color + "' d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>"
$text-input-ios-input-clear-icon-width30px
$text-input-ios-margin-bottom$item-ios-padding-bottom
$text-input-ios-margin-end$text-input-ios-margin-right
$text-input-ios-margin-left0
$text-input-ios-margin-right($item-ios-padding-end / 2)
$text-input-ios-margin-start$text-input-ios-margin-left
$text-input-ios-margin-top$item-ios-padding-top
$text-input-ios-show-focus-highlightfalse
$text-input-ios-show-invalid-highlight$text-input-ios-show-focus-highlight
$text-input-ios-show-valid-highlight$text-input-ios-show-focus-highlight
$text-input-md-background-color$list-md-background-color
$text-input-md-highlight-colorcolor($colors-md, primary)
$text-input-md-highlight-color-invalid$text-input-highlight-color-invalid
$text-input-md-highlight-color-valid$text-input-highlight-color-valid
$text-input-md-input-clear-icon-color#5b5b5b
$text-input-md-input-clear-icon-size22px
$text-input-md-input-clear-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><polygon fill='" + $text-input-md-input-clear-icon-color + "' points='405,136.798 375.202,107 256,226.202 136.798,107 107,136.798 226.202,256 107,375.202 136.798,405 256,285.798 375.202,405 405,375.202 285.798,256'/></svg>"
$text-input-md-input-clear-icon-width30px
$text-input-md-margin-bottom$item-md-padding-bottom
$text-input-md-margin-end$text-input-md-margin-right
$text-input-md-margin-left($item-md-padding-start / 2)
$text-input-md-margin-right($item-md-padding-end / 2)
$text-input-md-margin-start$text-input-md-margin-left
$text-input-md-margin-top$item-md-padding-top
$text-input-md-show-focus-highlighttrue
$text-input-md-show-invalid-highlight$text-input-md-show-focus-highlight
$text-input-md-show-valid-highlight$text-input-md-show-focus-highlight
$text-input-placeholder-color#999
$text-input-wp-background-color$list-wp-background-color
$text-input-wp-border-color$input-wp-border-color
$text-input-wp-border-width2px
$text-input-wp-highlight-colorcolor($colors-wp, primary)
$text-input-wp-highlight-color-invalid$text-input-highlight-color-invalid
$text-input-wp-highlight-color-valid$text-input-highlight-color-valid
$text-input-wp-input-clear-icon-color$input-wp-border-color
$text-input-wp-input-clear-icon-size22px
$text-input-wp-input-clear-icon-svg"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><polygon fill='" + $text-input-wp-input-clear-icon-color + "' points='405,136.798 375.202,107 256,226.202 136.798,107 107,136.798 226.202,256 107,375.202 136.798,405 256,285.798 375.202,405 405,375.202 285.798,256'/></svg>"
$text-input-wp-input-clear-icon-width30px
$text-input-wp-line-height3rem
$text-input-wp-margin-bottom$item-wp-padding-bottom
$text-input-wp-margin-end$text-input-wp-margin-right
$text-input-wp-margin-left($item-wp-padding-start / 2)
$text-input-wp-margin-right($item-wp-padding-end / 2)
$text-input-wp-margin-start$text-input-wp-margin-left
$text-input-wp-margin-top$item-wp-padding-top
$text-input-wp-padding-horizontal8px
$text-input-wp-padding-vertical0
$text-input-wp-show-focus-highlighttrue
$text-input-wp-show-invalid-highlight$text-input-wp-show-focus-highlight
$text-input-wp-show-valid-highlight$text-input-wp-show-focus-highlight
$text-ios-color$text-color
$text-ios-color$text-color
$text-md-color$text-color
$text-md-color$text-color
$text-wp-color$text-color
$text-wp-color$text-color
$toast-ios-backgroundrgba(0, 0, 0, .9)
$toast-ios-border-radius.65rem
$toast-ios-title-color#fff
$toast-ios-title-font-size1.4rem
$toast-ios-title-paddingnull
$toast-ios-title-padding-bottom$toast-ios-title-padding-top
$toast-ios-title-padding-end$toast-ios-title-padding-top
$toast-ios-title-padding-start$toast-ios-title-padding-end
$toast-ios-title-padding-top1.5rem
$toast-max-width700px
$toast-md-background#333
$toast-md-title-color#fff
$toast-md-title-font-size1.5rem
$toast-md-title-paddingnull
$toast-md-title-padding-bottom17px
$toast-md-title-padding-end16px
$toast-md-title-padding-start$toast-md-title-padding-end
$toast-md-title-padding-top19px
$toast-width100%
$toast-wp-backgroundrgba(0, 0, 0, 1)
$toast-wp-border-radius0
$toast-wp-button-color#fff
$toast-wp-title-color#fff
$toast-wp-title-font-size1.4rem
$toast-wp-title-paddingnull
$toast-wp-title-padding-bottom$toast-wp-title-padding-top
$toast-wp-title-padding-end$toast-wp-title-padding-top
$toast-wp-title-padding-start$toast-wp-title-padding-end
$toast-wp-title-padding-top1.5rem
$toggle-ios-background-color-off$list-ios-background-color
$toggle-ios-background-color-oncolor($colors-ios, primary)
$toggle-ios-border-color-offgrayscale(lighten($list-ios-border-color, 11%))
$toggle-ios-border-radius$toggle-ios-height / 2
$toggle-ios-border-width2px
$toggle-ios-disabled-opacity.3
$toggle-ios-handle-background-color#f4f4f4
$toggle-ios-handle-background-color$toggle-ios-background-color-off
$toggle-ios-handle-border-radius$toggle-ios-handle-height / 2
$toggle-ios-handle-box-shadow0 3px 12px rgba(0, 0, 0, .16), 0 3px 1px rgba(0, 0, 0, .1)
$toggle-ios-handle-height$toggle-ios-handle-width
$toggle-ios-handle-width$toggle-ios-height - ($toggle-ios-border-width * 2)
$toggle-ios-height32px
$toggle-ios-item-end-padding-bottom5px
$toggle-ios-item-end-padding-end($item-ios-padding-end / 2)
$toggle-ios-item-end-padding-start$item-ios-padding-start
$toggle-ios-item-end-padding-top6px
$toggle-ios-item-left-paddingnull
$toggle-ios-item-right-paddingnull
$toggle-ios-item-start-padding-bottom5px
$toggle-ios-item-start-padding-end16px
$toggle-ios-item-start-padding-start0
$toggle-ios-item-start-padding-top6px
$toggle-ios-media-margin0
$toggle-ios-transition-duration300ms
$toggle-ios-width51px
$toggle-md-active-colorcolor($colors-md, primary)
$toggle-md-disabled-opacity.3
$toggle-md-handle-background-color-off#f4f4f4
$toggle-md-handle-background-color-off$background-md-color
$toggle-md-handle-background-color-on$toggle-md-active-color
$toggle-md-handle-border-radius50%
$toggle-md-handle-box-shadow0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
$toggle-md-handle-height20px
$toggle-md-handle-width20px
$toggle-md-item-end-padding-bottom12px
$toggle-md-item-end-padding-end($item-md-padding-end / 2)
$toggle-md-item-end-padding-start$item-md-padding-start
$toggle-md-item-end-padding-top12px
$toggle-md-item-left-paddingnull
$toggle-md-item-right-paddingnull
$toggle-md-item-start-padding-bottom12px
$toggle-md-item-start-padding-end18px
$toggle-md-item-start-padding-start2px
$toggle-md-item-start-padding-top12px
$toggle-md-media-marginnull
$toggle-md-media-margin-bottom$toggle-md-media-margin-top
$toggle-md-media-margin-end$toggle-md-media-margin-top
$toggle-md-media-margin-start$toggle-md-media-margin-end
$toggle-md-media-margin-top0
$toggle-md-paddingnull
$toggle-md-padding-bottom$toggle-md-padding-top
$toggle-md-padding-end$toggle-md-padding-top
$toggle-md-padding-start$toggle-md-padding-end
$toggle-md-padding-top12px
$toggle-md-track-background-color-off$list-md-border-color
$toggle-md-track-background-color-onlighten($toggle-md-active-color, 25%)
$toggle-md-track-height14px
$toggle-md-track-width36px
$toggle-md-transition-duration300ms
$toggle-wp-active-colorcolor($colors-wp, primary)
$toggle-wp-disabled-opacity.3
$toggle-wp-handle-background-color-off#f4f4f4
$toggle-wp-handle-background-color-off$toggle-wp-inactive-color
$toggle-wp-handle-background-color-oncolor-contrast($colors-wp, $toggle-wp-active-color)
$toggle-wp-handle-border-radius50%
$toggle-wp-handle-height10px
$toggle-wp-handle-left2px
$toggle-wp-handle-top2px
$toggle-wp-handle-width10px
$toggle-wp-inactive-color#323232
$toggle-wp-item-end-padding-bottom12px
$toggle-wp-item-end-padding-end($item-wp-padding-end / 2)
$toggle-wp-item-end-padding-start$item-wp-padding-start
$toggle-wp-item-end-padding-top12px
$toggle-wp-item-left-paddingnull
$toggle-wp-item-right-paddingnull
$toggle-wp-item-start-padding-bottom12px
$toggle-wp-item-start-padding-end18px
$toggle-wp-item-start-padding-start2px
$toggle-wp-item-start-padding-top12px
$toggle-wp-media-margin0
$toggle-wp-track-background-color-offtransparent
$toggle-wp-track-background-color-on$toggle-wp-active-color
$toggle-wp-track-border-color-off$toggle-wp-inactive-color
$toggle-wp-track-border-color-on$toggle-wp-active-color
$toggle-wp-track-border-width2px
$toggle-wp-track-height18px
$toggle-wp-track-width40px
$toggle-wp-transition-duration300ms
$toolbar-active-color$link-color
$toolbar-active-color$link-color
$toolbar-background#151515
$toolbar-background#f8f8f8
$toolbar-border-color#222
$toolbar-border-color#b2b2b2
$toolbar-button-ios-strong-font-weight600
$toolbar-button-md-strong-font-weightbold
$toolbar-button-wp-strong-font-weightbold
$toolbar-inactive-color#8c8c8c
$toolbar-inactive-color#8c8c8c
$toolbar-ios-active-color$toolbar-active-color
$toolbar-ios-active-color$toolbar-active-color
$toolbar-ios-background$toolbar-background
$toolbar-ios-background$toolbar-background
$toolbar-ios-border-colorrgba(255, 255, 255, .1)
$toolbar-ios-border-colorrgba(0, 0, 0, .3)
$toolbar-ios-button-border-radius4px
$toolbar-ios-button-colorcolor-contrast($colors-ios, $toolbar-ios-background, ios)
$toolbar-ios-button-font-size1.7rem
$toolbar-ios-button-strong-font-weight600
$toolbar-ios-height44px
$toolbar-ios-inactive-color$toolbar-inactive-color
$toolbar-ios-inactive-color$toolbar-inactive-color
$toolbar-ios-padding4px
$toolbar-ios-text-color$toolbar-text-color
$toolbar-ios-text-color$toolbar-text-color
$toolbar-ios-title-font-size1.7rem
$toolbar-ios-title-font-weight600
$toolbar-ios-title-text-aligncenter
$toolbar-ios-title-text-colorcolor-contrast($colors-ios, $toolbar-ios-background)
$toolbar-md-active-color$toolbar-active-color
$toolbar-md-active-color$toolbar-active-color
$toolbar-md-background$toolbar-background
$toolbar-md-background$toolbar-background
$toolbar-md-border-color$toolbar-border-color
$toolbar-md-border-color$toolbar-border-color
$toolbar-md-button-border-radius2px
$toolbar-md-button-color$toolbar-md-title-text-color
$toolbar-md-button-font-size1.4rem
$toolbar-md-button-strong-font-weightbold
$toolbar-md-height56px
$toolbar-md-inactive-color$toolbar-inactive-color
$toolbar-md-inactive-color$toolbar-inactive-color
$toolbar-md-padding4px
$toolbar-md-text-color#fff
$toolbar-md-text-color#424242
$toolbar-md-title-font-size2rem
$toolbar-md-title-text-colorcolor-contrast($colors-md, $toolbar-md-background, md)
$toolbar-order-ios( back-button: 0, menu-toggle-start: 1, buttons-left: 2, buttons-start: 3, content: 4, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7, )
$toolbar-order-md( back-button: 0, menu-toggle-start: 1, buttons-left: 2, content: 3, buttons-start: 4, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7, )
$toolbar-order-wp( back-button: 0, menu-toggle-start: 1, buttons-left: 2, content: 3, buttons-start: 4, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7, )
$toolbar-text-color$text-color
$toolbar-text-color$text-color
$toolbar-wp-active-color$toolbar-active-color
$toolbar-wp-active-color$toolbar-active-color
$toolbar-wp-background$toolbar-background
$toolbar-wp-background$toolbar-background
$toolbar-wp-border-color$toolbar-border-color
$toolbar-wp-border-color$toolbar-border-color
$toolbar-wp-button-border-radius2px
$toolbar-wp-button-colorcolor-contrast($colors-wp, $toolbar-wp-background, wp)
$toolbar-wp-button-font-size1.4rem
$toolbar-wp-button-strong-font-weightbold
$toolbar-wp-height46px
$toolbar-wp-inactive-color$toolbar-inactive-color
$toolbar-wp-inactive-color$toolbar-inactive-color
$toolbar-wp-padding4px
$toolbar-wp-text-color#fff
$toolbar-wp-text-color$toolbar-text-color
$toolbar-wp-title-font-size1.5rem
$toolbar-wp-title-font-weightbold
$toolbar-wp-title-paddingnull
$toolbar-wp-title-padding-bottom$toolbar-wp-title-padding-top
$toolbar-wp-title-padding-end6px
$toolbar-wp-title-padding-start$toolbar-wp-title-padding-end
$toolbar-wp-title-padding-top0
$toolbar-wp-title-text-colorcolor-contrast($colors-wp, $toolbar-wp-background, wp)
$toolbar-wp-title-text-transformuppercase

API

Native

General