@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
58 lines (57 loc) • 1.31 kB
CSS
.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';
}