Skip to content

Instantly share code, notes, and snippets.

@djrmom
Last active November 19, 2019 03:56
Show Gist options
  • Save djrmom/aabb104dfda38b04f493f389fde8d11b to your computer and use it in GitHub Desktop.
Save djrmom/aabb104dfda38b04f493f389fde8d11b 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 */
}
@kenzik
Copy link

kenzik commented Sep 25, 2017

Not critical, but you are missing the closing */ on line 41.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment