@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
51 lines (50 loc) • 1.21 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) ;
padding-inline-start: var(--zd_size12) ;
cursor: pointer;
}
.searchIcon {
padding-inline-end: var(--zd_size8) ;
}
.searchIconBox {
padding-inline-start: var(--zd_size12) ;
}
.active, .boxStyle.active, .lineActive.drpSearchBox::after {
border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
}
.iconArrow {
margin-inline-start: var(--zd_size6) ;
}
.separator {
width: var(--zd_size1) ;
height: var(--zd_size16) ;
margin-inline: var(--zd_size12) ;
margin-block:0 ;
background-color: var(--zdt_lookupsearch_boxstyle_border);
}