Fluffy/website
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/website.git synced 2025-01-14 10:35:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Some markdown styling

Browse source
This commit is contained in:
Michał 2024-05-24 14:59:47 +01:00
parent 2fa2bce317
commit 683ece66db
1 changed files with 60 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
src/layouts/Markdown.astro
View file

@ -34,7 +34,6 @@ const { Content } = await post.render();
#home { margin-bottom: 32px; }
#tags { padding-top: 16px; }
#markdown { flex-grow: 1; }
#controls {
display: flex;
@ -46,4 +45,64 @@ const { Content } = await post.render();
list-style: none;
}
}
#markdown {
flex-grow: 1;
a {
text-decoration: none;
color: $orange;
transition: all 0.1s ease-in-out;
&:hover, &:focus-visible {
text-decoration: underline;
}
}
ol, ul {
padding-left: 32px;
}
hr {
margin: 16px 0;
border: 0;
border-top: 2px solid $gray;
}
code {
padding: 2px 4px;
font-size: 13px;
border-radius: $radius;
background-color: $gray;
color: $light;
overflow-x: auto
}
pre {
padding: 8px;
white-space: pre-wrap;
word-wrap: break-word;
border-radius: $radius;
background-color: $gray !important;
color: $light;
overflow-x: scroll;
> code {
padding: 0;
}
}
blockquote {
margin: 8px 0 8px 16px;
padding: 0 8px;
font-style: italic;
border-left: 2px solid $orange;
}
}
</style>