aboutsummaryrefslogtreecommitdiff
path: root/components/Markdown
diff options
context:
space:
mode:
authorflu0r1ne <flu0r1ne@flu0r1ne.net>2021-07-21 13:06:14 -0500
committerflu0r1ne <flu0r1ne@flu0r1ne.net>2021-07-21 13:06:14 -0500
commit1e0a5ddfe2379d80d7c7fcc049077977b695593c (patch)
tree6a8727069e1c96c35d7fb89d0d0ce1d45e9bb67b /components/Markdown
parentb880246ca5a0143f90ee3484f775ad9e97a2a55b (diff)
downloadhomepage-1e0a5ddfe2379d80d7c7fcc049077977b695593c.tar.xz
homepage-1e0a5ddfe2379d80d7c7fcc049077977b695593c.zip
Add a code scroll bar for small UIs
Diffstat (limited to 'components/Markdown')
-rw-r--r--components/Markdown/markdown.module.scss15
1 files changed, 15 insertions, 0 deletions
diff --git a/components/Markdown/markdown.module.scss b/components/Markdown/markdown.module.scss
index ebd372c..e1debd1 100644
--- a/components/Markdown/markdown.module.scss
+++ b/components/Markdown/markdown.module.scss
@@ -73,6 +73,10 @@
pre {
padding: 0.5rem 1.0rem;
margin: 0.5rem 0;
+ box-sizing: border-box;
+ }
+ pre > code {
+ padding: 0;
}
code, pre {
@@ -80,6 +84,17 @@
border-radius: 5px;
}
+ pre {
+ overflow: auto;
+ box-sizing: border-box;
+ }
+
+ @media screen and (max-width: 700px) {
+ pre {
+ padding-bottom: 0.7rem;
+ }
+ }
+
li {
line-height: 1.15;
margin-left: 1em;