@zohodesk/components/es/Label/Label.module.css

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

.varClass {
  /* label default variables */
  --label_font_size: var(--zd_font_size14);
  --label_text_color: var(--zdt_label_default_text);
  --label_font_family: var(--zd_regular);
  --label_cursor: default;
  --label_line_height: 1.286;
}
/* css:lineheight-validation:ignore */
.label {
  composes: varClass;
  vertical-align: middle;
  line-height: var(--label_line_height);
  font-size: var(--label_font_size);
  color: var(--label_text_color);
  font-family: var(--label_font_family);
  cursor: var(--label_cursor);
}
.xsmall {
  --label_font_size: var(--zd_font_size12);
  --label_line_height:1.5;
}
.small {
  --label_font_size: var(--zd_font_size13);
  --label_line_height:1.385;
}
.medium {
  --label_font_size: var(--zd_font_size14);
  --label_line_height:1.286;
}
.large {
  --label_font_size: var(--zd_font_size26);
  --label_line_height:0.6923;
  composes: semibold from '../common/common.module.css';
}
.pointer {
  --label_cursor: pointer;
}
.cursor {
  --label_cursor: default;
}
.title {
  display: block;
}
.subtitle {
  display: inline-block;
}
.font_default {
  --label_font_family: var(--zd_regular);
}
.font_primary {
  --label_font_family: var(--zd_semibold);
  composes: ftsmooth from '../common/common.module.css';
}
.dotted {
  composes: dotted from '../common/common.module.css';
}