@acorex/styles 4.1.5 → 4.1.6

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 (5) hide show
  1. package/package.json +1 -1
  2. package/scss/buttons.scss +1 -2
  3. package/scss/master.scss +6 -3
  4. package/scss/style.scss +1 -1
  5. package/scss/variables.scss +9 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "4.1.5",
3
+ "version": "4.1.6",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/scss/buttons.scss CHANGED
@@ -6,8 +6,7 @@
6
6
  display: inline-flex;
7
7
  flex-direction: row;
8
8
  font-family: inherit;
9
- font-size: inherit;
10
-
9
+ font-size: 0.875rem;
11
10
  vertical-align: baseline;
12
11
 
13
12
  .button {
package/scss/master.scss CHANGED
@@ -41,16 +41,18 @@
41
41
  font-weight: 500;
42
42
  &.sm {
43
43
  height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 10px) !important;
44
+ line-height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 10px) !important;
44
45
  padding: 0 0.3rem;
45
- font-size: 0.875rem;
46
+ font-size: 0.75rem;
46
47
  &.ax-button-icon {
47
48
  padding: 0.3rem;
48
49
  }
49
50
  }
50
51
  &.md {
51
52
  height: calc(var(--ax-base-size) * var(--ax-base-ratio)) !important;
53
+ line-height: calc(var(--ax-base-size) * var(--ax-base-ratio)) !important;
52
54
  padding: 0 1rem;
53
- font-size: 1rem;
55
+ font-size: 0.875rem;
54
56
  font-weight: 500;
55
57
  &.ax-button-icon {
56
58
  padding: 0.7rem;
@@ -58,8 +60,9 @@
58
60
  }
59
61
  &.lg {
60
62
  height: calc((var(--ax-base-size) * var(--ax-base-ratio)) + 10px) !important;
63
+ line-height: calc((var(--ax-base-size) * var(--ax-base-ratio)) + 10px) !important;
61
64
  padding: 0 0.8rem;
62
- font-size: 1.5rem;
65
+ font-size: 1.2rem;
63
66
  &.ax-button-icon {
64
67
  padding: 0.9rem;
65
68
  }
package/scss/style.scss CHANGED
@@ -33,7 +33,7 @@ body {
33
33
  scroll-behavior: smooth;
34
34
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
35
35
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
36
- font-size: 12px;
36
+ font-size: 16px;
37
37
  line-height: 1.4285em;
38
38
  }
39
39
 
package/scss/variables.scss CHANGED
@@ -18,7 +18,7 @@ $colors: (
18
18
  "primary": (
19
19
  "": $primary,
20
20
  "fore": $white,
21
- "light": lighten($primary, 10%),
21
+ "light": lighten($primary, 5%),
22
22
  "dark": darken($primary, 10%),
23
23
  "trans-dark": transparentize($primary, 0.85),
24
24
  "trans-light": transparentize($primary, 0.85),
@@ -26,7 +26,7 @@ $colors: (
26
26
  "secondary": (
27
27
  "": $secondary,
28
28
  "fore": $white,
29
- "light": lighten($secondary, 10%),
29
+ "light": lighten($secondary, 5%),
30
30
  "dark": darken($secondary, 10%),
31
31
  "trans-dark": transparentize($secondary, 0.85),
32
32
  "trans-light": transparentize($secondary, 0.85),
@@ -34,7 +34,7 @@ $colors: (
34
34
  "info": (
35
35
  "": $info,
36
36
  "fore": $white,
37
- "light": lighten($info, 10%),
37
+ "light": lighten($info, 5%),
38
38
  "dark": darken($info, 10%),
39
39
  "trans-dark": transparentize($info, 0.85),
40
40
  "trans-light": transparentize($info, 0.85),
@@ -42,7 +42,7 @@ $colors: (
42
42
  "success": (
43
43
  "": $success,
44
44
  "fore": $white,
45
- "light": lighten($success, 10%),
45
+ "light": lighten($success, 5%),
46
46
  "dark": darken($success, 10%),
47
47
  "trans-dark": transparentize($success, 0.85),
48
48
  "trans-light": transparentize($success, 0.85),
@@ -50,7 +50,7 @@ $colors: (
50
50
  "warning": (
51
51
  "": $warning,
52
52
  "fore": $white,
53
- "light": lighten($warning, 10%),
53
+ "light": lighten($warning, 5%),
54
54
  "dark": darken($warning, 10%),
55
55
  "trans-dark": transparentize($warning, 0.85),
56
56
  "trans-light": transparentize($warning, 0.85),
@@ -58,7 +58,7 @@ $colors: (
58
58
  "danger": (
59
59
  "": $danger,
60
60
  "fore": $white,
61
- "light": lighten($danger, 10%),
61
+ "light": lighten($danger, 5%),
62
62
  "dark": darken($danger, 10%),
63
63
  "trans-dark": transparentize($danger, 0.85),
64
64
  "trans-light": transparentize($danger, 0.85),
@@ -66,7 +66,7 @@ $colors: (
66
66
  "gray": (
67
67
  "": $gray,
68
68
  "fore": darken($gray, 50%),
69
- "light": lighten($gray, 10%),
69
+ "light": lighten($gray, 5%),
70
70
  "dark": darken($gray, 10%),
71
71
  "trans-dark": transparentize($gray, 0.85),
72
72
  "trans-light": transparentize($gray, 0.85),
@@ -74,7 +74,7 @@ $colors: (
74
74
  "light": (
75
75
  "": $gray,
76
76
  "fore": darken($gray, 50%),
77
- "light": lighten($gray, 10%),
77
+ "light": lighten($gray, 5%),
78
78
  "dark": darken($gray, 10%),
79
79
  "trans-dark": transparentize($gray, 0.85),
80
80
  "trans-light": transparentize($gray, 0.85),
@@ -82,7 +82,7 @@ $colors: (
82
82
  "dark": (
83
83
  "": $black,
84
84
  "fore": $white,
85
- "light": lighten($black, 10%),
85
+ "light": lighten($black, 5%),
86
86
  "dark": darken($black, 10%),
87
87
  "trans-dark": transparentize($black, 0.85),
88
88
  "trans-light": transparentize($black, 0.85),