Add .hidden and .progress-bar

This commit is contained in:
Alice Gaudon 2020-06-15 12:09:33 +02:00
parent ebaa3cf5d9
commit b50165f548

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