@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
44 lines (43 loc) • 987 B
CSS
.editionContainer {
text-align: center;
}
.svg {
margin-top: var(--zd_size140) ;
}
.header {
font-size: var(--zd_font_size20) ;
font-weight: var(--zd-fw-semibold);
margin-top: var(--zd_size16) ;
}
.description {
font-size: var(--zd_font_size15) ;
font-weight: var(--zd-fw-semibold);
margin: var(--zd_size20) 0 ;
}
.content {
margin: var(--zd_size10) 0 ;
}
.footer {
font-size: var(--zd_font_size13) ;
position: relative;
display: inline-block;
margin: var(--zd_size10) 0 var(--zd_size80) 0 ;
}
.footer::before {
content: '';
position: absolute;
top: calc( var(--zd_size10) * -1 ) ;
border-top: var(--zd_size1) solid var(--zdt_editionpage_footer_text);
}
[dir=ltr] .footer::before {
left: calc( var(--zd_size20) * -1 ) ;
right: calc( var(--zd_size20) * -1 ) ;
}
[dir=rtl] .footer::before {
right: calc( var(--zd_size20) * -1 ) ;
left: calc( var(--zd_size20) * -1 ) ;
}
.button {
color: var(--zdt_editionpage_primary_text);
cursor: pointer;
}