Add .hidden and .progress-bar

This commit is contained in:
Alice Gaudon 2020-06-15 12:09:33 +02:00
parent c8a0f4b3a2
commit dd7ea780ee
1 changed files with 31 additions and 0 deletions

View File

@ -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;
}
}