@codecademy/gamut-styles 17.6.2-alpha.8ea92f.0 → 17.6.2-alpha.efa845.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.
Files changed (11) hide show
  1. package/core/index.scss +4 -4
  2. package/core.scss +1 -1
  3. package/package.json +2 -2
  4. package/utils/index.scss +3 -3
  5. package/utils/mixins/_responsive.scss +1 -1
  6. package/utils/mixins/index.scss +6 -6
  7. package/utils/mixins/legacy.scss +1 -0
  8. package/utils/variables/_base.scss +2 -0
  9. package/utils/variables/_typography.scss +11 -8
  10. package/utils/variables/index.scss +5 -5
  11. package/utils.scss +1 -1
package/core/index.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "../utils";
2
- @import "reboot";
3
- @import "fonts";
4
- @import "typography";
1
+ @forward "../utils";
2
+ @forward "reboot";
3
+ @forward "fonts";
4
+ @forward "typography";
package/core.scss CHANGED
@@ -1 +1 @@
1
- @import "core/index";
1
+ @forward "core/index";
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.8ea92f.0",
4
+ "version": "17.6.2-alpha.efa845.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": "1576a262a047a854c3036c58b0e055e3b68afac3"
37
+ "gitHead": "975c10fd78197f26cb8e39a139fe8a169e53c428"
38
38
  }
package/utils/index.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // import order is unfortunately important here
2
2
  // variables needs to access functions, and mixins needs to access variables
3
- @import "functions/index";
4
- @import "variables/index";
5
- @import "mixins/index";
3
+ @forward "functions/index";
4
+ @forward "variables/index";
5
+ @forward "mixins/index";
package/utils/mixins/_responsive.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Try to use these simple mixins if possible for your responsive needs
2
-
2
+ @use "responsive" as *;
3
3
  // Example usage:
4
4
  //
5
5
  // .grid {
package/utils/mixins/index.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import "font-smoothing";
2
- @import "no-select";
3
- @import "responsive";
4
- @import "shadow";
5
- @import "sr-only";
6
- @import "legacy";
1
+ @forward "font-smoothing";
2
+ @forward "no-select";
3
+ @forward "responsive";
4
+ @forward "shadow";
5
+ @forward "sr-only";
6
+ @forward "legacy";
package/utils/mixins/legacy.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  // Legacy Helper mixins
2
+ @use "../variables/index.scss";
2
3
 
3
4
  // these variables should be located in ../variables
4
5
  // instead, they're co-located with their legacy functions so they can be removed more easily
package/utils/variables/_base.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "colors" as *;
2
+
1
3
  $base-unit: 1rem;
2
4
  $spacer: $base-unit;
3
5
  $box-shadow: 0 1px 4px 0 $color-shadow;
package/utils/variables/_typography.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @use "base";
2
+ @use "colors";
3
+
1
4
  // Font Families:
2
5
 
3
6
  $font-family-accent: "Suisse", "Apercu", -apple-system, BlinkMacSystemFont,
@@ -25,25 +28,25 @@ $font-weight-dt: $font-weight-bold;
25
28
 
26
29
  // Font colors
27
30
 
28
- $color-body: $color-navy;
29
- $color-headings: $color-gray-900;
30
- $bg-body: $color-white;
31
- $color-link: $deprecated-gamut-royal-blue-500;
32
- $hover-color-link: $deprecated-gamut-royal-blue-600;
31
+ $color-body: colors.$color-navy;
32
+ $color-headings: colors.$color-gray-900;
33
+ $bg-body: colors.$color-white;
34
+ $color-link: colors.$deprecated-gamut-royal-blue-500;
35
+ $hover-color-link: colors.$deprecated-gamut-royal-blue-600;
33
36
  $decoration-link: none;
34
37
  $hover-decoration-link: underline;
35
38
 
36
39
  // Font margins
37
40
 
38
- $margin-bottom-paragraph: $spacer;
39
- $margin-bottom-headings: $spacer;
41
+ $margin-bottom-paragraph: base.$spacer;
42
+ $margin-bottom-headings: base.$spacer;
40
43
  $margin-bottom-label: 0;
41
44
  $line-height-base: 1.5;
42
45
  $line-height-headings: 1.1;
43
46
 
44
47
  // Font sizes
45
48
 
46
- $font-size-base: $base-unit;
49
+ $font-size-base: base.$base-unit;
47
50
  $font-size-h1: px-rem(64);
48
51
  $font-size-h2: px-rem(44);
49
52
  $font-size-h3: px-rem(34);
package/utils/variables/index.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import "colors";
2
- @import "base";
3
- @import "grid";
4
- @import "typography";
5
- @import "responsive";
1
+ @forward "colors";
2
+ @forward "base";
3
+ @forward "grid";
4
+ @forward "typography";
5
+ @forward "responsive";
package/utils.scss CHANGED
@@ -1 +1 @@
1
- @import "utils/index";
1
+ @forward "utils/index";