From c71279f621ca87792262c8d2e32f7cde9e279b77 Mon Sep 17 00:00:00 2001 From: Jacob and Nathan MacLeod <48350114+jacob-and-nathan@users.noreply.github.com> Date: Sun, 26 Apr 2020 22:02:36 +0100 Subject: [PATCH 1/2] Style.css: Added support for a vertical bar A vertical bar is an element that was used quite a lot in windows 98. --- style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/style.css b/style.css index d741356..0cdd6d3 100644 --- a/style.css +++ b/style.css @@ -129,6 +129,14 @@ button { padding: 0 12px; } +.vertical-bar{ + width: 4px; + height: 20px; + background: #c0c0c0; + box-shadow: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-highlight), inset -1px -1px var(--button-highlight), inset 1px 1px var(--window-frame); + border-radius: 5px; +} + button:not(:disabled):active { box-shadow: var(--border-sunken-outer), var(--border-sunken-inner); } From 448b6293fc7e63d241da68465d2828ed72f6144c Mon Sep 17 00:00:00 2001 From: Jacob and Nathan MacLeod <48350114+jacob-and-nathan@users.noreply.github.com> Date: Mon, 27 Apr 2020 16:38:08 +0100 Subject: [PATCH 2/2] Update style.css --- style.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/style.css b/style.css index 0cdd6d3..5fc2222 100644 --- a/style.css +++ b/style.css @@ -133,8 +133,7 @@ button { width: 4px; height: 20px; background: #c0c0c0; - box-shadow: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-highlight), inset -1px -1px var(--button-highlight), inset 1px 1px var(--window-frame); - border-radius: 5px; + box-shadow: var(--border-raised-outer), var(--border-raised-inner); } button:not(:disabled):active {