Skip to content

Commit 313d42d

Browse files
ahmedrangelahmedrangel
committed
chore: move global styles from main.css to _main.scss
1 parent bcdab83 commit 313d42d

2 files changed

Lines changed: 57 additions & 57 deletions

File tree

‎app/assets/css/main.css‎

Lines changed: 0 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,2 @@
11
@import "tailwindcss";
22
@import "@nuxt/ui";
3-
4-
:root {
5-
background-color: var(--ui-color-neutral-100);
6-
}
7-
8-
.dark {
9-
background-color: var(--ui-color-neutral-950);
10-
}
11-
12-
*::-webkit-scrollbar {
13-
width: 8px;
14-
height: 8px;
15-
}
16-
17-
*::-webkit-scrollbar-track {
18-
border-radius: 8px;
19-
background-color: var(--ui-color-neutral-900);
20-
}
21-
22-
*::-webkit-scrollbar-thumb {
23-
border-radius: 8px;
24-
border: 0 solid transparent;
25-
background-clip: content-box;
26-
background-color: var(--ui-color-neutral-200);
27-
}
28-
29-
*::-webkit-scrollbar-thumb:hover {
30-
background-color: var(--ui-color-neutral-100);
31-
}
32-
33-
html, body {
34-
background: linear-gradient(rgb(0 0 0 / 95%), rgb(9 28 172 / 45%), rgb(8 14 31 / 70%), rgb(0 0 0 / 195%)), url("/images/background.jpg");
35-
background-size: cover;
36-
background-position: center;
37-
background-repeat: no-repeat;
38-
background-attachment: fixed;
39-
}
40-
41-
img {
42-
object-fit: contain;
43-
}
44-
45-
.chart-container {
46-
position: relative;
47-
height: 400px;
48-
width: 100%;
49-
}
50-
51-
.iconify {
52-
flex-shrink: 0;
53-
}
54-
55-
@media (width <= 768px) {
56-
.chart-container {
57-
height: 300px;
58-
}
59-
}

‎app/assets/scss/_main.scss‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,60 @@
1+
:root {
2+
background-color: var(--ui-color-neutral-100);
3+
}
4+
5+
.dark {
6+
background-color: var(--ui-color-neutral-950);
7+
}
8+
9+
*::-webkit-scrollbar {
10+
width: 8px;
11+
height: 8px;
12+
}
13+
14+
*::-webkit-scrollbar-track {
15+
border-radius: 8px;
16+
background-color: var(--ui-color-neutral-900);
17+
}
18+
19+
*::-webkit-scrollbar-thumb {
20+
border-radius: 8px;
21+
border: 0 solid transparent;
22+
background-clip: content-box;
23+
background-color: var(--ui-color-neutral-200);
24+
}
25+
26+
*::-webkit-scrollbar-thumb:hover {
27+
background-color: var(--ui-color-neutral-100);
28+
}
29+
30+
html, body {
31+
background: linear-gradient(rgb(0 0 0 / 95%), rgb(9 28 172 / 45%), rgb(8 14 31 / 70%), rgb(0 0 0 / 195%)), url("/images/background.jpg");
32+
background-size: cover;
33+
background-position: center;
34+
background-repeat: no-repeat;
35+
background-attachment: fixed;
36+
}
37+
38+
img {
39+
object-fit: contain;
40+
}
41+
42+
.chart-container {
43+
position: relative;
44+
height: 400px;
45+
width: 100%;
46+
}
47+
48+
.iconify {
49+
flex-shrink: 0;
50+
}
51+
52+
@media (width <= 768px) {
53+
.chart-container {
54+
height: 300px;
55+
}
56+
}
57+
158
.scale-on-hover {
259
transition: transform .2s ease-in-out
360
}

0 commit comments

Comments
 (0)