- Sponsor
-
Notifications
You must be signed in to change notification settings - Fork 130
Commit
…#1189) docs: https://tailwindcss.com/blog/tailwindcss-v4 swapped to vite plugin to improve dev perf as well per the rec from the blog post. --------- Co-authored-by: Tyler <[email protected]>
There are no files selected for viewing
This file was deleted.
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,3 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,3 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,11 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; | ||
|
||
@theme { | ||
--font-*: initial; | ||
--font-nunito: 'Nunito', sans-serif; | ||
--font-zen-maru-gothic: 'Zen Maru Gothic', serif; | ||
} |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,3 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,11 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; | ||
|
||
@theme { | ||
--font-*: initial; | ||
--font-nunito: 'Nunito', sans-serif; | ||
--font-zen-maru-gothic: 'Zen Maru Gothic', serif; | ||
} |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,3 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,3 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap') | ||
layer(base); | ||
@import 'tailwindcss'; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import tailwindcss from '@tailwindcss/vite'; | ||
|
||
export default { | ||
plugins: [tailwindcss()], | ||
}; |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,58 +1,64 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=block'); | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=block'); | ||
@import url('https://fonts.googleapis.com/css2?family=Inter&display=block'); | ||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=block'); | ||
@tailwind base; | ||
:root { | ||
@apply bg-black; | ||
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=block') | ||
layer(base); | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=block') | ||
layer(base); | ||
@import url('https://fonts.googleapis.com/css2?family=Inter&display=block') | ||
layer(base); | ||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=block') | ||
layer(base); | ||
@import 'tailwindcss'; | ||
|
||
@config '../tailwind.config.js'; | ||
|
||
@utility text-shadow { | ||
text-shadow: 0.03125em 0.03125em 0px black; | ||
} | ||
body { | ||
@apply overflow-x-clip overflow-y-scroll overscroll-none; | ||
} | ||
#__waku { | ||
@apply bg-gray-950; | ||
opacity: 0; | ||
animation: fadeIn cubic-bezier(0.4, 0, 0.2, 1) 0.5s; | ||
animation-iteration-count: 1; | ||
animation-fill-mode: forwards !important; | ||
animation-delay: 0.7s; | ||
} | ||
@keyframes fadeIn { | ||
0% { | ||
|
||
@layer base { | ||
:root { | ||
@apply bg-black; | ||
} | ||
body { | ||
@apply overflow-x-clip overflow-y-scroll overscroll-none; | ||
} | ||
#__waku { | ||
@apply bg-gray-950; | ||
opacity: 0; | ||
animation: fadeIn cubic-bezier(0.4, 0, 0.2, 1) 0.5s; | ||
animation-iteration-count: 1; | ||
animation-fill-mode: forwards !important; | ||
animation-delay: 0.7s; | ||
} | ||
100% { | ||
opacity: 1; | ||
@keyframes fadeIn { | ||
0% { | ||
opacity: 0; | ||
} | ||
100% { | ||
opacity: 1; | ||
} | ||
} | ||
} | ||
*::-webkit-scrollbar { | ||
@apply h-full w-4 bg-gray-950; | ||
} | ||
*::-webkit-scrollbar-track { | ||
@apply bg-gray-950; | ||
} | ||
*::-webkit-scrollbar-thumb { | ||
@apply rounded-2xl border-4 border-solid border-gray-950 bg-gray-600; | ||
} | ||
*::-webkit-scrollbar-button { | ||
@apply hidden; | ||
} | ||
*:focus { | ||
@apply !outline-none; | ||
} | ||
:focus:not(:focus-visible) { | ||
@apply !outline-none; | ||
} | ||
::selection { | ||
@apply bg-primary text-black; | ||
} | ||
.code + .code { | ||
@apply !-mt-8; | ||
} | ||
@layer utilities { | ||
.text-shadow { | ||
text-shadow: 0.03125em 0.03125em 0px black; | ||
*::-webkit-scrollbar { | ||
@apply h-full w-4 bg-gray-950; | ||
} | ||
*::-webkit-scrollbar-track { | ||
@apply bg-gray-950; | ||
} | ||
*::-webkit-scrollbar-thumb { | ||
@apply rounded-2xl border-4 border-solid border-gray-950 bg-gray-600; | ||
} | ||
*::-webkit-scrollbar-button { | ||
@apply hidden; | ||
} | ||
*:focus { | ||
@apply outline-hidden!; | ||
} | ||
:focus:not(:focus-visible) { | ||
@apply outline-hidden!; | ||
} | ||
::selection { | ||
@apply bg-primary text-black; | ||
} | ||
.code + .code { | ||
@apply -mt-8!; | ||
} | ||
} | ||
@tailwind components; | ||
@tailwind utilities; |
Large diffs are not rendered by default.