/** * Copyright (C) 2023 Intel Corporation * SPDX-License-Identifier: MIT */ /* Do not edit this file manually! This file is generated automatically from the @spark-design/tokens package.*/ .spark-badge-text-size-xl { font-size: var(--spark-badge-xl-font-size); block-size: var(--spark-badge-xl-height); font-weight: normal; inline-size: fit-content; line-height: var(--spark-badge-xl-line-height-text); letter-spacing: var(--spark-badge-xl-letter-spacing); padding-inline: var(--spark-badge-xl-padding-inline); min-inline-size: var(--spark-badge-xl-width); } .spark-badge-text-size-l { font-size: var(--spark-badge-l-font-size); block-size: var(--spark-badge-l-height); font-weight: normal; inline-size: fit-content; line-height: var(--spark-badge-l-line-height-text); letter-spacing: var(--spark-badge-l-letter-spacing); padding-inline: var(--spark-badge-l-padding-inline); min-inline-size: var(--spark-badge-l-width); } .spark-badge-text-size-m { font-size: var(--spark-badge-m-font-size); block-size: var(--spark-badge-m-height); font-weight: normal; inline-size: fit-content; line-height: var(--spark-badge-m-line-height-text); letter-spacing: var(--spark-badge-m-letter-spacing); padding-inline: var(--spark-badge-m-padding-inline); min-inline-size: var(--spark-badge-m-width); } .spark-badge-text-size-s { font-size: var(--spark-badge-s-font-size); block-size: var(--spark-badge-s-height); font-weight: normal; inline-size: fit-content; line-height: var(--spark-badge-s-line-height-text); letter-spacing: var(--spark-badge-s-letter-spacing); padding-inline: var(--spark-badge-s-padding-inline); min-inline-size: var(--spark-badge-s-width); } .spark-badge-text-size-xs { font-size: var(--spark-badge-xs-font-size); block-size: var(--spark-badge-xs-height); font-weight: normal; inline-size: fit-content; line-height: var(--spark-badge-xs-line-height-text); letter-spacing: var(--spark-badge-xs-letter-spacing); padding-inline: var(--spark-badge-xs-padding-inline); min-inline-size: var(--spark-badge-xs-width); } .spark-badge-no-text-size-xl { block-size: var(--spark-badge-xl-height); inline-size: var(--spark-badge-xl-width); padding-inline: 0; } .spark-badge-no-text-size-l { block-size: var(--spark-badge-l-height); inline-size: var(--spark-badge-l-width); padding-inline: 0; } .spark-badge-no-text-size-m { block-size: var(--spark-badge-m-height); inline-size: var(--spark-badge-m-width); padding-inline: 0; } .spark-badge-no-text-size-s { block-size: var(--spark-badge-s-height); inline-size: var(--spark-badge-s-width); padding-inline: 0; } .spark-badge-no-text-size-xs { block-size: var(--spark-badge-xs-height); inline-size: var(--spark-badge-xs-width); padding-inline: 0; } .spark-badge-shape-circle { border-radius: var(--spark-badge-circle-border-radius); } .spark-badge-shape-square { border-radius: var(--spark-badge-square-border-radius); } .spark-badge-shape-pill { border-radius: var(--spark-badge-pill-border-radius); } .spark-badge-variant-success { background-color: var(--spark-badge-success-background-color); } .spark-badge-variant-info { background-color: var(--spark-badge-info-background-color); } .spark-badge-variant-alert { background-color: var(--spark-badge-alert-background-color); } .spark-badge-variant-warning { background-color: var(--spark-badge-warning-background-color); } .spark-badge-variant-unknown { background-color: var(--spark-badge-unknown-background-color); } .spark-badge { color: var(--spark-badge-color); display: var(--spark-badge-base-display); align-items: var(--spark-badge-base-text-align); justify-content: var(--spark-badge-base-text-align); }