From c9a387ebdbca751ae7fede7269a34cc5c789a94c Mon Sep 17 00:00:00 2001 From: Aditya Telange <21258296+adityatelange@users.noreply.github.com> Date: Tue, 17 Nov 2020 15:56:27 +0530 Subject: [PATCH] assets(css): fix "calc" operands should be correctly spaced --- assets/css/footer.css | 4 ++-- assets/css/header.css | 2 +- assets/css/main.css | 4 ++-- assets/css/post-entry.css | 2 +- assets/css/post-single.css | 10 +++++----- 5 files changed, 11 insertions(+), 11 deletions(-) diff --git a/assets/css/footer.css b/assets/css/footer.css index 73393f9e..f0a1ffcd 100644 --- a/assets/css/footer.css +++ b/assets/css/footer.css @@ -5,9 +5,9 @@ } .footer { - max-width: calc(var(--main-width) + var(--gap)*2); + max-width: calc(var(--main-width) + var(--gap) * 2); margin: auto; - padding: calc((var(--footer-height) - (var(--gap)) - 10px)/2) var(--gap); + padding: calc((var(--footer-height) - (var(--gap)) - 10px) / 2) var(--gap); text-align: center; line-height: 24px } diff --git a/assets/css/header.css b/assets/css/header.css index ab879c21..e4ec64e1 100644 --- a/assets/css/header.css +++ b/assets/css/header.css @@ -2,7 +2,7 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - max-width: calc(var(--nav-width) + var(--gap)*2); + max-width: calc(var(--nav-width) + var(--gap) * 2); margin-inline-start: auto; margin-inline-end: auto; line-height: var(--header-height) diff --git a/assets/css/main.css b/assets/css/main.css index 4f9e4ae1..d78286f6 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,7 +1,7 @@ .main { position: relative; min-height: calc(100vh - var(--header-height) - var(--footer-height)); - max-width: calc(var(--main-width) + var(--gap)*2); + max-width: calc(var(--main-width) + var(--gap) * 2); margin: auto; padding: var(--gap) } @@ -29,7 +29,7 @@ font-size: 13px; line-height: 36px; background: var(--primary); - border-radius: calc(36px/2); + border-radius: calc(36px / 2); padding: 0 16px } diff --git a/assets/css/post-entry.css b/assets/css/post-entry.css index 5208beef..722b597f 100644 --- a/assets/css/post-entry.css +++ b/assets/css/post-entry.css @@ -4,7 +4,7 @@ flex-direction: column; justify-content: center; min-height: 320px; - margin: var(--gap) 0 calc(var(--gap)*2) 0 + margin: var(--gap) 0 calc(var(--gap) * 2) 0 } @media screen and (max-width:600px) { diff --git a/assets/css/post-single.css b/assets/css/post-single.css index 7db01f2d..084ffad3 100644 --- a/assets/css/post-single.css +++ b/assets/css/post-single.css @@ -140,7 +140,7 @@ .post-content .highlight, .post-content pre { - margin: auto calc(var(--gap)*-1) 32px; + margin: auto calc(var(--gap) * -1) 32px; background: var(--hljs-bg) !important; border-radius: var(--radius) } @@ -150,7 +150,7 @@ } .post-content ul pre { - margin-inline-start: calc(var(--gap)*-2) + margin-inline-start: calc(var(--gap) * -2) } .post-content .highlight pre { @@ -203,13 +203,13 @@ } .post-content blockquote { - margin: 0 calc(var(--gap)*-1); + margin: 0 calc(var(--gap) * -1); padding: 0 32px; border-inline-start: 2px solid var(--primary) } .post-content hr { - margin: 30px calc(var(--gap)*-1); + margin: 30px calc(var(--gap) * -1); height: 2px; background: var(--tertiary); border-top: 0; @@ -329,7 +329,7 @@ h6:hover .anchor { @media screen and (max-width:600px) { .post-content blockquote { - margin: 0 calc(var(--gap)*-1); + margin: 0 calc(var(--gap) * -1); padding: 0 21px } }