Sha256: 1c1ff72aa884e81f9258457bb6b1759ca9e03c1178631799e1782692c0eb09d6
Contents?: true
Size: 1.84 KB
Versions: 18
Compression:
Stored size: 1.84 KB
Contents
@import "../tokens/spacing";
@import "../tokens/colors";
[class^=pb_filter_kit] {
[class^=pb_circle_icon_button_kit]{
padding-left: $space_sm !important;
padding-top: $space_sm !important;
padding-bottom: $space_sm !important;
}
[class^=pb_card_body_kit][class*=_md]{
padding: 0 !important;
}
[class^=pb_list_kit] li{
padding: 0 $space_sm !important;
}
[class^=pb-form]{
padding: $space_sm ;
}
[class^=pb_button_kit][class*=_link]{
flex-shrink:0;
padding: 0 $space_xs !important;
[id^="sort"]{
margin-left: $space_xs !important;
}
}
.sort-by{
flex-shrink:0;
margin-left: $space_xs !important;
}
.filter-results{
margin-left: $space_xs !important;
margin-right: $space_xs !important;
flex-shrink:0 !important;
}
.filter-bottom{
padding-left: $space_sm !important;
padding-right: $space_sm !important;
}
.maskContainer{
display: flex;
overflow-x: hidden;
align-items: center;
flex-grow: 1;
}
.filters {
display: flex;
flex-shrink: 1;
flex-wrap: nowrap;
overflow-x: scroll;
padding-right: 80px;
padding-top: $space_md;
padding-bottom: $space_md;
&::-webkit-scrollbar{
display: none;
}
.filter {
flex: 0 0 auto;
padding-left: $space_xs;
padding-right: $space_xs;
border-right: 1px solid $border_light !important;
}
}
.maskContainer::after {
content: " ";
background-image: linear-gradient(to right, rgba($card_light,.3) , rgba($card_light,1));
height: 48px;
padding-left: $space_xl;
margin-left: -$space_lg;
z-index: 1;
}
.maskContainer::before {
content: " ";
background-image: linear-gradient(to left, rgba($card_light,.3) , rgba($card_light,1));
height: 48px;
padding-right: $space_sm;
margin-right: -$space_xs;
z-index: 1;
}
}
Version data entries
18 entries across 18 versions & 1 rubygems