@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
101 lines (100 loc) • 1.81 kB
CSS
.wrapper {
position: relative;
max-width: 100% ;
}
.maxHgt {
max-height: var(--zd_size265) ;
padding: var(--zd_size10) 0 ;
}
.responsivemaxHgt {
padding: 0 ;
}
.title {
padding-top: var(--zd_size6) ;
}
[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
padding: 0 0 0 var(--zd_size5) ;
}
[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
padding: 0 var(--zd_size5) 0 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
/* .hoverIcon:focus .arrow */
{
opacity: 1;
visibility: visible;
}
.value {
composes: dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
}
.search {
padding: var(--zd_size6) var(--zd_size20) 0 ;
}
.svgWrapper {
padding-bottom: var(--zd_size25) ;
}
.cursorDefault {
cursor: default;
}
.cursor {
cursor: pointer;
}
[dir=ltr] .dropBoxContainer {
text-align: left;
}
[dir=rtl] .dropBoxContainer {
text-align: right;
}
[dir=ltr] .iconBox {
margin-right: var(--zd_size4) ;
}
[dir=rtl] .iconBox {
margin-left: var(--zd_size4) ;
}
.iconBox > i {
display: block;
}
.loader {
width: var(--zd_size40) ;
margin: 0 auto ;
}
.seperatedLine {
height: var(--zd_size1) ;
border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
margin: var(--zd_size7) 0 var(--zd_size8) ;
}
.hiddenInput {
width: 0 ;
height: 0 ;
opacity: 0;
position: absolute;
}
.hiddenInputElement{
width: 100% ;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 ;
border: 0;
}
.groupName {
margin: var(--zd_size6) 0 ;
}
.dropdown {
background-color: transparent;
}