Skip to content

Instantly share code, notes, and snippets.

@swayanshu-apbr
Last active August 17, 2022 06:01
Show Gist options
  • Save swayanshu-apbr/e6e320d23539c682a38bf92b4f4dadff to your computer and use it in GitHub Desktop.
Save swayanshu-apbr/e6e320d23539c682a38bf92b4f4dadff to your computer and use it in GitHub Desktop.
:root {
--heading-font-family: "Avenir Next", sans-serif;
--heading-font-weight: 500;
--heading-font-style: normal;
--text-font-family: "Avenir Next", sans-serif;
--text-font-weight: 400;
--text-font-style: normal;
--base-text-font-size: 15px;
--default-text-font-size: 14px;
--background: #f1f1f1;
--background-rgb: 241, 241, 241;
--light-background: #ffffff;
--light-background-rgb: 255, 255, 255;
--heading-color: #1c1b1b;
--text-color: #1c1b1b;
--text-color-rgb: 28, 27, 27;
--text-color-light: #6a6a6a;
--text-color-light-rgb: 106, 106, 106;
--link-color: #0d5ea8;
--link-color-rgb: 13, 94, 168;
--border-color: #d1d1d1;
--border-color-rgb: 209, 209, 209;
--button-background: #0d5ea8;
--button-background-rgb: 13, 94, 168;
--button-text-color: #ffffff;
--header-background: #ffffff;
--header-heading-color: #262626;
--header-light-text-color: #262626;
--header-border-color: #dedede;
--footer-background: #ffffff;
--footer-text-color: #262626;
--footer-heading-color: #0d5ea8;
--footer-border-color: #dedede;
--navigation-background: #fbfbfb;
--navigation-background-rgb: 251, 251, 251;
--navigation-text-color: #0d5ea8;
--navigation-text-color-light: rgba(13, 94, 168, 0.5);
--navigation-border-color: rgba(13, 94, 168, 0.25);
--newsletter-popup-background: #ffffff;
--newsletter-popup-text-color: #0d5ea8;
--newsletter-popup-text-color-rgb: 13, 94, 168;
--secondary-elements-background: #262626;
--secondary-elements-background-rgb: 38, 38, 38;
--secondary-elements-text-color: #ffffff;
--secondary-elements-text-color-light: rgba(255, 255, 255, 0.5);
--secondary-elements-border-color: rgba(255, 255, 255, 0.25);
--product-sale-price-color: #0d5ea8;
--product-sale-price-color-rgb: 13, 94, 168;
--product-star-rating: #0d5ea8;
--payment-terms-background-color: #f1f1f1;
--horizontal-spacing-four-products-per-row: 20px;
--horizontal-spacing-two-products-per-row: 20px;
--vertical-spacing-four-products-per-row: 40px;
--vertical-spacing-two-products-per-row: 50px;
--drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1);
--header-base-height: 80px;
--cursor-zoom-in-svg: url(//cdn.shopify.com/s/files/1/0459/6563/9834/t/137/assets/cursor-zoom-in.svg?v=170532930330058140181651148017);
--cursor-zoom-in-2x-svg: url(//cdn.shopify.com/s/files/1/0459/6563/9834/t/137/assets/cursor-zoom-in-2x.svg?v=56685658183649387561651148017);
--osf-float-btn-bg-color: #007e91;
--osf-float-btn-color: #ffffff;
--osf-font-family: Roboto;
--osf-font-size: 14;
--osf-inline-btn-bg-color: #212b36;
--osf-inline-btn-color: #ffffff;
--osf-popup-btn-bg-color: #007e91;
--osf-popup-btn-color: #ffffff;
--osf-popup-heading-color: #212b36;
--osf-popup-text-color: #212b36;
--osf-popup-border-radius: 4px;
--osf-field-border-radius: 4px;
--osf-float-button-top: 15%;
}
:body {
--osf-float-btn-bg-color: #007e91;
--osf-float-btn-color: #ffffff;
--osf-font-family: Roboto;
--osf-font-size: 14;
--osf-inline-btn-bg-color: #212b36;
--osf-inline-btn-color: #ffffff;
--osf-popup-btn-bg-color: #007e91;
--osf-popup-btn-color: #ffffff;
--osf-popup-heading-color: #212b36;
--osf-popup-text-color: #212b36;
--osf-popup-border-radius: 4px;
--osf-field-border-radius: 4px;
--osf-float-button-top: 15%;
}
.body {
overflow: auto !important;
}
.Panel{
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
margin-bottom: 8px !important;
}
.Container {
padding: 0px !important;
margin: 0px !important;
}
.Rte {
padding-left: 16px;
padding-right: 16px;
}
.mt-3{
overflow: auto !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment