Variable Name : |
Default Value |
Declared In |
$action-sheet-ios-background | #f9f9f9 | |
$action-sheet-ios-border-color | #d6d6da | |
$action-sheet-ios-border-radius | 13px | |
$action-sheet-ios-button-background | transparent | |
$action-sheet-ios-button-background-activated | #ebebeb | |
$action-sheet-ios-button-border-color | #d1d3d6 | |
$action-sheet-ios-button-border-style | solid | |
$action-sheet-ios-button-border-width | $hairlines-width | |
$action-sheet-ios-button-cancel-background | #fff | |
$action-sheet-ios-button-cancel-font-weight | 600 | |
$action-sheet-ios-button-destructive-text-color | #f53d3d | |
$action-sheet-ios-button-font-size | 2rem | |
$action-sheet-ios-button-min-height | 5.6rem | |
$action-sheet-ios-button-padding | 18px | |
$action-sheet-ios-button-text-color | #007aff | |
$action-sheet-ios-group-margin-bottom | 10px | |
$action-sheet-ios-group-margin-top | 10px | |
$action-sheet-ios-padding | null | |
$action-sheet-ios-padding-bottom | $action-sheet-ios-padding-top | |
$action-sheet-ios-padding-end | 10px | |
$action-sheet-ios-padding-start | $action-sheet-ios-padding-end | |
$action-sheet-ios-padding-top | 0 | |
$action-sheet-ios-text-align | center | |
$action-sheet-ios-title-border-radius | 0 | |
$action-sheet-ios-title-color | #8f8f8f | |
$action-sheet-ios-title-font-size | 1.3rem | |
$action-sheet-ios-title-font-weight | 400 | |
$action-sheet-ios-title-padding | 1.5rem | |
$action-sheet-max-width | 500px | |
$action-sheet-md-background | #fafafa | |
$action-sheet-md-button-background | transparent | |
$action-sheet-md-button-background-activated | #f1f1f1 | |
$action-sheet-md-button-font-size | 1.6rem | |
$action-sheet-md-button-min-height | 4.8rem | |
$action-sheet-md-button-padding | null | |
$action-sheet-md-button-padding-bottom | $action-sheet-md-button-padding-top | |
$action-sheet-md-button-padding-end | 16px | |
$action-sheet-md-button-padding-start | $action-sheet-md-button-padding-end | |
$action-sheet-md-button-padding-top | 0 | |
$action-sheet-md-button-text-color | #222 | |
$action-sheet-md-icon-font-size | 2.4rem | |
$action-sheet-md-icon-margin | null | |
$action-sheet-md-icon-margin-bottom | 0 | |
$action-sheet-md-icon-margin-end | 32px | |
$action-sheet-md-icon-margin-start | 0 | |
$action-sheet-md-icon-margin-top | 0 | |
$action-sheet-md-icon-text-align | center | |
$action-sheet-md-icon-vertical-align | middle | |
$action-sheet-md-icon-width | 2.3rem | |
$action-sheet-md-padding-bottom | .8rem | |
$action-sheet-md-padding-top | .8rem | |
$action-sheet-md-text-align | start | |
$action-sheet-md-title-color | #757575 | |
$action-sheet-md-title-font-size | 1.6rem | |
$action-sheet-md-title-padding | null | |
$action-sheet-md-title-padding-bottom | 17px | |
$action-sheet-md-title-padding-end | 16px | |
$action-sheet-md-title-padding-start | $action-sheet-md-title-padding-end | |
$action-sheet-md-title-padding-top | 11px | |
$action-sheet-width | 100% | |
$action-sheet-wp-background | #fff | |
$action-sheet-wp-box-shadow | 0 -1px 0 $action-sheet-wp-box-shadow-color | |
$action-sheet-wp-box-shadow-color | rgba(0, 0, 0, .2) | |
$action-sheet-wp-button-background | transparent | |
$action-sheet-wp-button-background-activated | $list-wp-activated-background-color | |
$action-sheet-wp-button-font-size | 1.5rem | |
$action-sheet-wp-button-height | 4.8rem | |
$action-sheet-wp-button-padding | null | |
$action-sheet-wp-button-padding-bottom | $action-sheet-wp-button-padding-top | |
$action-sheet-wp-button-padding-end | 16px | |
$action-sheet-wp-button-padding-start | $action-sheet-wp-button-padding-end | |
$action-sheet-wp-button-padding-top | 0 | |
$action-sheet-wp-button-text-align | $action-sheet-wp-text-align | |
$action-sheet-wp-button-text-color | #4d4d4d | |
$action-sheet-wp-icon-font-size | 2.4rem | |
$action-sheet-wp-icon-margin | null | |
$action-sheet-wp-icon-margin-bottom | 0 | |
$action-sheet-wp-icon-margin-end | 20px | |
$action-sheet-wp-icon-margin-start | 0 | |
$action-sheet-wp-icon-margin-top | 0 | |
$action-sheet-wp-icon-text-align | center | |
$action-sheet-wp-icon-vertical-align | middle | |
$action-sheet-wp-icon-width | 2.3rem | |
$action-sheet-wp-padding-bottom | .8rem | |
$action-sheet-wp-padding-top | .8rem | |
$action-sheet-wp-text-align | start | |
$action-sheet-wp-title-color | #4d4d4d | |
$action-sheet-wp-title-font-size | 2rem | |
$action-sheet-wp-title-padding | null | |
$action-sheet-wp-title-padding-bottom | 17px | |
$action-sheet-wp-title-padding-end | 16px | |
$action-sheet-wp-title-padding-start | $action-sheet-wp-title-padding-end | |
$action-sheet-wp-title-padding-top | 11px | |
$action-sheet-wp-title-text-align | $action-sheet-wp-text-align | |
$alert-button-font-size | 14px | |
$alert-button-line-height | 20px | |
$alert-input-placeholder-color | #999 | |
$alert-ios-background | #f8f8f8 | |
$alert-ios-border-radius | 13px | |
$alert-ios-box-shadow | none | |
$alert-ios-button-background-color | transparent | |
$alert-ios-button-background-color-activated | #e9e9e9 | |
$alert-ios-button-border-color | #dbdbdf | |
$alert-ios-button-border-radius | 0 | |
$alert-ios-button-border-style | solid | |
$alert-ios-button-border-width | $hairlines-width | |
$alert-ios-button-flex | 1 1 auto | |
$alert-ios-button-font-size | 17px | |
$alert-ios-button-group-flex-wrap | wrap | |
$alert-ios-button-main-font-weight | bold | |
$alert-ios-button-margin | 0 | |
$alert-ios-button-min-height | 44px | |
$alert-ios-button-min-width | 50% | |
$alert-ios-button-text-color | color($colors-ios, primary) | |
$alert-ios-checkbox-background-color-off | $list-ios-background-color | |
$alert-ios-checkbox-background-color-on | color($colors-ios, primary) | |
$alert-ios-checkbox-border-color-off | $list-ios-border-color | |
$alert-ios-checkbox-border-color-on | color($colors-ios, primary) | |
$alert-ios-checkbox-border-radius | 50% | |
$alert-ios-checkbox-border-style | solid | |
$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-height | 9px | |
$alert-ios-checkbox-icon-left | 7px | |
$alert-ios-checkbox-icon-start | $alert-ios-checkbox-icon-left | |
$alert-ios-checkbox-icon-top | 4px | |
$alert-ios-checkbox-icon-transform | rotate(45deg) | |
$alert-ios-checkbox-icon-width | 4px | |
$alert-ios-checkbox-label-padding | null | |
$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-top | 13px | |
$alert-ios-checkbox-label-text-color | initial | |
$alert-ios-checkbox-label-text-color-checked | initial | |
$alert-ios-checkbox-margin | null | |
$alert-ios-checkbox-margin-bottom | 10px | |
$alert-ios-checkbox-margin-end | 6px | |
$alert-ios-checkbox-margin-start | 16px | |
$alert-ios-checkbox-margin-top | 10px | |
$alert-ios-checkbox-size | 21px | |
$alert-ios-content-max-height | 240px | |
$alert-ios-head-padding | null | |
$alert-ios-head-padding-bottom | 7px | |
$alert-ios-head-padding-end | 16px | |
$alert-ios-head-padding-start | $alert-ios-head-padding-end | |
$alert-ios-head-padding-top | 12px | |
$alert-ios-head-text-align | center | |
$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-radius | 4px | |
$alert-ios-input-margin-top | 10px | |
$alert-ios-input-padding | null | |
$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-top | 6px | |
$alert-ios-list-border-top | $alert-ios-button-border-width $alert-ios-button-border-style $alert-ios-button-border-color | |
$alert-ios-max-width | 270px | |
$alert-ios-message-empty-padding-bottom | 12px | |
$alert-ios-message-empty-padding-end | 0 | |
$alert-ios-message-empty-padding-start | 0 | |
$alert-ios-message-empty-padding-top | 0 | |
$alert-ios-message-font-size | 13px | |
$alert-ios-message-padding | null | |
$alert-ios-message-padding-bottom | 21px | |
$alert-ios-message-padding-empty | null | |
$alert-ios-message-padding-end | 16px | |
$alert-ios-message-padding-start | $alert-ios-message-padding-end | |
$alert-ios-message-padding-top | 0 | |
$alert-ios-message-text-align | center | |
$alert-ios-message-text-color | inherit | |
$alert-ios-radio-icon-border-color | $alert-ios-button-text-color | |
$alert-ios-radio-icon-border-style | solid | |
$alert-ios-radio-icon-border-width | 2px | |
$alert-ios-radio-icon-height | 12px | |
$alert-ios-radio-icon-left | 7px | |
$alert-ios-radio-icon-start | $alert-ios-radio-icon-left | |
$alert-ios-radio-icon-top | -7px | |
$alert-ios-radio-icon-transform | rotate(45deg) | |
$alert-ios-radio-icon-width | 6px | |
$alert-ios-radio-label-padding | null | |
$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-top | 13px | |
$alert-ios-radio-label-text-color | initial | |
$alert-ios-radio-label-text-color-checked | $alert-ios-button-text-color | |
$alert-ios-radio-min-width | 30px | |
$alert-ios-sub-title-font-size | 14px | |
$alert-ios-sub-title-text-color | #666 | |
$alert-ios-title-font-size | 17px | |
$alert-ios-title-font-weight | 600 | |
$alert-ios-title-margin-top | 8px | |
$alert-max-height | 90% | |
$alert-md-background-color | #fafafa | |
$alert-md-border-radius | 2px | |
$alert-md-box-shadow | 0 16px 20px $alert-md-box-shadow-color | |
$alert-md-box-shadow-color | rgba(0, 0, 0, .4) | |
$alert-md-button-background-color | transparent | |
$alert-md-button-background-color-activated | rgba(158, 158, 158, .2) | |
$alert-md-button-border-radius | 2px | |
$alert-md-button-font-weight | 500 | |
$alert-md-button-group-flex-wrap | wrap-reverse | |
$alert-md-button-group-justify-content | flex-end | |
$alert-md-button-group-padding | null | |
$alert-md-button-group-padding-bottom | 8px | |
$alert-md-button-group-padding-end | 8px | |
$alert-md-button-group-padding-start | 24px | |
$alert-md-button-group-padding-top | 8px | |
$alert-md-button-margin | null | |
$alert-md-button-margin-bottom | 0 | |
$alert-md-button-margin-end | 8px | |
$alert-md-button-margin-start | 0 | |
$alert-md-button-margin-top | 0 | |
$alert-md-button-padding | null | |
$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-top | 10px | |
$alert-md-button-text-align | end | |
$alert-md-button-text-color | color($colors-md, primary) | |
$alert-md-button-text-transform | uppercase | |
$alert-md-checkbox-border-color-off | darken($list-md-border-color, 40%) | |
$alert-md-checkbox-border-color-on | $alert-md-button-text-color | |
$alert-md-checkbox-border-radius | 2px | |
$alert-md-checkbox-border-style | solid | |
$alert-md-checkbox-border-width | 2px | |
$alert-md-checkbox-height | 16px | |
$alert-md-checkbox-icon-border-color | color-contrast($colors-md, $alert-md-checkbox-border-color-on) | |
$alert-md-checkbox-icon-border-style | solid | |
$alert-md-checkbox-icon-border-width | 2px | |
$alert-md-checkbox-icon-height | 10px | |
$alert-md-checkbox-icon-left | 3px | |
$alert-md-checkbox-icon-start | $alert-md-checkbox-icon-left | |
$alert-md-checkbox-icon-top | 0 | |
$alert-md-checkbox-icon-transform | rotate(45deg) | |
$alert-md-checkbox-icon-width | 6px | |
$alert-md-checkbox-label-padding | null | |
$alert-md-checkbox-label-padding-bottom | $alert-md-checkbox-label-padding-top | |
$alert-md-checkbox-label-padding-end | 26px | |
$alert-md-checkbox-label-padding-start | $alert-md-checkbox-label-padding-end | |
$alert-md-checkbox-label-padding-top | 13px | |
$alert-md-checkbox-label-text-color | initial | |
$alert-md-checkbox-label-text-color-checked | initial | |
$alert-md-checkbox-left | 13px | |
$alert-md-checkbox-top | 0 | |
$alert-md-checkbox-width | 16px | |
$alert-md-content-max-height | 240px | |
$alert-md-head-padding | null | |
$alert-md-head-padding-bottom | 20px | |
$alert-md-head-padding-end | 24px | |
$alert-md-head-padding-start | 24px | |
$alert-md-head-padding-top | 24px | |
$alert-md-head-text-align | start | |
$alert-md-input-border-color | #dedede | |
$alert-md-input-border-color-focused | color($colors-md, primary) | |
$alert-md-input-border-style | solid | |
$alert-md-input-border-style-focused | $alert-md-input-border-style | |
$alert-md-input-border-width | 1px | |
$alert-md-input-border-width-focused | 2px | |
$alert-md-input-margin-bottom | 5px | |
$alert-md-input-margin-end | $alert-md-input-margin-right | |
$alert-md-input-margin-left | 0 | |
$alert-md-input-margin-right | 0 | |
$alert-md-input-margin-start | $alert-md-input-margin-left | |
$alert-md-input-margin-top | 5px | |
$alert-md-input-text-color | #000 | |
$alert-md-list-border-bottom | $alert-md-list-border-top | |
$alert-md-list-border-top | 1px solid $alert-md-input-border-color | |
$alert-md-max-width | 280px | |
$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-top | 0 | |
$alert-md-message-font-size | 15px | |
$alert-md-message-padding | null | |
$alert-md-message-padding-bottom | 24px | |
$alert-md-message-padding-empty | null | |
$alert-md-message-padding-end | 24px | |
$alert-md-message-padding-start | 24px | |
$alert-md-message-padding-top | 0 | |
$alert-md-message-text-color | rgba(0, 0, 0, .5) | |
$alert-md-radio-border-color-off | darken($list-md-border-color, 40%) | |
$alert-md-radio-border-color-on | $alert-md-button-text-color | |
$alert-md-radio-border-radius | 50% | |
$alert-md-radio-border-style | solid | |
$alert-md-radio-border-width | 2px | |
$alert-md-radio-height | 16px | |
$alert-md-radio-icon-border-radius | $alert-md-radio-border-radius | |
$alert-md-radio-icon-height | 8px | |
$alert-md-radio-icon-left | 2px | |
$alert-md-radio-icon-start | $alert-md-radio-icon-left | |
$alert-md-radio-icon-top | 2px | |
$alert-md-radio-icon-transform-off | scale3d(0, 0, 0) | |
$alert-md-radio-icon-transform-on | scale3d(1, 1, 1) | |
$alert-md-radio-icon-transition | transform 280ms cubic-bezier(.4, 0, .2, 1) | |
$alert-md-radio-icon-width | 8px | |
$alert-md-radio-label-padding | null | |
$alert-md-radio-label-padding-bottom | $alert-md-radio-label-padding-top | |
$alert-md-radio-label-padding-end | 26px | |
$alert-md-radio-label-padding-start | $alert-md-radio-label-padding-end | |
$alert-md-radio-label-padding-top | 13px | |
$alert-md-radio-label-text-color | initial | |
$alert-md-radio-label-text-color-checked | $alert-md-button-text-color | |
$alert-md-radio-left | 13px | |
$alert-md-radio-top | 0 | |
$alert-md-radio-width | 16px | |
$alert-md-sub-title-font-size | 16px | |
$alert-md-title-font-size | 22px | |
$alert-min-width | 250px | |
$alert-wp-backdrop-background | #fff | |
$alert-wp-background | #e6e6e6 | |
$alert-wp-border-color | color($colors-wp, primary) | |
$alert-wp-border-radius | 0 | |
$alert-wp-border-style | solid | |
$alert-wp-border-width | 1px | |
$alert-wp-button-background | #b8b8b8 | |
$alert-wp-button-background-activated | color-shade($alert-wp-button-background) | |
$alert-wp-button-border-radius | 0 | |
$alert-wp-button-font-weight | 400 | |
$alert-wp-button-group-flex-wrap | wrap-reverse | |
$alert-wp-button-group-justify-content | flex-end | |
$alert-wp-button-group-padding | null | |
$alert-wp-button-group-padding-bottom | 20px | |
$alert-wp-button-group-padding-end | 22px | |
$alert-wp-button-group-padding-start | 22px | |
$alert-wp-button-group-padding-top | 20px | |
$alert-wp-button-group-vertical-margin-top | 5px | |
$alert-wp-button-group-vertical-width | 100% | |
$alert-wp-button-margin-end | $alert-wp-button-margin-right | |
$alert-wp-button-margin-right | 1% | |
$alert-wp-button-padding | null | |
$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-top | 5px | |
$alert-wp-button-text-color | #000 | |
$alert-wp-button-width | 49.5% | |
$alert-wp-checkbox-background-off | transparent | |
$alert-wp-checkbox-background-on | color($colors-wp, primary) | |
$alert-wp-checkbox-border-color | $input-wp-border-color | |
$alert-wp-checkbox-border-radius | 0 | |
$alert-wp-checkbox-border-style | solid | |
$alert-wp-checkbox-border-width | 2px | |
$alert-wp-checkbox-height | 16px | |
$alert-wp-checkbox-icon-border-color | color-contrast($colors-wp, $alert-wp-checkbox-background-on) | |
$alert-wp-checkbox-icon-border-style | solid | |
$alert-wp-checkbox-icon-border-width | 1px | |
$alert-wp-checkbox-icon-height | 12px | |
$alert-wp-checkbox-icon-left | 3px | |
$alert-wp-checkbox-icon-start | $alert-wp-checkbox-icon-left | |
$alert-wp-checkbox-icon-top | -2px | |
$alert-wp-checkbox-icon-transform | rotate(45deg) | |
$alert-wp-checkbox-icon-width | 6px | |
$alert-wp-checkbox-label-padding | null | |
$alert-wp-checkbox-label-padding-bottom | $alert-wp-checkbox-label-padding-top | |
$alert-wp-checkbox-label-padding-end | 26px | |
$alert-wp-checkbox-label-padding-start | $alert-wp-checkbox-label-padding-end | |
$alert-wp-checkbox-label-padding-top | 13px | |
$alert-wp-checkbox-label-text-color | initial | |
$alert-wp-checkbox-label-text-color-checked | initial | |
$alert-wp-checkbox-left | 13px | |
$alert-wp-checkbox-top | 0 | |
$alert-wp-checkbox-width | 16px | |
$alert-wp-content-max-height | 240px | |
$alert-wp-head-padding | null | |
$alert-wp-head-padding-bottom | 5px | |
$alert-wp-head-padding-end | 22px | |
$alert-wp-head-padding-start | 22px | |
$alert-wp-head-padding-top | 20px | |
$alert-wp-head-text-align | start | |
$alert-wp-input-border-color | $input-wp-border-color | |
$alert-wp-input-border-color-focused | color($colors-wp, primary) | |
$alert-wp-input-border-style | $alert-wp-border-style | |
$alert-wp-input-border-width | 2px | |
$alert-wp-input-line-height | 3rem | |
$alert-wp-input-margin | null | |
$alert-wp-input-margin-bottom | 5px | |
$alert-wp-input-margin-end | 0 | |
$alert-wp-input-margin-start | 0 | |
$alert-wp-input-margin-top | 5px | |
$alert-wp-input-padding | null | |
$alert-wp-input-padding-bottom | $alert-wp-input-padding-top | |
$alert-wp-input-padding-end | 8px | |
$alert-wp-input-padding-start | $alert-wp-input-padding-end | |
$alert-wp-input-padding-top | 0 | |
$alert-wp-input-text-color | #000 | |
$alert-wp-max-width | 520px | |
$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-top | 0 | |
$alert-wp-message-font-size | 13px | |
$alert-wp-message-padding | null | |
$alert-wp-message-padding-bottom | 8px | |
$alert-wp-message-padding-empty | null | |
$alert-wp-message-padding-end | 22px | |
$alert-wp-message-padding-start | 22px | |
$alert-wp-message-padding-top | 0 | |
$alert-wp-message-text-color | #000 | |
$alert-wp-radio-background | color($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-radius | 50% | |
$alert-wp-radio-border-style | solid | |
$alert-wp-radio-border-width | 2px | |
$alert-wp-radio-height | 16px | |
$alert-wp-radio-icon-border-radius | $alert-wp-radio-border-radius | |
$alert-wp-radio-icon-height | 8px | |
$alert-wp-radio-icon-left | 2px | |
$alert-wp-radio-icon-start | $alert-wp-radio-icon-left | |
$alert-wp-radio-icon-top | 2px | |
$alert-wp-radio-icon-width | 8px | |
$alert-wp-radio-label-padding | null | |
$alert-wp-radio-label-padding-bottom | $alert-wp-radio-label-padding-top | |
$alert-wp-radio-label-padding-end | 26px | |
$alert-wp-radio-label-padding-start | $alert-wp-radio-label-padding-end | |
$alert-wp-radio-label-padding-top | 13px | |
$alert-wp-radio-label-text-color | initial | |
$alert-wp-radio-label-text-color-checked | $alert-wp-button-text-color | |
$alert-wp-radio-left | 13px | |
$alert-wp-radio-top | 0 | |
$alert-wp-radio-width | 16px | |
$alert-wp-sub-title-font-size | 16px | |
$alert-wp-title-font-size | 20px | |
$alert-wp-title-font-weight | 400 | |
$alert-wp-width | 100% | |
$app-direction | ltr | |
$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-size | 1.3rem | |
$badge-font-weight | bold | |
$badge-ios-background-color | color($colors-ios, primary) | |
$badge-ios-border-radius | 10px | |
$badge-ios-text-color | color-contrast($colors-ios, $badge-ios-background-color) | |
$badge-md-background-color | color($colors-md, primary) | |
$badge-md-border-radius | 4px | |
$badge-md-text-color | color-contrast($colors-md, $badge-md-background-color) | |
$badge-wp-background-color | color($colors-wp, primary) | |
$badge-wp-border-radius | 0 | |
$badge-wp-text-color | color-contrast($colors-wp, $badge-wp-background-color) | |
$button-ios-background-color | color($colors-ios, primary) | |
$button-ios-background-color-activated | color-shade($button-ios-background-color) | |
$button-ios-border-radius | 4px | |
$button-ios-clear-background-color | transparent | |
$button-ios-clear-background-color-activated | $button-ios-clear-background-color | |
$button-ios-clear-border-color | transparent | |
$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-size | 1.6rem | |
$button-ios-height | 2.8em | |
$button-ios-large-font-size | 2rem | |
$button-ios-large-height | 2.8em | |
$button-ios-large-padding | null | |
$button-ios-large-padding-bottom | $button-ios-large-padding-top | |
$button-ios-large-padding-end | 1em | |
$button-ios-large-padding-start | $button-ios-large-padding-end | |
$button-ios-large-padding-top | 0 | |
$button-ios-margin | null | |
$button-ios-margin-bottom | .4rem | |
$button-ios-margin-end | .2rem | |
$button-ios-margin-start | .2rem | |
$button-ios-margin-top | .4rem | |
$button-ios-opacity-activated | 1 | |
$button-ios-opacity-hover | .8 | |
$button-ios-outline-background-color | transparent | |
$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-style | solid | |
$button-ios-outline-border-width | 1px | |
$button-ios-outline-opacity-activated | 1 | |
$button-ios-outline-text-color | $button-ios-background-color | |
$button-ios-outline-text-color-activated | color-contrast($colors-ios, $button-ios-background-color) | |
$button-ios-padding | null | |
$button-ios-padding-bottom | $button-ios-padding-top | |
$button-ios-padding-end | 1em | |
$button-ios-padding-start | $button-ios-padding-end | |
$button-ios-padding-top | 0 | |
$button-ios-round-border-radius | $button-round-border-radius | |
$button-ios-round-padding | null | |
$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-size | 1.3rem | |
$button-ios-small-height | 2.1em | |
$button-ios-small-icon-font-size | 1.3em | |
$button-ios-small-padding | null | |
$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-top | 0 | |
$button-ios-strong-font-weight | 600 | |
$button-ios-text-color | color-contrast($colors-ios, $button-ios-background-color) | |
$button-md-background-color | color($colors-md, primary) | |
$button-md-background-color-activated | color-shade($button-md-background-color) | |
$button-md-background-color-hover | $button-md-background-color | |
$button-md-border-radius | 2px | |
$button-md-box-shadow | 0 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-activated | 0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21), 0 0 0 0 transparent | |
$button-md-clear-background-color | transparent | |
$button-md-clear-background-color-activated | rgba(158, 158, 158, .2) | |
$button-md-clear-background-color-hover | rgba(158, 158, 158, .1) | |
$button-md-clear-border-color | transparent | |
$button-md-clear-box-shadow | none | |
$button-md-clear-box-shadow-activated | $button-md-clear-box-shadow | |
$button-md-clear-opacity | 1 | |
$button-md-clear-ripple-background-color | #999 | |
$button-md-clear-text-color | $button-md-background-color | |
$button-md-font-size | 1.4rem | |
$button-md-font-weight | 500 | |
$button-md-height | 3.6rem | |
$button-md-large-font-size | 2rem | |
$button-md-large-height | 2.8em | |
$button-md-large-padding | null | |
$button-md-large-padding-bottom | $button-md-large-padding-top | |
$button-md-large-padding-end | 1em | |
$button-md-large-padding-start | $button-md-large-padding-end | |
$button-md-large-padding-top | 0 | |
$button-md-margin | null | |
$button-md-margin-bottom | .4rem | |
$button-md-margin-end | .2rem | |
$button-md-margin-start | .2rem | |
$button-md-margin-top | .4rem | |
$button-md-opacity-activated | 1 | |
$button-md-outline-background-color | transparent | |
$button-md-outline-background-color-activated | transparent | |
$button-md-outline-background-color-hover | rgba(158, 158, 158, .1) | |
$button-md-outline-border-color | $button-md-background-color | |
$button-md-outline-border-style | solid | |
$button-md-outline-border-width | 1px | |
$button-md-outline-box-shadow | none | |
$button-md-outline-box-shadow-activated | none | |
$button-md-outline-opacity-activated | 1 | |
$button-md-outline-ripple-background-color | $button-md-background-color | |
$button-md-outline-text-color | $button-md-background-color | |
$button-md-padding | null | |
$button-md-padding-bottom | $button-md-padding-top | |
$button-md-padding-end | 1.1em | |
$button-md-padding-start | $button-md-padding-end | |
$button-md-padding-top | 0 | |
$button-md-ripple-background-color | #555 | |
$button-md-round-border-radius | $button-round-border-radius | |
$button-md-round-padding | null | |
$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-size | 1.3rem | |
$button-md-small-height | 2.1em | |
$button-md-small-icon-font-size | 1.4em | |
$button-md-small-padding | null | |
$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-top | 0 | |
$button-md-strong-font-weight | bold | |
$button-md-text-color | color-contrast($colors-md, $button-md-background-color) | |
$button-md-text-transform | uppercase | |
$button-md-transition-duration | 300ms | |
$button-md-transition-timing-function | cubic-bezier(.4, 0, .2, 1) | |
$button-round-border-radius | 64px | |
$button-round-padding | null | |
$button-round-padding-bottom | $button-round-padding-top | |
$button-round-padding-end | 2.6rem | |
$button-round-padding-start | $button-round-padding-end | |
$button-round-padding-top | 0 | |
$button-wp-background-color | color($colors-wp, primary) | |
$button-wp-background-color-activated | color-shade($button-wp-background-color) | |
$button-wp-border-color | transparent | |
$button-wp-border-radius | 0 | |
$button-wp-border-style | solid | |
$button-wp-border-width | 3px | |
$button-wp-clear-background-color | transparent | |
$button-wp-clear-background-color-activated | rgba(158, 158, 158, .2) | |
$button-wp-clear-background-color-hover | rgba(158, 158, 158, .1) | |
$button-wp-clear-text-color | $button-wp-background-color | |
$button-wp-font-size | 1.4rem | |
$button-wp-height | 3.6rem | |
$button-wp-large-font-size | 2rem | |
$button-wp-large-height | 2.8em | |
$button-wp-large-padding | null | |
$button-wp-large-padding-bottom | $button-wp-large-padding-top | |
$button-wp-large-padding-end | 1em | |
$button-wp-large-padding-start | $button-wp-large-padding-end | |
$button-wp-large-padding-top | 0 | |
$button-wp-margin | null | |
$button-wp-margin-bottom | .4rem | |
$button-wp-margin-end | .2rem | |
$button-wp-margin-start | .2rem | |
$button-wp-margin-top | .4rem | |
$button-wp-outline-background-color | transparent | |
$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-style | solid | |
$button-wp-outline-border-width | 1px | |
$button-wp-outline-text-color | $button-wp-background-color | |
$button-wp-padding | null | |
$button-wp-padding-bottom | $button-wp-padding-top | |
$button-wp-padding-end | 1.1em | |
$button-wp-padding-start | $button-wp-padding-end | |
$button-wp-padding-top | 0 | |
$button-wp-round-border-radius | $button-round-border-radius | |
$button-wp-round-padding | null | |
$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-size | 1.3rem | |
$button-wp-small-height | 2.1em | |
$button-wp-small-icon-font-size | 1.4em | |
$button-wp-small-padding | null | |
$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-top | 0 | |
$button-wp-strong-font-weight | bold | |
$button-wp-text-color | color-contrast($colors-wp, $button-wp-background-color) | |
$card-ios-background-color | $list-ios-background-color | |
$card-ios-border-radius | 2px | |
$card-ios-box-shadow | 0 1px 2px $card-ios-box-shadow-color | |
$card-ios-box-shadow-color | rgba(0, 0, 0, .3) | |
$card-ios-font-size | 1.4rem | |
$card-ios-header-color | #ddd | |
$card-ios-header-color | #333 | |
$card-ios-header-font-size | 1.6rem | |
$card-ios-header-font-weight | 500 | |
$card-ios-header-padding | null | |
$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-top | 16px | |
$card-ios-margin-bottom | 12px | |
$card-ios-margin-end | $card-ios-margin-right | |
$card-ios-margin-left | 12px | |
$card-ios-margin-right | 12px | |
$card-ios-margin-start | $card-ios-margin-left | |
$card-ios-margin-top | 12px | |
$card-ios-padding-bottom | 14px | |
$card-ios-padding-end | $card-ios-padding-right | |
$card-ios-padding-left | 16px | |
$card-ios-padding-media-bottom | 9px | |
$card-ios-padding-media-top | 10px | |
$card-ios-padding-right | 16px | |
$card-ios-padding-start | $card-ios-padding-left | |
$card-ios-padding-top | 13px | |
$card-ios-text-color | #666 | |
$card-ios-title-font-size | 1.8rem | |
$card-ios-title-margin | null | |
$card-ios-title-margin-bottom | 2px | |
$card-ios-title-margin-end | 0 | |
$card-ios-title-margin-start | 0 | |
$card-ios-title-margin-top | 2px | |
$card-ios-title-padding | null | |
$card-ios-title-padding-bottom | 8px | |
$card-ios-title-padding-end | 0 | |
$card-ios-title-padding-start | 0 | |
$card-ios-title-padding-top | 8px | |
$card-ios-title-text-color | #222 | |
$card-md-avatar-size | 4rem | |
$card-md-background-color | $list-md-background-color | |
$card-md-border-radius | 2px | |
$card-md-box-shadow | 0 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-size | 1.4rem | |
$card-md-header-color | #ddd | |
$card-md-header-color | #222 | |
$card-md-header-font-size | 1.6rem | |
$card-md-header-padding | null | |
$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-top | 16px | |
$card-md-line-height | 1.5 | |
$card-md-margin-bottom | 10px | |
$card-md-margin-end | $card-md-margin-right | |
$card-md-margin-left | 10px | |
$card-md-margin-right | 10px | |
$card-md-margin-start | $card-md-margin-left | |
$card-md-margin-top | 10px | |
$card-md-padding-bottom | 13px | |
$card-md-padding-end | $card-md-padding-right | |
$card-md-padding-left | 16px | |
$card-md-padding-media-bottom | 10px | |
$card-md-padding-media-top | 10px | |
$card-md-padding-right | 16px | |
$card-md-padding-start | $card-md-padding-left | |
$card-md-padding-top | 13px | |
$card-md-text-color | #ddd | |
$card-md-text-color | #222 | |
$card-md-thumbnail-size | 8rem | |
$card-md-title-font-size | 2.4rem | |
$card-md-title-margin | null | |
$card-md-title-margin-bottom | 2px | |
$card-md-title-margin-end | 0 | |
$card-md-title-margin-start | $card-md-title-margin-end | |
$card-md-title-margin-top | 2px | |
$card-md-title-padding | null | |
$card-md-title-padding-bottom | 8px | |
$card-md-title-padding-end | 0 | |
$card-md-title-padding-start | 0 | |
$card-md-title-padding-top | 8px | |
$card-md-title-text-color | #fff | |
$card-md-title-text-color | #222 | |
$card-wp-avatar-size | 4rem | |
$card-wp-background-color | $list-wp-background-color | |
$card-wp-border-radius | 1px | |
$card-wp-box-shadow | 0 1px 1px 1px $card-wp-box-shadow-color | |
$card-wp-box-shadow-color | rgba(0, 0, 0, .2) | |
$card-wp-font-size | 1.4rem | |
$card-wp-header-color | #ddd | |
$card-wp-header-color | #222 | |
$card-wp-header-font-size | 1.6rem | |
$card-wp-header-padding | null | |
$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-top | 16px | |
$card-wp-line-height | 1.5 | |
$card-wp-margin-bottom | 8px | |
$card-wp-margin-end | $card-wp-margin-right | |
$card-wp-margin-left | 8px | |
$card-wp-margin-right | 8px | |
$card-wp-margin-start | $card-wp-margin-left | |
$card-wp-margin-top | 8px | |
$card-wp-padding-bottom | 13px | |
$card-wp-padding-end | $card-wp-padding-right | |
$card-wp-padding-left | 16px | |
$card-wp-padding-media-bottom | 10px | |
$card-wp-padding-media-top | 10px | |
$card-wp-padding-right | 16px | |
$card-wp-padding-start | $card-wp-padding-left | |
$card-wp-padding-top | 13px | |
$card-wp-text-color | #ddd | |
$card-wp-text-color | #222 | |
$card-wp-thumbnail-size | 8rem | |
$card-wp-title-font-size | 2.4rem | |
$card-wp-title-margin | null | |
$card-wp-title-margin-bottom | $card-wp-title-margin-top | |
$card-wp-title-margin-end | 0 | |
$card-wp-title-margin-start | $card-wp-title-margin-end | |
$card-wp-title-margin-top | 2px | |
$card-wp-title-padding | null | |
$card-wp-title-padding-bottom | 8px | |
$card-wp-title-padding-end | 0 | |
$card-wp-title-padding-start | 0 | |
$card-wp-title-padding-top | 8px | |
$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-on | color($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-radius | 50% | |
$checkbox-ios-icon-border-style | solid | |
$checkbox-ios-icon-border-width | 1px | |
$checkbox-ios-icon-checkmark-color | color-contrast($colors-ios, $checkbox-ios-background-color-on) | |
$checkbox-ios-icon-checkmark-style | solid | |
$checkbox-ios-icon-checkmark-width | 1px | |
$checkbox-ios-icon-size | 21px | |
$checkbox-ios-item-end-margin-bottom | 9px | |
$checkbox-ios-item-end-margin-end | 8px | |
$checkbox-ios-item-end-margin-start | 0 | |
$checkbox-ios-item-end-margin-top | 10px | |
$checkbox-ios-item-left-margin | null | |
$checkbox-ios-item-right-margin | null | |
$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-start | 2px | |
$checkbox-ios-item-start-margin-top | $item-ios-padding-media-top | |
$checkbox-md-border-bottom-color | $list-md-border-color | |
$checkbox-md-border-bottom-style | solid | |
$checkbox-md-border-bottom-width | 1px | |
$checkbox-md-disabled-opacity | .3 | |
$checkbox-md-icon-background-color-off | $list-md-background-color | |
$checkbox-md-icon-background-color-on | color($colors-md, primary) | |
$checkbox-md-icon-border-color-off | darken($list-md-border-color, 40%) | |
$checkbox-md-icon-border-color-on | color($colors-md, primary) | |
$checkbox-md-icon-border-radius | 2px | |
$checkbox-md-icon-border-style | solid | |
$checkbox-md-icon-border-width | 2px | |
$checkbox-md-icon-checkmark-color | color-contrast($colors-md, $checkbox-md-icon-background-color-on) | |
$checkbox-md-icon-checkmark-style | solid | |
$checkbox-md-icon-checkmark-width | 2px | |
$checkbox-md-icon-size | 16px | |
$checkbox-md-item-end-margin-bottom | 10px | |
$checkbox-md-item-end-margin-end | 10px | |
$checkbox-md-item-end-margin-start | 0 | |
$checkbox-md-item-end-margin-top | 11px | |
$checkbox-md-item-left-margin | null | |
$checkbox-md-item-right-margin | null | |
$checkbox-md-item-start-margin-bottom | $item-md-padding-media-bottom | |
$checkbox-md-item-start-margin-end | 36px | |
$checkbox-md-item-start-margin-start | 4px | |
$checkbox-md-item-start-margin-top | $item-md-padding-media-top | |
$checkbox-md-transition-duration | 280ms | |
$checkbox-md-transition-easing | cubic-bezier(.4, 0, .2, 1) | |
$checkbox-wp-border-bottom-color | $list-wp-border-color | |
$checkbox-wp-border-bottom-style | solid | |
$checkbox-wp-border-bottom-width | 1px | |
$checkbox-wp-disabled-opacity | .3 | |
$checkbox-wp-icon-background-color-off | $list-wp-background-color | |
$checkbox-wp-icon-background-color-on | color($colors-wp, primary) | |
$checkbox-wp-icon-border-color-off | #333 | |
$checkbox-wp-icon-border-color-on | color($colors-wp, primary) | |
$checkbox-wp-icon-border-radius | 0 | |
$checkbox-wp-icon-border-style | solid | |
$checkbox-wp-icon-border-width | 2px | |
$checkbox-wp-icon-checkmark-color | color-contrast($colors-wp, $checkbox-wp-icon-background-color-on) | |
$checkbox-wp-icon-checkmark-style | solid | |
$checkbox-wp-icon-checkmark-width | 1px | |
$checkbox-wp-icon-size | 16px | |
$checkbox-wp-item-end-margin-bottom | 10px | |
$checkbox-wp-item-end-margin-end | 10px | |
$checkbox-wp-item-end-margin-start | 0 | |
$checkbox-wp-item-end-margin-top | 11px | |
$checkbox-wp-item-left-margin | null | |
$checkbox-wp-item-right-margin | null | |
$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-start | 4px | |
$checkbox-wp-item-start-margin-top | $item-wp-padding-media-top | |
$chip-avatar-border-radius | 50% | |
$chip-avatar-size | 32px | |
$chip-button-border-radius | 50% | |
$chip-button-margin | null | |
$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-top | 0 | |
$chip-button-size | 32px | |
$chip-icon-border-radius | 50% | |
$chip-icon-font-size | 18px | |
$chip-icon-size | 32px | |
$chip-icon-text-align | center | |
$chip-ios-background-color | rgba(0, 0, 0, .12) | |
$chip-ios-border-radius | 16px | |
$chip-ios-font-size | 13px | |
$chip-ios-height | 32px | |
$chip-ios-icon-background-color | color($colors-ios, primary) | |
$chip-ios-icon-text-color | color-contrast($colors-ios, $chip-ios-icon-background-color) | |
$chip-ios-label-margin | null | |
$chip-ios-label-margin-bottom | $chip-ios-label-margin-top | |
$chip-ios-label-margin-end | 10px | |
$chip-ios-label-margin-start | $chip-ios-label-margin-end | |
$chip-ios-label-margin-top | 0 | |
$chip-ios-margin | null | |
$chip-ios-margin-bottom | $chip-ios-margin-top | |
$chip-ios-margin-end | 0 | |
$chip-ios-margin-start | $chip-ios-margin-end | |
$chip-ios-margin-top | 2px | |
$chip-ios-text-color | rgba(0, 0, 0, .87) | |
$chip-md-background-color | rgba(0, 0, 0, .12) | |
$chip-md-border-radius | 16px | |
$chip-md-font-size | 13px | |
$chip-md-height | 32px | |
$chip-md-icon-background-color | color($colors-md, primary) | |
$chip-md-icon-text-color | color-contrast($colors-md, $chip-md-icon-background-color) | |
$chip-md-label-margin | null | |
$chip-md-label-margin-bottom | $chip-md-label-margin-top | |
$chip-md-label-margin-end | 10px | |
$chip-md-label-margin-start | $chip-md-label-margin-end | |
$chip-md-label-margin-top | 0 | |
$chip-md-margin | null | |
$chip-md-margin-bottom | $chip-md-margin-top | |
$chip-md-margin-end | 0 | |
$chip-md-margin-start | $chip-md-margin-end | |
$chip-md-margin-top | 2px | |
$chip-md-text-color | rgba(0, 0, 0, .87) | |
$chip-wp-background-color | rgba(0, 0, 0, .12) | |
$chip-wp-border-radius | 16px | |
$chip-wp-font-size | 13px | |
$chip-wp-height | 32px | |
$chip-wp-icon-background-color | color($colors-wp, primary) | |
$chip-wp-icon-text-color | color-contrast($colors-wp, $chip-wp-icon-background-color) | |
$chip-wp-label-margin | null | |
$chip-wp-label-margin-bottom | $chip-wp-label-margin-top | |
$chip-wp-label-margin-end | 10px | |
$chip-wp-label-margin-start | $chip-wp-label-margin-end | |
$chip-wp-label-margin-top | 0 | |
$chip-wp-margin | null | |
$chip-wp-margin-bottom | $chip-wp-margin-top | |
$chip-wp-margin-end | 0 | |
$chip-wp-margin-start | $chip-wp-margin-end | |
$chip-wp-margin-top | 2px | |
$chip-wp-text-color | rgba(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-ios | copy-colors($colors) | |
$colors-ios | copy-colors($colors) | |
$colors-md | copy-colors($colors) | |
$colors-md | copy-colors($colors) | |
$colors-wp | copy-colors($colors) | |
$colors-wp | copy-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-margin | 16px | |
$content-margin | 16px | |
$content-md-margin | $content-margin | |
$content-md-padding | $content-padding | |
$content-padding | 16px | |
$content-padding | 16px | |
$content-wp-margin | $content-margin | |
$content-wp-padding | $content-padding | |
$cordova-ios-statusbar-padding | 20px | |
$cordova-ios-statusbar-padding-modal-max-width | $cordova-statusbar-padding-modal-max-width | |
$cordova-md-statusbar-padding | 20px | |
$cordova-md-statusbar-padding-modal-max-width | $cordova-statusbar-padding-modal-max-width | |
$cordova-statusbar-padding-modal-max-width | 767px | |
$cordova-wp-statusbar-padding | 20px | |
$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-width | 2px | |
$datetime-wp-min-width | 45% | |
$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-duration | 300ms | |
$fab-button-md-transition-timing-function | cubic-bezier(.4, 0, .2, 1) | |
$fab-content-margin | 10px | |
$fab-ios-background-color | color($colors-ios, primary) | |
$fab-ios-background-color-activated | color-shade($fab-ios-background-color) | |
$fab-ios-list-button-background-color | $fab-list-button-background-color | |
$fab-ios-list-button-background-color-activated | color-shade($fab-ios-list-button-background-color) | |
$fab-ios-list-button-text-color | color-contrast($colors-ios, $fab-ios-list-button-background-color) | |
$fab-ios-list-button-transition-delay | 10ms | |
$fab-ios-list-button-transition-duration | 200ms | |
$fab-ios-list-button-transition-timing-function | ease | |
$fab-ios-text-color | color-contrast($colors-ios, $fab-ios-background-color) | |
$fab-list-button-background-color | #f4f4f4 | |
$fab-list-margin | 10px | |
$fab-md-background-color | color($colors-md, primary) | |
$fab-md-background-color-activated | color-shade($fab-md-background-color) | |
$fab-md-box-shadow | 0 4px 6px 0 rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .1) | |
$fab-md-box-shadow-activated | 0 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-activated | color-shade($fab-md-list-button-background-color) | |
$fab-md-list-button-text-color | color-contrast($colors-md, $fab-md-list-button-background-color) | |
$fab-md-list-button-transition-delay | 10ms | |
$fab-md-list-button-transition-duration | 200ms | |
$fab-md-list-button-transition-timing-function | ease | |
$fab-md-text-color | color-contrast($colors-md, $fab-md-background-color) | |
$fab-mini-size | 40px | |
$fab-size | 56px | |
$fab-wp-background-color | color($colors-wp, primary) | |
$fab-wp-background-color-activated | color-shade($fab-wp-background-color) | |
$fab-wp-list-button-background-color | $fab-list-button-background-color | |
$fab-wp-list-button-background-color-activated | color-shade($fab-wp-list-button-background-color) | |
$fab-wp-list-button-text-color | color-contrast($colors-wp, $fab-wp-list-button-background-color) | |
$fab-wp-list-button-transition-delay | 10ms | |
$fab-wp-list-button-transition-duration | 200ms | |
$fab-wp-list-button-transition-timing-function | ease | |
$fab-wp-text-color | color-contrast($colors-wp, $fab-wp-background-color) | |
$focus-outline-border-color | #51a7e8 | |
$focus-outline-border-width | 2px | |
$focus-outline-box-shadow | 0 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-base | 1.4rem // 1.4rem == 14px | |
$font-size-base | 1.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-root | 62.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-columns | 12 | |
$grid-max-widths | (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px
) | |
$grid-padding-width | 10px | |
$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-size | 2.6rem | |
$h2-font-size | 2.4rem | |
$h3-font-size | 2.2rem | |
$h4-font-size | 2rem | |
$h5-font-size | 1.8rem | |
$h6-font-size | 1.6rem | |
$hairlines-width | .55px | |
$headings-font-weight | 500 | |
$headings-line-height | 1.2 | |
$img-placeholder-background | #eee | |
$include-float-element-utilities | $include-responsive-utilities | |
$include-responsive-utilities | true | |
$include-text-alignment-utilities | $include-responsive-utilities | |
$include-text-transform-utilities | $include-responsive-utilities | |
$infinite-scroll-loading-color | #666 | |
$infinite-scroll-loading-margin | null | |
$infinite-scroll-loading-margin-bottom | 32px | |
$infinite-scroll-loading-margin-end | 0 | |
$infinite-scroll-loading-margin-start | 0 | |
$infinite-scroll-loading-margin-top | 0 | |
$infinite-scroll-loading-text-color | $infinite-scroll-loading-color | |
$infinite-scroll-loading-text-margin | null | |
$infinite-scroll-loading-text-margin-bottom | 0 | |
$infinite-scroll-loading-text-margin-end | 32px | |
$infinite-scroll-loading-text-margin-start | 32px | |
$infinite-scroll-loading-text-margin-top | 4px | |
$input-wp-border-color | rgba(0, 0, 0, .5) | |
$input-wp-border-color | rgba(0, 0, 0, .5) | |
$ionicons-font-path | $font-path | |
$ionicons-font-path | $font-path | |
$item-ios-avatar-border-radius | 50% | |
$item-ios-avatar-size | 36px | |
$item-ios-body-text-font-size | 1.7rem | |
$item-ios-detail-push-color | $list-ios-border-color | |
$item-ios-detail-push-show | true | |
$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-bottom | 11px | |
$item-ios-padding-bottom | 11px | |
$item-ios-padding-end | $item-ios-padding-right | |
$item-ios-padding-end | $item-ios-padding-right | |
$item-ios-padding-icon-bottom | 8px | |
$item-ios-padding-icon-bottom | 8px | |
$item-ios-padding-icon-top | 9px | |
$item-ios-padding-icon-top | 9px | |
$item-ios-padding-left | 16px | |
$item-ios-padding-left | 16px | |
$item-ios-padding-media-bottom | 10px | |
$item-ios-padding-media-bottom | 8px | |
$item-ios-padding-media-top | 10px | |
$item-ios-padding-media-top | 8px | |
$item-ios-padding-right | 16px | |
$item-ios-padding-right | 16px | |
$item-ios-padding-start | $item-ios-padding-left | |
$item-ios-padding-start | $item-ios-padding-left | |
$item-ios-padding-top | 11px | |
$item-ios-padding-top | 11px | |
$item-ios-paragraph-font-size | 1.4rem | |
$item-ios-paragraph-margin | null | |
$item-ios-paragraph-margin-bottom | 2px | |
$item-ios-paragraph-margin-end | 0 | |
$item-ios-paragraph-margin-start | $item-ios-paragraph-margin-end | |
$item-ios-paragraph-margin-top | 0 | |
$item-ios-paragraph-text-color | #8e9093 | |
$item-ios-sliding-content-background | $list-ios-background-color | |
$item-ios-thumbnail-size | 56px | |
$item-md-avatar-border-radius | 50% | |
$item-md-avatar-size | 40px | |
$item-md-body-text-font-size | 1.4rem | |
$item-md-body-text-line-height | 1.5 | |
$item-md-detail-push-color | $list-md-border-color | |
$item-md-detail-push-show | false | |
$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-bottom | 1px 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-size | 1.6rem | |
$item-md-padding-bottom | 13px | |
$item-md-padding-bottom | 13px | |
$item-md-padding-end | $item-md-padding-right | |
$item-md-padding-end | $item-md-padding-right | |
$item-md-padding-icon-bottom | 10px | |
$item-md-padding-icon-bottom | 10px | |
$item-md-padding-icon-top | 11px | |
$item-md-padding-icon-top | 11px | |
$item-md-padding-left | 16px | |
$item-md-padding-left | 16px | |
$item-md-padding-media-bottom | 9px | |
$item-md-padding-media-bottom | 9px | |
$item-md-padding-media-top | 9px | |
$item-md-padding-media-top | 9px | |
$item-md-padding-right | 16px | |
$item-md-padding-right | 16px | |
$item-md-padding-start | $item-md-padding-left | |
$item-md-padding-start | $item-md-padding-left | |
$item-md-padding-top | 13px | |
$item-md-padding-top | 13px | |
$item-md-paragraph-text-color | #666 | |
$item-md-sliding-content-background | $list-md-background-color | |
$item-md-thumbnail-size | 80px | |
$item-wp-avatar-border-radius | 50% | |
$item-wp-avatar-size | 40px | |
$item-wp-body-background-color | $list-wp-background-color | |
$item-wp-body-text-color | $list-wp-text-color | |
$item-wp-body-text-font-size | 1.4rem | |
$item-wp-body-text-line-height | 1.5 | |
$item-wp-detail-push-color | $input-wp-border-color | |
$item-wp-detail-push-show | false | |
$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-bottom | 1px solid $list-wp-border-color | |
$item-wp-divider-color | #f4f4f4 | |
$item-wp-divider-color | $list-wp-text-color | |
$item-wp-divider-font-size | 2rem | |
$item-wp-font-size | 1.6rem | |
$item-wp-padding-bottom | 13px | |
$item-wp-padding-bottom | 13px | |
$item-wp-padding-end | $item-wp-padding-right | |
$item-wp-padding-end | $item-wp-padding-right | |
$item-wp-padding-icon-bottom | 10px | |
$item-wp-padding-icon-bottom | 10px | |
$item-wp-padding-icon-top | 11px | |
$item-wp-padding-icon-top | 11px | |
$item-wp-padding-left | 16px | |
$item-wp-padding-left | 16px | |
$item-wp-padding-media-bottom | 9px | |
$item-wp-padding-media-bottom | 9px | |
$item-wp-padding-media-top | 9px | |
$item-wp-padding-media-top | 9px | |
$item-wp-padding-right | 16px | |
$item-wp-padding-right | 16px | |
$item-wp-padding-start | $item-wp-padding-left | |
$item-wp-padding-start | $item-wp-padding-left | |
$item-wp-padding-top | 13px | |
$item-wp-padding-top | 13px | |
$item-wp-paragraph-text-color | #666 | |
$item-wp-sliding-content-background | $list-wp-background-color | |
$item-wp-thumbnail-size | 80px | |
$label-ios-margin | null | |
$label-ios-margin-bottom | $item-ios-padding-bottom | |
$label-ios-margin-end | ($item-ios-padding-end / 2) | |
$label-ios-margin-start | 0 | |
$label-ios-margin-top | $item-ios-padding-top | |
$label-ios-text-color | null | |
$label-ios-text-color-focused | null | |
$label-md-margin | null | |
$label-md-margin-bottom | $item-md-padding-bottom | |
$label-md-margin-end | ($item-md-padding-end / 2) | |
$label-md-margin-start | 0 | |
$label-md-margin-top | $item-md-padding-top | |
$label-md-text-color | #999 | |
$label-md-text-color-focused | color($colors-md, primary) | |
$label-wp-text-color | #999 | |
$label-wp-text-color-focused | color($colors-wp, primary) | |
$link-color | color($colors, primary) | |
$link-color | color($colors, primary) | |
$list-background-color | #242424 | |
$list-background-color | $background-color | |
$list-border-color | #000 | |
$list-border-color | #c8c7cc | |
$list-inset-ios-border-radius | 4px | |
$list-inset-ios-margin-bottom | 16px | |
$list-inset-ios-margin-end | $list-inset-ios-margin-right | |
$list-inset-ios-margin-left | 16px | |
$list-inset-ios-margin-right | 16px | |
$list-inset-ios-margin-start | $list-inset-ios-margin-left | |
$list-inset-ios-margin-top | 16px | |
$list-inset-md-border-radius | 2px | |
$list-inset-md-margin-bottom | 16px | |
$list-inset-md-margin-end | $list-inset-md-margin-right | |
$list-inset-md-margin-left | 16px | |
$list-inset-md-margin-right | 16px | |
$list-inset-md-margin-start | $list-inset-md-margin-left | |
$list-inset-md-margin-top | 16px | |
$list-inset-wp-border-radius | 2px | |
$list-inset-wp-margin-bottom | 16px | |
$list-inset-wp-margin-end | $list-inset-wp-margin-right | |
$list-inset-wp-margin-left | 16px | |
$list-inset-wp-margin-right | 16px | |
$list-inset-wp-margin-start | $list-inset-wp-margin-left | |
$list-inset-wp-margin-top | 16px | |
$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-color | transparent | |
$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-size | 1.2rem | |
$list-ios-header-font-weight | 500 | |
$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-transform | uppercase | |
$list-ios-margin-bottom | 32px | |
$list-ios-margin-end | $list-ios-margin-right | |
$list-ios-margin-left | 0 | |
$list-ios-margin-right | 0 | |
$list-ios-margin-start | $list-ios-margin-left | |
$list-ios-margin-top | 10px | |
$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-top | 1px solid $list-md-border-color | |
$list-md-header-color | #757575 | |
$list-md-header-font-size | 1.4rem | |
$list-md-header-margin-bottom | 13px | |
$list-md-header-min-height | 4.5rem | |
$list-md-header-padding-left | $item-md-padding-start | |
$list-md-header-padding-start | $list-md-header-padding-left | |
$list-md-margin-bottom | 16px | |
$list-md-margin-end | $list-md-margin-right | |
$list-md-margin-left | 0 | |
$list-md-margin-right | 0 | |
$list-md-margin-start | $list-md-margin-left | |
$list-md-margin-top | 16px | |
$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-color | transparent | |
$list-wp-border-color | transparent | |
$list-wp-header-border-bottom | 1px solid $list-wp-border-color | |
$list-wp-header-color | $list-wp-text-color | |
$list-wp-header-font-size | 2rem | |
$list-wp-header-padding-left | $item-wp-padding-start | |
$list-wp-header-padding-start | $list-wp-header-padding-left | |
$list-wp-margin-bottom | 16px | |
$list-wp-margin-end | $list-wp-margin-right | |
$list-wp-margin-left | 0 | |
$list-wp-margin-right | 0 | |
$list-wp-margin-start | $list-wp-margin-left | |
$list-wp-margin-top | 16px | |
$list-wp-text-color | $list-text-color | |
$list-wp-text-color | $list-text-color | |
$loading-ios-background | #f8f8f8 | |
$loading-ios-border-radius | 8px | |
$loading-ios-content-font-weight | bold | |
$loading-ios-content-margin-start | $content-ios-margin | |
$loading-ios-max-height | 90% | |
$loading-ios-max-width | 270px | |
$loading-ios-padding | null | |
$loading-ios-padding-bottom | $loading-ios-padding-top | |
$loading-ios-padding-end | 34px | |
$loading-ios-padding-start | $loading-ios-padding-end | |
$loading-ios-padding-top | 24px | |
$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-radius | 2px | |
$loading-md-box-shadow | 0 16px 20px $loading-md-box-shadow-color | |
$loading-md-box-shadow-color | rgba(0, 0, 0, .4) | |
$loading-md-content-margin-start | $content-md-margin | |
$loading-md-max-height | 90% | |
$loading-md-max-width | 280px | |
$loading-md-padding | null | |
$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-top | 24px | |
$loading-md-spinner-bubbles-color | $loading-md-spinner-color | |
$loading-md-spinner-circles-color | $loading-md-spinner-color | |
$loading-md-spinner-color | color($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-color | rgba(0, 0, 0, .5) | |
$loading-wp-background | #000 | |
$loading-wp-border-radius | 2px | |
$loading-wp-content-margin-start | $content-wp-margin | |
$loading-wp-max-height | 90% | |
$loading-wp-max-width | 280px | |
$loading-wp-padding | null | |
$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-top | 20px | |
$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-shadow | 0 0 10px $menu-ios-box-shadow-color | |
$menu-ios-box-shadow-color | rgba(0, 0, 0, .25) | |
$menu-md-background | $background-md-color | |
$menu-md-box-shadow | 0 0 10px $menu-md-box-shadow-color | |
$menu-md-box-shadow-color | rgba(0, 0, 0, .25) | |
$menu-small-width | $menu-width - 40px | |
$menu-width | 304px | |
$menu-wp-background | #f2f2f2 | |
$modal-inset-box-shadow | 0 28px 48px $modal-inset-box-shadow-color | |
$modal-inset-box-shadow-color | rgba(0, 0, 0, .4) | |
$modal-inset-height-large | 600px | |
$modal-inset-height-small | 500px | |
$modal-inset-min-height-large | 768px | |
$modal-inset-min-height-small | 600px | |
$modal-inset-min-width | 768px | |
$modal-inset-width | 600px | |
$modal-ios-background-color | $background-ios-color | |
$modal-ios-border-radius | 10px | |
$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-color | darken($list-ios-border-color, 10%) | |
$note-md-color | darken($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-weight | 600 | |
$picker-ios-background-color | $list-ios-background-color | |
$picker-ios-border-color | $list-ios-border-color | |
$picker-ios-button-background-color | transparent | |
$picker-ios-button-height | $picker-ios-toolbar-height | |
$picker-ios-button-text-color | color($colors-ios, primary) | |
$picker-ios-column-padding | null | |
$picker-ios-column-padding-bottom | $picker-ios-column-padding-top | |
$picker-ios-column-padding-end | 4px | |
$picker-ios-column-padding-start | $picker-ios-column-padding-end | |
$picker-ios-column-padding-top | 0 | |
$picker-ios-column-perspective | 1000px | |
$picker-ios-height | 260px | |
$picker-ios-option-font-size | 20px | |
$picker-ios-option-height | 42px | |
$picker-ios-option-offset-y | (($picker-ios-height - $picker-ios-toolbar-height) / 2) - ($picker-ios-option-height / 2) - 10 | |
$picker-ios-option-padding | null | |
$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-top | 0 | |
$picker-ios-option-text-color | $list-ios-text-color | |
$picker-ios-toolbar-background-color | $picker-ios-background-color | |
$picker-ios-toolbar-height | 44px | |
$picker-max-width | 500px | |
$picker-md-background-color | $list-md-background-color | |
$picker-md-border-color | $list-md-border-color | |
$picker-md-button-background-color | transparent | |
$picker-md-button-height | $picker-md-toolbar-height | |
$picker-md-button-text-color | color($colors-md, primary) | |
$picker-md-column-padding | null | |
$picker-md-column-padding-bottom | $picker-md-column-padding-top | |
$picker-md-column-padding-end | 8px | |
$picker-md-column-padding-start | $picker-md-column-padding-end | |
$picker-md-column-padding-top | 0 | |
$picker-md-height | 260px | |
$picker-md-option-font-size | 22px | |
$picker-md-option-height | 42px | |
$picker-md-option-offset-y | (($picker-md-height - $picker-md-toolbar-height) / 2) - ($picker-md-option-height / 2) - 10 | |
$picker-md-option-padding | null | |
$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-top | 0 | |
$picker-md-option-selected-color | color($colors-md, primary) | |
$picker-md-option-text-color | $list-md-text-color | |
$picker-md-toolbar-background-color | $picker-md-background-color | |
$picker-md-toolbar-height | 44px | |
$picker-width | 100% | |
$picker-wp-background-color | $list-wp-background-color | |
$picker-wp-border-color | $list-wp-border-color | |
$picker-wp-button-background-color | transparent | |
$picker-wp-button-height | $picker-wp-toolbar-height | |
$picker-wp-button-text-color | color($colors-wp, primary) | |
$picker-wp-column-padding | null | |
$picker-wp-column-padding-bottom | $picker-wp-column-padding-top | |
$picker-wp-column-padding-end | 4px | |
$picker-wp-column-padding-start | $picker-wp-column-padding-end | |
$picker-wp-column-padding-top | 0 | |
$picker-wp-height | 260px | |
$picker-wp-option-font-size | 22px | |
$picker-wp-option-height | 42px | |
$picker-wp-option-offset-y | (($picker-wp-height - $picker-wp-toolbar-height) / 2) - ($picker-wp-option-height / 2) - 10 | |
$picker-wp-option-padding | null | |
$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-top | 0 | |
$picker-wp-option-selected-color | color($colors-wp, primary) | |
$picker-wp-option-text-color | $list-wp-text-color | |
$picker-wp-toolbar-background-color | $picker-wp-background-color | |
$picker-wp-toolbar-height | 44px | |
$popover-ios-arrow-background | $popover-ios-background | |
$popover-ios-background | $background-ios-color | |
$popover-ios-border-radius | 10px | |
$popover-ios-max-height | 90% | |
$popover-ios-min-height | 0 | |
$popover-ios-min-width | 0 | |
$popover-ios-text-color | $text-ios-color | |
$popover-ios-width | 200px | |
$popover-md-background | $background-md-color | |
$popover-md-border-radius | 2px | |
$popover-md-box-shadow | 0 3px 12px 2px $popover-md-box-shadow-color | |
$popover-md-box-shadow-color | rgba(0, 0, 0, .3) | |
$popover-md-max-height | 90% | |
$popover-md-min-height | 0 | |
$popover-md-min-width | 0 | |
$popover-md-text-color | $text-md-color | |
$popover-md-width | 250px | |
$popover-wp-background | $background-wp-color | |
$popover-wp-border | 2px solid #ccc | |
$popover-wp-border-radius | 0 | |
$popover-wp-max-height | 90% | |
$popover-wp-min-height | 0 | |
$popover-wp-min-width | 0 | |
$popover-wp-text-color | $text-wp-color | |
$popover-wp-width | 200px | |
$radio-ios-color-on | color($colors-ios, primary) | |
$radio-ios-disabled-opacity | .3 | |
$radio-ios-icon-border-style | solid | |
$radio-ios-icon-border-width | 2px | |
$radio-ios-icon-height | 21px | |
$radio-ios-icon-width | 16px | |
$radio-ios-item-end-margin-bottom | $item-ios-padding-media-bottom | |
$radio-ios-item-end-margin-end | 11px | |
$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-margin | null | |
$radio-ios-item-right-margin | null | |
$radio-ios-item-start-margin-bottom | 8px | |
$radio-ios-item-start-margin-end | 21px | |
$radio-ios-item-start-margin-start | 3px | |
$radio-ios-item-start-margin-top | 8px | |
$radio-md-color-off | darken($list-md-border-color, 40%) | |
$radio-md-color-on | color($colors-md, primary) | |
$radio-md-disabled-opacity | .3 | |
$radio-md-icon-border-radius | 50% | |
$radio-md-icon-border-style | solid | |
$radio-md-icon-border-width | 2px | |
$radio-md-icon-height | 16px | |
$radio-md-icon-width | 16px | |
$radio-md-item-end-margin-bottom | $item-md-padding-media-bottom | |
$radio-md-item-end-margin-end | 10px | |
$radio-md-item-end-margin-start | 0 | |
$radio-md-item-end-margin-top | $item-md-padding-media-top | |
$radio-md-item-left-margin | null | |
$radio-md-item-right-margin | null | |
$radio-md-item-start-margin-bottom | 10px | |
$radio-md-item-start-margin-end | 36px | |
$radio-md-item-start-margin-start | 4px | |
$radio-md-item-start-margin-top | 11px | |
$radio-md-transition-duration | 280ms | |
$radio-md-transition-easing | cubic-bezier(.4, 0, .2, 1) | |
$radio-wp-color-off | #333 | |
$radio-wp-color-on | color($colors-wp, primary) | |
$radio-wp-disabled-opacity | .3 | |
$radio-wp-icon-border-radius | 50% | |
$radio-wp-icon-border-style | solid | |
$radio-wp-icon-border-width | 2px | |
$radio-wp-icon-height | 16px | |
$radio-wp-icon-width | 16px | |
$radio-wp-item-end-margin-bottom | 10px | |
$radio-wp-item-end-margin-end | 10px | |
$radio-wp-item-end-margin-start | 0 | |
$radio-wp-item-end-margin-top | 11px | |
$radio-wp-item-left-margin | null | |
$radio-wp-item-right-margin | null | |
$radio-wp-item-start-margin-bottom | 9px | |
$radio-wp-item-start-margin-end | 20px | |
$radio-wp-item-start-margin-start | 4px | |
$radio-wp-item-start-margin-top | 9px | |
$radio-wp-order | -1 | |
$range-ios-bar-active-background-color | color($colors-ios, primary) | |
$range-ios-bar-background-color | #bdbdbd | |
$range-ios-bar-height | 1px | |
$range-ios-hit-height | $range-ios-slider-height | |
$range-ios-hit-width | 42px | |
$range-ios-knob-background-color | #fff | |
$range-ios-knob-border-radius | 50% | |
$range-ios-knob-box-shadow | 0 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-width | 28px | |
$range-ios-padding-horizontal | 16px | |
$range-ios-padding-vertical | 8px | |
$range-ios-pin-background-color | transparent | |
$range-ios-pin-color | $text-ios-color | |
$range-ios-pin-font-size | 12px | |
$range-ios-pin-padding | null | |
$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-top | 8px | |
$range-ios-slider-height | 42px | |
$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-radius | 0 | |
$range-ios-tick-height | 8px | |
$range-ios-tick-width | $range-ios-bar-height | |
$range-md-bar-active-background-color | color($colors-md, primary) | |
$range-md-bar-background-color | #bdbdbd | |
$range-md-bar-height | 2px | |
$range-md-hit-height | $range-md-slider-height | |
$range-md-hit-width | 42px | |
$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-border | 2px solid $range-md-bar-background-color | |
$range-md-knob-width | 18px | |
$range-md-padding-horizontal | 8px | |
$range-md-padding-vertical | 8px | |
$range-md-pin-background-color | $range-md-bar-active-background-color | |
$range-md-pin-color | color-contrast($colors-md, $range-md-bar-active-background-color) | |
$range-md-pin-font-size | 12px | |
$range-md-pin-min-background-color | $range-md-bar-background-color | |
$range-md-pin-padding-horizontal | 0 | |
$range-md-pin-padding-vertical | 8px | |
$range-md-slider-height | 42px | |
$range-md-tick-active-background-color | $range-md-tick-background-color | |
$range-md-tick-background-color | #000 | |
$range-md-tick-border-radius | 50% | |
$range-md-tick-height | $range-md-tick-width | |
$range-md-tick-width | 2px | |
$range-wp-bar-active-background-color | color($colors-wp, primary) | |
$range-wp-bar-background-color | #bdbdbd | |
$range-wp-bar-height | 2px | |
$range-wp-hit-height | $range-wp-slider-height | |
$range-wp-hit-width | 42px | |
$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-width | 8px | |
$range-wp-padding-horizontal | 8px | |
$range-wp-padding-vertical | 8px | |
$range-wp-pin-background-color | $range-wp-bar-active-background-color | |
$range-wp-pin-color | color-contrast($colors-wp, $range-wp-bar-active-background-color) | |
$range-wp-pin-font-size | 12px | |
$range-wp-pin-padding | null | |
$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-top | 8px | |
$range-wp-slider-height | 42px | |
$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-height | 60px | |
$refresher-icon-color | #000 | |
$refresher-icon-font-size | 30px | |
$refresher-text-color | #000 | |
$refresher-text-font-size | 16px | |
$reorder-initial-transform | 300% | |
$roboto-font-path | $font-path | |
$screen-breakpoints | (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) | |
$searchbar-ios-background-color | rgba(0, 0, 0, .2) | |
$searchbar-ios-border-color | rgba(0, 0, 0, .05) | |
$searchbar-ios-cancel-transition | all 300ms ease | |
$searchbar-ios-input-background-color | #fff | |
$searchbar-ios-input-clear-icon-color | rgba(0, 0, 0, .5) | |
$searchbar-ios-input-clear-icon-size | 18px | |
$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-height | 3rem | |
$searchbar-ios-input-placeholder-color | rgba(0, 0, 0, .5) | |
$searchbar-ios-input-search-icon-color | rgba(0, 0, 0, .5) | |
$searchbar-ios-input-search-icon-size | 13px | |
$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-transition | all 300ms ease | |
$searchbar-ios-min-height | 44px | |
$searchbar-ios-padding-horizontal | 8px | |
$searchbar-ios-padding-vertical | 0 | |
$searchbar-ios-toolbar-input-background | rgba(0, 0, 0, .08) | |
$searchbar-md-background-color | inherit | |
$searchbar-md-input-background-color | #fff | |
$searchbar-md-input-border-radius | 2px | |
$searchbar-md-input-box-shadow | 0 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-size | 22px | |
$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-height | auto | |
$searchbar-md-input-line-height | 3rem | |
$searchbar-md-input-placeholder-color | #aeaeae | |
$searchbar-md-input-search-icon-color | #5b5b5b | |
$searchbar-md-input-search-icon-size | 20px | |
$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-padding | null | |
$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-top | 8px | |
$searchbar-wp-background-color | transparent | |
$searchbar-wp-border-color | $input-wp-border-color | |
$searchbar-wp-border-color-focused | color($colors-wp, primary) | |
$searchbar-wp-border-width | 2px | |
$searchbar-wp-input-background-color | #fff | |
$searchbar-wp-input-border-radius | 0 | |
$searchbar-wp-input-clear-icon-color | #858585 | |
$searchbar-wp-input-clear-icon-size | 22px | |
$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-size | 1.4rem | |
$searchbar-wp-input-font-weight | 400 | |
$searchbar-wp-input-height | auto | |
$searchbar-wp-input-line-height | 3rem | |
$searchbar-wp-input-padding-horizontal | 8px | |
$searchbar-wp-input-padding-vertical | 0 | |
$searchbar-wp-input-placeholder-color | #858585 | |
$searchbar-wp-input-search-icon-color | #858585 | |
$searchbar-wp-input-search-icon-size | 20px | |
$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-padding | null | |
$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-top | 8px | |
$segment-button-ios-background-color | transparent | |
$segment-button-ios-background-color-activated | $toolbar-ios-active-color | |
$segment-button-ios-border-radius | 4px | |
$segment-button-ios-border-width | 1px | |
$segment-button-ios-font-size | 1.3rem | |
$segment-button-ios-height | 3.2rem | |
$segment-button-ios-icon-line-height | 2.8rem | |
$segment-button-ios-icon-size | 2.6rem | |
$segment-button-ios-line-height | 3rem | |
$segment-button-ios-opacity-activated | 1 | |
$segment-button-ios-opacity-active | .16 | |
$segment-button-ios-opacity-disabled | .3 | |
$segment-button-ios-opacity-hover | .1 | |
$segment-button-ios-text-color | color-contrast($colors-ios, $segment-button-ios-background-color-activated) | |
$segment-button-ios-toolbar-button-height | 2.6rem | |
$segment-button-ios-toolbar-button-max-width | 100px | |
$segment-button-ios-toolbar-font-size | 1.2rem | |
$segment-button-ios-toolbar-icon-line-height | 2.4rem | |
$segment-button-ios-toolbar-icon-size | 2.2rem | |
$segment-button-ios-toolbar-line-height | 2.5rem | |
$segment-button-ios-transition-activated | 100ms all linear | |
$segment-button-ios-transition-active | 100ms all linear | |
$segment-button-ios-transition-hover | 100ms all linear | |
$segment-button-md-border-bottom-color | rgba(#000, .10) | |
$segment-button-md-border-bottom-width | 2px | |
$segment-button-md-border-color-activated | $toolbar-md-active-color | |
$segment-button-md-font-size | 1.2rem | |
$segment-button-md-height | 4.2rem | |
$segment-button-md-icon-line-height | $segment-button-md-line-height | |
$segment-button-md-icon-size | 2.6rem | |
$segment-button-md-line-height | 4rem | |
$segment-button-md-opacity | .7 | |
$segment-button-md-opacity-activated | 1 | |
$segment-button-md-opacity-disabled | .3 | |
$segment-button-md-padding | null | |
$segment-button-md-padding-bottom | $segment-button-md-padding-top | |
$segment-button-md-padding-end | 6px | |
$segment-button-md-padding-start | $segment-button-md-padding-end | |
$segment-button-md-padding-top | 0 | |
$segment-button-md-text-color-activated | $toolbar-md-active-color | |
$segment-button-wp-background-color | transparent | |
$segment-button-wp-buttons-justify-content | flex-start | |
$segment-button-wp-font-size | 1.3rem | |
$segment-button-wp-font-weight | bold | |
$segment-button-wp-height | 4rem | |
$segment-button-wp-icon-line-height | $segment-button-wp-line-height | |
$segment-button-wp-icon-size | 2.6rem | |
$segment-button-wp-line-height | 4rem | |
$segment-button-wp-opacity | .5 | |
$segment-button-wp-opacity-activated | 1 | |
$segment-button-wp-opacity-disabled | .3 | |
$segment-button-wp-padding | null | |
$segment-button-wp-padding-bottom | $segment-button-wp-padding-top | |
$segment-button-wp-padding-end | 6px | |
$segment-button-wp-padding-start | $segment-button-wp-padding-end | |
$segment-button-wp-padding-top | 0 | |
$segment-button-wp-text-color-activated | $toolbar-wp-text-color | |
$segment-button-wp-text-transform | uppercase | |
$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-left | 0 | |
$select-popover-list-margin-right | 0 | |
$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-width | 2px | |
$select-wp-icon-arrow-width | 2px | |
$select-wp-icon-color | $select-wp-border-color | |
$select-wp-icon-width | 18px | |
$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-vertical | 0 | |
$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-border | 1px 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-width | 28% | |
$split-pane-side-min-width | 270px | |
$split-pane-wp-border | 1px 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-color | rgba(255, 255, 255, .1) | |
$tabs-ios-border-color | rgba(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-size | 10px | |
$tabs-ios-tab-font-weight | 500 | |
$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-size | 30px | |
$tabs-ios-tab-max-width | 240px | |
$tabs-ios-tab-min-height | 49px | |
$tabs-ios-tab-padding | null | |
$tabs-ios-tab-padding-bottom | $tabs-ios-tab-padding-top | |
$tabs-ios-tab-padding-end | 2px | |
$tabs-ios-tab-padding-start | $tabs-ios-tab-padding-end | |
$tabs-ios-tab-padding-top | 0 | |
$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-size | 1.2rem | |
$tabs-md-tab-font-size-active | 1.4rem | |
$tabs-md-tab-font-weight | normal | |
$tabs-md-tab-icon-bottom-transform-active | null | |
$tabs-md-tab-icon-bottom-transform-x-active | 0 | |
$tabs-md-tab-icon-bottom-transform-y-active | 2px | |
$tabs-md-tab-icon-bottom-transform-z-active | 0 | |
$tabs-md-tab-icon-color | rgba($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-active | null | |
$tabs-md-tab-icon-left-transform-x-active | -2px | |
$tabs-md-tab-icon-left-transform-y-active | 0 | |
$tabs-md-tab-icon-left-transform-z-active | 0 | |
$tabs-md-tab-icon-right-transform-x-active | 2px | |
$tabs-md-tab-icon-right-transform-y-active | 0 | |
$tabs-md-tab-icon-right-transform-z-active | 0 | |
$tabs-md-tab-icon-size | 2.4rem | |
$tabs-md-tab-icon-start-transform-active | null | |
$tabs-md-tab-icon-transform-active | null | |
$tabs-md-tab-icon-transform-origin | null | |
$tabs-md-tab-icon-transform-origin-x | 50% | |
$tabs-md-tab-icon-transform-origin-y | 150% | |
$tabs-md-tab-icon-transform-x-active | 0 | |
$tabs-md-tab-icon-transform-y-active | -2px | |
$tabs-md-tab-icon-transform-z-active | 0 | |
$tabs-md-tab-icon-transition | transform .3s ease-in-out | |
$tabs-md-tab-min-height | 5.6rem | |
$tabs-md-tab-opacity | .7 | |
$tabs-md-tab-padding | null | |
$tabs-md-tab-padding-active | null | |
$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-top | 0 | |
$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-top | 0 | |
$tabs-md-tab-text-capitalization | none | |
$tabs-md-tab-text-color | rgba($tabs-md-tab-color-inactive, $tabs-md-tab-opacity) | |
$tabs-md-tab-text-color-active | $tabs-md-tab-color-active | |
$tabs-md-tab-text-margin | null | |
$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-top | 0 | |
$tabs-md-tab-text-transform-active | scale3d($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-origin | null | |
$tabs-md-tab-text-transform-origin-x | 50% | |
$tabs-md-tab-text-transform-origin-y | 80% | |
$tabs-md-tab-text-transition | transform .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-color | transparent | |
$tabs-wp-border-color | transparent | |
$tabs-wp-tab-background-activated | rgba(0, 0, 0, .1) | |
$tabs-wp-tab-border | 2px solid $tabs-wp-border-color | |
$tabs-wp-tab-border-color-active | $tabs-wp-tab-color-active | |
$tabs-wp-tab-color | rgba($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-size | 1.2rem | |
$tabs-wp-tab-font-weight | normal | |
$tabs-wp-tab-icon-color | rgba($tabs-wp-tab-color-inactive, $tabs-wp-tab-opacity) | |
$tabs-wp-tab-icon-color-active | $tabs-wp-tab-color-active | |
$tabs-wp-tab-icon-size | 2.4rem | |
$tabs-wp-tab-min-height | 4.8rem | |
$tabs-wp-tab-opacity | .7 | |
$tabs-wp-tab-padding | null | |
$tabs-wp-tab-padding-bottom | 5px | |
$tabs-wp-tab-padding-end | 10px | |
$tabs-wp-tab-padding-start | 10px | |
$tabs-wp-tab-padding-top | 12px | |
$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-color | color($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-color | rgba(0, 0, 0, .5) | |
$text-input-ios-input-clear-icon-size | 18px | |
$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-width | 30px | |
$text-input-ios-margin-bottom | $item-ios-padding-bottom | |
$text-input-ios-margin-end | $text-input-ios-margin-right | |
$text-input-ios-margin-left | 0 | |
$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-highlight | false | |
$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-color | color($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-size | 22px | |
$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-width | 30px | |
$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-highlight | true | |
$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-width | 2px | |
$text-input-wp-highlight-color | color($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-size | 22px | |
$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-width | 30px | |
$text-input-wp-line-height | 3rem | |
$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-horizontal | 8px | |
$text-input-wp-padding-vertical | 0 | |
$text-input-wp-show-focus-highlight | true | |
$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-background | rgba(0, 0, 0, .9) | |
$toast-ios-border-radius | .65rem | |
$toast-ios-title-color | #fff | |
$toast-ios-title-font-size | 1.4rem | |
$toast-ios-title-padding | null | |
$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-top | 1.5rem | |
$toast-max-width | 700px | |
$toast-md-background | #333 | |
$toast-md-title-color | #fff | |
$toast-md-title-font-size | 1.5rem | |
$toast-md-title-padding | null | |
$toast-md-title-padding-bottom | 17px | |
$toast-md-title-padding-end | 16px | |
$toast-md-title-padding-start | $toast-md-title-padding-end | |
$toast-md-title-padding-top | 19px | |
$toast-width | 100% | |
$toast-wp-background | rgba(0, 0, 0, 1) | |
$toast-wp-border-radius | 0 | |
$toast-wp-button-color | #fff | |
$toast-wp-title-color | #fff | |
$toast-wp-title-font-size | 1.4rem | |
$toast-wp-title-padding | null | |
$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-top | 1.5rem | |
$toggle-ios-background-color-off | $list-ios-background-color | |
$toggle-ios-background-color-on | color($colors-ios, primary) | |
$toggle-ios-border-color-off | grayscale(lighten($list-ios-border-color, 11%)) | |
$toggle-ios-border-radius | $toggle-ios-height / 2 | |
$toggle-ios-border-width | 2px | |
$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-shadow | 0 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-height | 32px | |
$toggle-ios-item-end-padding-bottom | 5px | |
$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-top | 6px | |
$toggle-ios-item-left-padding | null | |
$toggle-ios-item-right-padding | null | |
$toggle-ios-item-start-padding-bottom | 5px | |
$toggle-ios-item-start-padding-end | 16px | |
$toggle-ios-item-start-padding-start | 0 | |
$toggle-ios-item-start-padding-top | 6px | |
$toggle-ios-media-margin | 0 | |
$toggle-ios-transition-duration | 300ms | |
$toggle-ios-width | 51px | |
$toggle-md-active-color | color($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-radius | 50% | |
$toggle-md-handle-box-shadow | 0 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-height | 20px | |
$toggle-md-handle-width | 20px | |
$toggle-md-item-end-padding-bottom | 12px | |
$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-top | 12px | |
$toggle-md-item-left-padding | null | |
$toggle-md-item-right-padding | null | |
$toggle-md-item-start-padding-bottom | 12px | |
$toggle-md-item-start-padding-end | 18px | |
$toggle-md-item-start-padding-start | 2px | |
$toggle-md-item-start-padding-top | 12px | |
$toggle-md-media-margin | null | |
$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-top | 0 | |
$toggle-md-padding | null | |
$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-top | 12px | |
$toggle-md-track-background-color-off | $list-md-border-color | |
$toggle-md-track-background-color-on | lighten($toggle-md-active-color, 25%) | |
$toggle-md-track-height | 14px | |
$toggle-md-track-width | 36px | |
$toggle-md-transition-duration | 300ms | |
$toggle-wp-active-color | color($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-on | color-contrast($colors-wp, $toggle-wp-active-color) | |
$toggle-wp-handle-border-radius | 50% | |
$toggle-wp-handle-height | 10px | |
$toggle-wp-handle-left | 2px | |
$toggle-wp-handle-top | 2px | |
$toggle-wp-handle-width | 10px | |
$toggle-wp-inactive-color | #323232 | |
$toggle-wp-item-end-padding-bottom | 12px | |
$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-top | 12px | |
$toggle-wp-item-left-padding | null | |
$toggle-wp-item-right-padding | null | |
$toggle-wp-item-start-padding-bottom | 12px | |
$toggle-wp-item-start-padding-end | 18px | |
$toggle-wp-item-start-padding-start | 2px | |
$toggle-wp-item-start-padding-top | 12px | |
$toggle-wp-media-margin | 0 | |
$toggle-wp-track-background-color-off | transparent | |
$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-width | 2px | |
$toggle-wp-track-height | 18px | |
$toggle-wp-track-width | 40px | |
$toggle-wp-transition-duration | 300ms | |
$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-weight | 600 | |
$toolbar-button-md-strong-font-weight | bold | |
$toolbar-button-wp-strong-font-weight | bold | |
$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-color | rgba(255, 255, 255, .1) | |
$toolbar-ios-border-color | rgba(0, 0, 0, .3) | |
$toolbar-ios-button-border-radius | 4px | |
$toolbar-ios-button-color | color-contrast($colors-ios, $toolbar-ios-background, ios) | |
$toolbar-ios-button-font-size | 1.7rem | |
$toolbar-ios-button-strong-font-weight | 600 | |
$toolbar-ios-height | 44px | |
$toolbar-ios-inactive-color | $toolbar-inactive-color | |
$toolbar-ios-inactive-color | $toolbar-inactive-color | |
$toolbar-ios-padding | 4px | |
$toolbar-ios-text-color | $toolbar-text-color | |
$toolbar-ios-text-color | $toolbar-text-color | |
$toolbar-ios-title-font-size | 1.7rem | |
$toolbar-ios-title-font-weight | 600 | |
$toolbar-ios-title-text-align | center | |
$toolbar-ios-title-text-color | color-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-radius | 2px | |
$toolbar-md-button-color | $toolbar-md-title-text-color | |
$toolbar-md-button-font-size | 1.4rem | |
$toolbar-md-button-strong-font-weight | bold | |
$toolbar-md-height | 56px | |
$toolbar-md-inactive-color | $toolbar-inactive-color | |
$toolbar-md-inactive-color | $toolbar-inactive-color | |
$toolbar-md-padding | 4px | |
$toolbar-md-text-color | #fff | |
$toolbar-md-text-color | #424242 | |
$toolbar-md-title-font-size | 2rem | |
$toolbar-md-title-text-color | color-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-radius | 2px | |
$toolbar-wp-button-color | color-contrast($colors-wp, $toolbar-wp-background, wp) | |
$toolbar-wp-button-font-size | 1.4rem | |
$toolbar-wp-button-strong-font-weight | bold | |
$toolbar-wp-height | 46px | |
$toolbar-wp-inactive-color | $toolbar-inactive-color | |
$toolbar-wp-inactive-color | $toolbar-inactive-color | |
$toolbar-wp-padding | 4px | |
$toolbar-wp-text-color | #fff | |
$toolbar-wp-text-color | $toolbar-text-color | |
$toolbar-wp-title-font-size | 1.5rem | |
$toolbar-wp-title-font-weight | bold | |
$toolbar-wp-title-padding | null | |
$toolbar-wp-title-padding-bottom | $toolbar-wp-title-padding-top | |
$toolbar-wp-title-padding-end | 6px | |
$toolbar-wp-title-padding-start | $toolbar-wp-title-padding-end | |
$toolbar-wp-title-padding-top | 0 | |
$toolbar-wp-title-text-color | color-contrast($colors-wp, $toolbar-wp-background, wp) | |
$toolbar-wp-title-text-transform | uppercase | |