chromium fix finally

This commit is contained in:
sundae 2025-09-10 10:19:57 +03:00
parent d2354910c0
commit d6c0697966
No known key found for this signature in database
9 changed files with 45 additions and 27 deletions

View file

@ -121,7 +121,6 @@ article > [aria-label="Postscript"] {
& a {
display: flex;
flex-direction: column;
overflow: scroll;
border-style: solid;
border-width: 2px;
border-radius: var(--round);

View file

@ -4,6 +4,16 @@
:root {
--view: 18rem;
}
/* i hate default styles >:( and also chrome */
h1, h2 ,h3 ,h4 ,h5 ,h6 {
display: block;
font-size: 2em;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
body {
font-family: "Rubik", sans-serif;
@ -29,16 +39,13 @@ main {
details {
cursor: pointer;
display: flex;
flex-direction: column;
& summary::marker {
content: none;
}
}
h3 {
font-size: 2rem;
}
.header-anchor {
display: inline-block;
transition: color var(--trans), background-color var(--trans);
@ -101,7 +108,6 @@ article {
& pre {
display: flex;
width: auto;
overflow: scroll;
padding: var(--pad-m);
white-space: pre-wrap;
word-break: break-word;

View file

@ -68,6 +68,7 @@ article#bio ul li {
position: absolute;
mask-image: var(--paw);
mask-size: contain;
mask-repeat: no-repeat;
margin: var(--pad-sm) 0 0 calc(var(--pad-xl)*-1);
}
&::marker {

View file

@ -1,4 +1,4 @@
body > nav::before,
body>nav::before,
body::after {
z-index: -1;
content: "";
@ -11,7 +11,7 @@ body::after {
pointer-events: none;
}
body > nav::before {
body>nav::before {
bottom: 0;
left: 0;
mask-size: 150%;
@ -27,7 +27,8 @@ body::after {
-webkit-mask-position-x: 0;
-webkit-mask-position-y: bottom;
}
body > nav {
body>nav {
display: flex;
flex-direction: column;
overflow: hidden;
@ -35,35 +36,44 @@ body > nav {
position: fixed;
width: var(--view);
height: 100%;
& * svg,
li img {
margin: 0 8px 0 8px;
width: 20px;
align-self: center;
}
& details {
display: flex;
}
& ul {
margin: var(--pad-sm);
padding: 0;
& li, button {
& li,
button {
padding: 0;
align-items: center;
margin-bottom: inherit;
& img {
border-radius: 100%;
}
}
}
& svg {
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}
& details {
font-size: 1.4rem;
}
& a,
button {
display: flex;
@ -77,10 +87,12 @@ body > nav {
body {
font-family: "Rubik", sans-serif;
& > nav {
&>nav {
gap: var(--pad-m);
border-right-width: 1px;
border-right-style: solid;
& a,
button {
align-items: center;
@ -88,23 +100,25 @@ body {
border-width: 2px;
border-radius: var(--round);
}
& details {
gap: inherit;
border-radius: var(--round);
font-weight: bold;
}
& details > summary {
& details>summary {
display: flex;
justify-content: center;
padding: 0 var(--pad-lm) 0 0;
height: var(--pad-xl);
& > svg {
&>svg {
transform: rotate(0deg);
transition: transform var(--trans);
}
}
& details:not([open]) > summary {
& details:not([open])>summary {
border-radius: var(--round);
border-style: solid;
border-width: 2px;
@ -113,12 +127,10 @@ body {
& details[open] {
border-style: solid;
border-width: 2px;
& > summary {
margin-bottom: var(--pad-sm);
& svg {
transform: rotate(45deg);
}
&>summary svg {
transform: rotate(45deg);
}
}
}
}
}