nuxt-glorious 2.0.0-develop-0 → 2.0.0-develop-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.
- package/dist/module.json +1 -1
- package/dist/runtime/components/G/Modal.vue +1 -1
- package/dist/runtime/components/G/Table.vue +11 -6
- package/dist/runtime/components/helper.mjs +1 -12
- package/dist/runtime/scss/alert.css +33 -0
- package/dist/runtime/scss/avatar.css +57 -0
- package/dist/runtime/scss/breadcrumb.css +6 -0
- package/dist/runtime/scss/button.css +113 -0
- package/dist/runtime/scss/checkbox.css +94 -0
- package/dist/runtime/scss/drawer.css +56 -0
- package/dist/runtime/scss/file.css +134 -0
- package/dist/runtime/scss/glorious/alert.css +33 -0
- package/dist/runtime/scss/glorious/avatar.css +57 -0
- package/dist/runtime/scss/glorious/breadcrumb.css +6 -0
- package/dist/runtime/scss/glorious/button.css +113 -0
- package/dist/runtime/scss/glorious/checkbox.css +94 -0
- package/dist/runtime/scss/glorious/drawer.css +56 -0
- package/dist/runtime/scss/glorious/file.css +134 -0
- package/dist/runtime/scss/glorious/glorious.css +1334 -0
- package/dist/runtime/scss/glorious/input.css +184 -0
- package/dist/runtime/scss/glorious/loading.css +43 -0
- package/dist/runtime/scss/glorious/mixin.css +0 -0
- package/dist/runtime/scss/glorious/modal.css +69 -0
- package/dist/runtime/scss/glorious/paginate.css +32 -0
- package/dist/runtime/scss/glorious/radio.css +121 -0
- package/dist/{scss/rating.scss → runtime/scss/glorious/rating.css} +30 -29
- package/dist/runtime/scss/glorious/select.css +49 -0
- package/dist/runtime/scss/glorious/switch.css +61 -0
- package/dist/runtime/scss/glorious/tab.css +9 -0
- package/dist/runtime/scss/glorious/table.css +99 -0
- package/dist/runtime/scss/glorious/textarea.css +67 -0
- package/dist/runtime/scss/glorious/timeline.css +47 -0
- package/dist/runtime/scss/glorious/tooltip.css +9 -0
- package/dist/runtime/scss/glorious/variable.css +0 -0
- package/dist/runtime/scss/glorious.css +1334 -0
- package/dist/runtime/scss/input.css +184 -0
- package/dist/runtime/scss/loading.css +43 -0
- package/dist/runtime/scss/mixin.css +0 -0
- package/dist/runtime/scss/modal.css +69 -0
- package/dist/runtime/scss/paginate.css +32 -0
- package/dist/runtime/scss/radio.css +121 -0
- package/dist/runtime/scss/rating.css +30 -0
- package/dist/runtime/scss/select.css +49 -0
- package/dist/runtime/scss/switch.css +61 -0
- package/dist/runtime/scss/tab.css +9 -0
- package/dist/runtime/scss/table.css +99 -0
- package/dist/runtime/scss/textarea.css +67 -0
- package/dist/runtime/scss/timeline.css +47 -0
- package/dist/runtime/scss/tooltip.css +9 -0
- package/dist/runtime/scss/variable.css +0 -0
- package/package.json +5 -3
- package/dist/scss/alert.scss +0 -7
- package/dist/scss/avatar.scss +0 -13
- package/dist/scss/breadcrumb.scss +0 -6
- package/dist/scss/button.scss +0 -30
- package/dist/scss/checkbox.scss +0 -52
- package/dist/scss/drawer.scss +0 -64
- package/dist/scss/file.scss +0 -19
- package/dist/scss/glorious.scss +0 -22
- package/dist/scss/input.scss +0 -93
- package/dist/scss/loading.scss +0 -92
- package/dist/scss/mixin.scss +0 -40
- package/dist/scss/modal.scss +0 -76
- package/dist/scss/paginate.scss +0 -28
- package/dist/scss/radio.scss +0 -59
- package/dist/scss/select.scss +0 -44
- package/dist/scss/switch.scss +0 -74
- package/dist/scss/tab.scss +0 -11
- package/dist/scss/table.scss +0 -41
- package/dist/scss/textarea.scss +0 -47
- package/dist/scss/timeline.scss +0 -40
- package/dist/scss/tooltip.scss +0 -14
- package/dist/scss/variable.scss +0 -19
@@ -0,0 +1,67 @@
|
|
1
|
+
.glorious-textarea-orange {
|
2
|
+
@apply ring-orange-500;
|
3
|
+
@apply rounded-md ring-1 px-3;
|
4
|
+
}
|
5
|
+
.glorious-textarea-orange:focus-visible {
|
6
|
+
@apply outline-none ring-2;
|
7
|
+
}
|
8
|
+
.glorious-textarea-orange:disabled {
|
9
|
+
@apply bg-green-300 cursor-not-allowed;
|
10
|
+
}
|
11
|
+
|
12
|
+
.glorious-textarea-blue {
|
13
|
+
@apply ring-blue-500;
|
14
|
+
@apply rounded-md ring-1 px-3;
|
15
|
+
}
|
16
|
+
.glorious-textarea-blue:focus-visible {
|
17
|
+
@apply outline-none ring-2;
|
18
|
+
}
|
19
|
+
.glorious-textarea-blue:disabled {
|
20
|
+
@apply bg-green-300 cursor-not-allowed;
|
21
|
+
}
|
22
|
+
|
23
|
+
.glorious-textarea-gray {
|
24
|
+
@apply ring-gray-500;
|
25
|
+
@apply rounded-md ring-1 px-3;
|
26
|
+
}
|
27
|
+
.glorious-textarea-gray:focus-visible {
|
28
|
+
@apply outline-none ring-2;
|
29
|
+
}
|
30
|
+
.glorious-textarea-gray:disabled {
|
31
|
+
@apply bg-green-300 cursor-not-allowed;
|
32
|
+
}
|
33
|
+
|
34
|
+
.glorious-textarea-red {
|
35
|
+
@apply ring-red-500;
|
36
|
+
@apply rounded-md ring-1 px-3;
|
37
|
+
}
|
38
|
+
.glorious-textarea-red:focus-visible {
|
39
|
+
@apply outline-none ring-2;
|
40
|
+
}
|
41
|
+
.glorious-textarea-red:disabled {
|
42
|
+
@apply bg-green-300 cursor-not-allowed;
|
43
|
+
}
|
44
|
+
|
45
|
+
.glorious-textarea-green {
|
46
|
+
@apply ring-green-500;
|
47
|
+
@apply rounded-md ring-1 px-3;
|
48
|
+
}
|
49
|
+
.glorious-textarea-green:focus-visible {
|
50
|
+
@apply outline-none ring-2;
|
51
|
+
}
|
52
|
+
.glorious-textarea-green:disabled {
|
53
|
+
@apply bg-green-300 cursor-not-allowed;
|
54
|
+
}
|
55
|
+
|
56
|
+
.glorious-textarea {
|
57
|
+
@apply relative w-full flex flex-col;
|
58
|
+
}
|
59
|
+
.glorious-textarea > textarea {
|
60
|
+
@apply w-full p-2;
|
61
|
+
}
|
62
|
+
.glorious-textarea > textarea.validation-error {
|
63
|
+
@apply ring-red-500 bg-red-50;
|
64
|
+
}
|
65
|
+
.glorious-textarea > textarea::placeholder {
|
66
|
+
@apply text-[14px];
|
67
|
+
}
|
@@ -0,0 +1,47 @@
|
|
1
|
+
.glorious-timeline-items {
|
2
|
+
@apply relative;
|
3
|
+
}
|
4
|
+
.glorious-timeline-items div {
|
5
|
+
@apply relative;
|
6
|
+
}
|
7
|
+
.glorious-timeline-items div::before {
|
8
|
+
content: "";
|
9
|
+
@apply absolute w-[2px] right-[-15px];
|
10
|
+
}
|
11
|
+
.glorious-timeline-items div::before:not(:last-child) {
|
12
|
+
@apply h-[calc(100%+20px)];
|
13
|
+
}
|
14
|
+
.glorious-timeline-items-count {
|
15
|
+
@apply absolute w-5 h-5 top-0 right-[-24px] rounded-full;
|
16
|
+
@apply text-white flex justify-center items-center font-medium;
|
17
|
+
}
|
18
|
+
.glorious-timeline-items.color-orange > div::before {
|
19
|
+
@apply bg-orange-500;
|
20
|
+
}
|
21
|
+
.glorious-timeline-items.color-blue > div::before {
|
22
|
+
@apply bg-blue-500;
|
23
|
+
}
|
24
|
+
.glorious-timeline-items.color-gray > div::before {
|
25
|
+
@apply bg-gray-500;
|
26
|
+
}
|
27
|
+
.glorious-timeline-items.color-red > div::before {
|
28
|
+
@apply bg-red-500;
|
29
|
+
}
|
30
|
+
.glorious-timeline-items.color-green > div::before {
|
31
|
+
@apply bg-green-500;
|
32
|
+
}
|
33
|
+
.glorious-timeline-items.color-orange .glorious-timeline-items-count {
|
34
|
+
@apply bg-orange-500;
|
35
|
+
}
|
36
|
+
.glorious-timeline-items.color-blue .glorious-timeline-items-count {
|
37
|
+
@apply bg-blue-500;
|
38
|
+
}
|
39
|
+
.glorious-timeline-items.color-gray .glorious-timeline-items-count {
|
40
|
+
@apply bg-gray-500;
|
41
|
+
}
|
42
|
+
.glorious-timeline-items.color-red .glorious-timeline-items-count {
|
43
|
+
@apply bg-red-500;
|
44
|
+
}
|
45
|
+
.glorious-timeline-items.color-green .glorious-timeline-items-count {
|
46
|
+
@apply bg-green-500;
|
47
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
.glorious-tooltip {
|
2
|
+
@apply relative w-max;
|
3
|
+
}
|
4
|
+
.glorious-tooltip > .tooltip-slot:hover ~ .tooltip-content {
|
5
|
+
@apply opacity-100;
|
6
|
+
}
|
7
|
+
.glorious-tooltip > .tooltip-content {
|
8
|
+
@apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 opacity-0 transition-all duration-100 ease-in;
|
9
|
+
}
|
File without changes
|
package/package.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
{
|
2
|
-
"version": "2.0.0-develop-
|
2
|
+
"version": "2.0.0-develop-2",
|
3
3
|
"name": "nuxt-glorious",
|
4
4
|
"description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
|
5
5
|
"repository": "sajadhzj/nuxt-glorious",
|
@@ -10,16 +10,18 @@
|
|
10
10
|
".": {
|
11
11
|
"types": "./dist/types.d.ts",
|
12
12
|
"import": "./dist/module.mjs",
|
13
|
-
"require": "./dist/module.cjs"
|
13
|
+
"require": "./dist/module.cjs",
|
14
|
+
"style": "./dist/runtime/scss/glorious.css"
|
14
15
|
}
|
15
16
|
},
|
17
|
+
"style": "./dist/runtime/scss/glorious.css",
|
16
18
|
"main": "./dist/module.cjs",
|
17
19
|
"types": "./dist/types.d.ts",
|
18
20
|
"files": [
|
19
21
|
"dist"
|
20
22
|
],
|
21
23
|
"scripts": {
|
22
|
-
"prepack": "
|
24
|
+
"prepack": "cp -R ../../assets/scss/glorious src/runtime/scss && nuxt-module-build build",
|
23
25
|
"dev": "nuxi dev --port=3001 playground",
|
24
26
|
"dev:build": "nuxi build playground",
|
25
27
|
"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
|
package/dist/scss/alert.scss
DELETED
package/dist/scss/avatar.scss
DELETED
@@ -1,13 +0,0 @@
|
|
1
|
-
@use 'variable.scss' as var;
|
2
|
-
|
3
|
-
.glorious-avatar {
|
4
|
-
@apply overflow-hidden;
|
5
|
-
@each $key, $value in var.$sizes {
|
6
|
-
&.#{'size-' + $key} {
|
7
|
-
@apply #{"w-[" + ($value + 4 ) + "px] h-[" + ($value + 4 ) + "px]"};
|
8
|
-
> img {
|
9
|
-
@apply #{"w-[" + ($value + 4 ) + "px] h-[" + ($value + 4 ) + "px]"};
|
10
|
-
}
|
11
|
-
}
|
12
|
-
}
|
13
|
-
}
|
package/dist/scss/button.scss
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
@use 'variable.scss' as var;
|
2
|
-
@use 'mixin.scss' as mixin;
|
3
|
-
|
4
|
-
button:focus-visible {
|
5
|
-
@apply outline-none;
|
6
|
-
}
|
7
|
-
|
8
|
-
.glorious-button {
|
9
|
-
@apply rounded-md text-white px-3 relative;
|
10
|
-
@include mixin.loading-size(6);
|
11
|
-
@include mixin.load-size();
|
12
|
-
}
|
13
|
-
@each $color in var.$colors {
|
14
|
-
.#{'button-color-' + $color} {
|
15
|
-
@apply #{"bg-" + ($color) + "-600 border-" + $color + "-700 hover:bg-" + $color + "-700"};
|
16
|
-
|
17
|
-
&.outline {
|
18
|
-
@apply bg-transparent border outline-none;
|
19
|
-
@apply #{"text-" + $color + "-500 hover:bg-" + $color + "-100"};
|
20
|
-
@include mixin.loading-color($color);
|
21
|
-
}
|
22
|
-
|
23
|
-
&:disabled {
|
24
|
-
@apply cursor-not-allowed;
|
25
|
-
&:not(:disabled) {
|
26
|
-
@apply #{"bg-" + ($color) + "-300"};
|
27
|
-
}
|
28
|
-
}
|
29
|
-
}
|
30
|
-
}
|
package/dist/scss/checkbox.scss
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
@use 'variable.scss' as var;
|
2
|
-
$svg-check-icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNIDI4LjI4MTI1IDYuMjgxMjUgTCAxMSAyMy41NjI1IEwgMy43MTg3NSAxNi4yODEyNSBMIDIuMjgxMjUgMTcuNzE4NzUgTCAxMC4yODEyNSAyNS43MTg3NSBMIDExIDI2LjQwNjI1IEwgMTEuNzE4NzUgMjUuNzE4NzUgTCAyOS43MTg3NSA3LjcxODc1IFoiLz48L3N2Zz4K';
|
3
|
-
.glorious-checkbox {
|
4
|
-
@apply block relative cursor-pointer;
|
5
|
-
|
6
|
-
> input {
|
7
|
-
@apply hidden;
|
8
|
-
|
9
|
-
&:checked ~ div {
|
10
|
-
@apply border-none;
|
11
|
-
|
12
|
-
&:after {
|
13
|
-
@apply block h-max w-max;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
&:disabled ~ div {
|
18
|
-
@apply cursor-not-allowed;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
> div:last-child {
|
22
|
-
@apply border border-gray-500 rounded bg-white left-0 top-0 absolute hover:shadow-lg;
|
23
|
-
> div:first-child {
|
24
|
-
@apply hidden;
|
25
|
-
}
|
26
|
-
|
27
|
-
&:after {
|
28
|
-
content: url(#{$svg-check-icon});
|
29
|
-
|
30
|
-
@apply absolute hidden top-1 right-0 left-0 bottom-0 m-auto;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
@each $color in var.$colors {
|
35
|
-
&.#{'color-' + $color} {
|
36
|
-
> input {
|
37
|
-
&:checked ~ div {
|
38
|
-
@apply #{"bg-" + $color + "-500"};
|
39
|
-
}
|
40
|
-
}
|
41
|
-
}
|
42
|
-
}
|
43
|
-
|
44
|
-
@each $key, $value in var.$sizes {
|
45
|
-
&.size-#{$key} {
|
46
|
-
@apply w-[#{$value}px] h-[#{$value}px];
|
47
|
-
> div:last-child {
|
48
|
-
@apply w-[#{$value}px] h-[#{$value}px];
|
49
|
-
}
|
50
|
-
}
|
51
|
-
}
|
52
|
-
}
|
package/dist/scss/drawer.scss
DELETED
@@ -1,64 +0,0 @@
|
|
1
|
-
.glorious-drawer {
|
2
|
-
@apply fixed top-0 bg-white h-full w-[300px] z-[50];
|
3
|
-
|
4
|
-
> div {
|
5
|
-
@apply bg-white min-h-screen;
|
6
|
-
}
|
7
|
-
|
8
|
-
&.close {
|
9
|
-
&.right {
|
10
|
-
animation: drawer-close-right 250ms normal forwards;
|
11
|
-
}
|
12
|
-
&.left {
|
13
|
-
animation: drawer-close-left 250ms normal forwards;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
&.open {
|
18
|
-
@apply flex;
|
19
|
-
&.right {
|
20
|
-
animation: drawer-open-right 100ms normal forwards;
|
21
|
-
}
|
22
|
-
&.left {
|
23
|
-
animation: drawer-open-left 100ms normal forwards;
|
24
|
-
}
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
@keyframes drawer-open-right {
|
29
|
-
from {
|
30
|
-
right: -300px;
|
31
|
-
}
|
32
|
-
to {
|
33
|
-
right: 0;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
|
37
|
-
@keyframes drawer-close-right {
|
38
|
-
from {
|
39
|
-
right: 0;
|
40
|
-
}
|
41
|
-
to {
|
42
|
-
right: 300px;
|
43
|
-
display: hidden;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
|
47
|
-
@keyframes drawer-open-left {
|
48
|
-
from {
|
49
|
-
left: -300px;
|
50
|
-
}
|
51
|
-
to {
|
52
|
-
left: 0;
|
53
|
-
}
|
54
|
-
}
|
55
|
-
|
56
|
-
@keyframes drawer-close-left {
|
57
|
-
from {
|
58
|
-
left: 0;
|
59
|
-
}
|
60
|
-
to {
|
61
|
-
left: -300px;
|
62
|
-
display: hidden;
|
63
|
-
}
|
64
|
-
}
|
package/dist/scss/file.scss
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
@use 'variable.scss' as var;
|
2
|
-
@use 'mixin.scss' as mixin;
|
3
|
-
|
4
|
-
@each $color in var.$colors {
|
5
|
-
.#{'glorious-file-' + $color} {
|
6
|
-
@apply #{"ring-"+$color+"-500"};
|
7
|
-
@apply rounded-md ring-1 overflow-hidden cursor-pointer relative;
|
8
|
-
|
9
|
-
> div.placeholder {
|
10
|
-
@apply #{"bg-"+$color+"-500"};
|
11
|
-
@apply text-white px-3 w-max;
|
12
|
-
@include mixin.load-size();
|
13
|
-
}
|
14
|
-
|
15
|
-
> div:last-child {
|
16
|
-
@apply absolute left-3 hidden;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
}
|
package/dist/scss/glorious.scss
DELETED
@@ -1,22 +0,0 @@
|
|
1
|
-
@use 'mixin.scss';
|
2
|
-
@use 'variable.scss';
|
3
|
-
@use 'alert.scss';
|
4
|
-
@use 'avatar.scss';
|
5
|
-
@use 'breadcrumb.scss';
|
6
|
-
@use 'button.scss';
|
7
|
-
@use 'checkbox.scss';
|
8
|
-
@use 'drawer.scss';
|
9
|
-
@use 'file.scss';
|
10
|
-
@use 'input.scss';
|
11
|
-
@use 'loading.scss';
|
12
|
-
@use 'modal.scss';
|
13
|
-
@use 'paginate.scss';
|
14
|
-
@use 'radio.scss';
|
15
|
-
@use 'rating.scss';
|
16
|
-
@use 'select.scss';
|
17
|
-
@use 'switch.scss';
|
18
|
-
@use 'tab.scss';
|
19
|
-
@use 'table.scss';
|
20
|
-
@use 'textarea.scss';
|
21
|
-
@use 'timeline.scss';
|
22
|
-
@use 'tooltip.scss';
|
package/dist/scss/input.scss
DELETED
@@ -1,93 +0,0 @@
|
|
1
|
-
@use 'variable.scss' as var;
|
2
|
-
@use 'mixin.scss' as mixin;
|
3
|
-
|
4
|
-
@each $color in var.$colors {
|
5
|
-
.#{'glorious-input-' + $color} {
|
6
|
-
@apply #{"ring-" + $color + "-500"};
|
7
|
-
@apply rounded-md ring-1 bg-white;
|
8
|
-
@include mixin.load-size();
|
9
|
-
&:focus-visible {
|
10
|
-
@apply outline-none ring-2;
|
11
|
-
}
|
12
|
-
&:disabled {
|
13
|
-
@apply #{"bg-" + $color + "-100"};
|
14
|
-
@apply cursor-not-allowed;
|
15
|
-
}
|
16
|
-
}
|
17
|
-
}
|
18
|
-
|
19
|
-
.glorious-input {
|
20
|
-
&.validation-error {
|
21
|
-
> div > input {
|
22
|
-
@apply ring-red-500 bg-red-50;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
@apply relative w-full;
|
26
|
-
> input {
|
27
|
-
@apply w-full;
|
28
|
-
}
|
29
|
-
> input::placeholder {
|
30
|
-
@apply text-sm;
|
31
|
-
}
|
32
|
-
&.icon-xl {
|
33
|
-
> input {
|
34
|
-
@apply rtl:pr-9 ltr:pl-9;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
&.icon-lg {
|
38
|
-
> input {
|
39
|
-
@apply rtl:pr-9 ltr:pl-8;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
&.icon-md {
|
43
|
-
> input {
|
44
|
-
@apply rtl:pr-9 ltr:pl-8;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
&.icon-sm {
|
48
|
-
> input {
|
49
|
-
@apply rtl:pr-8 ltr:pl-8;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
&.icon-xsm {
|
53
|
-
> input {
|
54
|
-
@apply rtl:pr-8 ltr:pl-7;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
}
|
58
|
-
.glorious-input-icon {
|
59
|
-
@apply absolute h-max top-0 bottom-0 my-auto rtl:right-1 ltr:left-1;
|
60
|
-
}
|
61
|
-
|
62
|
-
/* ----------------------------------------------- TAG */
|
63
|
-
.glorious-input-tag {
|
64
|
-
@apply mt-3 gap-2 flex flex-wrap;
|
65
|
-
> div {
|
66
|
-
@apply bg-green-500 px-1 rounded text-white flex items-center gap-2 cursor-pointer;
|
67
|
-
}
|
68
|
-
}
|
69
|
-
|
70
|
-
.glorious-input {
|
71
|
-
// -------------------------------------------------- OPTION
|
72
|
-
> div {
|
73
|
-
> input.size-md {
|
74
|
-
// @apply top-[20px]
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
&-options {
|
79
|
-
@apply p-1 shadow-lg absolute w-full bg-white rounded border-gray-200 border max-h-[200px] overflow-y-auto z-40;
|
80
|
-
|
81
|
-
> div > div {
|
82
|
-
@apply p-2 hover:bg-gray-100 cursor-pointer rounded;
|
83
|
-
}
|
84
|
-
|
85
|
-
// &.size-md {
|
86
|
-
// @apply top-11;
|
87
|
-
// }
|
88
|
-
}
|
89
|
-
|
90
|
-
div > input::placeholder {
|
91
|
-
@apply text-gray-500;
|
92
|
-
}
|
93
|
-
}
|
package/dist/scss/loading.scss
DELETED
@@ -1,92 +0,0 @@
|
|
1
|
-
.glorious-loading {
|
2
|
-
aspect-ratio: 1;
|
3
|
-
border-radius: 50%;
|
4
|
-
animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
|
5
|
-
}
|
6
|
-
|
7
|
-
@keyframes l20-1 {
|
8
|
-
0% {
|
9
|
-
clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
|
10
|
-
}
|
11
|
-
12.5% {
|
12
|
-
clip-path: polygon(
|
13
|
-
50% 50%,
|
14
|
-
0 0,
|
15
|
-
50% 0%,
|
16
|
-
100% 0%,
|
17
|
-
100% 0%,
|
18
|
-
100% 0%,
|
19
|
-
100% 0%
|
20
|
-
);
|
21
|
-
}
|
22
|
-
25% {
|
23
|
-
clip-path: polygon(
|
24
|
-
50% 50%,
|
25
|
-
0 0,
|
26
|
-
50% 0%,
|
27
|
-
100% 0%,
|
28
|
-
100% 100%,
|
29
|
-
100% 100%,
|
30
|
-
100% 100%
|
31
|
-
);
|
32
|
-
}
|
33
|
-
50% {
|
34
|
-
clip-path: polygon(
|
35
|
-
50% 50%,
|
36
|
-
0 0,
|
37
|
-
50% 0%,
|
38
|
-
100% 0%,
|
39
|
-
100% 100%,
|
40
|
-
50% 100%,
|
41
|
-
0% 100%
|
42
|
-
);
|
43
|
-
}
|
44
|
-
62.5% {
|
45
|
-
clip-path: polygon(
|
46
|
-
50% 50%,
|
47
|
-
100% 0,
|
48
|
-
100% 0%,
|
49
|
-
100% 0%,
|
50
|
-
100% 100%,
|
51
|
-
50% 100%,
|
52
|
-
0% 100%
|
53
|
-
);
|
54
|
-
}
|
55
|
-
75% {
|
56
|
-
clip-path: polygon(
|
57
|
-
50% 50%,
|
58
|
-
100% 100%,
|
59
|
-
100% 100%,
|
60
|
-
100% 100%,
|
61
|
-
100% 100%,
|
62
|
-
50% 100%,
|
63
|
-
0% 100%
|
64
|
-
);
|
65
|
-
}
|
66
|
-
100% {
|
67
|
-
clip-path: polygon(
|
68
|
-
50% 50%,
|
69
|
-
50% 100%,
|
70
|
-
50% 100%,
|
71
|
-
50% 100%,
|
72
|
-
50% 100%,
|
73
|
-
50% 100%,
|
74
|
-
0% 100%
|
75
|
-
);
|
76
|
-
}
|
77
|
-
}
|
78
|
-
|
79
|
-
@keyframes l20-2 {
|
80
|
-
0% {
|
81
|
-
transform: scaleY(1) rotate(0deg);
|
82
|
-
}
|
83
|
-
49.99% {
|
84
|
-
transform: scaleY(1) rotate(135deg);
|
85
|
-
}
|
86
|
-
50% {
|
87
|
-
transform: scaleY(-1) rotate(0deg);
|
88
|
-
}
|
89
|
-
100% {
|
90
|
-
transform: scaleY(-1) rotate(-135deg);
|
91
|
-
}
|
92
|
-
}
|
package/dist/scss/mixin.scss
DELETED
@@ -1,40 +0,0 @@
|
|
1
|
-
@use 'variable.scss' as var;
|
2
|
-
|
3
|
-
@mixin load-bg($range: 100) {
|
4
|
-
@each $color in var.$colors {
|
5
|
-
&.#{'color-' + $color} {
|
6
|
-
@apply #{"bg-" + $color + "-" + $range};
|
7
|
-
}
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
@mixin load-size() {
|
12
|
-
@each $key, $value in var.$pSize {
|
13
|
-
&.#{'size-' + $key} {
|
14
|
-
@apply #{"py-" + $value};
|
15
|
-
}
|
16
|
-
}
|
17
|
-
}
|
18
|
-
|
19
|
-
@mixin load-border($range: 300) {
|
20
|
-
@each $color in var.$colors {
|
21
|
-
&.#{'color-' + $color} {
|
22
|
-
@apply #{"border border-" + $color + "-" + $range};
|
23
|
-
}
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
@mixin loading-size($size) {
|
28
|
-
div > loading {
|
29
|
-
@apply flex justify-center items-center;
|
30
|
-
}
|
31
|
-
div.loading > div > div {
|
32
|
-
@apply #{"w-" + $size};
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
@mixin loading-color($color) {
|
37
|
-
div.loading > div > div {
|
38
|
-
border-color: theme('colors.' + $color + '.700') !important;
|
39
|
-
}
|
40
|
-
}
|
package/dist/scss/modal.scss
DELETED
@@ -1,76 +0,0 @@
|
|
1
|
-
.glorious-scaffold-modal {
|
2
|
-
@apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
|
3
|
-
|
4
|
-
&-header {
|
5
|
-
@apply flex justify-between items-center;
|
6
|
-
}
|
7
|
-
|
8
|
-
&-footer {
|
9
|
-
@apply flex justify-center gap-3 mt-3;
|
10
|
-
> button {
|
11
|
-
@apply min-w-24;
|
12
|
-
}
|
13
|
-
}
|
14
|
-
|
15
|
-
&-bg-blur {
|
16
|
-
@apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 opacity-50 h-full w-full z-[40];
|
17
|
-
}
|
18
|
-
|
19
|
-
&.size-full {
|
20
|
-
@apply w-full h-full top-0 rounded-none;
|
21
|
-
}
|
22
|
-
|
23
|
-
&.size-xl {
|
24
|
-
@apply md:w-[70%] w-full md:h-max max-h-[calc(100%-15%)];
|
25
|
-
}
|
26
|
-
|
27
|
-
&.size-lg {
|
28
|
-
@apply md:w-[60%] w-full md:h-max max-h-[calc(100%-15%)];
|
29
|
-
}
|
30
|
-
|
31
|
-
&.size-md {
|
32
|
-
@apply md:w-[50%] w-full md:h-max max-h-[calc(100%-15%)];
|
33
|
-
}
|
34
|
-
|
35
|
-
&.size-sm {
|
36
|
-
@apply lg:w-[25%] md:w-[35%] w-full md:h-max max-h-[calc(100%-15%)];
|
37
|
-
}
|
38
|
-
|
39
|
-
&.close {
|
40
|
-
@apply hidden;
|
41
|
-
}
|
42
|
-
|
43
|
-
&.open.animation {
|
44
|
-
animation: animationMobile 0.3s normal forwards;
|
45
|
-
@screen md {
|
46
|
-
animation: animationOpacity 0.3s normal forwards;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
|
50
|
-
@keyframes animationOpacity {
|
51
|
-
0% {
|
52
|
-
transform: scale(0.1);
|
53
|
-
opacity: 0;
|
54
|
-
}
|
55
|
-
99% {
|
56
|
-
transform: scale(1);
|
57
|
-
opacity: 1;
|
58
|
-
}
|
59
|
-
100% {
|
60
|
-
transform: unset;
|
61
|
-
opacity: 1;
|
62
|
-
}
|
63
|
-
}
|
64
|
-
@keyframes animationMobile {
|
65
|
-
0% {
|
66
|
-
transform: translateY(100%);
|
67
|
-
}
|
68
|
-
|
69
|
-
99% {
|
70
|
-
transform: translateY(0);
|
71
|
-
}
|
72
|
-
100% {
|
73
|
-
transform: translateY(0);
|
74
|
-
}
|
75
|
-
}
|
76
|
-
}
|