matcha-core 1.1.4 → 1.1.5
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 +4 -85
- package/matcha-core.css +180 -1556
- package/matcha-core.min.css +1 -1
- package/package.json +1 -1
package/core.scss
CHANGED
|
@@ -1104,6 +1104,10 @@ $helper-breakpoints: (
|
|
|
1104
1104
|
.radius#{$infix}-#{$direction}#{$radius-suffix} {
|
|
1105
1105
|
border-radius: 0 #{$radius-value}px #{$radius-value}px 0; // Sem !important
|
|
1106
1106
|
}
|
|
1107
|
+
|
|
1108
|
+
.radius#{$infix}-#{$direction}#{$radius-suffix}--force {
|
|
1109
|
+
border-radius: 0 #{$radius-value}px #{$radius-value}px 0 !important; // Com !important
|
|
1110
|
+
}
|
|
1107
1111
|
}
|
|
1108
1112
|
}
|
|
1109
1113
|
}
|
|
@@ -1116,91 +1120,6 @@ $helper-breakpoints: (
|
|
|
1116
1120
|
}
|
|
1117
1121
|
@include generate-radius-classes($helper-breakpoints);
|
|
1118
1122
|
|
|
1119
|
-
// -----------------------------------------------------------------------------------------------------
|
|
1120
|
-
// @ Border Radius Helpers
|
|
1121
|
-
// -----------------------------------------------------------------------------------------------------
|
|
1122
|
-
@mixin generate-border-radius-classes($helper-breakpoints) {
|
|
1123
|
-
// Aplicar os mixins para cada breakpoint
|
|
1124
|
-
@for $i from 0 through 8 {
|
|
1125
|
-
$radius-value: $i * 2;
|
|
1126
|
-
$radius-suffix: "-#{$radius-value}";
|
|
1127
|
-
|
|
1128
|
-
.radius#{$radius-suffix} {
|
|
1129
|
-
border-radius: #{$radius-value}px; // Sem !important
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
.radius#{$radius-suffix}--force {
|
|
1133
|
-
border-radius: #{$radius-value}px !important; // Com !important
|
|
1134
|
-
}
|
|
1135
|
-
}
|
|
1136
|
-
// Classes para todos os cantos e para formatos especiais
|
|
1137
|
-
.radius-circle,
|
|
1138
|
-
.radius-full,
|
|
1139
|
-
.radius-round {
|
|
1140
|
-
border-radius: 999px !important;
|
|
1141
|
-
}
|
|
1142
|
-
|
|
1143
|
-
@each $breakpoint, $materialBreakpoint in $helper-breakpoints {
|
|
1144
|
-
@include media-breakpoint($materialBreakpoint) {
|
|
1145
|
-
// Define o sufixo do breakpoint
|
|
1146
|
-
$infix: if($breakpoint == null, "", "-#{$breakpoint}");
|
|
1147
|
-
|
|
1148
|
-
@each $direction in (bottom, top, left, right) {
|
|
1149
|
-
// Seletores para as classes de borda
|
|
1150
|
-
// $direction-selector: unquote(".radius#{$infix}-#{$direction}");
|
|
1151
|
-
|
|
1152
|
-
// Aplica o raio dependendo da direção
|
|
1153
|
-
@for $i from 0 through 8 {
|
|
1154
|
-
$radius-value: $i * 2;
|
|
1155
|
-
$radius-suffix: "-#{$radius-value}";
|
|
1156
|
-
|
|
1157
|
-
@if $direction == bottom {
|
|
1158
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix} {
|
|
1159
|
-
border-radius: 0 0 #{$radius-value}px #{$radius-value}px; // Sem !important
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix}--force {
|
|
1163
|
-
border-radius: 0 0 #{$radius-value}px #{$radius-value}px !important; // Com !important
|
|
1164
|
-
}
|
|
1165
|
-
} @else if $direction == top {
|
|
1166
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix} {
|
|
1167
|
-
border-radius: #{$radius-value}px #{$radius-value}px 0 0; // Sem !important
|
|
1168
|
-
}
|
|
1169
|
-
|
|
1170
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix}--force {
|
|
1171
|
-
border-radius: #{$radius-value}px #{$radius-value}px 0 0 !important; // Com !important
|
|
1172
|
-
}
|
|
1173
|
-
} @else if $direction == left {
|
|
1174
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix} {
|
|
1175
|
-
border-radius: #{$radius-value}px 0 0 #{$radius-value}px; // Sem !important
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix}--force {
|
|
1179
|
-
border-radius: #{$radius-value}px 0 0 #{$radius-value}px !important; // Com !important
|
|
1180
|
-
}
|
|
1181
|
-
} @else if $direction == right {
|
|
1182
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix} {
|
|
1183
|
-
border-radius: 0 #{$radius-value}px #{$radius-value}px 0; // Sem !important
|
|
1184
|
-
}
|
|
1185
|
-
|
|
1186
|
-
.radius#{$infix}-#{$direction}#{$radius-suffix}--force {
|
|
1187
|
-
border-radius: 0 #{$radius-value}px #{$radius-value}px 0 !important; // Com !important
|
|
1188
|
-
}
|
|
1189
|
-
}
|
|
1190
|
-
}
|
|
1191
|
-
}
|
|
1192
|
-
|
|
1193
|
-
// Classes para todos os cantos e para formatos especiais
|
|
1194
|
-
.radius#{$infix}-circle,
|
|
1195
|
-
.radius#{$infix}-full,
|
|
1196
|
-
.radius#{$infix}-round {
|
|
1197
|
-
border-radius: 999px !important;
|
|
1198
|
-
}
|
|
1199
|
-
}
|
|
1200
|
-
}
|
|
1201
|
-
}
|
|
1202
|
-
@include generate-border-radius-classes($helper-breakpoints);
|
|
1203
|
-
|
|
1204
1123
|
// -----------------------------------------------------------------------------------------------------
|
|
1205
1124
|
// @ Hover - Show/Hide
|
|
1206
1125
|
// -----------------------------------------------------------------------------------------------------
|