From b50165f548ee8e5d8cfb186f73177478fd2aeed0 Mon Sep 17 00:00:00 2001 From: Alice Gaudon Date: Mon, 15 Jun 2020 12:09:33 +0200 Subject: [PATCH] Add .hidden and .progress-bar --- assets/sass/layout.scss | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss index b1b1b95..9cc7bfd 100644 --- a/assets/sass/layout.scss +++ b/assets/sass/layout.scss @@ -573,3 +573,34 @@ button, .button { } } } + +.hidden { + display: none; +} + +.progress-bar { + position: relative; + display: block; + margin: 8px; + padding: 4px; + background: #fff1; + border-radius: 5px; + overflow: hidden; + text-align: center; + + .content { + position: relative; + } + + &::before { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + width: var(--progress); + height: 100%; + + background: $secondary; + } +}