polaris-glints/build/esnext/components/Filters/Filters.css

Glints forked polaris react

.Polaris-Filters_upqyz { position: relative; }

.Polaris-Filters__FiltersContainer_qz0bo { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; }

.Polaris-Filters__FiltersContainerHeader_c0kst { top: 0; width: 100%; padding: var(--p-space-4) var(--p-space-5); border-bottom: var(--p-border-divider); height: 3.5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }

.Polaris-Filters__FiltersDesktopContainerContent_1vjuq { width: 100%; height: calc(100% - 7.875rem); padding: var(--p-space-2); }

.Polaris-Filters__FiltersMobileContainerContent_1y6d9 { width: 100%; height: calc(100% - 3.5rem); padding: var(--p-space-2); }

.Polaris-Filters__FiltersContainerFooter_1qv29 { position: absolute; bottom: 0; width: 100%; padding: var(--p-space-4) var(--p-space-5); border-top: var(--p-border-divider); height: 4.375rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }

.Polaris-Filters__FiltersMobileContainerFooter_1qpeg { width: 100%; padding: var(--p-space-4) var(--p-space-4); height: 4.375rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }

.Polaris-Filters__EmptyFooterState_17wyq { border-top: var(--p-border-divider); padding-top: var(--p-space-4); width: 100%; display: flex; justify-content: center; }

.Polaris-Filters__FilterTriggerContainer_w27xp { position: relative; }

.Polaris-Filters__FilterTrigger_60gd4 { width: 100%; margin: 0; padding: var(--p-space-4) var(--p-space-5); color: var(--p-text); border-radius: var(--p-border-radius-1); background: none; border: none; outline: none; position: relative; }

.Polaris-Filters__FilterTrigger_60gd4::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-focused); transition: box-shadow var(--p-duration-100) var(--p-ease); border-radius: var(--p-border-radius-1); }

.Polaris-Filters__FilterTrigger_60gd4:focus { box-shadow: none; }

.Polaris-Filters__FilterTrigger_60gd4:hover { cursor: pointer; background-color: var(--p-surface-hovered); outline: var(--p-border-width-1) solid transparent; }

.Polaris-Filters__FilterTrigger_60gd4:focus:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) solid transparent; }

.Polaris-Filters__FilterTriggerTitle_lbjb0 { font-size: 0.9375rem; font-weight: var(--p-font-weight-semibold); }

.Polaris-Filters__AppliedFilterBadgeContainer_63v3b { padding-top: var(--p-space-1); display: flex; }

.Polaris-Filters--open_yj2jb .Polaris-Filters__AppliedFilterBadgeContainer_63v3b { display: none; }

.Polaris-Filters__FilterTriggerLabelContainer_gnr9n { display: flex; align-items: center; justify-content: space-between; }

.Polaris-Filters--open_yj2jb::before, .Polaris-Filters--open_yj2jb::after { content: ''; position: relative; left: var(--p-space-4); width: calc(100% - var(--p-space-8)); height: var(--p-space-025); background-color: var(--p-surface-subdued); display: block; }

.Polaris-Filters--open_yj2jb::before { top: 0; }

.Polaris-Filters--open_yj2jb::after { bottom: 0; }

.Polaris-Filters--open_yj2jb.Polaris-Filters--first_30jv6::after { content: ''; bottom: 0; position: relative; left: var(--p-space-4); width: calc(100% - var(--p-space-8)); height: var(--p-space-025); background-color: var(--p-surface-subdued); display: block; }

.Polaris-Filters--open_yj2jb.Polaris-Filters--first_30jv6::before { display: none; }

.Polaris-Filters--open_yj2jb ~ .Polaris-Filters--open_yj2jb::before { display: none; }

.Polaris-Filters--open_yj2jb.Polaris-Filters--last_yj3nf::before { content: ''; top: 0; position: relative; left: var(--p-space-4); width: calc(100% - var(--p-space-8)); height: var(--p-space-025); background-color: var(--p-surface-subdued); display: block; }

.Polaris-Filters--open_yj2jb.Polaris-Filters--last_yj3nf::after { display: none; }

.Polaris-Filters--open_yj2jb + .Polaris-Filters--last_yj3nf::before { display: none; }

.Polaris-Filters__FilterNodeContainer_18d1s { padding: var(--p-space-2) var(--p-space-5) var(--p-space-5) var(--p-space-5); }

.Polaris-Filters__SearchIcon_158og { fill: currentColor; }

.Polaris-Filters__Backdrop_1x2i2 { position: fixed; z-index: var(--p-z-10); top: 0; right: 0; bottom: 0; left: 0; display: block; opacity: 0; }

.Polaris-Filters__HelpText_8qj1a { margin-top: var(--p-space-2); }

.Polaris-Filters__TagsContainer_sze4w { display: flex; padding-top: var(--p-space-2); flex-wrap: wrap; }

.Polaris-Filters__TagsContainer_sze4w > * { margin-right: var(--p-space-2); margin-bottom: var(--p-space-2); }