facetwp css classes

djrmom

{{gist file=”facet.css” lang=”css”}}
/**
** 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 */
}
{{/gist}}