matcha-theme 1.0.25 → 18.0.27
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/core.scss +1210 -0
- package/matcha-core.css +62385 -0
- package/matcha-core.min.css +1 -0
- package/package.json +1 -1
- package/README.md +0 -304
- package/abstracts/_breakpoints.scss +0 -33
- package/abstracts/_colors.scss +0 -469
- package/abstracts/_elevation.scss +0 -102
- package/abstracts/_functions.scss +0 -398
- package/abstracts/_grid.scss +0 -159
- package/abstracts/_order.scss +0 -46
- package/abstracts/_position.scss +0 -51
- package/abstracts/_sizes.scss +0 -166
- package/abstracts/_spacings.scss +0 -216
- package/abstracts/_typography.scss +0 -124
- package/base/_helpers.scss +0 -2183
- package/base/_reset.scss +0 -9
- package/base/_typography.scss +0 -244
- package/components/matcha-audio-player.scss +0 -37
- package/components/matcha-buttons.scss +0 -199
- package/components/matcha-cards.scss +0 -93
- package/components/matcha-color-pick.scss +0 -32
- package/components/matcha-draggable.scss +0 -25
- package/components/matcha-header.scss +0 -327
- package/components/matcha-horizontal-tree.scss +0 -277
- package/components/matcha-progress-bar.scss +0 -107
- package/components/matcha-scrollbar.scss +0 -36
- package/components/matcha-scrollbox-shadow.scss +0 -127
- package/components/matcha-table.scss +0 -279
- package/fonts/CircularStd-Black.eot +0 -0
- package/fonts/CircularStd-Black.svg +0 -3426
- package/fonts/CircularStd-Black.ttf +0 -0
- package/fonts/CircularStd-Black.woff +0 -0
- package/fonts/CircularStd-Black.woff2 +0 -0
- package/fonts/CircularStd-Bold.eot +0 -0
- package/fonts/CircularStd-Bold.otf +0 -0
- package/fonts/CircularStd-Bold.svg +0 -13532
- package/fonts/CircularStd-Bold.ttf +0 -0
- package/fonts/CircularStd-Bold.woff +0 -0
- package/fonts/CircularStd-Bold.woff2 +0 -0
- package/fonts/CircularStd-Medium.eot +0 -0
- package/fonts/CircularStd-Medium.otf +0 -0
- package/fonts/CircularStd-Medium.svg +0 -13511
- package/fonts/CircularStd-Medium.ttf +0 -0
- package/fonts/CircularStd-Medium.woff +0 -0
- package/fonts/CircularStd-Medium.woff2 +0 -0
- package/fonts/CircularStd-Regular.eot +0 -0
- package/fonts/CircularStd-Regular.otf +0 -0
- package/fonts/CircularStd-Regular.svg +0 -2378
- package/fonts/CircularStd-Regular.ttf +0 -0
- package/fonts/CircularStd-Regular.woff +0 -0
- package/fonts/CircularStd-Regular.woff2 +0 -0
- package/main.scss +0 -133
- package/tokens/_animations.scss +0 -37
- package/tokens/_breakpoints.scss +0 -38
- package/tokens/_color-tokens.scss +0 -1391
- package/tokens/_elevation-tokens.scss +0 -14
- package/tokens/_spacing-tokens.scss +0 -96
- package/tokens/_typography-tokens.scss +0 -25
- package/vendors/angular-editor.scss +0 -56
- package/vendors/angular-material-fixes.scss +0 -261
- package/vendors/calendar.scss +0 -2880
- package/vendors/charts.scss +0 -92
- package/vendors/ng5-slider.scss +0 -56
- package/vendors/ngx-material-timepicker.scss +0 -50
package/vendors/charts.scss
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
@mixin vendor-chart($theme) {
|
|
2
|
-
$primary: map-get($theme, primary);
|
|
3
|
-
$accent: map-get($theme, accent);
|
|
4
|
-
$warn: map-get($theme, warn);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$foreground: map-get($theme, foreground);
|
|
7
|
-
|
|
8
|
-
// Fixer wrappers
|
|
9
|
-
.matcha-card,
|
|
10
|
-
.matcha-card-flat,
|
|
11
|
-
.matcha-section {
|
|
12
|
-
|
|
13
|
-
//Google Chart
|
|
14
|
-
google-chart {
|
|
15
|
-
width: 100% !important;
|
|
16
|
-
max-width: 100% !important;
|
|
17
|
-
min-width: 100% !important;
|
|
18
|
-
height: 100%;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
google-chart * {
|
|
22
|
-
max-width: 100% !important;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
#ngxcharts {
|
|
27
|
-
ngx-charts-chart {
|
|
28
|
-
svg {
|
|
29
|
-
height: 400px;
|
|
30
|
-
width: 400px;
|
|
31
|
-
|
|
32
|
-
g {}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.chart-legend {
|
|
38
|
-
background-color: transparent;
|
|
39
|
-
padding: 0;
|
|
40
|
-
width: 200px !important;
|
|
41
|
-
min-width: 200px;
|
|
42
|
-
max-width: 300px;
|
|
43
|
-
display: -webkit-box;
|
|
44
|
-
display: flex;
|
|
45
|
-
right: 0;
|
|
46
|
-
|
|
47
|
-
div {
|
|
48
|
-
width: 100% !important;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.legend-labels {
|
|
52
|
-
background: transparent !important;
|
|
53
|
-
|
|
54
|
-
.active {
|
|
55
|
-
.legend-label-text {
|
|
56
|
-
color: map-get($foreground, label);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.legend-label-color {
|
|
62
|
-
border-radius: 12px !important;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.legend-label-text {
|
|
66
|
-
font-weight: normal;
|
|
67
|
-
font-size: 16px !important;
|
|
68
|
-
line-height: 20px;
|
|
69
|
-
color: map-get($foreground, text);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
// Large devices (tablets and small monitors, 1024px and up < 1440px)
|
|
74
|
-
@media (min-width: 1024px) {
|
|
75
|
-
.chart-legend {
|
|
76
|
-
margin: 0 24px 0 0;
|
|
77
|
-
border-radius: 8px;
|
|
78
|
-
position: absolute;
|
|
79
|
-
background-color: map-get($background, background-alpha);
|
|
80
|
-
@include elevation(1);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.pie-chart {
|
|
85
|
-
.pie-label {
|
|
86
|
-
fill: map-get($foreground, label);
|
|
87
|
-
font-size: 16px !important;
|
|
88
|
-
line-height: 20px;
|
|
89
|
-
padding: 8px;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
package/vendors/ng5-slider.scss
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
@mixin vendor-ng-5-theme($theme) {
|
|
2
|
-
$accent: map-get($theme, accent);
|
|
3
|
-
$background: map-get($theme, background);
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
|
|
6
|
-
.ng5-slider {
|
|
7
|
-
&.animate {
|
|
8
|
-
.ng5-slider-pointer {
|
|
9
|
-
transition: all 50ms linear !important;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.ng5-slider-bubble {
|
|
14
|
-
bottom: 20px;
|
|
15
|
-
padding: 0;
|
|
16
|
-
margin: 0px auto;
|
|
17
|
-
background: map-get($background, card);
|
|
18
|
-
color: map-get($foreground, label);
|
|
19
|
-
transition: all 50ms linear !important;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.ng5-slider-bar {
|
|
23
|
-
background-color: map-get($background, disabled);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ng5-slider-pointer,
|
|
27
|
-
.ng5-slider-selection {
|
|
28
|
-
background-color: map-get($accent, default);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.ng5-slider-pointer:after {
|
|
32
|
-
width: 16px;
|
|
33
|
-
height: 16px;
|
|
34
|
-
position: absolute;
|
|
35
|
-
top: 8px;
|
|
36
|
-
left: 8px;
|
|
37
|
-
border-radius: 8px;
|
|
38
|
-
background-color: map-get($background, card);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.ng5-slider-pointer:active:after {
|
|
42
|
-
background-color: map-get($background, card);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.ng5-slider-pointer.ng5-slider-active:after {
|
|
46
|
-
width: 16px;
|
|
47
|
-
height: 16px;
|
|
48
|
-
position: absolute;
|
|
49
|
-
top: 8px;
|
|
50
|
-
left: 8px;
|
|
51
|
-
border-radius: 8px;
|
|
52
|
-
background: map-get($background, background);
|
|
53
|
-
background-color: map-get($background, background);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
@mixin vendor-ngx-material-timepicker($theme) {
|
|
2
|
-
$primary: map-get($theme, primary);
|
|
3
|
-
$accent: map-get($theme, accent);
|
|
4
|
-
$warn: map-get($theme, warn);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$foreground: map-get($theme, foreground);
|
|
7
|
-
|
|
8
|
-
ngx-material-timepicker-container {
|
|
9
|
-
z-index: 10000;
|
|
10
|
-
|
|
11
|
-
.timepicker__header,
|
|
12
|
-
.clock-face__number>span.active {
|
|
13
|
-
background-color: map-get($accent, default) !important;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.timepicker-dial__control {
|
|
17
|
-
color: map-color($foreground, text-inverse, 0.5) !important;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.clock-face__number>span.active,
|
|
21
|
-
.dial__control,
|
|
22
|
-
.timepicker-dial__item_active,
|
|
23
|
-
.timepicker-dial__time {
|
|
24
|
-
color: map-get($foreground, text-inverse) !important;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.timepicker-button {
|
|
28
|
-
color: map-get($accent, default) !important;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.timepicker__body,
|
|
32
|
-
.timepicker__actions {
|
|
33
|
-
background-color: map-get($background, card) !important;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.clock-face__clock-hand,
|
|
37
|
-
.clock-face__clock-hand_minute {
|
|
38
|
-
background-color: map-get($accent, default) !important;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.clock-face__clock-hand_minute::before {
|
|
42
|
-
border-color: map-get($accent, default) !important;
|
|
43
|
-
background-color: map-get($background, card) !important;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.clock-face {
|
|
47
|
-
background-color: map-get($background, background) !important;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|