// ============================================================================= // STENCIL // ============================================================================= // Tools // ----------------------------------------------------------------------------- // // 1. Import Citadel's toolkit for use. // // ----------------------------------------------------------------------------- @import "../../node_modules/@bigcommerce/citadel/dist/tools/toolkit"; // 1 @import "tools/tools"; // Settings // ----------------------------------------------------------------------------- // // 1. Stencil global settings get imported first. // 2. Import all Citadel and Foundation settings. // 3. Common aria helpers. // 4. Import Stencil's component settings overrides. // 5. Import tools which set/reset Citadel's global settings, to be consumed by // the rest of Stencil. // 6. Import Citadel's version of foundation. // - This enables the ability to "null" variables in the Stencil settings. // // ----------------------------------------------------------------------------- @import "settings/global/global"; // 1 @import "../../node_modules/@bigcommerce/citadel/dist/settings/global/global"; // 2 @import "settings/global/tools"; // 5 @import "../../node_modules/@bigcommerce/citadel/dist/settings/normalize/normalize"; // 2 @import "../../node_modules/@bigcommerce/citadel/dist/settings/foundation/foundation"; // 2 @import "../../node_modules/@bigcommerce/citadel/dist/settings/bigcommerce/bigcommerce"; // 2 @import "../../node_modules/@bigcommerce/citadel/dist/vendor/foundation/foundation"; // 6 @import "settings/normalize/normalize"; // 4 @import "settings/vendor/vendor"; // 4 @import "settings/foundation/foundation"; // 4 @import "settings/citadel/citadel"; // 4 @import "settings/stencil/stencil"; // 4 @import "settings/layouts/layouts"; // 4 // Utilities // ----------------------------------------------------------------------------- @import "utilities/utilities"; @import "../../node_modules/@bigcommerce/citadel/dist/utilities/utilities"; // Fonts // ----------------------------------------------------------------------------- @import "fonts/fonts"; // Components // ----------------------------------------------------------------------------- // // 1. Import Citadel's normalize dependency. // 2. Import Citadel's components. // 2. Import Stencil's component additions and custom components. // // ----------------------------------------------------------------------------- @import "../../node_modules/@bigcommerce/citadel/dist/vendor/normalize/normalize"; // 1 @import "../../node_modules/@bigcommerce/citadel/dist/components/components"; // 2 @import "common/index"; // 3 @import "components/components"; // 6 // Layouts // ----------------------------------------------------------------------------- // // 1. Stencil design layout files (example: Header or Footer). // // ----------------------------------------------------------------------------- @import "layouts/layouts"; // 1 @import "vendor/jstree/style"; @import 'ta/_variables.scss'; @import "ta/swatches.scss"; /* Nick edits */ /* General Styles */ p { line-height: 2; margin-bottom: 0.5rem; } p strong{font-weight:800;} body { line-height: 2; font-family: Helvetica, sans-serif; } ul { font-family: Helvetica; } ul ul { list-style-type: disc; line-height: 1.5; } ul li { margin-bottom: 10px; } /* Header */ .header { border-bottom: solid 1px #b7b7b7; } .header-logo .desktop-logo svg { max-width: 8rem; padding: .5rem; } /* Navigation */ .navPages-list.mobile-nav .navPages-item:first-child .navPages-action { font-size: 1rem; } .navPages-list.mobile-nav .navPages-item .navPages-action { font-size: 1.5rem; text-shadow: none; } .navPages-list.mobile-nav .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action { font-size: 1rem; font-weight: normal; text-transform: none; font-family: Helvetica, Arial, sans-serif; } .navPages-list.mobile-nav .navPage-subMenu-list .navPage-subMenu-item { margin-bottom: 0.5rem; } .navPages-list.mobile-nav .navPages-action.level-2 { color: #333; background-color: #f4f4f4; padding: 15px; border-bottom: 1px solid #ddd; } .navPages-list.mobile-nav .navPage-subMenu-list.level-3 > .navPage-subMenu-item { padding-left: 25px; background-color: #ffffff; } .navPages-list.mobile-nav .navPage-subMenu.level-3.is-open { border-top: 2px solid #0056b3; } .navPage-subMenu .level-1:hover { color: #EAAE42; } .navPage-callout-columns { width: auto !important; } @media (min-width: 801px) { .navPage-callout-columns { padding-left: 0 !important; } } /* Product Grid */ @media (min-width: 801px) { .productGrid .product { width: 25%; } } /* Product View */ .productView { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 50%) minmax(0, 10%); column-gap: 10px; margin: 0; margin-top: 1rem; } .productView-details { grid-area: details; padding: 0 1.5rem; } .productView-options { grid-area: details; margin: 0; } .productView-description { grid-area: description; margin: 0 auto; } .productView-images { position: sticky; top: 110px; align-self: start; margin: 0 auto; } .productView-image-thumbs { grid-column: 3 / span 1; grid-row: 1 / span 3; position: sticky; top: 110px; align-self: start; } @media (max-width: 801px) { .productView { display: flex; flex-direction: column; justify-content: flex-start; margin: 0 -1.5rem; grid-template-rows: .5fr 280px 2fr; } .productView-image-thumbs { align-self: revert; } .productView-images { display: block; } .pdp .productView-options .product-feature-icons { flex-direction: column; } } .productView-details.product-data { grid-column: 1 / span 1; grid-row: 1 / span 1; align-self: start; height: fit-content; } .productView-details.product-options { grid-column: 1 / span 1; grid-row: 2 / span 1; } .productView-description { grid-column: 1 / span 1; grid-row: 3 / span 1; padding-bottom: 30px; } .pdp .productView-title { font-size: 2.5rem; line-height: 2.5rem; } .pdp .sj-tagline { margin-top: 0; } .pdp .productView-options .form-field .form-label { font-weight: 800; font-family: helvetica; } .pdp .productView-options .form .sj-option-grid { grid-column-gap: 0; } .pdp .productView-options .product-feature-icons { flex-direction: row; margin: 1.5rem; } .pdp .productView-options .product-feature-icons .sj-product-badge img { max-width: 4rem; max-height: 4rem; } .pdp .productView-options .product-feature-icons .sj-product-badge h3 { font-family: 'prohibition'; font-size: 1rem; display: block; font-weight: 500; color: #241f1f; text-decoration: none; letter-spacing: .5px; } .pdp .productView-options .product-feature-icons .sj-product-badge a { text-decoration: none; } .pdp .productView-options .form .add-to-cart-wrapper .sj-checkout-button { font-family: 'Open Sans', sans-serif; width: 100%; max-width: none; } /* Pricing */ .price--discounted, .price--non-sale, .price--rrp { text-decoration: line-through; color: #999; font-style: italic; font-size: 20px; margin-right: .5rem; } .price-section { color: #333; font-size: 2rem; font-family: helvetica; } .price-section--minor { color: #999; } .price-section--withoutTax { display: inline-block; } .pdp .productView-price { font-size: 1.25rem; padding: 0; order: 2; } .pdp .productView-price .price-section span { display: block; } /* Reviews */ .stamped-product-reviews-badge { font-size: 0; } .stamped-product-reviews-badge .stamped-badge { display: block !important; } .stamped-product-reviews-badge .stamped-badge .stamped-badge-starrating { font-size: 0; } .stamped-product-reviews-badge .stamped-badge .stamped-badge-starrating .stamped-fa { color: #000; font-size: 0; } .stamped-product-reviews-badge .stamped-badge .stamped-badge-starrating .stamped-fa:before { font-size: 25px } .pdp .stamped-product-reviews-badge { min-height: auto; } .productView-product #stamped-reviews-widget[data-widget-type="full-page"] .stamped-container .stamped-ratings-wrapper { width: 100% !important; margin-right: 0 !important; text-align: left !important; vertical-align: top !important; padding-top: 10px !important; margin-bottom: 20px !important; padding-bottom: 10px !important; float: none !important; border-top: 1px solid #f0f0f0; font-size: 14px; } #stamped-reviews-widget { margin: 0; } .stamped-reviews-date { display: none !important; } .stamped-reviews-title { font-family: "prohibition"; font-size: 1.125rem; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; margin: 0; pointer-events: none; } /* Miscellaneous */ .category-description p { line-height: 2 !important; font-family: helvetica !important; font-size: 16px !important; } .sj-cart .page-heading { margin: 1rem 0 0 0; } .cart-item-block { font-family: 'Helvetica Neue LT Pro'; text-transform: none; font-size: 1.25rem; color: black; } .cart-item-name__label { font-family: 'Helvetica Neue LT Pro' !important; text-decoration: none !important; font-size: 1.25rem !important; color: black !important; font-weight: normal !important; } .loaded .credit-promotion-auto-size { width: 80% !important; } .osm-container { width: 80%; } .needsclick input { text-align: center; } .callout-image { width: 309px; } button[part="osm-cta"] { display: none; } .shop-all-link { display: block; margin-bottom: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #000; text-decoration: none; } .shop-all-link:hover { text-decoration: underline; } .ss-facets-horizontal, .ss-summary, .ss-toolbar-top, .stamped-badge-caption, [data-test-info-type="brandName"] { display: none; } .pdp .productView-price{ line-height: 2; } @media (min-width: 801px){ .navPages .top-level{ font-size:1.5rem; } .navPages .navPage-subMenu-list{ justify-content:space-evenly; } .header .container{ height:100px; } .run-of-site { font-size: 1rem; } } .desktop-logo { transform: translateX(-50%); position: relative !important; } @media (max-width: 801px){ .header{ border-bottom: 0px; } #stamped-widget-drawer{ display: none; } }

Customer Reviews