Add .hidden and .progress-bar

2020-06-15 12:09:33 +02:00 · 2020-06-15 12:09:33 +02:00 · dd7ea780ee
commit dd7ea780ee
parent c8a0f4b3a2
1 changed files with 31 additions and 0 deletions
--- a/assets/sass/layout.scss
+++ b/assets/sass/layout.scss
@ -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;
+	}
+}