gerillass 2.3.0 → 3.0.0
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/README.md +46 -7
- package/SKILL.md +37 -12
- package/gerillass.json +527 -145
- package/package.json +1 -1
- package/scss/internal/_color-problem.scss +99 -0
- package/scss/internal/_color-stops-problem.scss +94 -0
- package/scss/internal/_condition-width.scss +22 -0
- package/scss/internal/_custom-property-in.scss +25 -0
- package/scss/internal/_gradient.scss +425 -0
- package/scss/internal/_image-value.scss +68 -0
- package/scss/internal/_is-condition-value.scss +94 -0
- package/scss/internal/_is-css-function.scss +21 -0
- package/scss/internal/_is-size.scss +22 -0
- package/scss/internal/_keyword-value.scss +76 -0
- package/scss/internal/_length-problem.scss +127 -0
- package/scss/internal/_sibling-index.scss +51 -0
- package/scss/internal/_words.scss +35 -0
- package/scss/library/_adaptive.scss +17 -0
- package/scss/library/_after.scss +2 -12
- package/scss/library/_background-dots.scss +36 -43
- package/scss/library/_background-image.scss +40 -52
- package/scss/library/_background-stripes.scss +40 -54
- package/scss/library/_before.scss +2 -12
- package/scss/library/_border-radius.scss +83 -0
- package/scss/library/_brand-logo.scss +10 -24
- package/scss/library/_breakpoint.scss +19 -26
- package/scss/library/_circle.scss +7 -0
- package/scss/library/_columnizer.scss +62 -2
- package/scss/library/_container-query.scss +13 -29
- package/scss/library/_container.scss +2 -19
- package/scss/library/_counter.scss +3 -14
- package/scss/library/_ellipsis.scss +78 -1
- package/scss/library/_except.scss +15 -0
- package/scss/library/_focus-ring.scss +29 -0
- package/scss/library/_font-face.scss +117 -1
- package/scss/library/_gradient.scss +31 -0
- package/scss/library/_index.scss +1 -2
- package/scss/library/_line-clamp.scss +2 -13
- package/scss/library/_only.scss +16 -0
- package/scss/library/_position.scss +34 -3
- package/scss/library/_remove.scss +1 -1
- package/scss/library/_resizable.scss +29 -2
- package/scss/library/_screen-agent.scss +8 -22
- package/scss/library/_sizer.scss +9 -0
- package/scss/library/_sprite.scss +65 -0
- package/scss/library/_text-gradient.scss +36 -18
- package/scss/library/_text-image.scss +2 -23
- package/scss/library/_text-stroke.scss +30 -0
- package/scss/library/_triangle.scss +25 -56
- package/scss/utilities/_gradient-value.scss +24 -0
- package/scss/utilities/_index.scss +1 -0
- package/scss/utilities/_validate-breakpoint.scss +32 -6
- package/scss/utilities/_validate-scissors.scss +7 -0
- package/scss/library/_linear-gradient.scss +0 -26
- package/scss/library/_radial-gradient.scss +0 -30
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
|
-
|
|
3
|
-
@use "sass:list";
|
|
4
|
-
@use "sass:map";
|
|
5
|
-
@use "sass:math";
|
|
6
|
-
@use "sass:meta";
|
|
7
|
-
@use "../maps/map-for-directions" as *;
|
|
8
|
-
|
|
9
|
-
@mixin linear-gradient($direction, $colors) {
|
|
10
|
-
$list: ();
|
|
11
|
-
@for $i from 1 through list.length($colors) {
|
|
12
|
-
$list: list.append($list, list.nth($colors, $i), comma);
|
|
13
|
-
}
|
|
14
|
-
@if map.has-key($map-for-directions, $direction) {
|
|
15
|
-
background: linear-gradient(
|
|
16
|
-
map.get($map-for-directions, $direction),
|
|
17
|
-
$list
|
|
18
|
-
);
|
|
19
|
-
} @else if not map.has-key($map-for-directions, $direction) {
|
|
20
|
-
@if meta.type-of($direction) != "number" or not list.index("deg", math.unit($direction)) {
|
|
21
|
-
@error "`#{$direction}` is not a valid $direction for `linear-gradient`. Pass an angle such as `45deg`, or one of: #{map.keys($map-for-directions)}.";
|
|
22
|
-
} @else {
|
|
23
|
-
background: linear-gradient($direction, $list);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
|
-
|
|
3
|
-
@use "sass:list";
|
|
4
|
-
@use "sass:map";
|
|
5
|
-
@use "sass:meta";
|
|
6
|
-
@use "sass:string";
|
|
7
|
-
@use "../maps/map-for-positions" as *;
|
|
8
|
-
|
|
9
|
-
@mixin radial-gradient($shape, $position, $colors) {
|
|
10
|
-
@if meta.type-of($shape) != "string" {
|
|
11
|
-
@error "`#{$shape}` is not a valid $shape for `radial-gradient`. Pass `circle` or `ellipse`.";
|
|
12
|
-
}
|
|
13
|
-
@if meta.type-of($position) != "string" {
|
|
14
|
-
@error "`#{$position}` is not a valid $position for `radial-gradient`. Pass a position name such as `center` or `top-left`, or a raw CSS position as a string.";
|
|
15
|
-
}
|
|
16
|
-
$list: ();
|
|
17
|
-
$shape: string.unquote($shape);
|
|
18
|
-
$position: string.unquote($position);
|
|
19
|
-
@for $i from 1 through list.length($colors) {
|
|
20
|
-
$list: list.append($list, list.nth($colors, $i), comma);
|
|
21
|
-
}
|
|
22
|
-
@if map.has-key($map-for-positions, $position) {
|
|
23
|
-
background: radial-gradient(
|
|
24
|
-
$shape map.get($map-for-positions, $position),
|
|
25
|
-
$list
|
|
26
|
-
);
|
|
27
|
-
} @else if not map.has-key($map-for-positions, $position) {
|
|
28
|
-
background: radial-gradient($shape $position, $list);
|
|
29
|
-
}
|
|
30
|
-
}
|