@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
92 lines (90 loc) • 2.1 kB
CSS
.varClass {
--titleColor: var(--zdt_commonEmptyState_default_title);
--descriptionColor: var(--zdt_commonEmptyState_default_description);
--linkColor: var(--zdt_commonEmptyState_default_link);
--linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
}
.container {
composes: varClass;
text-align: center;
}
[dir=ltr] .container {
margin-left: auto ;
margin-right: auto ;
}
[dir=rtl] .container {
margin-right: auto ;
margin-left: auto ;
}
.fluid {
max-width: var(--zd_size430) ;
}
.title {
font-weight: var(--zd-fw-semibold);
color: var(--titleColor);
word-wrap: break-word;
}
.small .title {
font-size: var(--zd_font_size16) ;
}
.medium .title {
font-size: var(--zd_font_size20) ;
}
.linkWrapper,
.linkDescWrapper {
color: var(--descriptionColor);
}
.small .linkWrapper,
.small .linkDescWrapper {
font-size: var(--zd_font_size12) ;
}
.medium .linkWrapper,
.medium .linkDescWrapper {
font-size: var(--zd_font_size14) ;
}
.medium .linkWrapper {
margin-top: var(--zd_size18) ;
}
.small .linkWrapper {
margin-top: var(--zd_size12) ;
}
.linkDescWrapper {
margin-top: var(--zd_size20) ;
}
.desc{
word-wrap: break-word;
}
[dir=ltr] .linkDesc+.link, [dir=ltr] .desc+.link {
margin-left: var(--zd_size4) ;
}
[dir=rtl] .linkDesc+.link, [dir=rtl] .desc+.link {
margin-right: var(--zd_size4) ;
}
.small .desc {
line-height: 1.584;
}
.medium .desc {
line-height: 1.358;
}
.link {
color: var(--linkColor);
cursor: pointer;
}
.link:hover {
color: var(--linkHoverColor);
}
.children {
margin-top: var(--zd_size15) ;
}
.default {
--titleColor: var(--zdt_commonEmptyState_default_title);
--linkColor: var(--zdt_commonEmptyState_default_link);
--linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
--descriptionColor: var(--zdt_commonEmptyState_default_description);
}
.dark {
--titleColor: var(--zdt_commonEmptyState_dark_title);
--linkColor: var(--zdt_commonEmptyState_dark_link);
--linkHoverColor: var(--zdt_commonEmptyState_dark_link_hover);
--descriptionColor: var(--zdt_commonEmptyState_dark_description);
}