index : paprika

A blogging platform written in Rust for Cloudflare Workers, integrated with Standard Notes

diff options
context:
space:
mode:
authorPeter Cai <[email protected]>2020-04-14 20:51:24 +0800
committerPeter Cai <[email protected]>2020-04-14 20:53:05 +0800
commit1183250d3bf8293f91f5c27f117b9676e0920423 (patch)
tree90ea5ba88c951a4b3189a97fd3e450fac523689a
parent2b8f97a1afb2698c89414ece073f946a8ed89a52 (diff)
downloadpaprika-1183250d3bf8293f91f5c27f117b9676e0920423.tar.gz
theme: default: fix all margins in single-post page for good
-rw-r--r--theme/default/static/style.css15
1 files changed, 13 insertions, 2 deletions
diff --git a/theme/default/static/style.css b/theme/default/static/style.css
index 3b20be4..eccdfd6 100644
--- a/theme/default/static/style.css
+++ b/theme/default/static/style.css
@@ -321,9 +321,16 @@ blockquote {
padding-left: 5px;
}
+.content > * {
+ /* For margin fixing */
+ /* This is fine because it only covers DIRECT childs of .content */
+ /* which should only contain things like images, code blocks and paragraphs */
+ margin-right: 10px;
+}
+
.post img,
.content img {
- max-width: calc(100% - 10px);
+ max-width: 100%;
object-fit: contain;
cursor: pointer;
transition: opacity 0.3s;
@@ -551,7 +558,6 @@ blockquote {
border-radius: 4px;
scrollbar-color: #e91e63 #00000000;
scrollbar-width: thin;
- margin-right: 10px; /* Fix non-centric positioning on mobile */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@@ -571,3 +577,8 @@ blockquote {
height: 2px;
background-color: #e91e63;
}
+
+#itte-thread {
+ /* The Itte CSS overrides the margin. We override it back :) */
+ margin-right: 10px !important;
+}