From 90e9d9532bd0375a274ad0fcf2ee939aa9f8075c Mon Sep 17 00:00:00 2001 From: t-kelly Date: Thu, 3 May 2018 15:47:44 -0400 Subject: [PATCH] Docs moved to gh-pages branch --- Gemfile | 4 - Gemfile.lock | 199 ----- docs/README.md | 17 - docs/_config.yml | 15 - docs/_includes/head.html | 28 - docs/_includes/header.html | 14 - docs/_includes/icon-twitter.html | 1 - docs/_includes/icon-twitter.svg | 1 - docs/_includes/iframe-toggles.html | 8 - docs/_includes/sidebar.html | 98 --- docs/_layouts/default.html | 24 - docs/_layouts/demo.html | 24 - docs/_sass/_yuidoc.scss | 64 -- .../bourbon/_bourbon-deprecated-upcoming.scss | 8 - docs/_sass/bourbon/_bourbon.scss | 79 -- docs/_sass/bourbon/addons/_button.scss | 374 ---------- docs/_sass/bourbon/addons/_clearfix.scss | 23 - .../bourbon/addons/_directional-values.scss | 111 --- docs/_sass/bourbon/addons/_ellipsis.scss | 7 - docs/_sass/bourbon/addons/_font-family.scss | 5 - docs/_sass/bourbon/addons/_hide-text.scss | 10 - .../bourbon/addons/_html5-input-types.scss | 86 --- docs/_sass/bourbon/addons/_position.scss | 32 - docs/_sass/bourbon/addons/_prefixer.scss | 45 -- docs/_sass/bourbon/addons/_retina-image.scss | 31 - docs/_sass/bourbon/addons/_size.scss | 16 - .../bourbon/addons/_timing-functions.scss | 32 - docs/_sass/bourbon/addons/_triangle.scss | 83 --- docs/_sass/bourbon/addons/_word-wrap.scss | 8 - docs/_sass/bourbon/css3/_animation.scss | 52 -- docs/_sass/bourbon/css3/_appearance.scss | 3 - .../bourbon/css3/_backface-visibility.scss | 6 - .../_sass/bourbon/css3/_background-image.scss | 42 -- docs/_sass/bourbon/css3/_background.scss | 55 -- docs/_sass/bourbon/css3/_border-image.scss | 59 -- docs/_sass/bourbon/css3/_border-radius.scss | 22 - docs/_sass/bourbon/css3/_box-sizing.scss | 4 - docs/_sass/bourbon/css3/_calc.scss | 4 - docs/_sass/bourbon/css3/_columns.scss | 47 -- docs/_sass/bourbon/css3/_filter.scss | 5 - docs/_sass/bourbon/css3/_flex-box.scss | 321 -------- docs/_sass/bourbon/css3/_font-face.scss | 23 - .../bourbon/css3/_font-feature-settings.scss | 10 - .../bourbon/css3/_hidpi-media-query.scss | 10 - docs/_sass/bourbon/css3/_hyphens.scss | 4 - docs/_sass/bourbon/css3/_image-rendering.scss | 14 - docs/_sass/bourbon/css3/_keyframes.scss | 35 - docs/_sass/bourbon/css3/_linear-gradient.scss | 38 - docs/_sass/bourbon/css3/_perspective.scss | 8 - docs/_sass/bourbon/css3/_placeholder.scss | 8 - docs/_sass/bourbon/css3/_radial-gradient.scss | 39 - docs/_sass/bourbon/css3/_transform.scss | 15 - docs/_sass/bourbon/css3/_transition.scss | 77 -- docs/_sass/bourbon/css3/_user-select.scss | 3 - docs/_sass/bourbon/functions/_assign.scss | 11 - .../bourbon/functions/_color-lightness.scss | 13 - docs/_sass/bourbon/functions/_flex-grid.scss | 39 - .../bourbon/functions/_golden-ratio.scss | 3 - docs/_sass/bourbon/functions/_grid-width.scss | 13 - .../bourbon/functions/_modular-scale.scss | 66 -- docs/_sass/bourbon/functions/_px-to-em.scss | 13 - docs/_sass/bourbon/functions/_px-to-rem.scss | 15 - .../_sass/bourbon/functions/_strip-units.scss | 5 - docs/_sass/bourbon/functions/_tint-shade.scss | 9 - .../functions/_transition-property-name.scss | 22 - docs/_sass/bourbon/functions/_unpack.scss | 17 - .../_sass/bourbon/helpers/_convert-units.scss | 15 - .../helpers/_gradient-positions-parser.scss | 13 - docs/_sass/bourbon/helpers/_is-num.scss | 8 - .../bourbon/helpers/_linear-angle-parser.scss | 25 - .../helpers/_linear-gradient-parser.scss | 41 -- .../helpers/_linear-positions-parser.scss | 61 -- .../helpers/_linear-side-corner-parser.scss | 31 - .../bourbon/helpers/_radial-arg-parser.scss | 69 -- .../helpers/_radial-gradient-parser.scss | 50 -- .../helpers/_radial-positions-parser.scss | 18 - .../bourbon/helpers/_render-gradients.scss | 26 - .../bourbon/helpers/_shape-size-stripper.scss | 10 - docs/_sass/bourbon/helpers/_str-to-num.scss | 50 -- .../bourbon/settings/_asset-pipeline.scss | 1 - docs/_sass/bourbon/settings/_prefixer.scss | 6 - docs/_sass/bourbon/settings/_px-to-em.scss | 1 - docs/_sass/custom/custom.scss | 271 ------- docs/_sass/custom/layout.scss | 170 ----- docs/_sass/demo-variables.scss | 79 -- docs/_sass/demo.scss | 68 -- docs/_sass/html5bp-custom.scss | 131 ---- docs/_sass/html5bp/normalize.css | 512 ------------- docs/_sass/marketing_assets.scss | 18 - docs/_sass/marketing_assets/_grid.scss | 276 ------- docs/_sass/marketing_assets/_layout.scss | 37 - docs/_sass/marketing_assets/_modules.scss | 41 -- .../_sass/marketing_assets/_sass-helpers.scss | 6 - docs/_sass/marketing_assets/_setup.scss | 3 - docs/_sass/marketing_assets/_typography.scss | 2 - docs/_sass/marketing_assets/_utils.scss | 4 - docs/_sass/marketing_assets/builds/fonts.scss | 2 - .../marketing_assets/content/_modules.scss | 13 - .../marketing_assets/content/grid/_grid.scss | 53 -- .../marketing_assets/content/setup/_base.scss | 25 - .../marketing_assets/content/setup/_grid.scss | 9 - .../content/setup/_overrides.scss | 19 - .../content/setup/_typography.scss | 37 - .../marketing_assets/modules/_accordion.scss | 43 -- .../marketing_assets/modules/_block.scss | 60 -- .../modules/_breadcrumbs.scss | 26 - .../marketing_assets/modules/_bullet.scss | 49 -- .../marketing_assets/modules/_buttons.scss | 100 --- .../marketing_assets/modules/_drawer.scss | 182 ----- .../marketing_assets/modules/_errors.scss | 16 - .../marketing_assets/modules/_footer.scss | 185 ----- .../marketing_assets/modules/_forms.scss | 416 ----------- .../marketing_assets/modules/_icons.scss | 60 -- .../marketing_assets/modules/_image.scss | 28 - .../modules/_in-page-menu.scss | 66 -- .../marketing_assets/modules/_inline-cta.scss | 14 - .../modules/_marketing-input-button-pair.scss | 72 -- .../marketing_assets/modules/_media.scss | 267 ------- .../modules/_mobile-nav-select.scss | 24 - .../marketing_assets/modules/_modal.scss | 104 --- docs/_sass/marketing_assets/modules/_nav.scss | 303 -------- .../modules/_padded-grid-box.scss | 30 - .../modules/_page-blocks.scss | 62 -- .../modules/_page-header.scss | 36 - .../modules/_paginated-carousel.scss | 75 -- .../marketing_assets/modules/_picture.scss | 16 - .../marketing_assets/modules/_popover.scss | 219 ------ .../modules/_responsive-svg.scss | 12 - .../modules/_section-block.scss | 42 -- .../modules/_section-heading.scss | 58 -- .../modules/_segment-colors.scss | 86 --- .../marketing_assets/modules/_signup.scss | 27 - .../marketing_assets/modules/_slider.scss | 78 -- .../modules/_social-icons.scss | 12 - .../modules/_stateful-form.scss | 251 ------- .../modules/_sticky-menu.scss | 35 - .../modules/_tabbed-carousel-nav.scss | 107 --- .../modules/_tabbed-carousel.scss | 267 ------- .../marketing_assets/modules/_video.scss | 49 -- .../modules/_window-loaded.scss | 8 - .../modules/content/_about-author.scss | 17 - .../modules/content/_article-meta.scss | 54 -- .../modules/content/_article.scss | 110 --- .../modules/content/_banner.scss | 9 - .../modules/content/_chapters.scss | 72 -- .../modules/content/_guides.scss | 222 ------ .../modules/content/_heading-icon.scss | 13 - .../modules/content/_link-title.scss | 9 - .../modules/content/_marketing-markdown.scss | 111 --- .../modules/content/_newsletter-block.scss | 111 --- .../modules/content/_pagination.scss | 46 -- .../modules/content/_preview-links.scss | 32 - .../modules/content/_search-input.scss | 24 - .../modules/content/_share-bar.scss | 62 -- .../modules/content/_social-shares.scss | 84 --- .../modules/content/_truncated-text.scss | 34 - .../marketing_assets/plus/_typography.scss | 248 ------- .../marketing_assets/plus/_variables.scss | 4 - .../plus/modules/_buttons.scss | 133 ---- .../plus/modules/_navigation.scss | 279 ------- .../plus/variables/_colors.scss | 12 - .../plus/variables/_fonts.scss | 6 - .../plus/variables/_measurements.scss | 15 - .../plus/variables/_typography.scss | 31 - .../sass_helpers/_breakpoints.scss | 31 - .../sass_helpers/_mixins.scss | 5 - .../sass_helpers/_variables.scss | 4 - .../sass_helpers/mixins/_global.scss | 131 ---- .../sass_helpers/mixins/_grid.scss | 53 -- .../sass_helpers/mixins/_icons.scss | 15 - .../sass_helpers/mixins/_typography.scss | 35 - .../sass_helpers/mixins/_utils.scss | 39 - .../sass_helpers/variables/_colors.scss | 66 -- .../sass_helpers/variables/_grid.scss | 27 - .../sass_helpers/variables/_measurements.scss | 27 - .../sass_helpers/variables/_typography.scss | 56 -- docs/_sass/marketing_assets/setup/_base.scss | 30 - .../marketing_assets/styleguide/content.scss | 1 - .../styleguide/styleguide.css.scss | 461 ------------ .../marketing_assets/typography/_fonts.scss | 24 - .../typography/_typography.scss | 221 ------ .../marketing_assets/utils/_alignment.scss | 17 - .../_sass/marketing_assets/utils/_colors.scss | 7 - .../marketing_assets/utils/_gutters.scss | 25 - .../marketing_assets/utils/_responsive.scss | 41 -- docs/_sass/marketing_assets_content.scss | 35 - docs/_sass/neat/_neat-helpers.scss | 8 - docs/_sass/neat/_neat.scss | 23 - .../_sass/neat/functions/_new-breakpoint.scss | 49 -- docs/_sass/neat/functions/_private.scss | 114 --- docs/_sass/neat/grid/_box-sizing.scss | 15 - docs/_sass/neat/grid/_direction-context.scss | 33 - docs/_sass/neat/grid/_display-context.scss | 28 - docs/_sass/neat/grid/_fill-parent.scss | 22 - docs/_sass/neat/grid/_media.scss | 92 --- docs/_sass/neat/grid/_omega.scss | 87 --- docs/_sass/neat/grid/_outer-container.scss | 38 - docs/_sass/neat/grid/_pad.scss | 25 - docs/_sass/neat/grid/_private.scss | 35 - docs/_sass/neat/grid/_row.scss | 52 -- docs/_sass/neat/grid/_shift.scss | 50 -- docs/_sass/neat/grid/_span-columns.scss | 94 --- docs/_sass/neat/grid/_to-deprecate.scss | 97 --- docs/_sass/neat/grid/_visual-grid.scss | 42 -- .../neat/settings/_disable-warnings.scss | 13 - docs/_sass/neat/settings/_grid.scss | 51 -- docs/_sass/neat/settings/_visual-grid.scss | 27 - docs/_sass/slate/global/blank-states.scss | 36 - docs/_sass/slate/global/forms.scss | 63 -- docs/_sass/slate/global/grid.scss | 211 ------ docs/_sass/slate/global/helper-classes.scss | 54 -- docs/_sass/slate/global/icons.scss | 58 -- docs/_sass/slate/global/layout.scss | 12 - docs/_sass/slate/global/links-buttons.scss | 12 - docs/_sass/slate/global/normalize.scss | 427 ----------- .../_sass/slate/global/responsive-tables.scss | 57 -- docs/_sass/slate/global/rte.scss | 73 -- docs/_sass/slate/global/slate-reset.scss | 72 -- .../slate/modules/gift-card-template.scss | 36 - docs/_sass/slate/modules/site-header.scss | 8 - .../slate/settings/variables.scss.liquid | 80 -- docs/_sass/slate/theme.scss | 27 - docs/_sass/slate/tools/mixins.scss | 119 --- docs/_sass/slate/vendor/README.md | 1 - docs/_sass/syntax_highlighting.scss | 66 -- docs/assets/images/app-credentials.jpg | Bin 10441 -> 0 bytes docs/assets/images/app-permission.jpg | Bin 4887 -> 0 bytes docs/assets/images/desktop.png | Bin 245 -> 0 bytes docs/assets/images/fresh-install.jpg | Bin 39537 -> 0 bytes docs/assets/images/github-logo.png | Bin 3269 -> 0 bytes docs/assets/images/mobile.png | Bin 328 -> 0 bytes docs/assets/images/npm-logo.png | Bin 676 -> 0 bytes docs/assets/images/shopify-logo-large.png | Bin 25712 -> 0 bytes docs/assets/images/shopify-logo.png | Bin 4010 -> 0 bytes docs/assets/images/theme-id.png | Bin 20913 -> 0 bytes docs/commands/index.md | 150 ---- docs/css-examples/blank-states/index.md | 22 - docs/css-examples/grid-push/index.md | 14 - docs/css-examples/grid/index.md | 58 -- docs/css-examples/icon-cart/index.md | 12 - docs/css-examples/icons/index.md | 133 ---- docs/css-examples/index.md | 399 ---------- docs/css-examples/responsive-table/index.md | 67 -- docs/css-examples/show-hide/index.md | 15 - docs/css-examples/text-align/index.md | 7 - docs/css-examples/visually-hidden/index.md | 20 - docs/css/demos.scss | 36 - docs/css/main.scss | 12 - docs/css/prettify.min.css | 1 - docs/css/yuidoc.css | 687 ------------------ docs/index.md | 76 -- docs/js-examples/index.md | 283 -------- docs/js-examples/tables-videos/index.md | 57 -- docs/js-examples/trap-focus/index.md | 70 -- docs/js/demo.js | 40 - docs/js/tracking.js | 24 - docs/theme-scaffold/index.md | 167 ----- docs/theme/index.md | 15 - 258 files changed, 16124 deletions(-) delete mode 100644 Gemfile delete mode 100644 Gemfile.lock delete mode 100644 docs/README.md delete mode 100644 docs/_config.yml delete mode 100644 docs/_includes/head.html delete mode 100644 docs/_includes/header.html delete mode 100644 docs/_includes/icon-twitter.html delete mode 100644 docs/_includes/icon-twitter.svg delete mode 100644 docs/_includes/iframe-toggles.html delete mode 100644 docs/_includes/sidebar.html delete mode 100644 docs/_layouts/default.html delete mode 100644 docs/_layouts/demo.html delete mode 100644 docs/_sass/_yuidoc.scss delete mode 100644 docs/_sass/bourbon/_bourbon-deprecated-upcoming.scss delete mode 100644 docs/_sass/bourbon/_bourbon.scss delete mode 100644 docs/_sass/bourbon/addons/_button.scss delete mode 100644 docs/_sass/bourbon/addons/_clearfix.scss delete mode 100644 docs/_sass/bourbon/addons/_directional-values.scss delete mode 100644 docs/_sass/bourbon/addons/_ellipsis.scss delete mode 100644 docs/_sass/bourbon/addons/_font-family.scss delete mode 100644 docs/_sass/bourbon/addons/_hide-text.scss delete mode 100644 docs/_sass/bourbon/addons/_html5-input-types.scss delete mode 100644 docs/_sass/bourbon/addons/_position.scss delete mode 100644 docs/_sass/bourbon/addons/_prefixer.scss delete mode 100644 docs/_sass/bourbon/addons/_retina-image.scss delete mode 100644 docs/_sass/bourbon/addons/_size.scss delete mode 100644 docs/_sass/bourbon/addons/_timing-functions.scss delete mode 100644 docs/_sass/bourbon/addons/_triangle.scss delete mode 100644 docs/_sass/bourbon/addons/_word-wrap.scss delete mode 100644 docs/_sass/bourbon/css3/_animation.scss delete mode 100644 docs/_sass/bourbon/css3/_appearance.scss delete mode 100644 docs/_sass/bourbon/css3/_backface-visibility.scss delete mode 100644 docs/_sass/bourbon/css3/_background-image.scss delete mode 100644 docs/_sass/bourbon/css3/_background.scss delete mode 100644 docs/_sass/bourbon/css3/_border-image.scss delete mode 100644 docs/_sass/bourbon/css3/_border-radius.scss delete mode 100644 docs/_sass/bourbon/css3/_box-sizing.scss delete mode 100644 docs/_sass/bourbon/css3/_calc.scss delete mode 100644 docs/_sass/bourbon/css3/_columns.scss delete mode 100644 docs/_sass/bourbon/css3/_filter.scss delete mode 100644 docs/_sass/bourbon/css3/_flex-box.scss delete mode 100644 docs/_sass/bourbon/css3/_font-face.scss delete mode 100644 docs/_sass/bourbon/css3/_font-feature-settings.scss delete mode 100644 docs/_sass/bourbon/css3/_hidpi-media-query.scss delete mode 100644 docs/_sass/bourbon/css3/_hyphens.scss delete mode 100644 docs/_sass/bourbon/css3/_image-rendering.scss delete mode 100644 docs/_sass/bourbon/css3/_keyframes.scss delete mode 100644 docs/_sass/bourbon/css3/_linear-gradient.scss delete mode 100644 docs/_sass/bourbon/css3/_perspective.scss delete mode 100644 docs/_sass/bourbon/css3/_placeholder.scss delete mode 100644 docs/_sass/bourbon/css3/_radial-gradient.scss delete mode 100644 docs/_sass/bourbon/css3/_transform.scss delete mode 100644 docs/_sass/bourbon/css3/_transition.scss delete mode 100644 docs/_sass/bourbon/css3/_user-select.scss delete mode 100644 docs/_sass/bourbon/functions/_assign.scss delete mode 100644 docs/_sass/bourbon/functions/_color-lightness.scss delete mode 100644 docs/_sass/bourbon/functions/_flex-grid.scss delete mode 100644 docs/_sass/bourbon/functions/_golden-ratio.scss delete mode 100644 docs/_sass/bourbon/functions/_grid-width.scss delete mode 100644 docs/_sass/bourbon/functions/_modular-scale.scss delete mode 100644 docs/_sass/bourbon/functions/_px-to-em.scss delete mode 100644 docs/_sass/bourbon/functions/_px-to-rem.scss delete mode 100644 docs/_sass/bourbon/functions/_strip-units.scss delete mode 100644 docs/_sass/bourbon/functions/_tint-shade.scss delete mode 100644 docs/_sass/bourbon/functions/_transition-property-name.scss delete mode 100644 docs/_sass/bourbon/functions/_unpack.scss delete mode 100644 docs/_sass/bourbon/helpers/_convert-units.scss delete mode 100644 docs/_sass/bourbon/helpers/_gradient-positions-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_is-num.scss delete mode 100644 docs/_sass/bourbon/helpers/_linear-angle-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_linear-gradient-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_linear-positions-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_linear-side-corner-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_radial-arg-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_radial-gradient-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_radial-positions-parser.scss delete mode 100644 docs/_sass/bourbon/helpers/_render-gradients.scss delete mode 100644 docs/_sass/bourbon/helpers/_shape-size-stripper.scss delete mode 100644 docs/_sass/bourbon/helpers/_str-to-num.scss delete mode 100644 docs/_sass/bourbon/settings/_asset-pipeline.scss delete mode 100644 docs/_sass/bourbon/settings/_prefixer.scss delete mode 100644 docs/_sass/bourbon/settings/_px-to-em.scss delete mode 100644 docs/_sass/custom/custom.scss delete mode 100644 docs/_sass/custom/layout.scss delete mode 100644 docs/_sass/demo-variables.scss delete mode 100644 docs/_sass/demo.scss delete mode 100755 docs/_sass/html5bp-custom.scss delete mode 100755 docs/_sass/html5bp/normalize.css delete mode 100644 docs/_sass/marketing_assets.scss delete mode 100755 docs/_sass/marketing_assets/_grid.scss delete mode 100755 docs/_sass/marketing_assets/_layout.scss delete mode 100755 docs/_sass/marketing_assets/_modules.scss delete mode 100755 docs/_sass/marketing_assets/_sass-helpers.scss delete mode 100755 docs/_sass/marketing_assets/_setup.scss delete mode 100755 docs/_sass/marketing_assets/_typography.scss delete mode 100755 docs/_sass/marketing_assets/_utils.scss delete mode 100755 docs/_sass/marketing_assets/builds/fonts.scss delete mode 100755 docs/_sass/marketing_assets/content/_modules.scss delete mode 100755 docs/_sass/marketing_assets/content/grid/_grid.scss delete mode 100755 docs/_sass/marketing_assets/content/setup/_base.scss delete mode 100755 docs/_sass/marketing_assets/content/setup/_grid.scss delete mode 100755 docs/_sass/marketing_assets/content/setup/_overrides.scss delete mode 100755 docs/_sass/marketing_assets/content/setup/_typography.scss delete mode 100755 docs/_sass/marketing_assets/modules/_accordion.scss delete mode 100755 docs/_sass/marketing_assets/modules/_block.scss delete mode 100755 docs/_sass/marketing_assets/modules/_breadcrumbs.scss delete mode 100755 docs/_sass/marketing_assets/modules/_bullet.scss delete mode 100755 docs/_sass/marketing_assets/modules/_buttons.scss delete mode 100755 docs/_sass/marketing_assets/modules/_drawer.scss delete mode 100755 docs/_sass/marketing_assets/modules/_errors.scss delete mode 100755 docs/_sass/marketing_assets/modules/_footer.scss delete mode 100755 docs/_sass/marketing_assets/modules/_forms.scss delete mode 100755 docs/_sass/marketing_assets/modules/_icons.scss delete mode 100755 docs/_sass/marketing_assets/modules/_image.scss delete mode 100755 docs/_sass/marketing_assets/modules/_in-page-menu.scss delete mode 100755 docs/_sass/marketing_assets/modules/_inline-cta.scss delete mode 100755 docs/_sass/marketing_assets/modules/_marketing-input-button-pair.scss delete mode 100755 docs/_sass/marketing_assets/modules/_media.scss delete mode 100755 docs/_sass/marketing_assets/modules/_mobile-nav-select.scss delete mode 100755 docs/_sass/marketing_assets/modules/_modal.scss delete mode 100755 docs/_sass/marketing_assets/modules/_nav.scss delete mode 100755 docs/_sass/marketing_assets/modules/_padded-grid-box.scss delete mode 100755 docs/_sass/marketing_assets/modules/_page-blocks.scss delete mode 100755 docs/_sass/marketing_assets/modules/_page-header.scss delete mode 100755 docs/_sass/marketing_assets/modules/_paginated-carousel.scss delete mode 100755 docs/_sass/marketing_assets/modules/_picture.scss delete mode 100755 docs/_sass/marketing_assets/modules/_popover.scss delete mode 100755 docs/_sass/marketing_assets/modules/_responsive-svg.scss delete mode 100755 docs/_sass/marketing_assets/modules/_section-block.scss delete mode 100755 docs/_sass/marketing_assets/modules/_section-heading.scss delete mode 100755 docs/_sass/marketing_assets/modules/_segment-colors.scss delete mode 100755 docs/_sass/marketing_assets/modules/_signup.scss delete mode 100755 docs/_sass/marketing_assets/modules/_slider.scss delete mode 100755 docs/_sass/marketing_assets/modules/_social-icons.scss delete mode 100755 docs/_sass/marketing_assets/modules/_stateful-form.scss delete mode 100755 docs/_sass/marketing_assets/modules/_sticky-menu.scss delete mode 100755 docs/_sass/marketing_assets/modules/_tabbed-carousel-nav.scss delete mode 100755 docs/_sass/marketing_assets/modules/_tabbed-carousel.scss delete mode 100755 docs/_sass/marketing_assets/modules/_video.scss delete mode 100755 docs/_sass/marketing_assets/modules/_window-loaded.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_about-author.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_article-meta.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_article.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_banner.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_chapters.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_guides.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_heading-icon.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_link-title.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_marketing-markdown.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_newsletter-block.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_pagination.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_preview-links.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_search-input.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_share-bar.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_social-shares.scss delete mode 100755 docs/_sass/marketing_assets/modules/content/_truncated-text.scss delete mode 100755 docs/_sass/marketing_assets/plus/_typography.scss delete mode 100755 docs/_sass/marketing_assets/plus/_variables.scss delete mode 100755 docs/_sass/marketing_assets/plus/modules/_buttons.scss delete mode 100755 docs/_sass/marketing_assets/plus/modules/_navigation.scss delete mode 100755 docs/_sass/marketing_assets/plus/variables/_colors.scss delete mode 100755 docs/_sass/marketing_assets/plus/variables/_fonts.scss delete mode 100755 docs/_sass/marketing_assets/plus/variables/_measurements.scss delete mode 100755 docs/_sass/marketing_assets/plus/variables/_typography.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/_breakpoints.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/_mixins.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/_variables.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/mixins/_global.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/mixins/_grid.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/mixins/_icons.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/mixins/_typography.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/mixins/_utils.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/variables/_colors.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/variables/_grid.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/variables/_measurements.scss delete mode 100755 docs/_sass/marketing_assets/sass_helpers/variables/_typography.scss delete mode 100755 docs/_sass/marketing_assets/setup/_base.scss delete mode 100755 docs/_sass/marketing_assets/styleguide/content.scss delete mode 100755 docs/_sass/marketing_assets/styleguide/styleguide.css.scss delete mode 100755 docs/_sass/marketing_assets/typography/_fonts.scss delete mode 100755 docs/_sass/marketing_assets/typography/_typography.scss delete mode 100755 docs/_sass/marketing_assets/utils/_alignment.scss delete mode 100755 docs/_sass/marketing_assets/utils/_colors.scss delete mode 100755 docs/_sass/marketing_assets/utils/_gutters.scss delete mode 100755 docs/_sass/marketing_assets/utils/_responsive.scss delete mode 100755 docs/_sass/marketing_assets_content.scss delete mode 100644 docs/_sass/neat/_neat-helpers.scss delete mode 100644 docs/_sass/neat/_neat.scss delete mode 100644 docs/_sass/neat/functions/_new-breakpoint.scss delete mode 100644 docs/_sass/neat/functions/_private.scss delete mode 100644 docs/_sass/neat/grid/_box-sizing.scss delete mode 100644 docs/_sass/neat/grid/_direction-context.scss delete mode 100644 docs/_sass/neat/grid/_display-context.scss delete mode 100644 docs/_sass/neat/grid/_fill-parent.scss delete mode 100644 docs/_sass/neat/grid/_media.scss delete mode 100644 docs/_sass/neat/grid/_omega.scss delete mode 100644 docs/_sass/neat/grid/_outer-container.scss delete mode 100644 docs/_sass/neat/grid/_pad.scss delete mode 100644 docs/_sass/neat/grid/_private.scss delete mode 100644 docs/_sass/neat/grid/_row.scss delete mode 100644 docs/_sass/neat/grid/_shift.scss delete mode 100644 docs/_sass/neat/grid/_span-columns.scss delete mode 100644 docs/_sass/neat/grid/_to-deprecate.scss delete mode 100644 docs/_sass/neat/grid/_visual-grid.scss delete mode 100644 docs/_sass/neat/settings/_disable-warnings.scss delete mode 100644 docs/_sass/neat/settings/_grid.scss delete mode 100644 docs/_sass/neat/settings/_visual-grid.scss delete mode 100644 docs/_sass/slate/global/blank-states.scss delete mode 100644 docs/_sass/slate/global/forms.scss delete mode 100644 docs/_sass/slate/global/grid.scss delete mode 100644 docs/_sass/slate/global/helper-classes.scss delete mode 100644 docs/_sass/slate/global/icons.scss delete mode 100644 docs/_sass/slate/global/layout.scss delete mode 100644 docs/_sass/slate/global/links-buttons.scss delete mode 100644 docs/_sass/slate/global/normalize.scss delete mode 100644 docs/_sass/slate/global/responsive-tables.scss delete mode 100644 docs/_sass/slate/global/rte.scss delete mode 100644 docs/_sass/slate/global/slate-reset.scss delete mode 100644 docs/_sass/slate/modules/gift-card-template.scss delete mode 100644 docs/_sass/slate/modules/site-header.scss delete mode 100644 docs/_sass/slate/settings/variables.scss.liquid delete mode 100644 docs/_sass/slate/theme.scss delete mode 100644 docs/_sass/slate/tools/mixins.scss delete mode 100644 docs/_sass/slate/vendor/README.md delete mode 100644 docs/_sass/syntax_highlighting.scss delete mode 100644 docs/assets/images/app-credentials.jpg delete mode 100644 docs/assets/images/app-permission.jpg delete mode 100755 docs/assets/images/desktop.png delete mode 100644 docs/assets/images/fresh-install.jpg delete mode 100644 docs/assets/images/github-logo.png delete mode 100755 docs/assets/images/mobile.png delete mode 100644 docs/assets/images/npm-logo.png delete mode 100644 docs/assets/images/shopify-logo-large.png delete mode 100644 docs/assets/images/shopify-logo.png delete mode 100644 docs/assets/images/theme-id.png delete mode 100644 docs/commands/index.md delete mode 100644 docs/css-examples/blank-states/index.md delete mode 100644 docs/css-examples/grid-push/index.md delete mode 100644 docs/css-examples/grid/index.md delete mode 100644 docs/css-examples/icon-cart/index.md delete mode 100644 docs/css-examples/icons/index.md delete mode 100644 docs/css-examples/index.md delete mode 100644 docs/css-examples/responsive-table/index.md delete mode 100644 docs/css-examples/show-hide/index.md delete mode 100644 docs/css-examples/text-align/index.md delete mode 100644 docs/css-examples/visually-hidden/index.md delete mode 100644 docs/css/demos.scss delete mode 100644 docs/css/main.scss delete mode 100644 docs/css/prettify.min.css delete mode 100644 docs/css/yuidoc.css delete mode 100644 docs/index.md delete mode 100644 docs/js-examples/index.md delete mode 100644 docs/js-examples/tables-videos/index.md delete mode 100644 docs/js-examples/trap-focus/index.md delete mode 100644 docs/js/demo.js delete mode 100644 docs/js/tracking.js delete mode 100644 docs/theme-scaffold/index.md delete mode 100644 docs/theme/index.md diff --git a/Gemfile b/Gemfile deleted file mode 100644 index 0d8ffa6d0..000000000 --- a/Gemfile +++ /dev/null @@ -1,4 +0,0 @@ -source 'https://rubygems.org' - -# Jekyll docs -gem 'github-pages', group: :jekyll_plugins diff --git a/Gemfile.lock b/Gemfile.lock deleted file mode 100644 index 8e97d8e45..000000000 --- a/Gemfile.lock +++ /dev/null @@ -1,199 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - activesupport (4.2.8) - i18n (~> 0.7) - minitest (~> 5.1) - thread_safe (~> 0.3, >= 0.3.4) - tzinfo (~> 1.1) - addressable (2.5.1) - public_suffix (~> 2.0, >= 2.0.2) - coffee-script (2.4.1) - coffee-script-source - execjs - coffee-script-source (1.12.2) - colorator (1.1.0) - ethon (0.10.1) - ffi (>= 1.3.0) - execjs (2.7.0) - faraday (0.12.1) - multipart-post (>= 1.2, < 3) - ffi (1.9.18) - forwardable-extended (2.6.0) - gemoji (3.0.0) - github-pages (138) - activesupport (= 4.2.8) - github-pages-health-check (= 1.3.3) - jekyll (= 3.4.3) - jekyll-avatar (= 0.4.2) - jekyll-coffeescript (= 1.0.1) - jekyll-default-layout (= 0.1.4) - jekyll-feed (= 0.9.2) - jekyll-gist (= 1.4.0) - jekyll-github-metadata (= 2.3.1) - jekyll-mentions (= 1.2.0) - jekyll-optional-front-matter (= 0.1.2) - jekyll-paginate (= 1.1.0) - jekyll-readme-index (= 0.1.0) - jekyll-redirect-from (= 0.12.1) - jekyll-relative-links (= 0.4.0) - jekyll-sass-converter (= 1.5.0) - jekyll-seo-tag (= 2.2.3) - jekyll-sitemap (= 1.0.0) - jekyll-swiss (= 0.4.0) - jekyll-theme-architect (= 0.0.4) - jekyll-theme-cayman (= 0.0.4) - jekyll-theme-dinky (= 0.0.4) - jekyll-theme-hacker (= 0.0.4) - jekyll-theme-leap-day (= 0.0.4) - jekyll-theme-merlot (= 0.0.4) - jekyll-theme-midnight (= 0.0.4) - jekyll-theme-minimal (= 0.0.4) - jekyll-theme-modernist (= 0.0.4) - jekyll-theme-primer (= 0.1.8) - jekyll-theme-slate (= 0.0.4) - jekyll-theme-tactile (= 0.0.4) - jekyll-theme-time-machine (= 0.0.4) - jekyll-titles-from-headings (= 0.1.5) - jemoji (= 0.8.0) - kramdown (= 1.13.2) - liquid (= 3.0.6) - listen (= 3.0.6) - mercenary (~> 0.3) - minima (= 2.1.1) - rouge (= 1.11.1) - terminal-table (~> 1.4) - github-pages-health-check (1.3.3) - addressable (~> 2.3) - net-dns (~> 0.8) - octokit (~> 4.0) - public_suffix (~> 2.0) - typhoeus (~> 0.7) - html-pipeline (2.5.0) - activesupport (>= 2) - nokogiri (>= 1.8.1) - i18n (0.8.1) - jekyll (3.4.3) - addressable (~> 2.4) - colorator (~> 1.0) - jekyll-sass-converter (~> 1.0) - jekyll-watch (~> 1.1) - kramdown (~> 1.3) - liquid (~> 3.0) - mercenary (~> 0.3.3) - pathutil (~> 0.9) - rouge (~> 1.7) - safe_yaml (~> 1.0) - jekyll-avatar (0.4.2) - jekyll (~> 3.0) - jekyll-coffeescript (1.0.1) - coffee-script (~> 2.2) - jekyll-default-layout (0.1.4) - jekyll (~> 3.0) - jekyll-feed (0.9.2) - jekyll (~> 3.3) - jekyll-gist (1.4.0) - octokit (~> 4.2) - jekyll-github-metadata (2.3.1) - jekyll (~> 3.1) - octokit (~> 4.0, != 4.4.0) - jekyll-mentions (1.2.0) - activesupport (~> 4.0) - html-pipeline (~> 2.3) - jekyll (~> 3.0) - jekyll-optional-front-matter (0.1.2) - jekyll (~> 3.0) - jekyll-paginate (1.1.0) - jekyll-readme-index (0.1.0) - jekyll (~> 3.0) - jekyll-redirect-from (0.12.1) - jekyll (~> 3.3) - jekyll-relative-links (0.4.0) - jekyll (~> 3.3) - jekyll-sass-converter (1.5.0) - sass (~> 3.4) - jekyll-seo-tag (2.2.3) - jekyll (~> 3.3) - jekyll-sitemap (1.0.0) - jekyll (~> 3.3) - jekyll-swiss (0.4.0) - jekyll-theme-architect (0.0.4) - jekyll (~> 3.3) - jekyll-theme-cayman (0.0.4) - jekyll (~> 3.3) - jekyll-theme-dinky (0.0.4) - jekyll (~> 3.3) - jekyll-theme-hacker (0.0.4) - jekyll (~> 3.3) - jekyll-theme-leap-day (0.0.4) - jekyll (~> 3.3) - jekyll-theme-merlot (0.0.4) - jekyll (~> 3.3) - jekyll-theme-midnight (0.0.4) - jekyll (~> 3.3) - jekyll-theme-minimal (0.0.4) - jekyll (~> 3.3) - jekyll-theme-modernist (0.0.4) - jekyll (~> 3.3) - jekyll-theme-primer (0.1.8) - jekyll (~> 3.3) - jekyll-theme-slate (0.0.4) - jekyll (~> 3.3) - jekyll-theme-tactile (0.0.4) - jekyll (~> 3.3) - jekyll-theme-time-machine (0.0.4) - jekyll (~> 3.3) - jekyll-titles-from-headings (0.1.5) - jekyll (~> 3.3) - jekyll-watch (1.5.0) - listen (~> 3.0, < 3.1) - jemoji (0.8.0) - activesupport (~> 4.0) - gemoji (~> 3.0) - html-pipeline (~> 2.2) - jekyll (>= 3.0) - kramdown (1.13.2) - liquid (3.0.6) - listen (3.0.6) - rb-fsevent (>= 0.9.3) - rb-inotify (>= 0.9.7) - mercenary (0.3.6) - mini_portile2 (2.1.0) - minima (2.1.1) - jekyll (~> 3.3) - minitest (5.10.2) - multipart-post (2.0.0) - net-dns (0.8.0) - nokogiri (1.8.1) - mini_portile2 (~> 2.1.0) - octokit (4.7.0) - sawyer (~> 0.8.0, >= 0.5.3) - pathutil (0.14.0) - forwardable-extended (~> 2.6) - public_suffix (2.0.5) - rb-fsevent (0.9.8) - rb-inotify (0.9.8) - ffi (>= 0.5.0) - rouge (1.11.1) - safe_yaml (1.0.4) - sass (3.4.23) - sawyer (0.8.1) - addressable (>= 2.3.5, < 2.6) - faraday (~> 0.8, < 1.0) - terminal-table (1.7.3) - unicode-display_width (~> 1.1.1) - thread_safe (0.3.6) - typhoeus (0.8.0) - ethon (>= 0.8.0) - tzinfo (1.2.3) - thread_safe (~> 0.1) - unicode-display_width (1.1.3) - -PLATFORMS - ruby - -DEPENDENCIES - github-pages - -BUNDLED WITH - 1.13.6 diff --git a/docs/README.md b/docs/README.md deleted file mode 100644 index b642594d3..000000000 --- a/docs/README.md +++ /dev/null @@ -1,17 +0,0 @@ -# Slate Docs - -## Local Setup - -### Install Jekyll via Gemfile -- `bundle install` - -*If you are having troubles setting up jekyll, see https://jekyllrb.com/docs/installation/* - -### Serve the documentation -- `jekyll serve -s docs` -If you get a permission error, try `bundle exec jekyll serve -s docs` - -View locally at [http://127.0.0.1:4000/slate/](http://127.0.0.1:4000/slate/). - -## Deployment -Changes to the `docs` directory will automatically be deployed to https://shopify.github.io/slate/ when added to `master` (remote). diff --git a/docs/_config.yml b/docs/_config.yml deleted file mode 100644 index dabe4163f..000000000 --- a/docs/_config.yml +++ /dev/null @@ -1,15 +0,0 @@ -# Site settings -title: Slate -email: slate@shopify.com -description: > # this means to ignore newlines until "baseurl:" - Slate is a theme scaffold and command line tool for developing Shopify themes. It is designed to assist your development workflow and speed up the process of developing, testing, and deploying themes to Shopify stores. -baseurl: "/slate" -url: "https://shopify.github.io" -sass: - cache: true - -# Build settings -markdown: kramdown -kramdown: - input: GFM -highlighter: rouge diff --git a/docs/_includes/head.html b/docs/_includes/head.html deleted file mode 100644 index 398d88f59..000000000 --- a/docs/_includes/head.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %} - - - - - - - - - - - - - - diff --git a/docs/_includes/header.html b/docs/_includes/header.html deleted file mode 100644 index a971fb7a6..000000000 --- a/docs/_includes/header.html +++ /dev/null @@ -1,14 +0,0 @@ -
- -
diff --git a/docs/_includes/icon-twitter.html b/docs/_includes/icon-twitter.html deleted file mode 100644 index e623dbd6e..000000000 --- a/docs/_includes/icon-twitter.html +++ /dev/null @@ -1 +0,0 @@ -{{ include.username }} diff --git a/docs/_includes/icon-twitter.svg b/docs/_includes/icon-twitter.svg deleted file mode 100644 index dcf660e7b..000000000 --- a/docs/_includes/icon-twitter.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/docs/_includes/iframe-toggles.html b/docs/_includes/iframe-toggles.html deleted file mode 100644 index 94c27147b..000000000 --- a/docs/_includes/iframe-toggles.html +++ /dev/null @@ -1,8 +0,0 @@ -
- - -
diff --git a/docs/_includes/sidebar.html b/docs/_includes/sidebar.html deleted file mode 100644 index d02354630..000000000 --- a/docs/_includes/sidebar.html +++ /dev/null @@ -1,98 +0,0 @@ -
{{ site.title }}
- - diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html deleted file mode 100644 index f9d9507c6..000000000 --- a/docs/_layouts/default.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - {% include head.html %} - - -
-
-
- {% include sidebar.html %} -
-
-
- {% include header.html %} -
- {{ content }} -
-
-
-
-
- - - diff --git a/docs/_layouts/demo.html b/docs/_layouts/demo.html deleted file mode 100644 index f7a395024..000000000 --- a/docs/_layouts/demo.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %} - - - - - - - - - -
- {{ content }} -
- - diff --git a/docs/_sass/_yuidoc.scss b/docs/_sass/_yuidoc.scss deleted file mode 100644 index bf1f004d9..000000000 --- a/docs/_sass/_yuidoc.scss +++ /dev/null @@ -1,64 +0,0 @@ -pre { - overflow-x: auto; -} - -pre.code, -pre.prettyprint { - border: 0; -} - -.apidocs__sidebar { - border-left: 1px solid $blue--pale; - padding-left: 15px; - - h2 { - margin-top: 0; - margin-bottom: 10px; - font-size: 16px; - font-weight: $font-weight-bold; - text-transform: uppercase; - color: $grey--dark; - } - - ul { - padding-left: 0; - list-style: none; - - > li { - padding-left: 0; - } - } -} - -.apidocs { - .meta { - font-size: 13px; - } - - .item { - .method-signature { - display: inline-block; - .name { - font-weight: bold; - color: $blue--light; - font-size: 18px; - } - } - - .type { - font-size: 13px; - } - - .returns { - h4 { - font-weight: bold; - } - } - - .returns-description { - p { - display: inline-block; - } - } - } -} diff --git a/docs/_sass/bourbon/_bourbon-deprecated-upcoming.scss b/docs/_sass/bourbon/_bourbon-deprecated-upcoming.scss deleted file mode 100644 index f946b3b45..000000000 --- a/docs/_sass/bourbon/_bourbon-deprecated-upcoming.scss +++ /dev/null @@ -1,8 +0,0 @@ -//************************************************************************// -// These mixins/functions are deprecated -// They will be removed in the next MAJOR version release -//************************************************************************// -@mixin inline-block { - display: inline-block; - @warn "inline-block mixin is deprecated and will be removed in the next major version release"; -} diff --git a/docs/_sass/bourbon/_bourbon.scss b/docs/_sass/bourbon/_bourbon.scss deleted file mode 100644 index eea6e21e9..000000000 --- a/docs/_sass/bourbon/_bourbon.scss +++ /dev/null @@ -1,79 +0,0 @@ -// Settings -@import "settings/prefixer"; -@import "settings/px-to-em"; -@import "settings/asset-pipeline"; - -// Custom Helpers -@import "helpers/convert-units"; -@import "helpers/gradient-positions-parser"; -@import "helpers/is-num"; -@import "helpers/linear-angle-parser"; -@import "helpers/linear-gradient-parser"; -@import "helpers/linear-positions-parser"; -@import "helpers/linear-side-corner-parser"; -@import "helpers/radial-arg-parser"; -@import "helpers/radial-positions-parser"; -@import "helpers/radial-gradient-parser"; -@import "helpers/render-gradients"; -@import "helpers/shape-size-stripper"; -@import "helpers/str-to-num"; - -// Custom Functions -@import "functions/assign"; -@import "functions/color-lightness"; -@import "functions/flex-grid"; -@import "functions/golden-ratio"; -@import "functions/grid-width"; -@import "functions/modular-scale"; -@import "functions/px-to-em"; -@import "functions/px-to-rem"; -@import "functions/strip-units"; -@import "functions/tint-shade"; -@import "functions/transition-property-name"; -@import "functions/unpack"; - -// CSS3 Mixins -@import "css3/animation"; -@import "css3/appearance"; -@import "css3/backface-visibility"; -@import "css3/background"; -@import "css3/background-image"; -@import "css3/border-image"; -@import "css3/border-radius"; -@import "css3/box-sizing"; -@import "css3/calc"; -@import "css3/columns"; -@import "css3/filter"; -@import "css3/flex-box"; -@import "css3/font-face"; -@import "css3/font-feature-settings"; -@import "css3/hyphens"; -@import "css3/hidpi-media-query"; -@import "css3/image-rendering"; -@import "css3/keyframes"; -@import "css3/linear-gradient"; -@import "css3/perspective"; -@import "css3/radial-gradient"; -@import "css3/transform"; -@import "css3/transition"; -@import "css3/user-select"; -@import "css3/placeholder"; - -// Addons & other mixins -@import "addons/button"; -@import "addons/clearfix"; -@import "addons/directional-values"; -@import "addons/ellipsis"; -@import "addons/font-family"; -@import "addons/hide-text"; -@import "addons/html5-input-types"; -@import "addons/position"; -@import "addons/prefixer"; -@import "addons/retina-image"; -@import "addons/size"; -@import "addons/timing-functions"; -@import "addons/triangle"; -@import "addons/word-wrap"; - -// Soon to be deprecated Mixins -@import "bourbon-deprecated-upcoming"; diff --git a/docs/_sass/bourbon/addons/_button.scss b/docs/_sass/bourbon/addons/_button.scss deleted file mode 100644 index 14a89e480..000000000 --- a/docs/_sass/bourbon/addons/_button.scss +++ /dev/null @@ -1,374 +0,0 @@ -@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) { - - @if type-of($style) == string and type-of($base-color) == color { - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == string and type-of($base-color) == number { - $padding: $text-size; - $text-size: $base-color; - $base-color: #4294f0; - - @if $padding == inherit { - $padding: 7px 18px; - } - - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == color and type-of($base-color) == color { - $base-color: $style; - $style: simple; - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == color and type-of($base-color) == number { - $padding: $text-size; - $text-size: $base-color; - $base-color: $style; - $style: simple; - - @if $padding == inherit { - $padding: 7px 18px; - } - - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == number { - $padding: $base-color; - $text-size: $style; - $base-color: #4294f0; - $style: simple; - - @if $padding == #4294f0 { - $padding: 7px 18px; - } - - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } -} - - -// Selector Style Button -//************************************************************************// -@mixin buttonstyle($type, $b-color, $t-size, $pad) { - // Grayscale button - @if $type == simple and $b-color == grayscale($b-color) { - @include simple($b-color, true, $t-size, $pad); - } - - @if $type == shiny and $b-color == grayscale($b-color) { - @include shiny($b-color, true, $t-size, $pad); - } - - @if $type == pill and $b-color == grayscale($b-color) { - @include pill($b-color, true, $t-size, $pad); - } - - @if $type == flat and $b-color == grayscale($b-color) { - @include flat($b-color, true, $t-size, $pad); - } - - // Colored button - @if $type == simple { - @include simple($b-color, false, $t-size, $pad); - } - - @else if $type == shiny { - @include shiny($b-color, false, $t-size, $pad); - } - - @else if $type == pill { - @include pill($b-color, false, $t-size, $pad); - } - - @else if $type == flat { - @include flat($b-color, false, $t-size, $pad); - } -} - - -// Simple Button -//************************************************************************// -@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%); - $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%); - $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%); - $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border: grayscale($border); - $inset-shadow: grayscale($inset-shadow); - $stop-gradient: grayscale($stop-gradient); - $text-shadow: grayscale($text-shadow); - } - - border: 1px solid $border; - border-radius: 3px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: $textsize; - font-weight: bold; - @include linear-gradient ($base-color, $stop-gradient); - padding: $padding; - text-decoration: none; - text-shadow: 0 1px 0 $text-shadow; - background-clip: padding-box; - - &:hover:not(:disabled) { - $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%); - $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%); - $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - $inset-shadow-hover: grayscale($inset-shadow-hover); - $stop-gradient-hover: grayscale($stop-gradient-hover); - } - - box-shadow: inset 0 1px 0 0 $inset-shadow-hover; - cursor: pointer; - @include linear-gradient ($base-color-hover, $stop-gradient-hover); - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%); - $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%); - - @if $grayscale == true { - $border-active: grayscale($border-active); - $inset-shadow-active: grayscale($inset-shadow-active); - } - - border: 1px solid $border-active; - box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active; - } -} - - -// Shiny Button -//************************************************************************// -@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81); - $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122); - $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46); - $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12); - $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33); - $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114); - $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border: grayscale($border); - $border-bottom: grayscale($border-bottom); - $fourth-stop: grayscale($fourth-stop); - $inset-shadow: grayscale($inset-shadow); - $second-stop: grayscale($second-stop); - $text-shadow: grayscale($text-shadow); - $third-stop: grayscale($third-stop); - } - - border: 1px solid $border; - border-bottom: 1px solid $border-bottom; - border-radius: 5px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: $textsize; - font-weight: bold; - @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%); - padding: $padding; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px $text-shadow; - - &:hover:not(:disabled) { - $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18); - $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51); - $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66); - $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63); - - @if $grayscale == true { - $first-stop-hover: grayscale($first-stop-hover); - $second-stop-hover: grayscale($second-stop-hover); - $third-stop-hover: grayscale($third-stop-hover); - $fourth-stop-hover: grayscale($fourth-stop-hover); - } - - cursor: pointer; - @include linear-gradient(top, $first-stop-hover 0%, - $second-stop-hover 50%, - $third-stop-hover 50%, - $fourth-stop-hover 100%); - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122); - - @if $grayscale == true { - $inset-shadow-active: grayscale($inset-shadow-active); - } - - box-shadow: inset 0 0 20px 0 $inset-shadow-active; - } -} - - -// Pill Button -//************************************************************************// -@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%); - $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%); - $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%); - $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%); - $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%); - $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border-bottom: grayscale($border-bottom); - $border-sides: grayscale($border-sides); - $border-top: grayscale($border-top); - $inset-shadow: grayscale($inset-shadow); - $stop-gradient: grayscale($stop-gradient); - $text-shadow: grayscale($text-shadow); - } - - border: 1px solid $border-top; - border-color: $border-top $border-sides $border-bottom; - border-radius: 16px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: $textsize; - font-weight: normal; - line-height: 1; - @include linear-gradient ($base-color, $stop-gradient); - padding: $padding; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px $text-shadow; - background-clip: padding-box; - - &:hover:not(:disabled) { - $base-color-hover: adjust-color($base-color, $lightness: -4.5%); - $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%); - $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%); - $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%); - $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%); - $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%); - $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - $border-bottom: grayscale($border-bottom); - $border-sides: grayscale($border-sides); - $border-top: grayscale($border-top); - $inset-shadow-hover: grayscale($inset-shadow-hover); - $stop-gradient-hover: grayscale($stop-gradient-hover); - $text-shadow-hover: grayscale($text-shadow-hover); - } - - border: 1px solid $border-top; - border-color: $border-top $border-sides $border-bottom; - box-shadow: inset 0 1px 0 0 $inset-shadow-hover; - cursor: pointer; - @include linear-gradient ($base-color-hover, $stop-gradient-hover); - text-shadow: 0 -1px 1px $text-shadow-hover; - background-clip: padding-box; - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%); - $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%); - $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%); - $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%); - $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%); - - @if $grayscale == true { - $active-color: grayscale($active-color); - $border-active: grayscale($border-active); - $border-bottom-active: grayscale($border-bottom-active); - $inset-shadow-active: grayscale($inset-shadow-active); - $text-shadow-active: grayscale($text-shadow-active); - } - - background: $active-color; - border: 1px solid $border-active; - border-bottom: 1px solid $border-bottom-active; - box-shadow: inset 0 0 6px 3px $inset-shadow-active; - text-shadow: 0 -1px 1px $text-shadow-active; - } -} - - - -// Flat Button -//************************************************************************// -@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - } - - background-color: $base-color; - border-radius: 3px; - border: none; - color: $color; - display: inline-block; - font-size: inherit; - font-weight: bold; - padding: 7px 18px; - text-decoration: none; - background-clip: padding-box; - - &:hover:not(:disabled){ - $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - } - - background-color: $base-color-hover; - cursor: pointer; - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%); - - @if $grayscale == true { - $base-color-active: grayscale($base-color-active); - } - - background-color: $base-color-active; - cursor: pointer; - } -} diff --git a/docs/_sass/bourbon/addons/_clearfix.scss b/docs/_sass/bourbon/addons/_clearfix.scss deleted file mode 100644 index 783cfbc79..000000000 --- a/docs/_sass/bourbon/addons/_clearfix.scss +++ /dev/null @@ -1,23 +0,0 @@ -// Modern micro clearfix provides an easy way to contain floats without adding additional markup. -// -// Example usage: -// -// // Contain all floats within .wrapper -// .wrapper { -// @include clearfix; -// .content, -// .sidebar { -// float : left; -// } -// } - -@mixin clearfix { - &:after { - content:""; - display:table; - clear:both; - } -} - -// Acknowledgements -// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php) diff --git a/docs/_sass/bourbon/addons/_directional-values.scss b/docs/_sass/bourbon/addons/_directional-values.scss deleted file mode 100644 index 742f1031a..000000000 --- a/docs/_sass/bourbon/addons/_directional-values.scss +++ /dev/null @@ -1,111 +0,0 @@ -// directional-property mixins are shorthands -// for writing properties like the following -// -// @include margin(null 0 10px); -// ------ -// margin-right: 0; -// margin-bottom: 10px; -// margin-left: 0; -// -// - or - -// -// @include border-style(dotted null); -// ------ -// border-top-style: dotted; -// border-bottom-style: dotted; -// -// ------ -// -// Note: You can also use false instead of null - -@function collapse-directionals($vals) { - $output: null; - - $A: nth( $vals, 1 ); - $B: if( length($vals) < 2, $A, nth($vals, 2)); - $C: if( length($vals) < 3, $A, nth($vals, 3)); - $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) )); - - @if $A == 0 { $A: 0 } - @if $B == 0 { $B: 0 } - @if $C == 0 { $C: 0 } - @if $D == 0 { $D: 0 } - - @if $A == $B and $A == $C and $A == $D { $output: $A } - @else if $A == $C and $B == $D { $output: $A $B } - @else if $B == $D { $output: $A $B $C } - @else { $output: $A $B $C $D } - - @return $output; -} - -@function contains-falsy($list) { - @each $item in $list { - @if not $item { - @return true; - } - } - - @return false; -} - -@mixin directional-property($pre, $suf, $vals) { - // Property Names - $top: $pre + "-top" + if($suf, "-#{$suf}", ""); - $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", ""); - $left: $pre + "-left" + if($suf, "-#{$suf}", ""); - $right: $pre + "-right" + if($suf, "-#{$suf}", ""); - $all: $pre + if($suf, "-#{$suf}", ""); - - $vals: collapse-directionals($vals); - - @if contains-falsy($vals) { - @if nth($vals, 1) { #{$top}: nth($vals, 1); } - - @if length($vals) == 1 { - @if nth($vals, 1) { #{$right}: nth($vals, 1); } - } @else { - @if nth($vals, 2) { #{$right}: nth($vals, 2); } - } - - // prop: top/bottom right/left - @if length($vals) == 2 { - @if nth($vals, 1) { #{$bottom}: nth($vals, 1); } - @if nth($vals, 2) { #{$left}: nth($vals, 2); } - - // prop: top right/left bottom - } @else if length($vals) == 3 { - @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } - @if nth($vals, 2) { #{$left}: nth($vals, 2); } - - // prop: top right bottom left - } @else if length($vals) == 4 { - @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } - @if nth($vals, 4) { #{$left}: nth($vals, 4); } - } - - // prop: top/right/bottom/left - } @else { - #{$all}: $vals; - } -} - -@mixin margin($vals...) { - @include directional-property(margin, false, $vals...); -} - -@mixin padding($vals...) { - @include directional-property(padding, false, $vals...); -} - -@mixin border-style($vals...) { - @include directional-property(border, style, $vals...); -} - -@mixin border-color($vals...) { - @include directional-property(border, color, $vals...); -} - -@mixin border-width($vals...) { - @include directional-property(border, width, $vals...); -} diff --git a/docs/_sass/bourbon/addons/_ellipsis.scss b/docs/_sass/bourbon/addons/_ellipsis.scss deleted file mode 100644 index a8ea2a4a8..000000000 --- a/docs/_sass/bourbon/addons/_ellipsis.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin ellipsis($width: 100%) { - display: inline-block; - max-width: $width; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} diff --git a/docs/_sass/bourbon/addons/_font-family.scss b/docs/_sass/bourbon/addons/_font-family.scss deleted file mode 100644 index 31f5d9ca7..000000000 --- a/docs/_sass/bourbon/addons/_font-family.scss +++ /dev/null @@ -1,5 +0,0 @@ -$georgia: Georgia, Cambria, "Times New Roman", Times, serif; -$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; -$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; -$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; -$verdana: Verdana, Geneva, sans-serif; diff --git a/docs/_sass/bourbon/addons/_hide-text.scss b/docs/_sass/bourbon/addons/_hide-text.scss deleted file mode 100644 index fc7943811..000000000 --- a/docs/_sass/bourbon/addons/_hide-text.scss +++ /dev/null @@ -1,10 +0,0 @@ -@mixin hide-text { - overflow: hidden; - - &:before { - content: ""; - display: block; - width: 0; - height: 100%; - } -} diff --git a/docs/_sass/bourbon/addons/_html5-input-types.scss b/docs/_sass/bourbon/addons/_html5-input-types.scss deleted file mode 100644 index 9e9324ae0..000000000 --- a/docs/_sass/bourbon/addons/_html5-input-types.scss +++ /dev/null @@ -1,86 +0,0 @@ -//************************************************************************// -// Generate a variable ($all-text-inputs) with a list of all html5 -// input types that have a text-based input, excluding textarea. -// http://diveintohtml5.org/forms.html -//************************************************************************// -$inputs-list: 'input[type="email"]', - 'input[type="number"]', - 'input[type="password"]', - 'input[type="search"]', - 'input[type="tel"]', - 'input[type="text"]', - 'input[type="url"]', - - // Webkit & Gecko may change the display of these in the future - 'input[type="color"]', - 'input[type="date"]', - 'input[type="datetime"]', - 'input[type="datetime-local"]', - 'input[type="month"]', - 'input[type="time"]', - 'input[type="week"]'; - -// Bare inputs -//************************************************************************// -$all-text-inputs: assign-inputs($inputs-list); - -// Hover Pseudo-class -//************************************************************************// -$all-text-inputs-hover: assign-inputs($inputs-list, hover); - -// Focus Pseudo-class -//************************************************************************// -$all-text-inputs-focus: assign-inputs($inputs-list, focus); - - - -// You must use interpolation on the variable: -// #{$all-text-inputs} -// #{$all-text-inputs-hover} -// #{$all-text-inputs-focus} - -// Example -//************************************************************************// -// #{$all-text-inputs}, textarea { -// border: 1px solid red; -// } - - - -//************************************************************************// -// Generate a variable ($all-button-inputs) with a list of all html5 -// input types that have a button-based input, excluding button. -//************************************************************************// -$inputs-button-list: 'input[type="button"]', - 'input[type="reset"]', - 'input[type="submit"]'; - -// Bare inputs -//************************************************************************// -$all-button-inputs: assign-inputs($inputs-button-list); - -// Hover Pseudo-class -//************************************************************************// -$all-button-inputs-hover: assign-inputs($inputs-button-list, hover); - -// Focus Pseudo-class -//************************************************************************// -$all-button-inputs-focus: assign-inputs($inputs-button-list, focus); - -// Active Pseudo-class -//************************************************************************// -$all-button-inputs-active: assign-inputs($inputs-button-list, active); - - - -// You must use interpolation on the variable: -// #{$all-button-inputs} -// #{$all-button-inputs-hover} -// #{$all-button-inputs-focus} -// #{$all-button-inputs-active} - -// Example -//************************************************************************// -// #{$all-button-inputs}, button { -// border: 1px solid red; -// } diff --git a/docs/_sass/bourbon/addons/_position.scss b/docs/_sass/bourbon/addons/_position.scss deleted file mode 100644 index 7de75182b..000000000 --- a/docs/_sass/bourbon/addons/_position.scss +++ /dev/null @@ -1,32 +0,0 @@ -@mixin position ($position: relative, $coordinates: null null null null) { - - @if type-of($position) == list { - $coordinates: $position; - $position: relative; - } - - $coordinates: unpack($coordinates); - - $top: nth($coordinates, 1); - $right: nth($coordinates, 2); - $bottom: nth($coordinates, 3); - $left: nth($coordinates, 4); - - position: $position; - - @if ($top and $top == auto) or (type-of($top) == number) { - top: $top; - } - - @if ($right and $right == auto) or (type-of($right) == number) { - right: $right; - } - - @if ($bottom and $bottom == auto) or (type-of($bottom) == number) { - bottom: $bottom; - } - - @if ($left and $left == auto) or (type-of($left) == number) { - left: $left; - } -} diff --git a/docs/_sass/bourbon/addons/_prefixer.scss b/docs/_sass/bourbon/addons/_prefixer.scss deleted file mode 100644 index c32f50275..000000000 --- a/docs/_sass/bourbon/addons/_prefixer.scss +++ /dev/null @@ -1,45 +0,0 @@ -//************************************************************************// -// Example: @include prefixer(border-radius, $radii, webkit ms spec); -//************************************************************************// -// Variables located in /settings/_prefixer.scss - -@mixin prefixer ($property, $value, $prefixes) { - @each $prefix in $prefixes { - @if $prefix == webkit { - @if $prefix-for-webkit { - -webkit-#{$property}: $value; - } - } - @else if $prefix == moz { - @if $prefix-for-mozilla { - -moz-#{$property}: $value; - } - } - @else if $prefix == ms { - @if $prefix-for-microsoft { - -ms-#{$property}: $value; - } - } - @else if $prefix == o { - @if $prefix-for-opera { - -o-#{$property}: $value; - } - } - @else if $prefix == spec { - @if $prefix-for-spec { - #{$property}: $value; - } - } - @else { - @warn "Unrecognized prefix: #{$prefix}"; - } - } -} - -@mixin disable-prefix-for-all() { - $prefix-for-webkit: false !global; - $prefix-for-mozilla: false !global; - $prefix-for-microsoft: false !global; - $prefix-for-opera: false !global; - $prefix-for-spec: false !global; -} diff --git a/docs/_sass/bourbon/addons/_retina-image.scss b/docs/_sass/bourbon/addons/_retina-image.scss deleted file mode 100644 index 3995c1970..000000000 --- a/docs/_sass/bourbon/addons/_retina-image.scss +++ /dev/null @@ -1,31 +0,0 @@ -@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) { - @if $asset-pipeline { - background-image: image-url("#{$filename}.#{$extension}"); - } - @else { - background-image: url("#{$filename}.#{$extension}"); - } - - @include hidpi { - @if $asset-pipeline { - @if $retina-filename { - background-image: image-url("#{$retina-filename}.#{$extension}"); - } - @else { - background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}"); - } - } - - @else { - @if $retina-filename { - background-image: url("#{$retina-filename}.#{$extension}"); - } - @else { - background-image: url("#{$filename}#{$retina-suffix}.#{$extension}"); - } - } - - background-size: $background-size; - - } -} diff --git a/docs/_sass/bourbon/addons/_size.scss b/docs/_sass/bourbon/addons/_size.scss deleted file mode 100644 index a8653799a..000000000 --- a/docs/_sass/bourbon/addons/_size.scss +++ /dev/null @@ -1,16 +0,0 @@ -@mixin size($size) { - $height: nth($size, 1); - $width: $height; - - @if length($size) > 1 { - $height: nth($size, 2); - } - - @if $height == auto or (type-of($height) == number and not unitless($height)) { - height: $height; - } - - @if $width == auto or (type-of($width) == number and not unitless($width)) { - width: $width; - } -} diff --git a/docs/_sass/bourbon/addons/_timing-functions.scss b/docs/_sass/bourbon/addons/_timing-functions.scss deleted file mode 100644 index 5ecc6f9dc..000000000 --- a/docs/_sass/bourbon/addons/_timing-functions.scss +++ /dev/null @@ -1,32 +0,0 @@ -// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie) -// Timing functions are the same as demo'ed here: http://jqueryui.com/resources/demos/effect/easing.html - -// EASE IN -$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530); -$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190); -$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220); -$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060); -$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715); -$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035); -$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335); -$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045); - -// EASE OUT -$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940); -$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000); -$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000); -$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000); -$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000); -$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000); -$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000); -$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275); - -// EASE IN OUT -$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955); -$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000); -$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000); -$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000); -$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950); -$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000); -$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860); -$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550); diff --git a/docs/_sass/bourbon/addons/_triangle.scss b/docs/_sass/bourbon/addons/_triangle.scss deleted file mode 100644 index 573954e41..000000000 --- a/docs/_sass/bourbon/addons/_triangle.scss +++ /dev/null @@ -1,83 +0,0 @@ -@mixin triangle ($size, $color, $direction) { - height: 0; - width: 0; - - $width: nth($size, 1); - $height: nth($size, length($size)); - - $foreground-color: nth($color, 1); - $background-color: if(length($color) == 2, nth($color, 2), transparent); - - @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { - - $width: $width / 2; - $height: if(length($size) > 1, $height, $height/2); - - @if $direction == up { - border-left: $width solid $background-color; - border-right: $width solid $background-color; - border-bottom: $height solid $foreground-color; - - } @else if $direction == right { - border-top: $width solid $background-color; - border-bottom: $width solid $background-color; - border-left: $height solid $foreground-color; - - } @else if $direction == down { - border-left: $width solid $background-color; - border-right: $width solid $background-color; - border-top: $height solid $foreground-color; - - } @else if $direction == left { - border-top: $width solid $background-color; - border-bottom: $width solid $background-color; - border-right: $height solid $foreground-color; - } - } - - @else if ($direction == up-right) or ($direction == up-left) { - border-top: $height solid $foreground-color; - - @if $direction == up-right { - border-left: $width solid $background-color; - - } @else if $direction == up-left { - border-right: $width solid $background-color; - } - } - - @else if ($direction == down-right) or ($direction == down-left) { - border-bottom: $height solid $foreground-color; - - @if $direction == down-right { - border-left: $width solid $background-color; - - } @else if $direction == down-left { - border-right: $width solid $background-color; - } - } - - @else if ($direction == inset-up) { - border-width: $height $width; - border-style: solid; - border-color: $background-color $background-color $foreground-color; - } - - @else if ($direction == inset-down) { - border-width: $height $width; - border-style: solid; - border-color: $foreground-color $background-color $background-color; - } - - @else if ($direction == inset-right) { - border-width: $width $height; - border-style: solid; - border-color: $background-color $background-color $background-color $foreground-color; - } - - @else if ($direction == inset-left) { - border-width: $width $height; - border-style: solid; - border-color: $background-color $foreground-color $background-color $background-color; - } -} diff --git a/docs/_sass/bourbon/addons/_word-wrap.scss b/docs/_sass/bourbon/addons/_word-wrap.scss deleted file mode 100644 index 9734a597c..000000000 --- a/docs/_sass/bourbon/addons/_word-wrap.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin word-wrap($wrap: break-word) { - word-wrap: $wrap; - - @if $wrap == break-word { - overflow-wrap: break-word; - word-break: break-all; - } -} diff --git a/docs/_sass/bourbon/css3/_animation.scss b/docs/_sass/bourbon/css3/_animation.scss deleted file mode 100644 index 08c3dbf15..000000000 --- a/docs/_sass/bourbon/css3/_animation.scss +++ /dev/null @@ -1,52 +0,0 @@ -// http://www.w3.org/TR/css3-animations/#the-animation-name-property- -// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties. - -// Official animation shorthand property. -@mixin animation ($animations...) { - @include prefixer(animation, $animations, webkit moz spec); -} - -// Individual Animation Properties -@mixin animation-name ($names...) { - @include prefixer(animation-name, $names, webkit moz spec); -} - - -@mixin animation-duration ($times...) { - @include prefixer(animation-duration, $times, webkit moz spec); -} - - -@mixin animation-timing-function ($motions...) { -// ease | linear | ease-in | ease-out | ease-in-out - @include prefixer(animation-timing-function, $motions, webkit moz spec); -} - - -@mixin animation-iteration-count ($values...) { -// infinite | - @include prefixer(animation-iteration-count, $values, webkit moz spec); -} - - -@mixin animation-direction ($directions...) { -// normal | alternate - @include prefixer(animation-direction, $directions, webkit moz spec); -} - - -@mixin animation-play-state ($states...) { -// running | paused - @include prefixer(animation-play-state, $states, webkit moz spec); -} - - -@mixin animation-delay ($times...) { - @include prefixer(animation-delay, $times, webkit moz spec); -} - - -@mixin animation-fill-mode ($modes...) { -// none | forwards | backwards | both - @include prefixer(animation-fill-mode, $modes, webkit moz spec); -} diff --git a/docs/_sass/bourbon/css3/_appearance.scss b/docs/_sass/bourbon/css3/_appearance.scss deleted file mode 100644 index 3eb16e45d..000000000 --- a/docs/_sass/bourbon/css3/_appearance.scss +++ /dev/null @@ -1,3 +0,0 @@ -@mixin appearance ($value) { - @include prefixer(appearance, $value, webkit moz ms o spec); -} diff --git a/docs/_sass/bourbon/css3/_backface-visibility.scss b/docs/_sass/bourbon/css3/_backface-visibility.scss deleted file mode 100644 index 1161fe60d..000000000 --- a/docs/_sass/bourbon/css3/_backface-visibility.scss +++ /dev/null @@ -1,6 +0,0 @@ -//************************************************************************// -// Backface-visibility mixin -//************************************************************************// -@mixin backface-visibility($visibility) { - @include prefixer(backface-visibility, $visibility, webkit spec); -} diff --git a/docs/_sass/bourbon/css3/_background-image.scss b/docs/_sass/bourbon/css3/_background-image.scss deleted file mode 100644 index 6abe88be9..000000000 --- a/docs/_sass/bourbon/css3/_background-image.scss +++ /dev/null @@ -1,42 +0,0 @@ -//************************************************************************// -// Background-image property for adding multiple background images with -// gradients, or for stringing multiple gradients together. -//************************************************************************// - -@mixin background-image($images...) { - $webkit-images: (); - $spec-images: (); - - @each $image in $images { - $webkit-image: (); - $spec-image: (); - - @if (type-of($image) == string) { - $url-str: str-slice($image, 0, 3); - $gradient-type: str-slice($image, 0, 6); - - @if $url-str == "url" { - $webkit-image: $image; - $spec-image: $image; - } - - @else if $gradient-type == "linear" { - $gradients: _linear-gradient-parser($image); - $webkit-image: map-get($gradients, webkit-image); - $spec-image: map-get($gradients, spec-image); - } - - @else if $gradient-type == "radial" { - $gradients: _radial-gradient-parser($image); - $webkit-image: map-get($gradients, webkit-image); - $spec-image: map-get($gradients, spec-image); - } - } - - $webkit-images: append($webkit-images, $webkit-image, comma); - $spec-images: append($spec-images, $spec-image, comma); - } - - background-image: $webkit-images; - background-image: $spec-images; -} diff --git a/docs/_sass/bourbon/css3/_background.scss b/docs/_sass/bourbon/css3/_background.scss deleted file mode 100644 index 9bce9308b..000000000 --- a/docs/_sass/bourbon/css3/_background.scss +++ /dev/null @@ -1,55 +0,0 @@ -//************************************************************************// -// Background property for adding multiple backgrounds using shorthand -// notation. -//************************************************************************// - -@mixin background($backgrounds...) { - $webkit-backgrounds: (); - $spec-backgrounds: (); - - @each $background in $backgrounds { - $webkit-background: (); - $spec-background: (); - $background-type: type-of($background); - - @if $background-type == string or list { - $background-str: if($background-type == list, nth($background, 1), $background); - - $url-str: str-slice($background-str, 0, 3); - $gradient-type: str-slice($background-str, 0, 6); - - @if $url-str == "url" { - $webkit-background: $background; - $spec-background: $background; - } - - @else if $gradient-type == "linear" { - $gradients: _linear-gradient-parser("#{$background}"); - $webkit-background: map-get($gradients, webkit-image); - $spec-background: map-get($gradients, spec-image); - } - - @else if $gradient-type == "radial" { - $gradients: _radial-gradient-parser("#{$background}"); - $webkit-background: map-get($gradients, webkit-image); - $spec-background: map-get($gradients, spec-image); - } - - @else { - $webkit-background: $background; - $spec-background: $background; - } - } - - @else { - $webkit-background: $background; - $spec-background: $background; - } - - $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma); - $spec-backgrounds: append($spec-backgrounds, $spec-background, comma); - } - - background: $webkit-backgrounds; - background: $spec-backgrounds; -} diff --git a/docs/_sass/bourbon/css3/_border-image.scss b/docs/_sass/bourbon/css3/_border-image.scss deleted file mode 100644 index e338c2dcd..000000000 --- a/docs/_sass/bourbon/css3/_border-image.scss +++ /dev/null @@ -1,59 +0,0 @@ -@mixin border-image($borders...) { - $webkit-borders: (); - $spec-borders: (); - - @each $border in $borders { - $webkit-border: (); - $spec-border: (); - $border-type: type-of($border); - - @if $border-type == string or list { - $border-str: if($border-type == list, nth($border, 1), $border); - - $url-str: str-slice($border-str, 0, 3); - $gradient-type: str-slice($border-str, 0, 6); - - @if $url-str == "url" { - $webkit-border: $border; - $spec-border: $border; - } - - @else if $gradient-type == "linear" { - $gradients: _linear-gradient-parser("#{$border}"); - $webkit-border: map-get($gradients, webkit-image); - $spec-border: map-get($gradients, spec-image); - } - - @else if $gradient-type == "radial" { - $gradients: _radial-gradient-parser("#{$border}"); - $webkit-border: map-get($gradients, webkit-image); - $spec-border: map-get($gradients, spec-image); - } - - @else { - $webkit-border: $border; - $spec-border: $border; - } - } - - @else { - $webkit-border: $border; - $spec-border: $border; - } - - $webkit-borders: append($webkit-borders, $webkit-border, comma); - $spec-borders: append($spec-borders, $spec-border, comma); - } - - -webkit-border-image: $webkit-borders; - border-image: $spec-borders; - border-style: solid; -} - -//Examples: -// @include border-image(url("image.png")); -// @include border-image(url("image.png") 20 stretch); -// @include border-image(linear-gradient(45deg, orange, yellow)); -// @include border-image(linear-gradient(45deg, orange, yellow) stretch); -// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); -// @include border-image(radial-gradient(top, cover, orange, yellow, orange)); diff --git a/docs/_sass/bourbon/css3/_border-radius.scss b/docs/_sass/bourbon/css3/_border-radius.scss deleted file mode 100644 index 7c1719010..000000000 --- a/docs/_sass/bourbon/css3/_border-radius.scss +++ /dev/null @@ -1,22 +0,0 @@ -//************************************************************************// -// Shorthand Border-radius mixins -//************************************************************************// -@mixin border-top-radius($radii) { - @include prefixer(border-top-left-radius, $radii, spec); - @include prefixer(border-top-right-radius, $radii, spec); -} - -@mixin border-bottom-radius($radii) { - @include prefixer(border-bottom-left-radius, $radii, spec); - @include prefixer(border-bottom-right-radius, $radii, spec); -} - -@mixin border-left-radius($radii) { - @include prefixer(border-top-left-radius, $radii, spec); - @include prefixer(border-bottom-left-radius, $radii, spec); -} - -@mixin border-right-radius($radii) { - @include prefixer(border-top-right-radius, $radii, spec); - @include prefixer(border-bottom-right-radius, $radii, spec); -} diff --git a/docs/_sass/bourbon/css3/_box-sizing.scss b/docs/_sass/bourbon/css3/_box-sizing.scss deleted file mode 100644 index f07e1d412..000000000 --- a/docs/_sass/bourbon/css3/_box-sizing.scss +++ /dev/null @@ -1,4 +0,0 @@ -@mixin box-sizing ($box) { -// content-box | border-box | inherit - @include prefixer(box-sizing, $box, webkit moz spec); -} diff --git a/docs/_sass/bourbon/css3/_calc.scss b/docs/_sass/bourbon/css3/_calc.scss deleted file mode 100644 index 94d7e4cef..000000000 --- a/docs/_sass/bourbon/css3/_calc.scss +++ /dev/null @@ -1,4 +0,0 @@ -@mixin calc($property, $value) { - #{$property}: -webkit-calc(#{$value}); - #{$property}: calc(#{$value}); -} diff --git a/docs/_sass/bourbon/css3/_columns.scss b/docs/_sass/bourbon/css3/_columns.scss deleted file mode 100644 index 96f601c1a..000000000 --- a/docs/_sass/bourbon/css3/_columns.scss +++ /dev/null @@ -1,47 +0,0 @@ -@mixin columns($arg: auto) { -// || - @include prefixer(columns, $arg, webkit moz spec); -} - -@mixin column-count($int: auto) { -// auto || integer - @include prefixer(column-count, $int, webkit moz spec); -} - -@mixin column-gap($length: normal) { -// normal || length - @include prefixer(column-gap, $length, webkit moz spec); -} - -@mixin column-fill($arg: auto) { -// auto || length - @include prefixer(column-fill, $arg, webkit moz spec); -} - -@mixin column-rule($arg) { -// || || - @include prefixer(column-rule, $arg, webkit moz spec); -} - -@mixin column-rule-color($color) { - @include prefixer(column-rule-color, $color, webkit moz spec); -} - -@mixin column-rule-style($style: none) { -// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid - @include prefixer(column-rule-style, $style, webkit moz spec); -} - -@mixin column-rule-width ($width: none) { - @include prefixer(column-rule-width, $width, webkit moz spec); -} - -@mixin column-span($arg: none) { -// none || all - @include prefixer(column-span, $arg, webkit moz spec); -} - -@mixin column-width($length: auto) { -// auto || length - @include prefixer(column-width, $length, webkit moz spec); -} diff --git a/docs/_sass/bourbon/css3/_filter.scss b/docs/_sass/bourbon/css3/_filter.scss deleted file mode 100644 index 8560d7767..000000000 --- a/docs/_sass/bourbon/css3/_filter.scss +++ /dev/null @@ -1,5 +0,0 @@ -@mixin filter($function: none) { - // [ - @include prefixer(perspective, $depth, webkit moz spec); -} - -@mixin perspective-origin($value: 50% 50%) { - @include prefixer(perspective-origin, $value, webkit moz spec); -} diff --git a/docs/_sass/bourbon/css3/_placeholder.scss b/docs/_sass/bourbon/css3/_placeholder.scss deleted file mode 100644 index 5682fd097..000000000 --- a/docs/_sass/bourbon/css3/_placeholder.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin placeholder { - $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input"; - @each $placeholder in $placeholders { - &:#{$placeholder}-placeholder { - @content; - } - } -} diff --git a/docs/_sass/bourbon/css3/_radial-gradient.scss b/docs/_sass/bourbon/css3/_radial-gradient.scss deleted file mode 100644 index 7a8c3765f..000000000 --- a/docs/_sass/bourbon/css3/_radial-gradient.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Requires Sass 3.1+ -@mixin radial-gradient($G1, $G2, - $G3: null, $G4: null, - $G5: null, $G6: null, - $G7: null, $G8: null, - $G9: null, $G10: null, - $pos: null, - $shape-size: null, - $fallback: null) { - - $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); - $G1: nth($data, 1); - $G2: nth($data, 2); - $pos: nth($data, 3); - $shape-size: nth($data, 4); - - $full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10; - - // Strip deprecated cover/contain for spec - $shape-size-spec: _shape-size-stripper($shape-size); - - // Set $G1 as the default fallback color - $first-color: nth($full, 1); - $fallback-color: nth($first-color, 1); - - @if (type-of($fallback) == color) or ($fallback == "transparent") { - $fallback-color: $fallback; - } - - // Add Commas and spaces - $shape-size: if($shape-size, '#{$shape-size}, ', null); - $pos: if($pos, '#{$pos}, ', null); - $pos-spec: if($pos, 'at #{$pos}', null); - $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} '); - - background-color: $fallback-color; - background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full})); - background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})"); -} diff --git a/docs/_sass/bourbon/css3/_transform.scss b/docs/_sass/bourbon/css3/_transform.scss deleted file mode 100644 index 8cc35963d..000000000 --- a/docs/_sass/bourbon/css3/_transform.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin transform($property: none) { -// none | - @include prefixer(transform, $property, webkit moz ms o spec); -} - -@mixin transform-origin($axes: 50%) { -// x-axis - left | center | right | length | % -// y-axis - top | center | bottom | length | % -// z-axis - length - @include prefixer(transform-origin, $axes, webkit moz ms o spec); -} - -@mixin transform-style ($style: flat) { - @include prefixer(transform-style, $style, webkit moz ms o spec); -} diff --git a/docs/_sass/bourbon/css3/_transition.scss b/docs/_sass/bourbon/css3/_transition.scss deleted file mode 100644 index 5ad4c0aed..000000000 --- a/docs/_sass/bourbon/css3/_transition.scss +++ /dev/null @@ -1,77 +0,0 @@ -// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable. -// Example: @include transition (all 2s ease-in-out); -// @include transition (opacity 1s ease-in 2s, width 2s ease-out); -// @include transition-property (transform, opacity); - -@mixin transition ($properties...) { - // Fix for vendor-prefix transform property - $needs-prefixes: false; - $webkit: (); - $moz: (); - $spec: (); - - // Create lists for vendor-prefixed transform - @each $list in $properties { - @if nth($list, 1) == "transform" { - $needs-prefixes: true; - $list1: -webkit-transform; - $list2: -moz-transform; - $list3: (); - - @each $var in $list { - $list3: join($list3, $var); - - @if $var != "transform" { - $list1: join($list1, $var); - $list2: join($list2, $var); - } - } - - $webkit: append($webkit, $list1); - $moz: append($moz, $list2); - $spec: append($spec, $list3); - } - - // Create lists for non-prefixed transition properties - @else { - $webkit: append($webkit, $list, comma); - $moz: append($moz, $list, comma); - $spec: append($spec, $list, comma); - } - } - - @if $needs-prefixes { - -webkit-transition: $webkit; - -moz-transition: $moz; - transition: $spec; - } - @else { - @if length($properties) >= 1 { - @include prefixer(transition, $properties, webkit moz spec); - } - - @else { - $properties: all 0.15s ease-out 0s; - @include prefixer(transition, $properties, webkit moz spec); - } - } -} - -@mixin transition-property ($properties...) { - -webkit-transition-property: transition-property-names($properties, 'webkit'); - -moz-transition-property: transition-property-names($properties, 'moz'); - transition-property: transition-property-names($properties, false); -} - -@mixin transition-duration ($times...) { - @include prefixer(transition-duration, $times, webkit moz spec); -} - -@mixin transition-timing-function ($motions...) { -// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() - @include prefixer(transition-timing-function, $motions, webkit moz spec); -} - -@mixin transition-delay ($times...) { - @include prefixer(transition-delay, $times, webkit moz spec); -} diff --git a/docs/_sass/bourbon/css3/_user-select.scss b/docs/_sass/bourbon/css3/_user-select.scss deleted file mode 100644 index 1380aa8ba..000000000 --- a/docs/_sass/bourbon/css3/_user-select.scss +++ /dev/null @@ -1,3 +0,0 @@ -@mixin user-select($arg: none) { - @include prefixer(user-select, $arg, webkit moz ms spec); -} diff --git a/docs/_sass/bourbon/functions/_assign.scss b/docs/_sass/bourbon/functions/_assign.scss deleted file mode 100644 index 9a1db93ef..000000000 --- a/docs/_sass/bourbon/functions/_assign.scss +++ /dev/null @@ -1,11 +0,0 @@ -@function assign-inputs($inputs, $pseudo: null) { - $list : (); - - @each $input in $inputs { - $input: unquote($input); - $input: if($pseudo, $input + ":" + $pseudo, $input); - $list: append($list, $input, comma); - } - - @return $list; -} \ No newline at end of file diff --git a/docs/_sass/bourbon/functions/_color-lightness.scss b/docs/_sass/bourbon/functions/_color-lightness.scss deleted file mode 100644 index 8c6df4e25..000000000 --- a/docs/_sass/bourbon/functions/_color-lightness.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Programatically determines whether a color is light or dark -// Returns a boolean -// More details here http://robots.thoughtbot.com/closer-look-color-lightness - -@function is-light($hex-color) { - $-local-red: red(rgba($hex-color, 1.0)); - $-local-green: green(rgba($hex-color, 1.0)); - $-local-blue: blue(rgba($hex-color, 1.0)); - - $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255; - - @return $-local-lightness > .6; -} diff --git a/docs/_sass/bourbon/functions/_flex-grid.scss b/docs/_sass/bourbon/functions/_flex-grid.scss deleted file mode 100644 index 3bbd86657..000000000 --- a/docs/_sass/bourbon/functions/_flex-grid.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Flexible grid -@function flex-grid($columns, $container-columns: $fg-max-columns) { - $width: $columns * $fg-column + ($columns - 1) * $fg-gutter; - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($width / $container-width); -} - -// Flexible gutter -@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) { - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($gutter / $container-width); -} - -// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function. -// This function takes the fluid grid equation (target / context = result) and uses columns to help define each. -// -// The calculation presumes that your column structure will be missing the last gutter: -// -// -- column -- gutter -- column -- gutter -- column -// -// $fg-column: 60px; // Column Width -// $fg-gutter: 25px; // Gutter Width -// $fg-max-columns: 12; // Total Columns For Main Container -// -// div { -// width: flex-grid(4); // returns (315px / 995px) = 31.65829%; -// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%; -// -// p { -// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; -// float: left; -// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%; -// } -// -// blockquote { -// float: left; -// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; -// } -// } \ No newline at end of file diff --git a/docs/_sass/bourbon/functions/_golden-ratio.scss b/docs/_sass/bourbon/functions/_golden-ratio.scss deleted file mode 100644 index 463d14a00..000000000 --- a/docs/_sass/bourbon/functions/_golden-ratio.scss +++ /dev/null @@ -1,3 +0,0 @@ -@function golden-ratio($value, $increment) { - @return modular-scale($value, $increment, $golden) -} diff --git a/docs/_sass/bourbon/functions/_grid-width.scss b/docs/_sass/bourbon/functions/_grid-width.scss deleted file mode 100644 index 8e63d83d6..000000000 --- a/docs/_sass/bourbon/functions/_grid-width.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function grid-width($n) { - @return $n * $gw-column + ($n - 1) * $gw-gutter; -} - -// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function. -// -// $gw-column: 100px; // Column Width -// $gw-gutter: 40px; // Gutter Width -// -// div { -// width: grid-width(4); // returns 520px; -// margin-left: $gw-gutter; // returns 40px; -// } diff --git a/docs/_sass/bourbon/functions/_modular-scale.scss b/docs/_sass/bourbon/functions/_modular-scale.scss deleted file mode 100644 index afc59eb95..000000000 --- a/docs/_sass/bourbon/functions/_modular-scale.scss +++ /dev/null @@ -1,66 +0,0 @@ -// Scaling Variables -$golden: 1.618; -$minor-second: 1.067; -$major-second: 1.125; -$minor-third: 1.2; -$major-third: 1.25; -$perfect-fourth: 1.333; -$augmented-fourth: 1.414; -$perfect-fifth: 1.5; -$minor-sixth: 1.6; -$major-sixth: 1.667; -$minor-seventh: 1.778; -$major-seventh: 1.875; -$octave: 2; -$major-tenth: 2.5; -$major-eleventh: 2.667; -$major-twelfth: 3; -$double-octave: 4; - -@function modular-scale($value, $increment, $ratio) { - $v1: nth($value, 1); - $v2: nth($value, length($value)); - $value: $v1; - - // scale $v2 to just above $v1 - @while $v2 > $v1 { - $v2: ($v2 / $ratio); // will be off-by-1 - } - @while $v2 < $v1 { - $v2: ($v2 * $ratio); // will fix off-by-1 - } - - // check AFTER scaling $v2 to prevent double-counting corner-case - $double-stranded: $v2 > $v1; - - @if $increment > 0 { - @for $i from 1 through $increment { - @if $double-stranded and ($v1 * $ratio) > $v2 { - $value: $v2; - $v2: ($v2 * $ratio); - } @else { - $v1: ($v1 * $ratio); - $value: $v1; - } - } - } - - @if $increment < 0 { - // adjust $v2 to just below $v1 - @if $double-stranded { - $v2: ($v2 / $ratio); - } - - @for $i from $increment through -1 { - @if $double-stranded and ($v1 / $ratio) < $v2 { - $value: $v2; - $v2: ($v2 / $ratio); - } @else { - $v1: ($v1 / $ratio); - $value: $v1; - } - } - } - - @return $value; -} diff --git a/docs/_sass/bourbon/functions/_px-to-em.scss b/docs/_sass/bourbon/functions/_px-to-em.scss deleted file mode 100644 index 4832245e4..000000000 --- a/docs/_sass/bourbon/functions/_px-to-em.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Convert pixels to ems -// eg. for a relational value of 12px write em(12) when the parent is 16px -// if the parent is another value say 24px write em(12, 24) - -@function em($pxval, $base: $em-base) { - @if not unitless($pxval) { - $pxval: strip-units($pxval); - } - @if not unitless($base) { - $base: strip-units($base); - } - @return ($pxval / $base) * 1em; -} diff --git a/docs/_sass/bourbon/functions/_px-to-rem.scss b/docs/_sass/bourbon/functions/_px-to-rem.scss deleted file mode 100644 index 96b244e4c..000000000 --- a/docs/_sass/bourbon/functions/_px-to-rem.scss +++ /dev/null @@ -1,15 +0,0 @@ -// Convert pixels to rems -// eg. for a relational value of 12px write rem(12) -// Assumes $em-base is the font-size of - -@function rem($pxval) { - @if not unitless($pxval) { - $pxval: strip-units($pxval); - } - - $base: $em-base; - @if not unitless($base) { - $base: strip-units($base); - } - @return ($pxval / $base) * 1rem; -} diff --git a/docs/_sass/bourbon/functions/_strip-units.scss b/docs/_sass/bourbon/functions/_strip-units.scss deleted file mode 100644 index 6afc6e601..000000000 --- a/docs/_sass/bourbon/functions/_strip-units.scss +++ /dev/null @@ -1,5 +0,0 @@ -// Srtips the units from a value. e.g. 12px -> 12 - -@function strip-units($val) { - @return ($val / ($val * 0 + 1)); -} diff --git a/docs/_sass/bourbon/functions/_tint-shade.scss b/docs/_sass/bourbon/functions/_tint-shade.scss deleted file mode 100644 index f7172004a..000000000 --- a/docs/_sass/bourbon/functions/_tint-shade.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Add percentage of white to a color -@function tint($color, $percent){ - @return mix(white, $color, $percent); -} - -// Add percentage of black to a color -@function shade($color, $percent){ - @return mix(black, $color, $percent); -} diff --git a/docs/_sass/bourbon/functions/_transition-property-name.scss b/docs/_sass/bourbon/functions/_transition-property-name.scss deleted file mode 100644 index 54cd42281..000000000 --- a/docs/_sass/bourbon/functions/_transition-property-name.scss +++ /dev/null @@ -1,22 +0,0 @@ -// Return vendor-prefixed property names if appropriate -// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background -//************************************************************************// -@function transition-property-names($props, $vendor: false) { - $new-props: (); - - @each $prop in $props { - $new-props: append($new-props, transition-property-name($prop, $vendor), comma); - } - - @return $new-props; -} - -@function transition-property-name($prop, $vendor: false) { - // put other properties that need to be prefixed here aswell - @if $vendor and $prop == transform { - @return unquote('-'+$vendor+'-'+$prop); - } - @else { - @return $prop; - } -} \ No newline at end of file diff --git a/docs/_sass/bourbon/functions/_unpack.scss b/docs/_sass/bourbon/functions/_unpack.scss deleted file mode 100644 index 377596365..000000000 --- a/docs/_sass/bourbon/functions/_unpack.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Convert shorthand to the 4-value syntax - -@function unpack($shorthand) { - @if length($shorthand) == 1 { - @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1); - } - @else if length($shorthand) == 2 { - @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2); - } - @else if length($shorthand) == 3 { - @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2); - } - @else { - @return $shorthand; - } -} - diff --git a/docs/_sass/bourbon/helpers/_convert-units.scss b/docs/_sass/bourbon/helpers/_convert-units.scss deleted file mode 100644 index 3443db397..000000000 --- a/docs/_sass/bourbon/helpers/_convert-units.scss +++ /dev/null @@ -1,15 +0,0 @@ -//************************************************************************// -// Helper function for str-to-num fn. -// Source: http://sassmeister.com/gist/9647408 -//************************************************************************// -@function _convert-units($number, $unit) { - $strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax', 'deg', 'rad', 'grad', 'turn'; - $units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax, 1deg, 1rad, 1grad, 1turn; - $index: index($strings, $unit); - - @if not $index { - @warn "Unknown unit `#{$unit}`."; - @return false; - } - @return $number * nth($units, $index); -} diff --git a/docs/_sass/bourbon/helpers/_gradient-positions-parser.scss b/docs/_sass/bourbon/helpers/_gradient-positions-parser.scss deleted file mode 100644 index 07d30b6cf..000000000 --- a/docs/_sass/bourbon/helpers/_gradient-positions-parser.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function _gradient-positions-parser($gradient-type, $gradient-positions) { - @if $gradient-positions - and ($gradient-type == linear) - and (type-of($gradient-positions) != color) { - $gradient-positions: _linear-positions-parser($gradient-positions); - } - @else if $gradient-positions - and ($gradient-type == radial) - and (type-of($gradient-positions) != color) { - $gradient-positions: _radial-positions-parser($gradient-positions); - } - @return $gradient-positions; -} diff --git a/docs/_sass/bourbon/helpers/_is-num.scss b/docs/_sass/bourbon/helpers/_is-num.scss deleted file mode 100644 index 71459e140..000000000 --- a/docs/_sass/bourbon/helpers/_is-num.scss +++ /dev/null @@ -1,8 +0,0 @@ -//************************************************************************// -// Helper for linear-gradient-parser -//************************************************************************// -@function _is-num($char) { - $values: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' 0 1 2 3 4 5 6 7 8 9; - $index: index($values, $char); - @return if($index, true, false); -} diff --git a/docs/_sass/bourbon/helpers/_linear-angle-parser.scss b/docs/_sass/bourbon/helpers/_linear-angle-parser.scss deleted file mode 100644 index e0401ed8d..000000000 --- a/docs/_sass/bourbon/helpers/_linear-angle-parser.scss +++ /dev/null @@ -1,25 +0,0 @@ -// Private function for linear-gradient-parser -@function _linear-angle-parser($image, $first-val, $prefix, $suffix) { - $offset: null; - $unit-short: str-slice($first-val, str-length($first-val) - 2, str-length($first-val)); - $unit-long: str-slice($first-val, str-length($first-val) - 3, str-length($first-val)); - - @if ($unit-long == "grad") or - ($unit-long == "turn") { - $offset: if($unit-long == "grad", -100grad * 3, -0.75turn); - } - - @else if ($unit-short == "deg") or - ($unit-short == "rad") { - $offset: if($unit-short == "deg", -90 * 3, 1.6rad); - } - - @if $offset { - $num: _str-to-num($first-val); - - @return ( - webkit-image: -webkit- + $prefix + ($offset - $num) + $suffix, - spec-image: $image - ); - } -} diff --git a/docs/_sass/bourbon/helpers/_linear-gradient-parser.scss b/docs/_sass/bourbon/helpers/_linear-gradient-parser.scss deleted file mode 100644 index 12bcdcda8..000000000 --- a/docs/_sass/bourbon/helpers/_linear-gradient-parser.scss +++ /dev/null @@ -1,41 +0,0 @@ -@function _linear-gradient-parser($image) { - $image: unquote($image); - $gradients: (); - $start: str-index($image, "("); - $end: str-index($image, ","); - $first-val: str-slice($image, $start + 1, $end - 1); - - $prefix: str-slice($image, 0, $start); - $suffix: str-slice($image, $end, str-length($image)); - - $has-multiple-vals: str-index($first-val, " "); - $has-single-position: unquote(_position-flipper($first-val) + ""); - $has-angle: _is-num(str-slice($first-val, 0, 0)); - - @if $has-multiple-vals { - $gradients: _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals); - } - - @else if $has-single-position != "" { - $pos: unquote($has-single-position + ""); - - $gradients: ( - webkit-image: -webkit- + $image, - spec-image: $prefix + "to " + $pos + $suffix - ); - } - - @else if $has-angle { - // Rotate degree for webkit - $gradients: _linear-angle-parser($image, $first-val, $prefix, $suffix); - } - - @else { - $gradients: ( - webkit-image: -webkit- + $image, - spec-image: $image - ); - } - - @return $gradients; -} diff --git a/docs/_sass/bourbon/helpers/_linear-positions-parser.scss b/docs/_sass/bourbon/helpers/_linear-positions-parser.scss deleted file mode 100644 index d26383edc..000000000 --- a/docs/_sass/bourbon/helpers/_linear-positions-parser.scss +++ /dev/null @@ -1,61 +0,0 @@ -@function _linear-positions-parser($pos) { - $type: type-of(nth($pos, 1)); - $spec: null; - $degree: null; - $side: null; - $corner: null; - $length: length($pos); - // Parse Side and corner positions - @if ($length > 1) { - @if nth($pos, 1) == "to" { // Newer syntax - $side: nth($pos, 2); - - @if $length == 2 { // eg. to top - // Swap for backwards compatability - $degree: _position-flipper(nth($pos, 2)); - } - @else if $length == 3 { // eg. to top left - $corner: nth($pos, 3); - } - } - @else if $length == 2 { // Older syntax ("top left") - $side: _position-flipper(nth($pos, 1)); - $corner: _position-flipper(nth($pos, 2)); - } - - @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - $spec: to $side $corner; - } - @else if $length == 1 { - // Swap for backwards compatability - @if $type == string { - $degree: $pos; - $spec: to _position-flipper($pos); - } - @else { - $degree: -270 - $pos; //rotate the gradient opposite from spec - $spec: $pos; - } - } - $degree: unquote($degree + ","); - $spec: unquote($spec + ","); - @return $degree $spec; -} - -@function _position-flipper($pos) { - @return if($pos == left, right, null) - if($pos == right, left, null) - if($pos == top, bottom, null) - if($pos == bottom, top, null); -} diff --git a/docs/_sass/bourbon/helpers/_linear-side-corner-parser.scss b/docs/_sass/bourbon/helpers/_linear-side-corner-parser.scss deleted file mode 100644 index 86ad88fbb..000000000 --- a/docs/_sass/bourbon/helpers/_linear-side-corner-parser.scss +++ /dev/null @@ -1,31 +0,0 @@ -// Private function for linear-gradient-parser -@function _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals) { - $val-1: str-slice($first-val, 0, $has-multiple-vals - 1 ); - $val-2: str-slice($first-val, $has-multiple-vals + 1, str-length($first-val)); - $val-3: null; - $has-val-3: str-index($val-2, " "); - - @if $has-val-3 { - $val-3: str-slice($val-2, $has-val-3 + 1, str-length($val-2)); - $val-2: str-slice($val-2, 0, $has-val-3 - 1); - } - - $pos: _position-flipper($val-1) _position-flipper($val-2) _position-flipper($val-3); - $pos: unquote($pos + ""); - - // Use old spec for webkit - @if $val-1 == "to" { - @return ( - webkit-image: -webkit- + $prefix + $pos + $suffix, - spec-image: $image - ); - } - - // Bring the code up to spec - @else { - @return ( - webkit-image: -webkit- + $image, - spec-image: $prefix + "to " + $pos + $suffix - ); - } -} diff --git a/docs/_sass/bourbon/helpers/_radial-arg-parser.scss b/docs/_sass/bourbon/helpers/_radial-arg-parser.scss deleted file mode 100644 index a3a3704af..000000000 --- a/docs/_sass/bourbon/helpers/_radial-arg-parser.scss +++ /dev/null @@ -1,69 +0,0 @@ -@function _radial-arg-parser($G1, $G2, $pos, $shape-size) { - @each $value in $G1, $G2 { - $first-val: nth($value, 1); - $pos-type: type-of($first-val); - $spec-at-index: null; - - // Determine if spec was passed to mixin - @if type-of($value) == list { - $spec-at-index: if(index($value, at), index($value, at), false); - } - @if $spec-at-index { - @if $spec-at-index > 1 { - @for $i from 1 through ($spec-at-index - 1) { - $shape-size: $shape-size nth($value, $i); - } - @for $i from ($spec-at-index + 1) through length($value) { - $pos: $pos nth($value, $i); - } - } - @else if $spec-at-index == 1 { - @for $i from ($spec-at-index + 1) through length($value) { - $pos: $pos nth($value, $i); - } - } - $G1: null; - } - - // If not spec calculate correct values - @else { - @if ($pos-type != color) or ($first-val != "transparent") { - @if ($pos-type == number) - or ($first-val == "center") - or ($first-val == "top") - or ($first-val == "right") - or ($first-val == "bottom") - or ($first-val == "left") { - - $pos: $value; - - @if $pos == $G1 { - $G1: null; - } - } - - @else if - ($first-val == "ellipse") - or ($first-val == "circle") - or ($first-val == "closest-side") - or ($first-val == "closest-corner") - or ($first-val == "farthest-side") - or ($first-val == "farthest-corner") - or ($first-val == "contain") - or ($first-val == "cover") { - - $shape-size: $value; - - @if $value == $G1 { - $G1: null; - } - - @else if $value == $G2 { - $G2: null; - } - } - } - } - } - @return $G1, $G2, $pos, $shape-size; -} diff --git a/docs/_sass/bourbon/helpers/_radial-gradient-parser.scss b/docs/_sass/bourbon/helpers/_radial-gradient-parser.scss deleted file mode 100644 index 6dde50f06..000000000 --- a/docs/_sass/bourbon/helpers/_radial-gradient-parser.scss +++ /dev/null @@ -1,50 +0,0 @@ -@function _radial-gradient-parser($image) { - $image: unquote($image); - $gradients: (); - $start: str-index($image, "("); - $end: str-index($image, ","); - $first-val: str-slice($image, $start + 1, $end - 1); - - $prefix: str-slice($image, 0, $start); - $suffix: str-slice($image, $end, str-length($image)); - - $is-spec-syntax: str-index($first-val, "at"); - - @if $is-spec-syntax and $is-spec-syntax > 1 { - $keyword: str-slice($first-val, 1, $is-spec-syntax - 2); - $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val)); - $pos: append($pos, $keyword, comma); - - $gradients: ( - webkit-image: -webkit- + $prefix + $pos + $suffix, - spec-image: $image - ) - } - - @else if $is-spec-syntax == 1 { - $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val)); - - $gradients: ( - webkit-image: -webkit- + $prefix + $pos + $suffix, - spec-image: $image - ) - } - - @else if str-index($image, "cover") or str-index($image, "contain") { - @warn "Radial-gradient needs to be updated to conform to latest spec."; - - $gradients: ( - webkit-image: null, - spec-image: $image - ) - } - - @else { - $gradients: ( - webkit-image: -webkit- + $image, - spec-image: $image - ) - } - - @return $gradients; -} diff --git a/docs/_sass/bourbon/helpers/_radial-positions-parser.scss b/docs/_sass/bourbon/helpers/_radial-positions-parser.scss deleted file mode 100644 index 6a5b47777..000000000 --- a/docs/_sass/bourbon/helpers/_radial-positions-parser.scss +++ /dev/null @@ -1,18 +0,0 @@ -@function _radial-positions-parser($gradient-pos) { - $shape-size: nth($gradient-pos, 1); - $pos: nth($gradient-pos, 2); - $shape-size-spec: _shape-size-stripper($shape-size); - - $pre-spec: unquote(if($pos, "#{$pos}, ", null)) - unquote(if($shape-size, "#{$shape-size},", null)); - $pos-spec: if($pos, "at #{$pos}", null); - - $spec: "#{$shape-size-spec} #{$pos-spec}"; - - // Add comma - @if ($spec != ' ') { - $spec: "#{$spec}," - } - - @return $pre-spec $spec; -} diff --git a/docs/_sass/bourbon/helpers/_render-gradients.scss b/docs/_sass/bourbon/helpers/_render-gradients.scss deleted file mode 100644 index 576567683..000000000 --- a/docs/_sass/bourbon/helpers/_render-gradients.scss +++ /dev/null @@ -1,26 +0,0 @@ -// User for linear and radial gradients within background-image or border-image properties - -@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) { - $pre-spec: null; - $spec: null; - $vendor-gradients: null; - @if $gradient-type == linear { - @if $gradient-positions { - $pre-spec: nth($gradient-positions, 1); - $spec: nth($gradient-positions, 2); - } - } - @else if $gradient-type == radial { - $pre-spec: nth($gradient-positions, 1); - $spec: nth($gradient-positions, 2); - } - - @if $vendor { - $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients); - } - @else if $vendor == false { - $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})"; - $vendor-gradients: unquote($vendor-gradients); - } - @return $vendor-gradients; -} diff --git a/docs/_sass/bourbon/helpers/_shape-size-stripper.scss b/docs/_sass/bourbon/helpers/_shape-size-stripper.scss deleted file mode 100644 index ee5eda422..000000000 --- a/docs/_sass/bourbon/helpers/_shape-size-stripper.scss +++ /dev/null @@ -1,10 +0,0 @@ -@function _shape-size-stripper($shape-size) { - $shape-size-spec: null; - @each $value in $shape-size { - @if ($value == "cover") or ($value == "contain") { - $value: null; - } - $shape-size-spec: "#{$shape-size-spec} #{$value}"; - } - @return $shape-size-spec; -} diff --git a/docs/_sass/bourbon/helpers/_str-to-num.scss b/docs/_sass/bourbon/helpers/_str-to-num.scss deleted file mode 100644 index b3d616824..000000000 --- a/docs/_sass/bourbon/helpers/_str-to-num.scss +++ /dev/null @@ -1,50 +0,0 @@ -//************************************************************************// -// Helper function for linear/radial-gradient-parsers. -// Source: http://sassmeister.com/gist/9647408 -//************************************************************************// -@function _str-to-num($string) { - // Matrices - $strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9'; - $numbers: 0 1 2 3 4 5 6 7 8 9; - - // Result - $result: 0; - $divider: 0; - $minus: false; - - // Looping through all characters - @for $i from 1 through str-length($string) { - $character: str-slice($string, $i, $i); - $index: index($strings, $character); - - @if $character == '-' { - $minus: true; - } - - @else if $character == '.' { - $divider: 1; - } - - @else { - @if not $index { - $result: if($minus, $result * -1, $result); - @return _convert-units($result, str-slice($string, $i)); - } - - $number: nth($numbers, $index); - - @if $divider == 0 { - $result: $result * 10; - } - - @else { - // Move the decimal dot to the left - $divider: $divider * 10; - $number: $number / $divider; - } - - $result: $result + $number; - } - } - @return if($minus, $result * -1, $result); -} diff --git a/docs/_sass/bourbon/settings/_asset-pipeline.scss b/docs/_sass/bourbon/settings/_asset-pipeline.scss deleted file mode 100644 index d481a6afb..000000000 --- a/docs/_sass/bourbon/settings/_asset-pipeline.scss +++ /dev/null @@ -1 +0,0 @@ -$asset-pipeline: false !default; diff --git a/docs/_sass/bourbon/settings/_prefixer.scss b/docs/_sass/bourbon/settings/_prefixer.scss deleted file mode 100644 index ecab49fb5..000000000 --- a/docs/_sass/bourbon/settings/_prefixer.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Variable settings for /addons/prefixer.scss -$prefix-for-webkit: true !default; -$prefix-for-mozilla: true !default; -$prefix-for-microsoft: true !default; -$prefix-for-opera: true !default; -$prefix-for-spec: true !default; // required for keyframe mixin diff --git a/docs/_sass/bourbon/settings/_px-to-em.scss b/docs/_sass/bourbon/settings/_px-to-em.scss deleted file mode 100644 index f2f9a3e8d..000000000 --- a/docs/_sass/bourbon/settings/_px-to-em.scss +++ /dev/null @@ -1 +0,0 @@ -$em-base: 16px !default; diff --git a/docs/_sass/custom/custom.scss b/docs/_sass/custom/custom.scss deleted file mode 100644 index a7ed48929..000000000 --- a/docs/_sass/custom/custom.scss +++ /dev/null @@ -1,271 +0,0 @@ -$navy: #30373b; -$navy--light: #7a8c9b; -$blue--light: #368aa9; -$blue--pale: #d3dbe2; -$grey--dark: #30373b; -$grey--light: #949595; -$grey--pale: #F9FAFA; -$grey--on-dark: #a9a9a9; - -$docs--border: #798C9C; -$docs--code: #5C5C5C; -$docs--notes: #444444; - -body { - background: white; - font-size: 15px; -} - -body, -.marketing-markdown { - color: #4E5665; -} - -.marketing-markdown { - max-width: 900px; -} - -h1 { - font-weight: 700; - margin-bottom: 33px; -} - -.marketing-markdown h2, -h2 { - margin-top: 40px; - margin-bottom: 33px; - font-weight: 400; -} - -.body-link, -main p > a, -main .marketing-markdown > a, -.marketing-markdown a:not(.marketing-button):not(.marketing-nav__button) { - color: $blue--light; - border-bottom: 0; -} - -blockquote, -.marketing-markdown blockquote, -pre, -pre.code, -pre.prettyprint { - margin-left: 0; - margin-right: 0; - background: $grey--pale; - padding: 25px; - font-size: 1em; - line-height: 1.7; - font-weight: normal; - - p:last-child { - margin-bottom: 0; - } - - &:before, - &:after { - display: none; - } -} - -code, -kbd, -samp, -pre, -pre.code, -pre.prettyprint, -.pln { - font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace; - font-size: 13px; - color: $docs--code; -} - -blockquote, -.marketing-markdown blockquote { - border-left: 3px solid $docs--border; - color: $docs--notes; - font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -} - -.page-header { - padding: 0; - text-align: left; -} - -.docs-header .npm-logo { - height: 14px; -} - -.docs-sidebar { - background: $navy; - font-size: 18px; -} - -.site-title { - &:hover { - text-decoration: none; - } -} - -.docs-title { - font-weight: $font-weight-light; - - @include shopify-breakpoint($desktop-up) { - margin-bottom: 40px; - } - - a { - color: $color-white; - } -} - -.docs-nav { - li { - margin-bottom: 20px; - } -} - -.docs-nav__link, -.docs-sub-nav__link { - color: $grey--on-dark; - @include font-brandon-medium(); - - &.active { - color: white; - } -} - -.docs-sub-nav { - border-left: 3px solid $grey--on-dark; - padding-left: 10px; - font-size: 13px; - margin-top: 10px; - margin-left: 5px; - display: none; - - li { - margin-bottom: 13px; - } - - .active ~ & { - display: block; - } -} - - -.docs-shopify-logo { - a { - color: $grey--on-dark; - } -} - -.docs-header { - border-bottom: 1px solid $blue--pale; - padding-top: 15px; - margin-bottom: 70px; - font-size: 13px; - - a { - color: #A0A0A0; - } - - img { - height: 18px; - padding-right: 5px; - opacity: 0.8; - - } - - li { - display: inline-block; - padding-right: 30px; - } -} - -#options-form { - margin-bottom: 30px; -} - -.marketing-markdown li ul { - margin-top: 10px; -} - - -table { - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - border: 1px solid #ddd; - background-color: transparent; - font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - - * { - border: none; - background: none; - } - - th { - border-bottom: 1px solid #ddd; - background-color: #f9f9f9; - } - - th, - td { - padding: 8px 15px; - } - -} - -@include shopify-breakpoint($tablet-down) { - table, thead, tbody, th, td, tr { - display: block; - font-size: 12px; - } - - thead tr { - position: absolute; - top: -9999px; - left: -9999px; - } - - tr { border: 1px solid #ccc; } - - table td { - border: none; - border-bottom: 1px solid #eee; - position: relative; - padding-left: 50%; - } - - td:before { - position: absolute; - top: 6px; - left: 6px; - width: 45%; - padding-right: 10px; - white-space: nowrap; - } - - - td:nth-of-type(1):before { content: "Internet Explorer"; } - td:nth-of-type(2):before { content: "Chrome, Edge, Firefox"; } - td:nth-of-type(3):before { content: "Safari"; } - td:nth-of-type(4):before { content: "Opera"; } - td:nth-of-type(5):before { content: "iOS"; } - td:nth-of-type(6):before { content: "Android"; } -} - - -.copy-button { - padding: 3px 12px 5px; - font-size: 1em; - width: 100%; - position: relative; - top: -13px; - background: #ccc; - border-radius: 0 0 3px 3px; -} - -.u-alignRight { - text-align: right; -} diff --git a/docs/_sass/custom/layout.scss b/docs/_sass/custom/layout.scss deleted file mode 100644 index dac8a0524..000000000 --- a/docs/_sass/custom/layout.scss +++ /dev/null @@ -1,170 +0,0 @@ -body { - display: flex; - min-height: 100vh; - flex-direction: column; -} - -table { - margin-bottom: 20px; -} - -main { - margin-left: 0; - margin-right: 0; - max-width: none; - min-height: 100vh; -} - -.docs-container { - padding: 0; - - @include shopify-breakpoint($desktop-up) { - overflow: hidden; - min-height: 600px; - } -} - -.docs-sidebar { - @include shopify-breakpoint($tablet-down) { - padding: 60px 30px 15px; - } - - @include shopify-breakpoint($desktop-up) { - min-height: 100%; - width: 300px; - padding: 60px 40px 0; - position: fixed; - top: 0; - left: 0; - bottom: 0; - padding-bottom: 120px; // ~height of docs-shopify-logo - overflow: auto; - } -} - -.docs-main { - padding: 0 30px; - - @include shopify-breakpoint($desktop-up) { - float: left; - padding: 0 45px; - width: calc(100% - 300px); - margin-left: 300px; - } -} - -.docs-shopify-logo { - - img { - margin-bottom: 10px; - max-width: 100px; - } - - @include shopify-breakpoint($tablet-down) { - background: #232323; - position: absolute; - top: 0; - left: 0; - width: 100%; - padding: 8px 30px; - - img { - margin-bottom: 0; - max-width: 80px; - } - - p { - display: none; - } - } - - @include shopify-breakpoint($desktop-up) { - position: fixed; - left: 40px; - bottom: 0; - width: 220px; - background: #30373b; - padding-top: 20px; - padding-bottom: 40px; - } - - p { - margin-bottom: 0; - font-size: 13px; - font-weight: 500; - text-decoration: underline; - } -} - -.apidocs-container { - @include shopify-breakpoint($desktop-up) { - position: relative; - } -} - -.apidocs__sidebar { - @include shopify-breakpoint($desktop-up) { - width: 200px; - position: absolute; - right: 0; - top: 0; - } -} - -.apidocs { - @include shopify-breakpoint($desktop-up) { - max-width: calc(100% - 200px); - padding-right: 30px; - } -} - -.demo-iframe { - position: relative; - margin: 40px 0; - - &:before { - content: "Demo"; - position: absolute; - top: -10px; - left: 10px; - padding: 0 10px; - background-color: white; - } - - iframe { - margin: 0; - border: 1px solid $color-grey-border-on--white; - transition: width 0.2s ease-in-out; - } -} - -.demo-iframe--mobile { - width: 320px; -} - -.demo-iframe__toggles { - position: absolute; - top: -10px; - right: 20px; - padding: 0 10px; - background-color: white; - - .iframe-toggle + .iframe-toggle { - margin-left: 5px; - } - - img { - width: 20px; - height: 20px; - padding: 0; - margin: 0; - } -} - -.demo-image { - box-shadow: 0 0 15px 5px #eee; -} - -.demo-image.demo-image--app { - margin-bottom: 0; -} diff --git a/docs/_sass/demo-variables.scss b/docs/_sass/demo-variables.scss deleted file mode 100644 index f01cfa9a9..000000000 --- a/docs/_sass/demo-variables.scss +++ /dev/null @@ -1,79 +0,0 @@ -// Hardcoded values for Slate variables in src/styles/settings/variables.scss - -/*================ Color Variables ================*/ -$color-primary: blue; - -// Text colors -$color-body-text: #4E5665; - -// Backgrounds -$color-body: #fff; - -// Border colors -$color-border: #f6f6f6; - -// Helper colors for form error states -$color-disabled: #000; -$color-disabled-border: #000; -$color-error: #000; -$color-error-bg: #000; -$color-success: #000; -$color-success-bg: #000; - -/*================ Typography Variables ================*/ -$font-weight-normal: 400; -$font-weight-bold: 700; - -$font-stack-header: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -$font-weight-header: $font-weight-bold; - -$font-stack-body: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -$font-size-base: 16px; // Henseforth known as 1em - -/*============================================================================ - Grid Breakpoints and Class Names - - Do not change the variable names -==============================================================================*/ -$grid-medium: 750px; -$grid-large: 990px; -$grid-widescreen: 1400px; -$grid-gutter: 30px; - -$small: 'small'; -$medium: 'medium'; -$medium-down: 'medium-down'; -$medium-up: 'medium-up'; -$large: 'large'; -$large-down: 'large-down'; -$large-up: 'large-up'; -$widescreen: 'widescreen'; - -// The `$breakpoints` list is used to build our media queries. -// You can use these in the media-query mixin. -$breakpoints: ( - $small '(max-width: #{$grid-medium - 1})', - $medium '(min-width: #{$grid-medium}) and (max-width: #{$grid-large - 1})', - $medium-down '(max-width: #{$grid-large - 1})', - $medium-up '(min-width: #{$grid-medium})', - $large '(min-width: #{$grid-large}) and (max-width: #{$grid-widescreen - 1})', - $large-down '(max-width: #{$grid-widescreen - 1})', - $large-up '(min-width: #{$grid-large})', - $widescreen '(min-width: #{$grid-widescreen})' -); - -/*============================================================================ - Generate breakpoint-specific column widths and push classes - - Default column widths: $breakpoint-has-widths: ($small, $medium-up); - - Default is no push classes - - Will not work if `theme/grid.scss` is removed -==============================================================================*/ -$breakpoint-has-widths: ($small, $medium-up); -$breakpoint-has-push: ($medium-up); - -/*================ Sizing Variables ================*/ -$width-site: 1180px; -$gutter: 30px; - -/*================ Z-Index ================*/ -$z-index-dropdown: 2; -$z-index-skip-to-content: 10000; // really high to be safe of app markup diff --git a/docs/_sass/demo.scss b/docs/_sass/demo.scss deleted file mode 100644 index eb2d0cd5f..000000000 --- a/docs/_sass/demo.scss +++ /dev/null @@ -1,68 +0,0 @@ -body { - padding: 30px; -} - -p:first-child { - margin-top: 0; -} - -/*================ General helpers ================*/ -.list--inline { - padding: 0; - margin: 0; - - li { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } -} - -/*================ Grid demo styles ================*/ -.grid-demo { - background-color: $color-sky--light; - font-size: 0.75em; - padding: 10px; - text-align: center; -} - -/*================ Blank state demos ================*/ -.blank-states-product-demo a { - display: inline-block; - width: 30%; - margin-right: 2%; -} - -/*================ Icon demos ================*/ -.icon-demo .icon { - margin-right: 10px; -} - -.icon-demo--color .icon-cart { - fill: blue; - width: 40px; - height: 40px; -} - -// Put icon name below icon -.icon-demo--full-set { - li { - position: relative; - margin-bottom: 30px; - margin-right: 20px; - - &:before { - display: block; - content: attr(data-name); - font-size: 0.8em; - padding-top: 25px; - } - } - - .icon { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - } -} diff --git a/docs/_sass/html5bp-custom.scss b/docs/_sass/html5bp-custom.scss deleted file mode 100755 index 60ee4fe18..000000000 --- a/docs/_sass/html5bp-custom.scss +++ /dev/null @@ -1,131 +0,0 @@ -/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ - -p, ul,ol { - margin: 0; - padding: 0; -} - -ul, ol { - list-style: none -} - -audio, -canvas, -img, -video { - vertical-align: middle; -} - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -textarea { - resize: vertical; -} - -/* ========================================================================== - Helper classes - ========================================================================== */ - -.ir { - background-color: transparent; - border: 0; - overflow: hidden; - text-indent: -9999px; -} - -.ir:before { - content: ""; - display: block; - width: 0; - height: 150%; -} - -.hidden { - display: none !important; - visibility: hidden; -} - -.visuallyhidden { - @include visuallyhidden; -} - -.showvisuallyhidden, -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - @include showvisuallyhidden; -} - -.invisible { - visibility: hidden; -} - -/* ========================================================================== - Print styles - ========================================================================== */ - -@media print { - * { - background: transparent !important; - color: #000 !important; - box-shadow: none !important; - text-shadow: none !important; - } - - a, - a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - thead { - display: table-header-group; - } - - tr, - img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - @page { - margin: 0.5cm; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } -} diff --git a/docs/_sass/html5bp/normalize.css b/docs/_sass/html5bp/normalize.css deleted file mode 100755 index 3c000acba..000000000 --- a/docs/_sass/html5bp/normalize.css +++ /dev/null @@ -1,512 +0,0 @@ -/*! normalize.css v1.1.3 | MIT License | git.io/normalize */ - -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -/** - * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. - */ - -audio, -canvas, -video { - display: inline-block; - *display: inline; - *zoom: 1; -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. - * Known issue: no IE 6 support. - */ - -[hidden] { - display: none; -} - -/* ========================================================================== - Base - ========================================================================== */ - -/** - * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using - * `em` units. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-size: 100%; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Address `font-family` inconsistency between `textarea` and other form - * elements. - */ - -html, -button, -input, -select, -textarea { - font-family: sans-serif; -} - -/** - * Address margins handled incorrectly in IE 6/7. - */ - -body { - margin: 0; -} - -/* ========================================================================== - Links - ========================================================================== */ - - - -/* ========================================================================== - Typography - ========================================================================== */ - -/** - * Address font sizes and margins set differently in IE 6/7. - * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, - * and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -h2 { - font-size: 1.5em; - margin: 0.83em 0; -} - -h3 { - font-size: 1.17em; - margin: 1em 0; -} - -h4 { - font-size: 1em; - margin: 1.33em 0; -} - -h5 { - font-size: 0.83em; - margin: 1.67em 0; -} - -h6 { - font-size: 0.67em; - margin: 2.33em 0; -} - -/** - * Address styling not present in IE 7/8/9, Safari 5, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -blockquote { - margin: 1em 40px; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address differences between Firefox and other browsers. - * Known issue: no IE 6/7 normalization. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Address styling not present in IE 6/7/8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address margins set differently in IE 6/7. - */ - -p, -pre { - margin: 1em 0; -} - -/** - * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - _font-family: 'courier new', monospace; - font-size: 1em; -} - -/** - * Improve readability of pre-formatted text in all browsers. - */ - -pre { - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -/** - * Address CSS quotes not supported in IE 6/7. - */ - -q { - quotes: none; -} - -/** - * Address `quotes` property not supported in Safari 4. - */ - -q:before, -q:after { - content: ''; - content: none; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* ========================================================================== - Lists - ========================================================================== */ - -/** - * Address margins set differently in IE 6/7. - */ - -dl, -menu, -ol, -ul { - margin: 1em 0; -} - -dd { - margin: 0 0 0 40px; -} - -/** - * Address paddings set differently in IE 6/7. - */ - -menu, -ol, -ul { - padding: 0 0 0 40px; -} - -/** - * Correct list images handled incorrectly in IE 7. - */ - -nav ul, -nav ol { - list-style: none; - list-style-image: none; -} - -/* ========================================================================== - Embedded content - ========================================================================== */ - -/** - * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. - * 2. Improve image quality when scaled in IE 7. - */ - -img { - border: 0; /* 1 */ - -ms-interpolation-mode: bicubic; /* 2 */ -} - -/** - * Correct overflow displayed oddly in IE 9. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* ========================================================================== - Figures - ========================================================================== */ - -/** - * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. - */ - -figure { - margin: 0; -} - -/* ========================================================================== - Forms - ========================================================================== */ - -/** - * Correct margin displayed oddly in IE 6/7. - */ - -form { - margin: 0; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct color not being inherited in IE 6/7/8/9. - * 2. Correct text not wrapping in Firefox 3. - * 3. Correct alignment displayed oddly in IE 6/7. - */ - -legend { - border: 0; /* 1 */ - padding: 0; - white-space: normal; /* 2 */ - *margin-left: -7px; /* 3 */ -} - -/** - * 1. Correct font size not being inherited in all browsers. - * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, - * and Chrome. - * 3. Improve appearance and consistency in all browsers. - */ - -button, -input, -select, -textarea { - font-size: 100%; /* 1 */ - margin: 0; /* 2 */ - vertical-align: baseline; /* 3 */ - *vertical-align: middle; /* 3 */ -} - -/** - * Address Firefox 3+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -button, -input { - line-height: normal; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. - * Correct `select` style inheritance in Firefox 4+ and Opera. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - * 4. Remove inner spacing in IE 7 without affecting normal text inputs. - * Known issue: inner spacing remains in IE 6. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ - *overflow: visible; /* 4 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * 1. Address box sizing set to content-box in IE 8/9. - * 2. Remove excess padding in IE 8/9. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ - *height: 13px; /* 3 */ - *width: 13px; /* 3 */ -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Remove inner padding and border in Firefox 3+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * 1. Remove default vertical scrollbar in IE 6/7/8/9. - * 2. Improve readability and alignment in all browsers. - */ - -textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ -} - -/* ========================================================================== - Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/docs/_sass/marketing_assets.scss b/docs/_sass/marketing_assets.scss deleted file mode 100644 index b3d6ea8c1..000000000 --- a/docs/_sass/marketing_assets.scss +++ /dev/null @@ -1,18 +0,0 @@ -// Core styles, primarily SASS variables, mixins, breakpoints, reset, clearfix, -// and box-sizing -@import "marketing_assets/setup"; - -// Layout - container and top-level elements -@import "marketing_assets/layout"; - -// Typography - base fonts, and font sizes -@import "marketing_assets/typography"; - -// Grid - grid measurements, grid class generation -@import "marketing_assets/grid"; - -// Site modules - buttons, forms, UI elements -@import "marketing_assets/modules"; - -// utilities for spacing, typography, colours -@import "marketing_assets/utils"; diff --git a/docs/_sass/marketing_assets/_grid.scss b/docs/_sass/marketing_assets/_grid.scss deleted file mode 100755 index 9540e4850..000000000 --- a/docs/_sass/marketing_assets/_grid.scss +++ /dev/null @@ -1,276 +0,0 @@ -/*============================================================================ - Marketing Grid -==============================================================================*/ - -// Common grid for all pages with supported variants -// -// #PageContainer - Holds all the things, overflow added here to prevent scrollbar -//
- Main body content containers with body bg set, stretch to 1440 -// marketing-nav-wrapper - See
-// footer--main - See
-// page-block - Color blocks, direct descendents of the `main` containers with -// page-width - Generic container to hold any content, grid or not, stretches to 990 -// grid-container - Container for grid elements, default 990 -// -// Styleguide Grid Basics. - -/*================ Grid Container ================*/ -// Standard grid with tiles that can peak out to left or right at width > 990 -// safe to @extend from individual components -// -// .grid-container - Applies to container for grid elements -// -// Styleguide Grid Container. -.grid-container { - @include page-container(); -} - -// generate-columns mixins can be found in sass_helpers/mixins.scss -@include shopify-breakpoint($desktop-up) { - @include generate-columns; -} - -@include shopify-breakpoint($tablet-only) { - @include generate-columns($width: $column--tablet); -} - -// The tablet grid is also 8 columns, but with narrower widths/column. -// Columns can span a different # of columns across desktop vs tablet using tablet-only classes -// -// .grid--tablet-4 - Grid item that will span 4 cols on tablet only -// -// Styleguide Grid Tablet. -@include shopify-breakpoint($tablet-only) { - @include generate-columns($prefix: 'grid--tablet-', $width: $column--tablet); -} - -/*================ Grid Item ================*/ -// Defines a grid item -// **NOT TO BE EXTENDED**, creates way too many classes on account of the generate-columns function -// -// .grid-item - Applies to container that acts as a column -// .grid-X - Where X is the number of columns required. Both classes must be supplied. -// -// Styleguide Grid Item. -.grid-item { - float: left; - position: relative; - - /*================ Grid Wrapper Helpers ================*/ - // * For regular grids (eg grids with equal numbers in each row), helpers for row clearing - // and removing right-margin that's present on all grid items - // * This allows us to avoid having to create row wrappers for the grid - // * `nth-child` child selectors are cleared depending on the grid-type - // - // .grid-container--halves - Applied to 2-col grids - // .grid-container--thirds - Applied to 3-col grids - // .grid-container--quarters - Applies to 4-col grids - // - // Styleguide Grid Wrapper Helpers. - - @include shopify-breakpoint($tablet-up) { - .grid-container--halves & { - @include omega(2n); - } - - .grid-container--thirds & { - @include omega(3n); - } - - .grid-container--quarters & { - @include omega(4n); - } - - .grid-container--eights & { - @include omega(8n); - } - } - - /*================ Mobile Grid ================*/ - // Grid becomes only 2 col on mobile, - // Cols become %-based - // Default mobile behavior is for all cols to span 100% on mobile - // Otherwise, a special mobile only 2-col grid is available - // - // .grid--mobile - Applied to a .grid-item if it's to span 50% on mobile - // - // Styleguide Grid Mobile. - - @include shopify-breakpoint($mobile) { - float: none; - - &.grid--mobile { - @include span-columns(2 of 4); - @include omega(2n); - float: left; - } - - &.grid--mobile.grid--last { - + .grid-item { - clear: none; - } - } - } -} - -/*================ Grid Row Clearing ================*/ -// For irregular grids (eg grids with different column widths), -// right margin on right-most element in a row is removed via this class -// -// .grid--last - Applied to .grid-item to remove right margin -// -// Styleguide Grid Last. -.grid--last { - margin-right: 0; - // To avoid .row classes - + .grid-item { - clear: both; - } -} - -/*================ Fluid 1/3 Grid ================*/ -// Officially we have an 8 col fixed width grid with fixed cols and margins -// But there are a few cases where we need a fluid % grid, specifically for 3-col layouts -// Right Margin is still applied in these cases -// -// .grid-item--fluid__third - Applied to grid item that's 1/3 width -// .grid-item--fluid__two-thirds - Applies to grid item that's 2/3 width -// -// Styleguide Grid Fluid 1/3 Grid. -@include shopify-breakpoint($tablet-up) { - .grid-item--fluid__third { - @include span-columns(4 of 12); - } - - .grid-item--fluid__two-thirds { - @include span-columns(8 of 12); - } -} - -/*================ Extended Grid ================*/ -// Wide grid with content peeking from both sides by 2 columns worth -// -// .grid-container--wide - Container for grid elements in wide grid -// - Includes left and right padding and negative left margin -// .grid--wide-left/right - Left/right extended grid content. Gets cut off as window resizes -// - Includes negative left and right margin -// -// Styleguide Extended Grid/Grid Wide Details. - -@include shopify-breakpoint($desktop-up) { - .grid-container--wide { - width: $wide; - padding-left: $grid-extendor; - padding-right: $grid-extendor; - margin-left: -$grid-extendor; - } - - .grid-item--wide { - @include generate-extended-columns($extendor: $grid-extendor); - } - - .grid--wide-right, - .grid--wide-left { - @extend .grid-item--wide; - } - - .grid--wide-left { - margin-left: -$grid-extendor; - } - - .grid--wide-right { - margin-right: -$grid-extendor; - } -} - -@include shopify-breakpoint($tablet-only) { - .grid--wide-right { - margin-right: 0; - } -} - -/*================ Flush Grid ================*/ -// Fluid grid with no horizontal margins for when content must be flush with grid edges -// -// .grid-item--flush-half - 50% width item -// .grid-item--flush-third - 33.3% width item -// .grid-item--flush-quarter - 25% width item -// -// Styleguide Flush Grid. - -@include shopify-breakpoint($tablet-up) { - .grid-item--flush-half { - width: percentage(1/2); - } - - .grid-item--flush-third { - width: percentage(1/3); - } - - .grid-item--flush-quarter { - width: percentage(1/4); - } -} - -/*================ Bordered Grid ================*/ -// grid with borders between items but not around outside edges. Supports 2, 3, and 4-col grids. -// to be used in combination with flush grid. -// Total number of grid items must be a multiple of column number OR empty divs must be used to make up the difference.t -// -// Styleguide Bordered Grid. - -.grid-item--bordered { - border-bottom: $border-grey; - - @include shopify-breakpoint($mobile) { - &:last-child { - border-bottom: 0; - } - } - - @include shopify-breakpoint($tablet-up) { - border-right: $border-grey; - - .grid-container--thirds & { - &:nth-child(3n) { - border-right: 0; - } - - &:nth-last-child(-n+3) { - border-bottom: 0; - } - } - - .grid-container--quarters & { - &:nth-child(4n) { - border-right: 0; - } - - &:nth-last-child(-n+4) { - border-bottom: 0; - } - } - - .grid-container--halves & { - &:nth-child(2n) { - border-right: 0; - } - - &:nth-last-child(-n+2) { - border-bottom: 0; - } - } - } -} - -/*================ Grid items with bottom margin ================*/ -// Add bottom margin to grid-items on desktop and tablet. Designed for blocks of -// grid items that span multiple lines that need vertical space between them. -// -// Styleguide Grid items with bottom margin - -.grid-item--margin-bottom { - @include shopify-breakpoint($tablet-up) { - margin-bottom: em($gutter); - } -} diff --git a/docs/_sass/marketing_assets/_layout.scss b/docs/_sass/marketing_assets/_layout.scss deleted file mode 100755 index a8553a077..000000000 --- a/docs/_sass/marketing_assets/_layout.scss +++ /dev/null @@ -1,37 +0,0 @@ -// scss-lint:disable IdSelector SelectorFormat -#PageContainer { - overflow: hidden; // To support overflowing grid on wide screens - width: 100%; -} -// scss-lint:enable IdSelector SelectorFormat - -main, -.footer--main, -.page-width { - @include page-container(); -} - -main { - display: block; // IE11 does not understand this as a block-level element -} - -main, -.marketing-nav-wrapper, -.footer--main { - max-width: $wide; -} - -// Page width denotes content areas inside of main, regardless of if they're in -// our grid or not -.page-width { - padding-left: $gutter; - padding-right: $gutter; - - @include shopify-breakpoint($desktop-up) { - width: $desktop; - } - - @include shopify-breakpoint($tablet-only) { - width: $tablet; - } -} diff --git a/docs/_sass/marketing_assets/_modules.scss b/docs/_sass/marketing_assets/_modules.scss deleted file mode 100755 index 847949516..000000000 --- a/docs/_sass/marketing_assets/_modules.scss +++ /dev/null @@ -1,41 +0,0 @@ -/*================ Building Blocks ================*/ -@import 'modules/buttons'; -@import 'modules/forms'; -@import 'modules/icons'; -@import 'modules/picture'; - -/*================ Site structure & Chrome ================*/ -@import 'modules/nav'; -@import 'modules/footer'; -@import 'modules/drawer'; -@import 'modules/signup'; -@import 'modules/stateful-form'; - -/*================ Global Modules ================*/ -@import 'modules/page-blocks'; -@import 'modules/section-block'; -@import 'modules/segment-colors'; -@import 'modules/section-heading'; -@import 'modules/page-header'; -@import 'modules/block'; -@import 'modules/bullet'; -@import 'modules/media'; -@import 'modules/image'; - -/*================ Good candidates for selective inclusion ================*/ -@import 'modules/video'; -@import 'modules/paginated-carousel'; -@import 'modules/padded-grid-box'; -@import 'modules/inline-cta'; -@import 'modules/marketing-input-button-pair'; - -/*================ JS Modules ================*/ -@import 'modules/sticky-menu'; -@import 'modules/in-page-menu'; -@import 'modules/mobile-nav-select'; -@import 'modules/accordion'; -@import 'modules/slider'; -@import 'modules/modal'; -@import 'modules/popover'; -@import 'modules/window-loaded'; -@import 'modules/responsive-svg'; diff --git a/docs/_sass/marketing_assets/_sass-helpers.scss b/docs/_sass/marketing_assets/_sass-helpers.scss deleted file mode 100755 index 7a8f48675..000000000 --- a/docs/_sass/marketing_assets/_sass-helpers.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import 'bourbon/bourbon'; -@import 'sass_helpers/variables'; -@import 'sass_helpers/mixins'; -@import 'neat/neat'; -@import 'neat/neat-helpers'; -@import 'sass_helpers/breakpoints'; diff --git a/docs/_sass/marketing_assets/_setup.scss b/docs/_sass/marketing_assets/_setup.scss deleted file mode 100755 index 3efa702e2..000000000 --- a/docs/_sass/marketing_assets/_setup.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import 'sass-helpers'; -@import 'html5bp-custom'; -@import 'setup/base'; diff --git a/docs/_sass/marketing_assets/_typography.scss b/docs/_sass/marketing_assets/_typography.scss deleted file mode 100755 index 5126c32af..000000000 --- a/docs/_sass/marketing_assets/_typography.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import 'typography/fonts'; -@import 'typography/typography'; diff --git a/docs/_sass/marketing_assets/_utils.scss b/docs/_sass/marketing_assets/_utils.scss deleted file mode 100755 index 2ace0eb1e..000000000 --- a/docs/_sass/marketing_assets/_utils.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import 'utils/responsive'; -@import 'utils/gutters'; -@import 'utils/alignment'; -@import 'utils/colors'; diff --git a/docs/_sass/marketing_assets/builds/fonts.scss b/docs/_sass/marketing_assets/builds/fonts.scss deleted file mode 100755 index 6d4c34f14..000000000 --- a/docs/_sass/marketing_assets/builds/fonts.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import 'marketing_assets/sass-helpers'; -@import 'marketing_assets/typography/fonts'; diff --git a/docs/_sass/marketing_assets/content/_modules.scss b/docs/_sass/marketing_assets/content/_modules.scss deleted file mode 100755 index a268b8569..000000000 --- a/docs/_sass/marketing_assets/content/_modules.scss +++ /dev/null @@ -1,13 +0,0 @@ -@import 'marketing_assets/modules/content/article-meta'; -@import 'marketing_assets/modules/content/heading-icon'; -@import 'marketing_assets/modules/content/newsletter-block'; -@import 'marketing_assets/modules/content/preview-links'; -@import 'marketing_assets/modules/content/search-input'; -@import 'marketing_assets/modules/content/article'; -@import 'marketing_assets/modules/content/social-shares'; -@import 'marketing_assets/modules/content/share-bar'; -@import 'marketing_assets/modules/content/marketing-markdown'; -@import 'marketing_assets/modules/content/pagination'; -@import 'marketing_assets/modules/content/link-title'; -@import 'marketing_assets/modules/content/banner'; -@import 'marketing_assets/modules/content/about-author'; diff --git a/docs/_sass/marketing_assets/content/grid/_grid.scss b/docs/_sass/marketing_assets/content/grid/_grid.scss deleted file mode 100755 index 016827a63..000000000 --- a/docs/_sass/marketing_assets/content/grid/_grid.scss +++ /dev/null @@ -1,53 +0,0 @@ -/*============================================================================ - Content marketing fluid grid -==============================================================================*/ - -// 10-column grid for content marketing projects. -// Fluid at desktop and mobile, fixed on tablet -// -// Max-width - 1230px -// Desktop push - Helper classes to offset columns at desktop -// Fluid half - Helper class for fluid half column -// -// Styleguide Content Grid Basics. - -@mixin generate-fluid-columns($prefix: 'grid-', $num: $num-columns) { - $i: $num; - - @while $i > 0 { - .#{$prefix}#{$i} { - @include span-columns($i of $num-columns); - } - - .#{$prefix}push-#{$i} { - @include shift($i of $num-columns); - } - - $i: $i - 1; - } -} - -@include shopify-breakpoint($tablet-up) { - .grid-item--fluid__half { - @include span-columns(4 of 8); - } -} - -@include shopify-breakpoint($desktop-up) { - .grid--desktop-push-1 { - @include shift(1 of 10); - } - - .grid--desktop-push-2 { - @include shift(2 of 10); - } -} - -@include shopify-breakpoint($desktop-up) { - @include generate-fluid-columns(); - - .page-width { - width: 100%; - max-width: 1230px; // 10 column with gutters - } -} diff --git a/docs/_sass/marketing_assets/content/setup/_base.scss b/docs/_sass/marketing_assets/content/setup/_base.scss deleted file mode 100755 index 4369c1f0e..000000000 --- a/docs/_sass/marketing_assets/content/setup/_base.scss +++ /dev/null @@ -1,25 +0,0 @@ -.page-block { - padding: $gutter 0; -} - -@include shopify-breakpoint($desktop-up) { - .site-content { - min-height: 100%; - - // Border between main content and sidebar - &:after { - content: ''; - position: absolute; - top: 0; - right: -3.72%; - width: 1px; - height: 100%; - background: $color-grey-border-on--white; - } - } - - .site-sidebar { - padding-left: $gutter; - overflow: hidden; - } -} diff --git a/docs/_sass/marketing_assets/content/setup/_grid.scss b/docs/_sass/marketing_assets/content/setup/_grid.scss deleted file mode 100755 index a60e347de..000000000 --- a/docs/_sass/marketing_assets/content/setup/_grid.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Total columns on desktop and tablet -$grid-columns: 10; - -// Page container width, and breakpoint settings -$tablet: 760px; - -// Special measurements -$grid-extendor: 120px; -$column--tablet: 43px; // 43 * 10 + gutters = 760px diff --git a/docs/_sass/marketing_assets/content/setup/_overrides.scss b/docs/_sass/marketing_assets/content/setup/_overrides.scss deleted file mode 100755 index b18a623e4..000000000 --- a/docs/_sass/marketing_assets/content/setup/_overrides.scss +++ /dev/null @@ -1,19 +0,0 @@ -// Override content typography settings to make the signup heading not look -// like junk -.marketing-form--inline__heading { - @extend .heading--3; - margin-bottom: $gutter; -} - -.modal-container { - .modal__heading { - font-size: em(24); - font-weight: $font-weight-medium; - line-height: inherit; - margin-bottom: em($gutter-half); - } - - .modal { - max-width: 990px; - } -} diff --git a/docs/_sass/marketing_assets/content/setup/_typography.scss b/docs/_sass/marketing_assets/content/setup/_typography.scss deleted file mode 100755 index 3176f3b1e..000000000 --- a/docs/_sass/marketing_assets/content/setup/_typography.scss +++ /dev/null @@ -1,37 +0,0 @@ -@import 'marketing_assets/sass-helpers'; - -/*============================================================================ - Typography defaults -==============================================================================*/ -$h1-font-size: em(42); -$h1-font-size--tablet: em(36); -$h1-font-size--mobile: em(26); -$h1-margin-bottom: em(10, 42); -$h1-font-weight: $font-weight-bold; -$h1-line-height: em(50, 42); - -$h2-font-size: em(36); -$h2-font-size--tablet: em(32); -$h2-font-size--mobile: em(22); -$h2-margin-bottom: em(10, 36); -$h2-font-weight: $font-weight-regular; -$h2-line-height: em(42, 36); - -$h3-font-size: em(24); -$h3-font-size--tablet: em(22); -$h3-font-size--mobile: em(20); -$h3-margin-bottom: em(10, 24); -$h3-font-weight: $font-weight-regular; -$h3-line-height: em(30, 24); - -$h4-font-size: em(20); -$h4-font-size--tablet: em(18); -$h4-margin-bottom: em(10, 20); -$h4-font-weight: $font-weight-regular; -$h4-line-height: em(25, 20); - -$h5-font-size: em(14); -$h5-margin-bottom: em(6, 14); -$h5-font-weight: $font-weight-regular; -$h5-line-height: em(21, 14); -$h5-letter-spacing: 0; diff --git a/docs/_sass/marketing_assets/modules/_accordion.scss b/docs/_sass/marketing_assets/modules/_accordion.scss deleted file mode 100755 index 6e9d62aaa..000000000 --- a/docs/_sass/marketing_assets/modules/_accordion.scss +++ /dev/null @@ -1,43 +0,0 @@ -/*============================================================================ - Mobile accordion -==============================================================================*/ -@include shopify-breakpoint($mobile) { - .accordion-item--mobile { - &.js-is-active { - .accordion-link:after { - background-image: asset-svg-url(collapse); - } - } - - .accordion-link { - position: relative; - cursor: pointer; - display: block; - - width: 100%; - text-align: left; - min-height: em(20, 16); - padding-right: em(20, 16); - - &:after { - background-image: asset-svg-url(expand); - content: ''; - position: absolute; - right: 0; - top: 1px; - width: em(20, 16); - height: em(20, 16); - } - } - - .accordion-content { - display: none; - } - } -} - -.accordion-item { - .accordion-content { - display: none; - } -} diff --git a/docs/_sass/marketing_assets/modules/_block.scss b/docs/_sass/marketing_assets/modules/_block.scss deleted file mode 100755 index 03009ec49..000000000 --- a/docs/_sass/marketing_assets/modules/_block.scss +++ /dev/null @@ -1,60 +0,0 @@ -/* -Generic helper module for content. -Text aligns to centre on mobile breakpoint. - -.marketing-block--centered - Text-align center at all breakpoints -.marketing-block--padded - Adds $gutter width of padding to element. Can be used on parent or content element -.marketing-block--bordered - Adds 1px border -.marketing-block--rounded - Adds border-radius -.marketing-block-- - Adds background color, text color, and border as needed. Options: --light and --lowlight - -Styleguide Blocks. -*/ - -.marketing-block { - @include marketing-bg-colors; - display: block; - border-color: $color-grey-border-on--white; - - @include shopify-breakpoint($mobile) { - margin-bottom: em($gutter * 1.5); - text-align: center; - width: 100%; - } - - .icon { - margin-bottom: em(12); - } -} - -.marketing-block--bordered { - border-width: 1px; - border-style: solid; -} - -.marketing-block--centered { - text-align: center; -} - -.marketing-block--light { - border-width: 1px; - border-style: solid; -} - -.marketing-block--padded { - padding: em($gutter); -} - -.marketing-block--rounded { - border-radius: $border-radius; -} - -.marketing-block__content { - p:last-child { - margin-bottom: 0; - } -} - -.marketing-block__img img { - width: 100%; -} diff --git a/docs/_sass/marketing_assets/modules/_breadcrumbs.scss b/docs/_sass/marketing_assets/modules/_breadcrumbs.scss deleted file mode 100755 index 62241b0fa..000000000 --- a/docs/_sass/marketing_assets/modules/_breadcrumbs.scss +++ /dev/null @@ -1,26 +0,0 @@ -.breadcrumbs { - border-bottom: $border-grey; - margin-bottom: em($gutter / 2); -} - -.breadcrumbs__item { - display: inline-block; -} - -.breadcrumbs__link { - color: inherit; -} - -.icon-caret-right { - background-image: asset-svg-url(caret-right, $color-grey-text--light); -} - -.breadcrumbs__separator { - padding-left: $gutter / 2; - padding-right: $gutter / 2; - vertical-align: middle; - - .breadcrumbs__item:last-child & { - display: none; - } -} diff --git a/docs/_sass/marketing_assets/modules/_bullet.scss b/docs/_sass/marketing_assets/modules/_bullet.scss deleted file mode 100755 index f9d6f2253..000000000 --- a/docs/_sass/marketing_assets/modules/_bullet.scss +++ /dev/null @@ -1,49 +0,0 @@ -.marketing-bullet-list { - margin-bottom: em($gutter); - padding-top: em($gutter); - - &:last-child { - margin-bottom: em(-$gutter); // offset the margin-bottom of child bullets - } -} - -// Icon to the left with short floated next to it. Replalces `features-icon-list__item`. -// Usually includes a heading with the bullet, provided via ui_module -// -// Default style - text top aligned with a heading -// .marketing-bullet--without-heading - center-aligns bullet with text if no heading -// .marketing-bullet-list (optional parent) - for padding at top/bottom of list of bullets. -// .icon & .bullet__content-wrapper - only available children of marketing-bullet -// -// Styleguide Bullets - -.marketing-bullet { - @include clearfix; - list-style: none; - margin-bottom: em($gutter); - position: relative; - - .icon { - display: block; - margin-bottom: 0; - float: left; - margin-right: $gutter / 2; - } -} - -.marketing-bullet--without-heading { - .marketing-bullet__content { - @include font-brandon-light; - position: absolute; - left: em($gutter * 2.5, 18); - top: 50%; - transform: translateY(-50%); - font-size: em(18); - line-height: 1; - } -} - -.marketing-bullet__content-wrapper { - overflow: hidden; - display: block; -} diff --git a/docs/_sass/marketing_assets/modules/_buttons.scss b/docs/_sass/marketing_assets/modules/_buttons.scss deleted file mode 100755 index a30304807..000000000 --- a/docs/_sass/marketing_assets/modules/_buttons.scss +++ /dev/null @@ -1,100 +0,0 @@ -/*============================================================================ - Buttons - * reset button elements - * in-page links that aren't actually anchors should use these - * then use %button as needed -==============================================================================*/ - -button { - background: none; - margin: 0; - padding: 0; - border: 0; - display: inline-block; - cursor: pointer; - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -.marketing-button { - @include button-bg($color-green); - @include font-brandon-medium; - transition: all 150ms ease; - transition-property: background-color border-color color; - user-select: none; - appearance: none; - display: inline-block; - padding: em(14, 18) em(30, 18); - border: 0; - border-radius: $border-radius; - cursor: pointer; - color: $color-white; - font-size: em(18); - text-align: center; - white-space: nowrap; - - &:hover, - &:focus { - color: $color-white; - text-decoration: none; - } - - &[disabled], - .marketing-form--is-loading & { - @include button-bg($color-grey-text--light); - cursor: not-allowed; - - // Scoping these styles to `button` because they cause problems on `input`. - @at-root { - button#{&} { - position: relative; - color: $color-grey-text--light; - - &:hover, - &:focus { - color: darken($color-grey-text--light, $hover-darken); - } - - &::after { - @include spinner(); - left: 50%; - } - } - } - } -} - -.marketing-button--lowlight { - @include button-bg($color-slate); -} - -.marketing-button--small { - padding: em(9) em(30); - font-size: em(16); - height: auto; -} - -.marketing-button--block { - width: 100%; - padding-left: 0; - padding-right: 0; -} - -// apply to button or input elements that should look like plain links -.marketing-button--reset { - background: none; - border: 0; - cursor: pointer; - padding: 0; - margin: 0; - color: inherit; - appearance: none; -} - -.marketing-button--pill { - padding-top: em(5); - padding-bottom: em(5); - border-radius: em($gutter); -} diff --git a/docs/_sass/marketing_assets/modules/_drawer.scss b/docs/_sass/marketing_assets/modules/_drawer.scss deleted file mode 100755 index eee772664..000000000 --- a/docs/_sass/marketing_assets/modules/_drawer.scss +++ /dev/null @@ -1,182 +0,0 @@ -/*============================================================================ - Main Nav Drawers -==============================================================================*/ -$bezier-drawer: cubic-bezier(0.4, 0, 0.2, 1); -$time-drawer: 0.4s; -$width-drawer: em(280); - -.drawer { - display: none; - position: fixed; - overflow-y: scroll; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; - width: $width-drawer; - top: 0; - bottom: 0; - z-index: $z-nav-drawer; - background-color: $color-sky--light; - font-size: em(16, 15); - transition: transform $time-drawer $bezier-drawer; - - .js-drawer-open & { - display: block; - } -} - -.drawer--left { - left: -$width-drawer; - - .js-drawer-open-left & { - transform: translateX($width-drawer); - } -} - -.drawer--right { - right: -$width-drawer; - - .js-drawer-open-right & { - transform: translateX(-$width-drawer); - } - - h2 { - font-size: em(22); - } -} - -.drawer__inner { - position: relative; - min-height: 100%; - - &:before { - content: ''; - position: absolute; - top: 0; - width: 6px; - height: 100%; - z-index: 10; - } - - .drawer--right & { - padding: 0 $gutter; - - &:before { - left: 0; - border-left: 1px solid $color-sky; - background-image: linear-gradient(to left, rgba($color-sky, 0), rgba($color-sky, 0.3)); - } - } - - .drawer--left & { - &:before { - right: 0; - border-right: 1px solid $color-sky; - background-image: linear-gradient(to right, rgba($color-sky, 0), rgba($color-sky, 0.3)); - } - } - - .marketing-form__button { - @include shopify-breakpoint($tablet-down) { - width: 100%; - } - } -} - -.drawer__close { - height: $nav-height; - padding: 0 $gutter; - - .drawer--right & { - text-align: right; - padding-right: 0; - } - - .icon { - width: em(17px); - height: em(17px); - height: 100%; - } -} - -.drawer__items { - padding-bottom: 20px; - - > li { - display: block; - line-height: 1em; - } - - a { - @include font-brandon-medium; - padding: 10px 0 10px $gutter; - display: block; - color: $color-grey-body; - - &.active { - color: $color-black; - } - - &:hover, - &:focus { - color: $color-slate; - } - } -} - -/*================ Top Nav list in drawer ================*/ -.drawer__items--primary { - padding-bottom: 0; - background: $color-white; - - > li { - border-top: 1px solid $color-grey-border-on--white; - - > a { - background-color: $color-white; - padding: 25px 0 25px $gutter; - - &:hover, - &:focus { - background-color: $color-sky--light; - } - } - } -} - -.drawer__header { - display: inline-block; - width: em(280 - $gutter * 2, 13); - margin: 0 $gutter ($gutter / 2); - padding: $gutter 0 ($gutter / 2); - border-bottom: 1px solid $color-grey-border-on--white; - font-size: em(13); - text-transform: uppercase; - color: $color-grey-body; -} - -// scss-lint:disable IdSelector SelectorFormat -#PageContainer:before { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - visibility: hidden; - opacity: 0; - background-color: rgba($color-black, 0.6); - transition: visibility $time-drawer linear, opacity $time-drawer $bezier-drawer; - transform: translateZ(0); - content: ''; - z-index: 999; -} - -/*================ Transitions ================*/ -.js-drawer-open { - overflow: hidden; - - #PageContainer:before { - visibility: visible; - opacity: 1; - } -} -// scss-lint:enable IdSelector SelectorFormat diff --git a/docs/_sass/marketing_assets/modules/_errors.scss b/docs/_sass/marketing_assets/modules/_errors.scss deleted file mode 100755 index b2d2d07ed..000000000 --- a/docs/_sass/marketing_assets/modules/_errors.scss +++ /dev/null @@ -1,16 +0,0 @@ -/*============================================================================ - 500, 404 pages -==============================================================================*/ -main { - .page-width { - text-align: center; - } - - .icon { - width: 10em; - height: 10em; - margin-bottom: 2em; - - background: asset-svg-url(shopify, $color-grey-text--light) no-repeat; - } -} diff --git a/docs/_sass/marketing_assets/modules/_footer.scss b/docs/_sass/marketing_assets/modules/_footer.scss deleted file mode 100755 index 6f8ba39ae..000000000 --- a/docs/_sass/marketing_assets/modules/_footer.scss +++ /dev/null @@ -1,185 +0,0 @@ -$color-footer-background: #222; -$color-footer-text: $color-grey-heading; -$color-footer-link: #898989; -$color-footer-link--hover: $color-white; -$color-footer-divider: darken($color-grey-body, 20%); -$color-footer-icon: darken($color-footer-text, 15%); - -.footer--main { - padding-top: em($gutter * 2); - background: $color-footer-background; -} - -.footer-logo { - display: block; - width: em(115); // Width of footer logo - height: em(30); // Height of footer logo - content: ''; - background: asset-svg-url(shopify-logo, $color-footer-icon) no-repeat; -} - -.footer-column { - @extend .grid-2; - font-size: em(15); -} - -.footer-section { - @include clearfix; - margin-bottom: em($gutter); -} - -.footer-heading { - @include font-brandon-bold; - margin: 0 0 em($gutter / 2 - 6); - padding-bottom: em($gutter / 2); - color: $color-footer-text; - border-bottom: 1px solid $color-footer-divider; - font-size: em(16); -} - -.footer-link { - @include font-brandon-regular; - display: block; - padding: em(6) 0; - color: $color-footer-link; - transition: color 300ms ease-in-out; - - &:hover, - &:focus { - color: $color-footer-link--hover; - } -} - -.footer-top { - padding-bottom: em($gutter); - - @include shopify-breakpoint($mobile) { - .footer-section--help { - @include omega; - float: right; - } - } -} - -.footer-bottom { - @extend .footer--main; - padding: em($gutter) 0; - background: $color-footer-background; - border-top: 1px solid $color-footer-divider; - - a { - color: $color-footer-link; - transition: color 300ms ease-in-out; - - @include shopify-breakpoint($desktop-up) { - line-height: em($gutter); - } - - &:hover { - color: $color-footer-link--hover; - } - } -} - -.footer-bottom-item { - @include font-brandon-regular; - - @include shopify-breakpoint($mobile) { - margin-bottom: em($gutter / 2); - } -} - -.footer-bottom__links > a { - line-height: em($gutter); - white-space: nowrap; - - @include shopify-breakpoint($mobile) { - display: block; - } -} - -.footer-country-select { - display: inline-block; - position: relative; - width: auto; - line-height: em($gutter); - - > select { - @include font-brandon-light; - height: auto; - width: auto; - padding: 0 em(25); - font-size: em(15); - color: $color-footer-link; - background: transparent; - border: 0; - cursor: pointer; - appearance: none; - - @include shopify-breakpoint($desktop-up) { - height: $gutter; - } - - &:focus { - color: $color-footer-link--hover; - } - } - - // IE inherits option colors from the select menu, causing this text to be - // illegible on IE - option { - color: $color-black; - } - - &:before { - top: 50%; - margin-top: em(-6); - width: em(12); - height: em(12); - background-image: asset-svg-url(caret-down, $color-footer-icon); - } - - &:after { - pointer-events: none; - position: absolute; - content: ''; - left: 0; - top: 50%; - margin-top: em(-8); - height: em(16); - width: em(16); - background: asset-svg-url(globe-simple, $color-footer-icon) no-repeat; - background-size: 100% 100%; - } -} - -:-moz-any(.footer-country-select):before { - display: none; -} - -.footer-social__icon { - float: left; - width: em(18); - height: em(18); - margin: em(5) em(8) em(8) 0; - padding: 0; - white-space: nowrap; - - @include shopify-breakpoint($tablet-down) { - margin-right: em(12); - } - - .icon { - width: 100%; - height: 100%; - fill: $color-footer-icon; - transition: fill 300ms ease-in-out; - } - - &:hover, - &:focus { - .icon { - fill: $color-footer-link--hover; - } - } -} diff --git a/docs/_sass/marketing_assets/modules/_forms.scss b/docs/_sass/marketing_assets/modules/_forms.scss deleted file mode 100755 index 0f97ec8be..000000000 --- a/docs/_sass/marketing_assets/modules/_forms.scss +++ /dev/null @@ -1,416 +0,0 @@ -/*============================================================================ - Form elements -==============================================================================*/ -.marketing-form--inline { - @include shopify-breakpoint($tablet-up) { - text-align: center; - } - - .marketing-input-wrapper { - text-align: left; - - @include shopify-breakpoint($tablet-up) { - margin-bottom: 0; - } - } -} - -.marketing-form--inline--with-labels { - @include shopify-breakpoint($tablet-up) { - .marketing-form__button { - margin-top: em(23); // Height of label plus margin - } - } -} - -.marketing-form--inline__heading { - text-align: center; -} - -.marketing-form--lowlight { - .marketing-label, - .marketing-radio-label, - .marketing-checkbox-label { - color: $color-white; - } -} - -/*============================================================================ - Form inputs -==============================================================================*/ -.marketing-input-wrapper { - position: relative; - display: block; - margin-bottom: $gutter / 2; - - .marketing-select-wrapper, - .marketing-input, - .marketing-textarea { - margin-bottom: 0; - } - - &.js-is-hidden { - display: none; - } -} - -.marketing-input, -.marketing-textarea, -.marketing-select-wrapper > select { - @include font-brandon-regular; - display: inline-block; - height: $input-height; - width: 100%; - margin: 0 0 ($gutter / 2); - padding: $input-padding; - color: $color-slate; - font-size: em(18); - border: 1px solid $color-input-border; - border-radius: $border-radius; - background-color: $color-white; - transition: border-color 0.1s; - appearance: none; - - .marketing-block--lowlight &, - .marketing-form--lowlight &, - .page-block--lowlight & { - border-color: transparent; - } - - &:focus, - &.focus { - color: $color-black; - // scss-lint:disable ImportantRule - // focus border should override all other border styles, no matter what. - border: 1px solid $color-input-focus !important; - // scss-lint:enable ImportantRule - - // If a field is focused, we should show the field hint - // unless an error, or the .is-visible class is present. - + .marketing-form__messages .error + .suggest { - display: none; - } - - + .marketing-form__messages .error + .is-visible { - display: block; - } - } - - &[disabled] { - background-color: $color-grey-border-on--white; - } -} - -.marketing-input, -.marketing-textarea { - @include placeholder { - color: $color-grey-body; - } -} - -.marketing-input--error { - &, - // ensure the `{lowlight} input` styles above are overridden - .marketing-block--lowlight &, - .marketing-form--lowlight &, - .page-block--lowlight & { - border: 2px solid $color-red; - } -} - -.marketing-textarea { - height: auto; - min-height: $input-height; -} - -.marketing-select-wrapper { - position: relative; - display: block; - margin-bottom: $gutter / 2; - - > select { - margin: 0; - padding-right: em(32); - - &::-ms-expand { - display: none; - } - } - - &:before { - pointer-events: none; - content: ''; - background-image: asset-svg-url(caret-down, $color-grey-text--light); - background-repeat: no-repeat; - background-size: 100% auto; - background-position: center; - height: em(16); - width: em(16); - margin-bottom: em(-9); - display: block; - position: absolute; - bottom: 50%; - right: em(12); - z-index: 2; - } -} - -:-moz-any(.marketing-select-wrapper):after { - position: absolute; - right: em(1); - top: em(1); - height: $input-height - em(2); // em(2) == to clear border - padding: em($gutter / 2, 18); - position: absolute; - vertical-align: baseline; - top: 0; - left: 0; - pointer-events: none; -} diff --git a/docs/_sass/marketing_assets/modules/_modal.scss b/docs/_sass/marketing_assets/modules/_modal.scss deleted file mode 100755 index 9040c3779..000000000 --- a/docs/_sass/marketing_assets/modules/_modal.scss +++ /dev/null @@ -1,104 +0,0 @@ -$backdrop-opacity: 0.85; -$modal-max-width: $desktop; -$modal-min-height: 500px; -$modal-width: 80%; -$distance-from-top: 130px; - -.js-modal-open { - // scss-lint:disable IdSelector SelectorFormat - #SiteNavContainer, - #PageContainer { - display: none; - } - // scss-lint:enable IdSelector SelectorFormat -} - -.modal-container { - background: $color-slate--dark; - display: none; - min-height: 100vh; - left: 0; - opacity: 0; - overflow: scroll; - padding: 0 0 $distance-from-top / 2; - top: 0; - width: 100%; - text-align: center; - -webkit-overflow-scrolling: touch; - z-index: -1; - color: $color-white; - transition: opacity 0.2s; - - @include shopify-breakpoint($mobile) { - padding: 0 0 $gutter; - } - - &.is-transitioning { - z-index: 1000; - position: fixed; - } - - &.js-is-active { - display: block; - opacity: 1; - visibility: visible; - z-index: 1000; - } - - button:-moz-focusring, - a:-moz-focusring { - outline: solid $color-white 2px; - } -} - -.modal__header { - position: fixed; - top: 0; - width: 100%; - z-index: 100; -} - -.modal__controls { - text-align: right; -} - -.modal__close { - margin: em(10) em(-10) 0 0; - padding: em(10); - opacity: 0.7; - transition: opacity 300ms ease; - - &:hover { - opacity: 1; - } - - .icon-close-white { - height: 16px; - width: 16px; - } -} - -.modal { - @include force-3d(); - padding-top: $distance-from-top; - position: relative; - text-align: left; - transition: all 0.18s ease-out; - transform: scale(0.85); - - @include shopify-breakpoint($mobile) { - padding: ($gutter * 2) $gutter 0; - } - - .js-is-active & { - transform: scale(1); - } - - &:focus { - outline: none; // the focus can be silently added, it's only relevent to be able to handle items inside - } -} - -.modal__heading { - color: $color-white; -} diff --git a/docs/_sass/marketing_assets/modules/_nav.scss b/docs/_sass/marketing_assets/modules/_nav.scss deleted file mode 100755 index 390475edb..000000000 --- a/docs/_sass/marketing_assets/modules/_nav.scss +++ /dev/null @@ -1,303 +0,0 @@ -@import 'marketing_assets/sass-helpers'; - -$nav-open-transition: transform 0.4s linear; -$nav-close-transition: transform 0.2s linear; -$nav-opacity: 0.95; - -/*============================================================================ - Main element margins -==============================================================================*/ -main { - background: $color-white; -} - -/*============================================================================ - Nav wrapper and parent nav elements -==============================================================================*/ -.marketing-nav-wrapper { - width: 100%; - margin: 0 auto; - - &.js-is-active .icon-caret-down { - display: none; - } -} - -.marketing-nav { - width: 100%; - position: relative; - clear: both; - height: $nav-height; -} - -/*============================================================================ - Primary navigation -==============================================================================*/ -.marketing-nav__primary { - background-color: $color-primary-nav-background; - - .page--has-transparent-nav--primary & { - margin-top: -$nav-height; - transform: translateY($nav-height); - z-index: 10; - background: transparent; - } -} - -/*============================================================================ - Main nav links -==============================================================================*/ -.marketing-nav__items { - float: left; - - > li { - display: inline-block; - line-height: $nav-height - 1; // Full height causes overflow - } - - .popover { - top: $nav-height - 15; // Better vertical spacing for popover menu - - // Explicitly set for secondary nav if it differs from default base class (primary nav) behavior - @if ($nav-secondary-height != $nav-height) { - .marketing-nav__secondary & { - top: $nav-secondary-height - 15; - } - } - } -} - -.marketing-nav__user { - position: absolute; - top: 0; - right: $gutter; - - .marketing-nav__item { - padding-right: $gutter-half; - } - - li:last-child .marketing-nav__item { - padding-right: 0; - } -} - -.marketing-nav__item { - @include font-brandon-medium; - display: inline-block; - padding-left: $gutter-half; - color: $color-primary-nav-text; - font-size: em(16); - - &:hover, - &:focus, - &.active { - color: $color-white; - } - - &.popover__arrow { - padding-right: $gutter-half; - } - - .marketing-nav__secondary & { - color: $color-black; - opacity: $nav-secondary-item-opacity; - - @include shopify-breakpoint($tablet-up) { - color: $color-secondary-nav-text; - } - - &:hover, - &:focus, - &.active { - opacity: 1; - } - - li:first-child & { - padding-left: 0; - } - } -} - -/*============================================================================ - Nav CTA button -==============================================================================*/ -.marketing-nav__button { - @extend .marketing-button; - @extend .marketing-button--small; - line-height: normal; - - @include shopify-breakpoint($tablet-down) { - padding-left: em(14); - padding-right: em(14); - font-size: em(16); - } - - @include shopify-breakpoint($mobile) { - margin-right: -20px; - } -} - -/*============================================================================ - Secondary navigation -==============================================================================*/ -.marketing-nav__secondary { - border-bottom: 1px solid rgba($color-black, 0.15); - background: $color-secondary-nav-background; - - @include shopify-breakpoint($tablet-up) { - // Need to remove left padding on first link - li:first-child > a { - padding-left: 0; - } - - .marketing-nav__items { - // scss-lint:disable ImportantRule - // javascript sets display:none on when toggled on mobile - display: block !important; - // scss-lint:enable ImportantRule - } - } - - @include shopify-breakpoint($mobile) { - .icon-caret-down { - background: transparent asset-svg-url(caret-down, $color-nav-icon) no-repeat right center; - position: absolute; - top: 50%; - right: $gutter-half; - transform: translateY(-50%); - } - - .marketing-nav__items { - position: absolute; - background: $color-white; - width: 100%; - left: 0; - box-shadow: 0 2px 4px rgba($color-black, 0.1); - display: none; - z-index: 10; - } - - .marketing-nav__item { - display: block; - border-bottom: $border-grey; - padding: 0 $gutter-half; - } - - li { - display: block; - padding: 0 $gutter-half; - - &:last-child .marketing-nav__item { - border-bottom: 0; - } - } - } - - // By default, secondary nav inherits base class (primary nav) behavior. - // Explicitly set height on secondary nav if it differs from primary. - @if ($nav-secondary-height != $nav-height) { - height: $nav-secondary-height; - - .marketing-nav__items > li { - line-height: $nav-secondary-height - 1; - } - } -} - -.marketing-nav__secondary__button { - display: none; - width: 100%; - text-align: left; - line-height: $nav-secondary-height; - padding-left: $gutter; - margin-bottom: 0; - font-weight: $font-weight-semibold; - - @include shopify-breakpoint($mobile) { - display: block; - } -} - -.marketing-nav__secondary__action { - color: rgba($color-secondary-nav-text, $nav-secondary-item-opacity); -} - -.marketing-nav__secondary__close { - display: none; - position: absolute; - right: $gutter-half; - line-height: $nav-secondary-height; - pointer-events: none; - top: -$nav-secondary-height + 1; - - @include shopify-breakpoint($tablet-up) { - display: none; - } - - .js-is-active & { - display: block; - } -} - -/*============================================================================ - Nav icons -==============================================================================*/ - -.marketing-nav__logo { - float: left; - margin-right: $gutter-half; -} - -.marketing-nav__logo--full-color { - vertical-align: top; - margin-top: 10px; - width: $shopify-logo-width; - height: $shopify-logo-height; - background: asset-svg-url(shopify-full-color-white) no-repeat; - - .marketing-nav__primary & { - @include shopify-breakpoint($tablet-down) { - position: absolute; - top: 0; - left: 50%; - margin-top: 12px; - margin-left: -($shopify-logo-width / 2); // center icon by offset half its width - margin-right: 0; - background-position: center top; - } - - @include shopify-breakpoint($mobile) { - // bag only on mobile - background-image: asset-svg-url(shopify-full-color-bag); - margin-left: -(30px / 2); - width: 30px; - height: 30px; - } - } -} - -.marketing-nav__hamburger { - display: none; - margin-top: 15px; - width: 24px; - height: 22px; - background-image: asset-svg-url(hamburger); - - @include shopify-breakpoint($tablet-down) { - display: inline-block; - } -} - -/*============================================================================ - Skip Link -==============================================================================*/ -.skip-to-main.focusable:focus { - @include font-brandon-regular; - position: absolute; - color: $color-white; - height: $nav-height; - line-height: $nav-height; - padding: 0 em(10); - background: $color-slate; - z-index: $z-nav-main + 11; // in front of the logo -} diff --git a/docs/_sass/marketing_assets/modules/_padded-grid-box.scss b/docs/_sass/marketing_assets/modules/_padded-grid-box.scss deleted file mode 100755 index fbc298f4e..000000000 --- a/docs/_sass/marketing_assets/modules/_padded-grid-box.scss +++ /dev/null @@ -1,30 +0,0 @@ -/*============================================================================ - Padded grid box - Adds a 120px bleed to both sides of the grid -==============================================================================*/ - -$grid-padding: $column + $gutter; - -.padded-grid-box { - padding: $gutter * 1.5 $gutter $gutter; - margin: 0 (-$gutter); - background: rgba($color-black, 0.7); - - @include shopify-breakpoint($desktop-up) { - padding-left: $grid-padding; - padding-right: $grid-padding; - - // Need to account for page-width padding (30px) - margin: 0 (-$grid-padding + $gutter) 0 (-$grid-padding); - } - - @include shopify-breakpoint($tablet-down) { - background: none; - } - - @include shopify-breakpoint($mobile) { - position: static; - max-width: 100%; - margin: 0; - } -} diff --git a/docs/_sass/marketing_assets/modules/_page-blocks.scss b/docs/_sass/marketing_assets/modules/_page-blocks.scss deleted file mode 100755 index c19695473..000000000 --- a/docs/_sass/marketing_assets/modules/_page-blocks.scss +++ /dev/null @@ -1,62 +0,0 @@ -/* - Full-width background sections with color or background images - These are intented for large full-width sections with a single background-color. Includes vertical padding. - - .page-block - default with vertical padding - .page-block--white - with white background - .page-block--lowlight - dark section, headings are white if class="lowlight__heading" added - .page-block--light - light grey section - .page-block--image - block with large bg image applied, shared image styles included. block-specific image to be included separately - .page-block--border-top - adds light grey 1px border to top - - Styleguide Page Blocks. -*/ -.page-block { - @include marketing-bg-colors; - @include marketing-borders; - padding: em($gutter * 3) 0; - border-color: $color-grey-border-on--white; - - @include shopify-breakpoint($mobile) { - padding: em($gutter * 2) 0; - } -} - -/*================ Slate BG Color ================*/ -.page-block--lowlight { - - .section-heading { - > h1, - > h2 { - color: $color-white; - } - } - - //this needs to be in here for cases of page-block--lowlight also inside a segment bg - .lowlight__heading { - > p:before { - background-color: $color-grey-heading; - } - } -} - -/*================ Sand BG page block ================*/ -.page-block--sand { - // For better contrast - .section-heading__subhead { - color: $color-grey-body; - } -} - -/*================ Blocks with BG images ================*/ -.page-block--image { - background-position: top center; - background-repeat: no-repeat; - background-size: cover; - position: relative; - - > .page-width { - height: 100%; - z-index: 1; - } -} diff --git a/docs/_sass/marketing_assets/modules/_page-header.scss b/docs/_sass/marketing_assets/modules/_page-header.scss deleted file mode 100755 index d763378d2..000000000 --- a/docs/_sass/marketing_assets/modules/_page-header.scss +++ /dev/null @@ -1,36 +0,0 @@ -.page-header { - @extend .heading-container; - padding: em($gutter * 2) 0; - - .page--has-transparent-nav--primary & { - @include shopify-breakpoint($desktop-up) { - padding-top: em($nav-height + $gutter); - } - } -} - -.page-header--flush { - padding-bottom: 0; -} - -.page-header--horizon { - padding-bottom: 0; - margin-bottom: em($gutter * 2); - - img { - margin-bottom: em(-$gutter); - - @include shopify-breakpoint($tablet-up) { - margin-bottom: em(-$gutter * 2); - } - } -} - -.page-header__cta { - background: rgba($color-black, 0.25); -} - -.page-header--video { - position: relative; - overflow: hidden; -} diff --git a/docs/_sass/marketing_assets/modules/_paginated-carousel.scss b/docs/_sass/marketing_assets/modules/_paginated-carousel.scss deleted file mode 100755 index 055421044..000000000 --- a/docs/_sass/marketing_assets/modules/_paginated-carousel.scss +++ /dev/null @@ -1,75 +0,0 @@ -$carousel-icons: ( - caret-right, - caret-left -); - -@include generate-icon-classes($carousel-icons); - -.paginated-carousel { - position: relative; - - .carousel-item { - position: relative; - - @include shopify-breakpoint($mobile) { - position: absolute; - top: 0; - display: none; - float: none; - width: auto; - margin-right: 0; - opacity: 0; - transform: translateX(50px); - transition: all 300ms ease; - - &.js-is-active { - position: static; - display: block; - opacity: 1; - transform: translateX(0); - } - } - } - - .carousel-nav { - opacity: 0; - transition: opacity 300ms ease; - - .js-is-loaded & { - opacity: 1; - } - } - - .carousel-nav-items { - text-align: center; - } - - .carousel-nav-item { - width: em(13); - height: em(13); - margin: 0 em(4); - line-height: em(20); - vertical-align: middle; - background-color: $color-grey-text--light; - border-radius: 50%; - - &.js-is-active { - background: $color-black; - } - } - - .carousel-arrow-left, - .carousel-arrow-right { - position: absolute; - top: 50%; - transform: translateY(-50%); - } - - .carousel-arrow-left { - left: 0; - } - - .carousel-arrow-right { - right: 0; - } -} diff --git a/docs/_sass/marketing_assets/modules/_picture.scss b/docs/_sass/marketing_assets/modules/_picture.scss deleted file mode 100755 index 9ec6b28d5..000000000 --- a/docs/_sass/marketing_assets/modules/_picture.scss +++ /dev/null @@ -1,16 +0,0 @@ -img { - max-width: 100%; - - a & { - border: 0; // IE fix - } - - &[data-srcset] { - opacity: 0; - transition: opacity 200ms linear; - - &.lazyloaded { - opacity: 1; - } - } -} diff --git a/docs/_sass/marketing_assets/modules/_popover.scss b/docs/_sass/marketing_assets/modules/_popover.scss deleted file mode 100755 index d7b83bc98..000000000 --- a/docs/_sass/marketing_assets/modules/_popover.scss +++ /dev/null @@ -1,219 +0,0 @@ -$popover-width: em(220); -$popover-arrow-width: 10px; // In px to avoid rounding errors with ems -$color-slate--transparent: rgba($color-slate, 0.95); - -.popover-wrapper { - position: relative; - cursor: pointer; - display: inline-block; - - &.js-is-active { - .popover { - display: block; - opacity: 1; - } - } -} - -.popover { - position: absolute; - z-index: $z-popover; - display: none; - opacity: 0; - width: $popover-width; - text-align: left; - background-clip: padding-box; - transition: opacity 300ms ease-in-out; - - @include shopify-breakpoint($mobile) { - transform: translate(-50%, -100%); - top: -$popover-arrow-width; - left: 50%; - - &::after { - left: 50%; - border-bottom-width: 0; - margin-left: -$popover-arrow-width; - } - } - - &::after { - content: ''; - position: absolute; - display: block; - width: 0; - height: 0; - border: transparent solid $popover-arrow-width; - } -} - -.popover--top { - @include shopify-breakpoint($tablet-up) { - transform: translateY(-50%, -100%); - top: -$popover-arrow-width; - left: 50%; - - &::after { - left: 50%; - border-bottom-width: 0; - border-top-color: $color-white; - margin-left: -$popover-arrow-width; - } - } -} - -.popover--right { - @include shopify-breakpoint($tablet-up) { - left: 100%; - top: 50%; - margin-left: $popover-arrow-width * 2; - transform: translateY(-50%); - - &::after { - top: 50%; - border-left-width: 0; - border-right-color: $color-white; - bottom: -$popover-arrow-width; - left: -$popover-arrow-width; - margin-top: -$popover-arrow-width; - } - } -} - -.popover--left { - @include shopify-breakpoint($tablet-up) { - right: 100%; - top: 50%; - margin-right: $popover-arrow-width * 2; - transform: translateY(-50%); - - &::after { - top: 50%; - border-right-width: 0; - border-left-color: $color-white; - right: -$popover-arrow-width; - bottom: -$popover-arrow-width; - margin-top: -$popover-arrow-width; - } - } -} - -.popover--bottom { - @include shopify-breakpoint($tablet-up) { - left: 50%; - margin-top: $popover-arrow-width; - transform: translateX(-50%); - - &::after { - left: 50%; - border-top-width: 0; - border-bottom-color: $color-white; - top: -$popover-arrow-width; - margin-left: -$popover-arrow-width; - } - } -} - - -.popover-wrapper--dark { - .popover { - &::after { - @include shopify-breakpoint($mobile) { - border-top-color: $color-slate--transparent; - } - } - } - - .popover--top { - &::after { - @include shopify-breakpoint($tablet-up) { - border-top-color: $color-slate--transparent; - } - } - } - - .popover--right { - &::after { - @include shopify-breakpoint($tablet-up) { - border-right-color: $color-slate--transparent; - } - } - } - - .popover--bottom { - &::after { - @include shopify-breakpoint($tablet-up) { - border-bottom-color: $color-slate--transparent; - } - } - } - - .popover--left { - &::after { - @include shopify-breakpoint($tablet-up) { - border-left-color: $color-slate--transparent; - } - } - } - - .popover-content { - background-color: $color-slate--transparent; - color: $color-white; - } -} - -.popover-content { - background-color: $color-white; - padding: em(8) em(10); - border-radius: $border-radius; - box-shadow: 0 0 em(2) em(1) rgba($color-grey-body, 0.4); - - .popover-dropdown & { - padding: em($gutter / 2) em($gutter); - - li { - display: block; - line-height: em(16); - } - - a { - display: block; - position: relative; - color: $color-grey-body; - padding: em(10) 0; - - &:hover, - &:focus, - &.active { - color: $color-black; - } - } - } -} - -.popover-dropdown { - .popover__arrow { - &::after { - position: absolute; - right: 0; - top: 50%; - margin-top: em(-3); - width: $popover-arrow-width; - height: em(12); - content: ''; - background-image: asset-svg-url(caret-down, $color-nav-icon); - background-size: 100% auto; - background-repeat: no-repeat; - } - } - - &.js-is-active { - .popover__arrow { - color: $color-white; - - &::after { - background-image: asset-svg-url(caret-down, $color-white); - } - } - } -} diff --git a/docs/_sass/marketing_assets/modules/_responsive-svg.scss b/docs/_sass/marketing_assets/modules/_responsive-svg.scss deleted file mode 100755 index 21a4e381d..000000000 --- a/docs/_sass/marketing_assets/modules/_responsive-svg.scss +++ /dev/null @@ -1,12 +0,0 @@ -.responsive-svg { - height: 0; - position: relative; - - svg { - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - } -} diff --git a/docs/_sass/marketing_assets/modules/_section-block.scss b/docs/_sass/marketing_assets/modules/_section-block.scss deleted file mode 100755 index d4cc6d3cb..000000000 --- a/docs/_sass/marketing_assets/modules/_section-block.scss +++ /dev/null @@ -1,42 +0,0 @@ -/* - Stackable sections with vertical padding. - Intended to separate content sections within a .page-block. - When nested directly within .page-width, first section will have top-padding removed, last section will have bottom-padding removed. - Page block vs. Section block: - More padding: page-block - half that much padding: section-block - Both can set block color, but should be set on parent page-block when possible. - Standard usage will look lke .page-block > .page-width > .section-block + .section-block - - .section-block - default with padding bottom and top - .section-block--border-top - adds light grey 1px border to top - .section-block--white - white background - .section-block--light - light grey background - .section-block--lowlight - slate gray background with white text - - Styleguide Section Blocks. - -*/ - -.section-block { - @include marketing-borders; - @include marketing-bg-colors; - padding-top: em($gutter * 1.5); - padding-bottom: em($gutter * 1.5); - border-color: $color-grey-border-on--white; - - @include shopify-breakpoint($mobile) { - padding-top: em($gutter); - padding-bottom: em($gutter); - } -} - -.page-width { - .section-block:first-child:not(:only-child) { - padding-top: 0; - } - - .section-block:last-child:not(:only-child) { - padding-bottom: 0; - } -} diff --git a/docs/_sass/marketing_assets/modules/_section-heading.scss b/docs/_sass/marketing_assets/modules/_section-heading.scss deleted file mode 100755 index 13778087a..000000000 --- a/docs/_sass/marketing_assets/modules/_section-heading.scss +++ /dev/null @@ -1,58 +0,0 @@ -.section-heading__flair { - @include section-heading-dash(-16px); // Gutter / 2 plus 1 for visual center -} - -.section-heading { - margin-bottom: em($gutter); - text-align: center; - - &.section-heading__flair { - &:before { - top: auto; - bottom: -16px; // Gutter / 2 plus 1 for visual center - } - } -} - -.section-heading__heading { - margin-bottom: $gutter; // To ensure flair remains centered on all devices -} - -.section-heading__subhead { - color: $color-grey-heading; -} - -.section-heading--flairless { - .section-heading__heading { - margin-bottom: em(5); - } - - .section-heading__flair:before { - display: none; - } -} - -.section-heading--lowlight { - .section-heading__heading, - .section-heading__subhead { - color: $color-white; - } - - .section-heading__flair:before, - &.section-heading__flair:before { - background: $color-white; - } -} - -.section-heading--left { - @include shopify-breakpoint($tablet-up) { - margin-bottom: 0; - text-align: left; - - .section-heading__flair:before, - &.section-heading__flair:before { - left: 0; - margin-left: 0; - } - } -} diff --git a/docs/_sass/marketing_assets/modules/_segment-colors.scss b/docs/_sass/marketing_assets/modules/_segment-colors.scss deleted file mode 100755 index 9c0eef0b4..000000000 --- a/docs/_sass/marketing_assets/modules/_segment-colors.scss +++ /dev/null @@ -1,86 +0,0 @@ -// To distinguish our segments, headers, links and block quotes, are highlighted. -// If a whole page belongs to a segment, a body class is applied -// within the wrapper, add apply class="segment-" to that element -// eg .segment-link inside .segment-pos will inherit the segment color. -// Outside of segment pages, elements can be highlighted using -// segment--elem -// -// Styleguide Segment Colors. - -/*============================================================================ - Segment Colors - - Before adding another segment colour, please read and consider the thread - on this PR: https://github.com/Shopify/marketing_assets/pull/649 -==============================================================================*/ -$segments: ( - online: $color-yellow, - everywhere: $color-green, - pos: $color-blue, - facebook: $color-blue-fb, - pinterest: $color-red-pinterest, - twitter: $color-blue-twitter -); - -@each $segment, $color in $segments { - .segment-#{$segment}-heading { - color: $color; - } - - .segment-#{$segment}-link { - color: $color; - - &:hover { - color: darken($color, 6%); - } - - &:active, - &:focus { - color: darken($color, 8%); - } - } - - .segment-#{$segment}-button { - background-color: $color; - - &:hover { - background-color: darken($color, 6%); - } - - &:active, - &:focus { - background-color: darken($color, 8%); - } - } - - // scss-lint:disable ImportantRule - .segment-#{$segment}-flair { - &:before { - background-color: $color !important; - } - } - // scss-lint:enable ImportantRule - - .segment-#{$segment} { - .segment-quote { - border-color: $color; - } - - .segment-heading { - @extend .segment-#{$segment}-heading; - } - - .segment-link { - @extend .segment-#{$segment}-link; - } - - .section-heading__flair:before, - .segment-block { - background-color: $color; - } - - .segment-button { - @extend .segment-#{$segment}-button; - } - } -} diff --git a/docs/_sass/marketing_assets/modules/_signup.scss b/docs/_sass/marketing_assets/modules/_signup.scss deleted file mode 100755 index e43f5bd71..000000000 --- a/docs/_sass/marketing_assets/modules/_signup.scss +++ /dev/null @@ -1,27 +0,0 @@ -// one-off exception to 8-column grid, not to be abused! -.signup-grid-3 { - @include shopify-breakpoint($tablet-up) { - @include span-columns(3 of 12); - } -} - -.signup-modal__content { - width: 100%; - - @include shopify-breakpoint($desktop-up) { - max-width: 50%; - margin: 0 auto; - } - - .marketing-form__button { - float: right; - } -} - -body > .signup--hidden { - display: none; -} - -.subdomain { - position: relative; -} diff --git a/docs/_sass/marketing_assets/modules/_slider.scss b/docs/_sass/marketing_assets/modules/_slider.scss deleted file mode 100755 index bf1ad8aeb..000000000 --- a/docs/_sass/marketing_assets/modules/_slider.scss +++ /dev/null @@ -1,78 +0,0 @@ -.slider__wrapper { - position: relative; -} - -.slider__window { - overflow: hidden; -} - -.slider { - position: relative; - height: 0; - left: 0; - opacity: 0; - transform: translateZ(0); - transition: all 0.5s cubic-bezier(0.42, 0, 1, 1); - - &.js-is-active { - opacity: 1; - } -} - -.slider__item { - display: block; - position: absolute; - top: 0; - width: 100%; - - img { - max-width: 100%; - } -} - -.slider__arrow { - position: absolute; - top: 50%; - border-radius: $border-radius; - padding: 16px 18px; - width: 65px; - text-indent: -9999px; - background-color: $color-black; - background-size: 24px 19px; - background-repeat: no-repeat; - background-position: center; - transform: translateY(-50%); - - @include shopify-breakpoint($mobile) { - display: none; - } -} - -.slider__arrow--left { - left: -15px; - background-image: asset-svg-url(arrow-left, $color-white); -} - -.slider__arrow--right { - right: -15px; - background-image: asset-svg-url(arrow-right, $color-white); -} - -.slider__pagination { - text-align: center; - margin-top: 5px; -} - -.slider__pagination__item { - transition: background-color 0.2s; - width: 30px; - height: 3px; - background: $color-grey-text--light; - display: inline-block; - margin: 0 10px; - cursor: pointer; - - &.js-is-active { - background: $color-black; - } -} diff --git a/docs/_sass/marketing_assets/modules/_social-icons.scss b/docs/_sass/marketing_assets/modules/_social-icons.scss deleted file mode 100755 index 1d646581b..000000000 --- a/docs/_sass/marketing_assets/modules/_social-icons.scss +++ /dev/null @@ -1,12 +0,0 @@ -$social-icons: ( - social-facebook, - social-instagram, - social-linkedin, - social-pinterest, - social-twitter, - social-youtube, - social-plus -); - -@include generate-icon-classes($social-icons); - diff --git a/docs/_sass/marketing_assets/modules/_stateful-form.scss b/docs/_sass/marketing_assets/modules/_stateful-form.scss deleted file mode 100755 index 96627785f..000000000 --- a/docs/_sass/marketing_assets/modules/_stateful-form.scss +++ /dev/null @@ -1,251 +0,0 @@ -// scss-lint:disable ImportantRule -$validated-form-input-height: $gutter * 2; - -.stateful-form { - .marketing-input-wrapper { - border: 1px solid $color-input-border; - border-radius: $border-radius; - background: $color-white; - - &::before, - &::after { - opacity: 0; - right: em(20); - content: ''; - position: absolute; - top: em($gutter); - z-index: 3; - background-size: cover; - } - - // :before is used for the error X and success checkmark - &::before { - transition: opacity 0.4s; - } - - // :after is used for the checking spinner - &::after { - @include spinner($color: $color-grey-body, $size: 18px); - left: auto; - animation-duration: 0.5s; - top: em($gutter); - } - } - - // Edge shows an X at the right side of input to provide an option to clear - // the input. We should hide this to prevent overlap with our X. - .marketing-input::-ms-clear { - display: none; - } - - .js-has-error { - border-color: $color-red !important; - - &::before { - background-image: asset-svg-url(caution, $color-red); - opacity: 1; - width: 21px; - height: 18px; - margin-top: em(-8); - } - - &::after { - opacity: 0; - } - } - - .js-has-success { - border-color: $color-green !important; - - &::before { - margin-top: em(-13); - background-image: asset-svg-url(checked, $color-green); - opacity: 1; - width: em(24, 14); - height: em(24, 14); - margin-right: em(-5); - } - - &::after { - opacity: 0; - } - } - - .js-has-suggestion { - border-color: $color-blue-dark !important; - - &::before { - display: none; - } - } - - .js-is-pending { - border-color: $color-grey-body !important; - - &::after { - @include transition(opacity 0.2s); - opacity: 1; - } - - &::before { - opacity: 0; - } - } - - .marketing-input { - position: relative; - height: $validated-form-input-height; - z-index: 2; - border: 0 !important; - padding: 24px em(16, 18) em(8, 18) 20px; - - &:focus { - outline: 0; - border: 0; - } - } - - .marketing-form__button { - height: $validated-form-input-height + 2; // 2px = total border height - } - - .js-is-focused { - border-color: $color-input-focus; - - .marketing-input { - outline: 0; - } - } - - .js-is-hidden { - display: none; - } - - .marketing-label { - @include force-3d(); - @include font-brandon-regular; - backface-visibility: hidden; - position: absolute; - font-size: em(18, 16); - left: 20px; - top: 30px; - color: $color-grey-body; - text-transform: none; - z-index: 10; - cursor: text; - transform: translateY(-50%); - - @include shopify-breakpoint($tablet-up) { - transition: all 200ms ease; - } - } - - .js-is-focused, - .js-is-filled { - .marketing-label { - font-size: em(14, 18); - transform: translateY(-20px); - } - } - - .error { - color: $color-red; - } - - .marketing-form__messages { - font-size: em(16); - max-height: 0; - overflow: hidden; - display: block; - - @include shopify-breakpoint($tablet-up) { - transition: all 0.3s; - } - - .error, - .success { - display: block; - font-size: em(14); - padding: em(10, 14) em(10, 14) em(10, 14) em(20, 14); - border-radius: 0 0 $border-radius $border-radius; - position: relative; - min-height: em(37, 14); - background: lighten($color-red, 50%); - - &.hide { - display: none; - } - } - - .success { - background: $color-grey-border-on--white; - color: $color-slate; - } - } - - // scss-lint:disable MergeableSelector SelectorDepth - .js-has-error, - .js-has-success { - .marketing-form__messages { - max-height: $gutter * 3; // for animating - - @include shopify-breakpoint($tablet-up) { - transition: all 0.6s; - } - - .error::before { - display: block; - } - } - } - - .js-has-success:not(.js-has-error) { - .marketing-form__messages { - max-height: 37px; - } - } - - .js-is-pending { - .marketing-form__messages { - max-height: 0; - - @include shopify-breakpoint($tablet-up) { - transition: all 0.3s; - } - } - } -} - -.input-mirror { - @include font-brandon-regular; - font-size: em(18); - top: 27px; - left: 22px; - position: absolute; - background: $color-white; - color: $color-grey-text--light; - - &::after { - content: '.myshopify.com'; - position: relative; - z-index: 101; - padding-left: 3px; - pointer-events: none; - } - - &.hide::after { - display: none; - } -} - -.subdomain { - overflow: hidden; - - .suggest { - display: block; - - &.hide { - display: none; - } - } -} diff --git a/docs/_sass/marketing_assets/modules/_sticky-menu.scss b/docs/_sass/marketing_assets/modules/_sticky-menu.scss deleted file mode 100755 index 6fdc8beba..000000000 --- a/docs/_sass/marketing_assets/modules/_sticky-menu.scss +++ /dev/null @@ -1,35 +0,0 @@ -/*============================================================================ - Sticky Behavior -==============================================================================*/ -.js-is-sticky-init { - @include shopify-breakpoint($tablet-up) { - .sticky-menu-content { - float: right; - } - } -} - -.js-is-sticky-container { - .sticky-menu { - position: fixed; - top: 0; - } -} - -.js-is-abs-container { - .sticky-menu { - position: absolute; - bottom: 0; - top: auto; - - @include shopify-breakpoint($desktop-up) { - .page--has-secondary-nav & { - top: auto; - } - } - } - - .in-page-menu { - margin-bottom: 0; - } -} diff --git a/docs/_sass/marketing_assets/modules/_tabbed-carousel-nav.scss b/docs/_sass/marketing_assets/modules/_tabbed-carousel-nav.scss deleted file mode 100755 index 04807a3bb..000000000 --- a/docs/_sass/marketing_assets/modules/_tabbed-carousel-nav.scss +++ /dev/null @@ -1,107 +0,0 @@ -$carousel-nav-height: 100px; - -.tabbed-carousel__nav { - position: relative; - z-index: 3; - height: $carousel-nav-height; - border: 1px solid $color-grey-border-on--white; - border-radius: $border-radius; - - @include shopify-breakpoint($mobile) { - display: none; - } - - &.grid-container--thirds { - .tabbed-carousel__nav-item { - width: 33.33%; - } - } -} - -.tabbed-carousel__nav-item { - @include font-brandon-medium; - user-select: none; - position: relative; - display: inline-block; - height: 98px; // Total height of 100px, with a top and bottom 1px border - width: 25%; - float: left; - padding-top: $gutter / 2; - background-color: $color-sky--light; - text-align: center; - transition: color 300ms ease, background-color 300ms ease; - - &:before, - &:after { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 0; - height: 0; - border-top: 49px solid transparent; - border-left-width: 24px; - border-left-style: solid; - border-left: 24px solid $color-grey-border-on--white; - border-bottom: 49px solid transparent; - transition: border-color 300ms ease; - } - - &:before { - border-left-color: $color-grey-border-on--white; - } - - &:after { - left: -1px; - border-left-color: $color-sky--light; - } - - &:first-child { - padding-left: 0; - - &:before, - &:after { - display: none; - } - } - - .icon { - display: block; - margin: 0 auto 10px; - fill: $color-grey-text--light; - } - - &:focus, - &:hover, - &.js-is-active { - background: $color-white; - - .icon { - .segment-online & { - fill: $color-yellow; - } - - .segment-pos & { - fill: $color-blue; - } - - .segment-mobile &, - .segment-everywhere & { - fill: $color-green; - } - } - - + .tabbed-carousel__nav-item:after { - border-left-color: $color-white; - } - } - - &.js-is-active { - color: $color-black; - } - - &:focus { - outline: none; - border-bottom: solid 1px; - } -} diff --git a/docs/_sass/marketing_assets/modules/_tabbed-carousel.scss b/docs/_sass/marketing_assets/modules/_tabbed-carousel.scss deleted file mode 100755 index 0cf2b55e8..000000000 --- a/docs/_sass/marketing_assets/modules/_tabbed-carousel.scss +++ /dev/null @@ -1,267 +0,0 @@ -// Tabbed Carousel -// Carousel with tab-like menu, plus arrows to advance at FULL desktop only -// -// Contains Image + text. Utilize media classes to position content and images. -// -// .tabbed-carousel - default style, fixed height set in CSS -// .tabbed-carousel.page-block--lowlight - dark carousel -// .tabbed-carousel__items - list of slides -// .tabbed-carousel__item - child of list, single slide -// .tabbed-carousel__item-header - slide header -// .tabbed-carousel__item-text - slide text -// .tabbed-carousel__item-image - slide image, extends to wide grid and gracefully gets cut -// -// Styleguide Tabbed Carousel. - -/*================ Tabbed carousel dark variant ================*/ -.tabbed-carousel.page-block--lowlight { - - .tabbed-carousel__nav { - border-color: $color-grey-text--light; - } - - .tabbed-carousel__nav-item { - background-color: $color-slate--dark; - color: $color-grey-text--light; - - &:before { - border-left-color: $color-grey-text--light; - } - - &:after { - border-left-color: $color-slate--dark; - } - - &:focus, - &:hover, - &.js-is-active { - background: $color-slate; - color: $color-white; - - + .tabbed-carousel__nav-item:after { - border-left-color: $color-slate; - } - } - } - - .tabbed-carousel__item-text { - h4 { - color: $color-white; - } - } -} - -/*============================================================================ - Tabbed carousel items -==============================================================================*/ - -/*================ Transitions ================*/ -.tabbed-carousel__item { - transition: opacity 300ms ease 0s; - - @include shopify-breakpoint($tablet-up) { - @include clearfix; - opacity: 0; - z-index: 0; - display: none; - - .tabbed-carousel__item-header { - opacity: 0; - transition: opacity 300ms ease 300ms, transform 500ms ease 300ms; - transform: translateY(30px); - } - - .tabbed-carousel__item-text { - opacity: 0; - transition: opacity 300ms ease 400ms, transform 500ms ease 400ms; - transform: translateY(30px); - } - - .tabbed-carousel__item-image { - opacity: 0; - transition: opacity 500ms ease 500ms; - transition-property: opacity, transform; - transform: translateX(20px); - } - - &.js-is-active { - opacity: 1; - z-index: 1; - display: block; - - .tabbed-carousel__item-text { - opacity: 1; - transform: translateY(0); - } - - .tabbed-carousel__item-header { - opacity: 1; - transform: translateY(0); - } - - .tabbed-carousel__item-image { - opacity: 1; - transform: translateX(0); - } - } - } - - /*================ Mobile ================*/ - @include shopify-breakpoint($mobile) { - padding: 15px 0 10px; - margin-bottom: 0; - border-top: 1px solid $color-grey-border-on--white; - - .tabbed-carousel__item-header { - padding-right: 20px; - margin-bottom: 5px; - } - } -} - -.segment-online { - .tabbed-carousel__nav-item { - &:focus { - border-bottom: solid 1px $color-yellow; - } - } -} - -.segment-pos { - .tabbed-carousel__nav-item { - &:focus { - border-bottom: solid 1px $color-blue; - } - } -} - -.segment-mobile { - .tabbed-carousel__nav-item { - &:focus { - border-bottom: solid 1px $color-green; - } - } -} - -/*============================================================================ - Tabbed carousel item content -==============================================================================*/ -.tabbed-carousel__item-image { - z-index: 1; -} - -.tabbed-carousel__item-content { - z-index: 2; -} - -.tabbed-carousel__mobile-image { - margin: em($gutter) 0; -} - -.tabbed-carousel__item-text { - @include shopify-breakpoint($mobile) { - padding-top: em(10); - } - - > p { - margin-bottom: em(25); - - &:last-child { - margin-bottom: em(15); - } - } -} - -/*============================================================================ - Tabbed carousel nav arrows -==============================================================================*/ - -// Places the arrows just outside of the wide container -$carousel-arrow-offset: -($grid-extendor) - 10; - -%tabbed-carousel-nav-arrow { - content: ''; - position: absolute; - top: 50%; - max-width: 64px; - min-width: 64px; - height: 50px; - margin-top: -25px; - z-index: 2; - background: $color-black; - border-radius: $border-radius; - padding: 16px 18px; - overflow: hidden; - white-space: nowrap; - transition: max-width 333ms; - - &:before { - width: 24px; - height: 11px; - display: block; - position: absolute; - top: 20px; - content: ''; - } - - &:focus, - &:hover { - max-width: 200px; - - .tab-label { - opacity: 1; - transform: translateX(0); - } - } - - .tab-label { - @include font-brandon-black; - pointer-events: none; - display: inline-block; - opacity: 0; - color: $color-white; - font-size: em(12); - text-transform: uppercase; - transition: opacity 300ms, transform 300ms; - } -} - -.tabbed-carousel__nav-prev { - @extend %tabbed-carousel-nav-arrow; - display: none; - - @include shopify-breakpoint($wide) { - display: inline-block; - left: $carousel-arrow-offset; - } - - &:before { - background-image: asset-svg-url('arrow-left'); - left: 18px; - } - - > span { - padding-left: 32px; - transform: translateX(100%); - } -} - -.tabbed-carousel__nav-next { - @extend %tabbed-carousel-nav-arrow; - display: none; - - @include shopify-breakpoint($wide) { - display: block; - right: $carousel-arrow-offset; - } - - &:before { - background-image: asset-svg-url('arrow-right'); - right: 18px; - } - - > span { - padding-right: 32px; - transform: translateX(-100%); - } -} diff --git a/docs/_sass/marketing_assets/modules/_video.scss b/docs/_sass/marketing_assets/modules/_video.scss deleted file mode 100755 index b22b57ffa..000000000 --- a/docs/_sass/marketing_assets/modules/_video.scss +++ /dev/null @@ -1,49 +0,0 @@ -.background-video, -.background-video--fallback { - opacity: 0; - visibility: hidden; - z-index: -1; - position: absolute; - bottom: 0; - left: 50%; - min-height: 100%; - min-width: 100%; - max-width: none; - overflow: hidden; - transition: opacity 1s ease-in; - transform: translateX(-50%); - - @include shopify-breakpoint($mobile) { - min-width: 0; - min-height: 0; - height: 100%; - opacity: 1; - } - - &.js-is-active { - opacity: 1; - visibility: visible; - z-index: 0; - } -} - -.inline-video, -.inline-video--fallback { - display: block; - max-width: 100%; - height: auto; -} - -.responsive-video-wrapper { - position: relative; - height: 0; - padding-top: 56.25%; // 16:9 aspect ratio - - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } -} diff --git a/docs/_sass/marketing_assets/modules/_window-loaded.scss b/docs/_sass/marketing_assets/modules/_window-loaded.scss deleted file mode 100755 index 92fae09c6..000000000 --- a/docs/_sass/marketing_assets/modules/_window-loaded.scss +++ /dev/null @@ -1,8 +0,0 @@ -.js-window-loading { - opacity: 0; - transition: opacity 300ms ease-in-out; - - .js-is-loaded & { - opacity: 1; - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_about-author.scss b/docs/_sass/marketing_assets/modules/content/_about-author.scss deleted file mode 100755 index 18bf908d7..000000000 --- a/docs/_sass/marketing_assets/modules/content/_about-author.scss +++ /dev/null @@ -1,17 +0,0 @@ -.about-author { - @include clearfix(); - margin-bottom: em(20); - - + .about-author { - padding-top: em($gutter); - border-top: $border-grey; - } -} - -.about-author__image { - float: left; -} - -.about-author__content { - margin-left: em(90 + 20); // Image width plus 20px gutter -} diff --git a/docs/_sass/marketing_assets/modules/content/_article-meta.scss b/docs/_sass/marketing_assets/modules/content/_article-meta.scss deleted file mode 100755 index b6031df19..000000000 --- a/docs/_sass/marketing_assets/modules/content/_article-meta.scss +++ /dev/null @@ -1,54 +0,0 @@ -.article__meta { - @include font-brandon-regular; - margin-bottom: em(5, 13); - font-size: em(13); - - > li { - position: relative; - display: inline-block; - margin-right: $gutter / 2; - - &:after { - content: ''; - position: absolute; - right: -16px; - top: 50%; - margin: -1px 5px 0; // Visual vertical center - width: 4px; - height: 4px; - border-radius: 2px; - background-color: $color-sky; - } - - &:last-child:after { - display: none; - } - } - - a { - &:hover, - &:focus { - text-decoration: underline; - } - } -} - -.article__meta__twitter { - width: 20px; - height: 20px; - margin-bottom: 0; - vertical-align: top; - background-image: asset-svg-url('twitter', $color-grey-body); - opacity: 0.8; - transition: opacity 300ms ease; - - &:hover, - &:focus { - opacity: 1; - } -} - -.article__meta--primary { - @include font-brandon-bold; - font-size: em(14); -} diff --git a/docs/_sass/marketing_assets/modules/content/_article.scss b/docs/_sass/marketing_assets/modules/content/_article.scss deleted file mode 100755 index b6a2b1778..000000000 --- a/docs/_sass/marketing_assets/modules/content/_article.scss +++ /dev/null @@ -1,110 +0,0 @@ -//============================================================================== -// Article show -//============================================================================== - -.article__title { - margin-bottom: em(20, 42); - padding-bottom: em(20, 42); - border-bottom: $border-grey; - - @include shopify-breakpoint($tablet-up) { - margin-top: em($gutter / 2, 42); - } -} - -.article__header { - @include clearfix; - margin-bottom: 20px; - - .article__meta { - @include shopify-breakpoint($tablet-up) { - float: left; - line-height: em(25); - } - } -} - -.article__header__heading { - float: left; -} - -.article__image--featured { - margin-bottom: em($gutter); - - @include shopify-breakpoint($mobile) { - margin-left: -$gutter; - margin-right: -$gutter; - } - - > img { - width: 100%; - } -} - -//============================================================================== -// Article index -//============================================================================== - -.article--index { - margin-bottom: em(38); // results in a total of 45px below index articles - overflow: hidden; - transform: translate3d(0, 0, 0); // Prevent flicker during transitions - - > a { - display: inline-block; - } - - .article__content { - display: none; - } -} - -.article--index__image { - display: block; - margin-bottom: em(9); - position: relative; - overflow: hidden; - - @include shopify-breakpoint($mobile) { - width: 100%; - } - - img { - width: 100%; - transition: transform 0.35s; - transform-origin: 50% 50%; - backface-visibility: hidden; - } - - &:hover, - &:focus { - img { - transform: scale(1.02); - } - } -} - -.article--index__title { - margin-bottom: em(7, 24); - - > a { - color: $color-slate; - - &:hover, - &:focus { - text-decoration: underline; - } - } -} - -.article--index__heading { - margin-bottom: $gutter; - padding-bottom: 20px; - border-bottom: $border-grey; - - span { - display: block; - font-size: em(20, 42); - line-height: 1em; - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_banner.scss b/docs/_sass/marketing_assets/modules/content/_banner.scss deleted file mode 100755 index 02e0efa55..000000000 --- a/docs/_sass/marketing_assets/modules/content/_banner.scss +++ /dev/null @@ -1,9 +0,0 @@ -.banner { - padding-bottom: 10px; - margin-bottom: 30px; - border-bottom: $border-grey; -} - -.banner--hidden { - @include visuallyhidden; -} diff --git a/docs/_sass/marketing_assets/modules/content/_chapters.scss b/docs/_sass/marketing_assets/modules/content/_chapters.scss deleted file mode 100755 index 6e200abcc..000000000 --- a/docs/_sass/marketing_assets/modules/content/_chapters.scss +++ /dev/null @@ -1,72 +0,0 @@ -$chapter-nav-height: 70px; - -.chapter-nav { - position: relative; - margin-bottom: em($gutter); - - @include shopify-breakpoint($tablet-up) { - display: table; - width: 100%; - } -} - -.chapter-nav__thumbnail { - position: absolute; - left: 10px; - top: 10px; - height: $chapter-nav-height - 20; // 20px = top and bottom padding - width: auto; -} - -.chapter-nav__title { - display: table-cell; - vertical-align: middle; - height: $chapter-nav-height; - padding: 10px; - - > h2 { - margin: 0 0 0 em(50); - } -} - -.chapter-nav__social { - white-space: nowrap; - display: block; - padding: em(10); - - @include shopify-breakpoint($mobile) { - border-top: 1px solid $color-grey-body; - } - - @include shopify-breakpoint($tablet-up) { - text-align: right; - padding: 0 em($gutter); - display: table-cell; - vertical-align: middle; - height: $chapter-nav-height; - padding-right: em($gutter); - } -} - -.chapter__serial { - color: $color-grey-text--light; -} - -.chapter-header__heading { - margin-bottom: em(20, 42); -} - -// Guide header iframe dimensions -.chapter-header__video { - width: 100%; - min-height: 250px; - margin-bottom: em($gutter); - - @include shopify-breakpoint($tablet-up) { - height: 450px; - } - - @include shopify-breakpoint($desktop-up) { - height: 525px; - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_guides.scss b/docs/_sass/marketing_assets/modules/content/_guides.scss deleted file mode 100755 index 2f0f958fc..000000000 --- a/docs/_sass/marketing_assets/modules/content/_guides.scss +++ /dev/null @@ -1,222 +0,0 @@ -//============================================================================== -// Video guide index page -//============================================================================== - -.guide--index__video { - position: relative; - display: block; - margin-bottom: em(15); - - @include shopify-breakpoint($desktop-up) { - &:hover, - &:focus { - .guide--index__video__overlay { - opacity: 1; - } - } - } - - > img { - width: 100%; - } - - .icon-video-play { - width: 90px; - height: 90px; - background-image: asset-svg-url('video-play-solid', $color-white); - } -} - -.guide--index__video__play { - position: absolute; - top: 50%; - left: 50%; - text-align: center; - transform: translateX(-50%) translateY(-50%); -} - -.guide--index__video__overlay { - background: rgba($color-slate--dark, 0.6); - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - transition: opacity 300ms ease; - - @include shopify-breakpoint($desktop-up) { - opacity: 0; - } -} - -//============================================================================== -// Guide show page -//============================================================================== - -.guide-header { - margin-bottom: $gutter; - overflow: hidden; - min-height: 450px; - text-align: center; - - @include shopify-breakpoint($desktop-up) { - padding-bottom: 0; - } - - @include shopify-breakpoint($mobile) { - margin: { - left: -$gutter; - right: -$gutter; - }; - - padding: { - left: 0; - right: 0; - } - } - - p { - margin: em(20) 0 em($gutter); - } -} - -.guide-header__wrapper { - padding-top: 0; -} - -.guide-header__image { - @include shopify-breakpoint($tablet-up) { - position: absolute; - bottom: 0; - } - - img { - @include shopify-breakpoint($tablet-up) { - width: 100%; - max-width: 300px; - } - - @include shopify-breakpoint($mobile) { - width: auto; - max-height: 200px; - } - } -} - -.guide-header--video { - .guide-header__content { - @include shopify-breakpoint($desktop-up) { - min-height: 450px; - padding: em(60); - z-index: 2; - } - } -} - -.guide-header--video__image { - @include shopify-breakpoint($desktop-up) { - img { - position: absolute; - top: 0; - right: 0; - height: 100%; - width: auto; - } - } -} - -.guide__download-pdf { - display: inline-block; - margin-left: 5px; -} - -.guide__download-pdf__link { - @extend .body-link; - margin-left: 5px; - color: $color-white; -} - -//============================================================================== -// Guide chapter table -//============================================================================== - -.guide-chapter { - display: table; - table-layout: fixed; - width: 100%; - position: relative; - padding: em(20) em($gutter * 1.5) em(20) 0; - border-top: $border-grey; - - &:after { - position: absolute; - right: $gutter / 2; - top: 50%; - width: 16px; - height: 16px; - margin-top: -8px; - content: ''; - background: asset-svg-url(caret-right, $color-grey-text--light) no-repeat center center; - transform: translateX(-4px); - transition: transform 150ms ease; - } - - &:hover, - &:focus, - &:active { - &:after { - transform: translateX(0); - } - } - - &:last-child { - border-bottom: $border-grey; - } - - &.guide-chapter--index { - border-bottom: 0; - } -} - -.guide-chapter--list { - @include shopify-breakpoint($desktop-up) { - padding-left: em($gutter / 2); - transition: background-color 150ms ease; - - &:hover, - &:focus, - &:active { - background: $color-sky--light; - } - } -} - -.guide-chapter__content { - display: table-cell; - vertical-align: middle; - width: 100%; -} - -.guide-chapter__title { - display: inline; - margin: 0 5px 0 0; -} - -.guide-chapter__description { - margin: 10px 0 0; -} - -.guide-chapter--thumbnail { - height: em(90); - - .guide-chapter__content { - padding-left: 105px; - } -} - -.guide-chapter__thumbnail { - position: absolute; - top: em(20); - width: 90px; - left: 0; -} diff --git a/docs/_sass/marketing_assets/modules/content/_heading-icon.scss b/docs/_sass/marketing_assets/modules/content/_heading-icon.scss deleted file mode 100755 index 73a376096..000000000 --- a/docs/_sass/marketing_assets/modules/content/_heading-icon.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Sidebar / section heading for content marketing -// Contains a tiny icon and h5 style heading - -.heading-icon { - margin-bottom: em(20); - - > .icon { - width: 16px; - height: 21px; // matches line height of heading - vertical-align: top; - margin-right: em(10); - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_link-title.scss b/docs/_sass/marketing_assets/modules/content/_link-title.scss deleted file mode 100755 index dc5e4d9cd..000000000 --- a/docs/_sass/marketing_assets/modules/content/_link-title.scss +++ /dev/null @@ -1,9 +0,0 @@ -// For links containing multiple elements, this helper class underlines text -// with the link__title class wrapped inside of the link. - -.link__title { - a:hover &, - a:focus & { - text-decoration: underline; - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_marketing-markdown.scss b/docs/_sass/marketing_assets/modules/content/_marketing-markdown.scss deleted file mode 100755 index 550bc735f..000000000 --- a/docs/_sass/marketing_assets/modules/content/_marketing-markdown.scss +++ /dev/null @@ -1,111 +0,0 @@ -$color-blog-body: #444; - -.marketing-markdown { - @extend p; - margin-top: 10px; - padding-bottom: 10px; - color: $color-blog-body; - - h2 { - @extend .heading--3; - margin: em(30, 28) 0 em(22, 28); - font-size: em(28); - line-height: em(34, 28); - clear: both; - } - - h3 { - @extend .heading--4; - margin-top: em(20); - } - - h4 { - margin-top: em(20); - } - - p, - ul, - ol { - margin-bottom: em(20); - } - - a:not(.marketing-button) { - @extend .body-link; - padding-bottom: 0; - } - - ul { - padding-left: em(20); - list-style: disc outside; - - > li { - padding-left: 5px; - } - } - - ol { - list-style-type: none; - counter-reset: ol-counter; - - > li { - position: relative; - padding-left: em(35); - - &:before { - @include font-brandon-bold; - position: absolute; - left: 0; - min-width: $gutter; - content: counter(ol-counter)'.'; - counter-increment: ol-counter; - color: $color-slate; - } - } - } - - li { - margin-bottom: 10px; - } - - img, - iframe { - margin-top: em(10); - margin-bottom: em($gutter); - } - - hr { - margin: $gutter 0; - height: 1px; - background: $color-grey-border-on--white; - border: 0; - } - - blockquote { - @include font-brandon-black; - padding-left: $gutter; - color: $color-green; - border-left: 3px solid $color-green; - font-size: em(36); - line-height: em(44, 36); - - &:before { - content: '\201C'; - } - - &:after { - content: '\201D'; - } - } - - .right-align { - float: right; - margin: 0 0 $gutter $gutter; - clear: right; - } - - .left-align { - float: left; - margin: 0 $gutter $gutter 0; - clear: left; - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_newsletter-block.scss b/docs/_sass/marketing_assets/modules/content/_newsletter-block.scss deleted file mode 100755 index 04596e106..000000000 --- a/docs/_sass/marketing_assets/modules/content/_newsletter-block.scss +++ /dev/null @@ -1,111 +0,0 @@ -.newsletter-block { - position: relative; - background-image: image-url('content/newsletter-bg.gif'); - padding: $gutter; - margin: $gutter 0; - text-align: center; - min-height: 210px; - transform: translate3d(0, 0, 0); // Prevent flicker during transitions - - @include shopify-breakpoint($mobile) { - margin-left: -$gutter; - margin-right: -$gutter; - } -} - -// Sidebar styling -.newsletter-block--sidebar { - margin-left: -$gutter; - - .newsletter__heading { - font-size: em(16); - line-height: em(24); - } - - .newsletter__subhead { - font-size: em(14); - } - - .newsletter__rss { - display: block; - font-size: em(14); - - > a { - color: $color-grey-text--light; - } - - .icon { - margin-bottom: 0; - vertical-align: top; - } - } -} - -.newsletter__heading { - font-size: em(24); - -webkit-font-smoothing: antialiased; -} - -.newsletter__disclaimer { - margin-top: em(20); - font-size: em(13); -} - -.newsletter__rss { - display: none; -} - -.newsletter__subhead { - @include font-brandon-light; - font-size: em(18); - color: $color-grey-border-on--white; -} - -.newsletter__form { - max-width: em(400); - position: relative; - margin: 0 auto; -} - -.newsletter-block__content { - transition: all 300ms ease; - max-height: 400px; - - .js-success & { - opacity: 0; - max-height: 0; - overflow: hidden; - } -} - -.newsletter__email { - height: 40px; - font-size: em(14); -} - -.newsletter__submit { - font-size: em(14); - height: 40px; -} - -.newsletter__form__success { - height: 0; - max-height: 0; - opacity: 0; - overflow: hidden; - visibility: hidden; - transition: all 300ms ease; - transition-delay: 240ms; - - > p { - font-size: em(14); - } - - .js-success & { - height: auto; - opacity: 1; - visibility: visible; - overflow: visible; - max-height: 400px; - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_pagination.scss b/docs/_sass/marketing_assets/modules/content/_pagination.scss deleted file mode 100755 index cdb18241b..000000000 --- a/docs/_sass/marketing_assets/modules/content/_pagination.scss +++ /dev/null @@ -1,46 +0,0 @@ -.pagination { - @include clearfix; - padding-top: $gutter / 2; - border-top: $border-grey; - text-align: center; - - li { - display: inline-block; - } - - a { - display: inline-block; - padding: 15px; - transition: color 300ms ease; - - &:hover, - &:focus { - color: $color-black; - } - } -} - -.pagination__numbered-links { - width: 75%; - margin: 0 auto; -} - -.pagination__prev { - float: left; - - > a { - padding-left: 0; - } -} - -.pagination__next { - float: right; - - > a { - padding-right: 0; - } -} - -.pagination__current-page > a { - color: $color-black; -} diff --git a/docs/_sass/marketing_assets/modules/content/_preview-links.scss b/docs/_sass/marketing_assets/modules/content/_preview-links.scss deleted file mode 100755 index c8afb9455..000000000 --- a/docs/_sass/marketing_assets/modules/content/_preview-links.scss +++ /dev/null @@ -1,32 +0,0 @@ -.preview-links { - margin: 0 0 $gutter (-$gutter); - padding: 0 0 ($gutter / 2) $gutter; - border-bottom: $border-grey; - - a { - display: block; - margin-bottom: $gutter / 2; - border-bottom: $border-grey; - - &:last-child { - border-bottom: 0; - } - } - - h4 { - margin-bottom: em(5, 16); - font-size: em(16); - } -} - -// Alternate popular links styling for the time being until we can fix issues -// outlined here: https://github.com/Shopify/blog-theme/issues/45 -.preview-links--description { - p { - margin-bottom: 0; - } - - > a { - padding-bottom: em(12); - } -} diff --git a/docs/_sass/marketing_assets/modules/content/_search-input.scss b/docs/_sass/marketing_assets/modules/content/_search-input.scss deleted file mode 100755 index 15a241c55..000000000 --- a/docs/_sass/marketing_assets/modules/content/_search-input.scss +++ /dev/null @@ -1,24 +0,0 @@ -$search-input-height: 38px; - -.search-form { - position: relative; - margin-bottom: $gutter; -} - -.search-form__input { - font-family: $font-body-family; - height: $search-input-height; - font-size: em(14); - border-radius: $search-input-height / 2; - padding: 0 16px 0 40px; -} - -.search-form__submit { - position: absolute; - top: ($search-input-height - 16) / 2; - left: 16px; - width: 16px; - height: 16px; - background-size: contain; - background-image: asset-svg-url(search, $color-green); -} diff --git a/docs/_sass/marketing_assets/modules/content/_share-bar.scss b/docs/_sass/marketing_assets/modules/content/_share-bar.scss deleted file mode 100755 index 57f0e01ec..000000000 --- a/docs/_sass/marketing_assets/modules/content/_share-bar.scss +++ /dev/null @@ -1,62 +0,0 @@ -$share-bar-height: em(25); - -.share-bar { - position: fixed; - z-index: $z-nav-drawer - 1; - right: 0; - bottom: 0; - left: 0; - padding: $share-bar-height / 2; - background-color: $color-black; - transform: translateY(100%); - transition: transform 350ms ease-out; - - .js-is-loaded & { - transform: translateY(0); - } -} - -.share-bar__networks { - height: $share-bar-height; - - // Using this technique to justify the icons evenly across the bar width: - // http://www.barrelny.com/blog/text-align-justify-and-rwd/ - text-align: justify; - - &:after { - content: ''; - display: inline-block; - width: 100%; - } -} - -.share-bar__network { - display: inline-block; - vertical-align: middle; - text-align: center; -} - -.share-bar__icon { - width: $share-bar-height; - height: $share-bar-height; -} - -.share-bar__icon--email { - background-image: asset-svg-url('email-reverse', $color-white); -} - -.share-bar__icon--buffer { - background-image: asset-svg-url('buffer-fullbleed', $color-white); -} - -.share-bar__icon--facebook { - background-image: asset-svg-url('facebook-fullbleed', $color-white); -} - -.share-bar__icon--twitter { - background-image: asset-svg-url('twitter-fullbleed', $color-white); -} - -.share-bar__icon--linkedin { - background-image: asset-svg-url('linkedin-fullbleed', $color-white); -} diff --git a/docs/_sass/marketing_assets/modules/content/_social-shares.scss b/docs/_sass/marketing_assets/modules/content/_social-shares.scss deleted file mode 100755 index b4bf618d9..000000000 --- a/docs/_sass/marketing_assets/modules/content/_social-shares.scss +++ /dev/null @@ -1,84 +0,0 @@ -.social-shares { - @include font-brandon-bold; - line-height: 1; // reduce extra whitespace below inline-block buttons - - .article__header & { - @include shopify-breakpoint($tablet-up) { - float: right; - } - - @include shopify-breakpoint($mobile) { - margin-top: em($gutter / 2); - } - } -} - -.social-shares--full { - padding: $gutter 0; - margin-bottom: $gutter; - clear: both; - border: $border-grey; - border-width: 1px 0; - - .social-shares__icon { - @include shopify-breakpoint($tablet-up) { - width: auto; - padding: 0 8px 0 $gutter; - - > .visuallyhidden { - @include showvisuallyhidden; - } - } - } -} - -.social-shares__icon { - width: em(25, 14); - height: em(25, 14); - margin-bottom: 0; - line-height: em(25, 14); - font-size: em(14); - border-radius: $border-radius; - background-position: left center; - color: $color-white; - - @include shopify-breakpoint($mobile) { - width: em(36, 14); - height: em(36, 14); - line-height: em(36, 14); - margin-right: em(10, 14); - float: left; - } -} - -.social-shares__count { - margin-right: 10px; - - &, - > span { - vertical-align: top; - } -} - -.social-shares__count--with-icons { - line-height: em(25); - - @include shopify-breakpoint($mobile) { - line-height: em(36, 14); - } -} - -.icon-facebook--square { - @include button-bg(map-get($icon-colors, 'blue_fb')); - background-image: asset-svg-url('facebook', $color-white); -} - -.icon-twitter--square { - @include button-bg(map-get($icon-colors, 'blue_twitter')); - background-image: asset-svg-url('twitter', $color-white); -} - -.icon-linkedin--square { - @include button-bg(map-get($icon-colors, 'blue_linkedin')); - background-image: asset-svg-url('linkedin', $color-white); -} diff --git a/docs/_sass/marketing_assets/modules/content/_truncated-text.scss b/docs/_sass/marketing_assets/modules/content/_truncated-text.scss deleted file mode 100755 index 29108dd07..000000000 --- a/docs/_sass/marketing_assets/modules/content/_truncated-text.scss +++ /dev/null @@ -1,34 +0,0 @@ -.truncated-text { - max-height: 300px; - position: relative; - overflow: hidden; - margin-bottom: em($gutter * 1.5); - - &:before { - background-image: linear-gradient(rgba($color-white, 0), $color-white 60%); - content: ''; - width: 100%; - height: 150px; - position: absolute; - bottom: 0; - } - - &.js-is-active { - max-height: none; - - &:before { - display: none; - } - } -} - -.truncated-text__toggle { - position: absolute; - bottom: 0; - width: 100%; - text-align: center; - - .js-is-active & { - display: none; - } -} diff --git a/docs/_sass/marketing_assets/plus/_typography.scss b/docs/_sass/marketing_assets/plus/_typography.scss deleted file mode 100755 index eb9a6fe40..000000000 --- a/docs/_sass/marketing_assets/plus/_typography.scss +++ /dev/null @@ -1,248 +0,0 @@ -@import 'variables'; - -body { - font-family: $font-body-family; - color: $color-text; -} - -/*============================================================================ - Headers -==============================================================================*/ -h1, -.heading--1 { - font-size: $h1-font-size; - line-height: $h1-line-height; - font-weight: $h1-font-weight; - color: $color-white; - margin: $h1-margin; - -webkit-font-smoothing: antialiased; - - @include shopify-breakpoint($tablet-only) { - font-size: $h1-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h1-font-size--mobile; - } -} - -/*================ Title ================*/ -h2, -.heading--2 { - font-size: $h2-font-size; - line-height: $h2-line-height; - font-weight: $h2-font-weight; - color: $color-dark; - margin: $h2-margin; - -webkit-font-smoothing: antialiased; - - @include shopify-breakpoint($tablet-only) { - font-size: $h2-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h2-font-size--mobile; - } -} - -/*================ Surtitle ================*/ -h3, -.heading--3 { - font-size: $h3-font-size; - font-weight: $h3-font-weight; - color: $color-highlight; - text-transform: uppercase; - margin: $h3-margin; - - @include shopify-breakpoint($tablet-only) { - font-size: $h3-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h3-font-size--mobile; - } -} - -/*================ Form Titles ================*/ -h4, -.heading--4 { - font-size: $h4-font-size; - font-weight: $h4-font-weight; - margin: $h4-margin; - - @include shopify-breakpoint($tablet-only) { - font-size: $h4-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h4-font-size--mobile; - } -} - -/*================ Centered Title================*/ - -.heading--centered { - text-align: center; - - @include shopify-breakpoint ($mobile) { - text-align: left; - } -} - -/*================ Case Study Title ================*/ - -.heading--case-study { - font-size: em(58); - line-height: em(69, 58); - font-weight: $h2-font-weight; - color: $color-dark; - margin: $h2-margin; - -webkit-font-smoothing: antialiased; - - @include shopify-breakpoint($tablet-only) { - font-size: $h2-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h2-font-size--mobile; - } -} - -/*============================================================================ - Body Copy -==============================================================================*/ - -/*================ Default copy ================*/ -p { - line-height: em(30, 16); - font-size: em(18); - font-weight: $font-weight-light; - color: $color-text; - margin-bottom: em(30); - - @include shopify-breakpoint($tablet-only) { - font-size: em(14); - } - - + ul { - margin-top: -(em(16)); - } -} - -/*================ Quotes ================*/ -blockquote { - margin: $vertical-unit 0 0; - - p { - font-weight: $font-weight-light; - margin: 0 0 $vertical-unit / 4; - font-size: em(22); - line-height: 1.6em; - color: $color-dark; - -webkit-font-smoothing: antialiased; - quotes: '\201C''\201D''\2018''\2019'; - - @include shopify-breakpoint($tablet-only) { - font-size: em(16); - } - - @include shopify-breakpoint($desktop-up) { - font-size: em(22); - } - - &:before { - color: $color-light; - content: open-quote; - font-size: 2em; - font-family: "Helvetica Neue", Helvetica, arial, sans-serif; - line-height: 0.1em; - margin: 0 0.1em 0 -0.425em; - vertical-align: -0.3em; - } - - &:after { - color: $color-light; - content: close-quote; - font-size: 2em; - font-family: "Helvetica Neue", Helvetica, arial, sans-serif; - line-height: 0.1em; - margin-left: 0.1em; - vertical-align: -0.3em; - } - } -} - -/*================ Case Study Markdown Content ================*/ -.plus-case-study-markdown { - - p { - font-size: em(20); - line-height: em(32, 20); - font-weight: $font-weight-light; - - @include shopify-breakpoint ($mobile) { - font-size: em(16); - } - } - - blockquote { - margin: $vertical-unit 0; - - p { - font-size: em(22); - - @include shopify-breakpoint($tablet-only) { - font-size: em(26); - } - - @include shopify-breakpoint($desktop-up) { - font-size: em(36); - } - } - } -} - -/*================ Author position/title ================*/ -.quote-attribution { - font-size: em(14); - font-weight: $font-weight-light; - font-style: normal; - line-height: 1.6; -} - -.quote-attribution__author { - font-weight: $font-weight-bold; - display: block; - text-transform: uppercase; -} - -.quote-attribution__brand-logo { - width: 100%; - min-height: 50px; -} - -/*================ Bulleted lists ================*/ -ul { - list-style-type: disc; -} - -ol { - list-style-type: decimal; -} - -ul, -ol { - font-size: em(18); - font-weight: $font-weight-light; - line-height: em(22, 12); - margin-left: em(22); - margin-bottom: em(30); - - li { - margin-top: em(10); - margin-bottom: em(10); - } -} - - - diff --git a/docs/_sass/marketing_assets/plus/_variables.scss b/docs/_sass/marketing_assets/plus/_variables.scss deleted file mode 100755 index acb68ecd3..000000000 --- a/docs/_sass/marketing_assets/plus/_variables.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import 'variables/colors'; -@import 'variables/fonts'; -@import 'variables/measurements'; -@import 'variables/typography'; diff --git a/docs/_sass/marketing_assets/plus/modules/_buttons.scss b/docs/_sass/marketing_assets/plus/modules/_buttons.scss deleted file mode 100755 index 5e10a8054..000000000 --- a/docs/_sass/marketing_assets/plus/modules/_buttons.scss +++ /dev/null @@ -1,133 +0,0 @@ -/*============================================================================ - Base styles -==============================================================================*/ -%plus-button { - background: none; - border: 0; - display: inline-block; - cursor: pointer; - color: $color-white; - padding: ($vertical-unit / 2) ($horizontal-unit * 1.5); - font-weight: $font-weight-light; - font-size: em(16); - - @include shopify-breakpoint($tablet-down) { - font-size: em(14); - padding: ($vertical-unit / 2) ($horizontal-unit); - } -} - -/*================ Button Icon ================*/ -.plus-button__icon { - padding: 0 ($horizontal-unit / 6); - color: $color-white; - position: relative; - z-index: 1; - display: inline-block; - transform: translateY(-1px); - transition: all 0.2s ease-in; - opacity: 0.5; - backface-visibility: hidden; - - .plus-image-button & { - position: absolute; - top: $vertical-unit / 2; - right: $horizontal-unit / 2; //offset icon width - } - - &:before, - &:after { - position: absolute; - width: 100%; - height: 2px; - background: $color-white; - content: ''; - z-index: -1; - margin-top: -6px; - transition: all 0.1s ease-in; - backface-visibility: hidden; - } - - .plus-button__icon-wrapper--transparent &:before, - .plus-button__icon-wrapper--transparent &:after { - background: $color-text; - } - - &:before { - transform: rotate(-90deg); - } - - &:after { - transform: rotate(180deg); - } - - .plus-button__icon-wrapper:hover &, - .plus-button__icon-wrapper:focus & { - opacity: 1; - transform: translate(2px, -2px) scale(0.8); - } - - .plus-button__icon-wrapper:hover &:before, - .plus-button__icon-wrapper:focus &:before { - transform: translateY(-2.5px) rotate(-145deg); - } - - .plus-button__icon-wrapper:hover &:after, - .plus-button__icon-wrapper:focus &:after { - transform: translateY(3px) rotate(145deg); - } -} - -.plus-button__icon-wrapper { - position: relative; -} - -/*============================================================================ - Button Styles -==============================================================================*/ -.plus-button { - @extend %plus-button; - background: $color-interactive; - position: relative; - overflow: hidden; - - &:hover, - &:focus { - background: $color-highlight; - color: $color-white; - } - - &:active { - background: $color-interactive; - } -} - -/*================ Highlight Button: Used in main CTA ================*/ -.plus-button--highlight { - background-color: $color-highlight; - - &:hover, - &:focus { - background-color: $color-interactive; - } - - &:active { - background-color: $color-highlight; - } -} - -/*================ Tertiary Button ================*/ -.plus-button--tertiary { - background-color: $color-dark; - - &:hover, - &:focus { - background-color: $color-highlight; - } - - &:active { - background-color: $color-dark; - } -} - - diff --git a/docs/_sass/marketing_assets/plus/modules/_navigation.scss b/docs/_sass/marketing_assets/plus/modules/_navigation.scss deleted file mode 100755 index b7bf18cbf..000000000 --- a/docs/_sass/marketing_assets/plus/modules/_navigation.scss +++ /dev/null @@ -1,279 +0,0 @@ -@import 'marketing_assets/sass-helpers'; -@import 'marketing_assets/plus/variables'; - -//Animation settings -$animation-duration: 0.2s; -$animation-delay: 0.3s; - -/*============================================================================ - Desktop Nav -==============================================================================*/ -.marketing-nav-wrapper { - height: $plus-nav-height; - position: absolute; - top: 0; - left: 0; - width: 100%; - overflow: visible; - z-index: $z-nav-main; -} - -.marketing-nav { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: $z-nav-main; - width: 100%; - height: $plus-nav-height; - margin: 0 auto; - background-color: rgba($color-body-bg, 0.9); -} - -.marketing-nav__items { - position: absolute; - top: 0; - right: $gutter; - list-style: none; - - @include shopify-breakpoint($tablet-up) { - // scss-lint:disable ImportantRule - display: block !important; - // scss-lint:enable ImportantRule - } - - > li { - margin: 0; - display: inline-block; - } -} - -.marketing-nav__item { - display: inline-block; - color: $color-text; - font-weight: $font-weight-light; - font-size: em(16, 18); - margin-left: em(20); - padding-top: em(6); - line-height: em(50); - transition: all $animation-duration ease-in-out; - - &:hover, - &:focus { - box-shadow: inset 0 6px 0 0 $color-highlight; - } - - &:active { - transition: none; - box-shadow: inset 0 6px 0 0 $color-interactive; - } - - &.active { - color: $color-highlight; - - @include shopify-breakpoint($tablet-up) { - box-shadow: inset 0 6px 0 0 $color-highlight; - } - } -} - -.marketing-nav__item--get-started { - color: $color-interactive; - font-weight: $font-weight-regular; -} - -.plus-nav__logo:hover, -.plus-nav__logo:focus { - background: asset-svg-url(plus-logo-blue) 0 0 no-repeat; -} - -.plus-nav__logo, -.plus-nav__logo:active { - display: block; - width: $plus-logo-width; - margin-top: em(20); - height: $plus-logo-height; - background: asset-svg-url(plus-logo) 0 0 no-repeat; - background-size: 100%; - float: left; - transition: none; -} - -/*============================================================================ - Mobile Nav -==============================================================================*/ -.js-drawer-open { - overflow: hidden; -} - -.drawer { - display: none; - opacity: 0; - position: fixed; - z-index: $z-nav-main + 1; - top: 0; - bottom: 0; - left: 0; - width: 100%; - overflow-y: auto; - overflow-x: hidden; - background-color: rgba($color-dark, 0.9); - transition: opacity $animation-duration $animation-delay ease-in; - - .js-drawer-open-left & { - transition-delay: 0; - display: block; - opacity: 1; - } - - &:before { - display: block; - content: ''; - background: asset-svg-url(plus-logo-white) 0 0 no-repeat; - width: $plus-logo-width; - top: em(20); - left: $gutter; - height: em(30); - position: fixed; - } -} - -.drawer__items { - width: 100%; - margin-left: 0; - margin-top: $plus-nav-height; - - > li { - margin: 0; - list-style: none; - opacity: 0; - transform: translateY(30px); - transition: all 0.3s 0.1s ease-in-out; - - &:nth-child(2) { - transition: all 0.4s 0.1s ease-in-out; - } - - &:nth-child(3) { - transition: all 0.5s 0.1s ease-in-out; - } - - &:nth-child(4) { - transition: all 0.6s 0.1s ease-in-out; - } - - &:nth-child(5) { - transition: all 0.7s 0.1s ease-in-out; - } - - .js-drawer-open-left & { - opacity: 1; - transform: translateY(0); - } - } - - a { - color: $color-white; - font-weight: $font-weight-thin; - padding: em(15) 0; - display: block; - text-align: center; - font-size: em(22); - - &:hover, - &:focus { - color: $color-highlight; - } - } -} - -/*================ Mobile nav button ================*/ -.marketing-nav__hamburger { - position: absolute; - top: 15px; - right: 25px; - width: 35px; - height: 30px; - background: none; - display: none; - border: 0; - text-indent: 100%; - z-index: $z-nav-main; - cursor: pointer; - box-sizing: content-box; - - @include shopify-breakpoint($mobile) { - display: block; - } - - &:before { - content: ''; - position: absolute; - right: 5px; - top: 5px; - width: 25px; - height: 4px; - background: $color-interactive; - box-shadow: 0 8px 0 0 $color-interactive, 0 16px 0 0 $color-interactive; - transform: translateX(0); - transition: transform $animation-duration ease-in-out; - } - - &:active:before, - &:focus:before { - background: $color-highlight; - box-shadow: 0 8px 0 0 $color-highlight, 0 16px 0 0 $color-highlight; - } - - .js-drawer-open-left &:before { - transform: translateX(100px); - } -} - -%icon-close-bars { - position: absolute; - top: 0; - right: 10px; - content: ''; - display: block; - width: 4px; //match height of hamburger menu bars - height: 25px; - background: $color-white; - cursor: pointer; -} - -.icon-close { - position: fixed; - top: 17px; //place X in the middle of the button - right: $gutter; - width: 25px; - height: 25px; - border: 0; - background: none; - z-index: $z-nav-main; - transform: translateX(100px); - transition: transform $animation-duration ease-in-out; - - &:before { - @extend %icon-close-bars; - transform: rotate(45deg); - } - - &:after { - @extend %icon-close-bars; - transform: rotate(135deg); - } - - &:focus, - &:active { - &:before, - &:after { - background: $color-highlight; - } - } - - .js-drawer-open-left & { - transition-delay: $animation-duration; - transform: translateX(0); - } -} diff --git a/docs/_sass/marketing_assets/plus/variables/_colors.scss b/docs/_sass/marketing_assets/plus/variables/_colors.scss deleted file mode 100755 index 0321b1917..000000000 --- a/docs/_sass/marketing_assets/plus/variables/_colors.scss +++ /dev/null @@ -1,12 +0,0 @@ -/*============================================================================ - Colors -==============================================================================*/ - -$color-dark: #282828; // dark colour -$color-interactive: #00536e; // interaction color (clickable) -$color-highlight: #c39e47; // highlight color -$color-text: #666560; // default text colour -$color-body-bg: #f2f2f0; // body background colour -$color-white: #fff; // white -$color-light: #b2aea6; // lightest -$color-banner-bg: #3f3e3a; // banner background colour diff --git a/docs/_sass/marketing_assets/plus/variables/_fonts.scss b/docs/_sass/marketing_assets/plus/variables/_fonts.scss deleted file mode 100755 index e00ffeef0..000000000 --- a/docs/_sass/marketing_assets/plus/variables/_fonts.scss +++ /dev/null @@ -1,6 +0,0 @@ -/*============================================================================ - Fonts -==============================================================================*/ -$font-body-family: "Roboto", Helvetica, Arial, sans-serif; -$font-body-size: em(16); -$font-body-color: $color-text; diff --git a/docs/_sass/marketing_assets/plus/variables/_measurements.scss b/docs/_sass/marketing_assets/plus/variables/_measurements.scss deleted file mode 100755 index f02cf0fe2..000000000 --- a/docs/_sass/marketing_assets/plus/variables/_measurements.scss +++ /dev/null @@ -1,15 +0,0 @@ -/*============================================================================ - MEASUREMENTS: Values that affect the plus layout and blocks -==============================================================================*/ -/*================ navigation ================*/ -$plus-nav-height: em(65); -$plus-logo-width: em(120); -$plus-logo-height: em(30); - -/*================ Page Blocks ================*/ -$vertical-unit: 40px; -$horizontal-unit: 30px; -$block-margin: 2px; - -/*================ Max page width ================*/ -$plus-max-page-width: 1210px; diff --git a/docs/_sass/marketing_assets/plus/variables/_typography.scss b/docs/_sass/marketing_assets/plus/variables/_typography.scss deleted file mode 100755 index 77663c985..000000000 --- a/docs/_sass/marketing_assets/plus/variables/_typography.scss +++ /dev/null @@ -1,31 +0,0 @@ -/*============================================================================ - Typography defaults -==============================================================================*/ - -$h1-font-size: em(54); -$h1-font-size--tablet: em(44); -$h1-font-size--mobile: em(42); -$h1-font-weight: $font-weight-thin; -$h1-line-height: em(70, 54); -$h1-margin: 0 0 em(16) 0; - -$h2-font-size: em(44); -$h2-font-size--tablet: em(32); -$h2-font-size--mobile: em(36); -$h2-font-weight: $font-weight-thin; -$h2-line-height: em(60, 44); -$h2-margin: 0 0 em(6) 0; - -$h3-font-size: em(15); -$h3-font-size--tablet: em(14); -$h3-font-size--mobile: em(12); -$h3-font-weight: $font-weight-bold; -$h3-line-height: inherit; -$h3-margin: 0 0 em(16) 0; - -$h4-font-size: em(22); -$h4-font-size--tablet: em(22); -$h4-font-size--mobile: em(22); -$h4-font-weight: $font-weight-light; -$h4-line-height: inherit; -$h4-margin: em(12) 0 em(6) 0; diff --git a/docs/_sass/marketing_assets/sass_helpers/_breakpoints.scss b/docs/_sass/marketing_assets/sass_helpers/_breakpoints.scss deleted file mode 100755 index a9106162e..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/_breakpoints.scss +++ /dev/null @@ -1,31 +0,0 @@ -/*============================================================================ - Breakpoints - Set in em to cover browser font-size adjustments -==============================================================================*/ -$desktop: 990px !default; // Includes left/right padding -$tablet: 750px !default; // Includes left/right padding -$wide: 1440px !default; // This is a "wide" view for any design details present at wide screen, does not include padding - -// Used for phone only -$mobile : new-breakpoint(max-width em($tablet - 1) 4); - -// Used for tablet only -$tablet-only : new-breakpoint(min-width em($tablet) max-width em($desktop - 1) 8); - -// Combines tablet and mobile, typically for style alone, not layout -$tablet-down: new-breakpoint(max-width em($desktop - 1) 8); - -// Combines tablet and desktop up -$tablet-up: new-breakpoint(min-width em($tablet) 8); - -// The actual desktop size & up, 990 -$desktop-up: new-breakpoint(min-width em($desktop) 8); - -// Anything below the wide size of grid -$desktop-down: new-breakpoint(max-width em($desktop) 8); - -// Will spit out the content of the rule, enclosed by the media query -@mixin shopify-breakpoint($breakpoint) { - @include media($breakpoint) { - @content; - } -} diff --git a/docs/_sass/marketing_assets/sass_helpers/_mixins.scss b/docs/_sass/marketing_assets/sass_helpers/_mixins.scss deleted file mode 100755 index d9d1e7248..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/_mixins.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import 'mixins/global'; -@import 'mixins/icons'; -@import 'mixins/typography'; -@import 'mixins/grid'; -@import 'mixins/utils'; diff --git a/docs/_sass/marketing_assets/sass_helpers/_variables.scss b/docs/_sass/marketing_assets/sass_helpers/_variables.scss deleted file mode 100755 index 6c76b0883..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/_variables.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import 'variables/colors'; -@import 'variables/typography'; -@import 'variables/measurements'; -@import 'variables/grid'; diff --git a/docs/_sass/marketing_assets/sass_helpers/mixins/_global.scss b/docs/_sass/marketing_assets/sass_helpers/mixins/_global.scss deleted file mode 100755 index 1f9c88fad..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/mixins/_global.scss +++ /dev/null @@ -1,131 +0,0 @@ -/*============================================================================ - Global Mixins used within page-specific and application stylesheets -==============================================================================*/ - -$hover-darken: 6%; -$active-darken: 10%; - -@mixin button-bg ($bg-color) { - background-color: $bg-color; - - &:hover { - background-color: darken($bg-color, $hover-darken); - } - - &:active, - &:focus { - background-color: darken($bg-color, $active-darken); - } -} - -@mixin section-heading-dash($top: auto, $bottom: auto) { - position: relative; - - &:before { - content: ''; - position: absolute; - top: $top; - bottom: $bottom; - left: 50%; - height: 3px; - width: 30px; - margin-left: -15px; - display: block; - background-color: $color-green; - } -} - -// Based on the mixin of the same name in Bourbon, but with the specified -// `background-size` applied for both 2x _and_ 1x media, and defaults for -// $retina-suffix and $asset-pipeline that suit our most common needs. -// -// https://github.com/thoughtbot/bourbon/blob/v4.0.2/app/assets/stylesheets/addons/_retina-image.scss -@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: -2x, $asset-pipeline: true) { - @if $asset-pipeline { - background-image: image-url("#{$filename}.#{$extension}"); - } @else { - background-image: url("#{$filename}.#{$extension}"); - } - - @include hidpi { - @if $asset-pipeline { - @if $retina-filename { - background-image: image-url("#{$retina-filename}.#{$extension}"); - } @else { - background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}"); - } - } @else { - @if $retina-filename { - background-image: url("#{$retina-filename}.#{$extension}"); - } @else { - background-image: url("#{$filename}#{$retina-suffix}.#{$extension}"); - } - } - } - - background-size: $background-size; -} - -/*============================================================================ --Background colours --==============================================================================*/ - -@mixin marketing-bg-colors { - &--white { - background: $color-white; - color: $color-grey-body; - } - - &--light { - background: $color-sky--light; - color: $color-grey-body; - } - - &--lowlight { - background-color: $color-slate; - color: $color-grey-text--light; - } - - &--sand { - background: $color-sand; - color: $color-grey-body; - } -} - -/*============================================================================ -Borders -==============================================================================*/ - -@mixin marketing-borders { - &--border-top { - border-top-width: 1px; - border-top-style: solid; - } -} - -@mixin spinner($size: 24px, $color: $color-white) { - @at-root { - @keyframes spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } - } - } - - content: ''; - display: block; - width: $size; - height: $size; - position: absolute; - top: 50%; - margin-left: - $size / 2; - margin-top: - $size / 2; - border-radius: 50%; - border: 3px solid $color; - border-top-color: transparent; - animation: spin 1s infinite linear; -} diff --git a/docs/_sass/marketing_assets/sass_helpers/mixins/_grid.scss b/docs/_sass/marketing_assets/sass_helpers/mixins/_grid.scss deleted file mode 100755 index 4749bd097..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/mixins/_grid.scss +++ /dev/null @@ -1,53 +0,0 @@ -/*============================================================================ - Col Generators -==============================================================================*/ - -// Hack because can't override columns default param in mixin without doing this -// I don't know why. -$num-columns: $grid-columns; - -// generates grid classes with format `grid-${n}`, "n" being the number of columns spanned. Ex grid-6 spans half of a 12-column grid. -// also generates `grid-push-${n}` classes to be used in conjunction with `grid=${n}` to offset an element from left by n columns -@mixin generate-columns($prefix: 'grid-', $num: $num-columns, $width: $column) { - $i: $num; - - @while $i > 0 { - .#{$prefix}#{$i} { - width: ($width + $gutter) * $i - $gutter; - - @if $i < $num { - margin-right: $gutter; - } - } - - .#{$prefix}push-#{$i} { - margin-left: ($width + $gutter) * $i; - } - - $i: $i - 1; - } -} - -@mixin generate-extended-columns($prefix: 'grid-', $num: $grid-columns, $width: $column, $extendor: 0) { - $i: $num; - - @while $i > 0 { - &.#{$prefix}#{$i} { - $base-width: ($width + $gutter) * $i - $gutter; - @if $extendor { - width: $base-width + $extendor; - } @else { - width: $base-width; - } - } - - $i: $i - 1; - } -} - -@mixin page-container() { - @include clearfix; - margin-left: auto; - margin-right: auto; - position: relative; -} diff --git a/docs/_sass/marketing_assets/sass_helpers/mixins/_icons.scss b/docs/_sass/marketing_assets/sass_helpers/mixins/_icons.scss deleted file mode 100755 index 5f2a3d693..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/mixins/_icons.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin generate-icon-classes($list, $colors: $icon-colors) { - @each $icon in $list { - @if length($icon) > 1 { - .icon-#{nth($icon, 1)}-#{nth($icon, 2)} { - background-image: asset-svg-url(nth($icon, 1), map-get($colors, nth($icon, 2))); - background-repeat: no-repeat; - } - } @else { - .icon-#{$icon} { - background-image: asset-svg-url($icon); - background-repeat: no-repeat; - } - } - } -} diff --git a/docs/_sass/marketing_assets/sass_helpers/mixins/_typography.scss b/docs/_sass/marketing_assets/sass_helpers/mixins/_typography.scss deleted file mode 100755 index 6eeb8773d..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/mixins/_typography.scss +++ /dev/null @@ -1,35 +0,0 @@ -@mixin font-brandon-light { - font-family: $font-brandon-family; - font-weight: $font-weight-light; - -webkit-font-smoothing: auto; -} - -@mixin font-brandon-regular { - font-family: $font-brandon-family; - font-weight: $font-weight-regular; - -webkit-font-smoothing: antialiased; -} - -@mixin font-brandon-medium { - font-family: $font-brandon-family; - font-weight: $font-weight-medium; - -webkit-font-smoothing: antialiased; -} - -@mixin font-brandon-bold { - font-family: $font-brandon-family; - font-weight: $font-weight-bold; - -webkit-font-smoothing: antialiased; -} - -@mixin font-brandon-black { - font-family: $font-brandon-family; - font-weight: $font-weight-black; - -webkit-font-smoothing: antialiased; -} - -@mixin opentype-features-display { - font-kerning: normal; - font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures; - font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig'; -} diff --git a/docs/_sass/marketing_assets/sass_helpers/mixins/_utils.scss b/docs/_sass/marketing_assets/sass_helpers/mixins/_utils.scss deleted file mode 100755 index 689ec54c9..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/mixins/_utils.scss +++ /dev/null @@ -1,39 +0,0 @@ -@mixin force-3d() { - transform: translate3d(0, 0, 0); - backface-visibility: hidden; - perspective: 1000; -} - -@mixin visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -@mixin showvisuallyhidden { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; -} - -@mixin pretty-focus-styles() { - outline: thin dotted; - outline-offset: 3px; - outline-color: $color-grey-body; -} - -// Vertically center content within a parent node -// that has position: relative and a height. -@mixin vertically-centered { - position: absolute; - top: 50%; - transform: translateY(-50%); -} diff --git a/docs/_sass/marketing_assets/sass_helpers/variables/_colors.scss b/docs/_sass/marketing_assets/sass_helpers/variables/_colors.scss deleted file mode 100755 index 9f2fc4c5f..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/variables/_colors.scss +++ /dev/null @@ -1,66 +0,0 @@ -/*============================================================================ - Colors -==============================================================================*/ - -// Product Colors -$color-green: #7ab55c; // Everywhere highlight, copy link & bold -$color-yellow: #ebb129; // Online highlight -$color-blue: #368aa9; // POS highlight - -$color-black: #000; // Text hover/active for footer/nav links -$color-white: #fff; // Background form inputs, white page blocks - -/*================ Text ================*/ -$color-grey-body: #767676; // Text on white & $color-sky--light, default text & link color -$color-grey-text--light: #a9a9a9; // Text on $color-slate, main nav & input borders. -$color-grey-heading: #949494; // Page subheadings & form suggestions on light backgrounds - -/*============================================================================ - Backgrounds -==============================================================================*/ -$color-sky: #ced3d3; // Background body, never for text -$color-sky--light: #f9fafa; // Background grey page blocks & footer, never for text -$color-slate: #30373b; // Background dark grey blocks & main nav bar, Text for form inputs -$color-slate--dark: #2a2c2e; // Background active state against $color-slate, eg dark tabbed menu -$color-sand: #f1f1e9; // Background for sand blocks, useful for alternating between white blocks - -$color-grey-border-on--white: #e5e5e5; // border on white background, blog sidebar text color on $slate - -$color-table-header: #f8f8f8; // element backgrounds and els meant to be styled like them - -/*================ Forms ================*/ -$color-red: #c23628; // Form error states -$color-input-focus: #00baff; // Form field focus -$color-input-border: $color-grey-text--light; // Input border color -$color-blue-dark: #206882; // form suggestion text + border color - -/*================ Icon colours ================*/ -$color-blue-light: #5fb6d5; // POS icon on slate -$color-blue-fb: #385a98; // Facebook icons -$color-blue-twitter: #55acee; // Twitter icons -$color-blue-linkedin: #0976b4; // LinkedIn icons -$color-red-pinterest: #cc2127; // Pinterest icons -$color-blue-bab: #32a0c8; // Build a business icons - -$icon-colors: ( - 'grey': $color-grey-text--light, - 'black': $color-black, - 'white': $color-white, - 'yellow': $color-yellow, - 'green': $color-green, - 'blue': $color-blue, - 'blue_light': $color-blue-light, - 'blue_fb': $color-blue-fb, - 'blue_twitter': $color-blue-twitter, - 'blue_linkedin': $color-blue-linkedin, - 'blue_bab': $color-blue-bab, - 'red_pinterest': $color-red-pinterest -); - -/*================ Nav colors ================*/ - -$color-primary-nav-background: $color-slate !default; -$color-primary-nav-text: $color-grey-text--light !default; -$color-secondary-nav-background: $color-white !default; -$color-secondary-nav-text: $color-black !default; -$color-nav-icon: $color-grey-text--light !default; diff --git a/docs/_sass/marketing_assets/sass_helpers/variables/_grid.scss b/docs/_sass/marketing_assets/sass_helpers/variables/_grid.scss deleted file mode 100755 index 6ba3be276..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/variables/_grid.scss +++ /dev/null @@ -1,27 +0,0 @@ -/*============================================================================ - Grid Requirements: - * 8 column grid with 2 columns on either side as optional extended grid area - only visible on larger screens - * Configurable (ie through something similar to this file) - * Different grid per breakpoint, ideally defined in isolation inside the - breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles - once on desktop, vice versa) - * Supports a mobile-first dev approach, with fallback for IE8 - * Nestable - * Flexible for how containers react across breakpoints. - Same container may collapse in different ways on different pages -==============================================================================*/ - -/*============================================================================ - Grid Measurements -==============================================================================*/ -$column: 90px; -$gutter: 30px; -$gutter-half: $gutter / 2; - -$column--tablet: 60px !default; - -$grid-columns: 8 !default; - -// Extra $gutter * 0.5 to account for additional container padding to make 1440px -$grid-extendor: $column * 2 + $gutter * 2.5 !default; diff --git a/docs/_sass/marketing_assets/sass_helpers/variables/_measurements.scss b/docs/_sass/marketing_assets/sass_helpers/variables/_measurements.scss deleted file mode 100755 index 571003263..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/variables/_measurements.scss +++ /dev/null @@ -1,27 +0,0 @@ -/*============================================================================ - Global Components - vars that are handy across the site -==============================================================================*/ -/*================ Z Index ================*/ -// TODO We should move this to a smarter mixin -$z-nav-sub: 989; -$z-nav-main: 999; -$z-nav-drawer: 1000; -$z-popover: 1001; - -/*================ Nav ================*/ -$nav-height: 55px !default; -$nav-top-padding: 12px !default; -$nav-secondary-height: $nav-height !default; -$nav-secondary-item-opacity: 0.55 !default; - -/*================ Forms ================*/ -$input-height: em(54, 18) !default; -$input-padding: em(14, 18) em(16, 18) !default; - -/*================ Borders ================*/ -$border-grey: 1px solid $color-grey-border-on--white !default; -$border-radius: 3px !default; - -/*================ Shopify logo ================*/ -$shopify-logo-width: 110px !default; -$shopify-logo-height: 30px !default; diff --git a/docs/_sass/marketing_assets/sass_helpers/variables/_typography.scss b/docs/_sass/marketing_assets/sass_helpers/variables/_typography.scss deleted file mode 100755 index 0cb4a806c..000000000 --- a/docs/_sass/marketing_assets/sass_helpers/variables/_typography.scss +++ /dev/null @@ -1,56 +0,0 @@ -/*============================================================================ - Font Weights -==============================================================================*/ -$font-weight-thin: 100; -$font-weight-light: 300; -$font-weight-regular: 400; -$font-weight-medium: 500; -$font-weight-semibold: 600; -$font-weight-bold: 700; -$font-weight-black: 900; - - -/*============================================================================ - Font Families -==============================================================================*/ -$font-brandon-family: "Brandon", Helvetica, Arial, sans-serif; -$font-body-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -$font-body-size: em(16); -$font-body-color: $color-grey-body; - - -/*============================================================================ - Headings -==============================================================================*/ -$h1-font-size: em(42) !default; -$h1-font-size--tablet: em(36) !default; -$h1-font-size--mobile: em(26) !default; -$h1-margin-bottom: em(36, 42) !default; -$h1-font-weight: $font-weight-medium !default; -$h1-line-height: inherit !default; - -$h2-font-size: em(24) !default; -$h2-font-size--tablet: em(22) !default; -$h2-font-size--mobile: em(18) !default; -$h2-margin-bottom: em(18, 24) !default; -$h2-font-weight: $font-weight-medium !default; -$h2-line-height: inherit !default; - -$h3-font-size: em(24) !default; -$h3-font-size--tablet: em(22) !default; -$h3-font-size--mobile: em(20) !default; -$h3-margin-bottom: em(18, 24) !default; -$h3-font-weight: $font-weight-light !default; -$h3-line-height: inherit !default; - -$h4-font-size: em(19) !default; -$h4-font-size--tablet: em(18) !default; -$h4-margin-bottom: em(10, 19) !default; -$h4-font-weight: $font-weight-medium !default; -$h4-line-height: inherit !default; - -$h5-font-size: em(13) !default; -$h5-margin-bottom: em(6, 13) !default; -$h5-font-weight: $font-weight-black !default; -$h5-line-height: inherit !default; -$h5-letter-spacing: 0.2em !default; diff --git a/docs/_sass/marketing_assets/setup/_base.scss b/docs/_sass/marketing_assets/setup/_base.scss deleted file mode 100755 index 9c091bc5f..000000000 --- a/docs/_sass/marketing_assets/setup/_base.scss +++ /dev/null @@ -1,30 +0,0 @@ -// box sizing for before and after elements -*:before, -*:after { - @include box-sizing(border-box); -} - -.clearfix { - @include clearfix; -} - -/*============================================================================ - Animation Helpers - Force block on elements in transition, useful for transitions ending in display: none - Used with preparetransition.js -==============================================================================*/ - -.is-transitioning { - // scss-lint:disable ImportantRule - display: block !important; - visibility: visible !important; - // scss-lint:enable ImportantRule -} - -/*============================================================================ - Focus Helper - used only if using JS a11y-helpers to silently move focus on page -==============================================================================*/ -.js-focus-hidden:focus { - outline: none; -} diff --git a/docs/_sass/marketing_assets/styleguide/content.scss b/docs/_sass/marketing_assets/styleguide/content.scss deleted file mode 100755 index 481afa38c..000000000 --- a/docs/_sass/marketing_assets/styleguide/content.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'marketing_assets_content'; diff --git a/docs/_sass/marketing_assets/styleguide/styleguide.css.scss b/docs/_sass/marketing_assets/styleguide/styleguide.css.scss deleted file mode 100755 index 004bf4bd9..000000000 --- a/docs/_sass/marketing_assets/styleguide/styleguide.css.scss +++ /dev/null @@ -1,461 +0,0 @@ -/* - *= require styleguide/prism - */ - -@import 'marketing_assets'; - -/*================ Module Imports ================*/ -// needed since modules likely depend on vars -@import 'marketing_assets/modules/tabbed-carousel-nav'; -@import 'marketing_assets/modules/tabbed-carousel'; -@import 'marketing_assets/modules/breadcrumbs'; -@import 'marketing_assets/modules/content/truncated-text'; - -/*============================================================================ - Styleguide Nav -==============================================================================*/ - -.page--has-styleguide-nav { - .marketing-nav__hamburger { - display: block; - position: absolute; - top: 0; - left: $gutter; - } - - .marketing-nav__logo { - margin-left: 50px; - } -} - -/*============================================================================ - Autocomplete search -==============================================================================*/ - -.autocomplete-suggestions { - border: $border-grey; - border-radius: $border-radius; - overflow-y: scroll; - background: $color-white; -} - -.styleguide-search { - padding-top: $gutter; - margin-bottom: -$gutter * 1.5; -} - -.autocomplete-suggestion { - padding: $input-padding; - - &.autocomplete-selected { - background: $color-sky--light; - } -} - -/*============================================================================ - Styleguide Content -==============================================================================*/ -.styleguide-content { - > p { - color: $color-grey-body; - max-width: 730px; - } - - .styleguide-link { - color: darken($color-green, 10%); - border: 0; - - &:hover { - text-decoration: underline; - } - } - - > h1, - > h2, - > h3, - > ul { - a { - border: 0; - color: darken($color-green, 10%); - - &:hover { - text-decoration: underline; - } - } - } - - h2, - h3, - h4, - p, - li { - > code { - font-size: 1.3em; - background: $color-grey-border-on--white; - } - } - - hr { - margin: $gutter * 1.5 0; - background: $color-grey-border-on--white; - border: 0; - height: 1px; - } - - ul { - list-style: disc; - list-style-position: inside; - padding-left: 1em; - } - - > ol { - list-style-type: decimal; - list-style-position: inside; - } - - .styleguide-table { - border-collapse: collapse; - margin-bottom: $gutter; - - th, - td { - text-align: left; - background: $color-grey-border-on--white; - padding: 10px; - } - } - - // Page-specific overrides - .marketing-nav__items { - margin-bottom: 0; - padding-left: 0; - } - - .page--has-transparent-nav--primary .marketing-nav__secondary { - display: none; - } - - .in-page-menu { - list-style: none; - padding-left: 0; - } -} - -.styleguide__link-list { - column-count: 4; - column-width: em(180); - - p { - // Prevent link borders from wrapping up the top of the next column - display: inline-block; - width: 100%; - } -} - -/*============================================================================ - Code Styles -==============================================================================*/ -// scss-lint:disable QualifyingElement -pre[class*='language-'] { - margin-top: $gutter; - margin-bottom: $gutter * 2; - clear: both; // accounts for the fact some modules are floated by default - font-size: 14px; - border: solid 1px $color-grey-heading; -} - -.token.comment { - color: $color-red; -} - -/*================ KSS Blocks ================*/ -.styleguide-kss { - border-bottom: 1px solid $color-grey-border-on--white; - padding-bottom: $gutter; - margin-bottom: $gutter; - - pre.language-css { - display: inline-block; - font-size: em(14); - padding: 0 0.5em; - margin: 0 0 5px; - } -} - -.styleguide-kss__modifier { - ul, - li { - list-style: none; - } -} - -.styleguide-kss__modifier-description { - font-size: em(14); - padding: 0.5em; - vertical-align: top; - font-style: italic; -} - -/*================ Styleguide Demo Modules ================*/ -.styleguide-links { - @include font-brandon-regular; - text-align: center; - margin: $gutter 0; - padding-bottom: $gutter / 2; - border-bottom: 1px solid $color-grey-border-on--white; - - a { - display: inline-block; - margin-bottom: 10px; - color: $color-red; - margin-left: $gutter / 2; - margin-right: $gutter / 2; - } -} - -.styleguide-demo { - margin-bottom: $gutter; -} - -/*============================================================================ - Modules - overrrides to better showcase styles -==============================================================================*/ - -/*================ Grid ================*/ -.styleguide-page-grid { - .styleguide-grid-item { - @include font-brandon-regular; - height: 100px; - padding-top: 10px; - margin-bottom: 30px; - background: $color-grey-body; - font-size: 14px; - text-align: center; - color: $color-white; - - > .styleguide-grid-item { - margin-top: -10px; - } - } - - .styleguide-padded-grid-box .styleguide-grid-item { - background: none; - } -} - -/*================ Picture ================*/ -.styleguide-page-picture { - picture { - > img { - width: 500px; - } - } -} - -/*================ Carousel ================*/ -.styleguide-carousel { - .carousel-item { - display: none; - - &.js-is-active { - display: block; - } - } - - .carousel-nav-item.js-is-active { - color: $color-green; - } -} - -/*================ Color Page ================*/ -.styleguide-color { - margin-bottom: $gutter; - text-align: left; -} - -.styleguide-color__block { - border: solid 1px $color-sky; - width: 90px; - height: 90px; - display: inline-block; - margin: 0; -} - -.styleguide-color__text { - font-size: 80px; - display: inline-block; - font-weight: bold; -} - -.styleguide-color__label { - @include font-brandon-regular; - color: $color-black; - - .language-css { - font-size: 11.5px; - padding: 5px 2px; - margin: 0 0 10px; - } -} - -.styleguide-color__color { - font-size: 12px; - font-style: italic; -} - -.styleguide-color__usage { - margin-bottom: 5px; -} - -/*================ Segment Page ================*/ -// overrides to add spacing between demos -.styleguide-page-segments { - .styleguide-segment-example { - margin-bottom: 10px; - } - - .segment-block { - padding: 0 8px; - - > h2 { - color: $color-white; - margin-bottom: 0; - line-height: 100px; - } - } -} - -/*================ Icons ================*/ -.styleguide-icon { - float: left; - text-align: center; - width: 150px; - height: 240px; - margin: 10px; - padding: $gutter 10px 0; - background-color: $color-grey-border-on--white; - - > .icon { - margin-bottom: 14px; - } - - .styleguide-icon__heading { - font-weight: 700; - } - - > p { - display: block; - font-size: em(12); - margin: 3px 0 0; - } - - > .styleguide-icon__info { - margin: 0; - } - - &.js-hidden { - display: none; - } -} - -.icon-styleguide-placholder { - background-image: asset-svg-url(shopify, $color-black); -} - -/*================ Typography ================*/ -.styleguide-typography__block { - background: $color-sky; - padding: 15px; - margin-bottom: 30px; -} - -/*================ Page Header ===============*/ -.page-header--some-custom-class { - @include retina-image('styleguide/about-video-placeholder', cover, 'jpg', $retina-suffix: '-@2x'); -} - -/*============================================================================ -YUI Docs output -==============================================================================*/ - -// scss-lint:disable MergeableSelector -.styleguide-content .yuidocs__params { - list-style-position: outside; -} -// scss-lint:enable MergeableSelector - -.yuidocs__code-heading { - font-family: monospace; -} - -h5.yuidocs__code-heading { - text-transform: none; - letter-spacing: normal; - margin-bottom: 0; -} - -h3.yuidocs__code-heading { - font-size: em(28); -} - -h4.yuidocs__code-heading { - font-size: em(24); - background: $color-sky--light; -} - -.yuidocs__heading { - color: $color-green; -} - -.yuidocs__args { - color: $color-grey-heading; -} - -.yuidocs__type { - color: $color-grey-heading; - font-style: italic; -} - -.yuidocs__label, -.yuidocs__type { - font-size: em(12); - font-family: $font-body-family; -} - -.yuidocs__label { - padding: em(2) em(6); - color: $color-white; - background: $color-grey-text--light; - border-radius: $border-radius; -} -// scss-lint:enable QualifyingElement - -.styleguide-examples { - max-width: 930px; - position: relative; - margin: ($gutter * 1.5) auto 0; -} - -.styleguide-examples__tab { - display: none; - - &.js-is-active { - display: block; - } -} - -.styleguide-examples__toggle { - @include font-brandon-medium; - position: absolute; - top: 1px; - right: 1px; - padding: 8px 10px; - background: $color-grey-body; - color: $color-white; - border-bottom-left-radius: $border-radius; - - &:hover, - &:focus { - background: darken($color-grey-body, 10%); - } -} diff --git a/docs/_sass/marketing_assets/typography/_fonts.scss b/docs/_sass/marketing_assets/typography/_fonts.scss deleted file mode 100755 index daa634c86..000000000 --- a/docs/_sass/marketing_assets/typography/_fonts.scss +++ /dev/null @@ -1,24 +0,0 @@ -@charset 'UTF-8'; - -@mixin generate-font-faces($variants, $url-prefix: 'https://cdn.shopify.com/shopify-marketing_assets/static/') { - @each $family, $weight-key, $weight-var in $variants { - @font-face { - font-family: $family; - src: url("#{$url-prefix}#{$family}--#{$weight-key}.woff2") format('woff2'), - url("#{$url-prefix}#{$family}--#{$weight-key}.woff") format('woff'); - font-style: normal; - font-weight: $weight-var; - } - } -} - -// font family name, font weight keyword, font weight var -$font-face-variants: ( - ('Brandon', 'light', $font-weight-light), - ('Brandon', 'regular', $font-weight-regular), - ('Brandon', 'medium', $font-weight-medium), - ('Brandon', 'bold', $font-weight-bold), - ('Brandon', 'black', $font-weight-black), -); - -@include generate-font-faces($font-face-variants); diff --git a/docs/_sass/marketing_assets/typography/_typography.scss b/docs/_sass/marketing_assets/typography/_typography.scss deleted file mode 100755 index 129aca2ef..000000000 --- a/docs/_sass/marketing_assets/typography/_typography.scss +++ /dev/null @@ -1,221 +0,0 @@ -/*============================================================================ - Typography defaults -==============================================================================*/ - -/*================ Default ================*/ -body { - margin: 0; - padding: 0; - background: $color-sky; - font-family: $font-body-family; - font-size: $font-body-size; - color: $font-body-color; - font-weight: $font-weight-regular; - -webkit-font-smoothing: antialiased; - - @include shopify-breakpoint($tablet-down) { - font-size: em(15); - } -} - -/*================ Headers ================*/ -h1, -h2, -h3, -h4, -h5 { - margin-top: 0; -} - -h1, -.heading--1 { - @include font-brandon-medium(); - @include opentype-features-display(); - display: block; - margin-bottom: $h1-margin-bottom; - color: $color-slate; - font-size: $h1-font-size; - line-height: $h1-line-height; - font-weight: $h1-font-weight; - - @include shopify-breakpoint($tablet-only) { - font-size: $h1-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h1-font-size--mobile; - } -} - - -h2, -.heading--2 { - @include font-brandon-medium(); - @include opentype-features-display(); - display: block; - margin-bottom: $h2-margin-bottom; - color: $color-slate; - font-size: $h2-font-size; - line-height: $h2-line-height; - font-weight: $h2-font-weight; - - @include shopify-breakpoint($tablet-only) { - font-size: $h2-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h2-font-size--mobile; - } -} - -h3, -.heading--3 { - @include font-brandon-light(); - display: block; - font-size: $h3-font-size; - margin-bottom: $h3-margin-bottom; - color: $color-slate; - line-height: $h3-line-height; - font-weight: $h3-font-weight; - - @include shopify-breakpoint($tablet-only) { - font-size: $h3-font-size--tablet; - } - - @include shopify-breakpoint($mobile) { - font-size: $h3-font-size--mobile; - } -} - -h4, -.heading--4 { - @include font-brandon-medium(); - display: block; - margin-bottom: $h4-margin-bottom; - color: $color-slate; - font-size: $h4-font-size; - line-height: $h4-line-height; - font-weight: $h4-font-weight; - - @include shopify-breakpoint($tablet-down) { - font-size: $h4-font-size--tablet; - } -} - -h5, -.heading--5 { - @include font-brandon-black(); - display: block; - margin-bottom: $h5-margin-bottom; - color: $color-slate; - font-size: $h5-font-size; - line-height: $h5-line-height; - font-weight: $h5-font-weight; - text-transform: uppercase; - letter-spacing: $h5-letter-spacing; -} - -a { - text-decoration: none; - cursor: pointer; - color: $color-grey-body; -} - -/*============================================================================ - Body Copy -==============================================================================*/ -.txt--minor { - font-size: em(14); - line-height: em(20, 14); -} - -.txt--major { - @include font-brandon-light(); - font-size: em(19); -} - -.body-link { - padding-bottom: em(3, 16); - border-bottom-width: 1px; - border-bottom-style: solid; - color: $color-green; - transition: border-color 150ms ease-in-out; - - &:hover, - &:focus { - border-bottom-color: transparent; - } -} - -main { - p, - ul, - ol { - margin-bottom: em($gutter / 2); - line-height: em(24); - font-size: em(16); - } - - p > a { - @extend .body-link; - } -} - -.marketing-quote { - margin: $gutter 0; -} - -.marketing-quote__content { - @include font-brandon-light(); - margin: 0; - padding: em(16, 24) 0 em(16, 24) $gutter; - font-size: em(24); - color: $color-black; - border-left: solid 2px $color-sky; -} - -.marketing-quote__footer { - text-align: right; -} - -.marketing-quote__cite { - font-style: normal; -} - -// Should be removed, but too many deps -.heading-container { - text-align: center; -} - -.section-intro { - @include clearfix; - border: 1px solid rgba($color-black, 0.2); - border-width: 1px 0; - padding: em(36) 0; -} - -/*============================================================================ - Lowlight Typography -==============================================================================*/ -.lowlight__heading { - // scss-lint:disable ImportantRule - color: $color-white !important; - // scss-lint:enable ImportantRule -} - -.lowlight__quote { - border-color: $color-grey-text--light; -} - -/*============================================================================ - Lists -==============================================================================*/ -.numbered-list { - list-style: decimal; - list-style-position: outside; - margin-left: 2.5em; - - li { - margin-bottom: 0.5em; - } -} diff --git a/docs/_sass/marketing_assets/utils/_alignment.scss b/docs/_sass/marketing_assets/utils/_alignment.scss deleted file mode 100755 index c52cce7ee..000000000 --- a/docs/_sass/marketing_assets/utils/_alignment.scss +++ /dev/null @@ -1,17 +0,0 @@ -.text-center { - text-align: center; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center--mobile { - @include shopify-breakpoint($mobile) { - text-align: center; - } -} diff --git a/docs/_sass/marketing_assets/utils/_colors.scss b/docs/_sass/marketing_assets/utils/_colors.scss deleted file mode 100755 index 25aefe7e1..000000000 --- a/docs/_sass/marketing_assets/utils/_colors.scss +++ /dev/null @@ -1,7 +0,0 @@ -.text-white { - color: $color-white; -} - -.text-slate { - color: $color-slate; -} diff --git a/docs/_sass/marketing_assets/utils/_gutters.scss b/docs/_sass/marketing_assets/utils/_gutters.scss deleted file mode 100755 index 3ad4e2659..000000000 --- a/docs/_sass/marketing_assets/utils/_gutters.scss +++ /dev/null @@ -1,25 +0,0 @@ -.gutter-bottom { - margin-bottom: $gutter; -} - -.gutter-bottom--reset { - //scss-lint:disable ImportantRule - margin-bottom: 0 !important; - //scss-lint:enable ImportantRule -} - -.gutter-bottom--half { - margin-bottom: $gutter-half; -} - -@include shopify-breakpoint($mobile) { - .gutter-bottom--reset--mobile { - //scss-lint:disable ImportantRule - margin-bottom: 0 !important; - //scss-lint:enable ImportantRule - } - - .gutter-bottom--mobile { - margin-bottom: $gutter; - } -} diff --git a/docs/_sass/marketing_assets/utils/_responsive.scss b/docs/_sass/marketing_assets/utils/_responsive.scss deleted file mode 100755 index 7972d4ca0..000000000 --- a/docs/_sass/marketing_assets/utils/_responsive.scss +++ /dev/null @@ -1,41 +0,0 @@ -/*============================================================================ - Responsive Helpers -==============================================================================*/ -/*================ Selectively show/hide content ================*/ -// scss-lint:disable ImportantRule -.display--mobile, -.display--tablet, -.display--desktop { - display: none !important; -} - -@include shopify-breakpoint($desktop) { - .display--desktop { - display: block !important; - } - - .hide--desktop { - display: none !important; - } -} - -@include shopify-breakpoint($tablet-only) { - .display--tablet { - display: block !important; - } - - .hide--tablet { - display: none !important; - } -} - -@include shopify-breakpoint($mobile) { - .display--mobile { - display: block !important; - } - - .hide--mobile { - display: none !important; - } -} -// scss-lint:enable ImportantRule diff --git a/docs/_sass/marketing_assets_content.scss b/docs/_sass/marketing_assets_content.scss deleted file mode 100755 index a13ca16c6..000000000 --- a/docs/_sass/marketing_assets_content.scss +++ /dev/null @@ -1,35 +0,0 @@ -//============================================================================== -// Setup default variable values for grid and typography -//============================================================================== -@import "marketing_assets/content/setup/grid"; -@import "marketing_assets/content/setup/typography"; - -//============================================================================== -// Import marketing_assets -//============================================================================== - -@import "marketing_assets"; -@import "marketing_assets/content/setup/base"; -@import "marketing_assets/content/setup/overrides"; - -//============================================================================== -// Import content modules -//============================================================================== - -@import "marketing_assets/content/grid/grid"; -@import "marketing_assets/content/modules"; - -//============================================================================== -// Generate content icons -//============================================================================== - -$content-icons: ( - (resources, 'green'), - (blog-updates, 'green'), - (popular, 'green'), - (checked, 'green'), - (rss, 'grey'), - (twitter, 'grey') -); - -@include generate-icon-classes($content-icons); diff --git a/docs/_sass/neat/_neat-helpers.scss b/docs/_sass/neat/_neat-helpers.scss deleted file mode 100644 index 9c182d2ee..000000000 --- a/docs/_sass/neat/_neat-helpers.scss +++ /dev/null @@ -1,8 +0,0 @@ -// Functions -@import "functions/private"; -@import "functions/new-breakpoint"; - -// Settings -@import "settings/grid"; -@import "settings/visual-grid"; -@import "settings/disable-warnings"; diff --git a/docs/_sass/neat/_neat.scss b/docs/_sass/neat/_neat.scss deleted file mode 100644 index eef5b9fd3..000000000 --- a/docs/_sass/neat/_neat.scss +++ /dev/null @@ -1,23 +0,0 @@ -// Neat 1.7.4 -// http://neat.bourbon.io -// Copyright 2012-2015 thoughtbot, inc. -// MIT License - -// Helpers -@import "neat-helpers"; - -// Grid -@import "grid/private"; -@import "grid/box-sizing"; -@import "grid/omega"; -@import "grid/outer-container"; -@import "grid/span-columns"; -@import "grid/row"; -@import "grid/shift"; -@import "grid/pad"; -@import "grid/fill-parent"; -@import "grid/media"; -@import "grid/to-deprecate"; -@import "grid/visual-grid"; -@import "grid/display-context"; -@import "grid/direction-context"; diff --git a/docs/_sass/neat/functions/_new-breakpoint.scss b/docs/_sass/neat/functions/_new-breakpoint.scss deleted file mode 100644 index 41ab95564..000000000 --- a/docs/_sass/neat/functions/_new-breakpoint.scss +++ /dev/null @@ -1,49 +0,0 @@ -@charset "UTF-8"; - -/// Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat. -/// -/// @param {List} $query -/// A list of media query features and values. Each `$feature` should have a corresponding `$value`. -/// -/// If there is only a single `$value` in `$query`, `$default-feature` is going to be used. -/// -/// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1). -/// -/// @param {Number (unitless)} $total-columns [$grid-columns] -/// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter. -/// -/// @example scss - Usage -/// $mobile: new-breakpoint(max-width 480px 4); -/// -/// .element { -/// @include media($mobile) { -/// @include span-columns(4); -/// } -/// } -/// -/// @example css - CSS Output -/// @media screen and (max-width: 480px) { -/// .element { -/// display: block; -/// float: left; -/// margin-right: 7.42297%; -/// width: 100%; -/// } -/// .element:last-child { -/// margin-right: 0; -/// } -/// } - -@function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) { - @if length($query) == 1 { - $query: $default-feature nth($query, 1) $total-columns; - } @else if is-even(length($query)) { - $query: append($query, $total-columns); - } - - @if is-not(belongs-to($query, $visual-grid-breakpoints)) { - $visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global; - } - - @return $query; -} diff --git a/docs/_sass/neat/functions/_private.scss b/docs/_sass/neat/functions/_private.scss deleted file mode 100644 index 872d4dc58..000000000 --- a/docs/_sass/neat/functions/_private.scss +++ /dev/null @@ -1,114 +0,0 @@ -// Not function for Libsass compatibility -// https://github.com/sass/libsass/issues/368 -@function is-not($value) { - @return if($value, false, true); -} - -// Checks if a number is even -@function is-even($int) { - @return $int % 2 == 0; -} - -// Checks if an element belongs to a list or not -@function belongs-to($tested-item, $list) { - @return is-not(not-belongs-to($tested-item, $list)); -} - -@function not-belongs-to($tested-item, $list) { - @return is-not(index($list, $tested-item)); -} - -// Contains display value -@function contains-display-value($query) { - @return belongs-to(table, $query) - or belongs-to(block, $query) - or belongs-to(inline-block, $query) - or belongs-to(inline, $query); -} - -// Parses the first argument of span-columns() -@function container-span($span: $span) { - @if length($span) == 3 { - $container-columns: nth($span, 3); - @return $container-columns; - } @else if length($span) == 2 { - $container-columns: nth($span, 2); - @return $container-columns; - } - - @return $grid-columns; -} - -@function container-shift($shift: $shift) { - $parent-columns: $grid-columns !default !global; - - @if length($shift) == 3 { - $container-columns: nth($shift, 3); - @return $container-columns; - } @else if length($shift) == 2 { - $container-columns: nth($shift, 2); - @return $container-columns; - } - - @return $parent-columns; -} - -// Generates a striped background -@function gradient-stops($grid-columns, $color: $visual-grid-color) { - $transparent: transparent; - - $column-width: flex-grid(1, $grid-columns); - $gutter-width: flex-gutter($grid-columns); - $column-offset: $column-width; - - $values: ($transparent 0, $color 0); - - @for $i from 1 to $grid-columns*2 { - @if is-even($i) { - $values: append($values, $transparent $column-offset, comma); - $values: append($values, $color $column-offset, comma); - $column-offset: $column-offset + $column-width; - } @else { - $values: append($values, $color $column-offset, comma); - $values: append($values, $transparent $column-offset, comma); - $column-offset: $column-offset + $gutter-width; - } - } - - @return $values; -} - -// Layout direction -@function get-direction($layout, $default) { - $direction: null; - - @if to-upper-case($layout) == "LTR" or to-upper-case($layout) == "RTL" { - $direction: direction-from-layout($layout); - } @else { - $direction: direction-from-layout($default); - } - - @return $direction; -} - -@function direction-from-layout($layout) { - $direction: null; - - @if to-upper-case($layout) == "LTR" { - $direction: right; - } @else { - $direction: left; - } - - @return $direction; -} - -@function get-opposite-direction($direction) { - $opposite-direction: left; - - @if $direction == "left" { - $opposite-direction: right; - } - - @return $opposite-direction; -} diff --git a/docs/_sass/neat/grid/_box-sizing.scss b/docs/_sass/neat/grid/_box-sizing.scss deleted file mode 100644 index b6d3fec33..000000000 --- a/docs/_sass/neat/grid/_box-sizing.scss +++ /dev/null @@ -1,15 +0,0 @@ -@charset "UTF-8"; - -@if $border-box-sizing == true { - html { // http://bit.ly/1qk2tVR - box-sizing: border-box; - } - - * { - &, - &::after, - &::before { - box-sizing: inherit; - } - } -} diff --git a/docs/_sass/neat/grid/_direction-context.scss b/docs/_sass/neat/grid/_direction-context.scss deleted file mode 100644 index 7b0d46e8b..000000000 --- a/docs/_sass/neat/grid/_direction-context.scss +++ /dev/null @@ -1,33 +0,0 @@ -@charset "UTF-8"; - -/// Changes the direction property used by other mixins called in the code block argument. -/// -/// @param {String} $direction [left-to-right] -/// Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`. -/// -/// @example scss - Usage -/// @include direction-context(right-to-left) { -/// .right-to-left-block { -/// @include span-columns(6); -/// } -/// } -/// -/// @example css - CSS Output -/// .right-to-left-block { -/// float: right; -/// ... -/// } - -@mixin direction-context($direction: left-to-right) { - $scope-direction: $layout-direction; - - @if to-lower-case($direction) == "left-to-right" { - $layout-direction: LTR !global; - } @else if to-lower-case($direction) == "right-to-left" { - $layout-direction: RTL !global; - } - - @content; - - $layout-direction: $scope-direction !global; -} diff --git a/docs/_sass/neat/grid/_display-context.scss b/docs/_sass/neat/grid/_display-context.scss deleted file mode 100644 index ed9b0637d..000000000 --- a/docs/_sass/neat/grid/_display-context.scss +++ /dev/null @@ -1,28 +0,0 @@ -@charset "UTF-8"; - -/// Changes the display property used by other mixins called in the code block argument. -/// -/// @param {String} $display [block] -/// Display value to be used within the block. Can be `table` or `block`. -/// -/// @example scss -/// @include display-context(table) { -/// .display-table { -/// @include span-columns(6); -/// } -/// } -/// -/// @example css -/// .display-table { -/// display: table-cell; -/// ... -/// } - -@mixin display-context($display: block) { - $scope-display: $container-display-table; - $container-display-table: $display == table !global; - - @content; - - $container-display-table: $scope-display !global; -} diff --git a/docs/_sass/neat/grid/_fill-parent.scss b/docs/_sass/neat/grid/_fill-parent.scss deleted file mode 100644 index 415f0b1e5..000000000 --- a/docs/_sass/neat/grid/_fill-parent.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Forces the element to fill its parent container. -/// -/// @example scss - Usage -/// .element { -/// @include fill-parent; -/// } -/// -/// @example css - CSS Output -/// .element { -/// width: 100%; -/// box-sizing: border-box; -/// } - -@mixin fill-parent() { - width: 100%; - - @if $border-box-sizing == false { - box-sizing: border-box; - } -} diff --git a/docs/_sass/neat/grid/_media.scss b/docs/_sass/neat/grid/_media.scss deleted file mode 100644 index bd516e99a..000000000 --- a/docs/_sass/neat/grid/_media.scss +++ /dev/null @@ -1,92 +0,0 @@ -@charset "UTF-8"; - -/// Outputs a media-query block with an optional grid context (the total number of columns used in the grid). -/// -/// @param {List} $query -/// A list of media query features and values, where each `$feature` should have a corresponding `$value`. -/// For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1). -/// -/// If there is only a single `$value` in `$query`, `$default-feature` is going to be used. -/// -/// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). -/// -/// -/// @param {Number (unitless)} $total-columns [$grid-columns] -/// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter. -/// -/// @example scss - Usage -/// .responsive-element { -/// @include media(769px) { -/// @include span-columns(6); -/// } -/// } -/// -/// .new-context-element { -/// @include media(min-width 320px max-width 480px, 6) { -/// @include span-columns(6); -/// } -/// } -/// -/// @example css - CSS Output -/// @media screen and (min-width: 769px) { -/// .responsive-element { -/// display: block; -/// float: left; -/// margin-right: 2.35765%; -/// width: 48.82117%; -/// } -/// -/// .responsive-element:last-child { -/// margin-right: 0; -/// } -/// } -/// -/// @media screen and (min-width: 320px) and (max-width: 480px) { -/// .new-context-element { -/// display: block; -/// float: left; -/// margin-right: 4.82916%; -/// width: 100%; -/// } -/// -/// .new-context-element:last-child { -/// margin-right: 0; -/// } -/// } - -@mixin media($query: $feature $value $columns, $total-columns: $grid-columns) { - @if length($query) == 1 { - @media screen and ($default-feature: nth($query, 1)) { - $default-grid-columns: $grid-columns; - $grid-columns: $total-columns !global; - @content; - $grid-columns: $default-grid-columns !global; - } - } @else { - $loop-to: length($query); - $media-query: "screen and "; - $default-grid-columns: $grid-columns; - $grid-columns: $total-columns !global; - - @if is-not(is-even(length($query))) { - $grid-columns: nth($query, $loop-to) !global; - $loop-to: $loop-to - 1; - } - - $i: 1; - @while $i <= $loop-to { - $media-query: $media-query + "(" + nth($query, $i) + ": " + nth($query, $i + 1) + ") "; - - @if ($i + 1) != $loop-to { - $media-query: $media-query + "and "; - } - - $i: $i + 2; - } - - @media #{$media-query} { - @content; - $grid-columns: $default-grid-columns !global; - } - } -} diff --git a/docs/_sass/neat/grid/_omega.scss b/docs/_sass/neat/grid/_omega.scss deleted file mode 100644 index 80f918ab7..000000000 --- a/docs/_sass/neat/grid/_omega.scss +++ /dev/null @@ -1,87 +0,0 @@ -@charset "UTF-8"; - -/// Removes the element's gutter margin, regardless of its position in the grid hierarchy or display property. It can target a specific element, or every `nth-child` occurrence. Works only with `block` layouts. -/// -/// @param {List} $query [block] -/// List of arguments. Supported arguments are `nth-child` selectors (targets a specific pseudo element) and `auto` (targets `last-child`). -/// -/// When passed an `nth-child` argument of type `*n` with `block` display, the omega mixin automatically adds a clear to the `*n+1` th element. Note that composite arguments such as `2n+1` do not support this feature. -/// -/// **Deprecation warning**: The omega mixin will no longer take a `$direction` argument. To change the layout direction, use `row($direction)` or set `$default-layout-direction` instead. -/// -/// @example scss - Usage -/// .element { -/// @include omega; -/// } -/// -/// .nth-element { -/// @include omega(4n); -/// } -/// -/// @example css - CSS Output -/// .element { -/// margin-right: 0; -/// } -/// -/// .nth-element:nth-child(4n) { -/// margin-right: 0; -/// } -/// -/// .nth-element:nth-child(4n+1) { -/// clear: left; -/// } - -@mixin omega($query: block, $direction: default) { - $table: belongs-to(table, $query); - $auto: belongs-to(auto, $query); - - @if $direction != default { - @include -neat-warn("The omega mixin will no longer take a $direction argument. To change the layout direction, use the direction(){...} mixin."); - } @else { - $direction: get-direction($layout-direction, $default-layout-direction); - } - - @if $table { - @include -neat-warn("The omega mixin no longer removes padding in table layouts."); - } - - @if length($query) == 1 { - @if $auto { - &:last-child { - margin-#{$direction}: 0; - } - } - - @else if contains-display-value($query) and $table == false { - margin-#{$direction}: 0; - } - - @else { - @include nth-child($query, $direction); - } - } @else if length($query) == 2 { - @if $auto { - &:last-child { - margin-#{$direction}: 0; - } - } @else { - @include nth-child(nth($query, 1), $direction); - } - } @else { - @include -neat-warn("Too many arguments passed to the omega() mixin."); - } -} - -@mixin nth-child($query, $direction) { - $opposite-direction: get-opposite-direction($direction); - - &:nth-child(#{$query}) { - margin-#{$direction}: 0; - } - - @if type-of($query) == number and unit($query) == "n" { - &:nth-child(#{$query}+1) { - clear: $opposite-direction; - } - } -} diff --git a/docs/_sass/neat/grid/_outer-container.scss b/docs/_sass/neat/grid/_outer-container.scss deleted file mode 100644 index 31b0c6415..000000000 --- a/docs/_sass/neat/grid/_outer-container.scss +++ /dev/null @@ -1,38 +0,0 @@ -@charset "UTF-8"; - -/// Makes an element a outer container by centering it in the viewport, clearing its floats, and setting its `max-width`. -/// Although optional, using `outer-container` is recommended. The mixin can be called on more than one element per page, as long as they are not nested. -/// -/// @param {Number [unit]} $local-max-width [$max-width] -/// Max width to be applied to the element. Can be a percentage or a measure. -/// -/// @example scss - Usage -/// .element { -/// @include outer-container(100%); -/// } -/// -/// @example css - CSS Output -/// .element { -/// *zoom: 1; -/// max-width: 100%; -/// margin-left: auto; -/// margin-right: auto; -/// } -/// -/// .element:before, .element:after { -/// content: " "; -/// display: table; -/// } -/// -/// .element:after { -/// clear: both; -/// } - -@mixin outer-container($local-max-width: $max-width) { - @include clearfix; - max-width: $local-max-width; - margin: { - left: auto; - right: auto; - } -} diff --git a/docs/_sass/neat/grid/_pad.scss b/docs/_sass/neat/grid/_pad.scss deleted file mode 100644 index d697e1b99..000000000 --- a/docs/_sass/neat/grid/_pad.scss +++ /dev/null @@ -1,25 +0,0 @@ -@charset "UTF-8"; - -/// Adds padding to the element. -/// -/// @param {List} $padding [flex-gutter()] -/// A list of padding value(s) to use. Passing `default` in the list will result in using the gutter width as a padding value. -/// -/// @example scss - Usage -/// .element { -/// @include pad(30px -20px 10px default); -/// } -/// -/// @example css - CSS Output -/// .element { -/// padding: 30px -20px 10px 2.35765%; -/// } - -@mixin pad($padding: flex-gutter()) { - $padding-list: null; - @each $value in $padding { - $value: if($value == 'default', flex-gutter(), $value); - $padding-list: join($padding-list, $value); - } - padding: $padding-list; -} diff --git a/docs/_sass/neat/grid/_private.scss b/docs/_sass/neat/grid/_private.scss deleted file mode 100644 index 4c4e18c17..000000000 --- a/docs/_sass/neat/grid/_private.scss +++ /dev/null @@ -1,35 +0,0 @@ -$parent-columns: $grid-columns !default; -$fg-column: $column; -$fg-gutter: $gutter; -$fg-max-columns: $grid-columns; -$container-display-table: false !default; -$layout-direction: LTR !default; - -@function flex-grid($columns, $container-columns: $fg-max-columns) { - $width: $columns * $fg-column + ($columns - 1) * $fg-gutter; - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($width / $container-width); -} - -@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) { - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($gutter / $container-width); -} - -@function grid-width($n) { - @return $n * $gw-column + ($n - 1) * $gw-gutter; -} - -@function get-parent-columns($columns) { - @if $columns != $grid-columns { - $parent-columns: $columns !global; - } @else { - $parent-columns: $grid-columns !global; - } - - @return $parent-columns; -} - -@function is-display-table($container-is-display-table, $display) { - @return $container-is-display-table == true or $display == table; -} diff --git a/docs/_sass/neat/grid/_row.scss b/docs/_sass/neat/grid/_row.scss deleted file mode 100644 index 4d913a925..000000000 --- a/docs/_sass/neat/grid/_row.scss +++ /dev/null @@ -1,52 +0,0 @@ -@charset "UTF-8"; - -/// Designates the element as a row of columns in the grid layout. It clears the floats on the element and sets its display property. Rows can't be nested, but there can be more than one row element—with different display properties—per layout. -/// -/// @param {String} $display [default] -/// Sets the display property of the element and the display context that will be used by its children. Can be `block` or `table`. -/// -/// @param {String} $direction [$default-layout-direction] -/// Sets the layout direction. Can be `LTR` (left-to-right) or `RTL` (right-to-left). -/// -/// @example scss - Usage -/// .element { -/// @include row(); -/// } -/// -/// @example css - CSS Output -/// .element { -/// *zoom: 1; -/// display: block; -/// } -/// -/// .element:before, .element:after { -/// content: " "; -/// display: table; -/// } -/// -/// .element:after { -/// clear: both; -/// } - -@mixin row($display: default, $direction: $default-layout-direction) { - @if $direction != $default-layout-direction { - @include -neat-warn("The $direction argument will be deprecated in future versions in favor of the direction(){...} mixin."); - } - - $layout-direction: $direction !global; - - @if $display != default { - @include -neat-warn("The $display argument will be deprecated in future versions in favor of the display(){...} mixin."); - } - - @if $display == table { - display: table; - @include fill-parent; - table-layout: fixed; - $container-display-table: true !global; - } @else { - @include clearfix; - display: block; - $container-display-table: false !global; - } -} diff --git a/docs/_sass/neat/grid/_shift.scss b/docs/_sass/neat/grid/_shift.scss deleted file mode 100644 index c0f24cd8e..000000000 --- a/docs/_sass/neat/grid/_shift.scss +++ /dev/null @@ -1,50 +0,0 @@ -@charset "UTF-8"; - -/// Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction. -/// -/// @param {Number (unitless)} $n-columns [1] -/// Number of columns by which the element shifts. -/// -/// @example scss - Usage -/// .element { -/// @include shift(-3); -/// } -/// -/// @example css - CSS output -/// .element { -/// margin-left: -25.58941%; -/// } - -@mixin shift($n-columns: 1) { - @include shift-in-context($n-columns); -} - -/// Translates an element horizontally by a number of columns, in a specific nesting context. -/// -/// @param {List} $shift -/// A list containing the number of columns to shift (`$columns`) and the number of columns of the parent element (`$container-columns`). -/// -/// The two values can be separated with any string such as `of`, `/`, etc. -/// -/// @example scss - Usage -/// .element { -/// @include shift(-3 of 6); -/// } -/// -/// @example css - CSS output -/// .element { -/// margin-left: -52.41458%; -/// } - -@mixin shift-in-context($shift: $columns of $container-columns) { - $n-columns: nth($shift, 1); - $parent-columns: container-shift($shift) !global; - - $direction: get-direction($layout-direction, $default-layout-direction); - $opposite-direction: get-opposite-direction($direction); - - margin-#{$opposite-direction}: $n-columns * flex-grid(1, $parent-columns) + $n-columns * flex-gutter($parent-columns); - - // Reset nesting context - $parent-columns: $grid-columns !global; -} diff --git a/docs/_sass/neat/grid/_span-columns.scss b/docs/_sass/neat/grid/_span-columns.scss deleted file mode 100644 index a7f9b0031..000000000 --- a/docs/_sass/neat/grid/_span-columns.scss +++ /dev/null @@ -1,94 +0,0 @@ -@charset "UTF-8"; - -/// Specifies the number of columns an element should span. If the selector is nested the number of columns of its parent element should be passed as an argument as well. -/// -/// @param {List} $span -/// A list containing `$columns`, the unitless number of columns the element spans (required), and `$container-columns`, the number of columns the parent element spans (optional). -/// -/// If only one value is passed, it is assumed that it's `$columns` and that that `$container-columns` is equal to `$grid-columns`, the total number of columns in the grid. -/// -/// The values can be separated with any string such as `of`, `/`, etc. -/// -/// `$columns` also accepts decimals for when it's necessary to break out of the standard grid. E.g. Passing `2.4` in a standard 12 column grid will divide the row into 5 columns. -/// -/// @param {String} $display [block] -/// Sets the display property of the element. By default it sets the display property of the element to `block`. -/// -/// If passed `block-collapse`, it also removes the margin gutter by adding it to the element width. -/// -/// If passed `table`, it sets the display property to `table-cell` and calculates the width of the element without taking gutters into consideration. The result does not align with the block-based grid. -/// -/// @example scss - Usage -/// .element { -/// @include span-columns(6); -/// -/// .nested-element { -/// @include span-columns(2 of 6); -/// } -/// } -/// -/// @example css - CSS Output -/// .element { -/// display: block; -/// float: left; -/// margin-right: 2.35765%; -/// width: 48.82117%; -/// } -/// -/// .element:last-child { -/// margin-right: 0; -/// } -/// -/// .element .nested-element { -/// display: block; -/// float: left; -/// margin-right: 4.82916%; -/// width: 30.11389%; -/// } -/// -/// .element .nested-element:last-child { -/// margin-right: 0; -/// } - -@mixin span-columns($span: $columns of $container-columns, $display: block) { - $columns: nth($span, 1); - $container-columns: container-span($span); - - $parent-columns: get-parent-columns($container-columns) !global; - - $direction: get-direction($layout-direction, $default-layout-direction); - $opposite-direction: get-opposite-direction($direction); - - $display-table: is-display-table($container-display-table, $display); - - @if $display-table { - display: table-cell; - width: percentage($columns / $container-columns); - } @else { - float: #{$opposite-direction}; - - @if $display != no-display { - display: block; - } - - @if $display == collapse { - @include -neat-warn("The 'collapse' argument will be deprecated. Use 'block-collapse' instead."); - } - - @if $display == collapse or $display == block-collapse { - width: flex-grid($columns, $container-columns) + flex-gutter($container-columns); - - &:last-child { - width: flex-grid($columns, $container-columns); - } - - } @else { - margin-#{$direction}: flex-gutter($container-columns); - width: flex-grid($columns, $container-columns); - - &:last-child { - margin-#{$direction}: 0; - } - } - } -} diff --git a/docs/_sass/neat/grid/_to-deprecate.scss b/docs/_sass/neat/grid/_to-deprecate.scss deleted file mode 100644 index aeea0795b..000000000 --- a/docs/_sass/neat/grid/_to-deprecate.scss +++ /dev/null @@ -1,97 +0,0 @@ -@charset "UTF-8"; - -@mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) { - @include -neat-warn("The breakpoint() mixin was renamed to media() in Neat 1.0. Please update your project with the new syntax before the next version bump."); - - @if length($query) == 1 { - @media screen and ($default-feature: nth($query, 1)) { - $default-grid-columns: $grid-columns; - $grid-columns: $total-columns; - @content; - $grid-columns: $default-grid-columns; - } - } @else if length($query) == 2 { - @media screen and (nth($query, 1): nth($query, 2)) { - $default-grid-columns: $grid-columns; - $grid-columns: $total-columns; - @content; - $grid-columns: $default-grid-columns; - } - } @else if length($query) == 3 { - @media screen and (nth($query, 1): nth($query, 2)) { - $default-grid-columns: $grid-columns; - $grid-columns: nth($query, 3); - @content; - $grid-columns: $default-grid-columns; - } - } @else if length($query) == 4 { - @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) { - $default-grid-columns: $grid-columns; - $grid-columns: $total-columns; - @content; - $grid-columns: $default-grid-columns; - } - } @else if length($query) == 5 { - @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) { - $default-grid-columns: $grid-columns; - $grid-columns: nth($query, 5); - @content; - $grid-columns: $default-grid-columns; - } - } @else { - @include -neat-warn("Wrong number of arguments for breakpoint(). Read the documentation for more details."); - } -} - -@mixin nth-omega($nth, $display: block, $direction: default) { - @include -neat-warn("The nth-omega() mixin is deprecated. Please use omega() instead."); - @include omega($nth $display, $direction); -} - -/// Resets the active display property to `block`. Particularly useful when changing the display property in a single row. -/// -/// @example scss - Usage -/// .element { -/// @include row(table); -/// // Context changed to table display -/// } -/// -/// @include reset-display; -/// // Context is reset to block display - -@mixin reset-display { - $container-display-table: false !global; - @include -neat-warn("Resetting $display will be deprecated in future versions in favor of the display(){...} mixin."); -} - -/// Resets the active layout direction to the default value set in `$default-layout-direction`. Particularly useful when changing the layout direction in a single row. -/// -/// @example scss - Usage -/// .element { -/// @include row($direction: RTL); -/// // Context changed to right-to-left -/// } -/// -/// @include reset-layout-direction; -/// // Context is reset to left-to-right - -@mixin reset-layout-direction { - $layout-direction: $default-layout-direction !global; - @include -neat-warn("Resetting $direction will be deprecated in future versions in favor of the direction(){...} mixin."); -} - -/// Resets both the active layout direction and the active display property. -/// -/// @example scss - Usage -/// .element { -/// @include row(table, RTL); -/// // Context changed to table table and right-to-left -/// } -/// -/// @include reset-all; -/// // Context is reset to block display and left-to-right - -@mixin reset-all { - @include reset-display; - @include reset-layout-direction; -} diff --git a/docs/_sass/neat/grid/_visual-grid.scss b/docs/_sass/neat/grid/_visual-grid.scss deleted file mode 100644 index 1192d8288..000000000 --- a/docs/_sass/neat/grid/_visual-grid.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -@mixin grid-column-gradient($values...) { - background-image: -webkit-linear-gradient(left, $values); - background-image: -moz-linear-gradient(left, $values); - background-image: -ms-linear-gradient(left, $values); - background-image: -o-linear-gradient(left, $values); - background-image: unquote("linear-gradient(to left, #{$values})"); -} - -@if $visual-grid == true or $visual-grid == yes { - body:before { - @include grid-column-gradient(gradient-stops($grid-columns)); - content: ""; - display: inline-block; - height: 100%; - left: 0; - margin: 0 auto; - max-width: $max-width; - opacity: $visual-grid-opacity; - pointer-events: none; - position: fixed; - right: 0; - width: 100%; - - @if $visual-grid-index == back { - z-index: -1; - } - - @else if $visual-grid-index == front { - z-index: 9999; - } - - @each $breakpoint in $visual-grid-breakpoints { - @if $breakpoint { - @include media($breakpoint) { - @include grid-column-gradient(gradient-stops($grid-columns)); - } - } - } - } -} diff --git a/docs/_sass/neat/settings/_disable-warnings.scss b/docs/_sass/neat/settings/_disable-warnings.scss deleted file mode 100644 index 3f9b92a6a..000000000 --- a/docs/_sass/neat/settings/_disable-warnings.scss +++ /dev/null @@ -1,13 +0,0 @@ -@charset "UTF-8"; - -/// Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag. -/// -/// @type Bool - -$disable-warnings: false !default; - -@mixin -neat-warn($message) { - @if $disable-warnings == false { - @warn "#{$message}"; - } -} diff --git a/docs/_sass/neat/settings/_grid.scss b/docs/_sass/neat/settings/_grid.scss deleted file mode 100644 index e2029d01d..000000000 --- a/docs/_sass/neat/settings/_grid.scss +++ /dev/null @@ -1,51 +0,0 @@ -@charset "UTF-8"; - -/// Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. To learn more about `modular-scale()` see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with a `!global` flag. -/// -/// @type Number (Unit) - -$column: modular-scale(3, 1em, $golden) !default; - -/// Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. To learn more about `modular-scale()` see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with the `!global` flag. -/// -/// @type Number (Unit) - -$gutter: modular-scale(1, 1em, $golden) !default; - -/// Sets the total number of columns in the grid. Its value can be overridden inside a media query using the `media()` mixin. Set with the `!global` flag. -/// -/// @type Number (Unitless) - -$grid-columns: 12 !default; - -/// Sets the max-width property of the element that includes `outer-container()`. Set with the `!global` flag. -/// -/// @type Number (Unit) -/// -$max-width: 1200px !default; - -/// When set to true, it sets the box-sizing property of all elements to `border-box`. Set with a `!global` flag. -/// -/// @type Bool -/// -/// @example css - CSS Output -/// html { -/// box-sizing: border-box; } -/// -/// *, *::after, *::before { -/// box-sizing: inherit; -/// } - -$border-box-sizing: true !default; - -/// Sets the default [media feature](http://www.w3.org/TR/css3-mediaqueries/#media) that `media()` and `new-breakpoint()` revert to when only a breakpoint value is passed. Set with a `!global` flag. -/// -/// @type String - -$default-feature: min-width; // Default @media feature for the breakpoint() mixin - -///Sets the default layout direction of the grid. Can be `LTR` or `RTL`. Set with a `!global` flag. -/// -///@type String - -$default-layout-direction: LTR !default; diff --git a/docs/_sass/neat/settings/_visual-grid.scss b/docs/_sass/neat/settings/_visual-grid.scss deleted file mode 100644 index 9cd1815a2..000000000 --- a/docs/_sass/neat/settings/_visual-grid.scss +++ /dev/null @@ -1,27 +0,0 @@ -@charset "UTF-8"; - -/// Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag. -/// -/// @type Bool - -$visual-grid: false !default; - -/// Sets the visual grid color. Set with `!global` flag. -/// -/// @type Color - -$visual-grid-color: #eee !default; - -/// Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag. -/// -/// @type String - -$visual-grid-index: back !default; - -/// Sets the opacity property of the visual grid. Set with `!global` flag. -/// -/// @type Number (unitless) - -$visual-grid-opacity: 0.4 !default; - -$visual-grid-breakpoints: () !default; diff --git a/docs/_sass/slate/global/blank-states.scss b/docs/_sass/slate/global/blank-states.scss deleted file mode 100644 index 074e0846f..000000000 --- a/docs/_sass/slate/global/blank-states.scss +++ /dev/null @@ -1,36 +0,0 @@ -$color-blankstate: rgba($color-body-text, 0.35); -$color-blankstate-border: rgba($color-body-text, 0.2); -$color-blankstate-background: rgba($color-body-text, 0.1); - -.placeholder-svg { - display: block; - fill: $color-blankstate; - background-color: $color-blankstate-background; - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - border: 1px solid $color-blankstate-border; -} - -.placeholder-svg--small { - width: 480px; -} - -.placeholder-noblocks { - padding: 40px; - text-align: center; -} - -// Mimic a background image by wrapping the placeholder svg with this class -.placeholder-background { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - - .icon { - border: 0; - } -} diff --git a/docs/_sass/slate/global/forms.scss b/docs/_sass/slate/global/forms.scss deleted file mode 100644 index 2822dc5ca..000000000 --- a/docs/_sass/slate/global/forms.scss +++ /dev/null @@ -1,63 +0,0 @@ -/*============================================================================ - Form scaffolding - - Selectors setup for you to style form elements how you want - - Focus, error, and disabled states are set to be extended -==============================================================================*/ -input, -textarea, -select { - border: 1px solid $color-border; - border-radius: 0; - max-width: 100%; - - &:focus { - // You should add some focus styles - } - - &[disabled] { - cursor: default; - background-color: $color-disabled; - border-color: $color-disabled-border; - } -} - -textarea { - min-height: 100px; -} - -/*================ Custom select style ================*/ -select { - @include prefix(appearance, none, webkit moz spec); - background-position: right center; - background: { - image: url($svg-select-icon); - repeat: no-repeat; - position: right 10px center; - color: transparent; - } - padding-right: 28px; - text-indent: 0.01px; - text-overflow: ''; - cursor: pointer; - - /*================ Hide the svg arrow in IE9 ================*/ - .ie9 & { - padding-right: 10px; - background-image: none; - } -} - -select::-ms-expand { - display: none; -} - -/*================ Error styles ================*/ -input, -select, -textarea { - &.input-error { - border-color: $color-error; - background-color: $color-error-bg; - color: $color-error; - } -} diff --git a/docs/_sass/slate/global/grid.scss b/docs/_sass/slate/global/grid.scss deleted file mode 100644 index 1925e6cc0..000000000 --- a/docs/_sass/slate/global/grid.scss +++ /dev/null @@ -1,211 +0,0 @@ -/*============================================================================ - Grid - - Based on CSS Wizardry grid -==============================================================================*/ - -.grid { - @include clearfix(); - list-style: none; - margin: 0; - padding: 0; - margin-left: -$grid-gutter; -} - -.grid__item { - float: left; - padding-left: $grid-gutter; - width: 100%; - - &[class*='--push'] { - position: relative; - } -} - -/*============================================================================ - Reversed grids allow you to structure your source in the opposite - order to how your rendered layout will appear. -==============================================================================*/ -.grid--rev { - direction: rtl; - text-align: left; - - > .grid__item { - direction: ltr; - text-align: left; - float: right; - } -} - -/*============================================================================ - Grid Columns - - Create width classes, prepended by the breakpoint name. -==============================================================================*/ -// sass-lint:disable brace-style empty-line-between-blocks -@mixin grid-column-generator($breakpoint: '') { - /** Whole */ - .#{$breakpoint}one-whole { width: 100%; } - - /* Halves */ - .#{$breakpoint}one-half { width: percentage(1 / 2); } - - /* Thirds */ - .#{$breakpoint}one-third { width: percentage(1 / 3); } - .#{$breakpoint}two-thirds { width: percentage(2 / 3); } - - /* Quarters */ - .#{$breakpoint}one-quarter { width: percentage(1 / 4); } - .#{$breakpoint}two-quarters { width: percentage(2 / 4); } - .#{$breakpoint}three-quarters { width: percentage(3 / 4); } - - /* Fifths */ - .#{$breakpoint}one-fifth { width: percentage(1 / 5); } - .#{$breakpoint}two-fifths { width: percentage(2 / 5); } - .#{$breakpoint}three-fifths { width: percentage(3 / 5); } - .#{$breakpoint}four-fifths { width: percentage(4 / 5); } - - /* Sixths */ - .#{$breakpoint}one-sixth { width: percentage(1 / 6); } - .#{$breakpoint}two-sixths { width: percentage(2 / 6); } - .#{$breakpoint}three-sixths { width: percentage(3 / 6); } - .#{$breakpoint}four-sixths { width: percentage(4 / 6); } - .#{$breakpoint}five-sixths { width: percentage(5 / 6); } - - /* Eighths */ - .#{$breakpoint}one-eighth { width: percentage(1 / 8); } - .#{$breakpoint}two-eighths { width: percentage(2 / 8); } - .#{$breakpoint}three-eighths { width: percentage(3 / 8); } - .#{$breakpoint}four-eighths { width: percentage(4 / 8); } - .#{$breakpoint}five-eighths { width: percentage(5 / 8); } - .#{$breakpoint}six-eighths { width: percentage(6 / 8); } - .#{$breakpoint}seven-eighths { width: percentage(7 / 8); } - - /* Tenths */ - .#{$breakpoint}one-tenth { width: percentage(1 / 10); } - .#{$breakpoint}two-tenths { width: percentage(2 / 10); } - .#{$breakpoint}three-tenths { width: percentage(3 / 10); } - .#{$breakpoint}four-tenths { width: percentage(4 / 10); } - .#{$breakpoint}five-tenths { width: percentage(5 / 10); } - .#{$breakpoint}six-tenths { width: percentage(6 / 10); } - .#{$breakpoint}seven-tenths { width: percentage(7 / 10); } - .#{$breakpoint}eight-tenths { width: percentage(8 / 10); } - .#{$breakpoint}nine-tenths { width: percentage(9 / 10); } - - /* Twelfths */ - .#{$breakpoint}one-twelfth { width: percentage(1 / 12); } - .#{$breakpoint}two-twelfths { width: percentage(2 / 12); } - .#{$breakpoint}three-twelfths { width: percentage(3 / 12); } - .#{$breakpoint}four-twelfths { width: percentage(4 / 12); } - .#{$breakpoint}five-twelfths { width: percentage(5 / 12); } - .#{$breakpoint}six-twelfths { width: percentage(6 / 12); } - .#{$breakpoint}seven-twelfths { width: percentage(7 / 12); } - .#{$breakpoint}eight-twelfths { width: percentage(8 / 12); } - .#{$breakpoint}nine-twelfths { width: percentage(9 / 12); } - .#{$breakpoint}ten-twelfths { width: percentage(10 / 12); } - .#{$breakpoint}eleven-twelfths { width: percentage(11 / 12); } -} - -/*================ Grid push classes ================*/ -@mixin grid-push-generator($breakpoint: '') { - /* Halves */ - .#{$breakpoint}push-one-half { left: percentage(1 / 2); } - - /* Thirds */ - .#{$breakpoint}push-one-third { left: percentage(1 / 3); } - .#{$breakpoint}push-two-thirds { left: percentage(2 / 3); } - - /* Quarters */ - .#{$breakpoint}push-one-quarter { left: percentage(1 / 4); } - .#{$breakpoint}push-two-quarters { left: percentage(2 / 4); } - .#{$breakpoint}push-three-quarters { left: percentage(3 / 4); } - - /* Fifths */ - .#{$breakpoint}push-one-fifth { left: percentage(1 / 5); } - .#{$breakpoint}push-two-fifths { left: percentage(2 / 5); } - .#{$breakpoint}push-three-fifths { left: percentage(3 / 5); } - .#{$breakpoint}push-four-fifths { left: percentage(4 / 5); } - - /* Sixths */ - .#{$breakpoint}push-one-sixth { left: percentage(1 / 6); } - .#{$breakpoint}push-two-sixths { left: percentage(2 / 6); } - .#{$breakpoint}push-three-sixths { left: percentage(3 / 6); } - .#{$breakpoint}push-four-sixths { left: percentage(4 / 6); } - .#{$breakpoint}push-five-sixths { left: percentage(5 / 6); } - - /* Eighths */ - .#{$breakpoint}push-one-eighth { left: percentage(1 / 8); } - .#{$breakpoint}push-two-eighths { left: percentage(2 / 8); } - .#{$breakpoint}push-three-eighths { left: percentage(3 / 8); } - .#{$breakpoint}push-four-eighths { left: percentage(4 / 8); } - .#{$breakpoint}push-five-eighths { left: percentage(5 / 8); } - .#{$breakpoint}push-six-eighths { left: percentage(6 / 8); } - .#{$breakpoint}push-seven-eighths { left: percentage(7 / 8); } - - /* Tenths */ - .#{$breakpoint}push-one-tenth { left: percentage(1 / 10); } - .#{$breakpoint}push-two-tenths { left: percentage(2 / 10); } - .#{$breakpoint}push-three-tenths { left: percentage(3 / 10); } - .#{$breakpoint}push-four-tenths { left: percentage(4 / 10); } - .#{$breakpoint}push-five-tenths { left: percentage(5 / 10); } - .#{$breakpoint}push-six-tenths { left: percentage(6 / 10); } - .#{$breakpoint}push-seven-tenths { left: percentage(7 / 10); } - .#{$breakpoint}push-eight-tenths { left: percentage(8 / 10); } - .#{$breakpoint}push-nine-tenths { left: percentage(9 / 10); } - - /* Twelfths */ - .#{$breakpoint}push-one-twelfth { left: percentage(1 / 12); } - .#{$breakpoint}push-two-twelfths { left: percentage(2 / 12); } - .#{$breakpoint}push-three-twelfths { left: percentage(3 / 12); } - .#{$breakpoint}push-four-twelfths { left: percentage(4 / 12); } - .#{$breakpoint}push-five-twelfths { left: percentage(5 / 12); } - .#{$breakpoint}push-six-twelfths { left: percentage(6 / 12); } - .#{$breakpoint}push-seven-twelfths { left: percentage(7 / 12); } - .#{$breakpoint}push-eight-twelfths { left: percentage(8 / 12); } - .#{$breakpoint}push-nine-twelfths { left: percentage(9 / 12); } - .#{$breakpoint}push-ten-twelfths { left: percentage(10 / 12); } - .#{$breakpoint}push-eleven-twelfths { left: percentage(11 / 12); } -} - -/*================ Clearfix helper on uniform grids ================*/ -@mixin grid-uniform-clearfix($breakpoint: '') { - .grid--uniform { - .#{$breakpoint}one-half:nth-child(2n+1), - .#{$breakpoint}one-third:nth-child(3n+1), - .#{$breakpoint}one-quarter:nth-child(4n+1), - .#{$breakpoint}one-fifth:nth-child(5n+1), - .#{$breakpoint}one-sixth:nth-child(6n+1), - .#{$breakpoint}two-sixths:nth-child(3n+1), - .#{$breakpoint}three-sixths:nth-child(2n+1), - .#{$breakpoint}one-eighth:nth-child(8n+1), - .#{$breakpoint}two-eighths:nth-child(4n+1), - .#{$breakpoint}four-eighths:nth-child(2n+1), - .#{$breakpoint}five-tenths:nth-child(2n+1), - .#{$breakpoint}one-twelfth:nth-child(12n+1), - .#{$breakpoint}two-twelfths:nth-child(6n+1), - .#{$breakpoint}three-twelfths:nth-child(4n+1), - .#{$breakpoint}four-twelfths:nth-child(3n+1), - .#{$breakpoint}six-twelfths:nth-child(2n+1) { clear: both; } - } -} -// sass-lint:enable brace-style empty-line-between-blocks - -/*================ Build Base Grid Classes ================*/ -@include grid-column-generator(); -@include responsive-display-helper(); -@include responsive-text-align-helper(); - -/*================ Build Responsive Grid Classes ================*/ -@each $breakpoint in $breakpoint-has-widths { - @include media-query($breakpoint) { - @include grid-column-generator('#{$breakpoint}--'); - @include grid-uniform-clearfix('#{$breakpoint}--'); - @include responsive-display-helper('#{$breakpoint}--'); - @include responsive-text-align-helper('#{$breakpoint}--'); - } -} - -/*================ Build Grid Push Classes ================*/ -@each $breakpoint in $breakpoint-has-push { - @include media-query($breakpoint) { - @include grid-push-generator('#{$breakpoint}--'); - } -} diff --git a/docs/_sass/slate/global/helper-classes.scss b/docs/_sass/slate/global/helper-classes.scss deleted file mode 100644 index 70e004b32..000000000 --- a/docs/_sass/slate/global/helper-classes.scss +++ /dev/null @@ -1,54 +0,0 @@ -/*================ Helper Classes ================*/ -.clearfix { - @include clearfix(); -} - -.visually-hidden { - @include visually-hidden(); -} - -.js-focus-hidden:focus { - outline: none; -} - -.label-hidden { - @include visually-hidden(); - - // No placeholders, so force show labels - .no-placeholder & { - @include visually-shown(); - } -} - -.visually-shown { - @include visually-shown(); -} - -// Only show when JS is not supported -.no-js:not(html) { - display: none; - - .no-js & { - display: block; - } -} - -// Only show when JS is supported -.js { - .no-js & { - display: none; - } -} - -/*============================================================================ - Skip to content button - - Overrides .visually-hidden when focused -==============================================================================*/ -.skip-link:focus { - @include visually-shown(absolute); - color: $color-body-text; - background-color: $color-body; - padding: $gutter / 2; - z-index: $z-index-skip-to-content; - transition: none; -} diff --git a/docs/_sass/slate/global/icons.scss b/docs/_sass/slate/global/icons.scss deleted file mode 100644 index 6907aa6fa..000000000 --- a/docs/_sass/slate/global/icons.scss +++ /dev/null @@ -1,58 +0,0 @@ -/*================ Icons ================*/ -.icon { - display: inline-block; - width: 20px; - height: 20px; - vertical-align: middle; - fill: currentColor; - - .no-svg & { - display: none; - } -} - -.icon--wide { - width: 40px; -} - -svg, -symbol { - &.icon:not(.icon--full-color) { - circle, - ellipse, - g, - line, - path, - polygon, - polyline, - rect { - fill: inherit; - stroke: inherit; - } - } - -} - -/*============================================================================ - A generic way to visually hide content while - remaining accessible to screen readers (h5bp.com) -==============================================================================*/ -.icon-fallback-text { - @include visually-hidden(); - - .no-svg & { - @include visually-shown(static); - } -} - -/*================ Payment Icons ================*/ -.payment-icons { - @include prefix('user-select', 'none', moz ms webkit spec); - cursor: default; -} - -/*================ Shopify icon on password page ================*/ -.icon-shopify-logo { - width: 1.5 * $font-size-base * 120 / 35; - height: 1.5 * $font-size-base; -} diff --git a/docs/_sass/slate/global/layout.scss b/docs/_sass/slate/global/layout.scss deleted file mode 100644 index 82bfed46a..000000000 --- a/docs/_sass/slate/global/layout.scss +++ /dev/null @@ -1,12 +0,0 @@ -/*================ General layout styles ================*/ -body, -html { - background-color: $color-body; -} - -.page-width { - @include clearfix(); - max-width: $width-site; - padding: 0 $gutter; - margin: 0 auto; -} diff --git a/docs/_sass/slate/global/links-buttons.scss b/docs/_sass/slate/global/links-buttons.scss deleted file mode 100644 index 90fe24996..000000000 --- a/docs/_sass/slate/global/links-buttons.scss +++ /dev/null @@ -1,12 +0,0 @@ -/*================ Links & Buttons ================*/ -.btn { - @include prefix('user-select', 'none', moz ms webkit spec); - @include prefix(appearance, none, webkit moz spec); - display: inline-block; - width: auto; - text-decoration: none; - text-align: center; - vertical-align: middle; - white-space: nowrap; - border: 0; -} diff --git a/docs/_sass/slate/global/normalize.scss b/docs/_sass/slate/global/normalize.scss deleted file mode 100644 index f359bf822..000000000 --- a/docs/_sass/slate/global/normalize.scss +++ /dev/null @@ -1,427 +0,0 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - // sass-lint:disable no-color-literals - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -// sass-lint:disable single-line-per-selector -button, -html input[type='button'], /* 1 */ -input[type='reset'], -input[type='submit'] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type='checkbox'], -input[type='radio'] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type='number']::-webkit-inner-spin-button, -input[type='number']::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. - */ - -input[type='search'] { - -webkit-appearance: textfield; /* 1 */ - box-sizing: content-box; /* 2 */ -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type='search']::-webkit-search-cancel-button, -input[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - // sass-lint:disable no-color-literals - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} diff --git a/docs/_sass/slate/global/responsive-tables.scss b/docs/_sass/slate/global/responsive-tables.scss deleted file mode 100644 index b92976cef..000000000 --- a/docs/_sass/slate/global/responsive-tables.scss +++ /dev/null @@ -1,57 +0,0 @@ -/*============================================================================ - Responsive tables, defined with .responsive-table on table element. -==============================================================================*/ -@include media-query($small) { - .responsive-table { - width: 100%; - - thead { - display: none; - } - - tr { - display: block; - } - - // IE9 table layout fixes - tr, - td { - float: left; - clear: both; - width: 100%; - } - - th, - td { - display: block; - text-align: right; - padding: $gutter / 2; - margin: 0; - } - - td::before { - content: attr(data-label); - float: left; - text-align: center; - padding-right: 10px; - } - } - - // Add a keyline between rows - .responsive-table-row + .responsive-table-row, - tfoot > .responsive-table-row:first-child { - position: relative; - margin-top: 10px; - padding-top: $gutter / 2; - - &::after { - content: ''; - display: block; - position: absolute; - top: 0; - left: $gutter / 2; - right: $gutter / 2; - border-bottom: 1px solid $color-border; - } - } -} diff --git a/docs/_sass/slate/global/rte.scss b/docs/_sass/slate/global/rte.scss deleted file mode 100644 index dc8013d7b..000000000 --- a/docs/_sass/slate/global/rte.scss +++ /dev/null @@ -1,73 +0,0 @@ -/*================ Rich Text Editor ================*/ -.rte { - img { - height: auto; - } - - table { - table-layout: fixed; - } - - ul, - ol { - margin: 0 0 ($gutter / 2) $gutter; - } - - // Match the styles from RTE nested lists - ul { - list-style: disc outside; - - ul { - list-style: circle outside; - - ul { - list-style: square outside; - } - } - } -} - -.text-center.rte, -.text-center .rte { - ul, - ol { - margin-left: 0; - list-style-position: inside; - } -} - -// allow table to scroll for tables in the RTE since we don't know -// how many columns they will contain. Class added by JS. -// sass-lint:disable no-misspelled-properties -.rte-table { - max-width: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -// This class is wrapped around YouTube/Vimeo embeds in the RTE -// to make them responsive and prevent layout breaking -.rte__video-wrapper { - position: relative; - overflow: hidden; - max-width: 100%; - padding-bottom: 56.25%; - height: 0; - height: auto; - - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } -} - -// This class is wrapped around tables in the RTE -// to prevent layout breaking with a scrollable parent -.rte__table-wrapper { - max-width: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; -} diff --git a/docs/_sass/slate/global/slate-reset.scss b/docs/_sass/slate/global/slate-reset.scss deleted file mode 100644 index a45af8210..000000000 --- a/docs/_sass/slate/global/slate-reset.scss +++ /dev/null @@ -1,72 +0,0 @@ -/*================ Slate specific reset ================*/ -*, -*::before, -*::after { - box-sizing: border-box; -} - -body, -input, -textarea, -button, -select { - -webkit-font-smoothing: antialiased; - -webkit-text-size-adjust: 100%; -} - -a:focus { - color: inherit; -} - -img { - max-width: 100%; -} - -/*================ Form element helpers ================*/ -form { - margin: 0; -} - -// Prevent zoom on touch devices in active inputs -@include media-query($medium-down) { - input, - textarea, - select { - font-size: 16px; - } -} - -button, -input[type="submit"], -label[for] { - cursor: pointer; -} - -optgroup { - font-weight: $font-weight-bold; -} - -// Force option color (affects IE only) -option { - color: $color-body-text; - background-color: $color-body; -} - -// hide outline on focus for elements which are given focus by JS -[tabindex='-1']:focus { - outline: none; -} - -/*============================================================================ - Fast Tap - enables no-delay taps (FastClick-esque) on supporting browsers -==============================================================================*/ -a, -button, -[role="button"], -input, -label, -select, -textarea { - touch-action: manipulation; -} diff --git a/docs/_sass/slate/modules/gift-card-template.scss b/docs/_sass/slate/modules/gift-card-template.scss deleted file mode 100644 index cac9d0951..000000000 --- a/docs/_sass/slate/modules/gift-card-template.scss +++ /dev/null @@ -1,36 +0,0 @@ -/*================ Giftcard Template ================*/ -.giftcard-qr { - img { - display: block; - margin: 0 auto; - } -} - -.apple-wallet-image { - display: block; - margin: 0 auto; -} - -/*================ Print Giftcard Styles ================*/ -@media print { - @page { - margin: 0.5cm; - } - - p { - orphans: 3; - widows: 3; - } - - html, - body { - // sass-lint:disable no-color-literals - background-color: #fff; - color: #000; - } - - .print-giftcard, - .apple-wallet { - display: none; - } -} diff --git a/docs/_sass/slate/modules/site-header.scss b/docs/_sass/slate/modules/site-header.scss deleted file mode 100644 index 82e5c83fe..000000000 --- a/docs/_sass/slate/modules/site-header.scss +++ /dev/null @@ -1,8 +0,0 @@ -/*================ Site Header ================*/ -.site-logo { - display: block; - - img { - display: block; - } -} diff --git a/docs/_sass/slate/settings/variables.scss.liquid b/docs/_sass/slate/settings/variables.scss.liquid deleted file mode 100644 index 483a8545b..000000000 --- a/docs/_sass/slate/settings/variables.scss.liquid +++ /dev/null @@ -1,80 +0,0 @@ -/*================ Color Variables ================*/ -$color-primary: {{ settings.color_primary }}; - -// Text colors -$color-body-text: {{ settings.color_body_text }}; - -// Backgrounds -$color-body: #fff; - -// Border colors -$color-border: #f6f6f6; - -// Helper colors for form error states -$color-disabled: #000; -$color-disabled-border: #000; -$color-error: #000; -$color-error-bg: #000; -$color-success: #000; -$color-success-bg: #000; - -/*================ Typography Variables ================*/ -$font-weight-normal: 400; -$font-weight-bold: 700; - -$font-stack-header: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -$font-weight-header: $font-weight-bold; - -$font-stack-body: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -$font-size-base: {{ settings.type_base_size }}; - -/*============================================================================ - Grid Breakpoints and Class Names - - Do not change the variable names -==============================================================================*/ -$grid-medium: 750px; -$grid-large: 990px; -$grid-widescreen: 1400px; -$grid-gutter: 30px; - -$small: 'small'; -$medium: 'medium'; -$medium-down: 'medium-down'; -$medium-up: 'medium-up'; -$large: 'large'; -$large-down: 'large-down'; -$large-up: 'large-up'; -$widescreen: 'widescreen'; - -// The `$breakpoints` list is used to build our media queries. -// You can use these in the media-query mixin. -$breakpoints: ( - $small '(max-width: #{$grid-medium - 1})', - $medium '(min-width: #{$grid-medium}) and (max-width: #{$grid-large - 1})', - $medium-down '(max-width: #{$grid-large - 1})', - $medium-up '(min-width: #{$grid-medium})', - $large '(min-width: #{$grid-large}) and (max-width: #{$grid-widescreen - 1})', - $large-down '(max-width: #{$grid-widescreen - 1})', - $large-up '(min-width: #{$grid-large})', - $widescreen '(min-width: #{$grid-widescreen})' -); - -/*============================================================================ - Generate breakpoint-specific column widths and push classes - - Default column widths: $breakpoint-has-widths: ($small, $medium-up); - - Default is no push classes - - Will not work if `styles/global/grid.scss` is removed -==============================================================================*/ -$breakpoint-has-widths: ($small, $medium-up); -$breakpoint-has-push: (); - -/*================ Sizing Variables ================*/ -$width-site: 1180px; -$gutter: 30px; - -/*================ Z-Index ================*/ -$z-index-dropdown: 2; -$z-index-skip-to-content: 10000; // really high to be safe of app markup - -/*================ SVG ================*/ -$svg-select-icon: #{'{{ "ico-select.svg" | asset_url }}'}; diff --git a/docs/_sass/slate/theme.scss b/docs/_sass/slate/theme.scss deleted file mode 100644 index 6bb66c2fa..000000000 --- a/docs/_sass/slate/theme.scss +++ /dev/null @@ -1,27 +0,0 @@ -/*============================================================================ - [replace with theme name] | Built with Slate - - You cannot use native CSS/Sass @imports in this file without a build script -==============================================================================*/ - -/*================ UTILS ================*/ -@import url('tools/mixins.scss'); - -/*================ SETTINGS ================*/ -@import url('settings/variables.scss.liquid'); - -/*================ COMMON ================*/ -@import url('global/normalize.scss'); -@import url('global/slate-reset.scss'); -@import url('global/helper-classes.scss'); -@import url('global/grid.scss'); -@import url('global/layout.scss'); -@import url('global/icons.scss'); -@import url('global/rte.scss'); -@import url('global/responsive-tables.scss'); -@import url('global/links-buttons.scss'); -@import url('global/forms.scss'); -@import url('global/blank-states.scss'); - -/*================ MODULES ================*/ -@import url('modules/site-header.scss'); -@import url('modules/gift-card-template.scss'); diff --git a/docs/_sass/slate/tools/mixins.scss b/docs/_sass/slate/tools/mixins.scss deleted file mode 100644 index 48322827c..000000000 --- a/docs/_sass/slate/tools/mixins.scss +++ /dev/null @@ -1,119 +0,0 @@ -/*================ Mixins ================*/ -@mixin clearfix() { - &::after { - content: ''; - display: table; - clear: both; - } - - // sass-lint:disable - *zoom: 1; -} - -/*============================================================================ - Prefix mixin for generating vendor prefixes. - Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss - - Usage: - // Input: - .element { - @include prefix(transform, scale(1), ms webkit spec); - } - - // Output: - .element { - -ms-transform: scale(1); - -webkit-transform: scale(1); - transform: scale(1); - } -==============================================================================*/ -@mixin prefix($property, $value, $prefixes) { - @each $prefix in $prefixes { - @if $prefix == webkit { - -webkit-#{$property}: $value; - } @else if $prefix == moz { - -moz-#{$property}: $value; - } @else if $prefix == ms { - -ms-#{$property}: $value; - } @else if $prefix == o { - -o-#{$property}: $value; - } @else if $prefix == spec { - #{$property}: $value; - } @else { - @warn 'Unrecognized prefix: #{$prefix}'; - } - } -} - -/*================ Media Query Mixin ================*/ -@mixin media-query($media-query) { - $breakpoint-found: false; - - @each $breakpoint in $breakpoints { - $name: nth($breakpoint, 1); - $declaration: nth($breakpoint, 2); - - @if $media-query == $name and $declaration { - $breakpoint-found: true; - - @media only screen and #{$declaration} { - @content; - } - } - } - - @if $breakpoint-found == false { - @warn 'Breakpoint "#{$media-query}" does not exist'; - } -} - -/*================ Responsive Show/Hide Helper ================*/ -@mixin responsive-display-helper($breakpoint: '') { - // sass-lint:disable no-important - .#{$breakpoint}show { - display: block !important; - } - - .#{$breakpoint}hide { - display: none !important; - } -} - - -/*================ Responsive Text Alignment Helper ================*/ -@mixin responsive-text-align-helper($breakpoint: '') { - // sass-lint:disable no-important - .#{$breakpoint}text-left { - text-align: left !important; - } - - .#{$breakpoint}text-right { - text-align: right !important; - } - - .#{$breakpoint}text-center { - text-align: center !important; - } -} - -@mixin visually-hidden() { - // sass-lint:disable no-important - position: absolute !important; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; -} - -@mixin visually-shown($position: inherit) { - // sass-lint:disable no-important - position: $position !important; - overflow: auto; - clip: auto; - width: auto; - height: auto; - margin: 0; -} diff --git a/docs/_sass/slate/vendor/README.md b/docs/_sass/slate/vendor/README.md deleted file mode 100644 index 9a60433f9..000000000 --- a/docs/_sass/slate/vendor/README.md +++ /dev/null @@ -1 +0,0 @@ -# vendor.css files can be added to this directory (will not be linted, can be raw css or scss [<= 3.2] files) \ No newline at end of file diff --git a/docs/_sass/syntax_highlighting.scss b/docs/_sass/syntax_highlighting.scss deleted file mode 100644 index 12301616a..000000000 --- a/docs/_sass/syntax_highlighting.scss +++ /dev/null @@ -1,66 +0,0 @@ -/** - * Syntax highlighting styles - */ -.highlight, -.prettyprint { - - .c, .com { color: #998; font-style: italic } // Comment - // .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd, .kwd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi, .lit { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1, .str { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long -} diff --git a/docs/assets/images/app-credentials.jpg b/docs/assets/images/app-credentials.jpg deleted file mode 100644 index 05b96967ed5c40ca59205897e8f2fa59040e9839..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 10441 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%0A)gfn8m70tSZGViJnroLdGv$r`6kw5=_0D= zsyNaRMrZ1nt$5KgInlQqv5LUEyn|sUXa=uFMAEfLH+hQCpHU)12Jt@1HT@)IFK7~^ ze)j&oE=#F?`)#0GV%h7MxTQBZZv?D{$b>&BtH~T@t0w>}HRe|rp1p8*Le0VS+{Ox5 zmzwqIu|A+J6i5dYGEipIo8i+-P{^CYavoILNq`v5ep;wijwPMF!@Ky_S{QN@F4p>S zC{rz~rvb}ysBA?H#2$(68Ltjzw!{OAwGe!IdHgjRsXy`c<^+!aaX^UOFKy?7DB!EQ z?1>lBy@adEJ9}$gk(BHcGR(5ucoUo9km<83ZO|T3iic!`w%DsO>0a4(YaxKrT0Zxd zmy!Kw6qgXhqPm(!B?^sUsjndZtpjw80PCW%bNrQd!86fzvISC^HOX7QKtJN~7+^>W z&qvu%H2ep^&A~*78nVl5K=st?Fk?C|!t1FB8fsnqov4x>|Y)NQ5nja(A?-%r}xWqW_Y8MzDWEmNi>rbY>J95lZ>WmVzs zLcdA7jUJEcnzYoE;%1QaHa>j-ELQ+4`}H=j(;WMOGMw||_g#no>;-vrjWqo>nPdDO zj=cKiBoA&#alx-|AtE3kp@JSy79a6=p$kZZgvTQdrk2t$F?C4*JqfOzpylRu{=?$} z&n^i#6@hZiYseAVXb=}d=}-^KnG0hIaZip{Q-mI zflGGGZ9TjN^JgK5q$kq>W<12P1oYKzTgK^nHIS&}?=xC8>Bd@*dNrrds|gdQEutxi%@B5DP3c2MTK%;n|zmCnd|nvajb z51*ueX4J)4e=vVGoYYk;UtT<~d4 zYq`~(6M8>Q{LS8k->#AbT#CLuG4P|}-h3MxD?Qw@883k?;qD9^H-j?gZ%;pV8dj@p zuN)B~ZOr))Fo9B3;p%fM&ucrK2@1L1j;YQgZrh4Q(aVqe!nrbNB7QjQ8 zcG{KYAr7{Rg*`bSuiXgQmPvB_`26tdP~_%leZPEcPrDJX+mwe`X~0xYlC8L4&TrAd z$G10x@f{X@Y-7H5*t-TYe^I3qPY`;hk4BbLdWf5Ep8t2sv6t(6#lQ-wg6?O6RL|u} z58DOwpM5XsDlD$c+h4McY)riDOW`;6mt0jM*_gF&4=;xT8T?@<2cUhga(lrsYSMNG Q`J|fnDlX$)?;jTa1LoBS$N&HU diff --git a/docs/assets/images/app-permission.jpg b/docs/assets/images/app-permission.jpg deleted file mode 100644 index 4d203e9e63ac60f02e909eca410bea0be0cd753f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4887 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 WF)N##%v79=!&Ln9>f#-UUjH9Z>6{_} diff --git a/docs/assets/images/github-logo.png b/docs/assets/images/github-logo.png deleted file mode 100644 index 307da048b853319648e9c9f989f18165170a417f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3269 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 a1MM%>Is-7U5MJW|0000cT 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 diff --git a/docs/assets/images/shopify-logo.png b/docs/assets/images/shopify-logo.png deleted file mode 100644 index 4631c2318721e69b4a508a3683c43232dc2f0867..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4010 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 e=D>B!f&T{|MUN$be^>bc0000 **Note about Yarn:** While Yarn is not the default installer for dependencies, it is worth noting that Yarn has significant performance improvements and we do recommend installing dependencies via `--yarn`. [Read more about installing Yarn](https://yarnpkg.com/en/docs/install). - -### migrate -``` -slate migrate -``` - -Converts an existing theme to work with Slate. Run this command from your project root to install dependencies and restructure your theme files into a `src/` directory. Empty `icons/`, `styles/`, and `scripts/` folders will also be created. - -A `config.yml` will also be created in your root directory which is required for [build commands](#build-commands) and [sync commands](#sync-commands). - -##### Options -``` ---yarn install theme dependencies with yarn instead of npm -``` - -### help - -``` -slate [command] -h, slate [command] --help -``` - -Outputs help information for Slate (`slate --help`) or a specific command (`slate deploy --help`). - -### version - -``` -slate -v, slate --version -``` - -Outputs the current version of Slate and its dependencies installed on your system. - -## Build commands - -Slate's source theme files are in the root `src` folder. These are the files you edit and will be compiled to a Shopify-compatible theme in the `dist` folder. You can do this a few different ways. - -| Command | Usage | -| :------ | :---- | -| [build](#build) | `slate build` | -| [test](#test) | `slate test` | -| [zip](#zip) | `slate zip` | - -### build - -``` -slate build -``` - -Compile theme files and assets into a Shopify theme, found in the `dist` folder. No files will be uploaded to your shop. - -### test - -``` -slate test -``` - -Uses the [@shopify/theme-lint](https://github.com/Shopify/theme-lint) package to run translation tests on your locales found in the `/src/locales` folder. The package checks for untranslated keys inside of your Liquid templates, missing translation keys in specific locale files, and translation key HTML validity. - -### zip - -``` -slate zip -``` - -Performs a fresh build of your theme and zips it into a file that's compatible with Shopify. The zip file can be found within an `upload` folder that is generated within your theme project root folder. The zip is overwritten each time you use this command and is not meant to be used for versioning. - -## Sync commands - -| Command | Usage | -| :------ | :---- | -| [deploy](#deploy) | `slate deploy [--options]` | -| [watch](#watch) | `slate watch [--options]` | -| [start](#start) | `slate start [--options]` | - -### deploy - -``` -slate deploy [--options] -``` - -Performs a fresh build followed by a full deploy; replacing existing files on the remote server and replacing them with the full set of build files, and removing remote files that are no longer in use. - -##### Options - -``` --e, --env deploy to a comma-separated list of environments --m, --manual disable auto-deployment of the theme files -``` - -Deploy to a specific environment with the `-e` flag (short for `--env`) plus the environment name: `slate deploy -e staging`. You can deploy to multiple environments at once with comma-separated values: `slate deploy -e development,staging,production`. - -Running `slate deploy --manual` will instead create a new zip file of your theme (see [slate zip](#zip)) and open the admin themes page as defined by your environment where you can then manually install your theme from the zip file. - -### watch - -``` -slate watch [--options] -``` - -Sets up the watchers for all theme assets and deploys the compiled versions to your specified environment (default is `development`). Also opens a [Browsersync](https://browsersync.io/) window with live reloading after changing and saving a file. - -##### Options -``` --e, --env deploy to a specific environment --n, --nosync disable Browsersync -``` - -> **Note about Browsersync on HTTPS:** The first time you run `slate watch` or `start` you will get an unsafe connection browser notice. This is expected because all Shopify stores run on HTTPS but no certificate exists for your localhost. Proceed through this warning to view your store. - -### start - -``` -slate start [--options] -``` - -Performs a full deploy of your theme (see [slate deploy](#deploy)) and starts the watchers (see [slate watch](#watch)). - -##### Options -``` --e, --env deploy to a comma-separated list of environments --n, --nosync disable Browsersync -``` diff --git a/docs/css-examples/blank-states/index.md b/docs/css-examples/blank-states/index.md deleted file mode 100644 index a9882022e..000000000 --- a/docs/css-examples/blank-states/index.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -layout: demo ---- - -
-

Product SVGs

- - - Example product title - - - - Example product title - - - - Example product title - -
- -

Lifestyle SVG

- diff --git a/docs/css-examples/grid-push/index.md b/docs/css-examples/grid-push/index.md deleted file mode 100644 index c502053c0..000000000 --- a/docs/css-examples/grid-push/index.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: demo ---- - -
-
-
-

1

-
-
-

1.1

-
-
-
diff --git a/docs/css-examples/grid/index.md b/docs/css-examples/grid/index.md deleted file mode 100644 index fb79bb7c0..000000000 --- a/docs/css-examples/grid/index.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -layout: demo ---- - -
-
-
-

1

-
-
-
-
-

2.1

-
-
-

2.2

-
-
-

2.3

-
-
-

2.4

-
-
-

2.5

-
-
-

2.6

-
-
-
-
-
-
-

3.1

-
-
-

3.2

-
-
-

3.3

-
-
-

3.4

-
-
-

3.5

-
-
-

3.6

-
-
-

3.7

-
-
-
-
-
diff --git a/docs/css-examples/icon-cart/index.md b/docs/css-examples/icon-cart/index.md deleted file mode 100644 index ecd1963d6..000000000 --- a/docs/css-examples/icon-cart/index.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -layout: demo ---- - -
- -
diff --git a/docs/css-examples/icons/index.md b/docs/css-examples/icons/index.md deleted file mode 100644 index 5e352c941..000000000 --- a/docs/css-examples/icons/index.md +++ /dev/null @@ -1,133 +0,0 @@ ---- -layout: demo ---- - -
-

Payment icons

-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
- -

Social icons

-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • - -
- -

General icons

-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- - diff --git a/docs/css-examples/index.md b/docs/css-examples/index.md deleted file mode 100644 index b985b6bd8..000000000 --- a/docs/css-examples/index.md +++ /dev/null @@ -1,399 +0,0 @@ ---- -layout: default ---- -# CSS examples - -## Breakpoints - -Defining values and names in Sass makes it possible to use breakpoints in a variety of situations. These are the default values. - -``` -$grid-medium: 750px; -$grid-large: 990px; -$grid-widescreen: 1400px; -$grid-gutter: 30px; // spacing between grid elements - -$small: 'small'; -$medium: 'medium'; -$medium-down: 'medium-down'; -$medium-up: 'medium-up'; -$large: 'large'; -$large-down: 'large-down'; -$large-up: 'large-up'; -$widescreen: 'widescreen'; -``` - -> Breakpoint values and names are declared in `styles/settings/variables.scss.liquid` - -### Media query mixin - -Pass a media query name (above) to the media query mixin to generate media queries in your stylesheet with ease. - -**Example 1** - -Define an element's background to pink above our large breakpoint value. - -``` -@include media-query($medium-up) { - .foo { - background: pink; - } -} - -Output: -@media screen and (min-width: 750px) { - .foo { - background: pink; - } -} -``` - -**Example 2** - -Define an element's background to blue, unless between the medium and large breakpoint values. - -``` -.foo { - background: blue; - - @include media-query($medium) { - background: pink; - } -} - -Output: -.foo { - background: blue; -} - -@media screen and (min-width: 750px) and (max-width: 989px) { - .foo { - background: pink; - } -} -``` - -## Grid -A grid as versatile as Slate's (based on [csswizardry-grids](https://github.com/csswizardry/csswizardry-grids)) can generate a lot of code, so the flexibility of only adding what is needed is helpful in keeping the file size down. Grid size classes for `$small` and `$medium-up` are generated by default. - -``` -$breakpoint-has-widths: ($small, $medium-up); -``` - -Each column — or `.grid__item` — should be a direct child of a `.grid` container. Create the child element sizes with the format `breakpoint-name--one-tenth`. See the example below or look through `styles/global/grid.scss` for available sizes. Ideally you should not style the padding or margins of `grid` or `grid__item` classes directly or the layout may break. - -> No grid classes exist in the provided templates, meaning you can swap `grid.scss` from your own grid in `theme.scss` without a lot of cleanup necessary. - -
- {% include iframe-toggles.html %} - -
- -``` -
-
- 1 -
-
-
-
- 2.1 -
-
- 2.2 -
-
- 2.3 -
-
- 2.4 -
-
- 2.5 -
-
- 2.6 -
-
-
-
-
-
- 3.1 -
-
- 3.2 -
-
- 3.3 -
-
- 3.4 -
-
- 3.5 -
-
- 3.6 -
-
- 3.7 -
-
-
-
-``` - -### Grid push classes - -Add push classes by adding the breakpoint name to `$breakpoint-has-push` in `variables.scss.liquid`. For this example, push classes for `$medium-up` have been added. By default, no push classes are generated. - -``` -$breakpoint-has-push: ($medium-up); -``` - -
- {% include iframe-toggles.html %} - -
- -``` -
-
- 1 -
-
- 1.1 -
-
-``` - -## SVG icons - -Slate uses SVG icons for easy maintainability. Place your SVG icons in `src/icons`, preface the filename with the name `icon-`. E.g. `icon-cart.svg`, and the icons will become available for use as snippets in your theme. - -> Note: your SVG must use the case sensitive `viewBox` property otherwise it will not be compiled properly - -Usage in Liquid: -``` -{% raw %}{% include 'icon-cart' %}{% endraw %} -``` - -Style it with CSS. All icons will have an `.icon` class added along with its filename. -``` -.icon-cart { - fill: blue; -} -``` - -
- -
- -Below is a list of all available icons and their respective names. - -
- -
- -It is recommended to set descriptive text that also acts as a fallback for icons. See the [demo for visually hiding text and icon fallback text](#visually-hide). - -### Update icons manually - -If you need to add an icon to a live shop without Slate's build tools, follow these steps: - -1. Create an SVG icon. -2. Change the file from an `.svg` extension to `.liquid` and place it in `snippets/`. Make sure the file name starts with `icon-` for consistency. -3. Add `aria-hidden="true"`, `focusable="false"`, and role="presentation" to the `svg` element -5. Add `class="icon"` to the `svg` element. -6. Add a class the same name as the file name to the `svg`. E.g. `icon-cart` -7. Remove any unneeded elements like `DOCTYPE` and ``. -8. Include your new icon with `{% raw %}{% include 'icon-cart' %}{% endraw %}`. - -## Responsive tables - -For proper accessibility, tabular data should be built as a table. Tables are notoriously difficult to build responsively, and while there are a lot of ways to do it, Slate includes a basic approach of adding the column labels as data attributes. Test the demo below in mobile mode to see it in action. - -> Responsive tables are built into `cart.liquid`, `customers/order.liquid`, and `customers/account.liquid` templates. - -
- {% include iframe-toggles.html %} - -
- -``` - - - - - - - - - - - - - - - - - - - - - - - - - -
ProductPriceQuantityTotal
- - Product image - - - Product title - - Remove - - - $25.99 - - - - $25.99 -
- - Product image - - - Product title - - - Remove - - - $19.99 - - - - $39.98 -
-``` - -## Blank states - -It is important to show off some of your theme's layouts and features on a fresh install, but you don't always have shop information available to use as defaults (yet... stay tuned on that one). Global SVGs have been made available to use as dummy content until the merchant is ready to customize the layouts. - -There are 6 product, 6 collection, 2 lifestyle, 1 logo, and 1 generic image available to be used. These are their filenames — replace the `x` with a number: - -``` -- image.svg -- logo.svg -- collection-x.svg -- product-x.svg -- lifestyle-x.svg -``` - -`styles/global/blank-states.scss` uses your theme colors to style the SVGs with your theme. - -
- {% include iframe-toggles.html %} - -
- -``` -// Show dummy products -{% raw %}{% for i in (1..3) %}{% endraw %} - - {% raw %}{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}{% endraw %} - {% raw %}{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}{% endraw %} - Example product title - -{% raw %}{% endfor %}{% endraw %} - -// Show a lifestyle image if the image setting is not set -{% raw %}{% if section.settings.image == blank %}{% endraw %} - {% raw %}{{ 'lifestyle-1' placeholder_svg_tag: 'placeholder-svg' }}{% endraw %} -{% raw %}{% else %}{% endraw %} - {% raw %}{{ section.settings.image | img_tag }}{% endraw %} -{% raw %}{% endif %}{% endraw %} -``` - -## Sass mixins - -### Prefix - -Based on [Bourbon](https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss), generate specific prefixes as needed. - -``` -* { - @include prefix(box-sizing, border-box, webkit moz spec); -} - -Output: -* { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -``` - -### Text alignment per breakpoint - -Change the text alignment based on breakpoint. Only breakpoints that have a [width enabled]({{ '/css-examples/#grid' | prepend: site.baseurl }}) will generate text alignment classes. - -``` -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat mauris, faucibus quis pharetra sit amet, pretium ac libero. Etiam vehicula eleifend bibendum. Morbi gravida metus ut sapien condimentum sodales. -
-``` - -
- {% include iframe-toggles.html %} - -
- - -### Visibility per breakpoint - -Quickly show or hide content based on enabled breakpoints with the class `breakpoint-name--hide` or `breakpoint-name--show`. Only breakpoints that have a [width enabled]({{ '/css-examples/#grid' | prepend: site.baseurl }}) will generate show and hide classes. - -``` -
This red div is only visible below the medium breakpoint
-
This green div is not visible on the small breakpoint
- -``` - -
- {% include iframe-toggles.html %} - -
- -### Visually hide - -Sometimes it is necessary to visually hide content while keeping it accessible in the DOM. This is useful for hiding descriptive text for icons or form labels that you do not want shown. Screen readers, for example, do not read placeholder text on inputs as their label so the `label` element is required. - -``` -// Visually hidden text - - - -// Visually hidden icon fallback text -{% raw %}{% include 'icon-cart' %}{% endraw %} -Cart icon -``` - -
- -
diff --git a/docs/css-examples/responsive-table/index.md b/docs/css-examples/responsive-table/index.md deleted file mode 100644 index ed024ff5f..000000000 --- a/docs/css-examples/responsive-table/index.md +++ /dev/null @@ -1,67 +0,0 @@ ---- -layout: demo ---- - - - - - - - - - - - - - - - - - - - - - - - - - - -
ProductPriceQuantityTotal
- Image - - Product title - - Remove - - - $25.99 - - - - $25.99 -
- Image - - Product title - - - Remove - - - $19.99 - - - - $39.98 -
diff --git a/docs/css-examples/show-hide/index.md b/docs/css-examples/show-hide/index.md deleted file mode 100644 index 71fa7800b..000000000 --- a/docs/css-examples/show-hide/index.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: demo ---- - - - -
This red div is only visible below the medium breakpoint
-
This green div is not visible on the small breakpoint
- diff --git a/docs/css-examples/text-align/index.md b/docs/css-examples/text-align/index.md deleted file mode 100644 index f8145c052..000000000 --- a/docs/css-examples/text-align/index.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -layout: demo ---- - -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat mauris, faucibus quis pharetra sit amet, pretium ac libero. Etiam vehicula eleifend bibendum. Morbi gravida metus ut sapien condimentum sodales. -
diff --git a/docs/css-examples/visually-hidden/index.md b/docs/css-examples/visually-hidden/index.md deleted file mode 100644 index 2f2cff68c..000000000 --- a/docs/css-examples/visually-hidden/index.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -layout: demo ---- - -

Visually hidden input label

- - - -

- Visually hidden descriptive text for icons use the icon-fallback-text class.
- This extends visually-hidden, but will show the text when SVGs are not supported thanks to Modernizr. -

- -Cart icon - -

When SVGs are not supported, no-svg is added to the html tag. The same code as above would instead show this:

-
- - Cart icon -
diff --git a/docs/css/demos.scss b/docs/css/demos.scss deleted file mode 100644 index 7558fbc9c..000000000 --- a/docs/css/demos.scss +++ /dev/null @@ -1,36 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - -@import - "marketing_assets/sass-helpers", - "demo", - "demo-variables" -; - -/* - GitHub pages does not allow you to import scss files outside of the `docs/` - folder (even though it works locally). This means we can't reference Slate's src/ folder with: - "../../src/styles/tools/mixins.scss". - - Instead, we can use the live URL. - Since the repo is currently private this won't work either (yet). - "https://raw.githubusercontent.com/Shopify/slate/master/src/styles/tools/mixins.scss" - - Until that repo is made public, I've added the contents of `/src/styles/` - to `/docs/_sass` in the `slate/` folder. We can switch to live URLs after that. -*/ - -@import - "slate/tools/mixins.scss", - "slate/global/normalize.scss", - "slate/global/slate-reset.scss", - "slate/global/helper-classes.scss", - "slate/global/layout.scss", - "slate/global/grid.scss", - "slate/global/icons.scss", - "slate/global/rte.scss", - "slate/global/responsive-tables.scss", - "slate/global/blank-states.scss" -; diff --git a/docs/css/main.scss b/docs/css/main.scss deleted file mode 100644 index 71a86e727..000000000 --- a/docs/css/main.scss +++ /dev/null @@ -1,12 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - -@import - "syntax_highlighting", - "marketing_assets/sass-helpers", - "custom/custom", - "custom/layout", - "yuidoc" -; diff --git a/docs/css/prettify.min.css b/docs/css/prettify.min.css deleted file mode 100644 index b317a7cda..000000000 --- a/docs/css/prettify.min.css +++ /dev/null @@ -1 +0,0 @@ -.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} diff --git a/docs/css/yuidoc.css b/docs/css/yuidoc.css deleted file mode 100644 index 8d02fb853..000000000 --- a/docs/css/yuidoc.css +++ /dev/null @@ -1,687 +0,0 @@ -/* -Font sizes for all selectors other than the body are given in percentages, -with 100% equal to 13px. To calculate a font size percentage, multiply the -desired size in pixels by 7.6923076923. - -Here's a quick lookup table: - -10px - 76.923% -11px - 84.615% -12px - 92.308% -13px - 100% -14px - 107.692% -15px - 115.385% -16px - 123.077% -17px - 130.769% -18px - 138.462% -19px - 146.154% -20px - 153.846% -*/ - - -.hidden { - display: none; -} - -a:hover { text-decoration: underline; } - -/* "Jump to Table of Contents" link is shown to assistive tools, but hidden from - sight until it's focused. */ -.jump { - position: absolute; - padding: 3px 6px; - left: -99999px; - top: 0; -} - -.jump:focus { left: 40%; } -/* -- Code and examples ----------------------------------------------------- */ -code, kbd, pre, samp { - font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; - font-size: 92.308%; - line-height: 1.35; -} - -p code, p kbd, p samp, li code { - background: #FCFBFA; - border: 1px solid #EFEEED; - padding: 0 3px; -} - -a code, a kbd, a samp, -pre code, pre kbd, pre samp, -table code, table kbd, table samp, -.intro code, .intro kbd, .intro samp, -.toc code, .toc kbd, .toc samp { - background: none; - border: none; - padding: 0; -} - -pre.code, pre.terminal, pre.cmd { - overflow-x: auto; - *overflow-x: scroll; - padding: 0.3em 0.6em; -} - -pre.code { - background: #FCFBFA; - border: 1px solid #EFEEED; - border-left-width: 5px; -} - -pre.terminal, pre.cmd { - background: #F0EFFC; - border: 1px solid #D0CBFB; - border-left: 5px solid #D0CBFB; -} - -/* Don't reduce the font size of // elements inside 
-   blocks. */
-pre code, pre kbd, pre samp { font-size: 100%; }
-
-/* Used to denote text that shouldn't be selectable, such as line numbers or
-   shell prompts. Guess which browser this doesn't work in. */
-.noselect {
-    -moz-user-select: -moz-none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-    user-select: none;
-}
-
-/* -- Lists ----------------------------------------------------------------- */
-dd { margin: 0.2em 0 0.7em 1em; }
-dl { margin: 1em 0; }
-dt { font-weight: bold; }
-
-/* -- Tables ---------------------------------------------------------------- */
-caption, th { text-align: left; }
-
-table {
-    border-collapse: collapse;
-    width: 100%;
-}
-
-td, th {
-    border: 1px solid #fff;
-    padding: 5px 12px;
-    vertical-align: top;
-}
-
-td { background: #E6E9F5; }
-td dl { margin: 0; }
-td dl dl { margin: 1em 0; }
-td pre:first-child { margin-top: 0; }
-
-th {
-    background: #D2D7E6;/*#97A0BF*/
-    border-bottom: none;
-    border-top: none;
-    color: #000;/*#FFF1D5*/
-    font-family: 'Trebuchet MS', sans-serif;
-    font-weight: bold;
-    line-height: 1.3;
-    white-space: nowrap;
-}
-
-
-
-/* -- Table of Contents ----------------------------------------------------- */
-
-/* The #toc id refers to the single global table of contents, while the .toc
-   class refers to generic TOC lists that could be used throughout the page. */
-
-.toc code, .toc kbd, .toc samp { font-size: 100%; }
-.toc li { font-weight: bold; }
-.toc li li { font-weight: normal; }
-
-/* -- Intro and Example Boxes ----------------------------------------------- */
-/*
-.intro, .example { margin-bottom: 2em; }
-.example {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-box-shadow: 0 0 5px #bfbfbf;
-    -webkit-box-shadow: 0 0 5px #bfbfbf;
-    box-shadow: 0 0 5px #bfbfbf;
-    padding: 1em;
-}
-.intro {
-    background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;
-}
-*/
-
-/* -- Other Styles ---------------------------------------------------------- */
-
-/* These are probably YUI-specific, and should be moved out of Selleck's default
-   theme. */
-
-.button {
-    border: 1px solid #dadada;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    color: #444;
-    display: inline-block;
-    font-family: Helvetica, Arial, sans-serif;
-    font-size: 92.308%;
-    font-weight: bold;
-    padding: 4px 13px 3px;
-    -moz-text-shadow: 1px 1px 0 #fff;
-    -webkit-text-shadow: 1px 1px 0 #fff;
-    text-shadow: 1px 1px 0 #fff;
-    white-space: nowrap;
-
-    background: #EFEFEF; /* old browsers */
-    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
-}
-
-.button:hover {
-    border-color: #466899;
-    color: #fff;
-    text-decoration: none;
-    -moz-text-shadow: 1px 1px 0 #222;
-    -webkit-text-shadow: 1px 1px 0 #222;
-    text-shadow: 1px 1px 0 #222;
-
-    background: #6396D8; /* old browsers */
-    background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
-}
-
-.newwindow { text-align: center; }
-
-.header .version em {
-    display: block;
-    text-align: right;
-}
-
-
-#classdocs .item {
-    border-bottom: 1px solid #466899;
-    margin: 1em 0;
-    padding: 1.5em;
-}
-
-#classdocs .item .params p,
-    #classdocs .item .returns p,{
-    display: inline;
-}
-
-#classdocs .item em code, #classdocs .item em.comment {
-    color: green;
-}
-
-#classdocs .item em.comment a {
-    color: green;
-    text-decoration: underline;
-}
-
-#classdocs .foundat {
-    font-size: 11px;
-    font-style: normal;
-}
-
-.attrs .emits {
-    margin-left: 2em;
-    padding: .5em;
-    border-left: 1px dashed #ccc;
-}
-
-abbr {
-    border-bottom: 1px dashed #ccc;
-    font-size: 80%;
-    cursor: help;
-}
-
-.prettyprint li.L0,
-.prettyprint li.L1,
-.prettyprint li.L2,
-.prettyprint li.L3,
-.prettyprint li.L5,
-.prettyprint li.L6,
-.prettyprint li.L7,
-.prettyprint li.L8 {
-    list-style: decimal;
-}
-
-ul li p {
-    margin-top: 0;
-}
-
-.method .name {
-    font-size: 110%;
-}
-
-.apidocs .methods .extends .method,
-.apidocs .properties .extends .property,
-.apidocs .attrs .extends .attr,
-.apidocs .events .extends .event {
-    font-weight: bold;
-}
-
-.apidocs .methods .extends .inherited,
-.apidocs .properties .extends .inherited,
-.apidocs .attrs .extends .inherited,
-.apidocs .events .extends .inherited {
-    font-weight: normal;
-}
-
-#hd {
-    background: whiteSmoke;
-    background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%);
-    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3));
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);
-    border-bottom: 1px solid #DFDFDF;
-    padding: 0 15px 1px 20px;
-    margin-bottom: 15px;
-}
-
-#hd img {
-    margin-right: 10px;
-    vertical-align: middle;
-}
-
-
-/* -- API Docs CSS ---------------------------------------------------------- */
-
-/*
-This file is organized so that more generic styles are nearer the top, and more
-specific styles are nearer the bottom of the file. This allows us to take full
-advantage of the cascade to avoid redundant style rules. Please respect this
-convention when making changes.
-*/
-
-/* -- Generic TabView styles ------------------------------------------------ */
-
-/*
-These styles apply to all API doc tabviews. To change styles only for a
-specific tabview, see the other sections below.
-*/
-
-.yui3-js-enabled .apidocs .tabview {
-    visibility: hidden; /* Hide until the TabView finishes rendering. */
-    _visibility: visible;
-}
-
-.apidocs .tabview.yui3-tabview-content { visibility: visible; }
-
-/* -- Generic Content Styles ------------------------------------------------ */
-
-/* Headings */
-h2, h3, h4, h5, h6 {
-    border: none;
-    color: #333;
-    font-weight: bold;
-    text-decoration: none;
-}
-
-.link-docs {
-    float: right;
-    font-size: 15px;
-    margin: 4px 4px 6px;
-    padding: 6px 30px 5px;
-}
-
-.apidocs { zoom: 1; }
-
-/* Generic box styles. */
-.apidocs .box {
-    border: 1px solid;
-    border-radius: 3px;
-    margin: 1em 0;
-    padding: 0 1em;
-}
-
-/* A flag is a compact, capsule-like indicator of some kind. It's used to
-   indicate private and protected items, item return types, etc. in an
-   attractive and unobtrusive way. */
-.apidocs .flag {
-    background: #bababa;
-    border-radius: 3px;
-    color: #fff;
-    font-size: 11px;
-    margin: 0 0.5em;
-    padding: 2px 4px 1px;
-}
-
-/* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
-.apidocs .meta {
-    background: #f9f9f9;
-    border-color: #efefef;
-    color: #555;
-    font-size: 11px;
-    padding: 3px 6px;
-}
-
-.apidocs .meta p { margin: 0; }
-
-/* Deprecation warning. */
-.apidocs .box.deprecated,
-.apidocs .flag.deprecated {
-    background: #fdac9f;
-    border: 1px solid #fd7775;
-}
-
-.apidocs .box.deprecated p { margin: 0.5em 0; }
-.apidocs .flag.deprecated { color: #333; }
-
-/* Module/Class intro description. */
-.apidocs .intro {
-    background: #f0f1f8;
-    border-color: #d4d8eb;
-}
-
-/* Loading spinners. */
-#bd.loading .apidocs,
-
-#bd.loading .apidocs .content,
-#api-list.loading .yui3-tabview-panel .apis {
-    display: none;
-}
-
-.apidocs .no-visible-items { color: #666; }
-
-/* Generic inline list. */
-.apidocs ul.inline {
-    display: inline;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.apidocs ul.inline li { display: inline; }
-
-/* Comma-separated list. */
-.apidocs ul.commas li:after { content: ','; }
-.apidocs ul.commas li:last-child:after { content: ''; }
-
-/* Keyboard shortcuts. */
-kbd .cmd { font-family: Monaco, Helvetica; }
-
-/* -- Generic Access Level styles ------------------------------------------- */
-.apidocs .item.protected,
-.apidocs .item.private,
-.apidocs .index-item.protected,
-.apidocs .index-item.deprecated,
-.apidocs .index-item.private {
-    display: none;
-}
-
-.show-deprecated .item.deprecated,
-.show-deprecated .index-item.deprecated,
-.show-protected .item.protected,
-.show-protected .index-item.protected,
-.show-private .item.private,
-.show-private .index-item.private {
-    display: block;
-}
-
-.hide-inherited .item.inherited,
-.hide-inherited .index-item.inherited {
-    display: none;
-}
-
-/* -- Generic Item Index styles --------------------------------------------- */
-.apidocs .index { margin: 1.5em 0 3em; }
-
-.apidocs .index h3 {
-    border-bottom: 1px solid #efefef;
-    color: #333;
-    font-size: 13px;
-    margin: 2em 0 0.6em;
-    padding-bottom: 2px;
-}
-
-.apidocs .index .no-visible-items { margin-top: 2em; }
-
-.apidocs .index-list {
-    border-color: #efefef;
-    font-size: 12px;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    -moz-column-count: 4;
-    -moz-column-gap: 10px;
-    -moz-column-width: 170px;
-    -ms-column-count: 4;
-    -ms-column-gap: 10px;
-    -ms-column-width: 170px;
-    -o-column-count: 4;
-    -o-column-gap: 10px;
-    -o-column-width: 170px;
-    -webkit-column-count: 4;
-    -webkit-column-gap: 10px;
-    -webkit-column-width: 170px;
-    column-count: 4;
-    column-gap: 10px;
-    column-width: 170px;
-}
-
-.apidocs .no-columns .index-list {
-    -moz-column-count: 1;
-    -ms-column-count: 1;
-    -o-column-count: 1;
-    -webkit-column-count: 1;
-    column-count: 1;
-}
-
-.apidocs .index-item { white-space: nowrap; }
-
-.apidocs .index-item .flag {
-    background: none;
-    border: none;
-    color: #afafaf;
-    display: inline;
-    margin: 0 0 0 0.2em;
-    padding: 0;
-}
-
-/* -- Generic API item styles ----------------------------------------------- */
-.apidocs .args {
-    display: inline;
-    margin: 0 0.5em;
-}
-
-.apidocs .flag.chainable { background: #46ca3b; }
-.apidocs .flag.protected { background: #9b86fc; }
-.apidocs .flag.private { background: #fd6b1b; }
-.apidocs .flag.async { background: #356de4; }
-.apidocs .flag.required { background: #e60923; }
-
-.apidocs .item {
-    border-bottom: 1px solid #efefef;
-    margin: 1.5em 0 2em;
-    padding-bottom: 2em;
-}
-
-.apidocs .item h4,
-.apidocs .item h5,
-.apidocs .item h6 {
-    color: #333;
-    font-family: inherit;
-    font-size: 100%;
-}
-
-.apidocs .item .description p,
-.apidocs .item pre.code {
-    margin: 1em 0 0;
-}
-
-.apidocs .item .meta {
-    background: none;
-    border: none;
-    padding: 0;
-}
-
-.apidocs .item .name {
-    display: inline;
-    font-size: 14px;
-}
-
-.apidocs .item .type,
-.apidocs .item .type a,
-.apidocs .returns-inline {
-    color: #555;
-}
-
-.apidocs .item .type,
-.apidocs .returns-inline {
-    font-size: 11px;
-    margin: 0 0 0 0;
-}
-
-.apidocs .item .type a { border-bottom: 1px dotted #afafaf; }
-.apidocs .item .type a:hover { border: none; }
-
-/* -- Item Parameter List --------------------------------------------------- */
-.apidocs .params-list {
-    list-style: square;
-    margin: 1em 0 0 2em;
-    padding: 0;
-}
-
-.apidocs .param { margin-bottom: 1em; }
-
-.apidocs .param .type,
-.apidocs .param .type a {
-    color: #666;
-}
-
-.apidocs .param .type {
-    margin: 0 0 0 0.5em;
-    *margin-left: 0.5em;
-}
-
-.apidocs .param-name { font-weight: bold; }
-
-/* -- Item "Emits" block ---------------------------------------------------- */
-.apidocs .item .emits {
-    background: #f9f9f9;
-    border-color: #eaeaea;
-}
-
-/* -- Item "Returns" block -------------------------------------------------- */
-.apidocs .item .returns .type,
-.apidocs .item .returns .type a {
-    font-size: 100%;
-    margin: 0;
-}
-
-/* -- Class Constructor block ----------------------------------------------- */
-.apidocs .constructor .item {
-    border: none;
-    padding-bottom: 0;
-}
-
-/* -- File Source View ------------------------------------------------------ */
-.apidocs .file pre.code,
-#doc .apidocs .file pre.prettyprint {
-    background: inherit;
-    border: none;
-    overflow: visible;
-    padding: 0;
-}
-
-.apidocs .L0,
-.apidocs .L1,
-.apidocs .L2,
-.apidocs .L3,
-.apidocs .L4,
-.apidocs .L5,
-.apidocs .L6,
-.apidocs .L7,
-.apidocs .L8,
-.apidocs .L9 {
-    background: inherit;
-}
-
-/* -- Submodule List -------------------------------------------------------- */
-.apidocs .module-submodule-description {
-    font-size: 12px;
-    margin: 0.3em 0 1em;
-}
-
-.apidocs .module-submodule-description p:first-child { margin-top: 0; }
-
-/* -- Sidebar TabView ------------------------------------------------------- */
-#api-tabview { margin-top: 0.6em; }
-
-#api-tabview-filter {
-    border-bottom: none;
-    border-top: none;
-    padding: 0.6em 10px 0 10px;
-}
-
-#api-tabview-panel { border-top: none; }
-#api-filter { width: 97%; }
-
-/* -- Content TabView ------------------------------------------------------- */
-#classdocs .yui3-tabview-panel { border: none; }
-
-/* -- Source File Contents -------------------------------------------------- */
-.prettyprint li.L0,
-.prettyprint li.L1,
-.prettyprint li.L2,
-.prettyprint li.L3,
-.prettyprint li.L5,
-.prettyprint li.L6,
-.prettyprint li.L7,
-.prettyprint li.L8 {
-    list-style: decimal;
-}
-
-
-/*#api-options label { margin-right: 0.6em; }*/
-
-.apis {
-    font-size: 12px;
-    line-height: 1.4;
-    list-style: none;
-    margin: 0;
-    padding: 0.5em 0 0.5em 0.4em;
-}
-
-.apis a {
-    border: 1px solid transparent;
-    display: block;
-    margin: 0 0 0 -4px;
-    padding: 1px 4px 0;
-    text-decoration: none;
-    _border: none;
-    _display: inline;
-}
-
-.apis a:hover,
-.apis a:focus {
-    background: #E8EDFC;
-    background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7));
-    border-color: #AAC0FA;
-    border-radius: 3px;
-    color: #333;
-    outline: none;
-}
-
-.api-list-item a:hover,
-.api-list-item a:focus {
-    font-weight: bold;
-    text-shadow: 1px 1px 1px #fff;
-}
-
-.apis .message { color: #888; }
-.apis .result a { padding: 3px 5px 2px; }
-
-.apis .result .type {
-    right: 4px;
-    top: 7px;
-}
-
-.api-list-item .yui3-highlight {
-    font-weight: bold;
-}
diff --git a/docs/index.md b/docs/index.md
deleted file mode 100644
index 295b1228b..000000000
--- a/docs/index.md
+++ /dev/null
@@ -1,76 +0,0 @@
----
-layout: default
----
-
-# Slate
-
-Slate is a theme scaffold and command line tool for developing Shopify themes. It is designed to assist your development workflow and speed up the process of developing, testing, and deploying themes to Shopify stores.
-
-Slate allows you to sync local files with your live shop, deploy to multiple environments at the same time, and organize stylesheets and scripts in a flexible way.
-
-## Getting started
-
-

-Slate works with Node version 6.x, the current LTS (long-term support) release.  This version is recommended over older versions of Node.
-

-
-The steps below walk through installing Slate globally and configuring your development theme to sync with your store. If you want the theme files without the build tools dependency, get the latest zip here.
-
-### Create a new project
-
-1. Install Slate with `npm install -g @shopify/slate`.
-2. Create a new theme with `slate theme theme-name`, where `theme-name` will be a newly created folder.
-  * If you already have a theme locally, you can use the `slate migrate` command and [follow these steps](/slate/commands/#migrate) instead.
-
-### Connect your project with your Shopify store
-
-1. Edit the `config.yml` by adding your store's URL to the `development` environment.
-  * **store:** the Shopify-specific URL for this store/environment (ie. my-store.myshopify.com)
-  * Note: You can complete the rest of the configuration in later steps.
-
-2. Run `slate deploy -m` to start a manual deploy to your Shopify store.
-  * Slate will build a Shopify theme and open your store's admin.
-  * A zip of your project will be created in the project's `upload` directory.
-
-3. Upload the theme zip file at Shopify [admin/themes](https://shopify.com/admin/themes).
-  * Not sure how to upload a theme zip? Learn how at [Upload a theme from your computer](https://help.shopify.com/manual/using-themes/install-themes#upload-a-theme-from-your-computer).
-
-4. Edit the `config.yml` to include the theme id of your new theme.  
-  * **theme_id:** the unique id for the theme you want to write to when deploying to this store. You can find this information in the URL of the theme's online editor at Shopify [admin/themes](https://shopify.com/admin/themes). Alternatively, you can use `"live"` as shorthand for the published theme.
-  Private app credentials
-
-5. Create a private app from your Shopify admin.
-  * Not sure how to create a private app? Learn how at [Generate credentials in the Shopify admin](https://help.shopify.com/api/getting-started/api-credentials#generate-credentials-in-the-shopify-admin).
-  * Set the "Theme templates and theme assets" permission to "Read and write".
-  Private app permission requirements
-
-6. Edit the `config.yml` to include the password of your new private app.      
-  * **password:** the password generated via a private app on this store.  Access this information on your Shopify [admin/apps/private](https://shopify.com/admin/apps/private) page.
-  Private app credentials
-  * Note: You can use the same private app password for any `config.yml` environment
-  as long as it is for the same store.
-
-7. From within your new project folder in your command line, use the [Slate commands](#slate-commands) below to build, sync, and watch your local files.
-
-## Slate commands
-
-### Global
-* `slate theme [name]` - Generate a new blank theme
-* `slate migrate` - Convert an existing theme to work with Slate
-* `slate -h` - Options available in your current directory (differs if not in a theme)
-* `slate -v` - See your currently installed version of Slate and dependencies
-
-### Theme
-* `slate build` — Concatenates JS and SCSS, optimizes SVG icons to be used as snippets, and copies over all other files and folders to a `dist` folder
-* `slate deploy` — Builds your `dist` folder and replaces the theme set in config.yml
-* `slate watch` — Listens for changes to your local source files and deploys them to your shop
-* `slate start` — Runs build, deploy, then watch to get you developing on your shop quickly
-* `slate zip` — Builds and compresses your `dist` to a zip file for easy manual upload
-
-> Learn more about [all commands and descriptions](/slate/commands/) or how to [deploy to multiple environments](/slate/commands/#sync-commands).
-
-## Working with Git repositories
-
-A new Slate project comes with a `.gitignore` file.  This file is useful if you plan on using Git for version control as it contains a list of files and folders to be ignored when committing to a git repository. Ignored files are both Slate project specific files as well as commonly ignored files on any project.
-
-For more information on `.gitignore` files, see GitHub's documentation: https://help.github.com/articles/ignoring-files/
diff --git a/docs/js-examples/index.md b/docs/js-examples/index.md
deleted file mode 100644
index 2029e7bf1..000000000
--- a/docs/js-examples/index.md
+++ /dev/null
@@ -1,283 +0,0 @@
----
-layout: default
----
-# JS examples
-
-## Trap focus
-
-It's important to consider keyboard users when using dynamic modules, such as a modal or popover. If they take over the full screen then it's best to limit the user's keyboard access to that module so they don't end up tabbing through hidden elements on the page.
-
-Here's an example of a modal that traps the keyboard focus inside the element when open, and removes the trap when closed.
-
-```
-slate.a11y.trapFocus({ options });
-slate.a11y.removeTrapFocus({ options });
-```
-
-| Parameters         | Type          | Description   |
-| :----------------- | :------------ | :------------ |
-| `$container`       | jQuery object | Container to trap focus within |
-| `namespace`        | string        | Namespace used for new focus event handler |
-| `$elementToFocus`  | jQuery object (optional) | Set an element to be selected after the focus is trapped. Only used in `trapFocus`. |
-
-```
-var $modal = $('#Modal');
-
-$('#TriggerModal').on('click', function() {
-  $modal.addClass('is-active');
-
-  slate.a11y.trapFocus({
-    $container: $modal,
-    namespace: 'modal',
-    $elementToFocus: $modal.find('input[type="text"]')
-  });
-});
-
-$('#CloseModal').on('click', function() {
-  $modal.removeClass('is-active');
-
-  slate.a11y.removeTrapFocus({
-    $container: $modal,
-    namespace: 'modal'
-  });
-});
-```
-
-

-  {% include iframe-toggles.html %}
-  
-

-
-## Responsive tables and videos
-
-Tables and video embeds do not natively scale well on smaller screens. Slate adds a wrapper class to tables and video embeds that are loaded in from a rich text editor.
-
-| Parameters           | Type          | Description   |
-| :------------------- | :------------ | :------------ |
-| `$tables`            | jQuery object | `` elements to be made responsive |
-| `tableWrapperClass`  | string        | CSS class to apply on the `
` that will wrap each targeted `
` element |
-| `$iframes`           | jQuery object | `
-
-
-## Format currency
-
-Slate ships JavaScript to mimic [Shopify money formats](https://help.shopify.com/manual/payment-settings/currency-formatting#currency-formatting-options). This makes handling product prices and cart items in JS simple. ([View currency.js source](https://github.com/Shopify/slate/blob/master/packages/slate-theme/src/scripts/slate/currency.js)).
-
-Slate maps the shop's money format — defined in Liquid — to a JavaScript variable in `layouts/theme.liquid` so it can be used regardless of file type.
-
-In layouts/theme.liquid:
-
-```
-window.theme.moneyFormat: {% raw %}{{ shop.money_format | json }}{% endraw %};
-```
-
-| Parameters      | Type            | Description    |
-| :-------------- | :-------------- | :------------- |
-| `cents`         | string          | Price in cents |
-| `format`        | string          | shop.money_format setting |
-
-In this example, `shop.money_format` is {% raw %}`${{amount}}`{% endraw %} so 1999 cents would be formatted as $19.99.
-
-```
-var itemPrice = 1999; // cents
-slate.Currency.formatMoney(itemPrice, theme.moneyFormat);
-
-// Returns string
-'$19.99'
-```
-
-## Image helpers
-
-| Command | Usage |
-| :------ | :---- |
-| [preload](#preload) | `slate.Images.preload(images, size)` |
-| [imageSize](#imagesize) | `slate.Images.imageSize(src)` |
-| [getSizedImageUrl](#getsizedimageurl) | `slate.Images.getSizedImageUrl(src, size)` |
-| [removeProtocol](#removeprotocol) | `slate.Images.removeProtocol(path)` |
-
-### preload
-
-Preload a single image or an array of images at a given size. A common use for preloading is reducing the loading delay when enlarging a thumbnail.
-
-| Parameters         | Type            | Description   |
-| :----------------- | :-------------- | :------------ |
-| `images`           | array or string | Single image URL or list of image URLs |
-| `size`             | string          | Size of image to request |
-
-```
-slate.Image.preload(['image-url-1.jpg', 'image-url-2.jpg'], '1024x1024');
-```
-
-### imageSize
-
-Get the size of an image based on the URL.
-
-| Parameters      | Type            | Description   |
-| :-------------- | :-------------- | :------------ |
-| `src`           | string          | Image URL     |
-
-```
-slate.Image.imageSize('https://cdn.shopify.com/s/files/big-ol-image_480x480.jpeg');
-
-// Returns string
-'480x480'
-```
-
-### getSizedImageUrl
-
-Adds a Shopify size attribute to a URL
-
-| Parameters      | Type            | Description   |
-| :-------------- | :-------------- | :------------ |
-| `src`           | string          | Image URL     |
-| `size`          | string          | Custom size   |
-
-```
-slate.Image.getSizedImageUrl('https://cdn.shopify.com/s/files/big-ol-image.jpeg', '250x250');
-
-// Returns string
-'https://cdn.shopify.com/s/files/big-ol-image_250x250.jpeg'
-```
-
-### removeProtocol
-
-| Parameters      | Type            | Description   |
-| :-------------- | :-------------- | :------------ |
-| `path`          | string          | Image URL     |
-
-```
-slate.Image.removeProtocol('https://cdn.shopify.com/s/files/big-ol-image_480x480.jpeg')
-
-// Returns string
-'//cdn.shopify.com/s/files/big-ol-image_480x480.jpeg'
-```
-
-## Product variants
-
-The Slate theme has two script files to manage the display of product variants:
-
-| Script      | Location            | Description   |
-| :-------------- | :-------------- | :------------ |
-| [variant.js](#variantjs)    | `scripts/slate`       | Handles variant change events in any forms that add to cart    |
-| [product.js](#productjs)    | `scripts/sections`    | Behaviour coupled to the theme code of product-based sections     |
-
-### variant.js
-
-Slate separates product variant options into multiple `` element that contains all variant IDs needed to properly submit the form.
-
-Slate's `variant.js` also triggers a number of custom events to handle various state changes:
-
-| Events      | Trigger condition |
-| :-------------- | :-------------- |
-| `variantChange`        | When a variant option's `

-    
-      
-        
-        
-        
-        
-        
-      
-    
-    
-      
-        
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-        
-      
-    
-  
ProductTypePriceQuantityTotal
Greta
Hat
$104.961$104.96
77 Ca Skis
Skis
$549.002$1098.00
Aera
Hat
$109.951$109.95

-
-  
Video

-
-  
-
diff --git a/docs/js-examples/trap-focus/index.md b/docs/js-examples/trap-focus/index.md
deleted file mode 100644
index afc7ad6ac..000000000
--- a/docs/js-examples/trap-focus/index.md
+++ /dev/null
@@ -1,70 +0,0 @@
----
-layout: demo
----
-
-
-
-
-
-

-  
-

-
Here is some normal page content. There are some links and inputs below to tab through before opening the modal.

-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat mauris, faucibus quis pharetra sit amet, pretium ac libero. Etiam vehicula eleifend bibendum. Morbi gravida metus ut sapien condimentum sodales mollis augue sodales. Vestibulum quis quam at sem placerat aliquet. Curabitur a felis at sapien ullamcorper fermentum. Mauris molestie arcu et lectus iaculis sit amet eleifend eros posuere. Fusce nec porta orci.

-
-

-  
-  
-

-
-
diff --git a/docs/js/demo.js b/docs/js/demo.js
deleted file mode 100644
index cd49e4885..000000000
--- a/docs/js/demo.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * jQuery throttle / debounce - v1.1 - 3/7/2010
- * http://benalman.com/projects/jquery-throttle-debounce-plugin/
- *
- * Copyright (c) 2010 "Cowboy" Ben Alman
- * Dual licensed under the MIT and GPL licenses.
- * http://benalman.com/about/license/
- */
-(function(b,c){var $=b.jQuery||b.Cowboy||(b.Cowboy={}),a;$.throttle=a=function(e,f,j,i){var h,d=0;if(typeof f!=="boolean"){i=j;j=f;f=c}function g(){var o=this,m=+new Date()-d,n=arguments;function l(){d=+new Date();j.apply(o,n)}function k(){h=c}if(i&&!h){l()}h&&clearTimeout(h);if(i===c&&m>e){l()}else{if(f!==true){h=setTimeout(i?k:l,i===c?e-m:e)}}}if($.guid){g.guid=j.guid=j.guid||$.guid++}return g};$.debounce=function(d,e,f){return f===c?a(d,e,false):a(d,f,e!==false)}})(this);
-
-function resizeIframeToContents(iframe) {
-  iframe.style.height = iframe.contentWindow.document.body.offsetHeight + 5 + 'px';
-};
-
-$(function() {
-  $('.demo-iframe').find('iframe').on('load', function() {
-    resizeIframeToContents(this);
-  });
-
-  $(window).on('resize', $.debounce(250, function() {
-    $('.demo-iframe').find('iframe').each(function() {
-      resizeIframeToContents(this);
-    });
-  }));
-
-  $('.iframe-toggle').on('click', function() {
-    var $el = $(this);
-    var $iframe = $el.parent().next('iframe');
-    var sizeMobile = $el.data('size') === 'mobile';
-    if (sizeMobile) {
-      $iframe.addClass('demo-iframe--mobile');
-    } else {
-      $iframe.removeClass('demo-iframe--mobile');
-    }
-
-    $iframe.one('TransitionEnd webkitTransitionEnd transitionend oTransitionEnd', function() {
-      resizeIframeToContents($iframe[0]);
-    })
-  });
-});
diff --git a/docs/js/tracking.js b/docs/js/tracking.js
deleted file mode 100644
index b2718b1be..000000000
--- a/docs/js/tracking.js
+++ /dev/null
@@ -1,24 +0,0 @@
-(function(){
-  ga = window.ga || {};
-  var gaOptions = {
-    'slateZip' : {
-      hitType: 'event',
-      eventCategory: 'Zip',
-      eventAction: 'download',
-      eventLabel: 'Slate zip file'
-    }
-  }
-
-  function handleTrackedClicks(evt) {
-    var el = evt.target;
-    var gaTrack = el.dataset['gaTrack'];
-    ga('send', gaOptions[gaTrack]);
-  };
-
-  var trackedElements = document.querySelectorAll('[data-ga-track]');
-  var trackedArr = Array.from(trackedElements);
-
-  trackedArr.forEach(function(element){
-    element.addEventListener('click', handleTrackedClicks);
-  });
-})();
diff --git a/docs/theme-scaffold/index.md b/docs/theme-scaffold/index.md
deleted file mode 100644
index f90f414f7..000000000
--- a/docs/theme-scaffold/index.md
+++ /dev/null
@@ -1,167 +0,0 @@
----
-layout: default
----
-
-# Theme scaffold
-
-## Templates and configuration
-
-All configuration files, layouts, and liquid templates required for Theme Store submissions are included. See the [full guidelines for submission here](https://help.shopify.com/themes/development/theme-store-requirements?ref=slate-docs).
-
-```
-config/
-  - settings_data.json
-  - settings_schema.json
-layout/
-  - gift_card
-  - password
-  - theme
-templates/
-  - 404
-  - article
-  - blog
-  - cart
-  - collection
-  - gift_card
-  - index
-  - page.contact
-  - page
-  - password
-  - product
-  - search
-  customers/
-    - account
-    - activate_account
-    - addresses
-    - login
-    - order
-    - register
-    - reset_password
-```
-
-Also included is a **Styles** template (`page.styles.liquid`). This is available to help you visualize your site's layout and styles with dummy content that is common across themes. This is only intended to be used during development. **Remove this template before shipping your theme.**
-
-## Sections
-
-Sections are a way of letting merchants control their own layout and appearance in their themes. Read more about [their introduction here](https://www.shopify.com/partners/blog/introducing-sections-for-shopify-themes) and the [full docs here](https://help.shopify.com/themes/development/theme-editor/sections). Slate includes two types of sections.
-
-### Static sections
-
-Statically-included sections allow for in-context settings when that section is visible in the theme editor.
-
-For example, the product section is included with `{% raw %}{% section 'product' %}{% endraw %}` in `templates/product.liquid`. Any settings defined in the product section will be visible when a merchant visits the product page.
-
-```
-sections/
-  - header
-  - footer
-  - product
-```
-
-### Dynamic sections
-
-Dynamic sections allow merchants to add, edit, and reorder content on their home page. It is highly recommended to read the [sections development documentation](https://help.shopify.com/themes/development/theme-editor/sections) to understand how limitless the possibilities are. Slate provides three common dynamic sections to act as a starting reference.
-
-```
-sections/
-  - collection-list
-  - featured-collection
-  - featured-product
-```
-
-## Sass helpers
-
-

-Slate does not compile Sass to CSS.  Slate uploads .scss files to your theme's /assets directory and compilation is done by Shopify.  Shopify is using a forked version of Sass v3.2 which does not support importing partial Sass files with the @import directive.
-

-
-**Slate is not a CSS framework.** Instead it sets you up to start styling your way quickly with a reset and some helper scaffolding. The base folder names can be changed to suit your workflow. If changing or adding folders, make sure to update the `import` statement in `theme.scss` to `@import url('new-folder/style.scss')`.
-
-```
-styles/
-  global/
-  modules/
-  settings
-  tools/
-  vendor/
-```
-
-### Normalize and reset
-
-A blank starting point is included with [Normalize.css](https://necolas.github.io/normalize.css/) and other helper styles that Shopify's internal themes team has consistently relied on.
-
-* Prevent zooming when inputs are focused on mobile (min 16px font size)
-* Prevent unexpected styles on focused elements
-* IE `