matcha-theme 1.0.1 → 1.0.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/abstracts/_sizes.scss +32 -0
- package/base/_typography.scss +1 -4
- package/main.scss +40 -4
- package/package.json +1 -1
- package/vendors/angular-material-fixes.scss +7 -3
package/abstracts/_sizes.scss
CHANGED
|
@@ -63,6 +63,29 @@ $abbrev in (height: h, width: w) {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
// Percentage
|
|
66
|
+
|
|
67
|
+
@each $name,
|
|
68
|
+
$value in $grid-sizes {
|
|
69
|
+
@media only screen and (min-width: #{$value}) {
|
|
70
|
+
@for $i from 0 through 20 {
|
|
71
|
+
$i-p: 5 * $i;
|
|
72
|
+
$size-p: 5% * $i;
|
|
73
|
+
|
|
74
|
+
.#{$abbrev}-#{$name}-#{$i-p}-p {
|
|
75
|
+
#{$prop}: $size-p !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.max-#{$abbrev}-#{$name}-#{$i-p}-p {
|
|
79
|
+
max-#{$prop}: $size-p !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.min-#{$abbrev}-#{$name}-#{$i-p}-p {
|
|
83
|
+
min-#{$prop}: $size-p !important;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
66
89
|
@for $i from 0 through 20 {
|
|
67
90
|
$i-p: 5 * $i;
|
|
68
91
|
$size-p: 5% * $i;
|
|
@@ -70,5 +93,14 @@ $abbrev in (height: h, width: w) {
|
|
|
70
93
|
.#{$abbrev}-#{$i-p}-p {
|
|
71
94
|
#{$prop}: $size-p !important;
|
|
72
95
|
}
|
|
96
|
+
|
|
97
|
+
.max-#{$abbrev}-#{$i-p}-p {
|
|
98
|
+
max-#{$prop}: $size-p !important;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.min-#{$abbrev}-#{$i-p}-p {
|
|
102
|
+
min-#{$prop}: $size-p !important;
|
|
103
|
+
}
|
|
73
104
|
}
|
|
105
|
+
|
|
74
106
|
}
|
package/base/_typography.scss
CHANGED
|
@@ -34,9 +34,7 @@ How to use
|
|
|
34
34
|
@if ($is-dark) {
|
|
35
35
|
background-color: rgba(255, 255, 255, 0.12);
|
|
36
36
|
color: rgba(255, 255, 255, 0.54);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@else {
|
|
37
|
+
} @else {
|
|
40
38
|
background-color: rgba(0, 0, 0, 0.12);
|
|
41
39
|
color: rgba(0, 0, 0, 0.54);
|
|
42
40
|
}
|
|
@@ -207,7 +205,6 @@ How to use
|
|
|
207
205
|
}
|
|
208
206
|
}
|
|
209
207
|
|
|
210
|
-
|
|
211
208
|
.title {
|
|
212
209
|
line-height: 24px;
|
|
213
210
|
margin: 0 0 16px 0;
|
package/main.scss
CHANGED
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
@import "./components/matcha-header.scss"; // matcha-header-theme($theme)
|
|
35
35
|
@import "./components/matcha-horizontal-tree.scss"; // matcha-horizontal-tree-theme($theme)
|
|
36
36
|
@import "./components/matcha-icons.scss";
|
|
37
|
-
@import "./components/matcha-progress-bar.scss"
|
|
38
|
-
@import "./components/matcha-scrollbar.scss"
|
|
39
|
-
@import "./components/matcha-scrollbox-shadow.scss"
|
|
40
|
-
@import "./components/matcha-table.scss"
|
|
37
|
+
@import "./components/matcha-progress-bar.scss"; // matcha-progress-bar-theme($theme)
|
|
38
|
+
@import "./components/matcha-scrollbar.scss"; // matcha-scrollbar-theme($theme)
|
|
39
|
+
@import "./components/matcha-scrollbox-shadow.scss"; // matcha-scrollbox-shadow-theme($theme)
|
|
40
|
+
@import "./components/matcha-table.scss"; // matcha-table-theme($theme)
|
|
41
41
|
|
|
42
42
|
// VENDORS
|
|
43
43
|
@import "./vendors/angular-editor.scss";
|
|
@@ -47,6 +47,42 @@
|
|
|
47
47
|
@import "./vendors/ng5-slider.scss";
|
|
48
48
|
@import "./vendors/ngx-material-timepicker.scss";
|
|
49
49
|
|
|
50
|
+
// DEFAULT FONTS
|
|
51
|
+
@font-face {
|
|
52
|
+
font-family: "CircularStd-Regular";
|
|
53
|
+
src: url("fonts/CircularStd-Regular.eot");
|
|
54
|
+
src:
|
|
55
|
+
local("☺"),
|
|
56
|
+
url("fonts/CircularStd-Regular.woff") format("woff"),
|
|
57
|
+
url("fonts/CircularStd-Regular.ttf") format("truetype"),
|
|
58
|
+
url("fonts/CircularStd-Regular.svg") format("svg");
|
|
59
|
+
font-weight: normal;
|
|
60
|
+
font-style: normal;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@font-face {
|
|
64
|
+
font-family: "CircularStd-Medium";
|
|
65
|
+
src: url("fonts/CircularStd-Medium.eot");
|
|
66
|
+
src:
|
|
67
|
+
local("☺"),
|
|
68
|
+
url("fonts/CircularStd-Medium.woff") format("woff"),
|
|
69
|
+
url("fonts/CircularStd-Medium.ttf") format("truetype"),
|
|
70
|
+
url("fonts/CircularStd-Medium.svg") format("svg");
|
|
71
|
+
font-weight: normal;
|
|
72
|
+
font-style: normal;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@font-face {
|
|
76
|
+
font-family: "CircularStd-Bold";
|
|
77
|
+
src: url("fonts/CircularStd-Bold.eot");
|
|
78
|
+
src:
|
|
79
|
+
local("☺"),
|
|
80
|
+
url("fonts/CircularStd-Bold.woff") format("woff"),
|
|
81
|
+
url("fonts/CircularStd-Bold.ttf") format("truetype"),
|
|
82
|
+
url("fonts/CircularStd-Bold.svg") format("svg");
|
|
83
|
+
font-weight: normal;
|
|
84
|
+
font-style: normal;
|
|
85
|
+
}
|
|
50
86
|
// -------------------------------------------------------------------------------------------------------------------
|
|
51
87
|
// @ CORE - Mixins and Includes
|
|
52
88
|
// -------------------------------------------------------------------------------------------------------------------
|
package/package.json
CHANGED
|
@@ -11,11 +11,15 @@
|
|
|
11
11
|
.mat-mdc-outlined-button {
|
|
12
12
|
--mdc-outlined-button-container-shape: 8px;
|
|
13
13
|
}
|
|
14
|
-
|
|
15
14
|
.mat-mdc-raised-button {
|
|
16
15
|
--mdc-protected-button-container-height: 36px;
|
|
17
16
|
--mdc-protected-button-container-shape: 8px;
|
|
18
|
-
--mdc-protected-button-container-elevation: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
|
|
17
|
+
--mdc-protected-button-container-elevation: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
|
|
18
|
+
0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
19
|
+
}
|
|
20
|
+
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading,
|
|
21
|
+
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
|
|
22
|
+
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing {
|
|
23
|
+
--mdc-outlined-text-field-outline-width: 2px;
|
|
19
24
|
}
|
|
20
|
-
|
|
21
25
|
}
|