feat: Replace eslint => oxlint + oxfmt
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
@import "tailwindcss" theme(static) source("../../..");
|
||||
@import "tailwindcss" theme(static) source("../../..");
|
||||
@import "@nuxt/ui";
|
||||
|
||||
@import "./a11y.css";
|
||||
|
||||
@@ -8,13 +8,27 @@
|
||||
}
|
||||
|
||||
/* Container sizes */
|
||||
@utility container { @apply mx-auto px-container max-w-(--breakpoint-2xl); }
|
||||
@utility container-xl { @apply container max-w-(--breakpoint-xl); }
|
||||
@utility container-lg { @apply container max-w-(--breakpoint-lg); }
|
||||
@utility container-md { @apply container max-w-(--breakpoint-md); }
|
||||
@utility container-sm { @apply container max-w-(--breakpoint-sm); }
|
||||
@utility container-fluid { @apply container max-w-screen; }
|
||||
@utility container-none { @apply w-full max-w-screen; }
|
||||
@utility container {
|
||||
@apply mx-auto px-container max-w-(--breakpoint-2xl);
|
||||
}
|
||||
@utility container-xl {
|
||||
@apply container max-w-(--breakpoint-xl);
|
||||
}
|
||||
@utility container-lg {
|
||||
@apply container max-w-(--breakpoint-lg);
|
||||
}
|
||||
@utility container-md {
|
||||
@apply container max-w-(--breakpoint-md);
|
||||
}
|
||||
@utility container-sm {
|
||||
@apply container max-w-(--breakpoint-sm);
|
||||
}
|
||||
@utility container-fluid {
|
||||
@apply container max-w-screen;
|
||||
}
|
||||
@utility container-none {
|
||||
@apply w-full max-w-screen;
|
||||
}
|
||||
|
||||
/* Split containers */
|
||||
:root {
|
||||
@@ -42,6 +56,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@utility container-left { @apply ml-(--container-outside-margin) px-container;}
|
||||
@utility container-right { @apply mr-(--container-outside-margin) px-container;}
|
||||
@utility container-half { width: calc(var(--container-width) / 2);}
|
||||
@utility container-left {
|
||||
@apply ml-(--container-outside-margin) px-container;
|
||||
}
|
||||
@utility container-right {
|
||||
@apply mr-(--container-outside-margin) px-container;
|
||||
}
|
||||
@utility container-half {
|
||||
width: calc(var(--container-width) / 2);
|
||||
}
|
||||
|
||||
@@ -2,6 +2,12 @@
|
||||
@custom-variant links (& a:not([class*='link-']):not([class*='button-']));
|
||||
|
||||
/* Link styles */
|
||||
@utility link-base { @apply cursor-pointer disabled-default transition; }
|
||||
@utility link-underline { @apply link-base underline hover:decoration-primary; }
|
||||
@utility link-opacity { @apply link-base hover:opacity-80; }
|
||||
@utility link-base {
|
||||
@apply cursor-pointer disabled-default transition;
|
||||
}
|
||||
@utility link-underline {
|
||||
@apply link-base underline hover:decoration-primary;
|
||||
}
|
||||
@utility link-opacity {
|
||||
@apply link-base hover:opacity-80;
|
||||
}
|
||||
|
||||
@@ -1,15 +1,25 @@
|
||||
@utility prose {
|
||||
/* Headings (allow class overrides) */
|
||||
h1:not([class*="heading-"]) { @apply heading-1; }
|
||||
h2:not([class*="heading-"]) { @apply heading-2; }
|
||||
h3:not([class*="heading-"]) { @apply heading-3; }
|
||||
h4:not([class*="heading-"]) { @apply heading-4; }
|
||||
h1:not([class*="heading-"]) {
|
||||
@apply heading-1;
|
||||
}
|
||||
h2:not([class*="heading-"]) {
|
||||
@apply heading-2;
|
||||
}
|
||||
h3:not([class*="heading-"]) {
|
||||
@apply heading-3;
|
||||
}
|
||||
h4:not([class*="heading-"]) {
|
||||
@apply heading-4;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
@apply links:link-underline;
|
||||
|
||||
/* Paragraphs */
|
||||
p:not([class*="paragraph-"]) { @apply paragraph-base; }
|
||||
p:not([class*="paragraph-"]) {
|
||||
@apply paragraph-base;
|
||||
}
|
||||
|
||||
/* Spacing */
|
||||
@apply space-y-2;
|
||||
|
||||
@@ -1,10 +1,24 @@
|
||||
/* Heading styles */
|
||||
@utility heading-base { @apply font-bold tracking-tight };
|
||||
@utility heading-1 { @apply heading-base text-4xl; }
|
||||
@utility heading-2 { @apply heading-base text-3xl; }
|
||||
@utility heading-3 { @apply heading-base text-2xl; }
|
||||
@utility heading-4 { @apply heading-base text-xl; }
|
||||
@utility heading-base {
|
||||
@apply font-bold tracking-tight;
|
||||
}
|
||||
@utility heading-1 {
|
||||
@apply heading-base text-4xl;
|
||||
}
|
||||
@utility heading-2 {
|
||||
@apply heading-base text-3xl;
|
||||
}
|
||||
@utility heading-3 {
|
||||
@apply heading-base text-2xl;
|
||||
}
|
||||
@utility heading-4 {
|
||||
@apply heading-base text-xl;
|
||||
}
|
||||
|
||||
/* Paragraph styles */
|
||||
@utility paragraph-base { @apply font-sans; }
|
||||
@utility paragraph-lead { @apply paragraph-base text-2xl; }
|
||||
@utility paragraph-base {
|
||||
@apply font-sans;
|
||||
}
|
||||
@utility paragraph-lead {
|
||||
@apply paragraph-base text-2xl;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user