Create labels.scss

Author: KristinaYFischer

docs/_sass/labels.scss

@@ -0,0 +1,27 @@
+.label:not(g),
+.label-blue:not(g) {
+  display: inline-block;
+  padding: 0.16em 0.56em;
+  margin-right: $sp-2;
+  margin-left: $sp-2;
+  color: $white;
+  text-transform: uppercase;
+  vertical-align: middle;
+  background-color: $blue-100;
+  border-radius: 12px;
+
+  @include fs-2;
+}
+
+.label-required:not(g) {
+  background-color: $red-100;
+}
+
+.label-recommended:not(g) {
+  background-color: $green-300;
+}
+
+.label-yellow:not(g) {
+  color: $grey-dk-200;
+  background-color: $yellow-200;
+}