From 0c67c88db0ca000d286d3ae34f9a788ec2d9d89b Mon Sep 17 00:00:00 2001 From: wildskyf Date: Wed, 29 Jun 2016 14:22:06 +0800 Subject: [PATCH 1/3] Use variable for style file Which allow us change style easily in the future --- _sass/variable.scss | 3 +++ style.scss | 8 ++++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/_sass/variable.scss b/_sass/variable.scss index c48301f..ec93ea7 100644 --- a/_sass/variable.scss +++ b/_sass/variable.scss @@ -1,4 +1,7 @@ $font-size: 18px; $title-color: #70b950; +$link-color: #80a0ff; +$normal-color: #e8e8d3; +$linenum-color: #605958; $pound: "data:image/svg+xml;utf8,%23"; $pound-offset: "data:image/svg+xml;utf8,%23"; diff --git a/style.scss b/style.scss index 6176037..768dca7 100644 --- a/style.scss +++ b/style.scss @@ -8,7 +8,7 @@ text-align: right; counter-increment: ln; content: counter(ln); - color: #605958; + color: $linenum-color; background-color: #151515; font-weight: 400; } @@ -18,7 +18,7 @@ body { margin: 0; padding: 0; font-family: monospace; - color: #e8e8d3; + color: $normal-color; background-color: #151515; font-size: $font-size; } @@ -26,7 +26,7 @@ body { #main { padding: 1rem 0; font-family: monospace; - color: #e8e8d3; + color: $normal-color; background-color: #151515; h1::before { @@ -106,7 +106,7 @@ body { } a { - color: #80a0ff; + color: $link-color; text-decoration: underline; &:hover { From 0f35f1012661edf3a257bae1c5b192086f5573eb Mon Sep 17 00:00:00 2001 From: wildskyf Date: Wed, 29 Jun 2016 14:44:23 +0800 Subject: [PATCH 2/3] Add style of selection --- _includes/footer.html | 1 + style.scss | 29 +++++++++++++++++++++++++++++ 2 files changed, 30 insertions(+) diff --git a/_includes/footer.html b/_includes/footer.html index 159eac7..e89aad1 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,4 +1,5 @@

Copyleft (ɔ) from 2015-2016 Vim Taiwan CC BY-NC 2.5 TW.

+ diff --git a/style.scss b/style.scss index 768dca7..6db329b 100644 --- a/style.scss +++ b/style.scss @@ -13,6 +13,15 @@ font-weight: 400; } +::selection { + background: $normal-color; + color: #000; +} +::-moz-selection { + background: $normal-color; + color: #000; +} + body { counter-reset: ln; margin: 0; @@ -59,6 +68,16 @@ body { display: block; @include lineNum-style; } + + &::selection { + background: $title-color; + color: #000; + } + + &::-moz-selection { + background: $title-color; + color: #000; + } } p { @@ -112,5 +131,15 @@ body { &:hover { color: $title-color; } + + &::selection { + background: $link-color; + color: #000; + } + + &::-moz-selection { + background: $link-color; + color: #000; + } } } From 51a263a100638b2ca5fc4b6a0cd7aeeb650f3474 Mon Sep 17 00:00:00 2001 From: wildskyf Date: Wed, 29 Jun 2016 14:44:49 +0800 Subject: [PATCH 3/3] Add status bar --- images/status_bar.png | Bin 0 -> 4956 bytes style.scss | 6 ++++++ 2 files changed, 6 insertions(+) create mode 100644 images/status_bar.png diff --git a/images/status_bar.png b/images/status_bar.png new file mode 100644 index 0000000000000000000000000000000000000000..67fdc6a5228cd28a4deaafecdb4adc4fe8dda7f8 GIT binary patch literal 4956 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 K>T6}|(Ek8HmLL}Z literal 0 HcmV?d00001 diff --git a/style.scss b/style.scss index 6db329b..23908b3 100644 --- a/style.scss +++ b/style.scss @@ -142,4 +142,10 @@ body { color: #000; } } + + .status_bar { + position: fixed; + bottom: 0; + width: 100%; + } }