@acorex/styles 5.0.26 → 5.0.27

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/src/components/_badge.scss +2 -2
  3. package/src/components/_editor-container.scss +19 -17
  4. package/src/components/_input.scss +2 -1
  5. package/src/utility/index.scss +9 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "5.0.26",
3
+ "version": "5.0.27",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/_badge.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  @layer components {
2
2
  .ax-badge {
3
3
  @apply ax-rounded ax-align-middle ax-flex ax-justify-center ax-items-center ax-max-w-max ax-text-sm ax-px-2;
4
- min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 10px);
5
- height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 10px);
4
+ min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 15px);
5
+ height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 15px);
6
6
 
7
7
  ax-prefix {
8
8
  @apply ax-me-1.5;
package/src/components/_editor-container.scss CHANGED
@@ -3,7 +3,9 @@
3
3
  height: calc(var(--ax-base-size) * var(--ax-base-ratio));
4
4
  @apply ax-flex ax-rounded ax-bg-white ax-shadow-sm ax-border ax-border-solid ax-border-light-300;
5
5
  @include control-dark('editor');
6
-
6
+ @screen md {
7
+ @apply ax-text-sm;
8
+ }
7
9
  &:focus-within {
8
10
  @apply ax-ring-2 ax-ring-primary-500 ax-ring-opacity-100 ax-border-transparent;
9
11
  }
@@ -20,10 +22,10 @@
20
22
  .ax-input {
21
23
  line-height: 4 !important;
22
24
  min-width: 1%;
23
- @apply ax-text-base ax-flex-1 ax-bg-transparent ax-border-none ax-px-2;
24
- @screen md {
25
- @apply ax-text-sm;
26
- }
25
+ foont-size:inherit;
26
+
27
+ @apply ax-flex-1 ax-bg-transparent ax-border-none ax-px-2.5;
28
+
27
29
  &:focus {
28
30
  box-shadow: none;
29
31
  }
@@ -75,17 +77,17 @@
75
77
  @apply ax-ring-0 ax-ring-transparent;
76
78
  }
77
79
  }
78
- &.ax-sm {
79
- height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - var(--ax-base-size)) !important;
80
- .ax-input {
81
- @apply ax-text-xs;
82
- }
83
- }
84
- &.ax-lg {
85
- height: calc((var(--ax-base-size) * var(--ax-base-ratio)) + var(--ax-base-size)) !important;
86
- .ax-input {
87
- @apply ax-text-lg;
88
- }
89
- }
80
+ // &.ax-sm {
81
+ // height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - var(--ax-base-size)) !important;
82
+ // .ax-input {
83
+ // @apply ax-text-xs;
84
+ // }
85
+ // }
86
+ // &.ax-lg {
87
+ // height: calc((var(--ax-base-size) * var(--ax-base-ratio)) + var(--ax-base-size)) !important;
88
+ // .ax-input {
89
+ // @apply ax-text-lg;
90
+ // }
91
+ // }
90
92
  }
91
93
  }
package/src/components/_input.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @layer components {
2
2
  .ax-input {
3
- @apply ax-outline-none ax-text-base ax-p-0;
3
+ @apply ax-outline-none ax-p-0;
4
+ foont-size:inherit;
4
5
  line-height: 20px;
5
6
  &:focus {
6
7
  @apply ax-ring-2 ax-ring-primary-500 ax-ring-opacity-100 ax-border-transparent;
package/src/utility/index.scss CHANGED
@@ -1,11 +1,16 @@
1
1
  @layer utilities {
2
2
  .ax-sm {
3
3
  --ax-base-size: 6px;
4
- font-size: 0.75rem
4
+ font-size: 0.75rem;
5
+ *{
6
+ font-size: 0.75rem;
7
+ }
5
8
  }
6
9
  .ax-lg {
7
10
  --ax-base-size: 10px;
8
- font-size: 1.125rem
11
+ font-size: 1.125rem;
12
+ * {
13
+ font-size: 1.125rem;
14
+ }
9
15
  }
10
-
11
- }
16
+ }