Skip to content

Commit

Permalink
use tailwind layer and apply directives
Browse files Browse the repository at this point in the history
  • Loading branch information
secondl1ght committed Dec 16, 2023
1 parent b9781e8 commit 2d63b68
Showing 1 changed file with 30 additions and 33 deletions.
63 changes: 30 additions & 33 deletions src/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,37 +12,34 @@
src: url('/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf') format('truetype');
}

html {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #6e7493;
}

.press-start {
font-family: PressStart, sans-serif;
}

::selection {
background-color: #5a7fff;
color: #d9e7fa;
}

.center-fixed {
position: fixed;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
@layer base {
html {
font-family: Roboto, sans-serif;
@apply text-base text-body;
}

::selection {
@apply bg-button text-header;
}
}

@layer utilities {
.press-start {
font-family: PressStart, sans-serif;
}

.center-fixed {
@apply fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
@apply hidden;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
}

0 comments on commit 2d63b68

Please sign in to comment.