@acorex/styles 5.0.44 → 5.0.45

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/_badge.scss +15 -16
  3. package/src/components/_popup.scss +32 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "5.0.44",
3
+ "version": "5.0.45",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/_badge.scss CHANGED
@@ -3,7 +3,6 @@
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
4
  min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 15px);
5
5
  height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 15px);
6
-
7
6
  ax-prefix {
8
7
  @apply ax-me-1.5;
9
8
  }
@@ -16,29 +15,29 @@
16
15
  @apply ax-m-0;
17
16
  }
18
17
  }
19
- &.ax-primary-default{
20
- @apply ax-bg-primary-100 ax-text-primary-600 dark:ax-bg-primary-300;
18
+ &.ax-primary-default {
19
+ @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-300;
21
20
  }
22
- &.ax-secondary-default{
23
- @apply ax-bg-secondary-100 ax-text-secondary-600 dark:ax-bg-secondary-300 ;
21
+ &.ax-secondary-default {
22
+ @apply ax-bg-secondary-50 ax-text-secondary-500 dark:ax-bg-secondary-300;
24
23
  }
25
- &.ax-success-default{
26
- @apply ax-bg-success-100 ax-text-success-600 dark:ax-bg-success-300 ;
24
+ &.ax-success-default {
25
+ @apply ax-bg-success-50 ax-text-success-500 dark:ax-bg-success-300;
27
26
  }
28
- &.ax-warning-default{
29
- @apply ax-bg-warning-100 ax-text-warning-700 dark:ax-bg-warning-300 ;
27
+ &.ax-warning-default {
28
+ @apply ax-bg-warning-50 ax-text-warning-700 dark:ax-bg-warning-300;
30
29
  }
31
- &.ax-danger-default{
32
- @apply ax-bg-danger-100 ax-text-danger-600 dark:ax-bg-danger-300 ;
30
+ &.ax-danger-default {
31
+ @apply ax-bg-danger-50 ax-text-danger-500 dark:ax-bg-danger-300;
33
32
  }
34
- &.ax-info-default{
35
- @apply ax-bg-info-100 ax-text-info-600 dark:ax-bg-info-300 ;
33
+ &.ax-info-default {
34
+ @apply ax-bg-info-50 ax-text-info-500 dark:ax-bg-info-300;
36
35
  }
37
- &.ax-light-default{
36
+ &.ax-light-default {
38
37
  @apply ax-bg-light-200 ax-text-light-700;
39
38
  }
40
- &.ax-dark-default{
39
+ &.ax-dark-default {
41
40
  @apply ax-bg-dark-500 ax-text-dark-fore dark:ax-bg-dark-300 dark:ax-text-dark-50;
42
41
  }
43
42
  }
44
- }
43
+ }
package/src/components/_popup.scss CHANGED
@@ -43,7 +43,7 @@
43
43
  @apply ax-overflow-auto ax-flex-1;
44
44
  }
45
45
  .ax-popup-footer-container{
46
-
46
+
47
47
  }
48
48
  &.ax-popup-full {
49
49
  @apply ax-w-screen ax-h-screen ax-max-h-screen;
@@ -70,7 +70,7 @@
70
70
  @media all and (min-width: 1024px) and (max-width: 1279px) {
71
71
  &.ax-popup-sm {
72
72
  width: 100vw;
73
- max-height: 100vh;
73
+ max-height: calc(100 * var(--ax-vh));
74
74
  .ax-popup-main {
75
75
  @apply ax-h-screen;
76
76
  }
@@ -88,7 +88,7 @@
88
88
  @media all and (min-width: 768px) and (max-width: 1023px) {
89
89
  &.ax-popup-sm {
90
90
  width: 100vw;
91
- max-height: 100vh;
91
+ max-height: calc(100 * var(--ax-vh));
92
92
  .ax-popup-main {
93
93
  @apply ax-h-screen;
94
94
  }
@@ -106,8 +106,8 @@
106
106
  @media all and (min-width: 425px) and (max-width: 767px) {
107
107
  &.ax-popup-sm {
108
108
  width: 100vw;
109
- height: 100vh;
110
- max-height: 100vh;
109
+ height: calc(100 * var(--ax-vh));
110
+ max-height: calc(100 * var(--ax-vh));
111
111
  .ax-popup-main {
112
112
  @apply ax-h-screen;
113
113
  }
@@ -124,8 +124,8 @@
124
124
  &.ax-popup-md,
125
125
  &.ax-popup-lg {
126
126
  width: 100vw;
127
- height: 100vh;
128
- max-height: 100vh;
127
+ height: calc(100 * var(--ax-vh));
128
+ max-height: calc(100 * var(--ax-vh));
129
129
  .ax-popup-main {
130
130
  @apply ax-h-screen;
131
131
  }
@@ -133,3 +133,28 @@
133
133
  }
134
134
  }
135
135
  }
136
+
137
+ // @layer components {
138
+ // ax-popup {
139
+ // @apply ax-bg-white ax-rounded-md;
140
+ // // ax-page-footer,
141
+ // // ax-page-header {
142
+ // // @apply ax-grid ax-grid-cols-12 ax-gap-2 ax-px-3 ax-py-2 ax-border-solid ax-border-light-300 dark:ax-border-light-700;
143
+
144
+ // // ax-prefix {
145
+ // // @apply ax-flex ax-col-span-6 ax-col-start-1 ax-col-end-7 ax-justify-start;
146
+ // // }
147
+
148
+ // // ax-suffix {
149
+ // // @apply ax-flex ax-col-span-6 ax-col-start-7 ax-col-end-13 ax-justify-end;
150
+ // // }
151
+ // // }
152
+ // // ax-page-footer {
153
+ // // @apply ax-border-t;
154
+ // // }
155
+
156
+ // // ax-page-header {
157
+ // // @apply ax-border-b;
158
+ // // }
159
+ // }
160
+ // }