@findify/react-components
Version:
Findify react UI components
52 lines (47 loc) • 772 B
CSS
.root{
width: 100%;
}
.nested{
padding-left: 20px;
}
.content{
font-size: calc($facet-item-font-size * $font-size-medium);
font-family: $facet-item-font-family;
color: $facet-item-color;
flex: 1 1 auto;
}
.item{
$font-size: $font-size-medium;
$padding: 3px 0;
width: 100%;
border: 0;
background: transparent;
outline: 0;
font-size: $font-size;
border-radius: 0;
text-align: left;
padding: $padding;
height: auto;
cursor: pointer;
display: flex;
flex-direction: row;
align-items: center;
svg {
vertical-align: -3px;
padding-left: 7px;
}
&.mobile{
padding: 10px 0;
}
}
.active{
font-weight: bold;
}
.expand{
margin-top: 10px;
width: 100%;
svg{
vertical-align: -3px;
padding-right: 5px;
}
}