Skip to content

Instantly share code, notes, and snippets.

@boldsupport
Created May 13, 2020 16:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save boldsupport/868ff80e5a724a9498e3764cf2d13480 to your computer and use it in GitHub Desktop.
Save boldsupport/868ff80e5a724a9498e3764cf2d13480 to your computer and use it in GitHub Desktop.
.bold-modal {}
.bold-modal__window {}
.bold-modal__btn-close {}
.bold-modal__btn-close:hover {}
.bold-modal__header {}
.bold-modal__content {}
.bold-modal__header+.bold-modal__content {}
.bold-modal__content:last-child {}
.bold-modal__footer {}
/* Showing and Hiding the Modal */
div.bold-modal--is-showing {}
div.bold-modal--is-showing .bold-modal {}
/* Transitions and Animations */
.bold-modal--animated {}
.bold-modal--animated .bold-modal__window {}
div.bold-modal--is-showing .bold-modal--animated {}
div.bold-modal--is-showing .bold-modal--animated .bold-modal__window {}
@media only screen and (min-width: 499px) {
.bold-modal {}
.bold-modal__window {}
.bold-modal--animated {}
.bold-modal--animated .bold-modal__window {}
}
@media only screen and (min-width: 879px) {
.bold-modal__window {}
}
/* bold.grid.css */
.bold-grid {}
.bold-grid:after {}
.bold-grid__column {}
@media only screen and (min-width: 499px) {
.bold-grid__column {}
.bold-grid__column--half,
.bold-grid__column--third,
.bold-grid__column--quarter {}
.bold-grid__column--third:first-child {}
}
@media only screen and (min-width: 599px) {
.bold-grid__column--third,
.bold-grid__column--third:first-child {}
}
@media only screen and (min-width: 739px) {
.bold-grid__column--quarter {}
}
/* bold.grid.css */
/* bold.product.css */
.bold-product {}
.bold-product__image-container {}
.bold-product__image {}
.bold-product__control {}
.bold-product__variant-selector {}
/* bold.product.css */
/* bold.upsell.css */
.bold-upsell {}
.bold-upsell__intro {}
.bold-upsell__products-list {}
.bold-upsell__products-list .bold-grid__column {}
.bold-upsell__actions {}
.bold-upsell__button {}
/* bold.upsell.css */
/* =============================================================================
MODAL STYLES
============================================================================= */
.bold-modal {}
.bold-modal__window {}
.bold-modal__header {}
.bold-modal__footer {}
/* =============================================================================
UPSELL STYLES
============================================================================= */
.bold-upsell {}
.bold-upsell__intro {}
.bold-upsell__intro-heading {}
.bold-upsell__button--primary:link,
.bold-upsell__button--primary:visited,
.bold-upsell__button--primary:hover,
.bold-upsell__button--primary:active,
.bold-upsell__button--primary:focus {}
.bold-upsell__button--primary {}
.bold-upsell__button--primary:hover {}
.bold-upsell__button--primary:active {}
.bold-upsell__button--secondary {}
/* =============================================================================
PRODUCT STYLES
============================================================================= */
.bold-product {}
.bold-product.bold-grid {}
.bold-product__info,
.bold-product__variants,
.bold-product__actions {}
.bold-product__pricing {}
.bold-product__title {}
.bold-product__description {}
.bold-product__price {}
.bold-product__price--deleted {}
.bold-product__control {}
.bold-product__variant-selector {}
.bold-product__actions {}
.bold-product__button,
.bold-product__button:link,
.bold-product__button:visited,
.bold_product__button:hover,
.bold_product__button:active,
.bold_product__button:focus {}
.bold-product__button:hover {}
.bold-product__button:active {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment