@xdam/ember-partials 0.9.0-beta.0 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.gitattributes +6 -0
- package/LICENSE.md +9 -9
- package/README.md +15 -0
- package/addon/components/xep-avatar.js +0 -0
- package/addon/components/xep-bubble.js +0 -0
- package/addon/components/xep-button.js +0 -0
- package/addon/components/xep-checkbox.js +0 -0
- package/addon/components/xep-chip-icon.js +0 -0
- package/addon/components/xep-chip-set.js +0 -0
- package/addon/components/xep-chip-text.js +0 -0
- package/addon/components/xep-chip.js +0 -0
- package/addon/components/xep-dialog-actions.js +0 -0
- package/addon/components/xep-dialog-content.js +0 -0
- package/addon/components/xep-dialog-title.js +0 -0
- package/addon/components/xep-dialog.js +0 -0
- package/addon/components/xep-drawer-content.js +0 -0
- package/addon/components/xep-drawer-header.js +0 -0
- package/addon/components/xep-drawer.js +0 -0
- package/addon/components/xep-input.js +0 -0
- package/addon/components/xep-list-divider.js +0 -0
- package/addon/components/xep-list-item-graphic.js +0 -0
- package/addon/components/xep-list-item-meta.js +0 -0
- package/addon/components/xep-list-item-text.js +0 -0
- package/addon/components/xep-list-item.js +0 -0
- package/addon/components/xep-list.js +0 -0
- package/addon/components/xep-menu-surface.js +0 -0
- package/addon/components/xep-menu.js +0 -0
- package/addon/components/xep-radio.js +0 -0
- package/addon/components/xep-slider.js +0 -0
- package/addon/components/xep-snackbar.js +0 -0
- package/addon/components/xep-switch.js +0 -0
- package/addon/components/xep-textarea.js +0 -0
- package/addon/components/xep-toolbar-divider.js +0 -0
- package/addon/components/xep-toolbar-item-icon.js +0 -0
- package/addon/components/xep-toolbar-item-text.js +0 -0
- package/addon/components/xep-toolbar-item.js +0 -0
- package/addon/components/xep-toolbar-section.js +9 -1
- package/addon/components/xep-toolbar.js +0 -0
- package/addon/mixins/xep-resize.js +0 -0
- package/addon/services/xep-manager.js +0 -0
- package/addon/templates/components/xep-avatar.hbs +1 -1
- package/addon/templates/components/xep-bubble.hbs +0 -0
- package/addon/templates/components/xep-button.hbs +0 -0
- package/addon/templates/components/xep-checkbox.hbs +0 -0
- package/addon/templates/components/xep-chip-icon.hbs +0 -0
- package/addon/templates/components/xep-chip-set.hbs +0 -0
- package/addon/templates/components/xep-chip-text.hbs +0 -0
- package/addon/templates/components/xep-chip.hbs +0 -0
- package/addon/templates/components/xep-dialog-actions.hbs +0 -0
- package/addon/templates/components/xep-dialog-content.hbs +0 -0
- package/addon/templates/components/xep-dialog-title.hbs +0 -0
- package/addon/templates/components/xep-dialog.hbs +0 -0
- package/addon/templates/components/xep-drawer-content.hbs +0 -0
- package/addon/templates/components/xep-drawer-header.hbs +0 -0
- package/addon/templates/components/xep-drawer.hbs +0 -0
- package/addon/templates/components/xep-input.hbs +0 -0
- package/addon/templates/components/xep-list-divider.hbs +0 -0
- package/addon/templates/components/xep-list-item-graphic.hbs +0 -0
- package/addon/templates/components/xep-list-item-meta.hbs +0 -0
- package/addon/templates/components/xep-list-item-text.hbs +0 -0
- package/addon/templates/components/xep-list-item.hbs +0 -0
- package/addon/templates/components/xep-list.hbs +0 -0
- package/addon/templates/components/xep-menu-surface.hbs +0 -0
- package/addon/templates/components/xep-menu.hbs +0 -0
- package/addon/templates/components/xep-power-select.hbs +0 -0
- package/addon/templates/components/xep-radio.hbs +0 -0
- package/addon/templates/components/xep-slider.hbs +0 -0
- package/addon/templates/components/xep-snackbar.hbs +0 -0
- package/addon/templates/components/xep-switch.hbs +0 -0
- package/addon/templates/components/xep-textarea.hbs +0 -0
- package/addon/templates/components/xep-toolbar-divider.hbs +0 -0
- package/addon/templates/components/xep-toolbar-item-icon.hbs +0 -0
- package/addon/templates/components/xep-toolbar-item-text.hbs +0 -0
- package/addon/templates/components/xep-toolbar-item.hbs +0 -0
- package/addon/templates/components/xep-toolbar-section.hbs +0 -0
- package/addon/templates/components/xep-toolbar.hbs +0 -0
- package/addon/utils/style-string.js +0 -0
- package/addon/utils/update-dirty-props.js +0 -0
- package/app/components/xep-avatar.js +0 -0
- package/app/components/xep-bubble.js +0 -0
- package/app/components/xep-button.js +0 -0
- package/app/components/xep-checkbox.js +0 -0
- package/app/components/xep-chip-icon.js +0 -0
- package/app/components/xep-chip-set.js +0 -0
- package/app/components/xep-chip-text.js +0 -0
- package/app/components/xep-chip.js +0 -0
- package/app/components/xep-dialog-actions.js +0 -0
- package/app/components/xep-dialog-content.js +0 -0
- package/app/components/xep-dialog-title.js +0 -0
- package/app/components/xep-dialog.js +0 -0
- package/app/components/xep-drawer-content.js +0 -0
- package/app/components/xep-drawer-header.js +0 -0
- package/app/components/xep-drawer.js +0 -0
- package/app/components/xep-input.js +0 -0
- package/app/components/xep-list-divider.js +0 -0
- package/app/components/xep-list-item-graphic.js +0 -0
- package/app/components/xep-list-item-meta.js +0 -0
- package/app/components/xep-list-item-text.js +0 -0
- package/app/components/xep-list-item.js +0 -0
- package/app/components/xep-list.js +0 -0
- package/app/components/xep-menu-surface.js +0 -0
- package/app/components/xep-menu.js +0 -0
- package/app/components/xep-radio.js +0 -0
- package/app/components/xep-slider.js +0 -0
- package/app/components/xep-snackbar.js +0 -0
- package/app/components/xep-switch.js +0 -0
- package/app/components/xep-textarea.js +0 -0
- package/app/components/xep-toolbar-divider.js +0 -0
- package/app/components/xep-toolbar-item-icon.js +0 -0
- package/app/components/xep-toolbar-item-text.js +0 -0
- package/app/components/xep-toolbar-item.js +0 -0
- package/app/components/xep-toolbar-section.js +0 -0
- package/app/components/xep-toolbar.js +0 -0
- package/app/mixins/xep-resize.js +0 -0
- package/app/services/xep-manager.js +0 -0
- package/app/styles/ember-partials/components/xep-avatar.scss +24 -24
- package/app/styles/ember-partials/components/xep-bubble.scss +20 -20
- package/app/styles/ember-partials/components/xep-button.scss +58 -58
- package/app/styles/ember-partials/components/xep-drawer.scss +21 -21
- package/app/styles/ember-partials/components/xep-snackbar.scss +3 -3
- package/app/styles/ember-partials/components/xep-toolbar.scss +107 -107
- package/app/styles/ember-partials/dark-theme.scss +42 -42
- package/app/styles/ember-partials/helpers/alignment.scss +59 -59
- package/app/styles/ember-partials/helpers/color.scss +27 -27
- package/app/styles/ember-partials/helpers/display.scss +27 -19
- package/app/styles/ember-partials/helpers/overrides.scss +7 -7
- package/app/styles/ember-partials/helpers/root.scss +13 -13
- package/app/styles/ember-partials/helpers/rotate.scss +11 -0
- package/app/styles/ember-partials/helpers/spacing.scss +25 -25
- package/app/styles/ember-partials/helpers/typography.scss +5 -0
- package/app/styles/ember-partials/helpers/visibility.scss +23 -23
- package/app/styles/ember-partials/light-theme.scss +42 -42
- package/app/styles/ember-partials/mixins/breakpoints.scss +24 -24
- package/app/styles/ember-partials/mixins/strip-unit.scss +10 -10
- package/app/styles/ember-partials/variables.scss +35 -35
- package/app/styles/ember-partials/xdam-theme.scss +42 -42
- package/app/styles/ember-partials.scss +35 -33
- package/app/utils/style-string.js +0 -0
- package/backstop.json +168 -168
- package/blueprints/xep-component/files/__root__/__path__/__name__.js +0 -0
- package/blueprints/xep-component/files/__root__/__templatepath__/__templatename__.hbs +0 -0
- package/blueprints/xep-component/index.js +0 -0
- package/blueprints/xep-component-test/index.js +0 -0
- package/blueprints/xep-component-test/qunit-files/__root__/__testType__/__path__/__test__.js +0 -0
- package/config/addon-docs.js +0 -0
- package/config/deploy.js +0 -0
- package/config/environment.js +0 -0
- package/config/release.js +0 -0
- package/index.js +2 -2
- package/package.json +26 -26
- package/.npmignore +0 -36
- package/.vscode/settings.json +0 -16
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
$xep-colors: (
|
|
2
|
-
primary: #2284ff,
|
|
3
|
-
success: #3adb76,
|
|
4
|
-
warning: #ffae00,
|
|
5
|
-
alert: #cc4b37
|
|
6
|
-
) !default;
|
|
7
|
-
|
|
8
|
-
$xep-shades: (
|
|
9
|
-
typography: #2d364f,
|
|
10
|
-
typography-1: #646974,
|
|
11
|
-
typography-2: #949cae,
|
|
12
|
-
typography-3: #bfc5d1,
|
|
13
|
-
typography-4: #fff,
|
|
14
|
-
background: #fff,
|
|
15
|
-
background-1: #f7f7f7,
|
|
16
|
-
background-2: #f5f6fa,
|
|
17
|
-
background-3: #e0e4ee,
|
|
18
|
-
background-4: #e0e4ee
|
|
19
|
-
) !default;
|
|
20
|
-
|
|
21
|
-
$xep-surface-border: map-get($xep-shades, background-3) !default;
|
|
22
|
-
|
|
23
|
-
/* ============= MDC Color ============= */
|
|
24
|
-
|
|
25
|
-
$mdc-theme-primary: map-get($xep-colors, primary) !default;
|
|
26
|
-
$mdc-theme-secondary: map-get($xep-colors, success) !default;
|
|
27
|
-
$mdc-theme-background: map-get($xep-shades, background-2) !default;
|
|
28
|
-
$mdc-theme-surface: map-get($xep-shades, background) !default;
|
|
29
|
-
$mdc-theme-on-primary: map-get($xep-shades, typography-4) !default;
|
|
30
|
-
$mdc-theme-on-secondary: map-get($xep-shades, typography-4) !default;
|
|
31
|
-
$mdc-theme-on-surface: map-get($xep-shades, typography-1) !default;
|
|
32
|
-
|
|
33
|
-
$mdc-theme-text-primary-on-light: map-get($xep-colors, primary) !default;
|
|
34
|
-
$mdc-theme-text-primary-on-dark: map-get($xep-colors, primary) !default;
|
|
35
|
-
$mdc-theme-text-secondary-on-dark: map-get($xep-colors, success) !default;
|
|
36
|
-
$mdc-theme-text-secondary-on-light: map-get($xep-colors, success) !default;
|
|
37
|
-
$mdc-theme-text-hint-on-dark: map-get($xep-shades, typography-2) !default;
|
|
38
|
-
$mdc-theme-text-hint-on-light: map-get($xep-shades, typography-2) !default;
|
|
39
|
-
$mdc-theme-text-disabled-on-dark: map-get($xep-shades, typography-3) !default;
|
|
40
|
-
$mdc-theme-text-disabled-on-light: map-get($xep-shades, typography-3) !default;
|
|
41
|
-
$mdc-theme-text-icon-on-dark: map-get($xep-shades, typography-1) !default;
|
|
42
|
-
$mdc-theme-text-icon-on-light: map-get($xep-shades, typography-1) !default;
|
|
1
|
+
$xep-colors: (
|
|
2
|
+
primary: #2284ff,
|
|
3
|
+
success: #3adb76,
|
|
4
|
+
warning: #ffae00,
|
|
5
|
+
alert: #cc4b37
|
|
6
|
+
) !default;
|
|
7
|
+
|
|
8
|
+
$xep-shades: (
|
|
9
|
+
typography: #2d364f,
|
|
10
|
+
typography-1: #646974,
|
|
11
|
+
typography-2: #949cae,
|
|
12
|
+
typography-3: #bfc5d1,
|
|
13
|
+
typography-4: #fff,
|
|
14
|
+
background: #fff,
|
|
15
|
+
background-1: #f7f7f7,
|
|
16
|
+
background-2: #f5f6fa,
|
|
17
|
+
background-3: #e0e4ee,
|
|
18
|
+
background-4: #e0e4ee
|
|
19
|
+
) !default;
|
|
20
|
+
|
|
21
|
+
$xep-surface-border: map-get($xep-shades, background-3) !default;
|
|
22
|
+
|
|
23
|
+
/* ============= MDC Color ============= */
|
|
24
|
+
|
|
25
|
+
$mdc-theme-primary: map-get($xep-colors, primary) !default;
|
|
26
|
+
$mdc-theme-secondary: map-get($xep-colors, success) !default;
|
|
27
|
+
$mdc-theme-background: map-get($xep-shades, background-2) !default;
|
|
28
|
+
$mdc-theme-surface: map-get($xep-shades, background) !default;
|
|
29
|
+
$mdc-theme-on-primary: map-get($xep-shades, typography-4) !default;
|
|
30
|
+
$mdc-theme-on-secondary: map-get($xep-shades, typography-4) !default;
|
|
31
|
+
$mdc-theme-on-surface: map-get($xep-shades, typography-1) !default;
|
|
32
|
+
|
|
33
|
+
$mdc-theme-text-primary-on-light: map-get($xep-colors, primary) !default;
|
|
34
|
+
$mdc-theme-text-primary-on-dark: map-get($xep-colors, primary) !default;
|
|
35
|
+
$mdc-theme-text-secondary-on-dark: map-get($xep-colors, success) !default;
|
|
36
|
+
$mdc-theme-text-secondary-on-light: map-get($xep-colors, success) !default;
|
|
37
|
+
$mdc-theme-text-hint-on-dark: map-get($xep-shades, typography-2) !default;
|
|
38
|
+
$mdc-theme-text-hint-on-light: map-get($xep-shades, typography-2) !default;
|
|
39
|
+
$mdc-theme-text-disabled-on-dark: map-get($xep-shades, typography-3) !default;
|
|
40
|
+
$mdc-theme-text-disabled-on-light: map-get($xep-shades, typography-3) !default;
|
|
41
|
+
$mdc-theme-text-icon-on-dark: map-get($xep-shades, typography-1) !default;
|
|
42
|
+
$mdc-theme-text-icon-on-light: map-get($xep-shades, typography-1) !default;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
// Usage:
|
|
2
|
-
// @include breakpoint(phone, up)
|
|
3
|
-
// @include breakpoint(tablet, up)
|
|
4
|
-
// @include breakpoint(desktop, down)
|
|
5
|
-
|
|
6
|
-
@mixin breakpoint($point, $direction: up, $breakpoints: $xep-breakpoints) {
|
|
7
|
-
// If $mq-breakpoint is a key that exists in
|
|
8
|
-
// $mq-breakpoints, get and use the value
|
|
9
|
-
@if map-has-key($breakpoints, $point) {
|
|
10
|
-
$point: map-get($breakpoints, $point);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@if $direction == down {
|
|
14
|
-
@media screen and (max-width: #{$point}) {
|
|
15
|
-
@content;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@else if $direction == up {
|
|
20
|
-
@media screen and (min-width: #{$point}) {
|
|
21
|
-
@content;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
1
|
+
// Usage:
|
|
2
|
+
// @include breakpoint(phone, up)
|
|
3
|
+
// @include breakpoint(tablet, up)
|
|
4
|
+
// @include breakpoint(desktop, down)
|
|
5
|
+
|
|
6
|
+
@mixin breakpoint($point, $direction: up, $breakpoints: $xep-breakpoints) {
|
|
7
|
+
// If $mq-breakpoint is a key that exists in
|
|
8
|
+
// $mq-breakpoints, get and use the value
|
|
9
|
+
@if map-has-key($breakpoints, $point) {
|
|
10
|
+
$point: map-get($breakpoints, $point);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@if $direction == down {
|
|
14
|
+
@media screen and (max-width: #{$point}) {
|
|
15
|
+
@content;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@else if $direction == up {
|
|
20
|
+
@media screen and (min-width: #{$point}) {
|
|
21
|
+
@content;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/// Remove the unit of a length
|
|
2
|
-
/// @param {Number} $number - Number to remove unit from
|
|
3
|
-
/// @return {Number} - Unitless number
|
|
4
|
-
@function strip-unit($number) {
|
|
5
|
-
@if type-of($number) == 'number' and not unitless($number) {
|
|
6
|
-
@return $number / ($number * 0 + 1);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@return $number;
|
|
10
|
-
}
|
|
1
|
+
/// Remove the unit of a length
|
|
2
|
+
/// @param {Number} $number - Number to remove unit from
|
|
3
|
+
/// @return {Number} - Unitless number
|
|
4
|
+
@function strip-unit($number) {
|
|
5
|
+
@if type-of($number) == 'number' and not unitless($number) {
|
|
6
|
+
@return $number / ($number * 0 + 1);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@return $number;
|
|
10
|
+
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
$xep-breakpoints: (
|
|
2
|
-
desktop: 1025px,
|
|
3
|
-
tablet: 860px,
|
|
4
|
-
phone: 0px
|
|
5
|
-
) !default;
|
|
6
|
-
|
|
7
|
-
$mdc-layout-grid-breakpoints: $xep-breakpoints;
|
|
8
|
-
|
|
9
|
-
$mdc-layout-grid-columns: (
|
|
10
|
-
desktop: 12,
|
|
11
|
-
tablet: 8,
|
|
12
|
-
phone: 4
|
|
13
|
-
) !default;
|
|
14
|
-
|
|
15
|
-
$xep-global-spacing: 1rem;
|
|
16
|
-
|
|
17
|
-
/* ============= MDC Typography ============= */
|
|
18
|
-
|
|
19
|
-
$mdc-typography-font-family: unquote("Lato, sans-serif");
|
|
20
|
-
$mdc-typography-styles-headline1: () !default;
|
|
21
|
-
$mdc-typography-styles-headline2: () !default;
|
|
22
|
-
$mdc-typography-styles-headline3: () !default;
|
|
23
|
-
$mdc-typography-styles-headline4: () !default;
|
|
24
|
-
$mdc-typography-styles-headline5: () !default;
|
|
25
|
-
$mdc-typography-styles-headline6: () !default;
|
|
26
|
-
$mdc-typography-styles-subtitle1: () !default;
|
|
27
|
-
$mdc-typography-styles-subtitle2: () !default;
|
|
28
|
-
$mdc-typography-styles-body1: () !default;
|
|
29
|
-
$mdc-typography-styles-body2: () !default;
|
|
30
|
-
$mdc-typography-styles-caption: () !default;
|
|
31
|
-
$mdc-typography-styles-button: (
|
|
32
|
-
text-transform: none,
|
|
33
|
-
letter-spacing: 0.015em,
|
|
34
|
-
) !default;
|
|
35
|
-
$mdc-typography-styles-overline: () !default;
|
|
1
|
+
$xep-breakpoints: (
|
|
2
|
+
desktop: 1025px,
|
|
3
|
+
tablet: 860px,
|
|
4
|
+
phone: 0px
|
|
5
|
+
) !default;
|
|
6
|
+
|
|
7
|
+
$mdc-layout-grid-breakpoints: $xep-breakpoints;
|
|
8
|
+
|
|
9
|
+
$mdc-layout-grid-columns: (
|
|
10
|
+
desktop: 12,
|
|
11
|
+
tablet: 8,
|
|
12
|
+
phone: 4
|
|
13
|
+
) !default;
|
|
14
|
+
|
|
15
|
+
$xep-global-spacing: 1rem;
|
|
16
|
+
|
|
17
|
+
/* ============= MDC Typography ============= */
|
|
18
|
+
|
|
19
|
+
$mdc-typography-font-family: unquote("Lato, sans-serif");
|
|
20
|
+
$mdc-typography-styles-headline1: () !default;
|
|
21
|
+
$mdc-typography-styles-headline2: () !default;
|
|
22
|
+
$mdc-typography-styles-headline3: () !default;
|
|
23
|
+
$mdc-typography-styles-headline4: () !default;
|
|
24
|
+
$mdc-typography-styles-headline5: () !default;
|
|
25
|
+
$mdc-typography-styles-headline6: () !default;
|
|
26
|
+
$mdc-typography-styles-subtitle1: () !default;
|
|
27
|
+
$mdc-typography-styles-subtitle2: () !default;
|
|
28
|
+
$mdc-typography-styles-body1: () !default;
|
|
29
|
+
$mdc-typography-styles-body2: () !default;
|
|
30
|
+
$mdc-typography-styles-caption: () !default;
|
|
31
|
+
$mdc-typography-styles-button: (
|
|
32
|
+
text-transform: none,
|
|
33
|
+
letter-spacing: 0.015em,
|
|
34
|
+
) !default;
|
|
35
|
+
$mdc-typography-styles-overline: () !default;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
$xep-colors: (
|
|
2
|
-
primary: #2284ff,
|
|
3
|
-
success: #3adb76,
|
|
4
|
-
warning: #ffae00,
|
|
5
|
-
alert: #cc4b37
|
|
6
|
-
) !default;
|
|
7
|
-
|
|
8
|
-
$xep-shades: (
|
|
9
|
-
typography: #fefefe,
|
|
10
|
-
typography-1: #b6b6b6,
|
|
11
|
-
typography-2: #919191,
|
|
12
|
-
typography-3: #818181,
|
|
13
|
-
typography-4: #636363,
|
|
14
|
-
background: #191919,
|
|
15
|
-
background-1: #202020,
|
|
16
|
-
background-2: #242424,
|
|
17
|
-
background-3: #383838,
|
|
18
|
-
background-4: #494949
|
|
19
|
-
) !default;
|
|
20
|
-
|
|
21
|
-
$xep-surface-border: map-get($xep-shades, background-3) !default;
|
|
22
|
-
|
|
23
|
-
/* ============= MDC Color ============= */
|
|
24
|
-
|
|
25
|
-
$mdc-theme-primary: map-get($xep-colors, primary) !default;
|
|
26
|
-
$mdc-theme-secondary: map-get($xep-colors, success) !default;
|
|
27
|
-
$mdc-theme-background: map-get($xep-shades, background) !default;
|
|
28
|
-
$mdc-theme-surface: map-get($xep-shades, background-2) !default;
|
|
29
|
-
$mdc-theme-on-primary: map-get($xep-shades, typography) !default;
|
|
30
|
-
$mdc-theme-on-secondary: map-get($xep-shades, typography) !default;
|
|
31
|
-
$mdc-theme-on-surface: map-get($xep-shades, typography-1) !default;
|
|
32
|
-
|
|
33
|
-
$mdc-theme-text-primary-on-light: map-get($xep-colors, primary) !default;
|
|
34
|
-
$mdc-theme-text-primary-on-dark: map-get($xep-colors, primary) !default;
|
|
35
|
-
$mdc-theme-text-secondary-on-dark: map-get($xep-colors, success) !default;
|
|
36
|
-
$mdc-theme-text-secondary-on-light: map-get($xep-colors, success) !default;
|
|
37
|
-
$mdc-theme-text-hint-on-dark: map-get($xep-shades, typography-2) !default;
|
|
38
|
-
$mdc-theme-text-hint-on-light: map-get($xep-shades, typography-2) !default;
|
|
39
|
-
$mdc-theme-text-disabled-on-dark: map-get($xep-shades, typography-3) !default;
|
|
40
|
-
$mdc-theme-text-disabled-on-light: map-get($xep-shades, typography-3) !default;
|
|
41
|
-
$mdc-theme-text-icon-on-dark: map-get($xep-shades, typography-1) !default;
|
|
42
|
-
$mdc-theme-text-icon-on-light: map-get($xep-shades, typography-1) !default;
|
|
1
|
+
$xep-colors: (
|
|
2
|
+
primary: #2284ff,
|
|
3
|
+
success: #3adb76,
|
|
4
|
+
warning: #ffae00,
|
|
5
|
+
alert: #cc4b37
|
|
6
|
+
) !default;
|
|
7
|
+
|
|
8
|
+
$xep-shades: (
|
|
9
|
+
typography: #fefefe,
|
|
10
|
+
typography-1: #b6b6b6,
|
|
11
|
+
typography-2: #919191,
|
|
12
|
+
typography-3: #818181,
|
|
13
|
+
typography-4: #636363,
|
|
14
|
+
background: #191919,
|
|
15
|
+
background-1: #202020,
|
|
16
|
+
background-2: #242424,
|
|
17
|
+
background-3: #383838,
|
|
18
|
+
background-4: #494949
|
|
19
|
+
) !default;
|
|
20
|
+
|
|
21
|
+
$xep-surface-border: map-get($xep-shades, background-3) !default;
|
|
22
|
+
|
|
23
|
+
/* ============= MDC Color ============= */
|
|
24
|
+
|
|
25
|
+
$mdc-theme-primary: map-get($xep-colors, primary) !default;
|
|
26
|
+
$mdc-theme-secondary: map-get($xep-colors, success) !default;
|
|
27
|
+
$mdc-theme-background: map-get($xep-shades, background) !default;
|
|
28
|
+
$mdc-theme-surface: map-get($xep-shades, background-2) !default;
|
|
29
|
+
$mdc-theme-on-primary: map-get($xep-shades, typography) !default;
|
|
30
|
+
$mdc-theme-on-secondary: map-get($xep-shades, typography) !default;
|
|
31
|
+
$mdc-theme-on-surface: map-get($xep-shades, typography-1) !default;
|
|
32
|
+
|
|
33
|
+
$mdc-theme-text-primary-on-light: map-get($xep-colors, primary) !default;
|
|
34
|
+
$mdc-theme-text-primary-on-dark: map-get($xep-colors, primary) !default;
|
|
35
|
+
$mdc-theme-text-secondary-on-dark: map-get($xep-colors, success) !default;
|
|
36
|
+
$mdc-theme-text-secondary-on-light: map-get($xep-colors, success) !default;
|
|
37
|
+
$mdc-theme-text-hint-on-dark: map-get($xep-shades, typography-2) !default;
|
|
38
|
+
$mdc-theme-text-hint-on-light: map-get($xep-shades, typography-2) !default;
|
|
39
|
+
$mdc-theme-text-disabled-on-dark: map-get($xep-shades, typography-3) !default;
|
|
40
|
+
$mdc-theme-text-disabled-on-light: map-get($xep-shades, typography-3) !default;
|
|
41
|
+
$mdc-theme-text-icon-on-dark: map-get($xep-shades, typography-1) !default;
|
|
42
|
+
$mdc-theme-text-icon-on-light: map-get($xep-shades, typography-1) !default;
|
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
@import 'ember-partials/variables';
|
|
2
|
-
@import 'ember-partials/mixins/breakpoints';
|
|
3
|
-
@import 'ember-partials/mixins/strip-unit';
|
|
4
|
-
@import 'ember-partials/helpers/root';
|
|
5
|
-
@import "@material/typography/mdc-typography";
|
|
6
|
-
@import "@material/button/mdc-button";
|
|
7
|
-
@import "@material/textfield/mdc-text-field";
|
|
8
|
-
@import "@material/textfield/helper-text/mdc-text-field-helper-text";
|
|
9
|
-
@import "@material/list/mdc-list";
|
|
10
|
-
@import "@material/slider/mdc-slider";
|
|
11
|
-
@import "@material/dialog/mdc-dialog";
|
|
12
|
-
@import "@material/drawer/mdc-drawer";
|
|
13
|
-
@import "@material/menu-surface/mdc-menu-surface";
|
|
14
|
-
@import "@material/menu/mdc-menu";
|
|
15
|
-
@import "@material/form-field/mdc-form-field";
|
|
16
|
-
@import "@material/checkbox/mdc-checkbox";
|
|
17
|
-
@import "@material/radio/mdc-radio";
|
|
18
|
-
@import "@material/switch/mdc-switch";
|
|
19
|
-
@import "@material/chips/mdc-chips";
|
|
20
|
-
@import "@material/snackbar/mdc-snackbar";
|
|
21
|
-
@import "@material/animation/variables";
|
|
22
|
-
@import 'ember-partials/components/xep-avatar';
|
|
23
|
-
@import 'ember-partials/components/xep-drawer';
|
|
24
|
-
@import 'ember-partials/components/xep-bubble';
|
|
25
|
-
@import 'ember-partials/components/xep-toolbar';
|
|
26
|
-
@import 'ember-partials/components/xep-button';
|
|
27
|
-
@import 'ember-partials/components/xep-snackbar';
|
|
28
|
-
@import 'ember-partials/helpers/alignment';
|
|
29
|
-
@import 'ember-partials/helpers/color';
|
|
30
|
-
@import 'ember-partials/helpers/spacing';
|
|
31
|
-
@import 'ember-partials/helpers/visibility';
|
|
32
|
-
@import 'ember-partials/helpers/display';
|
|
33
|
-
@import 'ember-partials/helpers/
|
|
1
|
+
@import 'ember-partials/variables';
|
|
2
|
+
@import 'ember-partials/mixins/breakpoints';
|
|
3
|
+
@import 'ember-partials/mixins/strip-unit';
|
|
4
|
+
@import 'ember-partials/helpers/root';
|
|
5
|
+
@import "@material/typography/mdc-typography";
|
|
6
|
+
@import "@material/button/mdc-button";
|
|
7
|
+
@import "@material/textfield/mdc-text-field";
|
|
8
|
+
@import "@material/textfield/helper-text/mdc-text-field-helper-text";
|
|
9
|
+
@import "@material/list/mdc-list";
|
|
10
|
+
@import "@material/slider/mdc-slider";
|
|
11
|
+
@import "@material/dialog/mdc-dialog";
|
|
12
|
+
@import "@material/drawer/mdc-drawer";
|
|
13
|
+
@import "@material/menu-surface/mdc-menu-surface";
|
|
14
|
+
@import "@material/menu/mdc-menu";
|
|
15
|
+
@import "@material/form-field/mdc-form-field";
|
|
16
|
+
@import "@material/checkbox/mdc-checkbox";
|
|
17
|
+
@import "@material/radio/mdc-radio";
|
|
18
|
+
@import "@material/switch/mdc-switch";
|
|
19
|
+
@import "@material/chips/mdc-chips";
|
|
20
|
+
@import "@material/snackbar/mdc-snackbar";
|
|
21
|
+
@import "@material/animation/variables";
|
|
22
|
+
@import 'ember-partials/components/xep-avatar';
|
|
23
|
+
@import 'ember-partials/components/xep-drawer';
|
|
24
|
+
@import 'ember-partials/components/xep-bubble';
|
|
25
|
+
@import 'ember-partials/components/xep-toolbar';
|
|
26
|
+
@import 'ember-partials/components/xep-button';
|
|
27
|
+
@import 'ember-partials/components/xep-snackbar';
|
|
28
|
+
@import 'ember-partials/helpers/alignment';
|
|
29
|
+
@import 'ember-partials/helpers/color';
|
|
30
|
+
@import 'ember-partials/helpers/spacing';
|
|
31
|
+
@import 'ember-partials/helpers/visibility';
|
|
32
|
+
@import 'ember-partials/helpers/display';
|
|
33
|
+
@import 'ember-partials/helpers/rotate';
|
|
34
|
+
@import 'ember-partials/helpers/typography';
|
|
35
|
+
@import 'ember-partials/helpers/overrides'; // must be last
|
|
File without changes
|