@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
84 lines (83 loc) • 1.48 kB
CSS
.container {
max-width: 100% ;
}
.posRel {
position: relative;
}
.maxHgt {
max-height: var(--zd_size265) ;
padding-block: var(--zd_size10) ;
padding-inline:0 ;
}
.responsivemaxHgt{
padding-block: var(--zd_size10) 0 ;
padding-inline:0 ;
}
.title {
padding-block-start: var(--zd_size6) ;
}
.default_arrow,
.overlay_arrow {
padding-inline: var(--zd_size5) 0 ;
padding-block:0 ;
}
.overlay_arrow {
position: absolute;
top: 50% ;
transform: translateY(-50%) perspective(1px);
}
[dir=ltr] .overlay_arrow {
left: 100% ;
}
[dir=rtl] .overlay_arrow {
right: 100% ;
}
.hoverIcon .arrow {
opacity: 0;
visibility: hidden;
}
.hoverIcon:hover .arrow {
opacity: 1;
visibility: visible;
}
.value {
composes: dotted from '~@zohodesk/components/es/common/common.module.css';
}
.search {
padding-block: var(--zd_size6) 0 ;
padding-inline:var(--zd_size20) ;
}
.svgWrapper {
padding-block-end: var(--zd_size25) ;
}
.readOnly {
cursor: no-drop;
}
.cursorDefault {
cursor: default;
}
.cursor {
cursor: pointer;
}
[dir=ltr] .dropBoxContainer {
text-align: left;
}
[dir=rtl] .dropBoxContainer {
text-align: right;
}
.iconBox {
margin-inline-end: var(--zd_size4) ;
}
.iconBox > i {
display: block;
}
.loader {
width: var(--zd_size40) ;
margin: 0 auto ;
}
.seperatedLine {
height: var(--zd_size1) ;
margin-block: var(--zd_size9) var(--zd_size10) ;
margin-inline:0 ;
border-bottom: 1px solid var(--zdt_statusdropdown_line_border);
}