@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
63 lines • 1.46 kB
CSS
.wrapper {
transition: var(--zd_transition1);
width: var(--zd_size160) ;
height: var(--zd_size28) ;
position: relative;
}
.boxType {
border: 1px solid transparent;
border-radius: 4px;
}
.borderType {
border-bottom: 1px solid transparent;
}
.boxType, .borderType {
border-color: var(--zdt_lookupsearch_boxstyle_border);
}
.boxType:hover, .borderType:hover {
border-color: var(--zdt_lookupsearch_boxstyle_hover_border);
}
.boxType.active, .borderType.active {
border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
}
.focusWidth {
width: var(--zd_size220) ;
}
.drpSearchBox {
position: relative;
height: var(--zd_size28) ;
cursor: pointer;
}
[dir=ltr] .drpSearchBox {
padding-left: var(--zd_size12) ;
}
[dir=rtl] .drpSearchBox {
padding-right: var(--zd_size12) ;
}
[dir=ltr] .searchIcon {
padding-right: var(--zd_size8) ;
}
[dir=rtl] .searchIcon {
padding-left: var(--zd_size8) ;
}
[dir=ltr] .searchIconBox {
padding-left: var(--zd_size12) ;
}
[dir=rtl] .searchIconBox {
padding-right: var(--zd_size12) ;
}
.active, .boxStyle.active, .lineActive.drpSearchBox::after {
border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
}
[dir=ltr] .iconArrow {
margin-left: var(--zd_size6) ;
}
[dir=rtl] .iconArrow {
margin-right: var(--zd_size6) ;
}
.separator {
width: var(--zd_size1) ;
height: var(--zd_size16) ;
margin: 0 var(--zd_size12) ;
background-color: var(--zdt_lookupsearch_boxstyle_border);
}