@acorex/styles 6.1.12 → 7.0.0

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 (81) hide show
  1. package/index.scss +3 -1
  2. package/package.json +1 -1
  3. package/src/base/index.scss +44 -30
  4. package/src/components/_avatar.scss +122 -122
  5. package/src/components/_badge.scss +178 -178
  6. package/src/components/_breadcrumbs.scss +30 -29
  7. package/src/components/_button copy.scss +924 -0
  8. package/src/components/_button.scss +0 -924
  9. package/src/components/_calendar.scss +180 -180
  10. package/src/components/_carousel.scss +44 -44
  11. package/src/components/_checkbox.scss +58 -58
  12. package/src/components/_collapse.scss +48 -48
  13. package/src/components/_color-palette.scss +5 -5
  14. package/src/components/_color-picker.scss +23 -23
  15. package/src/components/_context-menu.scss +0 -16
  16. package/src/components/_data-table.scss +1 -1
  17. package/src/components/_datepicker.scss +5 -5
  18. package/src/components/_decoration.scss +0 -39
  19. package/src/components/_dialog.scss +80 -79
  20. package/src/components/_drawer.scss +112 -112
  21. package/src/components/_dropdown.scss +162 -216
  22. package/src/components/_editor-container.scss +0 -155
  23. package/src/components/_fieldset.scss +1 -6
  24. package/src/components/_image.scss +1 -1
  25. package/src/components/_label.scss +1 -1
  26. package/src/components/_list.scss +0 -83
  27. package/src/components/_loading.scss +1 -50
  28. package/src/components/_menu copy.scss +5 -5
  29. package/src/components/_menu.scss +114 -114
  30. package/src/components/_popup.scss +92 -91
  31. package/src/components/_progress.scss +59 -59
  32. package/src/components/_radio.scss +30 -30
  33. package/src/components/_range-slider.scss +147 -125
  34. package/src/components/_result.scss +2 -2
  35. package/src/components/_selectbox.scss +15 -17
  36. package/src/components/_selection-list.scss +2 -2
  37. package/src/components/_skeleton.scss +2 -2
  38. package/src/components/_switch.scss +0 -186
  39. package/src/components/_table.scss +0 -81
  40. package/src/components/_tabs copy.scss +18 -18
  41. package/src/components/_tabs.scss +235 -235
  42. package/src/components/_textarea.scss +27 -31
  43. package/src/components/_toast.scss +1 -1
  44. package/src/components/_treeview.scss +0 -54
  45. package/src/components/_uploader.scss +0 -18
  46. package/src/components/index.scss +1 -47
  47. package/src/icons/demo.html +892 -738
  48. package/src/icons/fonts/acorex-icons.eot +0 -0
  49. package/src/icons/fonts/acorex-icons.svg +71 -0
  50. package/src/icons/fonts/acorex-icons.ttf +0 -0
  51. package/src/icons/fonts/acorex-icons.woff +0 -0
  52. package/src/icons/selection.json +1 -1
  53. package/src/icons/style.css +210 -177
  54. package/src/icons/style.scss +335 -280
  55. package/src/icons/variables.scss +65 -54
  56. package/src/mixins/_media.scss +27 -0
  57. package/src/mixins/index.scss +1 -0
  58. package/src/shared/_check-box.scss +45 -0
  59. package/src/shared/_decoration.scss +56 -0
  60. package/src/shared/_drop-down.scss +163 -0
  61. package/src/shared/_editor-container.scss +130 -0
  62. package/src/shared/_general-button.scss +42 -0
  63. package/src/shared/_icon-control.scss +0 -0
  64. package/src/shared/_inputs.scss +12 -0
  65. package/src/shared/_list.scss +134 -0
  66. package/src/shared/_radio.scss +37 -0
  67. package/src/shared/_skeleton.scss +26 -0
  68. package/src/shared/_table.scss +116 -0
  69. package/src/shared/_utils.scss +46 -0
  70. package/src/shared/index.scss +12 -0
  71. package/src/utility/_mixins.scss +3 -3
  72. package/src/utility/index.scss +16 -22
  73. package/src/variables/_colors.scss +76 -107
  74. package/src/variables/_degrees.scss +1 -0
  75. package/src/variables/index.scss +2 -0
  76. package/{index.js → tailwind.config.js} +14 -63
  77. package/src/components/_alert.scss +0 -276
  78. package/src/icons/fonts/acorex-icon.eot +0 -0
  79. package/src/icons/fonts/acorex-icon.svg +0 -60
  80. package/src/icons/fonts/acorex-icon.ttf +0 -0
  81. package/src/icons/fonts/acorex-icon.woff +0 -0
