summaryrefslogtreecommitdiffstats
path: root/src/assets/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/index.css')
-rw-r--r--src/assets/index.css137
1 files changed, 0 insertions, 137 deletions
diff --git a/src/assets/index.css b/src/assets/index.css
deleted file mode 100644
index 2a75675..0000000
--- a/src/assets/index.css
+++ /dev/null
@@ -1,137 +0,0 @@
-:root {
- --fg: rgb(0 0 0);
- --bg: rgb(255 255 255);
- --brand: rgb(139 0 0);
-
- @media screen and (prefers-color-scheme: dark) {
- --bg: rgb(0 0 0);
- --fg: rgb(255 255 255);
- --brand: rgb(255 0 0);
- }
-}
-
-body {
- font-family: serif;
- background-color: var(--bg);
- color: var(--fg);
-
- @media screen {
- max-width: 920px;
- min-height: calc(100vh - 1rem);
- margin: 0.5rem auto;
- display: grid;
- grid-template: "head" auto "main" auto "footer" 1fr / auto;
-
- & > header {
- background-color: var(--brand);
- font-weight: bold;
- color: rgb(255 255 255);
- padding: 1rem;
- grid-area: head;
-
- & *:any-link {
- text-decoration: none;
- }
- }
-
- & > footer {
- background-color: var(--brand);
- color: rgb(255 255 255);
- padding: 0.5rem;
- align-self: end;
- grid-area: footer;
-
- & *:any-link {
- text-decoration: none;
- }
- }
-
- & > main {
- margin: 0.5rem 0;
- grid-area: main;
- }
- }
-}
-
-* :any-link {
- color: inherit;
- text-decoration: underline;
-
- @media screen {
- &:is(:hover, :active) {
- font-style: italic;
- }
- }
-}
-
-.header-anchor:any-link {
- text-decoration: none;
-
- @media screen {
- &:is(:hover, :active) {
- font-style: inherit;
- }
- }
-}
-
-a[href^="mailto:"]::after {
- content: "📧";
-}
-
-.err {
- color: var(--brand);
-}
-
-aside {
- width: 40%;
- padding: 0.5rem;
- margin-left: 0.5rem;
- float: right;
- background-color: var(--brand);
- color: rgb(255 255 255);
-}
-
-img {
- max-width: 100%;
- max-height: 100%;
-
- &.side {
- width: 40%;
- float: right;
-
- @media screen and (max-width: 450px) {
- width: 100%;
- float: none;
- }
- }
-}
-
-@media screen {
- nav > a {
- margin-right: 1rem;
- padding-left: 0;
- padding-right: 0;
-
- @media (max-width: 450px) {
- display: block;
- margin: auto;
- text-align: center;
- padding: 16px;
-
- &.navlinks {
- display: none;
-
- &.navopen {
- display: block;
- }
- }
- }
- }
-}
-
-@media print {
- header,
- footer {
- display: none;
- }
-}