summaryrefslogtreecommitdiff
path: root/src/css/progressbar.css
diff options
context:
space:
mode:
authorakiyamn2022-06-01 15:47:03 +1000
committerakiyamn2022-06-01 15:47:03 +1000
commite207761b6637863953e1d1ae8d9b835272456ec9 (patch)
tree93f3c1a5b12fb9ef99a1052e76d5707cf945a470 /src/css/progressbar.css
parentb15be5185d50c1cf6872262386f2ab37ad407efc (diff)
downloadcss-e207761b6637863953e1d1ae8d9b835272456ec9.tar.gz
css-e207761b6637863953e1d1ae8d9b835272456ec9.zip
Side box working on desktop and mobile mode
Diffstat (limited to 'src/css/progressbar.css')
-rw-r--r--src/css/progressbar.css3
1 files changed, 2 insertions, 1 deletions
diff --git a/src/css/progressbar.css b/src/css/progressbar.css
index 0c1300d..830485c 100644
--- a/src/css/progressbar.css
+++ b/src/css/progressbar.css
@@ -7,6 +7,7 @@
display: flex;
align-items: center;
justify-content: space-between;
+ margin: 1rem 0;
}
.progress-bar div.progress-bar__base {
background-color: #bbb;
@@ -17,7 +18,7 @@
}
.progress-bar div.progress-bar__progress {
- background-color: var(--dark-grey);
+ background-color: var(--navy);
width: 68%; /* this can be controlled with javascript to set percent loaded */
height: var(--progress-bar-height);
border-radius: var(--progress-bar-radius);