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