feat(styles): add GitHub markdown CSS and responsive styling for markdown content
This commit is contained in:
parent
1f2394576b
commit
e29ab229b5
@ -1,4 +1,5 @@
|
||||
@import "@fontsource/fira-code/500.css";
|
||||
@import "github-markdown-css/github-markdown.css";
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@ -70,4 +71,18 @@
|
||||
@apply bg-background text-foreground;
|
||||
font-family: "Fira Code";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.markdown-body {
|
||||
box-sizing: border-box;
|
||||
min-width: 200px;
|
||||
max-width: 980px;
|
||||
margin: 0 auto;
|
||||
padding: 45px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.markdown-body {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user