Sha256: 1676f724b5f74cecc1e6d35318e4522c2884032ccf2b0deeaa5e5dea871703c6
Contents?: true
Size: 2 KB
Versions: 212
Compression:
Stored size: 2 KB
Contents
@import "../tokens/spacing";
@import "../tokens/colors";
.pb_filter_sort_menu {
li {
padding: 0 $space_sm !important;
}
[class^=pb_button_kit][class*=_link] {
flex-shrink:0;
padding: 0 $space_xs !important;
[id^="sort"] {
margin-left: $space_xs !important;
}
}
[class^=pb_card_body_kit][class*=_md] {
padding: 0 !important;
}
}
[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-form] {
padding: $space_sm ;
}
.sort-by {
flex-shrink:0;
margin-left: $space_xs !important;
}
.filter-results {
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: auto;
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 {
background-image: linear-gradient(to right, rgba($card_light,.3) , rgba($card_light,1));
content: " ";
height: 48px;
padding-left: $space_xl;
margin-left: -$space_lg;
z-index: 1;
}
.maskContainer::before {
background-image: linear-gradient(to right, rgba($card_light,.3) , rgba($card_light,1));
content: " ";
height: 48px;
padding-right: $space_sm;
margin-right: -$space_xs;
z-index: 1;
}
&[class*=dark] {
.filters .filter {
border-right: 1px solid $border_dark !important;
}
.maskContainer::before {
opacity:0;
}
.maskContainer::after {
opacity:0;
}
}
}
Version data entries
212 entries across 212 versions & 1 rubygems