sphericalkat/katbin
1
0
Fork 0
Code Issues 5 Pull Requests 12 Actions Packages Projects Releases Wiki Activity

refactor(markdown): improve styling

Browse Source 
Signed-off-by: SphericalKat <amolele@gmail.com>
This commit is contained in:
Amogh Lele 2021-10-07 06:38:24 +05:30
parent 8121ea2cf0
commit bca77b0ff6
No known key found for this signature in database
GPG Key ID: F0EA64BC1B44A7F3
2 changed files with 48 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
assets/css/app.css
View File

@ -19,6 +19,39 @@
font-weight: bold;
}
@layer base {
h1 {
font-size: 2em;
font-weight: bold;
}
h2 {
font-size: 1.5em;
font-weight: bold;
}
h3 {
font-size: 1.17em;
font-weight: bold;
}
h4 {
font-weight: bold;
}
h5 {
font-size: 0.83em;
font-weight: bold;
}
h6 {
font-size: 0.67em;
font-weight: bold;
}
h1, h2, h3 {
margin-top: 20px;
margin-bottom:10px
}
img {
display: inline;
}
}
html,
body {
width: 100%;

18
assets/css/markdown.css
View File

@ -160,8 +160,20 @@ ul {
.markdown code.inline {
font-family: "JetBrains Mono", monospace;
background-color: rgb(240 246 252 / 15%);
border-radius: 6px;
font-size: 85%;
font-weight: bold;
border-radius: 4px;
font-size: 80%;
margin: 0;
padding: 0.2em 0.4em;
padding: 0.1em 0.4em;
}
.markdown ul {
list-style: disc;
}
.markdown ol {
list-style: decimal;
}
.markdown ul, ol {
padding: 0;
margin-left: 40px;
}