matcha-core 1.1.5 → 1.1.7
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 +34 -1
- package/matcha-core.css +2480 -0
- 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
|
|
|
@@ -1111,6 +1132,18 @@ $helper-breakpoints: (
|
|
|
1111
1132
|
}
|
|
1112
1133
|
}
|
|
1113
1134
|
}
|
|
1135
|
+
.radius#{$infix}-full {
|
|
1136
|
+
border-radius: 9999px;
|
|
1137
|
+
}
|
|
1138
|
+
.radius#{$infix}-full--force {
|
|
1139
|
+
border-radius: 9999px !important;
|
|
1140
|
+
}
|
|
1141
|
+
.radius#{$infix}-none {
|
|
1142
|
+
border-radius: 0;
|
|
1143
|
+
}
|
|
1144
|
+
.radius#{$infix}-none--force {
|
|
1145
|
+
border-radius: 0 !important;
|
|
1146
|
+
}
|
|
1114
1147
|
}
|
|
1115
1148
|
}
|
|
1116
1149
|
// Classe para borda nula
|