ds-learning 0.1.1 → 0.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.
- package/package.json +2 -2
- package/src/app/globals.css +154 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ds-learning",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "next dev",
|
|
@@ -50,6 +50,6 @@
|
|
|
50
50
|
"license": "ISC",
|
|
51
51
|
"files": [
|
|
52
52
|
"./src/components/*",
|
|
53
|
-
"./src/app/
|
|
53
|
+
"./src/app/globals.css"
|
|
54
54
|
]
|
|
55
55
|
}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
|
|
3
|
+
@layer base {
|
|
4
|
+
:root {
|
|
5
|
+
/* Colors */
|
|
6
|
+
--color-primary: #2D5BFF;
|
|
7
|
+
--color-secondary: #6284FD;
|
|
8
|
+
--color-tertiary: #96ADFF;
|
|
9
|
+
--color-quaternary: #ECF0FF;
|
|
10
|
+
|
|
11
|
+
--color-warning: #FFEF98;
|
|
12
|
+
--color-error: #FFC0C0;
|
|
13
|
+
--color-sucess: #1bcf51;
|
|
14
|
+
|
|
15
|
+
--color-hover: #1B4AF0;
|
|
16
|
+
--color-click: #002ED0;
|
|
17
|
+
--color-icon: #7C7B7B;
|
|
18
|
+
--color-outline: #D7D7D7;
|
|
19
|
+
--color-divider: #EDEDED;
|
|
20
|
+
|
|
21
|
+
--color-bg-light: #FFFFFF;
|
|
22
|
+
--color-bg-dark: #201f1f;
|
|
23
|
+
--color-bg-disabled: #EFEFEF;
|
|
24
|
+
|
|
25
|
+
--color-text-primary: #181818;
|
|
26
|
+
--color-text-secondary: #FFFFFF;
|
|
27
|
+
--color-text-tertiary: #747474;
|
|
28
|
+
--color-text-disabled: #8A8A8A;
|
|
29
|
+
|
|
30
|
+
/* Shadows */
|
|
31
|
+
--shadow-sm: 0px 0px 10px rgba(92, 92, 92, 15%);
|
|
32
|
+
--shadow-md: 0px 0px 20px rgba(92, 92, 92, 20%);
|
|
33
|
+
--shadow-lg: 0px 0px 30px rgba(92, 92, 92, 25%);
|
|
34
|
+
--shadow-focus: 0px 0px 0px 2px #643296;
|
|
35
|
+
--shadow-outline: 0px 0px 0px 2px #E8E8E8;
|
|
36
|
+
--shadow-button-focus: 0px 0px 0px 2px #AF4BFE;
|
|
37
|
+
|
|
38
|
+
/* Blur */
|
|
39
|
+
--blur: 4px;
|
|
40
|
+
|
|
41
|
+
/* Spacing */
|
|
42
|
+
--spacing-none: 0px; /* 0px */
|
|
43
|
+
--spacing-4xs: 4px; /* 4px */
|
|
44
|
+
--spacing-2xs: 12px; /* 12px */
|
|
45
|
+
--spacing-xs: 16px; /* 16px */
|
|
46
|
+
--spacing-sm: 20px; /* 20px */
|
|
47
|
+
--spacing-md: 24px; /* 24px */
|
|
48
|
+
--spacing-lg: 32px; /* 32px */
|
|
49
|
+
--spacing-xl: 40px; /* 40px */
|
|
50
|
+
--spacing-2xl: 48px; /* 48px */
|
|
51
|
+
--spacing-4xl: 56px; /* 56px */
|
|
52
|
+
|
|
53
|
+
/* Border Radius */
|
|
54
|
+
--radius-none: 0px;
|
|
55
|
+
--radius-sm: 4px;
|
|
56
|
+
--radius-md: 8px;
|
|
57
|
+
--radius-lg: 16px;
|
|
58
|
+
|
|
59
|
+
/* Font Sizes */
|
|
60
|
+
--text-xs: 12px;
|
|
61
|
+
--text-sm: 14px;
|
|
62
|
+
--text-md: 16px;
|
|
63
|
+
--text-lg: 18px;
|
|
64
|
+
--text-xl: 20px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.theme-violet {
|
|
68
|
+
--color-primary: #AF4BFE;
|
|
69
|
+
--color-secondary: #BE74F9;
|
|
70
|
+
--color-tertiary: #E2BDFF;
|
|
71
|
+
--color-quaternary: #F5E8FF;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/* @layer components {
|
|
76
|
+
.btn {
|
|
77
|
+
@apply bg-primary;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.btn[data-selected="true"] {
|
|
81
|
+
@apply bg-tertiary;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.btn[data-selected="true"][data-variant="secondary"] {
|
|
85
|
+
@apply bg-red-500;
|
|
86
|
+
}
|
|
87
|
+
} */
|
|
88
|
+
|
|
89
|
+
@theme {
|
|
90
|
+
/* Colors */
|
|
91
|
+
--color-primary: var(--color-primary);
|
|
92
|
+
--color-secondary: var(--color-secondary);
|
|
93
|
+
--color-tertiary: var(--color-tertiary);
|
|
94
|
+
--color-quaternary: var(--color-quaternary);
|
|
95
|
+
|
|
96
|
+
--color-disabled: var(--color-bg-disabled);
|
|
97
|
+
|
|
98
|
+
--color-text-primary: var(--color-text-primary);
|
|
99
|
+
--color-text-secondary: var(--color-text-secondary);
|
|
100
|
+
--color-text-tertiary: var(--color-text-tertiary);
|
|
101
|
+
--color-text-disabled: var(--color-text-disabled);
|
|
102
|
+
|
|
103
|
+
--color-dark: var(--color-bg-dark);
|
|
104
|
+
--color-light: var(--color-bg-light);
|
|
105
|
+
|
|
106
|
+
--color-warning: var(--color-warning);
|
|
107
|
+
--color-error: var(--color-error);
|
|
108
|
+
--color-sucess: var(--color-success);
|
|
109
|
+
|
|
110
|
+
/* Shadows */
|
|
111
|
+
--shadow-sm: var(--shadow-sm);
|
|
112
|
+
--shadow-md: var(--shadow-md);
|
|
113
|
+
--shadow-lg: var(--shadow-lg);
|
|
114
|
+
--shadow-focus: var(--shadow-focus);
|
|
115
|
+
--shadow-outline: var(--shadow-outline);
|
|
116
|
+
--shadow-button-focus: var(--shadow-button-focus);
|
|
117
|
+
|
|
118
|
+
/* Blur */
|
|
119
|
+
--blur: var(--blur);
|
|
120
|
+
|
|
121
|
+
/* Breakpoints */
|
|
122
|
+
--breakpoint-tablet: 1024px;
|
|
123
|
+
--breakpoint-desktop: 1440px;
|
|
124
|
+
--breakpoint-tv: 1920px;
|
|
125
|
+
|
|
126
|
+
/* Spacing */
|
|
127
|
+
--spacing-none: var(--spacing-none); /* 0px */
|
|
128
|
+
--spacing-4xs: var(--spacing-4xs); /* 4px */
|
|
129
|
+
--spacing-2xs: var(--spacing-2xs); /* 12px */
|
|
130
|
+
--spacing-xs: var(--spacing-xs); /* 16px */
|
|
131
|
+
--spacing-sm: var(--spacing-sm); /* 20px */
|
|
132
|
+
--spacing-md: var(--spacing-md); /* 24px */
|
|
133
|
+
--spacing-lg: var(--spacing-lg); /* 32px */
|
|
134
|
+
--spacing-xl: var(--spacing-xl); /* 40px */
|
|
135
|
+
--spacing-2xl: var(--spacing-2xl); /* 48px */
|
|
136
|
+
--spacing-4xl: var(--spacing-4xl); /* 56px */
|
|
137
|
+
|
|
138
|
+
/* Border Radius */
|
|
139
|
+
--radius-none: var(--border-radius-none);
|
|
140
|
+
--radius-sm: var(--border-radius-sm);
|
|
141
|
+
--radius-md: var(--border-radius-md);
|
|
142
|
+
--radius-lg: var(--border-radius-lg);
|
|
143
|
+
|
|
144
|
+
/* Font Sizes */
|
|
145
|
+
--text-xs: var(--text-xs);
|
|
146
|
+
--text-sm: var(--text-sm);
|
|
147
|
+
--text-md: var(--text-md);
|
|
148
|
+
--text-lg: var(--text-lg);
|
|
149
|
+
--text-xl: var(--text-xl);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
* {
|
|
153
|
+
font-family: var(--font-poppins);
|
|
154
|
+
}
|