Created
April 7, 2021 06:27
-
-
Save AAlfare/16ef07118d42cc814fd236da24ead9d6 to your computer and use it in GitHub Desktop.
Snipcart CSS Overrides from their swag store
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#snipcart .snipcart-cart-button, | |
#snipcart .snipcart-item-line__image { | |
border-radius: 8px | |
} | |
#snipcart .snipcart-modal__logo { | |
margin-left: auto; | |
margin-right: auto; | |
max-height: 40px | |
} | |
#snipcart .snipcart-cart-header, | |
#snipcart .snipcart-cart__content, | |
#snipcart .snipcart-discount-box { | |
background-color: transparent | |
} | |
#snipcart .snipcart-cart-button--highlight { | |
background: #88dd9b | |
} | |
#snipcart .snipcart-cart-button--highlight:hover { | |
background: #5c9174 | |
} | |
#snipcart .snipcart-cart-button--secondary { | |
color: #6b797a; | |
background: #d9dfe0 | |
} | |
#snipcart .snipcart-cart-button--disabled, | |
#snipcart .snipcart-cart-button--loading { | |
background: #5c9174 | |
} | |
#snipcart .snipcart-modal__close-icon path, | |
#snipcart .snipcart__icon--blue-dark path, | |
#snipcart .snipcart__icon path.active { | |
fill: #88dd9b | |
} | |
#snipcart .snipcart-discount-box__submit, | |
#snipcart .snipcart-guest-checkout__link, | |
#snipcart .snipcart-order__invoice-number--highlight, | |
#snipcart .snipcart-register__register-link, | |
#snipcart .snipcart-signin__forgot-password, | |
#snipcart .snipcart-signin__register-link, | |
#snipcart .snipcart__actions--link { | |
color: #5c9174 | |
} | |
#snipcart .snipcart-discount-box__form { | |
border-color: #d9dfe0 | |
} | |
#snipcart .snipcart-checkbox:checked+label:before, | |
#snipcart .snipcart-checkbox:focus+label:before, | |
#snipcart .snipcart-checkbox:hover+label:before { | |
border-color: #88dd9b | |
} | |
#snipcart .snipcart-checkbox:checked+label:before, | |
#snipcart .snipcart-form-radio:checked+label:before, | |
#snipcart .snipcart__box--badge-highlight { | |
background: #88dd9b | |
} | |
.palette-cyan #snipcart { | |
color: #334e68 | |
} | |
.palette-cyan #snipcart .snipcart-featured-payment-methods__title, | |
.palette-cyan #snipcart .snipcart-modal, | |
.palette-cyan #snipcart .snipcart-modal__container { | |
background-color: #f0f4f8 | |
} | |
.palette-cyan #snipcart .snipcart-featured-payment-methods--no-background .snipcart-featured-payment-methods__title { | |
background-color: transparent | |
} | |
.palette-cyan #snipcart .snipcart-cart-summary, | |
.palette-cyan #snipcart .snipcart__box--gray { | |
background-color: #f7f9fb | |
} | |
.palette-cyan #snipcart .snipcart-cart-button--highlight { | |
background: #54d1db | |
} | |
.palette-cyan #snipcart .snipcart-cart-button--highlight:hover { | |
background: #38bec9 | |
} | |
.palette-cyan #snipcart .snipcart-cart-button--secondary { | |
color: #627d98; | |
background: #d8e2ed | |
} | |
.palette-cyan #snipcart .snipcart-cart-button--disabled, | |
.palette-cyan #snipcart .snipcart-cart-button--loading { | |
background: #38bec9 | |
} | |
.palette-cyan #snipcart .snipcart-modal__close-icon path, | |
.palette-cyan #snipcart .snipcart__icon--blue-dark path, | |
.palette-cyan #snipcart .snipcart__icon path.active { | |
fill: #54d1db | |
} | |
.palette-cyan #snipcart .snipcart__box--badge { | |
border-color: #f0f4f8; | |
background-color: #f7f9fb | |
} | |
.palette-cyan #snipcart .snipcart-discount-box__form { | |
border-color: #d8e2ed | |
} | |
.palette-cyan #snipcart .snipcart-discount-box__submit, | |
.palette-cyan #snipcart .snipcart-guest-checkout__link, | |
.palette-cyan #snipcart .snipcart-order__invoice-number--highlight, | |
.palette-cyan #snipcart .snipcart-register__register-link, | |
.palette-cyan #snipcart .snipcart-signin__forgot-password, | |
.palette-cyan #snipcart .snipcart-signin__register-link, | |
.palette-cyan #snipcart .snipcart__actions--link { | |
color: #38bec9 | |
} | |
.palette-cyan #snipcart .snipcart-checkbox:checked+label:before, | |
.palette-cyan #snipcart .snipcart-checkbox:focus+label:before, | |
.palette-cyan #snipcart .snipcart-checkbox:hover+label:before { | |
border-color: #54d1db | |
} | |
.palette-cyan #snipcart .snipcart-checkbox:checked+label:before, | |
.palette-cyan #snipcart .snipcart-form-radio:checked+label:before, | |
.palette-cyan #snipcart .snipcart__box--badge-highlight { | |
background: #54d1db | |
} | |
.palette-cyan #snipcart .snipcart-empty-cart { | |
color: #627d98 | |
} | |
.palette-yellow #snipcart { | |
color: #38352f | |
} | |
.palette-yellow #snipcart .snipcart-featured-payment-methods__title, | |
.palette-yellow #snipcart .snipcart-modal, | |
.palette-yellow #snipcart .snipcart-modal__container { | |
background-color: #f0efed | |
} | |
.palette-yellow #snipcart .snipcart-featured-payment-methods--no-background .snipcart-featured-payment-methods__title { | |
background-color: transparent | |
} | |
.palette-yellow #snipcart .snipcart-cart-summary, | |
.palette-yellow #snipcart .snipcart__box--gray { | |
background-color: #f7f6f5 | |
} | |
.palette-yellow #snipcart .snipcart-cart-button--highlight { | |
background: #fbbf24 | |
} | |
.palette-yellow #snipcart .snipcart-cart-button--highlight:hover { | |
background: #f7b305 | |
} | |
.palette-yellow #snipcart .snipcart-cart-button--secondary { | |
color: #625d52; | |
background: #d8d6d1 | |
} | |
.palette-yellow #snipcart .snipcart-cart-button--disabled, | |
.palette-yellow #snipcart .snipcart-cart-button--loading { | |
background: #f7b305 | |
} | |
.palette-yellow #snipcart .snipcart-modal__close-icon path, | |
.palette-yellow #snipcart .snipcart__icon--blue-dark path, | |
.palette-yellow #snipcart .snipcart__icon path.active { | |
fill: #fbbf24 | |
} | |
.palette-yellow #snipcart .snipcart__box--badge { | |
border-color: #f0efed; | |
background-color: #f7f6f5 | |
} | |
.palette-yellow #snipcart .snipcart-discount-box__form { | |
border-color: #d8d6d1 | |
} | |
.palette-yellow #snipcart .snipcart-discount-box__submit, | |
.palette-yellow #snipcart .snipcart-guest-checkout__link, | |
.palette-yellow #snipcart .snipcart-order__invoice-number--highlight, | |
.palette-yellow #snipcart .snipcart-register__register-link, | |
.palette-yellow #snipcart .snipcart-signin__forgot-password, | |
.palette-yellow #snipcart .snipcart-signin__register-link, | |
.palette-yellow #snipcart .snipcart__actions--link { | |
color: #f7b305 | |
} | |
.palette-yellow #snipcart .snipcart-checkbox:checked+label:before, | |
.palette-yellow #snipcart .snipcart-checkbox:focus+label:before, | |
.palette-yellow #snipcart .snipcart-checkbox:hover+label:before { | |
border-color: #fbbf24 | |
} | |
.palette-yellow #snipcart .snipcart-checkbox:checked+label:before, | |
.palette-yellow #snipcart .snipcart-form-radio:checked+label:before, | |
.palette-yellow #snipcart .snipcart__box--badge-highlight { | |
background: #fbbf24 | |
} | |
.palette-yellow #snipcart .snipcart-empty-cart { | |
color: #625d52 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment