Skip to content

Instantly share code, notes, and snippets.

@kenzik
Forked from djrmom/facet.css
Last active September 25, 2017 19:33
Show Gist options
  • Save kenzik/462d62b9df2924a8e4bf9722a9a9f602 to your computer and use it in GitHub Desktop.
Save kenzik/462d62b9df2924a8e4bf9722a9a9f602 to your computer and use it in GitHub Desktop.
facetwp css classes
/**
** facet classes
**/
.facetwp-facet {
/* class of div that wraps each facet type */
}
.facetwp-facet-FACET-NAME {
/* class for a facet where facet name is FACET-NAME, applied to same div as .facetwp-facet */
}
.facetwp-type-dropdown {
/* class of drop down facets, applied to same div as .facetwp-facet */
}
.facetwp-type-radio {
/* class of radio facets, applied to same div as .facetwp-facet */
}
.facetwp-type-color {
/* class of color facets, applied to same div as .facetwp-facet */
}
/** classes used in multiple types of facets **/
.facetwp-counter {
/* class for number counts of each option, used in dropdown, radio */
}
/** classes used in checkboxes
** also see .facetwp-counter above
**/
.facetwp-checkbox.checked {
/* checked class is applied to selected checkboxes */
}
.facetwp-expand {
/* classes for expand link of parents that have sub-selections in heirarchical facets */
}
.facetwp-depth {
/* div class that wraps sub-selection checkboxes in heirarchical facets */
}
.facetwp-depth.visible {
/* visible class is applied to .facetwp-depth when expanded to show */
}
/**
** radio facet classes
**/
.facetwp-radio {
/* class applied to div for an individual radio option, this is a div not a <input type="radio"> */
}
.facetwp-radio.checked {
/* checked class is applied to the selected radio */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment