Update styling
This commit is contained in:
parent
b922033f72
commit
7bfd332223
4 changed files with 104 additions and 83 deletions
|
|
@ -1,4 +1,4 @@
|
||||||
APP_NAME=Laravel
|
APP_NAME="Anagram Finder"
|
||||||
APP_ENV=local
|
APP_ENV=local
|
||||||
APP_KEY=
|
APP_KEY=
|
||||||
APP_DEBUG=true
|
APP_DEBUG=true
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,50 @@
|
||||||
|
|
||||||
@custom-variant dark (&:where(.dark, .dark *));
|
@custom-variant dark (&:where(.dark, .dark *));
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: '7Segment';
|
||||||
|
/* Relative so Vite resolves and fingerprints it; an absolute /fonts path
|
||||||
|
404s against the dev server, which serves assets itself. */
|
||||||
|
src: url('../fonts/7segment.woff') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-digital {
|
||||||
|
font-family: '7Segment', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glow-red {
|
||||||
|
box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
|
||||||
|
transition: box-shadow 300ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glow-red:hover {
|
||||||
|
box-shadow: 0 0 25px rgba(239, 68, 68, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar-red {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: var(--color-red-500) transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar-red::-webkit-scrollbar {
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar-red::-webkit-scrollbar-track {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar-red::-webkit-scrollbar-thumb {
|
||||||
|
background: var(--color-red-500);
|
||||||
|
border: 2px solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollbar-red::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: var(--color-red-400);
|
||||||
|
}
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
|
||||||
|
|
|
||||||
BIN
resources/fonts/7segment.woff
Normal file
BIN
resources/fonts/7segment.woff
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue