@igamingcareer/igaming-components 1.0.11 → 1.0.12
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/index.js +1561 -1558
- package/dist/index.mjs +12521 -11956
- package/package.json +1 -1
- package/styles/courses.css +128 -0
package/package.json
CHANGED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
/* Custom styles for the IGaming course platform */
|
|
6
|
+
.line-clamp-2 {
|
|
7
|
+
display: -webkit-box;
|
|
8
|
+
-webkit-line-clamp: 2;
|
|
9
|
+
-webkit-box-orient: vertical;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.course-card {
|
|
14
|
+
transition: all 0.3s ease;
|
|
15
|
+
animation: fadeIn 0.5s ease-out;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.course-card:hover {
|
|
19
|
+
transform: translateY(-4px);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.course-navigation {
|
|
23
|
+
max-height: calc(100vh - 2rem);
|
|
24
|
+
overflow-y: auto;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.course-navigation::-webkit-scrollbar {
|
|
28
|
+
width: 4px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.course-navigation::-webkit-scrollbar-track {
|
|
32
|
+
background: #f1f1f1;
|
|
33
|
+
border-radius: 2px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.course-navigation::-webkit-scrollbar-thumb {
|
|
37
|
+
background: #c1c1c1;
|
|
38
|
+
border-radius: 2px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.course-navigation::-webkit-scrollbar-thumb:hover {
|
|
42
|
+
background: #a1a1a1;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* Smooth animations */
|
|
46
|
+
@keyframes fadeIn {
|
|
47
|
+
from {
|
|
48
|
+
opacity: 0;
|
|
49
|
+
transform: translateY(10px);
|
|
50
|
+
}
|
|
51
|
+
to {
|
|
52
|
+
opacity: 1;
|
|
53
|
+
transform: translateY(0);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Custom gradient backgrounds */
|
|
58
|
+
.gradient-purple {
|
|
59
|
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.gradient-blue {
|
|
63
|
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.gradient-orange {
|
|
67
|
+
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
/* Responsive design improvements */
|
|
71
|
+
@media (max-width: 768px) {
|
|
72
|
+
.course-navigation {
|
|
73
|
+
max-height: none;
|
|
74
|
+
}
|
|
75
|
+
\
|
|
76
|
+
.featured-courses .w-1/3 {
|
|
77
|
+
width: 100%;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/* Focus styles for accessibility */
|
|
82
|
+
button:focus,
|
|
83
|
+
input:focus,
|
|
84
|
+
select:focus {
|
|
85
|
+
outline: 2px solid #8b5cf6;
|
|
86
|
+
outline-offset: 2px;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/* Custom checkbox and radio styles */
|
|
90
|
+
input[type="checkbox"]:checked,
|
|
91
|
+
input[type="radio"]:checked {
|
|
92
|
+
background-color: #8b5cf6;
|
|
93
|
+
border-color: #8b5cf6;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* Loading states */
|
|
97
|
+
.loading-skeleton {
|
|
98
|
+
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
|
99
|
+
background-size: 200% 100%;
|
|
100
|
+
animation: loading 1.5s infinite;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@keyframes loading {
|
|
104
|
+
0% {
|
|
105
|
+
background-position: 200% 0;
|
|
106
|
+
}
|
|
107
|
+
100% {
|
|
108
|
+
background-position: -200% 0;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* Custom scrollbar for the entire page */
|
|
113
|
+
::-webkit-scrollbar {
|
|
114
|
+
width: 8px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
::-webkit-scrollbar-track {
|
|
118
|
+
background: #f1f1f1;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
::-webkit-scrollbar-thumb {
|
|
122
|
+
background: #c1c1c1;
|
|
123
|
+
border-radius: 4px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
::-webkit-scrollbar-thumb:hover {
|
|
127
|
+
background: #a1a1a1;
|
|
128
|
+
}
|