@covalent/core 4.1.0-develop.2 → 4.1.0-develop.6
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/common/material-icons.css +1 -0
- package/common/material-icons.css.map +1 -0
- package/common/platform.css +1 -0
- package/common/platform.css.map +1 -0
- package/common/styles/_elevation.scss +285 -0
- package/common/styles/_layout.scss +605 -0
- package/common/styles/_palette-dark.scss +326 -0
- package/common/styles/_palette-light.scss +637 -0
- package/common/styles/_rtl.scss +31 -0
- package/common/styles/_styles.scss +10 -0
- package/common/styles/_theme-functions.scss +25 -0
- package/common/styles/_typography-functions.scss +43 -0
- package/common/styles/_variables.scss +99 -0
- package/common/styles/colors/_colors-dark.scss +1399 -0
- package/common/styles/colors/_colors-light.scss +3235 -0
- package/common/styles/colors/_colors.scss +7 -0
- package/common/styles/core/_button.scss +90 -0
- package/common/styles/core/_card.scss +189 -0
- package/common/styles/core/_content.scss +43 -0
- package/common/styles/core/_core.scss +23 -0
- package/common/styles/core/_divider.scss +16 -0
- package/common/styles/core/_icons.scss +22 -0
- package/common/styles/core/_list.scss +8 -0
- package/common/styles/core/_sidenav.scss +22 -0
- package/common/styles/core/_structure.scss +127 -0
- package/common/styles/core/_toolbar.scss +53 -0
- package/common/styles/core/_whiteframe.scss +138 -0
- package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
- package/common/styles/font/_font.scss +99 -0
- package/common/styles/utilities/_general.scss +65 -0
- package/common/styles/utilities/_pad.scss +36 -0
- package/common/styles/utilities/_pull.scss +36 -0
- package/common/styles/utilities/_push.scss +36 -0
- package/common/styles/utilities/_size.scss +24 -0
- package/common/styles/utilities/_text.scss +105 -0
- package/common/styles/utilities/_utilities.scss +15 -0
- package/package.json +2 -2
- package/theming/prebuilt/blue-grey-deep-orange.css +1 -0
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -0
- package/theming/prebuilt/blue-orange.css +1 -0
- package/theming/prebuilt/blue-orange.css.map +1 -0
- package/theming/prebuilt/indigo-pink.css +1 -0
- package/theming/prebuilt/indigo-pink.css.map +1 -0
- package/theming/prebuilt/orange-light-blue.css +1 -0
- package/theming/prebuilt/orange-light-blue.css.map +1 -0
- package/theming/prebuilt/teal-orange.css +1 -0
- package/theming/prebuilt/teal-orange.css.map +1 -0
@@ -0,0 +1,43 @@
|
|
1
|
+
// Utility for fetching a nested value from a typography config.
|
2
|
+
@function _td-get-type-value($config, $level, $name) {
|
3
|
+
@return map-get(map-get($config, $level), $name);
|
4
|
+
}
|
5
|
+
|
6
|
+
// Gets the font size for a level inside a typography config.
|
7
|
+
@function td-font-size($config, $level) {
|
8
|
+
@return _td-get-type-value($config, $level, font-size);
|
9
|
+
}
|
10
|
+
|
11
|
+
// Gets the line height for a level inside a typography config.
|
12
|
+
@function td-line-height($config, $level) {
|
13
|
+
@return _td-get-type-value($config, $level, line-height);
|
14
|
+
}
|
15
|
+
|
16
|
+
// Gets the font weight for a level inside a typography config.
|
17
|
+
@function td-font-weight($config, $level) {
|
18
|
+
@return _td-get-type-value($config, $level, font-weight);
|
19
|
+
}
|
20
|
+
|
21
|
+
// Gets the font-family from a typography config and removes the quotes around it.
|
22
|
+
@function td-font-family($config, $level: null) {
|
23
|
+
$font-family: map-get($config, font-family);
|
24
|
+
|
25
|
+
@if $level != null {
|
26
|
+
$font-family: _td-get-type-value($config, $level, font-family);
|
27
|
+
}
|
28
|
+
|
29
|
+
@return unquote($font-family);
|
30
|
+
}
|
31
|
+
|
32
|
+
// Represents a typography level from the Material design spec.
|
33
|
+
@function td-typography-level(
|
34
|
+
$font-size,
|
35
|
+
$line-height: $font-size,
|
36
|
+
$font-weight: 400
|
37
|
+
) {
|
38
|
+
@return (
|
39
|
+
font-size: $font-size,
|
40
|
+
line-height: $line-height,
|
41
|
+
font-weight: $font-weight
|
42
|
+
);
|
43
|
+
}
|
@@ -0,0 +1,99 @@
|
|
1
|
+
@import 'theme-functions';
|
2
|
+
|
3
|
+
// Teradata UI Platform
|
4
|
+
// ------------------------------
|
5
|
+
$navigation-drawer-width: 320px !default;
|
6
|
+
$padding: 16px;
|
7
|
+
$margin: $padding;
|
8
|
+
$step-circle: 24px;
|
9
|
+
|
10
|
+
// Typography
|
11
|
+
// ------------------------------
|
12
|
+
$font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue', sans-serif !default;
|
13
|
+
$font-size: 10px;
|
14
|
+
|
15
|
+
$display-4-font-size-base: rem(11.2) !default;
|
16
|
+
$display-3-font-size-base: rem(5.6) !default;
|
17
|
+
$display-2-font-size-base: rem(4.5) !default;
|
18
|
+
$display-1-font-size-base: rem(3.4) !default;
|
19
|
+
$headline-font-size-base: rem(2.4) !default;
|
20
|
+
$title-font-size-base: rem(2) !default;
|
21
|
+
$subhead-font-size-base: rem(1.6) !default;
|
22
|
+
|
23
|
+
$body-font-size-base: rem(1.4) !default;
|
24
|
+
$caption-font-size-base: rem(1.2) !default;
|
25
|
+
|
26
|
+
// Layout
|
27
|
+
$baseline-grid: 8px !default;
|
28
|
+
$layout-breakpoint-xs: 600px !default;
|
29
|
+
$layout-breakpoint-sm: 960px !default;
|
30
|
+
$layout-breakpoint-md: 1280px !default;
|
31
|
+
$layout-breakpoint-lg: 1920px !default;
|
32
|
+
$layout-gutter-width: ($baseline-grid * 2) !default;
|
33
|
+
|
34
|
+
// Typography
|
35
|
+
$mat-body-font-size-base: rem(1.4) !default;
|
36
|
+
|
37
|
+
// App bar variables
|
38
|
+
$app-bar-height: 64px;
|
39
|
+
|
40
|
+
// card header variables
|
41
|
+
$mat-card-header-size: 40px;
|
42
|
+
$mat-card-radius: 2px;
|
43
|
+
|
44
|
+
// Icons
|
45
|
+
$icon-size: rem(2.4);
|
46
|
+
|
47
|
+
// Toast
|
48
|
+
$toast-height: $baseline-grid * 3 !default;
|
49
|
+
$toast-margin: $baseline-grid * 1 !default;
|
50
|
+
|
51
|
+
// Whiteframes
|
52
|
+
$whiteframe-shadow-z1: 0 2px 5px 0 rgba(0, 0, 0, 26%) !default;
|
53
|
+
$whiteframe-zindex-z1: 1 !default;
|
54
|
+
$whiteframe-shadow-z2: 0 8px 17px rgba(0, 0, 0, 20%) !default;
|
55
|
+
$whiteframe-zindex-z2: 2 !default;
|
56
|
+
$whiteframe-shadow-z3: 0 17px 50px rgba(0, 0, 0, 19%) !default;
|
57
|
+
$whiteframe-zindex-z3: 3 !default;
|
58
|
+
$whiteframe-shadow-z4: 0 16px 28px 0 rgba(0, 0, 0, 22%) !default;
|
59
|
+
$whiteframe-zindex-z4: 4 !default;
|
60
|
+
$whiteframe-shadow-z5: 0 27px 24px 0 rgba(0, 0, 0, 20%) !default;
|
61
|
+
$whiteframe-zindex-z5: 5 !default;
|
62
|
+
|
63
|
+
// Z-indexes
|
64
|
+
$z-index-tooltip: 100 !default;
|
65
|
+
$z-index-dialog: 80 !default;
|
66
|
+
$z-index-toast: 90 !default;
|
67
|
+
$z-index-bottom-sheet: 70 !default;
|
68
|
+
$z-index-scroll-mask: 65 !default;
|
69
|
+
$z-index-sidenav: 60 !default;
|
70
|
+
$z-index-backdrop: 50 !default;
|
71
|
+
$z-index-toolbar: 30 !default;
|
72
|
+
$z-index-fab: 20 !default;
|
73
|
+
$z-index-progress-circular: 2 !default; // Used to fix animation bug in Chrome
|
74
|
+
|
75
|
+
// Easing Curves
|
76
|
+
|
77
|
+
// The default animation curves used by material design.
|
78
|
+
$mat-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;
|
79
|
+
$mat-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
|
80
|
+
$mat-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;
|
81
|
+
|
82
|
+
$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
|
83
|
+
|
84
|
+
$swift-ease-out-duration: 0.4s !default;
|
85
|
+
$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
|
86
|
+
$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
|
87
|
+
|
88
|
+
$swift-ease-in-duration: 0.3s !default;
|
89
|
+
$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
|
90
|
+
$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
|
91
|
+
|
92
|
+
$swift-ease-in-out-duration: 0.5s !default;
|
93
|
+
$swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
|
94
|
+
$swift-ease-in-out: all $swift-ease-in-out-duration
|
95
|
+
$swift-ease-in-out-timing-function !default;
|
96
|
+
|
97
|
+
$swift-linear-duration: 0.08s !default;
|
98
|
+
$swift-linear-timing-function: linear !default;
|
99
|
+
$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;
|