GuerillaStudio/souvenir
GuerillaStudio/souvenir
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/souvenir.git synced 2024-11-08 10:11:52 +00:00
Code Issues Releases Activity Actions

style(progress bar): Round borders

Browse source
This commit is contained in:
Tixie 2019-05-01 01:35:05 +02:00
parent 0dcff31e6b
commit 4800e859be
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/4-modules/progress-bar.css
View file

@ -6,14 +6,14 @@
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 2.3rem; height: 2.3rem;
border-radius: .3rem; border-radius: 42rem;
background: rgba(0, 0, 0, .4); background: rgba(0, 0, 0, .4);
box-shadow: inset 0 -.2rem 1rem rgba(0, 0, 0, .25); box-shadow: inset 0 -.2rem 1rem rgba(0, 0, 0, .25);
} }
.progressBar__state { .progressBar__state {
height: 2.3rem; height: 2.3rem;
border-radius: .3rem; border-radius: 42rem;
background: linear-gradient(91.78deg, var(--color-primary) 0%,var(--color-secondary) 100%); background: linear-gradient(91.78deg, var(--color-primary) 0%,var(--color-secondary) 100%);
font-size: 0; font-size: 0;
} }