/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "~@bentley/ui-core/lib/ui-core/style/themecolors";
@import "~@bentley/ui-core/lib/ui-core/style/typography";

.components-lineweight-swatch {
  font-size: $uicore-font-size;
  color: $buic-foreground-body;
  border: none;
  background: inherit;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px 15px 3px 0;
  min-height: 22px;
  box-sizing: border-box;

  // remove inner focus ring that is specific to Firefox.
  &::-moz-focus-inner {
    border: 0px;
  }

  &:focus {
    outline: 1px solid $buic-row-selection;
  }

  &[disabled] {
    opacity: .2;
    cursor: default;
  }

  >span {
    width: 1.5em;
    text-align: right;
  }

  >div {
    flex: 1;
    background: $buic-foreground-body;
    margin-left: 15px;
  }
}

.components-lineweight-swatch.hide-label>span {
  display: none;
}