@findify/react-components
Version:
Findify react UI components
63 lines (54 loc) • 912 B
CSS
.root{
width: 100%;
}
.expanded-list{
}
.mobile {
height: 100%;
display: flex;
flex-direction: column;
& > section{
height: calc(100% - 60px);
}
}
.search{
position: relative;
$padding-bottom: 11px;
width: 100%;
padding-bottom: $padding-bottom;
.icon{
position: absolute;
right: 11px;
top: 50%;
margin-top: -13px;
pointer-events: none;
color: $color-black;
}
}
.input{
background: $color-white;
width: 100%;
height: 40px;
padding-right: 34px;
padding-left: 11px;
box-sizing: border-box;
font-family: $font-base;
font-size: $font-size-large;
border: 1px solid $color-grey-2;
transition: border-color .1s linear;
outline: none;
&:placeholder{
color: $color-grey-1;
}
&:focus{
border-color: $color-grey-3;
}
}
.expand{
margin-top: 20px;
width: 100%;
svg{
vertical-align: -3px;
padding-right: 5px;
}
}