matcha-core 1.1.5 → 1.1.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/core.scss +22 -1
- package/matcha-core.css +2432 -32
- package/matcha-core.min.css +1 -1
- package/package.json +1 -1
package/core.scss
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
// -------------------------------------------------------------------------------------------------------------------
|
|
2
|
+
// @ Breakpoints generator
|
|
3
|
+
//
|
|
4
|
+
// Examples:
|
|
5
|
+
// @include media-breakpoint("xs") {
|
|
6
|
+
// Show styles in small devices ( Phones and Gadget, 0px and up < 600px )
|
|
7
|
+
// }
|
|
8
|
+
// @include media-breakpoint("gt-xs") {
|
|
9
|
+
// Show styles in medium devices (landscapes and tablets, 600px and up < 1024px )
|
|
10
|
+
// }
|
|
11
|
+
// @include media-breakpoint("gt-sm") {
|
|
12
|
+
// Show styles in large devices (tablets and small monitors, 1024px and up < 1440px)
|
|
13
|
+
// }
|
|
14
|
+
// @include media-breakpoint("gt-md") {
|
|
15
|
+
// Show styles in X-Large devices (big desktops, 1440px and up < 1920)
|
|
16
|
+
// }
|
|
17
|
+
// @include media-breakpoint("gt-lg") {
|
|
18
|
+
// Show styles in XX-Large devices (larger desktops, 1920px and up)
|
|
19
|
+
// }
|
|
20
|
+
// -------------------------------------------------------------------------------------------------------------------
|
|
21
|
+
|
|
1
22
|
// Media step breakpoint mixin based on Angular Material lib
|
|
2
23
|
$breakpoints: (
|
|
3
24
|
xs: 'screen and (max-width: 599px)',
|
|
@@ -86,7 +107,7 @@ $helper-breakpoints: (
|
|
|
86
107
|
}
|
|
87
108
|
|
|
88
109
|
// Big sizes
|
|
89
|
-
@for $i from 3 through
|
|
110
|
+
@for $i from 3 through 20 {
|
|
90
111
|
$size: $i * 100;
|
|
91
112
|
$length: #{$size}px;
|
|
92
113
|
|