BinarySandia04
bbc34c1b12
All checks were successful
Build and Deploy Nuxt / build (push) Successful in 35s
137 lines
2.6 KiB
SCSS
137 lines
2.6 KiB
SCSS
html {
|
|
scroll-behavior: smooth;
|
|
scroll-padding-top: 60px;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-background);
|
|
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 100vh;
|
|
justify-content: center;
|
|
align-items: start;
|
|
display: flex;
|
|
}
|
|
|
|
|
|
|
|
* {
|
|
color: var(--color-text);
|
|
font-family: 'Hurmit';
|
|
cursor: text;
|
|
}
|
|
|
|
.pixelated {
|
|
image-rendering: pixelated; /* good for pixel art or low-res images */
|
|
/* OR for standard crisp images */
|
|
image-rendering: crisp-edges;
|
|
pointer-events: none;
|
|
user-select: none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none; /* Remove default bullets */
|
|
margin: 8px 0;
|
|
}
|
|
|
|
/* TUI-style nested lists with box-drawing chars */
|
|
ul > li {
|
|
padding: 4px 24px;
|
|
position: relative;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
li::before {
|
|
width: auto;
|
|
height: auto;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
color: var(--color-border-color);
|
|
font-family: 'Hurmit', monospace;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-link);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* TUI-style blockquotes */
|
|
blockquote {
|
|
margin: 12px 0;
|
|
padding: 8px 16px;
|
|
border-left: 3px solid var(--color-link);
|
|
background-color: var(--color-background-line);
|
|
font-style: italic;
|
|
position: relative;
|
|
}
|
|
|
|
blockquote::before {
|
|
content: "┃ ";
|
|
position: absolute;
|
|
left: -16px;
|
|
color: var(--color-border-color);
|
|
}
|
|
|
|
/* TUI-style code blocks */
|
|
pre, code {
|
|
font-family: 'Hurmit', monospace;
|
|
background-color: var(--color-background-line);
|
|
border: 1px solid var(--color-border-color);
|
|
}
|
|
|
|
pre {
|
|
padding: 12px 16px;
|
|
overflow-x: auto;
|
|
margin: 12px 0;
|
|
position: relative;
|
|
|
|
&::before {
|
|
content: "┌── CODE ─────────────────────────────────────┐";
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 8px;
|
|
font-size: 0.6rem;
|
|
background-color: var(--color-background-fore);
|
|
padding: 0 4px;
|
|
color: var(--color-border-color);
|
|
}
|
|
|
|
code {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
/* TUI-style horizontal rules */
|
|
hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: var(--color-border-color);
|
|
margin: 20px 0;
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "──────────";
|
|
position: absolute;
|
|
top: -8px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background-color: var(--color-background);
|
|
padding: 0 8px;
|
|
color: var(--color-border-color);
|
|
font-family: 'Hurmit', monospace;
|
|
font-size: 0.7rem;
|
|
letter-spacing: 2px;
|
|
}
|
|
}
|
|
|
|
/* Selection styling */
|
|
::selection {
|
|
background-color: var(--color-link);
|
|
color: var(--color-background-fore);
|
|
}
|