From 6dc6f2a7cf817f50e393651f638bfb1a715f7169 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Fri, 18 Dec 2020 20:54:18 +0800 Subject: [PATCH] Improve code style --- assets/css/_addon/main.scss | 42 ++++++++++++------------ assets/css/_addon/syntax.scss | 6 ++-- assets/css/_colors/light-typography.scss | 1 - assets/css/post.scss | 10 +++--- tools/test.sh | 2 +- 5 files changed, 30 insertions(+), 31 deletions(-) diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss index 5a05aef..cdb901d 100644 --- a/assets/css/_addon/main.scss +++ b/assets/css/_addon/main.scss @@ -206,10 +206,10 @@ $sidebar-display: "sidebar-display"; @media (hover: hover) { #sidebar ul > li:last-child::after { - -webkit-transition: top .5s ease; - -moz-transition: top .5s ease; - -o-transition: top .5s ease; - transition: top .5s ease; + -webkit-transition: top 0.5s ease; + -moz-transition: top 0.5s ease; + -o-transition: top 0.5s ease; + transition: top 0.5s ease; } } @@ -243,9 +243,9 @@ $sidebar-display: "sidebar-display"; img { width: 100%; height: 100%; - -webkit-transition: transform .5s; - -moz-transition: transform .5s; - transition: transform .5s; + -webkit-transition: transform 0.5s; + -moz-transition: transform 0.5s; + transition: transform 0.5s; &:hover { -ms-transform: scale(1.2); @@ -298,7 +298,7 @@ $sidebar-display: "sidebar-display"; &:not(:last-child) { &::after { content: "›"; - padding: 0 .3rem; + padding: 0 0.3rem; } } } @@ -315,7 +315,7 @@ $sidebar-display: "sidebar-display"; border-radius: 1rem; border: 1px solid var(--search-wrapper-bg); background: var(--search-wrapper-bg); - padding: 0 .5rem; + padding: 0 0.5rem; i { z-index: 2; font-size: 0.9rem; @@ -336,7 +336,7 @@ $sidebar-display: "sidebar-display"; background: center; border: 0; border-radius: 0; - padding: 0.18rem .3rem; + padding: 0.18rem 0.3rem; color: var(--text-color); } @@ -538,8 +538,8 @@ footer { background: none; border: 1px solid var(--btn-border-color); border-radius: 0.8rem; - padding: 0.3rem .5rem; - margin: 0 .35rem .5rem 0; + padding: 0.3rem 0.5rem; + margin: 0 0.35rem 0.5rem 0; &:hover { background-color: #2a408e; border-color: #2a408e; @@ -642,7 +642,7 @@ blockquote { } kbd { - margin: 0 .3rem; + margin: 0 0.3rem; } sup { @@ -676,7 +676,7 @@ sup { .footnote { @at-root a#{&} { - margin: 0 .2em; + margin: 0 0.2em; border-bottom-style: none !important; -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */ transition: background-color 1.5s ease-in-out; @@ -871,7 +871,7 @@ div.post-content .table-wrapper { list-style-type: none; > i { // checkbox icon - margin: 0 .4rem .2rem -1.4rem; + margin: 0 0.4rem 0.2rem -1.4rem; vertical-align: middle; color: var(--checkbox-color); &.checked { @@ -882,7 +882,7 @@ div.post-content .table-wrapper { } input[type=checkbox] { - margin: 0 .5rem .2rem -1.3rem; + margin: 0 0.5rem 0.2rem -1.3rem; vertical-align: middle; } @@ -900,7 +900,7 @@ div.post-content .table-wrapper { text-align: center; background: var(--tag-bg); border-radius: 0.3rem; - padding: 0 .4rem; + padding: 0 0.4rem; color: inherit; line-height: 1.3rem; &:not(:last-child) { @@ -984,7 +984,7 @@ div.post-content .table-wrapper { box-shadow: none; border-color: var(--input-focus-border-color) !important; background: center !important; - transition: background-color .15s ease-in-out,border-color .15s ease-in-out; + transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out; } /*--- Responsive Design ---*/ @@ -1315,8 +1315,8 @@ div.post-content .table-wrapper { } #search-input { - -webkit-transition: all .3s ease-in-out; - transition: all .3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } #search-result-wrapper { @@ -1474,7 +1474,7 @@ div.post-content .table-wrapper { @include icon-round(1.65rem); line-height: 1rem; font-size: 0.6rem; - padding: 0.5em 0 0 .1em; + padding: 0.5em 0 0 0.1em; display: inline-block!important; } } diff --git a/assets/css/_addon/syntax.scss b/assets/css/_addon/syntax.scss index 575df05..ec7ae87 100644 --- a/assets/css/_addon/syntax.scss +++ b/assets/css/_addon/syntax.scss @@ -69,8 +69,8 @@ div > pre { overflow: auto; .lineno { - margin-left: .2rem; - padding-right: .5rem; + margin-left: 0.2rem; + padding-right: 0.5rem; min-width: 2.2rem; text-align: right; color: var(--highlight-lineno-color); @@ -154,7 +154,7 @@ div { position: absolute; right: 1.8rem; margin-top: 3px; - font-size: .7rem; + font-size: 0.7rem; font-weight: 600; color: var(--highlight-lineno-color); text-transform: uppercase; diff --git a/assets/css/_colors/light-typography.scss b/assets/css/_colors/light-typography.scss index 6780560..611c1fb 100644 --- a/assets/css/_colors/light-typography.scss +++ b/assets/css/_colors/light-typography.scss @@ -28,7 +28,6 @@ --checkbox-color: darkgrey; --checkbox-checked-color: #07a8f7; - /* Sidebar */ --sidebar-bg: radial-gradient( circle, diff --git a/assets/css/post.scss b/assets/css/post.scss index 3a05925..be45ab8 100644 --- a/assets/css/post.scss +++ b/assets/css/post.scss @@ -159,7 +159,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}"; position: sticky; top: 4rem; transition: top 0.2s ease-in-out; - animation: fade-up .8s; + animation: fade-up 0.8s; &.topbar-down { top: 6rem; } @@ -185,9 +185,9 @@ $prompt-newer: "{{ site.data.label.post.button.next }}"; border: 1px solid var(--card-border-color); background-color: var(--card-bg); box-shadow: 0 0 5px 0 var(--card-box-shadow); - -webkit-transition: all .3s ease-in-out; - -moz-transition: all .3s ease-in-out; - transition: all .3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; h3 { color: var(--text-color); } @@ -339,7 +339,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}"; .post { .post-meta { >div:not(:first-child)::before { - @include dot(.5rem, .2rem); + @include dot(0.5rem, 0.2rem); } &.flex-column { -webkit-box-orient: horizontal!important; diff --git a/tools/test.sh b/tools/test.sh index 6ff57f0..87da0be 100755 --- a/tools/test.sh +++ b/tools/test.sh @@ -64,7 +64,7 @@ if $_build; then JEKYLL_ENV=production bundle exec jekyll b fi -bundle exec htmlproofer $DEST \ +bundle exec htmlproofer "$DEST" \ --disable-external \ --check-html \ --empty_alt_ignore \