summaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
authorElis Eriksson <spelis@spelis.li>2026-07-07 16:53:36 +0200
committerElis Eriksson <spelis@spelis.li>2026-07-07 16:53:36 +0200
commit61eb072cf478b1749b2ed6fce163add81dfff84e (patch)
tree277dd3992b18d5e6a71a166c04a55ee38185fda2 /assets/css
parentd6a460bfbc0512b4ec0b97ea402fa3a00dcac160 (diff)
downloadspelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.gz
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.bz2
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.lz
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.xz
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.tar.zst
spelis-web-61eb072cf478b1749b2ed6fce163add81dfff84e.zip
bro i REALLY gotta learn how to do micro commits
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/main.css30
1 files changed, 7 insertions, 23 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index cb03aaf..4b99331 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -61,27 +61,6 @@ a[target="_blank"]::after {
content: "}";
}
-.tooltip {
- position:relative;
- display:inline-block;
-}
-
-.tooltiptext {
- visibility: hidden;
- color: var(--base);
- background: var(--text);
- text-align: center;
- position: absolute;
- z-index: 1;
- top: 100%;
- left: 50%;
- transform: translateX(-50%);
- min-width: 100%;
-}
-.tooltip:hover .tooltiptext {
- visibility: visible;
-}
-
a.active,
a:focus,
a:hover {
@@ -94,7 +73,7 @@ header {
background: repeating-linear-gradient(45deg,var(--base) 0rem,var(--base) 1rem,var(--base-2) 1rem,var(--base-2) 2rem);
border: var(--base-2) 1px solid;
padding-inline: 0.4rem;
- max-width: 110ch;
+ max-width: 90ch;
height: 4rem;
margin-inline: auto;
display: flex;
@@ -141,7 +120,7 @@ header li:first-child a::after {display: none;}
*/
main {
- max-width: 100ch;
+ max-width: 80ch;
margin-inline: auto;
}
@@ -270,3 +249,8 @@ blockquote {
padding-left: 10px;
color: var(--code-text);
}
+
+.morph {
+ min-width: 12ch;
+ text-align: center;
+}