clamp-based approach for vertical center

bobheadxi · bobheadxi · commit 4ad522770ff4 · 2021-07-20T08:53:28.000+08:00
diff --git a/preview-vertical.css b/preview-vertical.css
@@ -1,4 +1,3 @@
-.markdown-preview-sizer .markdown-preview-section {
-    padding-top: 20%;
-    padding-bottom: 25%;
+.view-content > div > .markdown-preview-view > .markdown-preview-sizer.markdown-preview-section {
+    transform: translateY(clamp(0px, calc(50vh - 25%), 100%));
 }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-.markdown-preview-sizer .markdown-preview-section {`
`2`		`- padding-top: 20%;`
`3`		`- padding-bottom: 25%;`
	`1`	`+.view-content > div > .markdown-preview-view > .markdown-preview-sizer.markdown-preview-section {`
	`2`	`+ transform: translateY(clamp(0px, calc(50vh - 25%), 100%));`
`4`	`3`	`}`