Skip to content

Commit

Permalink
style(ui): update styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@Valik3201
Valik3201 committed Feb 10, 2024
1 parent 3602a5f commit bfc6c0c
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 159 deletions.
200 changes: 43 additions & 157 deletions src/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -632,26 +632,17 @@ body {
grid-column: span 2 / span 2;
}

.col-span-3 {
grid-column: span 3 / span 3;
}

.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}

.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}

.ml-1 {
margin-left: 0.25rem;
.mb-2 {
margin-bottom: 0.5rem;
}

.ml-6 {
margin-left: 1.5rem;
.ml-1 {
margin-left: 0.25rem;
}

.mr-2 {
Expand All @@ -666,14 +657,6 @@ body {
margin-top: 0.375rem;
}

.mt-6 {
margin-top: 1.5rem;
}

.mb-2 {
margin-bottom: 0.5rem;
}

.flex {
display: flex;
}
Expand Down Expand Up @@ -759,27 +742,10 @@ body {
width: max-content;
}

.w-24 {
width: 6rem;
}

.w-1\/2 {
width: 50%;
}

.min-w-full {
min-width: 100%;
}

.max-w-2xl {
max-width: 42rem;
}

.max-w-max {
max-width: -webkit-max-content;
max-width: max-content;
}

.max-w-5xl {
max-width: 64rem;
}
Expand All @@ -788,6 +754,11 @@ body {
max-width: 72rem;
}

.max-w-max {
max-width: -webkit-max-content;
max-width: max-content;
}

.flex-1 {
flex: 1 1 0%;
}
Expand Down Expand Up @@ -815,32 +786,16 @@ body {
scroll-margin: 5rem;
}

.list-disc {
list-style-type: disc;
}

.list-none {
list-style-type: none;
}

.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
Expand All @@ -855,6 +810,10 @@ body {
flex-direction: column;
}

.flex-wrap {
flex-wrap: wrap;
}

.items-start {
align-items: flex-start;
}
Expand All @@ -879,14 +838,6 @@ body {
gap: 1rem;
}

.gap-8 {
gap: 2rem;
}

.gap-10 {
gap: 2.5rem;
}

.gap-x-0 {
column-gap: 0px;
}
Expand Down Expand Up @@ -941,14 +892,14 @@ body {
border-width: 1px;
}

.border-l-2 {
border-left-width: 2px;
}

.border-b {
border-bottom-width: 1px;
}

.border-l-2 {
border-left-width: 2px;
}

.border-input {
border-color: hsl(var(--input));
}
Expand All @@ -965,6 +916,10 @@ body {
background-color: hsl(var(--border));
}

.bg-card {
background-color: hsl(var(--card));
}

.bg-destructive {
background-color: hsl(var(--destructive));
}
Expand All @@ -985,10 +940,6 @@ body {
background-color: transparent;
}

.bg-card {
background-color: hsl(var(--card));
}

.object-cover {
object-fit: cover;
}
Expand Down Expand Up @@ -1042,14 +993,18 @@ body {
padding-bottom: 0.5rem;
}

.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}

.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}

.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
.pb-2 {
padding-bottom: 0.5rem;
}

.pb-8 {
Expand All @@ -1060,31 +1015,28 @@ body {
padding-left: 1.5rem;
}

.pb-4 {
padding-bottom: 1rem;
}

.pb-2 {
padding-bottom: 0.5rem;
}

.pt-4 {
padding-top: 1rem;
.pt-0 {
padding-top: 0px;
}

.pt-2 {
padding-top: 0.5rem;
}

.pt-0 {
padding-top: 0px;
.pt-4 {
padding-top: 1rem;
}

.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}

.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}

.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
Expand All @@ -1100,21 +1052,11 @@ body {
line-height: 1.25rem;
}

.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}

.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}

.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}

.font-bold {
font-weight: 700;
}
Expand Down Expand Up @@ -1147,6 +1089,10 @@ body {
letter-spacing: -0.025em;
}

.text-card-foreground {
color: hsl(var(--card-foreground));
}

.text-destructive-foreground {
color: hsl(var(--destructive-foreground));
}
Expand Down Expand Up @@ -1175,10 +1121,6 @@ body {
color: hsl(var(--secondary-foreground));
}

.text-card-foreground {
color: hsl(var(--card-foreground));
}

.underline-offset-4 {
text-underline-offset: 4px;
}
Expand All @@ -1205,10 +1147,6 @@ body {
outline-style: solid;
}

.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
Expand Down Expand Up @@ -1514,14 +1452,6 @@ body {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sm\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}

.sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
Expand Down Expand Up @@ -1553,66 +1483,22 @@ body {
width: auto;
}

.md\:w-full {
width: 100%;
}

.md\:min-w-0 {
min-width: 0px;
}

.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}

.md\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}

.md\:flex-row {
flex-direction: row;
}

.md\:gap-8 {
gap: 2rem;
}
}

@media (min-width: 1024px) {
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}

.lg\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}

.lg\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}

.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
}

.\[\&\:not\(\:first-child\)\]\:mt-6:not(:first-child) {
margin-top: 1.5rem;
}

.\[\&\>li\]\:mt-2>li {
margin-top: 0.5rem;
}
Loading

0 comments on commit bfc6c0c

Please sign in to comment.