state.css in yattho_view_components-0.1.1

- old
+ new
@@ -1,50 +2 @@
-/* State */
-
-/* Default 32px */
-
-.state, /* TODO: Deprecate */
-.State {
-  display: inline-block;
-  padding: 5px var(--yattho-control-medium-paddingInline-normal, 12px);
-  font-size: var(--yattho-text-body-size-medium, 14px);
-  font-weight: var(--base-text-weight-medium, 500);
-  line-height: var(--yattho-control-medium-lineBoxHeight, 20px);
-  text-align: center;
-  white-space: nowrap;
-  border-radius: 2em;
-}
-
-.state, /* TODO: Deprecate */
-.State,
-.State--draft {
-  color: var(--color-fg-on-emphasis);
-  background-color: var(--color-neutral-emphasis);
-  border: var(--yattho-borderWidth-thin, 1px) solid transparent;
-}
-
-.State--open {
-  color: var(--color-fg-on-emphasis);
-  background-color: var(--color-open-emphasis);
-}
-
-.State--merged {
-  color: var(--color-fg-on-emphasis);
-  background-color: var(--color-done-emphasis);
-}
-
-.State--closed {
-  color: var(--color-fg-on-emphasis);
-  background-color: var(--color-closed-emphasis);
-}
-
-/* Small 24px */
-
-.State--small {
-  padding: 0 10px;
-  font-size: var(--yattho-text-body-size-small, 12px);
-  line-height: var(--base-size-24, 24px);
-}
-
-.State--small .octicon {
-    width: 1em; /* Ensures different icons don't change State indicator width */
-  }
+.State,.state{border-radius:2em;display:inline-block;font-size:var(--yattho-text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);line-height:var(--yattho-control-medium-lineBoxHeight,20px);padding:5px var(--yattho-control-medium-paddingInline-normal,12px);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--color-neutral-emphasis);border:var(--yattho-borderWidth-thin,1px) solid #0000;color:var(--color-fg-on-emphasis)}.State--open{background-color:var(--color-open-emphasis)}.State--merged,.State--open{color:var(--color-fg-on-emphasis)}.State--merged{background-color:var(--color-done-emphasis)}.State--closed{background-color:var(--color-closed-emphasis);color:var(--color-fg-on-emphasis)}.State--small{font-size:var(--yattho-text-body-size-small,12px);line-height:var(--base-size-24,24px);padding:0 10px}.State--small .octicon{width:1em}
\ No newline at end of file