@logilab/react-faceted-search/dist/react-faceted-search.css

Faceted search form for React

.react-faceted-search-component *, .react-faceted-search-component *:before, .react-faceted-search-component *:after {
  box-sizing: border-box;
  position: relative; }

.react-faceted-search-component .rfs-faceted-search-form h1 {
  font-size: 1.5em; }

.react-faceted-search-component .rfs-enum-facet ul {
  margin-top: 0em;
  padding: 0em;
  list-style-type: none; }

.react-faceted-search-component .rfs-enum-facet .rfs-item {
  margin-left: 1em; }

.react-faceted-search-component .rfs-enum-facet .rfs-button {
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  font-size: 0.8em;
  color: #001eff;
  border-bottom: 1px solid transparent;
  cursor: pointer; }
  .react-faceted-search-component .rfs-enum-facet .rfs-button:hover {
    color: red;
    border-bottom: 1px solid red; }
  .react-faceted-search-component .rfs-enum-facet .rfs-button.disabled {
    color: grey; }
    .react-faceted-search-component .rfs-enum-facet .rfs-button.disabled:hover {
      text-decoration: none;
      cursor: default;
      border-bottom: 1px solid transparent; }

.react-faceted-search-component .rfs-string-facet p {
  margin-left: 1em; }
  .react-faceted-search-component .rfs-string-facet p input {
    width: 90%; }
  .react-faceted-search-component .rfs-string-facet p button {
    width: 9%;
    text-align: center;
    padding: 0px; }

.react-faceted-search-component .rfs-number-facet p {
  margin-left: 1em; }
  .react-faceted-search-component .rfs-number-facet p input {
    width: 45%; }
  .react-faceted-search-component .rfs-number-facet p button {
    width: 9%;
    text-align: center;
    padding: 0px; }

.react-faceted-search-component .rfs-facet-group {
  padding-left: 1em; }
  .react-faceted-search-component .rfs-facet-group h1 {
    font-size: 1.2em;
    background-color: #dddddd;
    border: 1px solid #d4d4d4;
    border-width: 1px 0px;
    padding: 0.5em 1em;
    color: #333333;
    cursor: pointer; }
    .react-faceted-search-component .rfs-facet-group h1 .chevron::before {
      border-style: solid;
      border-width: 0.25em 0.25em 0 0;
      content: '';
      display: inline-block;
      height: 0.45em;
      left: 0.15em;
      position: relative;
      top: 0.3em;
      transform: rotate(135deg);
      vertical-align: top;
      width: 0.45em;
      margin-right: 1em; }
  .react-faceted-search-component .rfs-facet-group h2 {
    margin-bottom: 0em;
    font-size: 0.8em;
    font-weight: normal;
    text-transform: capitalize; }
  .react-faceted-search-component .rfs-facet-group.minimized h1 .chevron:before {
    top: 0.3em;
    transform: rotate(-45deg); }
  .react-faceted-search-component .rfs-facet-group.minimized .rfs-filter-list.empty {
    display: none; }
  .react-faceted-search-component .rfs-facet-group.minimized .rfs-facets {
    display: none; }

.react-faceted-search-component .rfs-filter-list {
  border: 1px solid transparent;
  padding: 0.5em;
  list-style-type: none;
  border-radius: 4px;
  border-color: #bce8f1;
  background-color: #d9edf7;
  color: #31708f; }
  .react-faceted-search-component .rfs-filter-list.empty {
    border-color: #faebcc;
    background-color: #fcf8e3;
    color: #8a6d3b;
    text-align: center; }
    .react-faceted-search-component .rfs-filter-list.empty::before {
      content: '-'; }

.react-faceted-search-component .rfs-filter-list-item .rfs-button {
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  font-size: 0.8em;
  color: #001eff;
  border-bottom: 1px solid transparent;
  cursor: pointer; }
  .react-faceted-search-component .rfs-filter-list-item .rfs-button:hover {
    color: red;
    border-bottom: 1px solid red; }
  .react-faceted-search-component .rfs-filter-list-item .rfs-button:hover {
    color: grey;
    border-bottom: 1px solid transparent;
    text-decoration: line-through; }