mirror of
https://github.com/TeamPiped/Piped.git
synced 2026-03-28 03:16:58 +00:00
Initial migration to UnoCSS.
This commit is contained in:
14
src/App.vue
14
src/App.vue
@@ -102,11 +102,11 @@ b {
|
||||
}
|
||||
|
||||
.video-grid {
|
||||
@apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto <md:gap-x-2.5 md:gap-x-1vw gap-y-1.5;
|
||||
@apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto lt-md:gap-x-2.5 md:gap-x-1vw gap-y-1.5;
|
||||
}
|
||||
|
||||
.btn {
|
||||
@apply h-full py-2 <md:(px-2) md:(px-4) rounded cursor-pointer;
|
||||
@apply h-full py-2 lt-md:px-2 md:px-4 rounded cursor-pointer;
|
||||
}
|
||||
|
||||
.reset {
|
||||
@@ -114,7 +114,7 @@ b {
|
||||
}
|
||||
|
||||
.auto {
|
||||
@apply dark:(text-white bg-dark-900);
|
||||
@apply @dark:(text-white bg-dark-900);
|
||||
}
|
||||
|
||||
.dark {
|
||||
@@ -145,7 +145,7 @@ b {
|
||||
.auto .input,
|
||||
.auto .select,
|
||||
.auto .btn {
|
||||
@apply dark:(text-gray-400 bg-dark-400);
|
||||
@apply @dark:(text-gray-400 bg-dark-400);
|
||||
}
|
||||
|
||||
.input {
|
||||
@@ -161,7 +161,7 @@ hr {
|
||||
}
|
||||
|
||||
.auto hr {
|
||||
@apply dark:border-dark-100;
|
||||
@apply @dark:border-dark-100;
|
||||
}
|
||||
|
||||
h1,
|
||||
@@ -194,7 +194,7 @@ h2 {
|
||||
}
|
||||
|
||||
.auto .link {
|
||||
@apply dark:hover:(text-gray-300 underline underline-gray-300);
|
||||
@apply @dark:hover:(text-gray-300 underline underline-gray-300);
|
||||
}
|
||||
|
||||
.dark .link-secondary {
|
||||
@@ -202,7 +202,7 @@ h2 {
|
||||
}
|
||||
|
||||
.auto .link-secondary {
|
||||
@apply dark:(text-gray-300 hover:(text-gray-400 underline underline-gray-400));
|
||||
@apply @dark:(text-gray-300 hover:(text-gray-400 underline underline-gray-400));
|
||||
}
|
||||
|
||||
.line {
|
||||
|
||||
Reference in New Issue
Block a user