kristoferssolo/kristofersxyz
1
0
Fork 0
mirror of https://github.com/kristoferssolo/kristofersxyz.git synced 2026-03-22 00:26:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added mobile support for markdown.css

Browse Source
This commit is contained in:
Kristofers Solo
2023-01-20 01:08:29 +02:00
parent 8379ac96bb
commit 5b69b2e4d3
3 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/main/css/layout.css
View File

@@ -57,7 +57,7 @@ em {
.primary-navigation a {
color: var(--color-fg-default);
font-size: 2rem;
font-size: 1.5rem;
text-decoration: none;
}
.primary-navigation a:hover {
@@ -83,6 +83,10 @@ em {
transform: translateX(100%);
transition: transform 350ms ease-out;
}
.primary-navigation a {
padding: 1rem;
text-align: right;
}
.primary-navigation[data-visible="true"] {
transform: translateX(0%);

23
static/main/css/markdown.css
View File

@@ -7,7 +7,7 @@
max-width: 50rem;
color: var(--text-color);
padding: 2rem;
margin: 8rem auto 8rem auto;
margin: 8em auto 8em auto;
line-height: 1.5;
word-wrap: break-word;
}
@@ -246,6 +246,16 @@
border: 0;
}
.markdown-body blockquote:first-child {
margin-top: 0;
}
.markdown-body blockquote {
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.markdown-body [data-footnote-ref]::before {
content: "[";
}
@@ -273,3 +283,14 @@
.markdown-body .footnotes li {
position: relative;
}
@media (max-width: 35em) {
.markdown-body {
margin: 2em 0 2em 0;
border-left: none;
border-right: none;
border-radius: 0;
background-color: var(--color-scale-gray-8);
color: var(--color-scale-gray-0);
}
}