mirror of
https://github.com/mozilla/send.git
synced 2026-02-06 02:45:06 -05:00
refactored css, including some markup changes
This commit is contained in:
27
app/templates/progress/progress.css
Normal file
27
app/templates/progress/progress.css
Normal file
@@ -0,0 +1,27 @@
|
||||
.progress {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 3px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.progress__bg {
|
||||
stroke: #eee;
|
||||
stroke-width: 0.75em;
|
||||
}
|
||||
|
||||
.progress__bar {
|
||||
stroke: #3b9dff;
|
||||
stroke-width: 0.75em;
|
||||
transition: stroke-dashoffset 300ms linear;
|
||||
}
|
||||
|
||||
.progress__percent {
|
||||
font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
|
||||
font-size: 43.2px;
|
||||
letter-spacing: -0.78px;
|
||||
line-height: 58px;
|
||||
user-select: none;
|
||||
}
|
||||
Reference in New Issue
Block a user