style: auto-fix linting issues
This commit is contained in:
satanyahoo
github-actions[bot]
parent
f38a25173e
commit
63c67690d7
1 changed files with 93 additions and 2 deletions
95
styles.css
95
styles.css
|
|
@ -12,7 +12,7 @@
|
|||
TYPOGRAPHY SCALE
|
||||
Use these variables for ALL font sizes
|
||||
------------------------------------------------------------------------- */
|
||||
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
--font-family: 'Inter', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, sans-serif;
|
||||
--font-size-scale: 100%;
|
||||
|
||||
/* Typography Scale - Base 16px (1rem) */
|
||||
|
|
@ -98,7 +98,6 @@
|
|||
--duration-fast: 150ms;
|
||||
--duration-normal: 300ms;
|
||||
--duration-slow: 500ms;
|
||||
|
||||
--ease-linear: linear;
|
||||
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
||||
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
||||
|
|
@ -144,6 +143,7 @@
|
|||
/* -------------------------------------------------------------------------
|
||||
COMPONENT TOKENS
|
||||
------------------------------------------------------------------------- */
|
||||
|
||||
/* Buttons */
|
||||
--btn-height-sm: 32px;
|
||||
--btn-height-md: 40px;
|
||||
|
|
@ -479,27 +479,35 @@ kbd {
|
|||
.text-xs {
|
||||
font-size: var(--text-xs);
|
||||
}
|
||||
|
||||
.text-sm {
|
||||
font-size: var(--text-sm);
|
||||
}
|
||||
|
||||
.text-base {
|
||||
font-size: var(--text-base);
|
||||
}
|
||||
|
||||
.text-md {
|
||||
font-size: var(--text-md);
|
||||
}
|
||||
|
||||
.text-lg {
|
||||
font-size: var(--text-lg);
|
||||
}
|
||||
|
||||
.text-xl {
|
||||
font-size: var(--text-xl);
|
||||
}
|
||||
|
||||
.text-2xl {
|
||||
font-size: var(--text-2xl);
|
||||
}
|
||||
|
||||
.text-3xl {
|
||||
font-size: var(--text-3xl);
|
||||
}
|
||||
|
||||
.text-4xl {
|
||||
font-size: var(--text-4xl);
|
||||
}
|
||||
|
|
@ -507,12 +515,15 @@ kbd {
|
|||
.font-normal {
|
||||
font-weight: var(--font-normal);
|
||||
}
|
||||
|
||||
.font-medium {
|
||||
font-weight: var(--font-medium);
|
||||
}
|
||||
|
||||
.font-semibold {
|
||||
font-weight: var(--font-semibold);
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: var(--font-bold);
|
||||
}
|
||||
|
|
@ -520,15 +531,19 @@ kbd {
|
|||
.leading-none {
|
||||
line-height: var(--leading-none);
|
||||
}
|
||||
|
||||
.leading-tight {
|
||||
line-height: var(--leading-tight);
|
||||
}
|
||||
|
||||
.leading-snug {
|
||||
line-height: var(--leading-snug);
|
||||
}
|
||||
|
||||
.leading-normal {
|
||||
line-height: var(--leading-normal);
|
||||
}
|
||||
|
||||
.leading-relaxed {
|
||||
line-height: var(--leading-relaxed);
|
||||
}
|
||||
|
|
@ -537,21 +552,27 @@ kbd {
|
|||
.m-0 {
|
||||
margin: var(--space-0);
|
||||
}
|
||||
|
||||
.m-1 {
|
||||
margin: var(--space-1);
|
||||
}
|
||||
|
||||
.m-2 {
|
||||
margin: var(--space-2);
|
||||
}
|
||||
|
||||
.m-3 {
|
||||
margin: var(--space-3);
|
||||
}
|
||||
|
||||
.m-4 {
|
||||
margin: var(--space-4);
|
||||
}
|
||||
|
||||
.m-6 {
|
||||
margin: var(--space-6);
|
||||
}
|
||||
|
||||
.m-8 {
|
||||
margin: var(--space-8);
|
||||
}
|
||||
|
|
@ -559,18 +580,23 @@ kbd {
|
|||
.mt-0 {
|
||||
margin-top: var(--space-0);
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: var(--space-1);
|
||||
}
|
||||
|
||||
.mt-2 {
|
||||
margin-top: var(--space-2);
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: var(--space-3);
|
||||
}
|
||||
|
||||
.mt-4 {
|
||||
margin-top: var(--space-4);
|
||||
}
|
||||
|
||||
.mt-6 {
|
||||
margin-top: var(--space-6);
|
||||
}
|
||||
|
|
@ -578,18 +604,23 @@ kbd {
|
|||
.mb-0 {
|
||||
margin-bottom: var(--space-0);
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: var(--space-1);
|
||||
}
|
||||
|
||||
.mb-2 {
|
||||
margin-bottom: var(--space-2);
|
||||
}
|
||||
|
||||
.mb-3 {
|
||||
margin-bottom: var(--space-3);
|
||||
}
|
||||
|
||||
.mb-4 {
|
||||
margin-bottom: var(--space-4);
|
||||
}
|
||||
|
||||
.mb-6 {
|
||||
margin-bottom: var(--space-6);
|
||||
}
|
||||
|
|
@ -597,9 +628,11 @@ kbd {
|
|||
.ml-0 {
|
||||
margin-left: var(--space-0);
|
||||
}
|
||||
|
||||
.ml-2 {
|
||||
margin-left: var(--space-2);
|
||||
}
|
||||
|
||||
.ml-4 {
|
||||
margin-left: var(--space-4);
|
||||
}
|
||||
|
|
@ -607,9 +640,11 @@ kbd {
|
|||
.mr-0 {
|
||||
margin-right: var(--space-0);
|
||||
}
|
||||
|
||||
.mr-2 {
|
||||
margin-right: var(--space-2);
|
||||
}
|
||||
|
||||
.mr-4 {
|
||||
margin-right: var(--space-4);
|
||||
}
|
||||
|
|
@ -618,10 +653,12 @@ kbd {
|
|||
margin-left: var(--space-0);
|
||||
margin-right: var(--space-0);
|
||||
}
|
||||
|
||||
.mx-2 {
|
||||
margin-left: var(--space-2);
|
||||
margin-right: var(--space-2);
|
||||
}
|
||||
|
||||
.mx-4 {
|
||||
margin-left: var(--space-4);
|
||||
margin-right: var(--space-4);
|
||||
|
|
@ -631,10 +668,12 @@ kbd {
|
|||
margin-top: var(--space-0);
|
||||
margin-bottom: var(--space-0);
|
||||
}
|
||||
|
||||
.my-2 {
|
||||
margin-top: var(--space-2);
|
||||
margin-bottom: var(--space-2);
|
||||
}
|
||||
|
||||
.my-4 {
|
||||
margin-top: var(--space-4);
|
||||
margin-bottom: var(--space-4);
|
||||
|
|
@ -643,18 +682,23 @@ kbd {
|
|||
.p-0 {
|
||||
padding: var(--space-0);
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: var(--space-1);
|
||||
}
|
||||
|
||||
.p-2 {
|
||||
padding: var(--space-2);
|
||||
}
|
||||
|
||||
.p-3 {
|
||||
padding: var(--space-3);
|
||||
}
|
||||
|
||||
.p-4 {
|
||||
padding: var(--space-4);
|
||||
}
|
||||
|
||||
.p-6 {
|
||||
padding: var(--space-6);
|
||||
}
|
||||
|
|
@ -663,14 +707,17 @@ kbd {
|
|||
padding-left: var(--space-0);
|
||||
padding-right: var(--space-0);
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: var(--space-2);
|
||||
padding-right: var(--space-2);
|
||||
}
|
||||
|
||||
.px-3 {
|
||||
padding-left: var(--space-3);
|
||||
padding-right: var(--space-3);
|
||||
}
|
||||
|
||||
.px-4 {
|
||||
padding-left: var(--space-4);
|
||||
padding-right: var(--space-4);
|
||||
|
|
@ -680,14 +727,17 @@ kbd {
|
|||
padding-top: var(--space-0);
|
||||
padding-bottom: var(--space-0);
|
||||
}
|
||||
|
||||
.py-1 {
|
||||
padding-top: var(--space-1);
|
||||
padding-bottom: var(--space-1);
|
||||
}
|
||||
|
||||
.py-2 {
|
||||
padding-top: var(--space-2);
|
||||
padding-bottom: var(--space-2);
|
||||
}
|
||||
|
||||
.py-3 {
|
||||
padding-top: var(--space-3);
|
||||
padding-bottom: var(--space-3);
|
||||
|
|
@ -696,18 +746,23 @@ kbd {
|
|||
.gap-0 {
|
||||
gap: var(--space-0);
|
||||
}
|
||||
|
||||
.gap-1 {
|
||||
gap: var(--space-1);
|
||||
}
|
||||
|
||||
.gap-2 {
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
.gap-3 {
|
||||
gap: var(--space-3);
|
||||
}
|
||||
|
||||
.gap-4 {
|
||||
gap: var(--space-4);
|
||||
}
|
||||
|
||||
.gap-6 {
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
|
@ -716,21 +771,27 @@ kbd {
|
|||
.rounded-none {
|
||||
border-radius: var(--radius-none);
|
||||
}
|
||||
|
||||
.rounded-xs {
|
||||
border-radius: var(--radius-xs);
|
||||
}
|
||||
|
||||
.rounded-sm {
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
|
||||
.rounded-md {
|
||||
border-radius: var(--radius-md);
|
||||
}
|
||||
|
||||
.rounded-lg {
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
.rounded-xl {
|
||||
border-radius: var(--radius-xl);
|
||||
}
|
||||
|
||||
.rounded-full {
|
||||
border-radius: var(--radius-full);
|
||||
}
|
||||
|
|
@ -739,18 +800,23 @@ kbd {
|
|||
.shadow-none {
|
||||
box-shadow: var(--shadow-none);
|
||||
}
|
||||
|
||||
.shadow-xs {
|
||||
box-shadow: var(--shadow-xs);
|
||||
}
|
||||
|
||||
.shadow-sm {
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.shadow-md {
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.shadow-lg {
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
|
||||
.shadow-xl {
|
||||
box-shadow: var(--shadow-xl);
|
||||
}
|
||||
|
|
@ -759,21 +825,27 @@ kbd {
|
|||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.inline-flex {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -782,42 +854,55 @@ kbd {
|
|||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.flex-nowrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.items-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.items-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
.flex-auto {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.flex-none {
|
||||
flex: none;
|
||||
}
|
||||
|
|
@ -826,9 +911,11 @@ kbd {
|
|||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -857,6 +944,7 @@ kbd {
|
|||
.text-muted {
|
||||
color: var(--muted-foreground);
|
||||
}
|
||||
|
||||
.text-highlight {
|
||||
color: var(--highlight);
|
||||
}
|
||||
|
|
@ -865,6 +953,7 @@ kbd {
|
|||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cursor-default {
|
||||
cursor: default;
|
||||
}
|
||||
|
|
@ -873,9 +962,11 @@ kbd {
|
|||
.transition-fast {
|
||||
transition: all var(--duration-fast) var(--ease-in-out);
|
||||
}
|
||||
|
||||
.transition-normal {
|
||||
transition: all var(--duration-normal) var(--ease-in-out);
|
||||
}
|
||||
|
||||
.transition-slow {
|
||||
transition: all var(--duration-slow) var(--ease-in-out);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue