@unsass/breakpoint 2.1.0 → 2.1.1
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/CHANGELOG.md +7 -0
- package/README.md +8 -8
- package/package.json +5 -7
- package/src/_functions.scss +0 -1
- package/src/_mixins.scss +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [2.1.1](https://github.com/unsass/breakpoint/compare/v2.1.0...v2.1.1) (2022-07-22)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* remove unneeded dependencies ([09ae79f](https://github.com/unsass/breakpoint/commit/09ae79f3d8c59544e3d67fb27f2a3b37b90525ee))
|
|
11
|
+
|
|
5
12
|
## [2.1.0](https://github.com/unsass/breakpoint/compare/v2.0.0...v2.1.0) (2022-06-14)
|
|
6
13
|
|
|
7
14
|
|
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ npm install @unsass/breakpoint
|
|
|
24
24
|
@use "@unsass/breakpoint";
|
|
25
25
|
|
|
26
26
|
.foo {
|
|
27
|
-
@include breakpoint.up(lg) {
|
|
27
|
+
@include breakpoint.up("lg") {
|
|
28
28
|
// ...
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -106,8 +106,8 @@ with mixins.
|
|
|
106
106
|
|
|
107
107
|
| Mixin | Description |
|
|
108
108
|
|-----------------------|--------------------------------------------------------------------------------------------------------------------------------|
|
|
109
|
-
| `up($token)` | Sets media rule for minimum
|
|
110
|
-
| `down($token)` | Sets media rule for maximum
|
|
109
|
+
| `up($token)` | Sets media rule for minimum width only. |
|
|
110
|
+
| `down($token)` | Sets media rule for maximum width only. |
|
|
111
111
|
| `only($token)` | Sets media rule for between minimum and maximum widths, but the maximum will be automatically set with next value of `$token`. |
|
|
112
112
|
| `between($min, $max)` | Sets media rule for between minimum and maximum widths. |
|
|
113
113
|
|
|
@@ -119,7 +119,7 @@ The following Sass...
|
|
|
119
119
|
@use "@unsass/breakpoint";
|
|
120
120
|
|
|
121
121
|
.foo {
|
|
122
|
-
@include breakpoint.up(lg) {
|
|
122
|
+
@include breakpoint.up("lg") {
|
|
123
123
|
color: darkcyan;
|
|
124
124
|
}
|
|
125
125
|
}
|
|
@@ -143,7 +143,7 @@ The following Sass...
|
|
|
143
143
|
@use "@unsass/breakpoint";
|
|
144
144
|
|
|
145
145
|
.foo {
|
|
146
|
-
@include breakpoint.down(lg) {
|
|
146
|
+
@include breakpoint.down("lg") {
|
|
147
147
|
color: darkcyan;
|
|
148
148
|
}
|
|
149
149
|
}
|
|
@@ -167,7 +167,7 @@ The following Sass...
|
|
|
167
167
|
@use "@unsass/breakpoint";
|
|
168
168
|
|
|
169
169
|
.foo {
|
|
170
|
-
@include breakpoint.only(lg) {
|
|
170
|
+
@include breakpoint.only("lg") {
|
|
171
171
|
color: darkcyan;
|
|
172
172
|
}
|
|
173
173
|
}
|
|
@@ -191,7 +191,7 @@ The following Sass...
|
|
|
191
191
|
@use "@unsass/breakpoint";
|
|
192
192
|
|
|
193
193
|
.foo {
|
|
194
|
-
@include breakpoint.between(md, xl) {
|
|
194
|
+
@include breakpoint.between("md", "xl") {
|
|
195
195
|
color: darkcyan;
|
|
196
196
|
}
|
|
197
197
|
}
|
|
@@ -222,7 +222,7 @@ The following Sass...
|
|
|
222
222
|
@use "@unsass/breakpoint";
|
|
223
223
|
|
|
224
224
|
.foo {
|
|
225
|
-
width: breakpoint.get-value(lg);
|
|
225
|
+
width: breakpoint.get-value("lg");
|
|
226
226
|
}
|
|
227
227
|
```
|
|
228
228
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unsass/breakpoint",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "Easily manage your CSS breakpoint rules.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"lint:css": "stylelint --fix \"**/*.scss\"",
|
|
@@ -15,22 +15,20 @@
|
|
|
15
15
|
},
|
|
16
16
|
"sass": "index.scss",
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@commitlint/cli": "^17.0.
|
|
19
|
-
"@commitlint/config-conventional": "^17.0.
|
|
18
|
+
"@commitlint/cli": "^17.0.3",
|
|
19
|
+
"@commitlint/config-conventional": "^17.0.3",
|
|
20
20
|
"@semantic-release/changelog": "^6.0.1",
|
|
21
21
|
"@semantic-release/git": "^10.0.1",
|
|
22
|
-
"@types/node": "^17.0.41",
|
|
23
22
|
"glob": "^7.2.0",
|
|
24
23
|
"husky": "^8.0.1",
|
|
25
|
-
"jest": "^28.1.
|
|
24
|
+
"jest": "^28.1.3",
|
|
26
25
|
"npm-run-all": "^4.1.5",
|
|
27
26
|
"sass-true": "^6.1.0",
|
|
28
27
|
"semantic-release": "^19.0.3",
|
|
29
|
-
"stylelint": "^14.9.
|
|
28
|
+
"stylelint": "^14.9.1",
|
|
30
29
|
"stylelint-config-unsass": "^1.0.0"
|
|
31
30
|
},
|
|
32
31
|
"dependencies": {
|
|
33
|
-
"@sass-collective/strip-unit": "^3.1.2",
|
|
34
32
|
"sass": "^1.52.3"
|
|
35
33
|
},
|
|
36
34
|
"keywords": [
|
package/src/_functions.scss
CHANGED
package/src/_mixins.scss
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
///
|
|
11
11
|
/// @example - scss
|
|
12
12
|
/// .foo {
|
|
13
|
-
/// @include up(lg) {
|
|
13
|
+
/// @include up("lg") {
|
|
14
14
|
/// color: darkcyan;
|
|
15
15
|
/// }
|
|
16
16
|
/// }
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
///
|
|
44
44
|
/// @example - scss
|
|
45
45
|
/// .foo {
|
|
46
|
-
/// @include down(lg) {
|
|
46
|
+
/// @include down("lg") {
|
|
47
47
|
/// color: darkcyan;
|
|
48
48
|
/// }
|
|
49
49
|
/// }
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
///
|
|
77
77
|
/// @example - scss
|
|
78
78
|
/// .foo {
|
|
79
|
-
/// @include only(lg) {
|
|
79
|
+
/// @include only("lg") {
|
|
80
80
|
/// color: darkcyan;
|
|
81
81
|
/// }
|
|
82
82
|
/// }
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
///
|
|
116
116
|
/// @example - scss
|
|
117
117
|
/// .foo {
|
|
118
|
-
/// @include between(md, xl) {
|
|
118
|
+
/// @include between("md", "xl") {
|
|
119
119
|
/// color: darkcyan;
|
|
120
120
|
/// }
|
|
121
121
|
/// }
|