label.css in yattho_view_components-0.1.1

- old
+ new
@@ -1,105 +2 @@
-/* Labels */
-
-/* Provide a wrapper to ensure labels stick together */
-
-.labels {
-  position: relative;
-}
-
-/* Default 20px */
-
-.label, /* TODO: Deprecate */
-.Label {
-  display: inline-block;
-  padding: 0 7px;
-  font-size: var(--yattho-text-body-size-small, 12px);
-  font-weight: var(--base-text-weight-medium, 500);
-  line-height: 18px;
-  white-space: nowrap;
-  border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);
-  border-radius: 2em;
-}
-
-.label:hover, .Label:hover {
-    text-decoration: none;
-  }
-
-/* Large 24px */
-
-.Label--large {
-  padding-right: 10px;
-  padding-left: 10px;
-  line-height: 22px;
-}
-
-/* Inline */
-
-/* Doesn't increase height of parent element
-** Can be used with different font-sizes */
-
-.Label--inline {
-  display: inline;
-  padding: 0.12em 0.5em;
-  font-size: 85%;
-}
-
-/* Contrast */
-
-.Label--primary {
-  color: var(--color-fg-default);
-  border-color: var(--color-neutral-emphasis);
-}
-
-.Label--secondary {
-  color: var(--color-fg-muted);
-  border-color: var(--color-border-default);
-}
-
-/* Colors */
-
-.Label--info, /* TODO: deprecate */
-.Label--accent {
-  color: var(--color-accent-fg);
-  border-color: var(--color-accent-emphasis);
-}
-
-.Label--success {
-  color: var(--color-success-fg);
-  border-color: var(--color-success-emphasis);
-}
-
-.Label--warning, /* TODO: deprecate */
-.Label--attention {
-  color: var(--color-attention-fg);
-  border-color: var(--color-attention-emphasis);
-}
-
-.Label--severe {
-  color: var(--color-severe-fg);
-  border-color: var(--color-severe-emphasis);
-}
-
-.Label--danger {
-  color: var(--color-danger-fg);
-  border-color: var(--color-danger-emphasis);
-}
-
-.Label--open {
-  color: var(--color-open-fg);
-  border-color: var(--color-open-emphasis);
-}
-
-.Label--closed {
-  color: var(--color-closed-fg);
-  border-color: var(--color-closed-emphasis);
-}
-
-.Label--done {
-  color: var(--color-done-fg);
-  border-color: var(--color-done-emphasis);
-}
-
-.Label--sponsors {
-  color: var(--color-sponsors-fg);
-  border-color: var(--color-sponsors-emphasis);
-}
+.labels{position:relative}.Label,.label{border:var(--yattho-borderWidth-thin,1px) solid var(--color-border-default);border-radius:2em;display:inline-block;font-size:var(--yattho-text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--color-neutral-emphasis);color:var(--color-fg-default)}.Label--secondary{border-color:var(--color-border-default);color:var(--color-fg-muted)}.Label--accent,.Label--info{border-color:var(--color-accent-emphasis);color:var(--color-accent-fg)}.Label--success{border-color:var(--color-success-emphasis);color:var(--color-success-fg)}.Label--attention,.Label--warning{border-color:var(--color-attention-emphasis);color:var(--color-attention-fg)}.Label--severe{border-color:var(--color-severe-emphasis);color:var(--color-severe-fg)}.Label--danger{border-color:var(--color-danger-emphasis);color:var(--color-danger-fg)}.Label--open{border-color:var(--color-open-emphasis);color:var(--color-open-fg)}.Label--closed{border-color:var(--color-closed-emphasis);color:var(--color-closed-fg)}.Label--done{border-color:var(--color-done-emphasis);color:var(--color-done-fg)}.Label--sponsors{border-color:var(--color-sponsors-emphasis);color:var(--color-sponsors-fg)}
\ No newline at end of file