@acorex/styles 5.1.1 → 5.1.2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/_menu.scss +27 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "5.1.1",
3
+ "version": "5.1.2",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/_menu.scss CHANGED
@@ -1,43 +1,50 @@
1
1
  @layer components {
2
-
3
2
  ax-menu,
4
3
  .ax-menu {
5
- >ul {
6
- @apply ax-border ax-border-solid ax-border-light-200 ax-flex ax-flex-col ax-text-sm;
4
+ > ul {
5
+ @apply ax-flex ax-flex-col ax-text-sm;
7
6
 
8
7
  li {
9
- @apply ax-cursor-pointer ax-p-1;
8
+ @apply ax-cursor-pointer;
9
+
10
+ &.ax-state-disabled {
11
+ @apply ax-cursor-not-allowed ax-opacity-60;
12
+ }
10
13
 
11
14
  a {
12
- @apply ax-no-underline ax-flex ax-justify-between ax-items-center ax-p-2 ax-animate-fadeIn ax-animate-faster;
15
+ @apply ax-no-underline ax-flex ax-justify-between ax-items-center ax-mb-2 ax-px-2.5 ax-py-3 ax-rounded-md;
13
16
 
14
17
  &.active {
15
- @apply ax-bg-primary-100 ax-text-primary-500;
16
- }
17
-
18
- .active-icon {
19
- @apply ax--rotate-90
18
+ @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
20
19
  }
21
20
 
22
21
  &:hover {
23
- @apply ax-text-primary-500
22
+ @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
23
+
24
24
  }
25
-
26
25
  ax-icon {
27
- @apply ax--rotate-180
26
+ @apply ax-text-xl;
27
+ }
28
+ .ax-menu-start-side {
29
+ @apply ax-flex ax-items-center;
30
+ ax-icon {
31
+ @apply ax-me-1.5;
32
+ }
33
+ }
34
+ .ax-menu-end-side {
35
+ ax-icon {
36
+ @apply ax-block ax--rotate-180 ax-transition-all ;
37
+ &.active-icon {
38
+ @apply ax--rotate-90;
39
+ }
40
+ }
28
41
  }
29
42
  }
30
43
 
31
44
  ul {
32
45
  @apply ax-ps-3;
33
-
34
46
  }
35
47
  }
36
48
  }
37
-
38
49
  }
39
-
40
-
41
-
42
-
43
- }
50
+ }