@dontdrinkandroot/ngx-material-extensions 0.2.1 → 0.2.2
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/_index.scss +93 -5
- package/package.json +1 -1
package/_index.scss
CHANGED
|
@@ -2,12 +2,88 @@
|
|
|
2
2
|
|
|
3
3
|
@include mat.core();
|
|
4
4
|
|
|
5
|
-
$
|
|
6
|
-
$
|
|
5
|
+
$dark-primary-text: rgba(black, 0.87) !default; // Copied
|
|
6
|
+
$light-primary-text: white !default; // Copied
|
|
7
|
+
|
|
8
|
+
$ddr-primary-palette: (
|
|
9
|
+
50: #e2f1fd,
|
|
10
|
+
100: #b9dcfb,
|
|
11
|
+
200: #8cc7f8,
|
|
12
|
+
300: #5db1f5,
|
|
13
|
+
400: #37a0f4,
|
|
14
|
+
500: #0090f2,
|
|
15
|
+
600: #0282e4,
|
|
16
|
+
700: #0171d1,
|
|
17
|
+
800: #0060bf,
|
|
18
|
+
900: #0041a0,
|
|
19
|
+
A100: #ff80ab,
|
|
20
|
+
A200: #ff4081,
|
|
21
|
+
A400: #f50057,
|
|
22
|
+
A700: #c51162,
|
|
23
|
+
contrast: (
|
|
24
|
+
50: $dark-primary-text,
|
|
25
|
+
100: $dark-primary-text,
|
|
26
|
+
200: $dark-primary-text,
|
|
27
|
+
300: $dark-primary-text,
|
|
28
|
+
400: $dark-primary-text,
|
|
29
|
+
500: $light-primary-text,
|
|
30
|
+
600: $light-primary-text,
|
|
31
|
+
700: $light-primary-text,
|
|
32
|
+
800: $light-primary-text,
|
|
33
|
+
900: $light-primary-text,
|
|
34
|
+
A100: $dark-primary-text,
|
|
35
|
+
A200: $light-primary-text,
|
|
36
|
+
A400: $light-primary-text,
|
|
37
|
+
A700: $light-primary-text,
|
|
38
|
+
)
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
$ddr-complementary-palette: (
|
|
43
|
+
50: #f9f3e1,
|
|
44
|
+
100: #f1e0b5,
|
|
45
|
+
200: #e8cc84,
|
|
46
|
+
300: #e1b854,
|
|
47
|
+
400: #dca933,
|
|
48
|
+
500: #d89b1b,
|
|
49
|
+
600: #d59014,
|
|
50
|
+
700: #cf820d,
|
|
51
|
+
800: #c97506,
|
|
52
|
+
900: #bf6000,
|
|
53
|
+
A100: #ff80ab,
|
|
54
|
+
A200: #ff4081,
|
|
55
|
+
A400: #f50057,
|
|
56
|
+
A700: #c51162,
|
|
57
|
+
contrast: (
|
|
58
|
+
50: $dark-primary-text,
|
|
59
|
+
100: $dark-primary-text,
|
|
60
|
+
200: $dark-primary-text,
|
|
61
|
+
300: $dark-primary-text,
|
|
62
|
+
400: $dark-primary-text,
|
|
63
|
+
500: $light-primary-text,
|
|
64
|
+
600: $light-primary-text,
|
|
65
|
+
700: $light-primary-text,
|
|
66
|
+
800: $light-primary-text,
|
|
67
|
+
900: $light-primary-text,
|
|
68
|
+
A100: $dark-primary-text,
|
|
69
|
+
A200: $light-primary-text,
|
|
70
|
+
A400: $light-primary-text,
|
|
71
|
+
A700: $light-primary-text,
|
|
72
|
+
)
|
|
73
|
+
);
|
|
74
|
+
|
|
75
|
+
$ddr-mat-primary: mat.define-palette($ddr-primary-palette, 800, 700, 900) !default;
|
|
76
|
+
$ddr-mat-accent: mat.define-palette($ddr-complementary-palette) !default;
|
|
7
77
|
$ddr-mat-warn: mat.define-palette(mat.$red-palette) !default;
|
|
8
|
-
$ddr-mat-theme: mat.define-light-theme($ddr-mat-primary, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
9
78
|
|
|
10
|
-
|
|
79
|
+
$ddr-mat-light-theme: mat.define-light-theme($ddr-mat-primary, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
80
|
+
$ddr-mat-dark-theme: mat.define-dark-theme($ddr-mat-primary, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
81
|
+
|
|
82
|
+
@include mat.all-component-themes($ddr-mat-light-theme);
|
|
83
|
+
|
|
84
|
+
@media (prefers-color-scheme: dark) {
|
|
85
|
+
@include mat.all-component-themes($ddr-mat-dark-theme);
|
|
86
|
+
}
|
|
11
87
|
|
|
12
88
|
//
|
|
13
89
|
// Theme vars
|
|
@@ -16,7 +92,11 @@ $ddr-mat-fab-height: 88px !default;
|
|
|
16
92
|
$ddr-mat-sidenav-width: 300px !default;
|
|
17
93
|
$ddr-mat-toolbar-height: 56px !default;
|
|
18
94
|
$ddr-mat-toolbar-height-sm-up: 64px !default;
|
|
95
|
+
// Breakpoints
|
|
19
96
|
$ddr-breakpoint-sm: 600px;
|
|
97
|
+
$ddr-breakpoint-md: 960px;
|
|
98
|
+
$ddr-breakpoint-lg: 1280px;
|
|
99
|
+
$ddr-breakpoint-xl: 1920px;
|
|
20
100
|
|
|
21
101
|
html, body {
|
|
22
102
|
height: 100%;
|
|
@@ -65,6 +145,14 @@ body {
|
|
|
65
145
|
margin-bottom: 1rem;
|
|
66
146
|
}
|
|
67
147
|
|
|
148
|
+
.me-2 {
|
|
149
|
+
margin-right: .5rem;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.me-3 {
|
|
153
|
+
margin-right: 1rem;
|
|
154
|
+
}
|
|
155
|
+
|
|
68
156
|
.text-center {
|
|
69
157
|
text-align: center;
|
|
70
158
|
}
|
|
@@ -80,7 +168,7 @@ body {
|
|
|
80
168
|
.mat-sidenav-container {
|
|
81
169
|
|
|
82
170
|
ddr-mat-sidenav-toggle {
|
|
83
|
-
margin-right:
|
|
171
|
+
margin-right: .5rem;
|
|
84
172
|
}
|
|
85
173
|
|
|
86
174
|
&.side {
|