minolith 0.0.8 → 0.0.9

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 (9) hide show
  1. package/dist/css/minolith.css +17 -6
  2. package/dist/css/minolith.css.map +1 -1
  3. package/dist/css/minolith.min.css +4 -3
  4. package/dist/css/minolith.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/base/normalize.scss +3 -3
  7. package/src/components/heading.scss +1 -0
  8. package/src/css-variables/typography.scss +4 -0
  9. package/src/variables/typography.scss +6 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "minolith",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "description": "design system by minominolyly",
5
5
  "main": "src/minolith.scss",
6
6
  "scripts": {
package/src/base/normalize.scss CHANGED
@@ -32,7 +32,7 @@ html {
32
32
  */
33
33
 
34
34
  body {
35
- font-family: var(--#{variables.$prefix}font-family-sans-serif);
35
+ font-family: var(--#{variables.$prefix}font-family-main);
36
36
  margin: 0;
37
37
  }
38
38
 
@@ -99,8 +99,8 @@ hr {
99
99
  */
100
100
 
101
101
  pre {
102
- font-family: var(--#{variables.$prefix}font-family-monospace);
103
- font-size: var(--#{variables.$prefix}font-family-monospace); /* 2 */
102
+ font-family: var(--#{variables.$prefix}font-family-code);
103
+ font-size: var(--#{variables.$prefix}font-size-normal); /* 2 */
104
104
  }
105
105
 
106
106
  /* Text-level semantics
package/src/components/heading.scss CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  @mixin heading() {
4
4
  display: block;
5
+ font-family: var(--#{variables.$prefix}font-family-heading);
5
6
  font-weight: var(--#{variables.$prefix}font-weight-semibold);
6
7
  margin: 0;
7
8
  }
package/src/css-variables/typography.scss CHANGED
@@ -1,8 +1,12 @@
1
1
  @use "../variables/index.scss" as variables;
2
2
 
3
3
  :root {
4
+ --#{variables.$prefix}font-family-serif: #{variables.$font-family-serif};
4
5
  --#{variables.$prefix}font-family-sans-serif: #{variables.$font-family-sans-serif};
5
6
  --#{variables.$prefix}font-family-monospace: #{variables.$font-family-monospace};
7
+ --#{variables.$prefix}font-family-main: var(--#{variables.$prefix}font-family-sans-serif);
8
+ --#{variables.$prefix}font-family-heading: var(--#{variables.$prefix}font-family-sans-serif);
9
+ --#{variables.$prefix}font-family-code: var(--#{variables.$prefix}font-family-monospace);
6
10
  --#{variables.$prefix}font-size-xsmall: #{variables.$font-size-xsmall};
7
11
  --#{variables.$prefix}font-size-small: #{variables.$font-size-small};
8
12
  --#{variables.$prefix}font-size-normal: #{variables.$font-size-normal};
package/src/variables/typography.scss CHANGED
@@ -1,6 +1,10 @@
1
+ $font-family-serif: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro",
2
+ serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1
3
  $font-family-sans-serif: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
2
- "Hiragino Sans", Meiryo, sans-serif;
3
- $font-family-monospace: "Consolas", "Courier New", courier, monospace;
4
+ "Hiragino Sans", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
5
+ "Segoe UI Symbol";
6
+ $font-family-monospace: "Consolas", "Courier New", courier, monospace,
7
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4
8
 
5
9
  $font-size-root: null !default;
6
10
  $font-size-base: 1rem !default;