<NME> styles.scss
<BEF> ADDFILE
<MSG> feat(label): add label component (#183)

* feat(label): add label component (#183)

* started css

* made labels

* style changes

* label is finished

* only want one size label

* updates

* add no-wrap to label

* updates made

* review to the label

* updated documentaiton

* deleted table from index

* review

<DFF> @@ -0,0 +1,45 @@
+@import "../../patternfly-utilities";
+
+.pf-c-label {
+  // Component
+  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--sm);
+
+  // Color
+  --pf-c-label--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-label--Color: var(--pf-global--Color--light-100);
+
+  // Font
+  --pf-c-label--FontSize: var(--pf-global--FontSize--sm);
+
+  // Modifiers
+  --pf-c-label--hover--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
+
+  display: inline-block;
+  padding:
+    var(--pf-c-label--PaddingTop)
+    var(--pf-c-label--PaddingRight)
+    var(--pf-c-label--PaddingBottom)
+    var(--pf-c-label--PaddingLeft);
+  font-size: var(--pf-c-label--FontSize);
+  color: var(--pf-c-label--Color);
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--pf-c-label--BackgroundColor);
+  border-radius: var(--pf-c-label--BorderRadius);
+
+  &:hover,
+  &.pf-m-hover {
+    background-color: var(--pf-c-label--hover--BackgroundColor);
+  }
+
+  &.pf-m-compact {
+    font-size: var(--pf-c-label--m-compact--FontSize);
+  }
+}
+
+

{'addition_count': 45, 'commit_subject': 'feat(label): add label component (#183)', 'deletion_count': 0, 'file_extension': '.scss', 'lang': 'scss', 'license': 'mit', 'repo_name': 'patternfly/patternfly'}