package/src/components/_badge.scss CHANGED
@@ -1,184 +1,184 @@
1
- @layer components {
2
- .ax-badge {
3
- @apply ax-rounded ax-align-middle ax-flex ax-justify-center ax-items-center ax-max-w-max ax-text-sm ax-font-normal ax-px-2.5 ax-py-0.5;
4
- min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
5
- height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
6
- &.ax-lg {
7
- @apply ax-px-3 ax-py-0.5;
8
- }
9
- .ax-prefix {
10
- @apply ax-me-1.5;
11
- }
12
- .ax-suffix {
13
- @apply ax-ms-1.5;
14
- }
15
- &.ax-badge-icon {
16
- .ax-prefix,
17
- .ax-suffix {
18
- @apply ax-m-0;
19
- }
20
- }
21
- &.ax-badge-icon {
1
+ // @layer components {
2
+ // .ax-badge {
3
+ // @apply ax-rounded ax-align-middle ax-flex ax-justify-center ax-items-center ax-max-w-max ax-text-sm ax-font-normal ax-px-2.5 ax-py-0.5;
4
+ // min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
5
+ // height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
6
+ // &.ax-lg {
7
+ // @apply ax-px-3 ax-py-0.5;
8
+ // }
9
+ // .ax-prefix {
10
+ // @apply ax-me-1.5;
11
+ // }
12
+ // .ax-suffix {
13
+ // @apply ax-ms-1.5;
14
+ // }
15
+ // &.ax-badge-icon {
16
+ // .ax-prefix,
17
+ // .ax-suffix {
18
+ // @apply ax-m-0;
19
+ // }
20
+ // }
21
+ // &.ax-badge-icon {
22
22
 
23
- width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
24
- height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
25
- }
26
- &.ax-primary-default {
27
- @apply ax-bg-primary-500 ax-text-primary-fore ax-border-transparent dark:ax-bg-primary-800;
28
- }
29
- &.ax-primary-twotone {
30
- @apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent dark:ax-bg-primary-800 dark:ax-text-primary-100;
31
- }
32
- &.ax-primary-outline {
33
- @apply ax-text-primary-500 ax-border ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
34
- }
35
- &.ax-primary-blank {
36
- @apply ax-text-primary-500 ax-border-transparent dark:ax-text-primary-300;
37
- }
38
- &.ax-primary-link {
39
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-primary-500 ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
40
- }
23
+ // width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
24
+ // height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
25
+ // }
26
+ // &.ax-primary-default {
27
+ // @apply ax-bg-primary-500 ax-text-primary-fore ax-border-transparent dark:ax-bg-primary-800;
28
+ // }
29
+ // &.ax-primary-twotone {
30
+ // @apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent dark:ax-bg-primary-800 dark:ax-text-primary-100;
31
+ // }
32
+ // &.ax-primary-outline {
33
+ // @apply ax-text-primary-500 ax-border ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
34
+ // }
35
+ // &.ax-primary-blank {
36
+ // @apply ax-text-primary-500 ax-border-transparent dark:ax-text-primary-300;
37
+ // }
38
+ // &.ax-primary-link {
39
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-primary-500 ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
40
+ // }
41
41
 
42
- // secondary
43
- &.ax-secondary-default {
44
- @apply ax-bg-secondary-500 ax-text-secondary-fore ax-border-transparent dark:ax-bg-secondary-800;
45
- }
46
- &.ax-secondary-twotone {
47
- @apply ax-bg-secondary-100 ax-text-secondary-500 ax-border-transparent dark:ax-bg-secondary-800 dark:ax-text-secondary-100;
48
- }
49
- &.ax-secondary-outline {
50
- @apply ax-text-secondary-500 ax-border ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
51
- }
52
- &.ax-secondary-blank {
53
- @apply ax-text-secondary-500 ax-border-transparent dark:ax-text-secondary-300;
54
- }
55
- &.ax-secondary-link {
56
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-secondary-500 ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
57
- }
58
- // success
59
- &.ax-success-default {
60
- @apply ax-bg-success-500 ax-text-success-fore ax-border-transparent dark:ax-bg-success-800;
61
- }
62
- &.ax-success-twotone {
63
- @apply ax-bg-success-100 ax-text-success-500 ax-border-transparent dark:ax-bg-success-800 dark:ax-text-success-100;
64
- }
65
- &.ax-success-outline {
66
- @apply ax-text-success-500 ax-border ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
67
- }
68
- &.ax-success-blank {
69
- @apply ax-text-success-500 ax-border-transparent dark:ax-text-success-300;
70
- }
71
- &.ax-success-link {
72
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-success-500 ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
73
- }
74
- // warning
75
- &.ax-warning-default {
76
- @apply ax-bg-warning-500 ax-text-warning-fore ax-border-transparent dark:ax-bg-warning-800;
77
- }
78
- &.ax-warning-twotone {
79
- @apply ax-bg-warning-100 ax-text-warning-900 ax-border-transparent dark:ax-bg-warning-800 dark:ax-text-warning-fore;
80
- }
81
- &.ax-warning-outline {
82
- @apply ax-text-warning-500 ax-border ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
83
- }
84
- &.ax-warning-blank {
85
- @apply ax-text-warning-500 ax-border-transparent dark:ax-text-warning-300;
86
- }
87
- &.ax-warning-link {
88
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-warning-500 ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
89
- }
90
- // danger
91
- &.ax-danger-default {
92
- @apply ax-bg-danger-500 ax-text-danger-fore ax-border-transparent dark:ax-bg-danger-800;
93
- }
94
- &.ax-danger-twotone {
95
- @apply ax-bg-danger-100 ax-text-danger-500 ax-border-transparent dark:ax-bg-danger-800 dark:ax-text-danger-100;
96
- }
97
- &.ax-danger-outline {
98
- @apply ax-text-danger-500 ax-border ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
99
- }
100
- &.ax-danger-blank {
101
- @apply ax-text-danger-500 ax-border-transparent dark:ax-text-danger-300;
102
- }
103
- &.ax-danger-link {
104
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-danger-500 ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
105
- }
42
+ // // secondary
43
+ // &.ax-secondary-default {
44
+ // @apply ax-bg-secondary-500 ax-text-secondary-fore ax-border-transparent dark:ax-bg-secondary-800;
45
+ // }
46
+ // &.ax-secondary-twotone {
47
+ // @apply ax-bg-secondary-100 ax-text-secondary-500 ax-border-transparent dark:ax-bg-secondary-800 dark:ax-text-secondary-100;
48
+ // }
49
+ // &.ax-secondary-outline {
50
+ // @apply ax-text-secondary-500 ax-border ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
51
+ // }
52
+ // &.ax-secondary-blank {
53
+ // @apply ax-text-secondary-500 ax-border-transparent dark:ax-text-secondary-300;
54
+ // }
55
+ // &.ax-secondary-link {
56
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-secondary-500 ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
57
+ // }
58
+ // // success
59
+ // &.ax-success-default {
60
+ // @apply ax-bg-success-500 ax-text-success-fore ax-border-transparent dark:ax-bg-success-800;
61
+ // }
62
+ // &.ax-success-twotone {
63
+ // @apply ax-bg-success-100 ax-text-success-500 ax-border-transparent dark:ax-bg-success-800 dark:ax-text-success-100;
64
+ // }
65
+ // &.ax-success-outline {
66
+ // @apply ax-text-success-500 ax-border ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
67
+ // }
68
+ // &.ax-success-blank {
69
+ // @apply ax-text-success-500 ax-border-transparent dark:ax-text-success-300;
70
+ // }
71
+ // &.ax-success-link {
72
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-success-500 ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
73
+ // }
74
+ // // warning
75
+ // &.ax-warning-default {
76
+ // @apply ax-bg-warning-500 ax-text-warning-fore ax-border-transparent dark:ax-bg-warning-800;
77
+ // }
78
+ // &.ax-warning-twotone {
79
+ // @apply ax-bg-warning-100 ax-text-warning-900 ax-border-transparent dark:ax-bg-warning-800 dark:ax-text-warning-fore;
80
+ // }
81
+ // &.ax-warning-outline {
82
+ // @apply ax-text-warning-500 ax-border ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
83
+ // }
84
+ // &.ax-warning-blank {
85
+ // @apply ax-text-warning-500 ax-border-transparent dark:ax-text-warning-300;
86
+ // }
87
+ // &.ax-warning-link {
88
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-warning-500 ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
89
+ // }
90
+ // // danger
91
+ // &.ax-danger-default {
92
+ // @apply ax-bg-danger-500 ax-text-danger-fore ax-border-transparent dark:ax-bg-danger-800;
93
+ // }
94
+ // &.ax-danger-twotone {
95
+ // @apply ax-bg-danger-100 ax-text-danger-500 ax-border-transparent dark:ax-bg-danger-800 dark:ax-text-danger-100;
96
+ // }
97
+ // &.ax-danger-outline {
98
+ // @apply ax-text-danger-500 ax-border ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
99
+ // }
100
+ // &.ax-danger-blank {
101
+ // @apply ax-text-danger-500 ax-border-transparent dark:ax-text-danger-300;
102
+ // }
103
+ // &.ax-danger-link {
104
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-danger-500 ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
105
+ // }
106
106
 
107
- // info
108
- &.ax-info-default {
109
- @apply ax-bg-info-500 ax-text-info-fore ax-border-transparent dark:ax-bg-info-800;
110
- }
111
- &.ax-info-twotone {
112
- @apply ax-bg-info-100 ax-text-info-500 ax-border-transparent dark:ax-bg-info-800 dark:ax-text-info-100;
113
- }
114
- &.ax-info-outline {
115
- @apply ax-text-info-500 ax-border ax-border-info-500 dark:ax-border-info-400 dark:ax-text-info-300;
116
- }
117
- &.ax-info-blank {
118
- @apply ax-text-info-500 ax-border-transparent dark:ax-text-info-300;
119
- }
120
- &.ax-info-link {
121
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-info-500 ax-border-info-500 dark:ax-border-info-400 dark:ax-text-info-300;
122
- }
107
+ // // info
108
+ // &.ax-primary-default {
109
+ // @apply ax-bg-primary-500 ax-text-primary-fore ax-border-transparent dark:ax-bg-primary-800;
110
+ // }
111
+ // &.ax-primary-twotone {
112
+ // @apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent dark:ax-bg-primary-800 dark:ax-text-primary-100;
113
+ // }
114
+ // &.ax-primary-outline {
115
+ // @apply ax-text-primary-500 ax-border ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
116
+ // }
117
+ // &.ax-primary-blank {
118
+ // @apply ax-text-primary-500 ax-border-transparent dark:ax-text-primary-300;
119
+ // }
120
+ // &.ax-primary-link {
121
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-primary-500 ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
122
+ // }
123
123
 
124
- // dark
125
- &.ax-dark-default {
126
- @apply ax-bg-dark-500 ax-text-dark-fore ax-border-transparent dark:ax-bg-dark-600;
127
- }
128
- &.ax-dark-twotone {
129
- @apply ax-bg-dark-50 ax-text-dark-500 ax-border-transparent dark:ax-bg-dark-300 dark:ax-text-dark-700;
130
- }
131
- &.ax-dark-outline {
132
- @apply ax-text-dark-500 ax-border-dark-500 dark:ax-text-dark-100 dark:ax-border-dark-100;
133
- }
134
- &.ax-dark-blank {
135
- @apply ax-text-dark-500 ax-border-transparent dark:ax-text-dark-50;
136
- }
137
- &.ax-dark-link {
138
- @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-dark-500 ax-border-dark-500 dark:ax-border-dark-50 dark:ax-text-dark-50;
139
- }
124
+ // // dark
125
+ // &.ax-neutral-default {
126
+ // @apply ax-bg-neutral-500 ax-text-neutral-fore ax-border-transparent dark:ax-bg-neutral-600;
127
+ // }
128
+ // &.ax-neutral-twotone {
129
+ // @apply ax-bg-neutral-50 ax-text-neutral-500 ax-border-transparent dark:ax-bg-neutral-300 dark:ax-text-neutral-700;
130
+ // }
131
+ // &.ax-neutral-outline {
132
+ // @apply ax-text-neutral-500 ax-border-neutral-500 dark:ax-text-neutral-100 dark:ax-border-neutral-100;
133
+ // }
134
+ // &.ax-neutral-blank {
135
+ // @apply ax-text-neutral-500 ax-border-transparent dark:ax-text-neutral-50;
136
+ // }
137
+ // &.ax-neutral-link {
138
+ // @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-neutral-500 ax-border-neutral-500 dark:ax-border-neutral-50 dark:ax-text-neutral-50;
139
+ // }
140
140
 
141
- // light
142
- &.ax-light-default {
143
- @apply ax-bg-light-100 ax-text-light-fore dark:ax-bg-light-800 dark:ax-border-light-800 dark:ax-text-light-100;
144
- }
145
- &.ax-light-twotone {
146
- @apply ax-bg-light-200 ax-text-light-fore dark:ax-bg-light-600 dark:ax-border-light-600 dark:ax-text-light-100;
147
- }
148
- &.ax-light-outline {
149
- @apply ax-text-light-fore ax-border ax-border-light-300 dark:ax-border-light-500 dark:ax-text-light-100;
150
- }
151
- &.ax-light-link {
152
- @apply ax-text-light-fore ax-border-b ax-rounded-none ax-border-light-300 dark:ax-text-light-100 dark:ax-border-light-500;
153
- }
154
- &.ax-light-blank {
155
- @apply ax-text-light-fore dark:ax-border-light-600 dark:ax-text-light-100;
156
- }
141
+ // // light
142
+ // &.ax-neutral-default {
143
+ // @apply ax-bg-neutral-100 ax-text-neutral-fore dark:ax-bg-neutral-800 dark:ax-border-neutral-800 dark:ax-text-neutral-100;
144
+ // }
145
+ // &.ax-neutral-twotone {
146
+ // @apply ax-bg-neutral-200 ax-text-neutral-fore dark:ax-bg-neutral-600 dark:ax-border-neutral-600 dark:ax-text-neutral-100;
147
+ // }
148
+ // &.ax-neutral-outline {
149
+ // @apply ax-text-neutral-fore ax-border ax-border-neutral-300 dark:ax-border-neutral-500 dark:ax-text-neutral-100;
150
+ // }
151
+ // &.ax-neutral-link {
152
+ // @apply ax-text-neutral-fore ax-border-b ax-rounded-none ax-border-neutral-300 dark:ax-text-neutral-100 dark:ax-border-neutral-500;
153
+ // }
154
+ // &.ax-neutral-blank {
155
+ // @apply ax-text-neutral-fore dark:ax-border-neutral-600 dark:ax-text-neutral-100;
156
+ // }
157
157
 
158
- // @include color-look-generator();
159
- // &.ax-primary-default {
160
- // @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
161
- // }
162
- // &.ax-secondary-default {
163
- // @apply ax-bg-secondary-50 ax-text-secondary-500 dark:ax-bg-secondary-500 dark:ax-text-secondary-fore;
164
- // }
165
- // &.ax-success-default {
166
- // @apply ax-bg-success-50 ax-text-success-500 dark:ax-bg-success-500 dark:ax-text-success-fore;
167
- // }
168
- // &.ax-warning-default {
169
- // @apply ax-bg-warning-50 ax-text-warning-700 dark:ax-bg-warning-500 dark:ax-text-warning-fore;
170
- // }
171
- // &.ax-danger-default {
172
- // @apply ax-bg-danger-50 ax-text-danger-500 dark:ax-bg-danger-500 dark:ax-text-danger-fore;
173
- // }
174
- // &.ax-info-default {
175
- // @apply ax-bg-info-50 ax-text-info-500 dark:ax-bg-info-500 dark:ax-text-info-fore;
176
- // }
177
- // &.ax-light-default {
178
- // @apply ax-bg-light-200 ax-text-light-700;
179
- // }
180
- // &.ax-dark-default {
181
- // @apply ax-bg-dark-500 ax-text-dark-fore dark:ax-bg-dark-500 dark:ax-text-dark-50;
182
- // }
183
- }
184
- }
158
+ // // @include color-look-generator();
159
+ // // &.ax-primary-default {
160
+ // // @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
161
+ // // }
162
+ // // &.ax-secondary-default {
163
+ // // @apply ax-bg-secondary-50 ax-text-secondary-500 dark:ax-bg-secondary-500 dark:ax-text-secondary-fore;
164
+ // // }
165
+ // // &.ax-success-default {
166
+ // // @apply ax-bg-success-50 ax-text-success-500 dark:ax-bg-success-500 dark:ax-text-success-fore;
167
+ // // }
168
+ // // &.ax-warning-default {
169
+ // // @apply ax-bg-warning-50 ax-text-warning-700 dark:ax-bg-warning-500 dark:ax-text-warning-fore;
170
+ // // }
171
+ // // &.ax-danger-default {
172
+ // // @apply ax-bg-danger-50 ax-text-danger-500 dark:ax-bg-danger-500 dark:ax-text-danger-fore;
173
+ // // }
174
+ // // &.ax-primary-default {
175
+ // // @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
176
+ // // }
177
+ // // &.ax-neutral-default {
178
+ // // @apply ax-bg-neutral-200 ax-text-neutral-700;
179
+ // // }
180
+ // // &.ax-neutral-default {
181
+ // // @apply ax-bg-neutral-500 ax-text-neutral-fore dark:ax-bg-neutral-500 dark:ax-text-neutral-50;
182
+ // // }
183
+ // }
184
+ // }
package/src/components/_breadcrumbs.scss CHANGED
@@ -1,29 +1,30 @@
1
- @layer components {
2
- .ax-breadcrumbs {
3
- @apply ax-inline-flex ax-items-center ax-me-1 md:ax-me-3;
4
- ax-breadcrumbs-item,
5
- .ax-breadcrumbs-item {
6
- @apply ax-inline-flex ax-items-center ax-text-sm ax-font-medium ax-text-light-500 dark:ax-text-light-400 ax-cursor-pointer ax-select-none;
7
- .ax-breadcrumbs-item-text {
8
- @apply ax-pe-2 hover:ax-text-light-900 dark:hover:ax-text-white;
9
- }
10
- .ax-prefix,
11
- .ax-suffix {
12
- @apply ax-pe-2;
13
- }
14
- .ax-breadcrumb-divider {
15
- @apply dark:ax-text-white/30;
16
- }
17
- &:last-child {
18
- .ax-breadcrumb-divider {
19
- @apply ax-hidden;
20
- }
21
- }
22
- &:not(&:first-child) {
23
- .ax-breadcrumbs-item-text {
24
- @apply ax-ps-2;
25
- }
26
- }
27
- }
28
- }
29
- }
1
+ // @layer components {
2
+ // .ax-breadcrumbs {
3
+ // @apply ax-inline-flex ax-items-center ax-me-1 md:ax-me-3;
4
+ // ax-breadcrumbs-item,
5
+ // .ax-breadcrumbs-item {
6
+ // @apply ax-inline-flex ax-items-center ax-text-sm ax-font-medium ax-text-neutral-500 dark:ax-text-neutral-400 ax-cursor-pointer ax-select-none;
7
+ // .ax-breadcrumbs-item-text {
8
+ // @apply ax-pe-2 hover:ax-text-neutral-900 dark:hover:ax-text-white;
9
+ // }
10
+ // .ax-prefix,
11
+ // .ax-suffix {
12
+ // @apply ax-pe-2;
13
+ // }
14
+ // .ax-breadcrumb-divider {
15
+ // @apply dark:ax-text-white/30;
16
+ // }
17
+ // &:last-child {
18
+ // .ax-breadcrumb-divider {
19
+ // @apply ax-hidden;
20
+ // }
21
+ // }
22
+ // &:not(&:first-child) {
23
+ // .ax-breadcrumbs-item-text {
24
+ // @apply ax-ps-2;
25
+ // }
26
+ // }
27
+ // }
28
+ // }
29
+ // }
30
+