@codecademy/gamut-styles 17.6.2-alpha.14cd0a.0 → 17.6.2-alpha.1f0f08.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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-styles",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "17.6.2-alpha.
|
|
4
|
+
"version": "17.6.2-alpha.1f0f08.0",
|
|
5
5
|
"author": "Jake Hiller <jake@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@codecademy/variance": "0.22.1",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "nx build @codecademy/gamut-styles"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "7ac5beda46a8bcdc51c57a713f7932b5ce508101"
|
|
38
38
|
}
|
package/utils/mixins/legacy.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Legacy Helper mixins
|
|
2
|
-
@use "../variables/index.scss";
|
|
2
|
+
@use "../variables/index.scss" as shared;
|
|
3
3
|
|
|
4
4
|
// these variables should be located in ../variables
|
|
5
5
|
// instead, they're co-located with their legacy functions so they can be removed more easily
|
|
@@ -9,19 +9,19 @@ $bp-tablet: 736px;
|
|
|
9
9
|
$bp-desktop: 960px;
|
|
10
10
|
|
|
11
11
|
@mixin device-phone {
|
|
12
|
-
@include screen-size-between($bp-phone, $bp-tablet - 1) {
|
|
12
|
+
@include shared.screen-size-between($bp-phone, $bp-tablet - 1) {
|
|
13
13
|
@content;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@mixin device-tablet {
|
|
18
|
-
@include screen-size-between($bp-tablet, $bp-desktop - 1) {
|
|
18
|
+
@include shared.screen-size-between($bp-tablet, $bp-desktop - 1) {
|
|
19
19
|
@content;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@mixin device-desktop {
|
|
24
|
-
@include screen-size-gte($bp-desktop) {
|
|
24
|
+
@include shared.screen-size-gte($bp-desktop) {
|
|
25
25
|
@content;
|
|
26
26
|
}
|
|
27
27
|
}
|