From 7133ba8cc561c8ed7ba07ccc6f54862a2013571a Mon Sep 17 00:00:00 2001 From: Geoff Kimball Date: Fri, 26 Feb 2016 11:24:39 -0800 Subject: [PATCH] Remove Foundation 5 docs accidentally added to dist folder --- dist/assets/LICENSE | 22 - dist/assets/README.md | 46 - dist/assets/bower.json | 21 - dist/assets/css/foundation.css | 6606 -------- dist/assets/css/foundation.css.map | 7 - dist/assets/css/foundation.min.css | 1 - dist/assets/css/normalize.css | 356 - dist/assets/css/normalize.css.map | 7 - dist/assets/css/normalize.min.css | 1 - dist/assets/js/foundation.js | 6603 -------- dist/assets/js/foundation.min.js | 5 - dist/assets/js/foundation/foundation.abide.js | 426 - .../js/foundation/foundation.accordion.js | 126 - dist/assets/js/foundation/foundation.alert.js | 43 - .../js/foundation/foundation.clearing.js | 586 - .../js/foundation/foundation.dropdown.js | 471 - .../js/foundation/foundation.equalizer.js | 104 - .../js/foundation/foundation.interchange.js | 360 - .../js/foundation/foundation.joyride.js | 935 -- dist/assets/js/foundation/foundation.js | 732 - .../js/foundation/foundation.magellan.js | 214 - .../js/foundation/foundation.offcanvas.js | 225 - dist/assets/js/foundation/foundation.orbit.js | 476 - .../assets/js/foundation/foundation.reveal.js | 540 - .../assets/js/foundation/foundation.slider.js | 296 - dist/assets/js/foundation/foundation.tab.js | 247 - .../js/foundation/foundation.tooltip.js | 348 - .../assets/js/foundation/foundation.topbar.js | 458 - dist/assets/js/vendor/fastclick.js | 8 - dist/assets/js/vendor/jquery.cookie.js | 8 - dist/assets/js/vendor/jquery.js | 26 - dist/assets/js/vendor/modernizr.js | 8 - dist/assets/js/vendor/placeholder.js | 2 - dist/assets/package.json | 57 - dist/assets/scss/foundation.scss | 42 - dist/assets/scss/foundation/_functions.scss | 156 - dist/assets/scss/foundation/_settings.scss | 1491 -- .../foundation/components/_accordion.scss | 161 - .../foundation/components/_alert-boxes.scss | 128 - .../foundation/components/_block-grid.scss | 133 - .../foundation/components/_breadcrumbs.scss | 133 - .../foundation/components/_button-groups.scss | 209 - .../scss/foundation/components/_buttons.scss | 261 - .../scss/foundation/components/_clearing.scss | 260 - .../components/_dropdown-buttons.scss | 130 - .../scss/foundation/components/_dropdown.scss | 269 - .../foundation/components/_flex-video.scss | 51 - .../scss/foundation/components/_forms.scss | 607 - .../scss/foundation/components/_global.scss | 564 - .../scss/foundation/components/_grid.scss | 292 - .../scss/foundation/components/_icon-bar.scss | 460 - .../foundation/components/_inline-lists.scss | 58 - .../scss/foundation/components/_joyride.scss | 220 - .../foundation/components/_keystrokes.scss | 60 - .../scss/foundation/components/_labels.scss | 106 - .../scss/foundation/components/_magellan.scss | 34 - .../foundation/components/_offcanvas.scss | 606 - .../scss/foundation/components/_orbit.scss | 388 - .../foundation/components/_pagination.scss | 163 - .../scss/foundation/components/_panels.scss | 107 - .../components/_pricing-tables.scss | 150 - .../foundation/components/_progress-bars.scss | 85 - .../foundation/components/_range-slider.scss | 177 - .../scss/foundation/components/_reveal.scss | 213 - .../scss/foundation/components/_side-nav.scss | 120 - .../foundation/components/_split-buttons.scss | 203 - .../scss/foundation/components/_sub-nav.scss | 125 - .../scss/foundation/components/_switches.scss | 241 - .../scss/foundation/components/_tables.scss | 135 - .../scss/foundation/components/_tabs.scss | 142 - .../scss/foundation/components/_thumbs.scss | 66 - .../scss/foundation/components/_tooltips.scss | 151 - .../scss/foundation/components/_top-bar.scss | 745 - .../scss/foundation/components/_type.scss | 525 - .../foundation/components/_visibility.scss | 425 - dist/assets/scss/normalize.scss | 424 - dist/docs/accessibility.html | 651 - dist/docs/applications.html | 592 - dist/docs/assets/css/docs.css | 9353 ----------- dist/docs/assets/css/docs.css.map | 7 - .../assets/img/examples/andromeda-orbit.jpg | Bin 135872 -> 0 bytes .../assets/img/examples/andromeda-th-sm.jpg | Bin 34459 -> 0 bytes .../docs/assets/img/examples/andromeda-th.jpg | Bin 80918 -> 0 bytes dist/docs/assets/img/examples/andromeda.jpg | Bin 280343 -> 0 bytes dist/docs/assets/img/examples/comet-th-sm.jpg | Bin 27886 -> 0 bytes dist/docs/assets/img/examples/comet-th.jpg | Bin 110900 -> 0 bytes dist/docs/assets/img/examples/comet.jpg | Bin 203984 -> 0 bytes dist/docs/assets/img/examples/earth-th-sm.jpg | Bin 22133 -> 0 bytes dist/docs/assets/img/examples/earth-th.jpg | Bin 29118 -> 0 bytes dist/docs/assets/img/examples/earth.jpg | Bin 72039 -> 0 bytes .../assets/img/examples/endevour-th-sm.jpg | Bin 34125 -> 0 bytes dist/docs/assets/img/examples/endevour-th.jpg | Bin 73889 -> 0 bytes dist/docs/assets/img/examples/endevour.jpg | Bin 307039 -> 0 bytes .../docs/assets/img/examples/launch-orbit.jpg | Bin 45650 -> 0 bytes .../docs/assets/img/examples/launch-th-sm.jpg | Bin 24289 -> 0 bytes dist/docs/assets/img/examples/launch-th.jpg | Bin 102111 -> 0 bytes dist/docs/assets/img/examples/launch.jpg | Bin 89025 -> 0 bytes dist/docs/assets/img/examples/map-medium.png | Bin 543557 -> 0 bytes dist/docs/assets/img/examples/map-small.png | Bin 475516 -> 0 bytes dist/docs/assets/img/examples/moon-th-sm.jpg | Bin 32408 -> 0 bytes dist/docs/assets/img/examples/moon-th.jpg | Bin 66591 -> 0 bytes dist/docs/assets/img/examples/moon.jpg | Bin 235011 -> 0 bytes .../assets/img/examples/satelite-orbit.jpg | Bin 112507 -> 0 bytes .../assets/img/examples/satelite-th-sm.jpg | Bin 35767 -> 0 bytes dist/docs/assets/img/examples/satelite-th.jpg | Bin 75548 -> 0 bytes dist/docs/assets/img/examples/satelite.jpg | Bin 203396 -> 0 bytes dist/docs/assets/img/examples/space-large.jpg | Bin 56157 -> 0 bytes .../docs/assets/img/examples/space-medium.jpg | Bin 44438 -> 0 bytes dist/docs/assets/img/examples/space-small.jpg | Bin 28474 -> 0 bytes dist/docs/assets/img/examples/space-th-sm.jpg | Bin 27854 -> 0 bytes dist/docs/assets/img/examples/space-th.jpg | Bin 131150 -> 0 bytes dist/docs/assets/img/examples/space.jpg | Bin 161588 -> 0 bytes .../assets/img/examples/spacewalk-th-sm.jpg | Bin 34024 -> 0 bytes .../docs/assets/img/examples/spacewalk-th.jpg | Bin 177614 -> 0 bytes dist/docs/assets/img/examples/spacewalk.jpg | Bin 330227 -> 0 bytes dist/docs/assets/img/fader.png | Bin 25655 -> 0 bytes .../assets/img/icons-font/fi-arrow-right.svg | 12 - dist/docs/assets/img/icons-font/fi-folder.svg | 11 - dist/docs/assets/img/icons-font/fi-page.svg | 11 - .../apple-touch-icon-114x114-precomposed.png | Bin 5526 -> 0 bytes .../apple-touch-icon-144x144-precomposed.png | Bin 4470 -> 0 bytes .../apple-touch-icon-72x72-precomposed.png | Bin 4434 -> 0 bytes .../icons/apple-touch-icon-precomposed.png | Bin 4328 -> 0 bytes dist/docs/assets/img/icons/favicon.ico | Bin 1406 -> 0 bytes .../assets/img/icons/footer-expo-retina.png | Bin 2137 -> 0 bytes dist/docs/assets/img/icons/footer-expo.png | Bin 1353 -> 0 bytes .../img/icons/footer-foundation-retina.png | Bin 1980 -> 0 bytes .../assets/img/icons/footer-foundation.png | Bin 1297 -> 0 bytes .../assets/img/icons/footer-icons-retina.png | Bin 6389 -> 0 bytes dist/docs/assets/img/icons/footer-icons.png | Bin 5662 -> 0 bytes .../img/icons/footer-products-retina.png | Bin 2187 -> 0 bytes .../docs/assets/img/icons/footer-products.png | Bin 1466 -> 0 bytes .../img/icons/footer-studios-retina.png | Bin 2725 -> 0 bytes dist/docs/assets/img/icons/footer-studios.png | Bin 1565 -> 0 bytes .../img/icons/footer-top-icons-retina.png | Bin 3647 -> 0 bytes .../assets/img/icons/footer-top-icons.png | Bin 4645 -> 0 bytes .../assets/img/icons/footer-university.png | Bin 1353 -> 0 bytes dist/docs/assets/img/icons/plane.svg | 3382 ---- dist/docs/assets/img/icons/social-retina.png | Bin 6847 -> 0 bytes dist/docs/assets/img/icons/social.png | Bin 3815 -> 0 bytes dist/docs/assets/img/images/app_scss.png | Bin 57479 -> 0 bytes .../assets/img/images/button_settings.png | Bin 71322 -> 0 bytes dist/docs/assets/img/images/cactus.jpg | Bin 17058 -> 0 bytes dist/docs/assets/img/images/codekit.png | Bin 263219 -> 0 bytes dist/docs/assets/img/images/css.svg | 132 - .../img/images/faster-to-code-medium.svg | 487 - .../docs/assets/img/images/faster-to-code.svg | 1826 --- dist/docs/assets/img/images/fi-bookmark.svg | 11 - dist/docs/assets/img/images/fi-home.svg | 9 - dist/docs/assets/img/images/fi-info.svg | 12 - dist/docs/assets/img/images/fi-like.svg | 15 - dist/docs/assets/img/images/fi-mail.svg | 17 - dist/docs/assets/img/images/file_listing.png | Bin 1289119 -> 0 bytes .../assets/img/images/foundation-forum.svg | 219 - dist/docs/assets/img/images/git.svg | 84 - dist/docs/assets/img/images/globalstyles.svg | 88 - dist/docs/assets/img/images/howtouse.svg | 95 - dist/docs/assets/img/images/mixture_yeti.svg | 165 - dist/docs/assets/img/images/node.svg | 105 - dist/docs/assets/img/images/rails.svg | 101 - .../img/images/responsive-banner-main.svg | 264 - .../assets/img/images/responsive-medium.svg | 516 - dist/docs/assets/img/images/responsive.svg | 540 - dist/docs/assets/img/images/ruby.svg | 163 - dist/docs/assets/img/images/scss.svg | 108 - dist/docs/assets/img/images/scssflow-med.svg | 959 -- .../docs/assets/img/images/scssflow-small.svg | 458 - dist/docs/assets/img/images/scssflow.svg | 957 -- .../assets/img/images/support-business-gs.svg | 133 - .../assets/img/images/support-forum-gs.svg | 116 - .../docs/assets/img/images/support-github.svg | 121 - dist/docs/assets/img/images/using-css.png | Bin 47569 -> 0 bytes dist/docs/assets/img/images/whatyouget.svg | 72 - .../img/offcanvas/footer-icons-retina.png | Bin 15174 -> 0 bytes .../assets/img/offcanvas/footer-icons.png | Bin 5803 -> 0 bytes dist/docs/assets/img/offcanvas/menu-wht.png | Bin 1876 -> 0 bytes dist/docs/assets/img/offcanvas/search.png | Bin 1192 -> 0 bytes dist/docs/assets/img/offcanvas/zurb-logo.png | Bin 1746 -> 0 bytes dist/docs/assets/img/offcanvas/zurb-wht.png | Bin 15172 -> 0 bytes dist/docs/assets/img/spaceship.svg | 434 - dist/docs/assets/img/yeti-pointing.svg | 13084 ---------------- dist/docs/assets/img/yeti-ruby.png | Bin 11074 -> 0 bytes dist/docs/assets/img/zurb-logo.svg | 27 - dist/docs/assets/js/all.js | 39 - dist/docs/assets/js/modernizr.js | 8 - dist/docs/assets/js/templates.js | 120 - dist/docs/changelog.html | 1309 -- dist/docs/compatibility.html | 652 - dist/docs/components/abide.html | 995 -- dist/docs/components/accordion.html | 989 -- dist/docs/components/alert_boxes.html | 840 - dist/docs/components/block_grid.html | 721 - dist/docs/components/breadcrumbs.html | 739 - dist/docs/components/button_groups.html | 870 - dist/docs/components/buttons.html | 790 - dist/docs/components/clearing.html | 782 - dist/docs/components/dropdown.html | 985 -- dist/docs/components/dropdown_buttons.html | 805 - dist/docs/components/equalizer.html | 864 - dist/docs/components/faq.html | 592 - dist/docs/components/flex_video.html | 680 - dist/docs/components/forms.html | 1228 -- dist/docs/components/global.html | 1118 -- dist/docs/components/grid.html | 1031 -- dist/docs/components/icon-bar.html | 982 -- dist/docs/components/inline_lists.html | 667 - dist/docs/components/interchange-default.html | 3 - dist/docs/components/interchange-large.html | 14 - dist/docs/components/interchange-medium.html | 3 - dist/docs/components/interchange.html | 759 - dist/docs/components/joyride.html | 793 - dist/docs/components/keystrokes.html | 637 - dist/docs/components/kitchen_sink.html | 1402 -- dist/docs/components/labels.html | 706 - dist/docs/components/magellan.html | 698 - dist/docs/components/offcanvas.html | 1477 -- dist/docs/components/orbit.html | 985 -- dist/docs/components/pagination.html | 813 - dist/docs/components/panels.html | 714 - dist/docs/components/pricing_tables.html | 735 - dist/docs/components/progress_bars.html | 741 - dist/docs/components/range_slider.html | 966 -- dist/docs/components/reveal.html | 1011 -- dist/docs/components/rtl.html | 620 - dist/docs/components/sidenav.html | 763 - dist/docs/components/split_buttons.html | 770 - dist/docs/components/subnav.html | 729 - dist/docs/components/support.html | 687 - dist/docs/components/switch.html | 769 - dist/docs/components/tables.html | 811 - dist/docs/components/tabs.html | 890 -- dist/docs/components/thumbnails.html | 709 - dist/docs/components/tooltips.html | 726 - dist/docs/components/topbar.html | 1173 -- dist/docs/components/typography.html | 1063 -- dist/docs/components/visibility.html | 838 - dist/docs/css.html | 729 - dist/docs/index.html | 1077 -- dist/docs/javascript-utilities.html | 851 - dist/docs/javascript.html | 1121 -- dist/docs/media-queries.html | 655 - dist/docs/offcanvas.html | 137 - dist/docs/sass-files.html | 711 - dist/docs/sass.html | 976 -- dist/docs/upgrading.html | 844 - dist/docs/using-sass.html | 669 - dist/docs/utility-classes.html | 727 - 247 files changed, 116032 deletions(-) delete mode 100644 dist/assets/LICENSE delete mode 100644 dist/assets/README.md delete mode 100644 dist/assets/bower.json delete mode 100644 dist/assets/css/foundation.css delete mode 100644 dist/assets/css/foundation.css.map delete mode 100644 dist/assets/css/foundation.min.css delete mode 100644 dist/assets/css/normalize.css delete mode 100644 dist/assets/css/normalize.css.map delete mode 100644 dist/assets/css/normalize.min.css delete mode 100644 dist/assets/js/foundation.js delete mode 100644 dist/assets/js/foundation.min.js delete mode 100644 dist/assets/js/foundation/foundation.abide.js delete mode 100644 dist/assets/js/foundation/foundation.accordion.js delete mode 100644 dist/assets/js/foundation/foundation.alert.js delete mode 100644 dist/assets/js/foundation/foundation.clearing.js delete mode 100644 dist/assets/js/foundation/foundation.dropdown.js delete mode 100644 dist/assets/js/foundation/foundation.equalizer.js delete mode 100644 dist/assets/js/foundation/foundation.interchange.js delete mode 100644 dist/assets/js/foundation/foundation.joyride.js delete mode 100644 dist/assets/js/foundation/foundation.js delete mode 100644 dist/assets/js/foundation/foundation.magellan.js delete mode 100644 dist/assets/js/foundation/foundation.offcanvas.js delete mode 100644 dist/assets/js/foundation/foundation.orbit.js delete mode 100644 dist/assets/js/foundation/foundation.reveal.js delete mode 100644 dist/assets/js/foundation/foundation.slider.js delete mode 100644 dist/assets/js/foundation/foundation.tab.js delete mode 100644 dist/assets/js/foundation/foundation.tooltip.js delete mode 100644 dist/assets/js/foundation/foundation.topbar.js delete mode 100644 dist/assets/js/vendor/fastclick.js delete mode 100644 dist/assets/js/vendor/jquery.cookie.js delete mode 100644 dist/assets/js/vendor/jquery.js delete mode 100644 dist/assets/js/vendor/modernizr.js delete mode 100644 dist/assets/js/vendor/placeholder.js delete mode 100644 dist/assets/package.json delete mode 100644 dist/assets/scss/foundation.scss delete mode 100644 dist/assets/scss/foundation/_functions.scss delete mode 100644 dist/assets/scss/foundation/_settings.scss delete mode 100644 dist/assets/scss/foundation/components/_accordion.scss delete mode 100644 dist/assets/scss/foundation/components/_alert-boxes.scss delete mode 100644 dist/assets/scss/foundation/components/_block-grid.scss delete mode 100644 dist/assets/scss/foundation/components/_breadcrumbs.scss delete mode 100644 dist/assets/scss/foundation/components/_button-groups.scss delete mode 100644 dist/assets/scss/foundation/components/_buttons.scss delete mode 100644 dist/assets/scss/foundation/components/_clearing.scss delete mode 100644 dist/assets/scss/foundation/components/_dropdown-buttons.scss delete mode 100644 dist/assets/scss/foundation/components/_dropdown.scss delete mode 100644 dist/assets/scss/foundation/components/_flex-video.scss delete mode 100644 dist/assets/scss/foundation/components/_forms.scss delete mode 100644 dist/assets/scss/foundation/components/_global.scss delete mode 100644 dist/assets/scss/foundation/components/_grid.scss delete mode 100644 dist/assets/scss/foundation/components/_icon-bar.scss delete mode 100644 dist/assets/scss/foundation/components/_inline-lists.scss delete mode 100644 dist/assets/scss/foundation/components/_joyride.scss delete mode 100644 dist/assets/scss/foundation/components/_keystrokes.scss delete mode 100644 dist/assets/scss/foundation/components/_labels.scss delete mode 100644 dist/assets/scss/foundation/components/_magellan.scss delete mode 100644 dist/assets/scss/foundation/components/_offcanvas.scss delete mode 100644 dist/assets/scss/foundation/components/_orbit.scss delete mode 100644 dist/assets/scss/foundation/components/_pagination.scss delete mode 100644 dist/assets/scss/foundation/components/_panels.scss delete mode 100644 dist/assets/scss/foundation/components/_pricing-tables.scss delete mode 100644 dist/assets/scss/foundation/components/_progress-bars.scss delete mode 100644 dist/assets/scss/foundation/components/_range-slider.scss delete mode 100644 dist/assets/scss/foundation/components/_reveal.scss delete mode 100644 dist/assets/scss/foundation/components/_side-nav.scss delete mode 100644 dist/assets/scss/foundation/components/_split-buttons.scss delete mode 100644 dist/assets/scss/foundation/components/_sub-nav.scss delete mode 100644 dist/assets/scss/foundation/components/_switches.scss delete mode 100644 dist/assets/scss/foundation/components/_tables.scss delete mode 100644 dist/assets/scss/foundation/components/_tabs.scss delete mode 100644 dist/assets/scss/foundation/components/_thumbs.scss delete mode 100644 dist/assets/scss/foundation/components/_tooltips.scss delete mode 100644 dist/assets/scss/foundation/components/_top-bar.scss delete mode 100644 dist/assets/scss/foundation/components/_type.scss delete mode 100644 dist/assets/scss/foundation/components/_visibility.scss delete mode 100644 dist/assets/scss/normalize.scss delete mode 100644 dist/docs/accessibility.html delete mode 100644 dist/docs/applications.html delete mode 100644 dist/docs/assets/css/docs.css delete mode 100644 dist/docs/assets/css/docs.css.map delete mode 100644 dist/docs/assets/img/examples/andromeda-orbit.jpg delete mode 100644 dist/docs/assets/img/examples/andromeda-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/andromeda-th.jpg delete mode 100644 dist/docs/assets/img/examples/andromeda.jpg delete mode 100644 dist/docs/assets/img/examples/comet-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/comet-th.jpg delete mode 100644 dist/docs/assets/img/examples/comet.jpg delete mode 100644 dist/docs/assets/img/examples/earth-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/earth-th.jpg delete mode 100644 dist/docs/assets/img/examples/earth.jpg delete mode 100644 dist/docs/assets/img/examples/endevour-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/endevour-th.jpg delete mode 100644 dist/docs/assets/img/examples/endevour.jpg delete mode 100644 dist/docs/assets/img/examples/launch-orbit.jpg delete mode 100644 dist/docs/assets/img/examples/launch-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/launch-th.jpg delete mode 100644 dist/docs/assets/img/examples/launch.jpg delete mode 100644 dist/docs/assets/img/examples/map-medium.png delete mode 100644 dist/docs/assets/img/examples/map-small.png delete mode 100644 dist/docs/assets/img/examples/moon-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/moon-th.jpg delete mode 100644 dist/docs/assets/img/examples/moon.jpg delete mode 100644 dist/docs/assets/img/examples/satelite-orbit.jpg delete mode 100644 dist/docs/assets/img/examples/satelite-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/satelite-th.jpg delete mode 100644 dist/docs/assets/img/examples/satelite.jpg delete mode 100644 dist/docs/assets/img/examples/space-large.jpg delete mode 100644 dist/docs/assets/img/examples/space-medium.jpg delete mode 100644 dist/docs/assets/img/examples/space-small.jpg delete mode 100644 dist/docs/assets/img/examples/space-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/space-th.jpg delete mode 100644 dist/docs/assets/img/examples/space.jpg delete mode 100644 dist/docs/assets/img/examples/spacewalk-th-sm.jpg delete mode 100644 dist/docs/assets/img/examples/spacewalk-th.jpg delete mode 100644 dist/docs/assets/img/examples/spacewalk.jpg delete mode 100644 dist/docs/assets/img/fader.png delete mode 100644 dist/docs/assets/img/icons-font/fi-arrow-right.svg delete mode 100644 dist/docs/assets/img/icons-font/fi-folder.svg delete mode 100644 dist/docs/assets/img/icons-font/fi-page.svg delete mode 100644 dist/docs/assets/img/icons/apple-touch-icon-114x114-precomposed.png delete mode 100644 dist/docs/assets/img/icons/apple-touch-icon-144x144-precomposed.png delete mode 100644 dist/docs/assets/img/icons/apple-touch-icon-72x72-precomposed.png delete mode 100644 dist/docs/assets/img/icons/apple-touch-icon-precomposed.png delete mode 100644 dist/docs/assets/img/icons/favicon.ico delete mode 100644 dist/docs/assets/img/icons/footer-expo-retina.png delete mode 100644 dist/docs/assets/img/icons/footer-expo.png delete mode 100644 dist/docs/assets/img/icons/footer-foundation-retina.png delete mode 100644 dist/docs/assets/img/icons/footer-foundation.png delete mode 100644 dist/docs/assets/img/icons/footer-icons-retina.png delete mode 100644 dist/docs/assets/img/icons/footer-icons.png delete mode 100644 dist/docs/assets/img/icons/footer-products-retina.png delete mode 100644 dist/docs/assets/img/icons/footer-products.png delete mode 100644 dist/docs/assets/img/icons/footer-studios-retina.png delete mode 100644 dist/docs/assets/img/icons/footer-studios.png delete mode 100644 dist/docs/assets/img/icons/footer-top-icons-retina.png delete mode 100644 dist/docs/assets/img/icons/footer-top-icons.png delete mode 100644 dist/docs/assets/img/icons/footer-university.png delete mode 100644 dist/docs/assets/img/icons/plane.svg delete mode 100644 dist/docs/assets/img/icons/social-retina.png delete mode 100644 dist/docs/assets/img/icons/social.png delete mode 100644 dist/docs/assets/img/images/app_scss.png delete mode 100644 dist/docs/assets/img/images/button_settings.png delete mode 100644 dist/docs/assets/img/images/cactus.jpg delete mode 100644 dist/docs/assets/img/images/codekit.png delete mode 100644 dist/docs/assets/img/images/css.svg delete mode 100644 dist/docs/assets/img/images/faster-to-code-medium.svg delete mode 100644 dist/docs/assets/img/images/faster-to-code.svg delete mode 100644 dist/docs/assets/img/images/fi-bookmark.svg delete mode 100644 dist/docs/assets/img/images/fi-home.svg delete mode 100644 dist/docs/assets/img/images/fi-info.svg delete mode 100644 dist/docs/assets/img/images/fi-like.svg delete mode 100644 dist/docs/assets/img/images/fi-mail.svg delete mode 100644 dist/docs/assets/img/images/file_listing.png delete mode 100644 dist/docs/assets/img/images/foundation-forum.svg delete mode 100644 dist/docs/assets/img/images/git.svg delete mode 100644 dist/docs/assets/img/images/globalstyles.svg delete mode 100644 dist/docs/assets/img/images/howtouse.svg delete mode 100644 dist/docs/assets/img/images/mixture_yeti.svg delete mode 100644 dist/docs/assets/img/images/node.svg delete mode 100644 dist/docs/assets/img/images/rails.svg delete mode 100644 dist/docs/assets/img/images/responsive-banner-main.svg delete mode 100644 dist/docs/assets/img/images/responsive-medium.svg delete mode 100644 dist/docs/assets/img/images/responsive.svg delete mode 100644 dist/docs/assets/img/images/ruby.svg delete mode 100644 dist/docs/assets/img/images/scss.svg delete mode 100644 dist/docs/assets/img/images/scssflow-med.svg delete mode 100644 dist/docs/assets/img/images/scssflow-small.svg delete mode 100644 dist/docs/assets/img/images/scssflow.svg delete mode 100644 dist/docs/assets/img/images/support-business-gs.svg delete mode 100644 dist/docs/assets/img/images/support-forum-gs.svg delete mode 100644 dist/docs/assets/img/images/support-github.svg delete mode 100644 dist/docs/assets/img/images/using-css.png delete mode 100644 dist/docs/assets/img/images/whatyouget.svg delete mode 100644 dist/docs/assets/img/offcanvas/footer-icons-retina.png delete mode 100644 dist/docs/assets/img/offcanvas/footer-icons.png delete mode 100644 dist/docs/assets/img/offcanvas/menu-wht.png delete mode 100644 dist/docs/assets/img/offcanvas/search.png delete mode 100644 dist/docs/assets/img/offcanvas/zurb-logo.png delete mode 100644 dist/docs/assets/img/offcanvas/zurb-wht.png delete mode 100644 dist/docs/assets/img/spaceship.svg delete mode 100644 dist/docs/assets/img/yeti-pointing.svg delete mode 100644 dist/docs/assets/img/yeti-ruby.png delete mode 100644 dist/docs/assets/img/zurb-logo.svg delete mode 100644 dist/docs/assets/js/all.js delete mode 100644 dist/docs/assets/js/modernizr.js delete mode 100644 dist/docs/assets/js/templates.js delete mode 100644 dist/docs/changelog.html delete mode 100644 dist/docs/compatibility.html delete mode 100644 dist/docs/components/abide.html delete mode 100644 dist/docs/components/accordion.html delete mode 100644 dist/docs/components/alert_boxes.html delete mode 100644 dist/docs/components/block_grid.html delete mode 100644 dist/docs/components/breadcrumbs.html delete mode 100644 dist/docs/components/button_groups.html delete mode 100644 dist/docs/components/buttons.html delete mode 100644 dist/docs/components/clearing.html delete mode 100644 dist/docs/components/dropdown.html delete mode 100644 dist/docs/components/dropdown_buttons.html delete mode 100644 dist/docs/components/equalizer.html delete mode 100644 dist/docs/components/faq.html delete mode 100644 dist/docs/components/flex_video.html delete mode 100644 dist/docs/components/forms.html delete mode 100644 dist/docs/components/global.html delete mode 100644 dist/docs/components/grid.html delete mode 100644 dist/docs/components/icon-bar.html delete mode 100644 dist/docs/components/inline_lists.html delete mode 100644 dist/docs/components/interchange-default.html delete mode 100644 dist/docs/components/interchange-large.html delete mode 100644 dist/docs/components/interchange-medium.html delete mode 100644 dist/docs/components/interchange.html delete mode 100644 dist/docs/components/joyride.html delete mode 100644 dist/docs/components/keystrokes.html delete mode 100644 dist/docs/components/kitchen_sink.html delete mode 100644 dist/docs/components/labels.html delete mode 100644 dist/docs/components/magellan.html delete mode 100644 dist/docs/components/offcanvas.html delete mode 100644 dist/docs/components/orbit.html delete mode 100644 dist/docs/components/pagination.html delete mode 100644 dist/docs/components/panels.html delete mode 100644 dist/docs/components/pricing_tables.html delete mode 100644 dist/docs/components/progress_bars.html delete mode 100644 dist/docs/components/range_slider.html delete mode 100644 dist/docs/components/reveal.html delete mode 100644 dist/docs/components/rtl.html delete mode 100644 dist/docs/components/sidenav.html delete mode 100644 dist/docs/components/split_buttons.html delete mode 100644 dist/docs/components/subnav.html delete mode 100644 dist/docs/components/support.html delete mode 100644 dist/docs/components/switch.html delete mode 100644 dist/docs/components/tables.html delete mode 100644 dist/docs/components/tabs.html delete mode 100644 dist/docs/components/thumbnails.html delete mode 100644 dist/docs/components/tooltips.html delete mode 100644 dist/docs/components/topbar.html delete mode 100644 dist/docs/components/typography.html delete mode 100644 dist/docs/components/visibility.html delete mode 100644 dist/docs/css.html delete mode 100644 dist/docs/index.html delete mode 100644 dist/docs/javascript-utilities.html delete mode 100644 dist/docs/javascript.html delete mode 100644 dist/docs/media-queries.html delete mode 100644 dist/docs/offcanvas.html delete mode 100644 dist/docs/sass-files.html delete mode 100644 dist/docs/sass.html delete mode 100644 dist/docs/upgrading.html delete mode 100644 dist/docs/using-sass.html delete mode 100644 dist/docs/utility-classes.html diff --git a/dist/assets/LICENSE b/dist/assets/LICENSE deleted file mode 100644 index 1e12290bd..000000000 --- a/dist/assets/LICENSE +++ /dev/null @@ -1,22 +0,0 @@ -Copyright (c) 2013-2015 ZURB, inc. - -MIT License - -Permission is hereby granted, free of charge, to any person obtaining -a copy of this software and associated documentation files (the -"Software"), to deal in the Software without restriction, including -without limitation the rights to use, copy, modify, merge, publish, -distribute, sublicense, and/or sell copies of the Software, and to -permit persons to whom the Software is furnished to do so, subject to -the following conditions: - -The above copyright notice and this permission notice shall be -included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/dist/assets/README.md b/dist/assets/README.md deleted file mode 100644 index d5ef5fc6a..000000000 --- a/dist/assets/README.md +++ /dev/null @@ -1,46 +0,0 @@ -# [Foundation](http://foundation.zurb.com) - -[![Build Status](https://travis-ci.org/zurb/foundation.svg)](https://travis-ci.org/zurb/foundation) - - -Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices. - -To get started, check out - - -## Quickstart - -To get going with Foundation you can: - - * [Download the latest release](http://foundation.zurb.com/develop/download.html) - * [Install with Bower](http://bower.io): `bower install foundation` - * [Install with npm](http://npmjs.com): `npm install foundation-sites` - -## Documentation - -Foundation uses [Assemble.io](http://assemble.io) and [Grunt](http://gruntjs.com/) to generate its [documentation pages](http://foundation.zurb.com/docs). Documentation can also be run from your local computer: - -### View documentation locally - -You'll want to clone the Foundation repo first and install all the dependencies. You can do this using the following commands: - -``` -git clone git@github.com:zurb/foundation.git -cd foundation -npm install -g grunt-cli bower -npm install -bower install -bundle install -``` - -Then just run `grunt build` and the documentation will be compiled: - -``` -foundation/ -├── dist/ -│ └── ... -├────── docs/ -│ └── ... -``` - -Copyright (c) 2015 ZURB, inc. diff --git a/dist/assets/bower.json b/dist/assets/bower.json deleted file mode 100644 index 8586aa681..000000000 --- a/dist/assets/bower.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "name": "foundation", - "main": [ - "scss/foundation.scss", - "js/foundation.js" - ], - "ignore": [ - ], - "dependencies": { - "jquery": ">= 2.1.0", - "modernizr": "2.8.3", - "fastclick": ">=0.6.11", - "jquery.cookie": "~1.4.0", - "jquery-placeholder": "~2.0.7" - }, - "devDependencies": { - "jquery.autocomplete": "devbridge/jQuery-Autocomplete#1.2.9", - "lodash": "~2.4.1" - }, - "private": true -} diff --git a/dist/assets/css/foundation.css b/dist/assets/css/foundation.css deleted file mode 100644 index 6ca1e1a10..000000000 --- a/dist/assets/css/foundation.css +++ /dev/null @@ -1,6606 +0,0 @@ -meta.foundation-version { - font-family: "/5.5.3/"; } - -meta.foundation-mq-small { - font-family: "/only screen/"; - width: 0; } - -meta.foundation-mq-small-only { - font-family: "/only screen and (max-width: 40em)/"; - width: 0; } - -meta.foundation-mq-medium { - font-family: "/only screen and (min-width:40.0625em)/"; - width: 40.0625em; } - -meta.foundation-mq-medium-only { - font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; - width: 40.0625em; } - -meta.foundation-mq-large { - font-family: "/only screen and (min-width:64.0625em)/"; - width: 64.0625em; } - -meta.foundation-mq-large-only { - font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; - width: 64.0625em; } - -meta.foundation-mq-xlarge { - font-family: "/only screen and (min-width:90.0625em)/"; - width: 90.0625em; } - -meta.foundation-mq-xlarge-only { - font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; - width: 90.0625em; } - -meta.foundation-mq-xxlarge { - font-family: "/only screen and (min-width:120.0625em)/"; - width: 120.0625em; } - -meta.foundation-data-attribute-namespace { - font-family: false; } - -html, body { - height: 100%; } - -*, -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -html, -body { - font-size: 100%; } - -body { - background: #fff; - color: #222; - cursor: auto; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-style: normal; - font-weight: normal; - line-height: 1.5; - margin: 0; - padding: 0; - position: relative; } - -a:hover { - cursor: pointer; } - -img { - max-width: 100%; - height: auto; } - -img { - -ms-interpolation-mode: bicubic; } - -#map_canvas img, -#map_canvas embed, -#map_canvas object, -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -.left { - float: left !important; } - -.right { - float: right !important; } - -.clearfix:before, .clearfix:after { - content: " "; - display: table; } -.clearfix:after { - clear: both; } - -.hide { - display: none; } - -.invisible { - visibility: hidden; } - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; } - -textarea { - height: auto; - min-height: 50px; } - -select { - width: 100%; } - -.row { - margin: 0 auto; - max-width: 62.5rem; - width: 100%; } - .row:before, .row:after { - content: " "; - display: table; } - .row:after { - clear: both; } - .row.collapse > .column, - .row.collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.collapse .row { - margin-left: 0; - margin-right: 0; } - .row .row { - margin: 0 -0.9375rem; - max-width: none; - width: auto; } - .row .row:before, .row .row:after { - content: " "; - display: table; } - .row .row:after { - clear: both; } - .row .row.collapse { - margin: 0; - max-width: none; - width: auto; } - .row .row.collapse:before, .row .row.collapse:after { - content: " "; - display: table; } - .row .row.collapse:after { - clear: both; } - -.column, -.columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - width: 100%; - float: left; } - -.column + .column:last-child, -.columns + .column:last-child, .column + -.columns:last-child, -.columns + -.columns:last-child { - float: right; } -.column + .column.end, -.columns + .column.end, .column + -.columns.end, -.columns + -.columns.end { - float: left; } - -@media only screen { - .small-push-0 { - position: relative; - left: 0; - right: auto; } - - .small-pull-0 { - position: relative; - right: 0; - left: auto; } - - .small-push-1 { - position: relative; - left: 8.33333%; - right: auto; } - - .small-pull-1 { - position: relative; - right: 8.33333%; - left: auto; } - - .small-push-2 { - position: relative; - left: 16.66667%; - right: auto; } - - .small-pull-2 { - position: relative; - right: 16.66667%; - left: auto; } - - .small-push-3 { - position: relative; - left: 25%; - right: auto; } - - .small-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .small-push-4 { - position: relative; - left: 33.33333%; - right: auto; } - - .small-pull-4 { - position: relative; - right: 33.33333%; - left: auto; } - - .small-push-5 { - position: relative; - left: 41.66667%; - right: auto; } - - .small-pull-5 { - position: relative; - right: 41.66667%; - left: auto; } - - .small-push-6 { - position: relative; - left: 50%; - right: auto; } - - .small-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .small-push-7 { - position: relative; - left: 58.33333%; - right: auto; } - - .small-pull-7 { - position: relative; - right: 58.33333%; - left: auto; } - - .small-push-8 { - position: relative; - left: 66.66667%; - right: auto; } - - .small-pull-8 { - position: relative; - right: 66.66667%; - left: auto; } - - .small-push-9 { - position: relative; - left: 75%; - right: auto; } - - .small-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .small-push-10 { - position: relative; - left: 83.33333%; - right: auto; } - - .small-pull-10 { - position: relative; - right: 83.33333%; - left: auto; } - - .small-push-11 { - position: relative; - left: 91.66667%; - right: auto; } - - .small-pull-11 { - position: relative; - right: 91.66667%; - left: auto; } - - .column, - .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .small-1 { - width: 8.33333%; } - - .small-2 { - width: 16.66667%; } - - .small-3 { - width: 25%; } - - .small-4 { - width: 33.33333%; } - - .small-5 { - width: 41.66667%; } - - .small-6 { - width: 50%; } - - .small-7 { - width: 58.33333%; } - - .small-8 { - width: 66.66667%; } - - .small-9 { - width: 75%; } - - .small-10 { - width: 83.33333%; } - - .small-11 { - width: 91.66667%; } - - .small-12 { - width: 100%; } - - .small-offset-0 { - margin-left: 0 !important; } - - .small-offset-1 { - margin-left: 8.33333% !important; } - - .small-offset-2 { - margin-left: 16.66667% !important; } - - .small-offset-3 { - margin-left: 25% !important; } - - .small-offset-4 { - margin-left: 33.33333% !important; } - - .small-offset-5 { - margin-left: 41.66667% !important; } - - .small-offset-6 { - margin-left: 50% !important; } - - .small-offset-7 { - margin-left: 58.33333% !important; } - - .small-offset-8 { - margin-left: 66.66667% !important; } - - .small-offset-9 { - margin-left: 75% !important; } - - .small-offset-10 { - margin-left: 83.33333% !important; } - - .small-offset-11 { - margin-left: 91.66667% !important; } - - .small-reset-order { - float: left; - left: auto; - margin-left: 0; - margin-right: 0; - right: auto; } - - .column.small-centered, - .columns.small-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.small-uncentered, - .columns.small-uncentered { - float: left; - margin-left: 0; - margin-right: 0; } - - .column.small-centered:last-child, - .columns.small-centered:last-child { - float: none; } - - .column.small-uncentered:last-child, - .columns.small-uncentered:last-child { - float: left; } - - .column.small-uncentered.opposite, - .columns.small-uncentered.opposite { - float: right; } - - .row.small-collapse > .column, - .row.small-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.small-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.small-uncollapse > .column, - .row.small-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } } -@media only screen and (min-width: 40.0625em) { - .medium-push-0 { - position: relative; - left: 0; - right: auto; } - - .medium-pull-0 { - position: relative; - right: 0; - left: auto; } - - .medium-push-1 { - position: relative; - left: 8.33333%; - right: auto; } - - .medium-pull-1 { - position: relative; - right: 8.33333%; - left: auto; } - - .medium-push-2 { - position: relative; - left: 16.66667%; - right: auto; } - - .medium-pull-2 { - position: relative; - right: 16.66667%; - left: auto; } - - .medium-push-3 { - position: relative; - left: 25%; - right: auto; } - - .medium-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .medium-push-4 { - position: relative; - left: 33.33333%; - right: auto; } - - .medium-pull-4 { - position: relative; - right: 33.33333%; - left: auto; } - - .medium-push-5 { - position: relative; - left: 41.66667%; - right: auto; } - - .medium-pull-5 { - position: relative; - right: 41.66667%; - left: auto; } - - .medium-push-6 { - position: relative; - left: 50%; - right: auto; } - - .medium-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .medium-push-7 { - position: relative; - left: 58.33333%; - right: auto; } - - .medium-pull-7 { - position: relative; - right: 58.33333%; - left: auto; } - - .medium-push-8 { - position: relative; - left: 66.66667%; - right: auto; } - - .medium-pull-8 { - position: relative; - right: 66.66667%; - left: auto; } - - .medium-push-9 { - position: relative; - left: 75%; - right: auto; } - - .medium-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .medium-push-10 { - position: relative; - left: 83.33333%; - right: auto; } - - .medium-pull-10 { - position: relative; - right: 83.33333%; - left: auto; } - - .medium-push-11 { - position: relative; - left: 91.66667%; - right: auto; } - - .medium-pull-11 { - position: relative; - right: 91.66667%; - left: auto; } - - .column, - .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .medium-1 { - width: 8.33333%; } - - .medium-2 { - width: 16.66667%; } - - .medium-3 { - width: 25%; } - - .medium-4 { - width: 33.33333%; } - - .medium-5 { - width: 41.66667%; } - - .medium-6 { - width: 50%; } - - .medium-7 { - width: 58.33333%; } - - .medium-8 { - width: 66.66667%; } - - .medium-9 { - width: 75%; } - - .medium-10 { - width: 83.33333%; } - - .medium-11 { - width: 91.66667%; } - - .medium-12 { - width: 100%; } - - .medium-offset-0 { - margin-left: 0 !important; } - - .medium-offset-1 { - margin-left: 8.33333% !important; } - - .medium-offset-2 { - margin-left: 16.66667% !important; } - - .medium-offset-3 { - margin-left: 25% !important; } - - .medium-offset-4 { - margin-left: 33.33333% !important; } - - .medium-offset-5 { - margin-left: 41.66667% !important; } - - .medium-offset-6 { - margin-left: 50% !important; } - - .medium-offset-7 { - margin-left: 58.33333% !important; } - - .medium-offset-8 { - margin-left: 66.66667% !important; } - - .medium-offset-9 { - margin-left: 75% !important; } - - .medium-offset-10 { - margin-left: 83.33333% !important; } - - .medium-offset-11 { - margin-left: 91.66667% !important; } - - .medium-reset-order { - float: left; - left: auto; - margin-left: 0; - margin-right: 0; - right: auto; } - - .column.medium-centered, - .columns.medium-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.medium-uncentered, - .columns.medium-uncentered { - float: left; - margin-left: 0; - margin-right: 0; } - - .column.medium-centered:last-child, - .columns.medium-centered:last-child { - float: none; } - - .column.medium-uncentered:last-child, - .columns.medium-uncentered:last-child { - float: left; } - - .column.medium-uncentered.opposite, - .columns.medium-uncentered.opposite { - float: right; } - - .row.medium-collapse > .column, - .row.medium-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.medium-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.medium-uncollapse > .column, - .row.medium-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .push-0 { - position: relative; - left: 0; - right: auto; } - - .pull-0 { - position: relative; - right: 0; - left: auto; } - - .push-1 { - position: relative; - left: 8.33333%; - right: auto; } - - .pull-1 { - position: relative; - right: 8.33333%; - left: auto; } - - .push-2 { - position: relative; - left: 16.66667%; - right: auto; } - - .pull-2 { - position: relative; - right: 16.66667%; - left: auto; } - - .push-3 { - position: relative; - left: 25%; - right: auto; } - - .pull-3 { - position: relative; - right: 25%; - left: auto; } - - .push-4 { - position: relative; - left: 33.33333%; - right: auto; } - - .pull-4 { - position: relative; - right: 33.33333%; - left: auto; } - - .push-5 { - position: relative; - left: 41.66667%; - right: auto; } - - .pull-5 { - position: relative; - right: 41.66667%; - left: auto; } - - .push-6 { - position: relative; - left: 50%; - right: auto; } - - .pull-6 { - position: relative; - right: 50%; - left: auto; } - - .push-7 { - position: relative; - left: 58.33333%; - right: auto; } - - .pull-7 { - position: relative; - right: 58.33333%; - left: auto; } - - .push-8 { - position: relative; - left: 66.66667%; - right: auto; } - - .pull-8 { - position: relative; - right: 66.66667%; - left: auto; } - - .push-9 { - position: relative; - left: 75%; - right: auto; } - - .pull-9 { - position: relative; - right: 75%; - left: auto; } - - .push-10 { - position: relative; - left: 83.33333%; - right: auto; } - - .pull-10 { - position: relative; - right: 83.33333%; - left: auto; } - - .push-11 { - position: relative; - left: 91.66667%; - right: auto; } - - .pull-11 { - position: relative; - right: 91.66667%; - left: auto; } } -@media only screen and (min-width: 64.0625em) { - .large-push-0 { - position: relative; - left: 0; - right: auto; } - - .large-pull-0 { - position: relative; - right: 0; - left: auto; } - - .large-push-1 { - position: relative; - left: 8.33333%; - right: auto; } - - .large-pull-1 { - position: relative; - right: 8.33333%; - left: auto; } - - .large-push-2 { - position: relative; - left: 16.66667%; - right: auto; } - - .large-pull-2 { - position: relative; - right: 16.66667%; - left: auto; } - - .large-push-3 { - position: relative; - left: 25%; - right: auto; } - - .large-pull-3 { - position: relative; - right: 25%; - left: auto; } - - .large-push-4 { - position: relative; - left: 33.33333%; - right: auto; } - - .large-pull-4 { - position: relative; - right: 33.33333%; - left: auto; } - - .large-push-5 { - position: relative; - left: 41.66667%; - right: auto; } - - .large-pull-5 { - position: relative; - right: 41.66667%; - left: auto; } - - .large-push-6 { - position: relative; - left: 50%; - right: auto; } - - .large-pull-6 { - position: relative; - right: 50%; - left: auto; } - - .large-push-7 { - position: relative; - left: 58.33333%; - right: auto; } - - .large-pull-7 { - position: relative; - right: 58.33333%; - left: auto; } - - .large-push-8 { - position: relative; - left: 66.66667%; - right: auto; } - - .large-pull-8 { - position: relative; - right: 66.66667%; - left: auto; } - - .large-push-9 { - position: relative; - left: 75%; - right: auto; } - - .large-pull-9 { - position: relative; - right: 75%; - left: auto; } - - .large-push-10 { - position: relative; - left: 83.33333%; - right: auto; } - - .large-pull-10 { - position: relative; - right: 83.33333%; - left: auto; } - - .large-push-11 { - position: relative; - left: 91.66667%; - right: auto; } - - .large-pull-11 { - position: relative; - right: 91.66667%; - left: auto; } - - .column, - .columns { - position: relative; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .large-1 { - width: 8.33333%; } - - .large-2 { - width: 16.66667%; } - - .large-3 { - width: 25%; } - - .large-4 { - width: 33.33333%; } - - .large-5 { - width: 41.66667%; } - - .large-6 { - width: 50%; } - - .large-7 { - width: 58.33333%; } - - .large-8 { - width: 66.66667%; } - - .large-9 { - width: 75%; } - - .large-10 { - width: 83.33333%; } - - .large-11 { - width: 91.66667%; } - - .large-12 { - width: 100%; } - - .large-offset-0 { - margin-left: 0 !important; } - - .large-offset-1 { - margin-left: 8.33333% !important; } - - .large-offset-2 { - margin-left: 16.66667% !important; } - - .large-offset-3 { - margin-left: 25% !important; } - - .large-offset-4 { - margin-left: 33.33333% !important; } - - .large-offset-5 { - margin-left: 41.66667% !important; } - - .large-offset-6 { - margin-left: 50% !important; } - - .large-offset-7 { - margin-left: 58.33333% !important; } - - .large-offset-8 { - margin-left: 66.66667% !important; } - - .large-offset-9 { - margin-left: 75% !important; } - - .large-offset-10 { - margin-left: 83.33333% !important; } - - .large-offset-11 { - margin-left: 91.66667% !important; } - - .large-reset-order { - float: left; - left: auto; - margin-left: 0; - margin-right: 0; - right: auto; } - - .column.large-centered, - .columns.large-centered { - margin-left: auto; - margin-right: auto; - float: none; } - - .column.large-uncentered, - .columns.large-uncentered { - float: left; - margin-left: 0; - margin-right: 0; } - - .column.large-centered:last-child, - .columns.large-centered:last-child { - float: none; } - - .column.large-uncentered:last-child, - .columns.large-uncentered:last-child { - float: left; } - - .column.large-uncentered.opposite, - .columns.large-uncentered.opposite { - float: right; } - - .row.large-collapse > .column, - .row.large-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row.large-collapse .row { - margin-left: 0; - margin-right: 0; } - .row.large-uncollapse > .column, - .row.large-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; - float: left; } - - .push-0 { - position: relative; - left: 0; - right: auto; } - - .pull-0 { - position: relative; - right: 0; - left: auto; } - - .push-1 { - position: relative; - left: 8.33333%; - right: auto; } - - .pull-1 { - position: relative; - right: 8.33333%; - left: auto; } - - .push-2 { - position: relative; - left: 16.66667%; - right: auto; } - - .pull-2 { - position: relative; - right: 16.66667%; - left: auto; } - - .push-3 { - position: relative; - left: 25%; - right: auto; } - - .pull-3 { - position: relative; - right: 25%; - left: auto; } - - .push-4 { - position: relative; - left: 33.33333%; - right: auto; } - - .pull-4 { - position: relative; - right: 33.33333%; - left: auto; } - - .push-5 { - position: relative; - left: 41.66667%; - right: auto; } - - .pull-5 { - position: relative; - right: 41.66667%; - left: auto; } - - .push-6 { - position: relative; - left: 50%; - right: auto; } - - .pull-6 { - position: relative; - right: 50%; - left: auto; } - - .push-7 { - position: relative; - left: 58.33333%; - right: auto; } - - .pull-7 { - position: relative; - right: 58.33333%; - left: auto; } - - .push-8 { - position: relative; - left: 66.66667%; - right: auto; } - - .pull-8 { - position: relative; - right: 66.66667%; - left: auto; } - - .push-9 { - position: relative; - left: 75%; - right: auto; } - - .pull-9 { - position: relative; - right: 75%; - left: auto; } - - .push-10 { - position: relative; - left: 83.33333%; - right: auto; } - - .pull-10 { - position: relative; - right: 83.33333%; - left: auto; } - - .push-11 { - position: relative; - left: 91.66667%; - right: auto; } - - .pull-11 { - position: relative; - right: 91.66667%; - left: auto; } } -.accordion { - margin-bottom: 0; - margin-left: 0; } - .accordion:before, .accordion:after { - content: " "; - display: table; } - .accordion:after { - clear: both; } - .accordion .accordion-navigation, .accordion dd { - display: block; - margin-bottom: 0 !important; } - .accordion .accordion-navigation.active > a, .accordion dd.active > a { - background: #e8e8e8; - color: #222222; } - .accordion .accordion-navigation > a, .accordion dd > a { - background: #EFEFEF; - color: #222222; - display: block; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; - padding: 1rem; } - .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { - background: #e3e3e3; } - .accordion .accordion-navigation > .content, .accordion dd > .content { - display: none; - padding: 0.9375rem; } - .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { - background: #FFFFFF; - display: block; } - -.alert-box { - border-style: solid; - border-width: 1px; - display: block; - font-size: 0.8125rem; - font-weight: normal; - margin-bottom: 1.25rem; - padding: 0.875rem 1.5rem 0.875rem 0.875rem; - position: relative; - transition: opacity 300ms ease-out; - background-color: #008CBA; - border-color: #0078a0; - color: #FFFFFF; } - .alert-box .close { - right: 0.25rem; - background: inherit; - color: #333333; - font-size: 1.375rem; - line-height: .9; - margin-top: -0.6875rem; - opacity: 0.3; - padding: 0 6px 4px; - position: absolute; - top: 50%; } - .alert-box .close:hover, .alert-box .close:focus { - opacity: 0.5; } - .alert-box.radius { - border-radius: 3px; } - .alert-box.round { - border-radius: 1000px; } - .alert-box.success { - background-color: #43AC6A; - border-color: #3a945b; - color: #FFFFFF; } - .alert-box.alert { - background-color: #f04124; - border-color: #de2d0f; - color: #FFFFFF; } - .alert-box.secondary { - background-color: #e7e7e7; - border-color: #c7c7c7; - color: #4f4f4f; } - .alert-box.warning { - background-color: #f08a24; - border-color: #de770f; - color: #FFFFFF; } - .alert-box.info { - background-color: #a0d3e8; - border-color: #74bfdd; - color: #4f4f4f; } - .alert-box.alert-close { - opacity: 0; } - -[class*="block-grid-"] { - display: block; - padding: 0; - margin: 0 -0.625rem; } - [class*="block-grid-"]:before, [class*="block-grid-"]:after { - content: " "; - display: table; } - [class*="block-grid-"]:after { - clear: both; } - [class*="block-grid-"] > li { - display: block; - float: left; - height: auto; - padding: 0 0.625rem 1.25rem; } - -@media only screen { - .small-block-grid-1 > li { - list-style: none; - width: 100%; } - .small-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - - .small-block-grid-2 > li { - list-style: none; - width: 50%; } - .small-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - - .small-block-grid-3 > li { - list-style: none; - width: 33.33333%; } - .small-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - - .small-block-grid-4 > li { - list-style: none; - width: 25%; } - .small-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - - .small-block-grid-5 > li { - list-style: none; - width: 20%; } - .small-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - - .small-block-grid-6 > li { - list-style: none; - width: 16.66667%; } - .small-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - - .small-block-grid-7 > li { - list-style: none; - width: 14.28571%; } - .small-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - - .small-block-grid-8 > li { - list-style: none; - width: 12.5%; } - .small-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - - .small-block-grid-9 > li { - list-style: none; - width: 11.11111%; } - .small-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - - .small-block-grid-10 > li { - list-style: none; - width: 10%; } - .small-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - - .small-block-grid-11 > li { - list-style: none; - width: 9.09091%; } - .small-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - - .small-block-grid-12 > li { - list-style: none; - width: 8.33333%; } - .small-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .small-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } } -@media only screen and (min-width: 40.0625em) { - .medium-block-grid-1 > li { - list-style: none; - width: 100%; } - .medium-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - - .medium-block-grid-2 > li { - list-style: none; - width: 50%; } - .medium-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - - .medium-block-grid-3 > li { - list-style: none; - width: 33.33333%; } - .medium-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - - .medium-block-grid-4 > li { - list-style: none; - width: 25%; } - .medium-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - - .medium-block-grid-5 > li { - list-style: none; - width: 20%; } - .medium-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - - .medium-block-grid-6 > li { - list-style: none; - width: 16.66667%; } - .medium-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - - .medium-block-grid-7 > li { - list-style: none; - width: 14.28571%; } - .medium-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - - .medium-block-grid-8 > li { - list-style: none; - width: 12.5%; } - .medium-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - - .medium-block-grid-9 > li { - list-style: none; - width: 11.11111%; } - .medium-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - - .medium-block-grid-10 > li { - list-style: none; - width: 10%; } - .medium-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - - .medium-block-grid-11 > li { - list-style: none; - width: 9.09091%; } - .medium-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - - .medium-block-grid-12 > li { - list-style: none; - width: 8.33333%; } - .medium-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .medium-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } } -@media only screen and (min-width: 64.0625em) { - .large-block-grid-1 > li { - list-style: none; - width: 100%; } - .large-block-grid-1 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-1 > li:nth-of-type(1n+1) { - clear: both; } - - .large-block-grid-2 > li { - list-style: none; - width: 50%; } - .large-block-grid-2 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-2 > li:nth-of-type(2n+1) { - clear: both; } - - .large-block-grid-3 > li { - list-style: none; - width: 33.33333%; } - .large-block-grid-3 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-3 > li:nth-of-type(3n+1) { - clear: both; } - - .large-block-grid-4 > li { - list-style: none; - width: 25%; } - .large-block-grid-4 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-4 > li:nth-of-type(4n+1) { - clear: both; } - - .large-block-grid-5 > li { - list-style: none; - width: 20%; } - .large-block-grid-5 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-5 > li:nth-of-type(5n+1) { - clear: both; } - - .large-block-grid-6 > li { - list-style: none; - width: 16.66667%; } - .large-block-grid-6 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-6 > li:nth-of-type(6n+1) { - clear: both; } - - .large-block-grid-7 > li { - list-style: none; - width: 14.28571%; } - .large-block-grid-7 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-7 > li:nth-of-type(7n+1) { - clear: both; } - - .large-block-grid-8 > li { - list-style: none; - width: 12.5%; } - .large-block-grid-8 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-8 > li:nth-of-type(8n+1) { - clear: both; } - - .large-block-grid-9 > li { - list-style: none; - width: 11.11111%; } - .large-block-grid-9 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-9 > li:nth-of-type(9n+1) { - clear: both; } - - .large-block-grid-10 > li { - list-style: none; - width: 10%; } - .large-block-grid-10 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-10 > li:nth-of-type(10n+1) { - clear: both; } - - .large-block-grid-11 > li { - list-style: none; - width: 9.09091%; } - .large-block-grid-11 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-11 > li:nth-of-type(11n+1) { - clear: both; } - - .large-block-grid-12 > li { - list-style: none; - width: 8.33333%; } - .large-block-grid-12 > li:nth-of-type(1n) { - clear: none; } - .large-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } } -.breadcrumbs { - border-style: solid; - border-width: 1px; - display: block; - list-style: none; - margin-left: 0; - overflow: hidden; - padding: 0.5625rem 0.875rem 0.5625rem; - background-color: #f4f4f4; - border-color: gainsboro; - border-radius: 3px; } - .breadcrumbs > * { - color: #008CBA; - float: left; - font-size: 0.6875rem; - line-height: 0.6875rem; - margin: 0; - text-transform: uppercase; } - .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { - text-decoration: underline; } - .breadcrumbs > * a { - color: #008CBA; } - .breadcrumbs > *.current { - color: #333333; - cursor: default; } - .breadcrumbs > *.current a { - color: #333333; - cursor: default; } - .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { - text-decoration: none; } - .breadcrumbs > *.unavailable { - color: #999999; } - .breadcrumbs > *.unavailable a { - color: #999999; } - .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, - .breadcrumbs > *.unavailable a:focus { - color: #999999; - cursor: not-allowed; - text-decoration: none; } - .breadcrumbs > *:after { - color: #AAAAAA; - content: "/"; - margin: 0 0.75rem; - position: relative; - top: 1px; } - .breadcrumbs > *:last-child:after { - content: " "; - margin: 0; } - -/* Accessibility - hides the backward slash */ -[aria-label="breadcrumbs"] [aria-hidden="true"]:before { - content: "/"; } - -button, .button { - -webkit-appearance: none; - -moz-appearance: none; - border-radius: 0; - border-style: solid; - border-width: 0; - cursor: pointer; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - line-height: normal; - margin: 0 0 1.25rem; - position: relative; - text-align: center; - text-decoration: none; - display: inline-block; - padding: 1rem 2rem 1.0625rem 2rem; - font-size: 1rem; - background-color: #008CBA; - border-color: #007095; - color: #FFFFFF; - transition: background-color 300ms ease-out; } - button:hover, button:focus, .button:hover, .button:focus { - background-color: #007095; } - button:hover, button:focus, .button:hover, .button:focus { - color: #FFFFFF; } - button.secondary, .button.secondary { - background-color: #e7e7e7; - border-color: #b9b9b9; - color: #333333; } - button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - background-color: #b9b9b9; } - button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { - color: #333333; } - button.success, .button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { - background-color: #368a55; } - button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { - color: #FFFFFF; } - button.alert, .button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { - background-color: #cf2a0e; } - button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { - color: #FFFFFF; } - button.warning, .button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6e0e; } - button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - color: #FFFFFF; } - button.info, .button.info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; } - button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { - background-color: #61b6d9; } - button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { - color: #FFFFFF; } - button.large, .button.large { - padding: 1.125rem 2.25rem 1.1875rem 2.25rem; - font-size: 1.25rem; } - button.small, .button.small { - padding: 0.875rem 1.75rem 0.9375rem 1.75rem; - font-size: 0.8125rem; } - button.tiny, .button.tiny { - padding: 0.625rem 1.25rem 0.6875rem 1.25rem; - font-size: 0.6875rem; } - button.expand, .button.expand { - padding-left: 1rem; - padding-right: 1rem; - width: 100%; } - button.left-align, .button.left-align { - text-align: left; - text-indent: 0.75rem; } - button.right-align, .button.right-align { - text-align: right; - padding-right: 0.75rem; } - button.radius, .button.radius { - border-radius: 3px; } - button.round, .button.round { - border-radius: 1000px; } - button.disabled, button[disabled], .button.disabled, .button[disabled] { - background-color: #008CBA; - border-color: #007095; - color: #FFFFFF; - box-shadow: none; - cursor: default; - opacity: 0.7; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - background-color: #007095; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - color: #FFFFFF; } - button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { - background-color: #008CBA; } - button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { - background-color: #e7e7e7; - border-color: #b9b9b9; - color: #333333; - box-shadow: none; - cursor: default; - opacity: 0.7; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #b9b9b9; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - color: #333333; } - button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { - background-color: #e7e7e7; } - button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; - box-shadow: none; - cursor: default; - opacity: 0.7; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #368a55; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - color: #FFFFFF; } - button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { - background-color: #43AC6A; } - button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; - box-shadow: none; - cursor: default; - opacity: 0.7; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #cf2a0e; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - color: #FFFFFF; } - button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { - background-color: #f04124; } - button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; - box-shadow: none; - cursor: default; - opacity: 0.7; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6e0e; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - color: #FFFFFF; } - button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #f08a24; } - button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; - box-shadow: none; - cursor: default; - opacity: 0.7; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - background-color: #61b6d9; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - color: #FFFFFF; } - button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { - background-color: #a0d3e8; } - -button::-moz-focus-inner { - border: 0; - padding: 0; } - -@media only screen and (min-width: 40.0625em) { - button, .button { - display: inline-block; } } -.button-group { - list-style: none; - margin: 0; - left: 0; } - .button-group:before, .button-group:after { - content: " "; - display: table; } - .button-group:after { - clear: both; } - .button-group.even-2 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 50%; } - .button-group.even-2 li > button, .button-group.even-2 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { - border-left: 0; } - .button-group.even-2 li button, .button-group.even-2 li .button { - width: 100%; } - .button-group.even-3 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 33.33333%; } - .button-group.even-3 li > button, .button-group.even-3 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { - border-left: 0; } - .button-group.even-3 li button, .button-group.even-3 li .button { - width: 100%; } - .button-group.even-4 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 25%; } - .button-group.even-4 li > button, .button-group.even-4 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { - border-left: 0; } - .button-group.even-4 li button, .button-group.even-4 li .button { - width: 100%; } - .button-group.even-5 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 20%; } - .button-group.even-5 li > button, .button-group.even-5 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { - border-left: 0; } - .button-group.even-5 li button, .button-group.even-5 li .button { - width: 100%; } - .button-group.even-6 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 16.66667%; } - .button-group.even-6 li > button, .button-group.even-6 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { - border-left: 0; } - .button-group.even-6 li button, .button-group.even-6 li .button { - width: 100%; } - .button-group.even-7 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 14.28571%; } - .button-group.even-7 li > button, .button-group.even-7 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { - border-left: 0; } - .button-group.even-7 li button, .button-group.even-7 li .button { - width: 100%; } - .button-group.even-8 li { - float: left; - display: inline-block; - margin: 0 -2px; - width: 12.5%; } - .button-group.even-8 li > button, .button-group.even-8 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { - border-left: 0; } - .button-group.even-8 li button, .button-group.even-8 li .button { - width: 100%; } - .button-group > li { - float: left; - display: inline-block; - margin: 0 -2px; } - .button-group > li > button, .button-group > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group > li:first-child button, .button-group > li:first-child .button { - border-left: 0; } - .button-group.stack > li { - float: left; - display: block; - margin: 0; - float: none; } - .button-group.stack > li > button, .button-group.stack > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { - border-left: 0; } - .button-group.stack > li > button, .button-group.stack > li .button { - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - border-top: 1px solid; - display: block; - margin: 0; } - .button-group.stack > li > button { - width: 100%; } - .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { - border-top: 0; } - .button-group.stack-for-small > li { - float: left; - display: inline-block; - margin: 0 -2px; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-left: 0; } - @media only screen and (max-width: 40em) { - .button-group.stack-for-small > li { - float: left; - display: block; - margin: 0; - width: 100%; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-left: 0; } - .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - border-top: 1px solid; - display: block; - margin: 0; } - .button-group.stack-for-small > li > button { - width: 100%; } - .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { - border-top: 0; } } - .button-group.radius > * { - float: left; - display: inline-block; - margin: 0 -2px; } - .button-group.radius > * > button, .button-group.radius > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { - border-left: 0; } - .button-group.radius > *, - .button-group.radius > * > a, - .button-group.radius > * > button, - .button-group.radius > * > .button { - border-radius: 0; } - .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack > * { - float: left; - display: block; - margin: 0; } - .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { - border-left: 0; } - .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - border-top: 1px solid; - display: block; - margin: 0; } - .button-group.radius.stack > * > button { - width: 100%; } - .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { - border-top: 0; } - .button-group.radius.stack > *, - .button-group.radius.stack > * > a, - .button-group.radius.stack > * > button, - .button-group.radius.stack > * > .button { - border-radius: 0; } - .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { - -webkit-top-left-radius: 3px; - -webkit-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { - -webkit-bottom-left-radius: 3px; - -webkit-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - @media only screen and (min-width: 40.0625em) { - .button-group.radius.stack-for-small > * { - float: left; - display: inline-block; - margin: 0 -2px; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.radius.stack-for-small > *, - .button-group.radius.stack-for-small > * > a, - .button-group.radius.stack-for-small > * > button, - .button-group.radius.stack-for-small > * > .button { - border-radius: 0; } - .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } } - @media only screen and (max-width: 40em) { - .button-group.radius.stack-for-small > * { - float: left; - display: block; - margin: 0; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - border-top: 1px solid; - display: block; - margin: 0; } - .button-group.radius.stack-for-small > * > button { - width: 100%; } - .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { - border-top: 0; } - .button-group.radius.stack-for-small > *, - .button-group.radius.stack-for-small > * > a, - .button-group.radius.stack-for-small > * > button, - .button-group.radius.stack-for-small > * > .button { - border-radius: 0; } - .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { - -webkit-top-left-radius: 3px; - -webkit-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { - -webkit-bottom-left-radius: 3px; - -webkit-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } } - .button-group.round > * { - float: left; - display: inline-block; - margin: 0 -2px; } - .button-group.round > * > button, .button-group.round > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round > *:first-child button, .button-group.round > *:first-child .button { - border-left: 0; } - .button-group.round > *, - .button-group.round > * > a, - .button-group.round > * > button, - .button-group.round > * > .button { - border-radius: 0; } - .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - .button-group.round.stack > * { - float: left; - display: block; - margin: 0; } - .button-group.round.stack > * > button, .button-group.round.stack > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { - border-left: 0; } - .button-group.round.stack > * > button, .button-group.round.stack > * .button { - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - border-top: 1px solid; - display: block; - margin: 0; } - .button-group.round.stack > * > button { - width: 100%; } - .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { - border-top: 0; } - .button-group.round.stack > *, - .button-group.round.stack > * > a, - .button-group.round.stack > * > button, - .button-group.round.stack > * > .button { - border-radius: 0; } - .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { - -webkit-top-left-radius: 1rem; - -webkit-top-right-radius: 1rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; } - .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { - -webkit-bottom-left-radius: 1rem; - -webkit-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; } - @media only screen and (min-width: 40.0625em) { - .button-group.round.stack-for-small > * { - float: left; - display: inline-block; - margin: 0 -2px; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.round.stack-for-small > *, - .button-group.round.stack-for-small > * > a, - .button-group.round.stack-for-small > * > button, - .button-group.round.stack-for-small > * > .button { - border-radius: 0; } - .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } } - @media only screen and (max-width: 40em) { - .button-group.round.stack-for-small > * { - float: left; - display: block; - margin: 0; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-left: 0; } - .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - border-top: 1px solid; - display: block; - margin: 0; } - .button-group.round.stack-for-small > * > button { - width: 100%; } - .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { - border-top: 0; } - .button-group.round.stack-for-small > *, - .button-group.round.stack-for-small > * > a, - .button-group.round.stack-for-small > * > button, - .button-group.round.stack-for-small > * > .button { - border-radius: 0; } - .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { - -webkit-top-left-radius: 1rem; - -webkit-top-right-radius: 1rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; } - .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { - -webkit-bottom-left-radius: 1rem; - -webkit-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; } } - -.button-bar:before, .button-bar:after { - content: " "; - display: table; } -.button-bar:after { - clear: both; } -.button-bar .button-group { - float: left; - margin-right: 0.625rem; } - .button-bar .button-group div { - overflow: hidden; } - -/* Clearing Styles */ -.clearing-thumbs, [data-clearing] { - list-style: none; - margin-left: 0; - margin-bottom: 0; } - .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { - content: " "; - display: table; } - .clearing-thumbs:after, [data-clearing]:after { - clear: both; } - .clearing-thumbs li, [data-clearing] li { - float: left; - margin-right: 10px; } - .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { - margin-right: 0; } - -.clearing-blackout { - background: #333333; - height: 100%; - position: fixed; - top: 0; - width: 100%; - z-index: 998; - left: 0; } - .clearing-blackout .clearing-close { - display: block; } - -.clearing-container { - height: 100%; - margin: 0; - overflow: hidden; - position: relative; - z-index: 998; } - -.clearing-touch-label { - color: #AAAAAA; - font-size: .6em; - left: 50%; - position: absolute; - top: 50%; } - -.visible-img { - height: 95%; - position: relative; } - .visible-img img { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translateY(-50%) translateX(-50%); - -moz-transform: translateY(-50%) translateX(-50%); - -ms-transform: translateY(-50%) translateX(-50%); - -o-transform: translateY(-50%) translateX(-50%); - transform: translateY(-50%) translateX(-50%); - max-height: 100%; - max-width: 100%; } - -.clearing-caption { - background: #333333; - bottom: 0; - color: #CCCCCC; - font-size: 0.875em; - line-height: 1.3; - margin-bottom: 0; - padding: 10px 30px 20px; - position: absolute; - text-align: center; - width: 100%; - left: 0; } - -.clearing-close { - color: #CCCCCC; - display: none; - font-size: 30px; - line-height: 1; - padding-left: 20px; - padding-top: 10px; - z-index: 999; } - .clearing-close:hover, .clearing-close:focus { - color: #CCCCCC; } - -.clearing-assembled .clearing-container { - height: 100%; } - .clearing-assembled .clearing-container .carousel > ul { - display: none; } - -.clearing-feature li { - display: none; } - .clearing-feature li.clearing-featured-img { - display: block; } - -@media only screen and (min-width: 40.0625em) { - .clearing-main-prev, - .clearing-main-next { - height: 100%; - position: absolute; - top: 0; - width: 40px; } - .clearing-main-prev > span, - .clearing-main-next > span { - border: solid 12px; - display: block; - height: 0; - position: absolute; - top: 50%; - width: 0; } - .clearing-main-prev > span:hover, - .clearing-main-next > span:hover { - opacity: .8; } - - .clearing-main-prev { - left: 0; } - .clearing-main-prev > span { - left: 5px; - border-color: transparent; - border-right-color: #CCCCCC; } - - .clearing-main-next { - right: 0; } - .clearing-main-next > span { - border-color: transparent; - border-left-color: #CCCCCC; } - - .clearing-main-prev.disabled, - .clearing-main-next.disabled { - opacity: .3; } - - .clearing-assembled .clearing-container .carousel { - background: rgba(51, 51, 51, 0.8); - height: 120px; - margin-top: 10px; - text-align: center; } - .clearing-assembled .clearing-container .carousel > ul { - display: inline-block; - z-index: 999; - height: 100%; - position: relative; - float: none; } - .clearing-assembled .clearing-container .carousel > ul li { - clear: none; - cursor: pointer; - display: block; - float: left; - margin-right: 0; - min-height: inherit; - opacity: .4; - overflow: hidden; - padding: 0; - position: relative; - width: 120px; } - .clearing-assembled .clearing-container .carousel > ul li.fix-height img { - height: 100%; - max-width: none; } - .clearing-assembled .clearing-container .carousel > ul li a.th { - border: none; - box-shadow: none; - display: block; } - .clearing-assembled .clearing-container .carousel > ul li img { - cursor: pointer !important; - width: 100% !important; } - .clearing-assembled .clearing-container .carousel > ul li.visible { - opacity: 1; } - .clearing-assembled .clearing-container .carousel > ul li:hover { - opacity: .8; } - .clearing-assembled .clearing-container .visible-img { - background: #333333; - height: 85%; - overflow: hidden; } - - .clearing-close { - padding-left: 0; - padding-top: 0; - position: absolute; - top: 10px; - right: 20px; } } -/* Foundation Dropdowns */ -.f-dropdown { - display: none; - left: -9999px; - list-style: none; - margin-left: 0; - position: absolute; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - height: auto; - max-height: none; - width: 100%; - z-index: 89; - margin-top: 2px; - max-width: 200px; } - .f-dropdown.open { - display: block; } - .f-dropdown > *:first-child { - margin-top: 0; } - .f-dropdown > *:last-child { - margin-bottom: 0; } - .f-dropdown:before { - border: inset 6px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent transparent #FFFFFF transparent; - border-bottom-style: solid; - position: absolute; - top: -12px; - left: 10px; - z-index: 89; } - .f-dropdown:after { - border: inset 7px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent transparent #cccccc transparent; - border-bottom-style: solid; - position: absolute; - top: -14px; - left: 9px; - z-index: 88; } - .f-dropdown.right:before { - left: auto; - right: 10px; } - .f-dropdown.right:after { - left: auto; - right: 9px; } - .f-dropdown.drop-right { - display: none; - left: -9999px; - list-style: none; - margin-left: 0; - position: absolute; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - height: auto; - max-height: none; - width: 100%; - z-index: 89; - margin-top: 0; - margin-left: 2px; - max-width: 200px; } - .f-dropdown.drop-right.open { - display: block; } - .f-dropdown.drop-right > *:first-child { - margin-top: 0; } - .f-dropdown.drop-right > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-right:before { - border: inset 6px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent #FFFFFF transparent transparent; - border-right-style: solid; - position: absolute; - top: 10px; - left: -12px; - z-index: 89; } - .f-dropdown.drop-right:after { - border: inset 7px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent #cccccc transparent transparent; - border-right-style: solid; - position: absolute; - top: 9px; - left: -14px; - z-index: 88; } - .f-dropdown.drop-left { - display: none; - left: -9999px; - list-style: none; - margin-left: 0; - position: absolute; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - height: auto; - max-height: none; - width: 100%; - z-index: 89; - margin-top: 0; - margin-left: -2px; - max-width: 200px; } - .f-dropdown.drop-left.open { - display: block; } - .f-dropdown.drop-left > *:first-child { - margin-top: 0; } - .f-dropdown.drop-left > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-left:before { - border: inset 6px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent transparent transparent #FFFFFF; - border-left-style: solid; - position: absolute; - top: 10px; - right: -12px; - left: auto; - z-index: 89; } - .f-dropdown.drop-left:after { - border: inset 7px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent transparent transparent #cccccc; - border-left-style: solid; - position: absolute; - top: 9px; - right: -14px; - left: auto; - z-index: 88; } - .f-dropdown.drop-top { - display: none; - left: -9999px; - list-style: none; - margin-left: 0; - position: absolute; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - height: auto; - max-height: none; - width: 100%; - z-index: 89; - margin-left: 0; - margin-top: -2px; - max-width: 200px; } - .f-dropdown.drop-top.open { - display: block; } - .f-dropdown.drop-top > *:first-child { - margin-top: 0; } - .f-dropdown.drop-top > *:last-child { - margin-bottom: 0; } - .f-dropdown.drop-top:before { - border: inset 6px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: #FFFFFF transparent transparent transparent; - border-top-style: solid; - bottom: -12px; - position: absolute; - top: auto; - left: 10px; - right: auto; - z-index: 89; } - .f-dropdown.drop-top:after { - border: inset 7px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: #cccccc transparent transparent transparent; - border-top-style: solid; - bottom: -14px; - position: absolute; - top: auto; - left: 9px; - right: auto; - z-index: 88; } - .f-dropdown li { - cursor: pointer; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0; } - .f-dropdown li:hover, .f-dropdown li:focus { - background: #EEEEEE; } - .f-dropdown li a { - display: block; - padding: 0.5rem; - color: #555555; } - .f-dropdown.content { - display: none; - left: -9999px; - list-style: none; - margin-left: 0; - position: absolute; - background: #FFFFFF; - border: solid 1px #cccccc; - font-size: 0.875rem; - height: auto; - max-height: none; - padding: 1.25rem; - width: 100%; - z-index: 89; - max-width: 200px; } - .f-dropdown.content.open { - display: block; } - .f-dropdown.content > *:first-child { - margin-top: 0; } - .f-dropdown.content > *:last-child { - margin-bottom: 0; } - .f-dropdown.radius { - border-radius: 3px; } - .f-dropdown.tiny { - max-width: 200px; } - .f-dropdown.small { - max-width: 300px; } - .f-dropdown.medium { - max-width: 500px; } - .f-dropdown.large { - max-width: 800px; } - .f-dropdown.mega { - width: 100% !important; - max-width: 100% !important; } - .f-dropdown.mega.open { - left: 0 !important; } - -.dropdown.button, button.dropdown { - position: relative; - padding-right: 3.5625rem; } - .dropdown.button::after, button.dropdown::after { - border-color: #FFFFFF transparent transparent transparent; - border-style: solid; - content: ""; - display: block; - height: 0; - position: absolute; - top: 50%; - width: 0; } - .dropdown.button::after, button.dropdown::after { - border-width: 0.375rem; - right: 1.40625rem; - margin-top: -0.15625rem; } - .dropdown.button::after, button.dropdown::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.tiny, button.dropdown.tiny { - padding-right: 2.625rem; } - .dropdown.button.tiny:after, button.dropdown.tiny:after { - border-width: 0.375rem; - right: 1.125rem; - margin-top: -0.125rem; } - .dropdown.button.tiny::after, button.dropdown.tiny::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.small, button.dropdown.small { - padding-right: 3.0625rem; } - .dropdown.button.small::after, button.dropdown.small::after { - border-width: 0.4375rem; - right: 1.3125rem; - margin-top: -0.15625rem; } - .dropdown.button.small::after, button.dropdown.small::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.large, button.dropdown.large { - padding-right: 3.625rem; } - .dropdown.button.large::after, button.dropdown.large::after { - border-width: 0.3125rem; - right: 1.71875rem; - margin-top: -0.15625rem; } - .dropdown.button.large::after, button.dropdown.large::after { - border-color: #FFFFFF transparent transparent transparent; } - .dropdown.button.secondary:after, button.dropdown.secondary:after { - border-color: #333333 transparent transparent transparent; } - -.flex-video { - height: 0; - margin-bottom: 1rem; - overflow: hidden; - padding-bottom: 67.5%; - padding-top: 1.5625rem; - position: relative; } - .flex-video.widescreen { - padding-bottom: 56.34%; } - .flex-video.vimeo { - padding-top: 0; } - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - height: 100%; - position: absolute; - top: 0; - width: 100%; - left: 0; } - -/* Standard Forms */ -form { - margin: 0 0 1rem; } - -/* Using forms within rows, we need to set some defaults */ -form .row .row { - margin: 0 -0.5rem; } - form .row .row .column, - form .row .row .columns { - padding: 0 0.5rem; } - form .row .row.collapse { - margin: 0; } - form .row .row.collapse .column, - form .row .row.collapse .columns { - padding: 0; } - form .row .row.collapse input { - -webkit-border-bottom-right-radius: 0; - -webkit-border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } -form .row input.column, -form .row input.columns, -form .row textarea.column, -form .row textarea.columns { - padding-left: 0.5rem; } - -/* Label Styles */ -label { - color: #4d4d4d; - cursor: pointer; - display: block; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.5; - margin-bottom: 0; - /* Styles for required inputs */ } - label.right { - float: none !important; - text-align: right; } - label.inline { - margin: 0 0 1rem 0; - line-height: 2.375rem; } - label small { - text-transform: capitalize; - color: #676767; } - -/* Attach elements to the beginning or end of an input */ -.prefix, -.postfix { - border-style: solid; - border-width: 1px; - display: block; - font-size: 0.875rem; - height: 2.3125rem; - line-height: 2.3125rem; - overflow: visible; - padding-bottom: 0; - padding-top: 0; - position: relative; - text-align: center; - width: 100%; - z-index: 2; } - -/* Adjust padding, alignment and radius if pre/post element is a button */ -.postfix.button { - border: none; - padding-left: 0; - padding-right: 0; - padding-bottom: 0; - padding-top: 0; - text-align: center; } - -.prefix.button { - border: none; - padding-left: 0; - padding-right: 0; - padding-bottom: 0; - padding-top: 0; - text-align: center; } - -.prefix.button.radius { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - -.postfix.button.radius { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - -.prefix.button.round { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } - -.postfix.button.round { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -/* Separate prefix and postfix styles when on span or label so buttons keep their own */ -span.prefix, label.prefix { - background: #f2f2f2; - border-right: none; - color: #333333; - border-color: #cccccc; } - -span.postfix, label.postfix { - background: #f2f2f2; - border-left: none; - color: #333333; - border-color: #cccccc; } - -/* We use this to get basic styling on all basic form elements */ -input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { - -webkit-appearance: none; - -moz-appearance: none; - border-radius: 0; - background-color: #FFFFFF; - border-style: solid; - border-width: 1px; - border-color: #cccccc; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - color: #444444; - display: block; - font-family: inherit; - font-size: 0.875rem; - height: 2.3125rem; - margin: 0 0 1rem 0; - padding: 0.5rem; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border-color 0.15s linear, background 0.15s linear; - -moz-transition: border-color 0.15s linear, background 0.15s linear; - -ms-transition: border-color 0.15s linear, background 0.15s linear; - -o-transition: border-color 0.15s linear, background 0.15s linear; - transition: border-color 0.15s linear, background 0.15s linear; } - input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { - background-color: #fafafa; - border-color: #999999; - outline: none; } - input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { - background-color: #DDDDDD; - cursor: default; } - input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { - background-color: #DDDDDD; - cursor: default; } - input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { - border-radius: 3px; } - -form .row .prefix-radius.row.collapse input, -form .row .prefix-radius.row.collapse textarea, -form .row .prefix-radius.row.collapse select, -form .row .prefix-radius.row.collapse button { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } -form .row .prefix-radius.row.collapse .prefix { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse input, -form .row .postfix-radius.row.collapse textarea, -form .row .postfix-radius.row.collapse select, -form .row .postfix-radius.row.collapse button { - border-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse .postfix { - border-radius: 0; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } -form .row .prefix-round.row.collapse input, -form .row .prefix-round.row.collapse textarea, -form .row .prefix-round.row.collapse select, -form .row .prefix-round.row.collapse button { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } -form .row .prefix-round.row.collapse .prefix { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse input, -form .row .postfix-round.row.collapse textarea, -form .row .postfix-round.row.collapse select, -form .row .postfix-round.row.collapse button { - border-radius: 0; - -webkit-border-bottom-left-radius: 1000px; - -webkit-border-top-left-radius: 1000px; - border-bottom-left-radius: 1000px; - border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse .postfix { - border-radius: 0; - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - -input[type="submit"] { - -webkit-appearance: none; - -moz-appearance: none; - border-radius: 0; } - -/* Respect enforced amount of rows for textarea */ -textarea[rows] { - height: auto; } - -/* Not allow resize out of parent */ -textarea { - max-width: 100%; } - -::-webkit-input-placeholder { - color: #AAAAAA; } - -:-moz-placeholder { - /* Firefox 18- */ - color: #AAAAAA; } - -::-moz-placeholder { - /* Firefox 19+ */ - color: #AAAAAA; } - -:-ms-input-placeholder { - color: #AAAAAA; } - -/* Add height value for select elements to match text input height */ -select { - -webkit-appearance: none !important; - -moz-appearance: none !important; - background-color: #FAFAFA; - border-radius: 0; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); - background-position: 100% center; - background-repeat: no-repeat; - border-style: solid; - border-width: 1px; - border-color: #cccccc; - color: #444444; - font-family: inherit; - font-size: 0.875rem; - line-height: normal; - padding: 0.5rem; - border-radius: 0; - height: 2.3125rem; } - select::-ms-expand { - display: none; } - select.radius { - border-radius: 3px; } - select:focus { - background-color: #f3f3f3; - border-color: #999999; } - select:disabled { - background-color: #DDDDDD; - cursor: default; } - select[multiple] { - height: auto; } - -/* Adjust margin for form elements below */ -input[type="file"], -input[type="checkbox"], -input[type="radio"], -select { - margin: 0 0 1rem 0; } - -input[type="checkbox"] + label, -input[type="radio"] + label { - display: inline-block; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; - vertical-align: baseline; } - -/* Normalize file input width */ -input[type="file"] { - width: 100%; } - -/* HTML5 Number spinners settings */ -/* We add basic fieldset styling */ -fieldset { - border: 1px solid #DDDDDD; - margin: 1.125rem 0; - padding: 1.25rem; } - fieldset legend { - font-weight: bold; - margin: 0; - margin-left: -0.1875rem; - padding: 0 0.1875rem; } - -/* Error Handling */ -[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { - display: block; - font-size: 0.75rem; - font-style: italic; - font-weight: normal; - margin-bottom: 1rem; - margin-top: -1px; - padding: 0.375rem 0.5625rem 0.5625rem; - background: #f04124; - color: #FFFFFF; } -[data-abide] span.error, [data-abide] small.error { - display: none; } - -span.error, small.error { - display: block; - font-size: 0.75rem; - font-style: italic; - font-weight: normal; - margin-bottom: 1rem; - margin-top: -1px; - padding: 0.375rem 0.5625rem 0.5625rem; - background: #f04124; - color: #FFFFFF; } - -.error input, -.error textarea, -.error select { - margin-bottom: 0; } -.error input[type="checkbox"], -.error input[type="radio"] { - margin-bottom: 1rem; } -.error label, -.error label.error { - color: #f04124; } -.error small.error { - display: block; - font-size: 0.75rem; - font-style: italic; - font-weight: normal; - margin-bottom: 1rem; - margin-top: -1px; - padding: 0.375rem 0.5625rem 0.5625rem; - background: #f04124; - color: #FFFFFF; } -.error > label > small { - background: transparent; - color: #676767; - display: inline; - font-size: 60%; - font-style: normal; - margin: 0; - padding: 0; - text-transform: capitalize; } -.error span.error-message { - display: block; } - -input.error, -textarea.error, -select.error { - margin-bottom: 0; } - -label.error { - color: #f04124; } - -.icon-bar { - display: inline-block; - font-size: 0; - width: 100%; - background: #333333; } - .icon-bar > * { - display: block; - float: left; - font-size: 1rem; - margin: 0 auto; - padding: 1.25rem; - text-align: center; - width: 25%; } - .icon-bar > * i, .icon-bar > * img { - display: block; - margin: 0 auto; } - .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: .0625rem; } - .icon-bar > * i { - font-size: 1.875rem; - vertical-align: middle; } - .icon-bar > * img { - height: 1.875rem; - width: 1.875rem; } - .icon-bar.label-right > * i, .icon-bar.label-right > * img { - display: inline-block; - margin: 0 .0625rem 0 0; } - .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { - margin-top: 0; } - .icon-bar.label-right > * label { - display: inline-block; } - .icon-bar.vertical.label-right > * { - text-align: left; } - .icon-bar.vertical, .icon-bar.small-vertical { - height: 100%; - width: auto; } - .icon-bar.vertical .item, .icon-bar.small-vertical .item { - float: none; - margin: auto; - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.medium-vertical { - height: 100%; - width: auto; } - .icon-bar.medium-vertical .item { - float: none; - margin: auto; - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.large-vertical { - height: 100%; - width: auto; } - .icon-bar.large-vertical .item { - float: none; - margin: auto; - width: auto; } } - .icon-bar > * { - font-size: 1rem; - padding: 1.25rem; } - .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: .0625rem; - font-size: 1rem; } - .icon-bar > * i { - font-size: 1.875rem; } - .icon-bar > * img { - height: 1.875rem; - width: 1.875rem; } - .icon-bar > * label { - color: #FFFFFF; } - .icon-bar > * i { - color: #FFFFFF; } - .icon-bar > a:hover { - background: #008CBA; } - .icon-bar > a:hover label { - color: #FFFFFF; } - .icon-bar > a:hover i { - color: #FFFFFF; } - .icon-bar > a.active { - background: #008CBA; } - .icon-bar > a.active label { - color: #FFFFFF; } - .icon-bar > a.active i { - color: #FFFFFF; } - .icon-bar .item.disabled { - cursor: not-allowed; - opacity: 0.7; - pointer-events: none; } - .icon-bar .item.disabled > * { - opacity: 0.7; - cursor: not-allowed; } - .icon-bar.two-up .item { - width: 50%; } - .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.two-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.two-up.large-vertical .item { - width: auto; } } - .icon-bar.three-up .item { - width: 33.3333%; } - .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.three-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.three-up.large-vertical .item { - width: auto; } } - .icon-bar.four-up .item { - width: 25%; } - .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.four-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.four-up.large-vertical .item { - width: auto; } } - .icon-bar.five-up .item { - width: 20%; } - .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.five-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.five-up.large-vertical .item { - width: auto; } } - .icon-bar.six-up .item { - width: 16.66667%; } - .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.six-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.six-up.large-vertical .item { - width: auto; } } - .icon-bar.seven-up .item { - width: 14.28571%; } - .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.seven-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.seven-up.large-vertical .item { - width: auto; } } - .icon-bar.eight-up .item { - width: 12.5%; } - .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { - width: auto; } - @media only screen and (min-width: 40.0625em) { - .icon-bar.eight-up.medium-vertical .item { - width: auto; } } - @media only screen and (min-width: 64.0625em) { - .icon-bar.eight-up.large-vertical .item { - width: auto; } } - -.icon-bar.two-up .item { - width: 50%; } -.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.two-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.two-up.large-vertical .item { - width: auto; } } -.icon-bar.three-up .item { - width: 33.3333%; } -.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.three-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.three-up.large-vertical .item { - width: auto; } } -.icon-bar.four-up .item { - width: 25%; } -.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.four-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.four-up.large-vertical .item { - width: auto; } } -.icon-bar.five-up .item { - width: 20%; } -.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.five-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.five-up.large-vertical .item { - width: auto; } } -.icon-bar.six-up .item { - width: 16.66667%; } -.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.six-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.six-up.large-vertical .item { - width: auto; } } -.icon-bar.seven-up .item { - width: 14.28571%; } -.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.seven-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.seven-up.large-vertical .item { - width: auto; } } -.icon-bar.eight-up .item { - width: 12.5%; } -.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { - width: auto; } -@media only screen and (min-width: 40.0625em) { - .icon-bar.eight-up.medium-vertical .item { - width: auto; } } -@media only screen and (min-width: 64.0625em) { - .icon-bar.eight-up.large-vertical .item { - width: auto; } } - -.inline-list { - list-style: none; - margin-top: 0; - margin-bottom: 1.0625rem; - margin-left: -1.375rem; - margin-right: 0; - overflow: hidden; - padding: 0; } - .inline-list > li { - display: block; - float: left; - list-style: none; - margin-left: 1.375rem; } - .inline-list > li > * { - display: block; } - -/* Foundation Joyride */ -.joyride-list { - display: none; } - -/* Default styles for the container */ -.joyride-tip-guide { - background: #333333; - color: #FFFFFF; - display: none; - font-family: inherit; - font-weight: normal; - position: absolute; - top: 0; - width: 95%; - z-index: 103; - left: 2.5%; } - -.lt-ie9 .joyride-tip-guide { - margin-left: -400px; - max-width: 800px; - left: 50%; } - -.joyride-content-wrapper { - padding: 1.125rem 1.25rem 1.5rem; - width: 100%; } - .joyride-content-wrapper .button { - margin-bottom: 0 !important; } - .joyride-content-wrapper .joyride-prev-tip { - margin-right: 10px; } - -/* Add a little css triangle pip, older browser just miss out on the fanciness of it */ -.joyride-tip-guide .joyride-nub { - border: 10px solid #333333; - display: block; - height: 0; - position: absolute; - width: 0; - left: 22px; } - .joyride-tip-guide .joyride-nub.top { - border-color: #333333; - border-top-color: transparent !important; - border-top-style: solid; - border-left-color: transparent !important; - border-right-color: transparent !important; - top: -20px; } - .joyride-tip-guide .joyride-nub.bottom { - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-bottom-style: solid; - border-left-color: transparent !important; - border-right-color: transparent !important; - bottom: -20px; } - .joyride-tip-guide .joyride-nub.right { - right: -20px; } - .joyride-tip-guide .joyride-nub.left { - left: -20px; } - -/* Typography */ -.joyride-tip-guide h1, -.joyride-tip-guide h2, -.joyride-tip-guide h3, -.joyride-tip-guide h4, -.joyride-tip-guide h5, -.joyride-tip-guide h6 { - color: #FFFFFF; - font-weight: bold; - line-height: 1.25; - margin: 0; } - -.joyride-tip-guide p { - font-size: 0.875rem; - line-height: 1.3; - margin: 0 0 1.125rem 0; } - -.joyride-timer-indicator-wrap { - border: solid 1px #555555; - bottom: 1rem; - height: 3px; - position: absolute; - width: 50px; - right: 1.0625rem; } - -.joyride-timer-indicator { - background: #666666; - display: block; - height: inherit; - width: 0; } - -.joyride-close-tip { - color: #777777 !important; - font-size: 24px; - font-weight: normal; - line-height: .5 !important; - position: absolute; - text-decoration: none; - top: 10px; - right: 12px; } - .joyride-close-tip:hover, .joyride-close-tip:focus { - color: #EEEEEE !important; } - -.joyride-modal-bg { - background: rgba(0, 0, 0, 0.5); - cursor: pointer; - display: none; - height: 100%; - position: fixed; - top: 0; - width: 100%; - z-index: 100; - left: 0; } - -.joyride-expose-wrapper { - background-color: #FFFFFF; - border-radius: 3px; - box-shadow: 0 0 15px #FFFFFF; - position: absolute; - z-index: 102; } - -.joyride-expose-cover { - background: transparent; - border-radius: 3px; - left: 0; - position: absolute; - top: 0; - z-index: 9999; } - -/* Styles for screens that are at least 768px; */ -@media only screen { - .joyride-tip-guide { - width: 300px; - left: inherit; } - .joyride-tip-guide .joyride-nub.bottom { - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-left-color: transparent !important; - border-right-color: transparent !important; - bottom: -20px; } - .joyride-tip-guide .joyride-nub.right { - border-color: #333333 !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; - border-top-color: transparent !important; - left: auto; - right: -20px; - top: 22px; } - .joyride-tip-guide .joyride-nub.left { - border-color: #333333 !important; - border-bottom-color: transparent !important; - border-left-color: transparent !important; - border-top-color: transparent !important; - left: -20px; - right: auto; - top: 22px; } } -.keystroke, -kbd { - background-color: #ededed; - border-color: #dddddd; - color: #222222; - border-style: solid; - border-width: 1px; - font-family: "Consolas", "Menlo", "Courier", monospace; - font-size: inherit; - margin: 0; - padding: 0.125rem 0.25rem 0; - border-radius: 3px; } - -.label { - display: inline-block; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; - line-height: 1; - margin-bottom: auto; - position: relative; - text-align: center; - text-decoration: none; - white-space: nowrap; - padding: 0.25rem 0.5rem 0.25rem; - font-size: 0.6875rem; - background-color: #008CBA; - color: #FFFFFF; } - .label.radius { - border-radius: 3px; } - .label.round { - border-radius: 1000px; } - .label.alert { - background-color: #f04124; - color: #FFFFFF; } - .label.warning { - background-color: #f08a24; - color: #FFFFFF; } - .label.success { - background-color: #43AC6A; - color: #FFFFFF; } - .label.secondary { - background-color: #e7e7e7; - color: #333333; } - .label.info { - background-color: #a0d3e8; - color: #333333; } - -[data-magellan-expedition], [data-magellan-expedition-clone] { - background: #FFFFFF; - min-width: 100%; - padding: 10px; - z-index: 50; } - [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { - margin-bottom: 0; } - [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { - margin-bottom: 0; } - [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { - line-height: 1.8em; } - -@-webkit-keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } -@keyframes rotate { - from { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); } } -/* Orbit Graceful Loading */ -.slideshow-wrapper { - position: relative; } - .slideshow-wrapper ul { - list-style-type: none; - margin: 0; } - .slideshow-wrapper ul li, - .slideshow-wrapper ul li .orbit-caption { - display: none; } - .slideshow-wrapper ul li:first-child { - display: block; } - .slideshow-wrapper .orbit-container { - background-color: transparent; } - .slideshow-wrapper .orbit-container li { - display: block; } - .slideshow-wrapper .orbit-container li .orbit-caption { - display: block; } - .slideshow-wrapper .orbit-container .orbit-bullets li { - display: inline-block; } - .slideshow-wrapper .preloader { - border-radius: 1000px; - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-name: rotate; - animation-timing-function: linear; - border-color: #555555 #FFFFFF; - border: solid 3px; - display: block; - height: 40px; - left: 50%; - margin-left: -20px; - margin-top: -20px; - position: absolute; - top: 50%; - width: 40px; } - -.orbit-container { - background: none; - overflow: hidden; - position: relative; - width: 100%; } - .orbit-container .orbit-slides-container { - list-style: none; - margin: 0; - padding: 0; - position: relative; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); } - .orbit-container .orbit-slides-container img { - display: block; - max-width: 100%; } - .orbit-container .orbit-slides-container > * { - position: absolute; - top: 0; - width: 100%; - margin-left: 100%; } - .orbit-container .orbit-slides-container > *:first-child { - margin-left: 0; } - .orbit-container .orbit-slides-container > * .orbit-caption { - bottom: 0; - position: absolute; - background-color: rgba(51, 51, 51, 0.8); - color: #FFFFFF; - font-size: 0.875rem; - padding: 0.625rem 0.875rem; - width: 100%; } - .orbit-container .orbit-slide-number { - left: 10px; - background: transparent; - color: #FFFFFF; - font-size: 12px; - position: absolute; - top: 10px; - z-index: 10; } - .orbit-container .orbit-slide-number span { - font-weight: 700; - padding: 0.3125rem; } - .orbit-container .orbit-timer { - position: absolute; - top: 12px; - right: 10px; - height: 6px; - width: 100px; - z-index: 10; } - .orbit-container .orbit-timer .orbit-progress { - height: 3px; - background-color: rgba(255, 255, 255, 0.3); - display: block; - width: 0; - position: relative; - right: 20px; - top: 5px; } - .orbit-container .orbit-timer > span { - border: solid 4px #FFFFFF; - border-bottom: none; - border-top: none; - display: none; - height: 14px; - position: absolute; - top: 0; - width: 11px; - right: 0; } - .orbit-container .orbit-timer.paused > span { - top: 0; - width: 11px; - height: 14px; - border: inset 8px; - border-left-style: solid; - border-color: transparent; - border-left-color: #FFFFFF; - right: -4px; } - .orbit-container .orbit-timer.paused > span.dark { - border-left-color: #333333; } - .orbit-container:hover .orbit-timer > span { - display: block; } - .orbit-container .orbit-prev, - .orbit-container .orbit-next { - background-color: transparent; - color: white; - height: 60px; - line-height: 50px; - margin-top: -25px; - position: absolute; - text-indent: -9999px !important; - top: 45%; - width: 36px; - z-index: 10; } - .orbit-container .orbit-prev:hover, - .orbit-container .orbit-next:hover { - background-color: rgba(0, 0, 0, 0.3); } - .orbit-container .orbit-prev > span, - .orbit-container .orbit-next > span { - border: inset 10px; - display: block; - height: 0; - margin-top: -10px; - position: absolute; - top: 50%; - width: 0; } - .orbit-container .orbit-prev { - left: 0; } - .orbit-container .orbit-prev > span { - border-right-style: solid; - border-color: transparent; - border-right-color: #FFFFFF; } - .orbit-container .orbit-prev:hover > span { - border-right-color: #FFFFFF; } - .orbit-container .orbit-next { - right: 0; } - .orbit-container .orbit-next > span { - border-color: transparent; - border-left-style: solid; - border-left-color: #FFFFFF; - left: 50%; - margin-left: -4px; } - .orbit-container .orbit-next:hover > span { - border-left-color: #FFFFFF; } - -.orbit-bullets-container { - text-align: center; } - -.orbit-bullets { - display: block; - float: none; - margin: 0 auto 30px auto; - overflow: hidden; - position: relative; - text-align: center; - top: 10px; } - .orbit-bullets li { - background: #CCCCCC; - cursor: pointer; - display: inline-block; - float: none; - height: 0.5625rem; - margin-right: 6px; - width: 0.5625rem; - border-radius: 1000px; } - .orbit-bullets li.active { - background: #999999; } - .orbit-bullets li:last-child { - margin-right: 0; } - -.touch .orbit-container .orbit-prev, -.touch .orbit-container .orbit-next { - display: none; } -.touch .orbit-bullets { - display: none; } - -@media only screen and (min-width: 40.0625em) { - .touch .orbit-container .orbit-prev, - .touch .orbit-container .orbit-next { - display: inherit; } - .touch .orbit-bullets { - display: block; } } -@media only screen and (max-width: 40em) { - .orbit-stack-on-small .orbit-slides-container { - height: auto !important; } - .orbit-stack-on-small .orbit-slides-container > * { - margin: 0 !important; - opacity: 1 !important; - position: relative; } - .orbit-stack-on-small .orbit-slide-number { - display: none; } - - .orbit-timer { - display: none; } - - .orbit-next, .orbit-prev { - display: none; } - - .orbit-bullets { - display: none; } } -ul.pagination { - display: block; - margin-left: -0.3125rem; - min-height: 1.5rem; } - ul.pagination li { - color: #222222; - font-size: 0.875rem; - height: 1.5rem; - margin-left: 0.3125rem; } - ul.pagination li a, ul.pagination li button { - border-radius: 3px; - transition: background-color 300ms ease-out; - background: none; - color: #999999; - display: block; - font-size: 1em; - font-weight: normal; - line-height: inherit; - padding: 0.0625rem 0.625rem 0.0625rem; } - ul.pagination li:hover a, - ul.pagination li a:focus, ul.pagination li:hover button, - ul.pagination li button:focus { - background: #e6e6e6; } - ul.pagination li.unavailable a, ul.pagination li.unavailable button { - cursor: default; - color: #999999; - pointer-events: none; } - ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { - background: transparent; } - ul.pagination li.current a, ul.pagination li.current button { - background: #008CBA; - color: #FFFFFF; - cursor: default; - font-weight: bold; } - ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { - background: #008CBA; } - ul.pagination li { - display: block; - float: left; } - -/* Pagination centred wrapper */ -.pagination-centered { - text-align: center; } - .pagination-centered ul.pagination li { - display: inline-block; - float: none; } - -/* Panels */ -.panel { - border-style: solid; - border-width: 1px; - border-color: #d8d8d8; - margin-bottom: 1.25rem; - padding: 1.25rem; - background: #f2f2f2; - color: #333333; } - .panel > :first-child { - margin-top: 0; } - .panel > :last-child { - margin-bottom: 0; } - .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { - color: #333333; } - .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { - line-height: 1; - margin-bottom: 0.625rem; } - .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { - line-height: 1.4; } - .panel.callout { - border-style: solid; - border-width: 1px; - border-color: #d8d8d8; - margin-bottom: 1.25rem; - padding: 1.25rem; - background: #ecfaff; - color: #333333; } - .panel.callout > :first-child { - margin-top: 0; } - .panel.callout > :last-child { - margin-bottom: 0; } - .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { - color: #333333; } - .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { - line-height: 1; - margin-bottom: 0.625rem; } - .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { - line-height: 1.4; } - .panel.callout a:not(.button) { - color: #008CBA; } - .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { - color: #0078a0; } - .panel.radius { - border-radius: 3px; } - -/* Pricing Tables */ -.pricing-table { - border: solid 1px #DDDDDD; - margin-left: 0; - margin-bottom: 1.25rem; } - .pricing-table * { - list-style: none; - line-height: 1; } - .pricing-table .title { - background-color: #333333; - color: #EEEEEE; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; - font-weight: normal; - padding: 0.9375rem 1.25rem; - text-align: center; } - .pricing-table .price { - background-color: #F6F6F6; - color: #333333; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 2rem; - font-weight: normal; - padding: 0.9375rem 1.25rem; - text-align: center; } - .pricing-table .description { - background-color: #FFFFFF; - border-bottom: dotted 1px #DDDDDD; - color: #777777; - font-size: 0.75rem; - font-weight: normal; - line-height: 1.4; - padding: 0.9375rem; - text-align: center; } - .pricing-table .bullet-item { - background-color: #FFFFFF; - border-bottom: dotted 1px #DDDDDD; - color: #333333; - font-size: 0.875rem; - font-weight: normal; - padding: 0.9375rem; - text-align: center; } - .pricing-table .cta-button { - background-color: #FFFFFF; - padding: 1.25rem 1.25rem 0; - text-align: center; } - -/* Progress Bar */ -.progress { - background-color: #F6F6F6; - border: 1px solid white; - height: 1.5625rem; - margin-bottom: 0.625rem; - padding: 0.125rem; } - .progress .meter { - background: #008CBA; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress .meter.secondary { - background: #e7e7e7; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress .meter.success { - background: #43AC6A; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress .meter.alert { - background: #f04124; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress.secondary .meter { - background: #e7e7e7; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress.success .meter { - background: #43AC6A; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress.alert .meter { - background: #f04124; - display: block; - height: 100%; - float: left; - width: 0%; } - .progress.radius { - border-radius: 3px; } - .progress.radius .meter { - border-radius: 2px; } - .progress.round { - border-radius: 1000px; } - .progress.round .meter { - border-radius: 999px; } - -.range-slider { - border: 1px solid #DDDDDD; - margin: 1.25rem 0; - position: relative; - -ms-touch-action: none; - touch-action: none; - display: block; - height: 1rem; - width: 100%; - background: #FAFAFA; } - .range-slider.vertical-range { - border: 1px solid #DDDDDD; - margin: 1.25rem 0; - position: relative; - -ms-touch-action: none; - touch-action: none; - display: inline-block; - height: 12.5rem; - width: 1rem; } - .range-slider.vertical-range .range-slider-handle { - bottom: -10.5rem; - margin-left: -0.5rem; - margin-top: 0; - position: absolute; } - .range-slider.vertical-range .range-slider-active-segment { - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - border-top-left-radius: initial; - bottom: 0; - height: auto; - width: 0.875rem; } - .range-slider.radius { - background: #FAFAFA; - border-radius: 3px; } - .range-slider.radius .range-slider-handle { - background: #008CBA; - border-radius: 3px; } - .range-slider.radius .range-slider-handle:hover { - background: #007ba4; } - .range-slider.round { - background: #FAFAFA; - border-radius: 1000px; } - .range-slider.round .range-slider-handle { - background: #008CBA; - border-radius: 1000px; } - .range-slider.round .range-slider-handle:hover { - background: #007ba4; } - .range-slider.disabled, .range-slider[disabled] { - background: #FAFAFA; - cursor: not-allowed; - opacity: 0.7; } - .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { - background: #008CBA; - cursor: default; - opacity: 0.7; } - .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { - background: #007ba4; } - -.range-slider-active-segment { - background: #e5e5e5; - border-bottom-left-radius: inherit; - border-top-left-radius: inherit; - display: inline-block; - height: 0.875rem; - position: absolute; } - -.range-slider-handle { - border: 1px solid none; - cursor: pointer; - display: inline-block; - height: 1.375rem; - position: absolute; - top: -0.3125rem; - width: 2rem; - z-index: 1; - -ms-touch-action: manipulation; - touch-action: manipulation; - background: #008CBA; } - .range-slider-handle:hover { - background: #007ba4; } - -.reveal-modal-bg { - background: #000000; - background: rgba(0, 0, 0, 0.45); - bottom: 0; - display: none; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 1004; - left: 0; } - -.reveal-modal { - border-radius: 3px; - display: none; - position: absolute; - top: 0; - visibility: hidden; - width: 100%; - z-index: 1005; - left: 0; - background-color: #FFFFFF; - padding: 1.875rem; - border: solid 1px #666666; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } - @media only screen and (max-width: 40em) { - .reveal-modal { - min-height: 100vh; } } - .reveal-modal .column, .reveal-modal .columns { - min-width: 0; } - .reveal-modal > :first-child { - margin-top: 0; } - .reveal-modal > :last-child { - margin-bottom: 0; } - @media only screen and (min-width: 40.0625em) { - .reveal-modal { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 80%; } } - @media only screen and (min-width: 40.0625em) { - .reveal-modal { - top: 6.25rem; } } - .reveal-modal.radius { - box-shadow: none; - border-radius: 3px; } - .reveal-modal.round { - box-shadow: none; - border-radius: 1000px; } - .reveal-modal.collapse { - padding: 0; - box-shadow: none; } - @media only screen and (min-width: 40.0625em) { - .reveal-modal.tiny { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 30%; } } - @media only screen and (min-width: 40.0625em) { - .reveal-modal.small { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 40%; } } - @media only screen and (min-width: 40.0625em) { - .reveal-modal.medium { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 60%; } } - @media only screen and (min-width: 40.0625em) { - .reveal-modal.large { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 70%; } } - @media only screen and (min-width: 40.0625em) { - .reveal-modal.xlarge { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 95%; } } - .reveal-modal.full { - height: 100vh; - height: 100%; - left: 0; - margin-left: 0 !important; - max-width: none !important; - min-height: 100vh; - top: 0; } - @media only screen and (min-width: 40.0625em) { - .reveal-modal.full { - left: 0; - margin: 0 auto; - max-width: 62.5rem; - right: 0; - width: 100%; } } - .reveal-modal.toback { - z-index: 1003; } - .reveal-modal .close-reveal-modal { - color: #AAAAAA; - cursor: pointer; - font-size: 2.5rem; - font-weight: bold; - line-height: 1; - position: absolute; - top: 0.625rem; - right: 1.375rem; - text-decoration: none; } - -.side-nav { - display: block; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - list-style-position: outside; - list-style-type: none; - margin: 0; - padding: 0.875rem 0; } - .side-nav li { - font-size: 0.875rem; - font-weight: normal; - margin: 0 0 0.4375rem 0; } - .side-nav li a:not(.button) { - color: #008CBA; - display: block; - margin: 0; - padding: 0.4375rem 0.875rem; } - .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { - background: rgba(0, 0, 0, 0.025); - color: #1cc7ff; } - .side-nav li a:not(.button):active { - color: #1cc7ff; } - .side-nav li.active > a:first-child:not(.button) { - color: #1cc7ff; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-weight: normal; } - .side-nav li.divider { - border-top: 1px solid; - height: 0; - list-style: none; - padding: 0; - border-top-color: #e6e6e6; } - .side-nav li.heading { - color: #008CBA; - font-size: 0.875rem; - font-weight: bold; - text-transform: uppercase; } - -.split.button { - position: relative; - padding-right: 5.0625rem; } - .split.button span { - display: block; - height: 100%; - position: absolute; - right: 0; - top: 0; - border-left: solid 1px; } - .split.button span:after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: inset; - top: 50%; - left: 50%; } - .split.button span:active { - background-color: rgba(0, 0, 0, 0.1); } - .split.button span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button span { - width: 3.09375rem; } - .split.button span:after { - border-top-style: solid; - border-width: 0.375rem; - margin-left: -0.375rem; - top: 48%; } - .split.button span:after { - border-color: #FFFFFF transparent transparent transparent; } - .split.button.secondary span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.secondary span:after { - border-color: #FFFFFF transparent transparent transparent; } - .split.button.alert span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.success span { - border-left-color: rgba(255, 255, 255, 0.5); } - .split.button.tiny { - padding-right: 3.75rem; } - .split.button.tiny span { - width: 2.25rem; } - .split.button.tiny span:after { - border-top-style: solid; - border-width: 0.375rem; - margin-left: -0.375rem; - top: 48%; } - .split.button.small { - padding-right: 4.375rem; } - .split.button.small span { - width: 2.625rem; } - .split.button.small span:after { - border-top-style: solid; - border-width: 0.4375rem; - margin-left: -0.375rem; - top: 48%; } - .split.button.large { - padding-right: 5.5rem; } - .split.button.large span { - width: 3.4375rem; } - .split.button.large span:after { - border-top-style: solid; - border-width: 0.3125rem; - margin-left: -0.375rem; - top: 48%; } - .split.button.expand { - padding-left: 2rem; } - .split.button.secondary span:after { - border-color: #333333 transparent transparent transparent; } - .split.button.radius span { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .split.button.round span { - -webkit-border-bottom-right-radius: 1000px; - -webkit-border-top-right-radius: 1000px; - border-bottom-right-radius: 1000px; - border-top-right-radius: 1000px; } - .split.button.no-pip span:before { - border-style: none; } - .split.button.no-pip span:after { - border-style: none; } - .split.button.no-pip span > i { - display: block; - left: 50%; - margin-left: -0.28889em; - margin-top: -0.48889em; - position: absolute; - top: 50%; } - -.sub-nav { - display: block; - margin: -0.25rem 0 1.125rem; - overflow: hidden; - padding-top: 0.25rem; - width: auto; } - .sub-nav dt { - text-transform: uppercase; } - .sub-nav dt, - .sub-nav dd, - .sub-nav li { - color: #999999; - float: left; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 0.875rem; - font-weight: normal; - margin-left: 1rem; - margin-bottom: 0; } - .sub-nav dt a, - .sub-nav dd a, - .sub-nav li a { - color: #999999; - padding: 0.1875rem 1rem; - text-decoration: none; } - .sub-nav dt a:hover, - .sub-nav dd a:hover, - .sub-nav li a:hover { - color: #737373; } - .sub-nav dt.active a, - .sub-nav dd.active a, - .sub-nav li.active a { - border-radius: 3px; - background: #008CBA; - color: #FFFFFF; - cursor: default; - font-weight: normal; - padding: 0.1875rem 1rem; } - .sub-nav dt.active a:hover, - .sub-nav dd.active a:hover, - .sub-nav li.active a:hover { - background: #0078a0; } - -.switch { - border: none; - margin-bottom: 1.5rem; - outline: 0; - padding: 0; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .switch label { - background: #DDDDDD; - color: transparent; - cursor: pointer; - display: block; - margin-bottom: 1rem; - position: relative; - text-indent: 100%; - width: 4rem; - height: 2rem; - transition: left 0.15s ease-out; } - .switch input { - left: 10px; - opacity: 0; - padding: 0; - position: absolute; - top: 9px; } - .switch input + label { - margin-left: 0; - margin-right: 0; } - .switch label:after { - background: #FFFFFF; - content: ""; - display: block; - height: 1.5rem; - left: .25rem; - position: absolute; - top: .25rem; - width: 1.5rem; - -webkit-transition: left 0.15s ease-out; - -moz-transition: left 0.15s ease-out; - -o-transition: translate3d(0, 0, 0); - transition: left 0.15s ease-out; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - .switch input:checked + label { - background: #008CBA; } - .switch input:checked + label:after { - left: 2.25rem; } - .switch label { - height: 2rem; - width: 4rem; } - .switch label:after { - height: 1.5rem; - width: 1.5rem; } - .switch input:checked + label:after { - left: 2.25rem; } - .switch label { - color: transparent; - background: #DDDDDD; } - .switch label:after { - background: #FFFFFF; } - .switch input:checked + label { - background: #008CBA; } - .switch.large label { - height: 2.5rem; - width: 5rem; } - .switch.large label:after { - height: 2rem; - width: 2rem; } - .switch.large input:checked + label:after { - left: 2.75rem; } - .switch.small label { - height: 1.75rem; - width: 3.5rem; } - .switch.small label:after { - height: 1.25rem; - width: 1.25rem; } - .switch.small input:checked + label:after { - left: 2rem; } - .switch.tiny label { - height: 1.5rem; - width: 3rem; } - .switch.tiny label:after { - height: 1rem; - width: 1rem; } - .switch.tiny input:checked + label:after { - left: 1.75rem; } - .switch.radius label { - border-radius: 4px; } - .switch.radius label:after { - border-radius: 3px; } - .switch.round { - border-radius: 1000px; } - .switch.round label { - border-radius: 2rem; } - .switch.round label:after { - border-radius: 2rem; } - -table { - background: #FFFFFF; - border: solid 1px #DDDDDD; - margin-bottom: 1.25rem; - table-layout: auto; } - table caption { - background: transparent; - color: #222222; - font-size: 1rem; - font-weight: bold; } - table thead { - background: #F5F5F5; } - table thead tr th, - table thead tr td { - color: #222222; - font-size: 0.875rem; - font-weight: bold; - padding: 0.5rem 0.625rem 0.625rem; } - table tfoot { - background: #F5F5F5; } - table tfoot tr th, - table tfoot tr td { - color: #222222; - font-size: 0.875rem; - font-weight: bold; - padding: 0.5rem 0.625rem 0.625rem; } - table tr th, - table tr td { - color: #222222; - font-size: 0.875rem; - padding: 0.5625rem 0.625rem; - text-align: left; } - table tr.even, table tr.alt, table tr:nth-of-type(even) { - background: #F9F9F9; } - table thead tr th, - table tfoot tr th, - table tfoot tr td, - table tbody tr th, - table tbody tr td, - table tr td { - display: table-cell; - line-height: 1.125rem; } - -.tabs { - margin-bottom: 0 !important; - margin-left: 0; } - .tabs:before, .tabs:after { - content: " "; - display: table; } - .tabs:after { - clear: both; } - .tabs dd, - .tabs .tab-title { - float: left; - list-style: none; - margin-bottom: 0 !important; - position: relative; } - .tabs dd > a, - .tabs .tab-title > a { - display: block; - background-color: #EFEFEF; - color: #222222; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 1rem; - padding: 1rem 2rem; } - .tabs dd > a:hover, - .tabs .tab-title > a:hover { - background-color: #e1e1e1; } - .tabs dd.active > a, - .tabs .tab-title.active > a { - background-color: #FFFFFF; - color: #222222; } - .tabs.radius dd:first-child a, - .tabs.radius .tab:first-child a { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .tabs.radius dd:last-child a, - .tabs.radius .tab:last-child a { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .tabs.vertical dd, - .tabs.vertical .tab-title { - position: inherit; - float: none; - display: block; - top: auto; } - -.tabs-content { - margin-bottom: 1.5rem; - width: 100%; } - .tabs-content:before, .tabs-content:after { - content: " "; - display: table; } - .tabs-content:after { - clear: both; } - .tabs-content > .content { - display: none; - float: left; - padding: 0.9375rem 0; - width: 100%; } - .tabs-content > .content.active { - display: block; - float: none; } - .tabs-content > .content.contained { - padding: 0.9375rem; } - .tabs-content.vertical { - display: block; } - .tabs-content.vertical > .content { - padding: 0 0.9375rem; } - -@media only screen and (min-width: 40.0625em) { - .tabs.vertical { - float: left; - margin: 0; - margin-bottom: 1.25rem !important; - max-width: 20%; - width: 20%; } - - .tabs-content.vertical { - float: left; - margin-left: -1px; - max-width: 80%; - padding-left: 1rem; - width: 80%; } } -.no-js .tabs-content > .content { - display: block; - float: none; } - -/* Image Thumbnails */ -.th { - border: solid 4px #FFFFFF; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); - display: inline-block; - line-height: 0; - max-width: 100%; - transition: all 200ms ease-out; } - .th:hover, .th:focus { - box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } - .th.radius { - border-radius: 3px; } - -/* Tooltips */ -.has-tip { - border-bottom: dotted 1px #CCCCCC; - color: #333333; - cursor: help; - font-weight: bold; } - .has-tip:hover, .has-tip:focus { - border-bottom: dotted 1px #003f54; - color: #008CBA; } - .has-tip.tip-left, .has-tip.tip-right { - float: none !important; } - -.tooltip { - background: #333333; - color: #FFFFFF; - display: none; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.3; - max-width: 300px; - padding: 0.75rem; - position: absolute; - width: 100%; - z-index: 1006; - left: 50%; } - .tooltip > .nub { - border: solid 5px; - border-color: transparent transparent #333333 transparent; - display: block; - height: 0; - pointer-events: none; - position: absolute; - top: -10px; - width: 0; - left: 5px; } - .tooltip > .nub.rtl { - left: auto; - right: 5px; } - .tooltip.radius { - border-radius: 3px; } - .tooltip.round { - border-radius: 1000px; } - .tooltip.round > .nub { - left: 2rem; } - .tooltip.opened { - border-bottom: dotted 1px #003f54 !important; - color: #008CBA !important; } - -.tap-to-close { - color: #777777; - display: block; - font-size: 0.625rem; - font-weight: normal; } - -@media only screen { - .tooltip > .nub { - border-color: transparent transparent #333333 transparent; - top: -10px; } - .tooltip.tip-top > .nub { - border-color: #333333 transparent transparent transparent; - bottom: -10px; - top: auto; } - .tooltip.tip-left, .tooltip.tip-right { - float: none !important; } - .tooltip.tip-left > .nub { - border-color: transparent transparent transparent #333333; - left: auto; - margin-top: -5px; - right: -10px; - top: 50%; } - .tooltip.tip-right > .nub { - border-color: transparent #333333 transparent transparent; - left: -10px; - margin-top: -5px; - right: auto; - top: 50%; } - - .tooltip.tip-override > .nub { - border-color: transparent transparent #333333 transparent; } - .tooltip.tip-override.tip-left > .nub, .tooltip.tip-override.tip-right > .nub { - margin-top: 0; } } -meta.foundation-mq-topbar { - font-family: "/only screen and (min-width:40.0625em)/"; - width: 40.0625em; } - -/* Wrapped around .top-bar to contain to grid width */ -.contain-to-grid { - width: 100%; - background: #333333; } - .contain-to-grid .top-bar { - margin-bottom: 0; } - -.fixed { - position: fixed; - top: 0; - width: 100%; - z-index: 99; - left: 0; } - .fixed.expanded:not(.top-bar) { - height: auto; - max-height: 100%; - overflow-y: auto; - width: 100%; } - .fixed.expanded:not(.top-bar) .title-area { - position: fixed; - width: 100%; - z-index: 99; } - .fixed.expanded:not(.top-bar) .top-bar-section { - margin-top: 2.8125rem; - z-index: 98; } - -.top-bar { - background: #333333; - height: 2.8125rem; - line-height: 2.8125rem; - margin-bottom: 0; - overflow: hidden; - position: relative; } - .top-bar ul { - list-style: none; - margin-bottom: 0; } - .top-bar .row { - max-width: none; } - .top-bar form, - .top-bar input, - .top-bar select { - margin-bottom: 0; } - .top-bar input, - .top-bar select { - font-size: 0.75rem; - height: 1.75rem; - padding-bottom: .35rem; - padding-top: .35rem; } - .top-bar .button, .top-bar button { - font-size: 0.75rem; - margin-bottom: 0; - padding-bottom: 0.4125rem; - padding-top: 0.4125rem; } - @media only screen and (max-width: 40em) { - .top-bar .button, .top-bar button { - position: relative; - top: -1px; } } - .top-bar .title-area { - margin: 0; - position: relative; } - .top-bar .name { - font-size: 16px; - height: 2.8125rem; - margin: 0; } - .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { - font-size: 1.0625rem; - line-height: 2.8125rem; - margin: 0; } - .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a { - color: #FFFFFF; - display: block; - font-weight: normal; - padding: 0 0.9375rem; - width: 75%; } - .top-bar .toggle-topbar { - position: absolute; - right: 0; - top: 0; } - .top-bar .toggle-topbar a { - color: #FFFFFF; - display: block; - font-size: 0.8125rem; - font-weight: bold; - height: 2.8125rem; - line-height: 2.8125rem; - padding: 0 0.9375rem; - position: relative; - text-transform: uppercase; } - .top-bar .toggle-topbar.menu-icon { - margin-top: -16px; - top: 50%; } - .top-bar .toggle-topbar.menu-icon a { - color: #FFFFFF; - height: 34px; - line-height: 33px; - padding: 0 2.5rem 0 0.9375rem; - position: relative; } - .top-bar .toggle-topbar.menu-icon a span::after { - content: ""; - display: block; - height: 0; - position: absolute; - margin-top: -8px; - top: 50%; - right: 0.9375rem; - box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - -webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - width: 16px; } - .top-bar .toggle-topbar.menu-icon a span:hover:after { - box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; - -webkit-box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } - .top-bar.expanded { - background: transparent; - height: auto; } - .top-bar.expanded .title-area { - background: #333333; } - .top-bar.expanded .toggle-topbar a { - color: #888888; } - .top-bar.expanded .toggle-topbar a span::after { - box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } - @media screen and (-webkit-min-device-pixel-ratio: 0) { - .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown, - .top-bar.expanded .top-bar-section .dropdown { - clip: initial; } - .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul { - padding: 0; } } - -.top-bar-section { - left: 0; - position: relative; - width: auto; - transition: left 300ms ease-out; } - .top-bar-section ul { - display: block; - font-size: 16px; - height: auto; - margin: 0; - padding: 0; - width: 100%; } - .top-bar-section .divider, - .top-bar-section [role="separator"] { - border-top: solid 1px #1a1a1a; - clear: both; - height: 1px; - width: 100%; } - .top-bar-section ul li { - background: #333333; } - .top-bar-section ul li > a { - color: #FFFFFF; - display: block; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-size: 0.8125rem; - font-weight: normal; - padding-left: 0.9375rem; - padding: 12px 0 12px 0.9375rem; - text-transform: none; - width: 100%; } - .top-bar-section ul li > a.button { - font-size: 0.8125rem; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - background-color: #008CBA; - border-color: #007095; - color: #FFFFFF; } - .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { - background-color: #007095; } - .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.secondary { - background-color: #e7e7e7; - border-color: #b9b9b9; - color: #333333; } - .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { - background-color: #b9b9b9; } - .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { - color: #333333; } - .top-bar-section ul li > a.button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { - background-color: #368a55; } - .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { - background-color: #cf2a0e; } - .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { - background-color: #cf6e0e; } - .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { - color: #FFFFFF; } - .top-bar-section ul li > a.button.info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; } - .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus { - background-color: #61b6d9; } - .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus { - color: #FFFFFF; } - .top-bar-section ul li > button { - font-size: 0.8125rem; - padding-left: 0.9375rem; - padding-right: 0.9375rem; - background-color: #008CBA; - border-color: #007095; - color: #FFFFFF; } - .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { - background-color: #007095; } - .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.secondary { - background-color: #e7e7e7; - border-color: #b9b9b9; - color: #333333; } - .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { - background-color: #b9b9b9; } - .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { - color: #333333; } - .top-bar-section ul li > button.success { - background-color: #43AC6A; - border-color: #368a55; - color: #FFFFFF; } - .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { - background-color: #368a55; } - .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.alert { - background-color: #f04124; - border-color: #cf2a0e; - color: #FFFFFF; } - .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { - background-color: #cf2a0e; } - .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.warning { - background-color: #f08a24; - border-color: #cf6e0e; - color: #FFFFFF; } - .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { - background-color: #cf6e0e; } - .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { - color: #FFFFFF; } - .top-bar-section ul li > button.info { - background-color: #a0d3e8; - border-color: #61b6d9; - color: #333333; } - .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { - background-color: #61b6d9; } - .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { - color: #FFFFFF; } - .top-bar-section ul li:hover:not(.has-form) > a { - background-color: #555555; - color: #FFFFFF; - background: #222222; } - .top-bar-section ul li.active > a { - background: #008CBA; - color: #FFFFFF; } - .top-bar-section ul li.active > a:hover { - background: #0078a0; - color: #FFFFFF; } - .top-bar-section .has-form { - padding: 0.9375rem; } - .top-bar-section .has-dropdown { - position: relative; } - .top-bar-section .has-dropdown > a:after { - border: inset 5px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); - border-left-style: solid; - margin-right: 0.9375rem; - margin-top: -4.5px; - position: absolute; - top: 50%; - right: 0; } - .top-bar-section .has-dropdown.moved { - position: static; } - .top-bar-section .has-dropdown.moved > .dropdown { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - display: block; - position: absolute !important; - width: 100%; } - .top-bar-section .has-dropdown.moved > a:after { - display: none; } - .top-bar-section .dropdown { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; - display: block; - padding: 0; - position: absolute; - top: 0; - z-index: 99; - left: 100%; } - .top-bar-section .dropdown li { - height: auto; - width: 100%; } - .top-bar-section .dropdown li a { - font-weight: normal; - padding: 8px 0.9375rem; } - .top-bar-section .dropdown li a.parent-link { - font-weight: normal; } - .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { - margin-bottom: 0; - margin-top: 0; - font-size: 1.125rem; } - .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { - color: #FFFFFF; - display: block; } - .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { - background: none; } - .top-bar-section .dropdown li.has-form { - padding: 8px 0.9375rem; } - .top-bar-section .dropdown li .button, - .top-bar-section .dropdown li button { - top: auto; } - .top-bar-section .dropdown label { - color: #777777; - font-size: 0.625rem; - font-weight: bold; - margin-bottom: 0; - padding: 8px 0.9375rem 2px; - text-transform: uppercase; } - -.js-generated { - display: block; } - -@media only screen and (min-width: 40.0625em) { - .top-bar { - background: #333333; - overflow: visible; } - .top-bar:before, .top-bar:after { - content: " "; - display: table; } - .top-bar:after { - clear: both; } - .top-bar .toggle-topbar { - display: none; } - .top-bar .title-area { - float: left; } - .top-bar .name h1 a, - .top-bar .name h2 a, - .top-bar .name h3 a, - .top-bar .name h4 a, - .top-bar .name h5 a, - .top-bar .name h6 a { - width: auto; } - .top-bar input, - .top-bar select, - .top-bar .button, - .top-bar button { - font-size: 0.875rem; - height: 1.75rem; - position: relative; - top: 0.53125rem; } - .top-bar .has-form > .button, - .top-bar .has-form > button { - font-size: 0.875rem; - height: 1.75rem; - position: relative; - top: 0.53125rem; } - .top-bar.expanded { - background: #333333; } - - .contain-to-grid .top-bar { - margin: 0 auto; - margin-bottom: 0; - max-width: 62.5rem; } - - .top-bar-section { - transition: none 0 0; - left: 0 !important; } - .top-bar-section ul { - display: inline; - height: auto !important; - width: auto; } - .top-bar-section ul li { - float: left; } - .top-bar-section ul li .js-generated { - display: none; } - .top-bar-section li.hover > a:not(.button) { - background-color: #555555; - background: #222222; - color: #FFFFFF; } - .top-bar-section li:not(.has-form) a:not(.button) { - background: #333333; - line-height: 2.8125rem; - padding: 0 0.9375rem; } - .top-bar-section li:not(.has-form) a:not(.button):hover { - background-color: #555555; - background: #222222; } - .top-bar-section li.active:not(.has-form) a:not(.button) { - background: #008CBA; - color: #FFFFFF; - line-height: 2.8125rem; - padding: 0 0.9375rem; } - .top-bar-section li.active:not(.has-form) a:not(.button):hover { - background: #0078a0; - color: #FFFFFF; } - .top-bar-section .has-dropdown > a { - padding-right: 2.1875rem !important; } - .top-bar-section .has-dropdown > a:after { - border: inset 5px; - content: ""; - display: block; - height: 0; - width: 0; - border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; - border-top-style: solid; - margin-top: -2.5px; - top: 1.40625rem; } - .top-bar-section .has-dropdown.moved { - position: relative; } - .top-bar-section .has-dropdown.moved > .dropdown { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; - display: block; } - .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - display: block; - position: absolute !important; } - .top-bar-section .has-dropdown > a:focus + .dropdown { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - display: block; - position: absolute !important; } - .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { - border: none; - content: "\00bb"; - top: 0.1875rem; - right: 5px; } - .top-bar-section .dropdown { - left: 0; - background: transparent; - min-width: 100%; - top: auto; } - .top-bar-section .dropdown li a { - background: #333333; - color: #FFFFFF; - line-height: 2.8125rem; - padding: 12px 0.9375rem; - white-space: nowrap; } - .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { - background: #333333; - color: #FFFFFF; } - .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { - background-color: #555555; - color: #FFFFFF; - background: #222222; } - .top-bar-section .dropdown li label { - background: #333333; - white-space: nowrap; } - .top-bar-section .dropdown li .dropdown { - left: 100%; - top: 0; } - .top-bar-section > ul > .divider, - .top-bar-section > ul > [role="separator"] { - border-right: solid 1px #4e4e4e; - border-bottom: none; - border-top: none; - clear: none; - height: 2.8125rem; - width: 0; } - .top-bar-section .has-form { - background: #333333; - height: 2.8125rem; - padding: 0 0.9375rem; } - .top-bar-section .right li .dropdown { - left: auto; - right: 0; } - .top-bar-section .right li .dropdown li .dropdown { - right: 100%; } - .top-bar-section .left li .dropdown { - right: auto; - left: 0; } - .top-bar-section .left li .dropdown li .dropdown { - left: 100%; } - - .no-js .top-bar-section ul li:hover > a { - background-color: #555555; - background: #222222; - color: #FFFFFF; } - .no-js .top-bar-section ul li:active > a { - background: #008CBA; - color: #FFFFFF; } - .no-js .top-bar-section .has-dropdown:hover > .dropdown { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - display: block; - position: absolute !important; } - .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; - display: block; - position: absolute !important; } } -.text-left { - text-align: left !important; } - -.text-right { - text-align: right !important; } - -.text-center { - text-align: center !important; } - -.text-justify { - text-align: justify !important; } - -@media only screen and (max-width: 40em) { - .small-only-text-left { - text-align: left !important; } - - .small-only-text-right { - text-align: right !important; } - - .small-only-text-center { - text-align: center !important; } - - .small-only-text-justify { - text-align: justify !important; } } -@media only screen { - .small-text-left { - text-align: left !important; } - - .small-text-right { - text-align: right !important; } - - .small-text-center { - text-align: center !important; } - - .small-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 40.0625em) and (max-width: 64em) { - .medium-only-text-left { - text-align: left !important; } - - .medium-only-text-right { - text-align: right !important; } - - .medium-only-text-center { - text-align: center !important; } - - .medium-only-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 40.0625em) { - .medium-text-left { - text-align: left !important; } - - .medium-text-right { - text-align: right !important; } - - .medium-text-center { - text-align: center !important; } - - .medium-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 64.0625em) and (max-width: 90em) { - .large-only-text-left { - text-align: left !important; } - - .large-only-text-right { - text-align: right !important; } - - .large-only-text-center { - text-align: center !important; } - - .large-only-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 64.0625em) { - .large-text-left { - text-align: left !important; } - - .large-text-right { - text-align: right !important; } - - .large-text-center { - text-align: center !important; } - - .large-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 90.0625em) and (max-width: 120em) { - .xlarge-only-text-left { - text-align: left !important; } - - .xlarge-only-text-right { - text-align: right !important; } - - .xlarge-only-text-center { - text-align: center !important; } - - .xlarge-only-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 90.0625em) { - .xlarge-text-left { - text-align: left !important; } - - .xlarge-text-right { - text-align: right !important; } - - .xlarge-text-center { - text-align: center !important; } - - .xlarge-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { - .xxlarge-only-text-left { - text-align: left !important; } - - .xxlarge-only-text-right { - text-align: right !important; } - - .xxlarge-only-text-center { - text-align: center !important; } - - .xxlarge-only-text-justify { - text-align: justify !important; } } -@media only screen and (min-width: 120.0625em) { - .xxlarge-text-left { - text-align: left !important; } - - .xxlarge-text-right { - text-align: right !important; } - - .xxlarge-text-center { - text-align: center !important; } - - .xxlarge-text-justify { - text-align: justify !important; } } -/* Typography resets */ -div, -dl, -dt, -dd, -ul, -ol, -li, -h1, -h2, -h3, -h4, -h5, -h6, -pre, -form, -p, -blockquote, -th, -td { - margin: 0; - padding: 0; } - -/* Default Link Styles */ -a { - color: #008CBA; - line-height: inherit; - text-decoration: none; } - a:hover, a:focus { - color: #0078a0; } - a img { - border: none; } - -/* Default paragraph styles */ -p { - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.6; - margin-bottom: 1.25rem; - text-rendering: optimizeLegibility; } - p.lead { - font-size: 1.21875rem; - line-height: 1.6; } - p aside { - font-size: 0.875rem; - font-style: italic; - line-height: 1.35; } - -/* Default header styles */ -h1, h2, h3, h4, h5, h6 { - color: #222222; - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; - font-style: normal; - font-weight: normal; - line-height: 1.4; - margin-bottom: 0.5rem; - margin-top: 0.2rem; - text-rendering: optimizeLegibility; } - h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - color: #6f6f6f; - font-size: 60%; - line-height: 0; } - -h1 { - font-size: 2.125rem; } - -h2 { - font-size: 1.6875rem; } - -h3 { - font-size: 1.375rem; } - -h4 { - font-size: 1.125rem; } - -h5 { - font-size: 1.125rem; } - -h6 { - font-size: 1rem; } - -.subheader { - line-height: 1.4; - color: #6f6f6f; - font-weight: normal; - margin-top: 0.2rem; - margin-bottom: 0.5rem; } - -hr { - border: solid #DDDDDD; - border-width: 1px 0 0; - clear: both; - height: 0; - margin: 1.25rem 0 1.1875rem; } - -/* Helpful Typography Defaults */ -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 60%; - line-height: inherit; } - -code { - background-color: #f8f8f8; - border-color: #dfdfdf; - border-style: solid; - border-width: 1px; - color: #333333; - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - padding: 0.125rem 0.3125rem 0.0625rem; } - -/* Lists */ -ul, -ol, -dl { - font-family: inherit; - font-size: 1rem; - line-height: 1.6; - list-style-position: outside; - margin-bottom: 1.25rem; } - -ul { - margin-left: 1.1rem; } - -/* Unordered Lists */ -ul li ul, -ul li ol { - margin-left: 1.25rem; - margin-bottom: 0; } -ul.square li ul, ul.circle li ul, ul.disc li ul { - list-style: inherit; } -ul.square { - list-style-type: square; - margin-left: 1.1rem; } -ul.circle { - list-style-type: circle; - margin-left: 1.1rem; } -ul.disc { - list-style-type: disc; - margin-left: 1.1rem; } - -/* Ordered Lists */ -ol { - margin-left: 1.4rem; } - ol li ul, - ol li ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -.no-bullet { - list-style-type: none; - margin-left: 0; } - .no-bullet li ul, - .no-bullet li ol { - margin-left: 1.25rem; - margin-bottom: 0; - list-style: none; } - -/* Definition Lists */ -dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } -dl dd { - margin-bottom: 0.75rem; } - -/* Abbreviations */ -abbr, -acronym { - text-transform: uppercase; - font-size: 90%; - color: #222; - cursor: help; } - -abbr { - text-transform: none; } - abbr[title] { - border-bottom: 1px dotted #DDDDDD; } - -/* Blockquotes */ -blockquote { - margin: 0 0 1.25rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: 1px solid #DDDDDD; } - blockquote cite { - display: block; - font-size: 0.8125rem; - color: #555555; } - blockquote cite:before { - content: "\2014 \0020"; } - blockquote cite a, - blockquote cite a:visited { - color: #555555; } - -blockquote, -blockquote p { - line-height: 1.6; - color: #6f6f6f; } - -/* Microformats */ -.vcard { - display: inline-block; - margin: 0 0 1.25rem 0; - border: 1px solid #DDDDDD; - padding: 0.625rem 0.75rem; } - .vcard li { - margin: 0; - display: block; } - .vcard .fn { - font-weight: bold; - font-size: 0.9375rem; } - -.vevent .summary { - font-weight: bold; } -.vevent abbr { - cursor: default; - text-decoration: none; - font-weight: bold; - border: none; - padding: 0 0.0625rem; } - -@media only screen and (min-width: 40.0625em) { - h1, h2, h3, h4, h5, h6 { - line-height: 1.4; } - - h1 { - font-size: 2.75rem; } - - h2 { - font-size: 2.3125rem; } - - h3 { - font-size: 1.6875rem; } - - h4 { - font-size: 1.4375rem; } - - h5 { - font-size: 1.125rem; } - - h6 { - font-size: 1rem; } } -/* - * Print styles. - * - * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ - * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) -*/ -@media print { - * { - background: transparent !important; - color: #000000 !important; - /* Black prints faster: h5bp.com/s */ - 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 #999999; - page-break-inside: avoid; } - - thead { - display: table-header-group; - /* h5bp.com/t */ } - - tr, - img { - page-break-inside: avoid; } - - img { - max-width: 100% !important; } - - @page { - margin: 0.34in; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - - h2, - h3 { - page-break-after: avoid; } } -.off-canvas-wrap { - -webkit-backface-visibility: hidden; - position: relative; - width: 100%; - overflow: hidden; } - .off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top { - min-height: 100%; - -webkit-overflow-scrolling: touch; } - -.inner-wrap { - position: relative; - width: 100%; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .inner-wrap:before, .inner-wrap:after { - content: " "; - display: table; } - .inner-wrap:after { - clear: both; } - -.tab-bar { - -webkit-backface-visibility: hidden; - background: #333333; - color: #FFFFFF; - height: 2.8125rem; - line-height: 2.8125rem; - position: relative; } - .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { - color: #FFFFFF; - font-weight: bold; - line-height: 2.8125rem; - margin: 0; } - .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { - font-size: 1.125rem; } - -.left-small { - height: 2.8125rem; - position: absolute; - top: 0; - width: 2.8125rem; - border-right: solid 1px #1a1a1a; - left: 0; } - -.right-small { - height: 2.8125rem; - position: absolute; - top: 0; - width: 2.8125rem; - border-left: solid 1px #1a1a1a; - right: 0; } - -.tab-bar-section { - height: 2.8125rem; - padding: 0 0.625rem; - position: absolute; - text-align: center; - top: 0; } - .tab-bar-section.left { - text-align: left; } - .tab-bar-section.right { - text-align: right; } - .tab-bar-section.left { - left: 0; - right: 2.8125rem; } - .tab-bar-section.right { - left: 2.8125rem; - right: 0; } - .tab-bar-section.middle { - left: 2.8125rem; - right: 2.8125rem; } - -.tab-bar .menu-icon { - color: #FFFFFF; - display: block; - height: 2.8125rem; - padding: 0; - position: relative; - text-indent: 2.1875rem; - transform: translate3d(0, 0, 0); - width: 2.8125rem; } - .tab-bar .menu-icon span::after { - content: ""; - display: block; - height: 0; - position: absolute; - top: 50%; - margin-top: -0.5rem; - left: 0.90625rem; - box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - -webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; - width: 1rem; } - .tab-bar .menu-icon span:hover:after { - box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; - -webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } - -.left-off-canvas-menu { - -webkit-backface-visibility: hidden; - background: #333333; - bottom: 0; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - transition: transform 500ms ease 0s; - width: 15.625rem; - z-index: 1001; - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate(-100%, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; - top: 0; } - .left-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -.right-off-canvas-menu { - -webkit-backface-visibility: hidden; - background: #333333; - bottom: 0; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - transition: transform 500ms ease 0s; - width: 15.625rem; - z-index: 1001; - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate(100%, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - right: 0; - top: 0; } - .right-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -.top-off-canvas-menu { - -webkit-backface-visibility: hidden; - background: #333333; - bottom: 0; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - transition: transform 500ms ease 0s; - width: 15.625rem; - z-index: 1001; - -webkit-transform: translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0); - -ms-transform: translate(0, -100%); - -o-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - top: 0; - width: 100%; - height: 18.75rem; } - .top-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -.bottom-off-canvas-menu { - -webkit-backface-visibility: hidden; - background: #333333; - bottom: 0; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - transition: transform 500ms ease 0s; - width: 15.625rem; - z-index: 1001; - -webkit-transform: translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0); - -ms-transform: translate(0, 100%); - -o-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - bottom: 0; - width: 100%; - height: 18.75rem; } - .bottom-off-canvas-menu * { - -webkit-backface-visibility: hidden; } - -ul.off-canvas-list { - list-style-type: none; - margin: 0; - padding: 0; } - ul.off-canvas-list li label { - background: #444444; - border-bottom: none; - border-top: 1px solid #5e5e5e; - color: #999999; - display: block; - font-size: 0.75rem; - font-weight: bold; - margin: 0; - padding: 0.3rem 0.9375rem; - text-transform: uppercase; } - ul.off-canvas-list li a { - border-bottom: 1px solid #262626; - color: rgba(255, 255, 255, 0.7); - display: block; - padding: 0.66667rem; - transition: background 300ms ease; } - ul.off-canvas-list li a:hover { - background: #242424; } - ul.off-canvas-list li a:active { - background: #242424; } - -.move-right > .inner-wrap { - -webkit-transform: translate3d(15.625rem, 0, 0); - -moz-transform: translate3d(15.625rem, 0, 0); - -ms-transform: translate(15.625rem, 0); - -o-transform: translate3d(15.625rem, 0, 0); - transform: translate3d(15.625rem, 0, 0); } -.move-right .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .move-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.move-left > .inner-wrap { - -webkit-transform: translate3d(-15.625rem, 0, 0); - -moz-transform: translate3d(-15.625rem, 0, 0); - -ms-transform: translate(-15.625rem, 0); - -o-transform: translate3d(-15.625rem, 0, 0); - transform: translate3d(-15.625rem, 0, 0); } -.move-left .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .move-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.move-top > .inner-wrap { - -webkit-transform: translate3d(0, -18.75rem, 0); - -moz-transform: translate3d(0, -18.75rem, 0); - -ms-transform: translate(0, -18.75rem); - -o-transform: translate3d(0, -18.75rem, 0); - transform: translate3d(0, -18.75rem, 0); } -.move-top .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .move-top .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.move-bottom > .inner-wrap { - -webkit-transform: translate3d(0, 18.75rem, 0); - -moz-transform: translate3d(0, 18.75rem, 0); - -ms-transform: translate(0, 18.75rem); - -o-transform: translate3d(0, 18.75rem, 0); - transform: translate3d(0, 18.75rem, 0); } -.move-bottom .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .move-bottom .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu, -.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .offcanvas-overlap .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.offcanvas-overlap-left .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-left .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .offcanvas-overlap-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.offcanvas-overlap-right .left-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-right .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .offcanvas-overlap-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.offcanvas-overlap-top .bottom-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-top .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .offcanvas-overlap-top .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.offcanvas-overlap-bottom .top-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; } -.offcanvas-overlap-bottom .exit-off-canvas { - -webkit-backface-visibility: hidden; - box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); - cursor: pointer; - transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; - background: rgba(255, 255, 255, 0.2); - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1002; } - @media only screen and (min-width: 40.0625em) { - .offcanvas-overlap-bottom .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } - -.no-csstransforms .left-off-canvas-menu { - left: -15.625rem; } -.no-csstransforms .right-off-canvas-menu { - right: -15.625rem; } -.no-csstransforms .top-off-canvas-menu { - top: -18.75rem; } -.no-csstransforms .bottom-off-canvas-menu { - bottom: -18.75rem; } -.no-csstransforms .move-left > .inner-wrap { - right: 15.625rem; } -.no-csstransforms .move-right > .inner-wrap { - left: 15.625rem; } -.no-csstransforms .move-top > .inner-wrap { - right: 18.75rem; } -.no-csstransforms .move-bottom > .inner-wrap { - left: 18.75rem; } - -.left-submenu { - -webkit-backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - background: #333333; - bottom: 0; - box-sizing: content-box; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - top: 0; - width: 15.625rem; - height: 18.75rem; - z-index: 1002; - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate(-100%, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - left: 0; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .left-submenu * { - -webkit-backface-visibility: hidden; } - .left-submenu .back > a { - background: #444; - border-bottom: none; - border-top: 1px solid #5e5e5e; - color: #999999; - font-weight: bold; - padding: 0.3rem 0.9375rem; - text-transform: uppercase; - margin: 0; } - .left-submenu .back > a:hover { - background: #303030; - border-bottom: none; - border-top: 1px solid #5e5e5e; } - .left-submenu .back > a:before { - content: "\AB"; - margin-right: .5rem; - display: inline; } - .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { - -webkit-transform: translate3d(0%, 0, 0); - -moz-transform: translate3d(0%, 0, 0); - -ms-transform: translate(0%, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.right-submenu { - -webkit-backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - background: #333333; - bottom: 0; - box-sizing: content-box; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - top: 0; - width: 15.625rem; - height: 18.75rem; - z-index: 1002; - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate(100%, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - right: 0; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .right-submenu * { - -webkit-backface-visibility: hidden; } - .right-submenu .back > a { - background: #444; - border-bottom: none; - border-top: 1px solid #5e5e5e; - color: #999999; - font-weight: bold; - padding: 0.3rem 0.9375rem; - text-transform: uppercase; - margin: 0; } - .right-submenu .back > a:hover { - background: #303030; - border-bottom: none; - border-top: 1px solid #5e5e5e; } - .right-submenu .back > a:after { - content: "\BB"; - margin-left: .5rem; - display: inline; } - .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { - -webkit-transform: translate3d(0%, 0, 0); - -moz-transform: translate3d(0%, 0, 0); - -ms-transform: translate(0%, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); } - -.top-submenu { - -webkit-backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - background: #333333; - bottom: 0; - box-sizing: content-box; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - top: 0; - width: 15.625rem; - height: 18.75rem; - z-index: 1002; - -webkit-transform: translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0); - -ms-transform: translate(0, -100%); - -o-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - top: 0; - width: 100%; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .top-submenu * { - -webkit-backface-visibility: hidden; } - .top-submenu .back > a { - background: #444; - border-bottom: none; - border-top: 1px solid #5e5e5e; - color: #999999; - font-weight: bold; - padding: 0.3rem 0.9375rem; - text-transform: uppercase; - margin: 0; } - .top-submenu .back > a:hover { - background: #303030; - border-bottom: none; - border-top: 1px solid #5e5e5e; } - .top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap { - -webkit-transform: translate3d(0, 0%, 0); - -moz-transform: translate3d(0, 0%, 0); - -ms-transform: translate(0, 0%); - -o-transform: translate3d(0, 0%, 0); - transform: translate3d(0, 0%, 0); } - -.bottom-submenu { - -webkit-backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - background: #333333; - bottom: 0; - box-sizing: content-box; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - position: absolute; - top: 0; - width: 15.625rem; - height: 18.75rem; - z-index: 1002; - -webkit-transform: translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0); - -ms-transform: translate(0, 100%); - -o-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - bottom: 0; - width: 100%; - -webkit-transition: -webkit-transform 500ms ease; - -moz-transition: -moz-transform 500ms ease; - -ms-transition: -ms-transform 500ms ease; - -o-transition: -o-transform 500ms ease; - transition: transform 500ms ease; } - .bottom-submenu * { - -webkit-backface-visibility: hidden; } - .bottom-submenu .back > a { - background: #444; - border-bottom: none; - border-top: 1px solid #5e5e5e; - color: #999999; - font-weight: bold; - padding: 0.3rem 0.9375rem; - text-transform: uppercase; - margin: 0; } - .bottom-submenu .back > a:hover { - background: #303030; - border-bottom: none; - border-top: 1px solid #5e5e5e; } - .bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap { - -webkit-transform: translate3d(0, 0%, 0); - -moz-transform: translate3d(0, 0%, 0); - -ms-transform: translate(0, 0%); - -o-transform: translate3d(0, 0%, 0); - transform: translate3d(0, 0%, 0); } - -.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - content: "\BB"; - margin-left: .5rem; - display: inline; } - -.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - content: "\AB"; - margin-right: .5rem; - display: inline; } - -/* small displays */ -@media only screen { - .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - - table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } - - th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } -/* medium displays */ -@media only screen and (min-width: 40.0625em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } -/* large displays */ -@media only screen and (min-width: 64.0625em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } -/* xlarge displays */ -@media only screen and (min-width: 90.0625em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } -/* xxlarge displays */ -@media only screen and (min-width: 120.0625em) { - .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { - display: inherit !important; } - - .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { - display: none !important; } - - .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - - .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - - table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { - display: table !important; } - - thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { - display: table-header-group !important; } - - tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { - display: table-row-group !important; } - - tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } - - th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } -/* Orientation targeting */ -.show-for-landscape, -.hide-for-portrait { - display: inherit !important; } - -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - -/* Specific visibility for tables */ -table.hide-for-landscape, table.show-for-portrait { - display: table !important; } - -thead.hide-for-landscape, thead.show-for-portrait { - display: table-header-group !important; } - -tbody.hide-for-landscape, tbody.show-for-portrait { - display: table-row-group !important; } - -tr.hide-for-landscape, tr.show-for-portrait { - display: table-row !important; } - -td.hide-for-landscape, td.show-for-portrait, -th.hide-for-landscape, -th.show-for-portrait { - display: table-cell !important; } - -@media only screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: inherit !important; } - - .hide-for-landscape, - .show-for-portrait { - display: none !important; } - - /* Specific visibility for tables */ - table.show-for-landscape, table.hide-for-portrait { - display: table !important; } - - thead.show-for-landscape, thead.hide-for-portrait { - display: table-header-group !important; } - - tbody.show-for-landscape, tbody.hide-for-portrait { - display: table-row-group !important; } - - tr.show-for-landscape, tr.hide-for-portrait { - display: table-row !important; } - - td.show-for-landscape, td.hide-for-portrait, - th.show-for-landscape, - th.hide-for-portrait { - display: table-cell !important; } } -@media only screen and (orientation: portrait) { - .show-for-portrait, - .hide-for-landscape { - display: inherit !important; } - - .hide-for-portrait, - .show-for-landscape { - display: none !important; } - - /* Specific visibility for tables */ - table.show-for-portrait, table.hide-for-landscape { - display: table !important; } - - thead.show-for-portrait, thead.hide-for-landscape { - display: table-header-group !important; } - - tbody.show-for-portrait, tbody.hide-for-landscape { - display: table-row-group !important; } - - tr.show-for-portrait, tr.hide-for-landscape { - display: table-row !important; } - - td.show-for-portrait, td.hide-for-landscape, - th.show-for-portrait, - th.hide-for-landscape { - display: table-cell !important; } } -/* Touch-enabled device targeting */ -.show-for-touch { - display: none !important; } - -.hide-for-touch { - display: inherit !important; } - -.touch .show-for-touch { - display: inherit !important; } - -.touch .hide-for-touch { - display: none !important; } - -/* Specific visibility for tables */ -table.hide-for-touch { - display: table !important; } - -.touch table.show-for-touch { - display: table !important; } - -thead.hide-for-touch { - display: table-header-group !important; } - -.touch thead.show-for-touch { - display: table-header-group !important; } - -tbody.hide-for-touch { - display: table-row-group !important; } - -.touch tbody.show-for-touch { - display: table-row-group !important; } - -tr.hide-for-touch { - display: table-row !important; } - -.touch tr.show-for-touch { - display: table-row !important; } - -td.hide-for-touch { - display: table-cell !important; } - -.touch td.show-for-touch { - display: table-cell !important; } - -th.hide-for-touch { - display: table-cell !important; } - -.touch th.show-for-touch { - display: table-cell !important; } - -/* Screen reader-specific classes */ -.show-for-sr { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - -.show-on-focus { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; } - .show-on-focus:focus, .show-on-focus:active { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } - -/* Print visibility */ -.print-only, -.show-for-print { - display: none !important; } - -@media print { - .print-only, - .show-for-print { - display: block !important; } - - .hide-on-print, - .hide-for-print { - display: none !important; } - - table.show-for-print { - display: table !important; } - - thead.show-for-print { - display: table-header-group !important; } - - tbody.show-for-print { - display: table-row-group !important; } - - tr.show-for-print { - display: table-row !important; } - - td.show-for-print { - display: table-cell !important; } - - th.show-for-print { - display: table-cell !important; } } - -/*# sourceMappingURL=foundation.css.map */ diff --git a/dist/assets/css/foundation.css.map b/dist/assets/css/foundation.css.map deleted file mode 100644 index b17d3ad63..000000000 --- a/dist/assets/css/foundation.css.map +++ /dev/null @@ -1,7 +0,0 @@ -{ -"version": 3, -"mappings": "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", -"sources": ["../../../scss/foundation/components/_global.scss","../../../scss/foundation/components/_grid.scss","../../../scss/foundation/components/_accordion.scss","../../../scss/foundation/components/_alert-boxes.scss","../../../scss/foundation/components/_block-grid.scss","../../../scss/foundation/components/_breadcrumbs.scss","../../../scss/foundation/components/_buttons.scss","../../../scss/foundation/_functions.scss","../../../scss/foundation/components/_button-groups.scss","../../../scss/foundation/components/_clearing.scss","../../../scss/foundation/components/_dropdown.scss","../../../scss/foundation/components/_dropdown-buttons.scss","../../../scss/foundation/components/_flex-video.scss","../../../scss/foundation/components/_forms.scss","../../../scss/foundation/components/_icon-bar.scss","../../../scss/foundation/components/_inline-lists.scss","../../../scss/foundation/components/_joyride.scss","../../../scss/foundation/components/_keystrokes.scss","../../../scss/foundation/components/_labels.scss","../../../scss/foundation/components/_magellan.scss","../../../scss/foundation/components/_orbit.scss","../../../scss/foundation/components/_pagination.scss","../../../scss/foundation/components/_panels.scss","../../../scss/foundation/components/_pricing-tables.scss","../../../scss/foundation/components/_progress-bars.scss","../../../scss/foundation/components/_range-slider.scss","../../../scss/foundation/components/_reveal.scss","../../../scss/foundation/components/_side-nav.scss","../../../scss/foundation/components/_split-buttons.scss","../../../scss/foundation/components/_sub-nav.scss","../../../scss/foundation/components/_switches.scss","../../../scss/foundation/components/_tables.scss","../../../scss/foundation/components/_tabs.scss","../../../scss/foundation/components/_thumbs.scss","../../../scss/foundation/components/_tooltips.scss","../../../scss/foundation/components/_top-bar.scss","../../../scss/foundation/components/_type.scss","../../../scss/foundation/components/_offcanvas.scss","../../../scss/foundation/components/_visibility.scss"], -"names": [], -"file": "foundation.css" -} diff --git a/dist/assets/css/foundation.min.css b/dist/assets/css/foundation.min.css deleted file mode 100644 index 834e26d36..000000000 --- a/dist/assets/css/foundation.min.css +++ /dev/null @@ -1 +0,0 @@ -.alert-box,body{position:relative;font-weight:400}.accordion:after,.clearfix:after,.row .row.collapse:after,.row .row:after,.row:after,[class*=block-grid-]:after{clear:both}.alert-box,.breadcrumbs{border-width:1px;border-style:solid}.alert-box,.button,body,button,label{font-weight:400}.breadcrumbs,.button-bar .button-group div,.flex-video{overflow:hidden}.invisible,.reveal-modal{visibility:hidden}meta.foundation-version{font-family:"/5.5.3/"}meta.foundation-mq-small{font-family:"/only screen/";width:0}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.0625em)/";width:40.0625em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.0625em) and (max-width:64em)/";width:40.0625em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.0625em)/";width:64.0625em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.0625em) and (max-width:90em)/";width:64.0625em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.0625em)/";width:90.0625em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.0625em) and (max-width:120em)/";width:90.0625em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.0625em)/";width:120.0625em}.row,select{width:100%}meta.foundation-data-attribute-namespace{font-family:false}.accordion .accordion-navigation>a,.accordion dd>a,.button,body,button{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}body,html{height:100%;font-size:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff;color:#222;cursor:auto;font-style:normal;line-height:1.5;margin:0;padding:0}a:hover{cursor:pointer}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}.left{float:left!important}.right{float:right!important}.clearfix:after,.clearfix:before{content:" ";display:table}.hide{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}.accordion:after,.accordion:before,.row .row.collapse:after,.row .row.collapse:before,.row .row:after,.row .row:before,.row:after,.row:before{display:table;content:" "}textarea{min-height:50px}.row{margin:0 auto;max-width:62.5rem}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{margin:0 -.9375rem;max-width:none;width:auto}.row .row.collapse{margin:0;max-width:none;width:auto}.column,.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}.column+.column:last-child,.column+.columns:last-child,.columns+.column:last-child,.columns+.columns:last-child{float:right}.column+.column.end,.column+.columns.end,.columns+.column.end,.columns+.columns.end{float:left}@media only screen{.column,.columns,.small-pull-0,.small-pull-1,.small-pull-10,.small-pull-11,.small-pull-2,.small-pull-3,.small-pull-4,.small-pull-5,.small-pull-6,.small-pull-7,.small-pull-8,.small-pull-9,.small-push-0,.small-push-1,.small-push-10,.small-push-11,.small-push-2,.small-push-3,.small-push-4,.small-push-5,.small-push-7,.small-push-8,.small-push-9{position:relative}.small-push-0{left:0;right:auto}.small-pull-0{right:0;left:auto}.small-push-1{left:8.33333%;right:auto}.small-pull-1{right:8.33333%;left:auto}.small-push-2{left:16.66667%;right:auto}.small-pull-2{right:16.66667%;left:auto}.small-push-3{left:25%;right:auto}.small-pull-3{right:25%;left:auto}.small-push-4{left:33.33333%;right:auto}.small-pull-4{right:33.33333%;left:auto}.small-push-5{left:41.66667%;right:auto}.small-pull-5{right:41.66667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{right:50%;left:auto}.small-push-7{left:58.33333%;right:auto}.small-pull-7{right:58.33333%;left:auto}.small-push-8{left:66.66667%;right:auto}.small-pull-8{right:66.66667%;left:auto}.small-push-9{left:75%;right:auto}.small-pull-9{right:75%;left:auto}.small-push-10{left:83.33333%;right:auto}.small-pull-10{right:83.33333%;left:auto}.small-push-11{left:91.66667%;right:auto}.small-pull-11{right:91.66667%;left:auto}.column,.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.small-1{width:8.33333%}.small-2{width:16.66667%}.small-3{width:25%}.small-4{width:33.33333%}.small-5{width:41.66667%}.small-6{width:50%}.small-7{width:58.33333%}.small-8{width:66.66667%}.small-9{width:75%}.small-10{width:83.33333%}.small-11{width:91.66667%}.small-12{width:100%}.small-offset-0{margin-left:0!important}.small-offset-1{margin-left:8.33333%!important}.small-offset-2{margin-left:16.66667%!important}.small-offset-3{margin-left:25%!important}.small-offset-4{margin-left:33.33333%!important}.small-offset-5{margin-left:41.66667%!important}.small-offset-6{margin-left:50%!important}.small-offset-7{margin-left:58.33333%!important}.small-offset-8{margin-left:66.66667%!important}.small-offset-9{margin-left:75%!important}.small-offset-10{margin-left:83.33333%!important}.small-offset-11{margin-left:91.66667%!important}.small-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{float:left;margin-left:0;margin-right:0}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}}@media only screen and (min-width:40.0625em){.medium-pull-0,.medium-pull-1,.medium-pull-10,.medium-pull-11,.medium-pull-2,.medium-pull-3,.medium-pull-4,.medium-pull-5,.medium-pull-6,.medium-pull-7,.medium-pull-8,.medium-pull-9,.medium-push-0,.medium-push-1,.medium-push-10,.medium-push-11,.medium-push-2,.medium-push-3,.medium-push-4,.medium-push-5,.medium-push-6,.medium-push-7,.medium-push-8,.medium-push-9,.pull-0,.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-0,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.medium-push-0{left:0;right:auto}.medium-pull-0{right:0;left:auto}.medium-push-1{left:8.33333%;right:auto}.medium-pull-1{right:8.33333%;left:auto}.medium-push-2{left:16.66667%;right:auto}.medium-pull-2{right:16.66667%;left:auto}.medium-push-3{left:25%;right:auto}.medium-pull-3{right:25%;left:auto}.medium-push-4{left:33.33333%;right:auto}.medium-pull-4{right:33.33333%;left:auto}.medium-push-5{left:41.66667%;right:auto}.medium-pull-5{right:41.66667%;left:auto}.medium-push-6{left:50%;right:auto}.medium-pull-6{right:50%;left:auto}.medium-push-7{left:58.33333%;right:auto}.medium-pull-7{right:58.33333%;left:auto}.medium-push-8{left:66.66667%;right:auto}.medium-pull-8{right:66.66667%;left:auto}.medium-push-9{left:75%;right:auto}.medium-pull-9{right:75%;left:auto}.medium-push-10{left:83.33333%;right:auto}.medium-pull-10{right:83.33333%;left:auto}.medium-push-11{left:91.66667%;right:auto}.medium-pull-11{right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.medium-1{width:8.33333%}.medium-2{width:16.66667%}.medium-3{width:25%}.medium-4{width:33.33333%}.medium-5{width:41.66667%}.medium-6{width:50%}.medium-7{width:58.33333%}.medium-8{width:66.66667%}.medium-9{width:75%}.medium-10{width:83.33333%}.medium-11{width:91.66667%}.medium-12{width:100%}.medium-offset-0{margin-left:0!important}.medium-offset-1{margin-left:8.33333%!important}.medium-offset-2{margin-left:16.66667%!important}.medium-offset-3{margin-left:25%!important}.medium-offset-4{margin-left:33.33333%!important}.medium-offset-5{margin-left:41.66667%!important}.medium-offset-6{margin-left:50%!important}.medium-offset-7{margin-left:58.33333%!important}.medium-offset-8{margin-left:66.66667%!important}.medium-offset-9{margin-left:75%!important}.medium-offset-10{margin-left:83.33333%!important}.medium-offset-11{margin-left:91.66667%!important}.medium-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{float:left;margin-left:0;margin-right:0}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{left:0;right:auto}.pull-0{right:0;left:auto}.push-1{left:8.33333%;right:auto}.pull-1{right:8.33333%;left:auto}.push-2{left:16.66667%;right:auto}.pull-2{right:16.66667%;left:auto}.push-3{left:25%;right:auto}.pull-3{right:25%;left:auto}.push-4{left:33.33333%;right:auto}.pull-4{right:33.33333%;left:auto}.push-5{left:41.66667%;right:auto}.pull-5{right:41.66667%;left:auto}.push-6{left:50%;right:auto}.pull-6{right:50%;left:auto}.push-7{left:58.33333%;right:auto}.pull-7{right:58.33333%;left:auto}.push-8{left:66.66667%;right:auto}.pull-8{right:66.66667%;left:auto}.push-9{left:75%;right:auto}.pull-9{right:75%;left:auto}.push-10{left:83.33333%;right:auto}.pull-10{right:83.33333%;left:auto}.push-11{left:91.66667%;right:auto}.pull-11{right:91.66667%;left:auto}}@media only screen and (min-width:64.0625em){.large-pull-0,.large-pull-1,.large-pull-10,.large-pull-11,.large-pull-2,.large-pull-3,.large-pull-4,.large-pull-5,.large-pull-6,.large-pull-7,.large-pull-8,.large-pull-9,.large-push-0,.large-push-1,.large-push-10,.large-push-11,.large-push-2,.large-push-3,.large-push-4,.large-push-5,.large-push-6,.large-push-7,.large-push-8,.large-push-9,.pull-0,.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-0,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.large-push-0{left:0;right:auto}.large-pull-0{right:0;left:auto}.large-push-1{left:8.33333%;right:auto}.large-pull-1{right:8.33333%;left:auto}.large-push-2{left:16.66667%;right:auto}.large-pull-2{right:16.66667%;left:auto}.large-push-3{left:25%;right:auto}.large-pull-3{right:25%;left:auto}.large-push-4{left:33.33333%;right:auto}.large-pull-4{right:33.33333%;left:auto}.large-push-5{left:41.66667%;right:auto}.large-pull-5{right:41.66667%;left:auto}.large-push-6{left:50%;right:auto}.large-pull-6{right:50%;left:auto}.large-push-7{left:58.33333%;right:auto}.large-pull-7{right:58.33333%;left:auto}.large-push-8{left:66.66667%;right:auto}.large-pull-8{right:66.66667%;left:auto}.large-push-9{left:75%;right:auto}.large-pull-9{right:75%;left:auto}.large-push-10{left:83.33333%;right:auto}.large-pull-10{right:83.33333%;left:auto}.large-push-11{left:91.66667%;right:auto}.large-pull-11{right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.large-1{width:8.33333%}.large-2{width:16.66667%}.large-3{width:25%}.large-4{width:33.33333%}.large-5{width:41.66667%}.large-6{width:50%}.large-7{width:58.33333%}.large-8{width:66.66667%}.large-9{width:75%}.large-10{width:83.33333%}.large-11{width:91.66667%}.large-12{width:100%}.large-offset-0{margin-left:0!important}.large-offset-1{margin-left:8.33333%!important}.large-offset-2{margin-left:16.66667%!important}.large-offset-3{margin-left:25%!important}.large-offset-4{margin-left:33.33333%!important}.large-offset-5{margin-left:41.66667%!important}.large-offset-6{margin-left:50%!important}.large-offset-7{margin-left:58.33333%!important}.large-offset-8{margin-left:66.66667%!important}.large-offset-9{margin-left:75%!important}.large-offset-10{margin-left:83.33333%!important}.large-offset-11{margin-left:91.66667%!important}.large-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{float:left;margin-left:0;margin-right:0}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{left:0;right:auto}.pull-0{right:0;left:auto}.push-1{left:8.33333%;right:auto}.pull-1{right:8.33333%;left:auto}.push-2{left:16.66667%;right:auto}.pull-2{right:16.66667%;left:auto}.push-3{left:25%;right:auto}.pull-3{right:25%;left:auto}.push-4{left:33.33333%;right:auto}.pull-4{right:33.33333%;left:auto}.push-5{left:41.66667%;right:auto}.pull-5{right:41.66667%;left:auto}.push-6{left:50%;right:auto}.pull-6{right:50%;left:auto}.push-7{left:58.33333%;right:auto}.pull-7{right:58.33333%;left:auto}.push-8{left:66.66667%;right:auto}.pull-8{right:66.66667%;left:auto}.push-9{left:75%;right:auto}.pull-9{right:75%;left:auto}.push-10{left:83.33333%;right:auto}.pull-10{right:83.33333%;left:auto}.push-11{left:91.66667%;right:auto}.pull-11{right:91.66667%;left:auto}}.accordion{margin-bottom:0;margin-left:0}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0!important}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8;color:#222}.accordion .accordion-navigation>a,.accordion dd>a{background:#EFEFEF;color:#222;display:block;font-size:1rem;padding:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{background:#FFF;display:block}.alert-box{display:block;font-size:.8125rem;margin-bottom:1.25rem;padding:.875rem 1.5rem .875rem .875rem;transition:opacity .3s ease-out;background-color:#008CBA;border-color:#0078a0;color:#FFF}.alert-box .close{right:.25rem;background:inherit;color:#333;font-size:1.375rem;line-height:.9;margin-top:-.6875rem;opacity:.3;padding:0 6px 4px;position:absolute;top:50%}.alert-box .close:focus,.alert-box .close:hover{opacity:.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#43AC6A;border-color:#3a945b;color:#FFF}.alert-box.alert{background-color:#f04124;border-color:#de2d0f;color:#FFF}.alert-box.secondary{background-color:#e7e7e7;border-color:#c7c7c7;color:#4f4f4f}.alert-box.warning{background-color:#f08a24;border-color:#de770f;color:#FFF}.alert-box.info{background-color:#a0d3e8;border-color:#74bfdd;color:#4f4f4f}.alert-box.alert-close{opacity:0}[class*=block-grid-]{display:block;padding:0;margin:0 -.625rem}[class*=block-grid-]:after,[class*=block-grid-]:before{content:" ";display:table}[class*=block-grid-]>li{display:block;float:left;height:auto;padding:0 .625rem 1.25rem}@media only screen{.small-block-grid-1>li{list-style:none;width:100%}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{list-style:none;width:50%}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{list-style:none;width:33.33333%}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{list-style:none;width:25%}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{list-style:none;width:20%}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{list-style:none;width:16.66667%}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{list-style:none;width:14.28571%}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{list-style:none;width:12.5%}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{list-style:none;width:11.11111%}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{list-style:none;width:10%}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{list-style:none;width:9.09091%}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{list-style:none;width:8.33333%}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:40.0625em){.medium-block-grid-1>li{list-style:none;width:100%}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{list-style:none;width:50%}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{list-style:none;width:33.33333%}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{list-style:none;width:25%}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{list-style:none;width:20%}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{list-style:none;width:16.66667%}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{list-style:none;width:14.28571%}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{list-style:none;width:12.5%}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{list-style:none;width:11.11111%}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{list-style:none;width:10%}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{list-style:none;width:9.09091%}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{list-style:none;width:8.33333%}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:64.0625em){.large-block-grid-1>li{list-style:none;width:100%}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{list-style:none;width:50%}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{list-style:none;width:33.33333%}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{list-style:none;width:25%}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{list-style:none;width:20%}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{list-style:none;width:16.66667%}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{list-style:none;width:14.28571%}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{list-style:none;width:12.5%}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{list-style:none;width:11.11111%}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{list-style:none;width:10%}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{list-style:none;width:9.09091%}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{list-style:none;width:8.33333%}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.button-bar:after,.button-group:after,.clearing-thumbs:after,.tabs-content:after,.tabs:after,[data-clearing]:after{clear:both}.breadcrumbs{display:block;list-style:none;margin-left:0;padding:.5625rem .875rem;background-color:#f4f4f4;border-color:#dcdcdc;border-radius:3px}.breadcrumbs>*{color:#008CBA;float:left;font-size:.6875rem;line-height:.6875rem;margin:0;text-transform:uppercase}.breadcrumbs>:focus a,.breadcrumbs>:hover a{text-decoration:underline}.breadcrumbs>.current:focus,.breadcrumbs>.current:focus a,.breadcrumbs>.current:hover,.breadcrumbs>.current:hover a,.button,button{text-decoration:none}.breadcrumbs>* a{color:#008CBA}.breadcrumbs>.current,.breadcrumbs>.current a{color:#333;cursor:default}.breadcrumbs>.unavailable,.breadcrumbs>.unavailable a{color:#999}.breadcrumbs>.unavailable a:focus,.breadcrumbs>.unavailable:focus,.breadcrumbs>.unavailable:hover,.breadcrumbs>.unavailable:hover a{color:#999;cursor:not-allowed;text-decoration:none}.breadcrumbs>:after{color:#AAA;content:"/";margin:0 .75rem;position:relative;top:1px}.breadcrumbs>:last-child:after{content:" ";margin:0}[aria-label=breadcrumbs] [aria-hidden=true]:before{content:"/"}.button,button{-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;border-width:0;cursor:pointer;line-height:normal;margin:0 0 1.25rem;position:relative;text-align:center;display:inline-block;padding:1rem 2rem 1.0625rem;font-size:1rem;background-color:#008CBA;border-color:#007095;color:#FFF;transition:background-color .3s ease-out}.joyride-tip-guide,p,select{font-family:inherit}.button:focus,.button:hover,button:focus,button:hover{background-color:#007095;color:#FFF}.button.secondary,button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.button.secondary:focus,.button.secondary:hover,button.secondary:focus,button.secondary:hover{background-color:#b9b9b9;color:#333}.button.success,button.success{background-color:#43AC6A;border-color:#368a55;color:#FFF}.button.success:focus,.button.success:hover,button.success:focus,button.success:hover{background-color:#368a55;color:#FFF}.button.alert,button.alert{background-color:#f04124;border-color:#cf2a0e;color:#FFF}.button.alert:focus,.button.alert:hover,button.alert:focus,button.alert:hover{background-color:#cf2a0e;color:#FFF}.button.warning,button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#FFF}.button.warning:focus,.button.warning:hover,button.warning:focus,button.warning:hover{background-color:#cf6e0e;color:#FFF}.button.info,button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.button.info:focus,.button.info:hover,button.info:focus,button.info:hover{background-color:#61b6d9;color:#FFF}.button.large,button.large{padding:1.125rem 2.25rem 1.1875rem;font-size:1.25rem}.button.small,button.small{padding:.875rem 1.75rem .9375rem;font-size:.8125rem}.button.tiny,button.tiny{padding:.625rem 1.25rem .6875rem;font-size:.6875rem}.button.expand,button.expand{padding-left:1rem;padding-right:1rem;width:100%}.button.left-align,button.left-align{text-align:left;text-indent:.75rem}.button.right-align,button.right-align{text-align:right;padding-right:.75rem}.button.radius,button.radius{border-radius:3px}.button.round,button.round{border-radius:1000px}.button.disabled,.button[disabled],button.disabled,button[disabled]{background-color:#008CBA;border-color:#007095;color:#FFF;box-shadow:none;cursor:default;opacity:.7}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover,button.disabled:focus,button.disabled:hover,button[disabled]:focus,button[disabled]:hover{color:#FFF;background-color:#008CBA}.button.disabled.secondary,.button[disabled].secondary,button.disabled.secondary,button[disabled].secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333;box-shadow:none;cursor:default;opacity:.7}.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover,button.disabled.secondary:focus,button.disabled.secondary:hover,button[disabled].secondary:focus,button[disabled].secondary:hover{color:#333;background-color:#e7e7e7}.button.disabled.success,.button[disabled].success,button.disabled.success,button[disabled].success{background-color:#43AC6A;border-color:#368a55;color:#FFF;box-shadow:none;cursor:default;opacity:.7}.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover,button.disabled.success:focus,button.disabled.success:hover,button[disabled].success:focus,button[disabled].success:hover{color:#FFF;background-color:#43AC6A}.button.disabled.alert,.button[disabled].alert,button.disabled.alert,button[disabled].alert{background-color:#f04124;border-color:#cf2a0e;color:#FFF;box-shadow:none;cursor:default;opacity:.7}.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover,button.disabled.alert:focus,button.disabled.alert:hover,button[disabled].alert:focus,button[disabled].alert:hover{color:#FFF;background-color:#f04124}.button.disabled.warning,.button[disabled].warning,button.disabled.warning,button[disabled].warning{background-color:#f08a24;border-color:#cf6e0e;color:#FFF;box-shadow:none;cursor:default;opacity:.7}.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover,button.disabled.warning:focus,button.disabled.warning:hover,button[disabled].warning:focus,button[disabled].warning:hover{color:#FFF;background-color:#f08a24}.button.disabled.info,.button[disabled].info,button.disabled.info,button[disabled].info{background-color:#a0d3e8;border-color:#61b6d9;color:#333;box-shadow:none;cursor:default;opacity:.7}.button.disabled.info:focus,.button.disabled.info:hover,.button[disabled].info:focus,.button[disabled].info:hover,button.disabled.info:focus,button.disabled.info:hover,button[disabled].info:focus,button[disabled].info:hover{color:#FFF;background-color:#a0d3e8}button::-moz-focus-inner{border:0;padding:0}@media only screen and (min-width:40.0625em){.button,button{display:inline-block}}.button-group{list-style:none;margin:0;left:0}.button-group:after,.button-group:before{content:" ";display:table}.button-group.even-2 li,.button-group.even-3 li,.button-group.even-4 li,.button-group.even-5 li,.button-group.even-6 li,.button-group.even-7 li,.button-group.even-8 li,.button-group>li{float:left;display:inline-block;margin:0 -2px}.button-group.even-2 li{width:50%}.button-group.even-2 li .button,.button-group.even-2 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-2 li:first-child .button,.button-group.even-2 li:first-child button{border-left:0}.button-group.even-2 li .button,.button-group.even-2 li button{width:100%}.button-group.even-3 li{width:33.33333%}.button-group.even-3 li .button,.button-group.even-3 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-3 li:first-child .button,.button-group.even-3 li:first-child button{border-left:0}.button-group.even-3 li .button,.button-group.even-3 li button{width:100%}.button-group.even-4 li{width:25%}.button-group.even-4 li .button,.button-group.even-4 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-4 li:first-child .button,.button-group.even-4 li:first-child button{border-left:0}.button-group.even-4 li .button,.button-group.even-4 li button{width:100%}.button-group.even-5 li{width:20%}.button-group.even-5 li .button,.button-group.even-5 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-5 li:first-child .button,.button-group.even-5 li:first-child button{border-left:0}.button-group.even-5 li .button,.button-group.even-5 li button{width:100%}.button-group.even-6 li{width:16.66667%}.button-group.even-6 li .button,.button-group.even-6 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-6 li:first-child .button,.button-group.even-6 li:first-child button{border-left:0}.button-group.even-6 li .button,.button-group.even-6 li button{width:100%}.button-group.even-7 li{width:14.28571%}.button-group.even-7 li .button,.button-group.even-7 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-7 li:first-child .button,.button-group.even-7 li:first-child button{border-left:0}.button-group.even-7 li .button,.button-group.even-7 li button{width:100%}.button-group.even-8 li{width:12.5%}.button-group.even-8 li .button,.button-group.even-8 li button,.button-group.radius.stack>*>button,.button-group.round.stack>*>button,.button-group.stack>li>button,.clearing-caption{width:100%}.button-group.even-8 li .button,.button-group.even-8 li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-8 li:first-child .button,.button-group.even-8 li:first-child button{border-left:0}.button-group>li .button,.button-group>li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group>li:first-child .button,.button-group>li:first-child button{border-left:0}.button-group.stack>li{display:block;margin:0;float:none}.button-group.stack>li .button,.button-group.stack>li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack>li:first-child .button,.button-group.stack>li:first-child button{border-left:0}.button-group.stack>li .button,.button-group.stack>li>button{border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.stack>li:first-child .button,.button-group.stack>li:first-child button{border-top:0}.button-group.stack-for-small>li{float:left;display:inline-block;margin:0 -2px}.button-group.stack-for-small>li .button,.button-group.stack-for-small>li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child .button,.button-group.stack-for-small>li:first-child button{border-left:0}@media only screen and (max-width:40em){.button-group.stack-for-small>li{float:left;display:block;margin:0;width:100%}.button-group.stack-for-small>li .button,.button-group.stack-for-small>li>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child .button,.button-group.stack-for-small>li:first-child button{border-left:0}.button-group.stack-for-small>li .button,.button-group.stack-for-small>li>button{border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.stack-for-small>li>button{width:100%}.button-group.stack-for-small>li:first-child .button,.button-group.stack-for-small>li:first-child button{border-top:0}}.button-group.radius>*{float:left;display:inline-block;margin:0 -2px}.button-group.radius>* .button,.button-group.radius>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius>:first-child .button,.button-group.radius>:first-child button{border-left:0}.button-group.radius>*,.button-group.radius>*>.button,.button-group.radius>*>a,.button-group.radius>*>button{border-radius:0}.button-group.radius>:first-child,.button-group.radius>:first-child>.button,.button-group.radius>:first-child>a,.button-group.radius>:first-child>button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius>:last-child,.button-group.radius>:last-child>.button,.button-group.radius>:last-child>a,.button-group.radius>:last-child>button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*{float:left;display:block;margin:0}.button-group.radius.stack>* .button,.button-group.radius.stack>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack>:first-child .button,.button-group.radius.stack>:first-child button{border-left:0}.button-group.radius.stack>* .button,.button-group.radius.stack>*>button{border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.radius.stack>:first-child .button,.button-group.radius.stack>:first-child button{border-top:0}.button-group.radius.stack>*,.button-group.radius.stack>*>.button,.button-group.radius.stack>*>a,.button-group.radius.stack>*>button{border-radius:0}.button-group.radius.stack>:first-child,.button-group.radius.stack>:first-child>.button,.button-group.radius.stack>:first-child>a,.button-group.radius.stack>:first-child>button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>:last-child,.button-group.radius.stack>:last-child>.button,.button-group.radius.stack>:last-child>a,.button-group.radius.stack>:last-child>button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media only screen and (min-width:40.0625em){.button-group.radius.stack-for-small>*{float:left;display:inline-block;margin:0 -2px}.button-group.radius.stack-for-small>* .button,.button-group.radius.stack-for-small>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>:first-child .button,.button-group.radius.stack-for-small>:first-child button{border-left:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>.button,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button{border-radius:0}.button-group.radius.stack-for-small>:first-child,.button-group.radius.stack-for-small>:first-child>.button,.button-group.radius.stack-for-small>:first-child>a,.button-group.radius.stack-for-small>:first-child>button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius.stack-for-small>:last-child,.button-group.radius.stack-for-small>:last-child>.button,.button-group.radius.stack-for-small>:last-child>a,.button-group.radius.stack-for-small>:last-child>button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}}@media only screen and (max-width:40em){.button-group.radius.stack-for-small>*{float:left;display:block;margin:0}.button-group.radius.stack-for-small>* .button,.button-group.radius.stack-for-small>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>:first-child .button,.button-group.radius.stack-for-small>:first-child button{border-left:0}.button-group.radius.stack-for-small>* .button,.button-group.radius.stack-for-small>*>button{border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.radius.stack-for-small>*>button{width:100%}.button-group.radius.stack-for-small>:first-child .button,.button-group.radius.stack-for-small>:first-child button{border-top:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>.button,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button{border-radius:0}.button-group.radius.stack-for-small>:first-child,.button-group.radius.stack-for-small>:first-child>.button,.button-group.radius.stack-for-small>:first-child>a,.button-group.radius.stack-for-small>:first-child>button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack-for-small>:last-child,.button-group.radius.stack-for-small>:last-child>.button,.button-group.radius.stack-for-small>:last-child>a,.button-group.radius.stack-for-small>:last-child>button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}}.button-group.round>*{float:left;display:inline-block;margin:0 -2px}.button-group.round>* .button,.button-group.round>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round>:first-child .button,.button-group.round>:first-child button{border-left:0}.button-group.round>*,.button-group.round>*>.button,.button-group.round>*>a,.button-group.round>*>button{border-radius:0}.button-group.round>:first-child,.button-group.round>:first-child>.button,.button-group.round>:first-child>a,.button-group.round>:first-child>button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round>:last-child,.button-group.round>:last-child>.button,.button-group.round>:last-child>a,.button-group.round>:last-child>button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.button-group.round.stack>*{float:left;display:block;margin:0}.button-group.round.stack>* .button,.button-group.round.stack>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack>:first-child .button,.button-group.round.stack>:first-child button{border-left:0}.button-group.round.stack>* .button,.button-group.round.stack>*>button{border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.round.stack>:first-child .button,.button-group.round.stack>:first-child button{border-top:0}.button-group.round.stack>*,.button-group.round.stack>*>.button,.button-group.round.stack>*>a,.button-group.round.stack>*>button{border-radius:0}.button-group.round.stack>:first-child,.button-group.round.stack>:first-child>.button,.button-group.round.stack>:first-child>a,.button-group.round.stack>:first-child>button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack>:last-child,.button-group.round.stack>:last-child>.button,.button-group.round.stack>:last-child>a,.button-group.round.stack>:last-child>button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media only screen and (min-width:40.0625em){.button-group.round.stack-for-small>*{float:left;display:inline-block;margin:0 -2px}.button-group.round.stack-for-small>* .button,.button-group.round.stack-for-small>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>:first-child .button,.button-group.round.stack-for-small>:first-child button{border-left:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>.button,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button{border-radius:0}.button-group.round.stack-for-small>:first-child,.button-group.round.stack-for-small>:first-child>.button,.button-group.round.stack-for-small>:first-child>a,.button-group.round.stack-for-small>:first-child>button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round.stack-for-small>:last-child,.button-group.round.stack-for-small>:last-child>.button,.button-group.round.stack-for-small>:last-child>a,.button-group.round.stack-for-small>:last-child>button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}}.clearing-caption,.f-dropdown.content>:last-child,.f-dropdown.drop-left>:last-child,.f-dropdown.drop-right>:last-child,.f-dropdown.drop-top>:last-child,.f-dropdown>:last-child{margin-bottom:0}@media only screen and (max-width:40em){.button-group.round.stack-for-small>*{float:left;display:block;margin:0}.button-group.round.stack-for-small>* .button,.button-group.round.stack-for-small>*>button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>:first-child .button,.button-group.round.stack-for-small>:first-child button{border-left:0}.button-group.round.stack-for-small>* .button,.button-group.round.stack-for-small>*>button{border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.round.stack-for-small>*>button{width:100%}.button-group.round.stack-for-small>:first-child .button,.button-group.round.stack-for-small>:first-child button{border-top:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>.button,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button{border-radius:0}.button-group.round.stack-for-small>:first-child,.button-group.round.stack-for-small>:first-child>.button,.button-group.round.stack-for-small>:first-child>a,.button-group.round.stack-for-small>:first-child>button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack-for-small>:last-child,.button-group.round.stack-for-small>:last-child>.button,.button-group.round.stack-for-small>:last-child>a,.button-group.round.stack-for-small>:last-child>button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.button-bar:after,.button-bar:before,.clearing-thumbs:after,.clearing-thumbs:before,[data-clearing]:after,[data-clearing]:before{content:" ";display:table}.button-bar .button-group{float:left;margin-right:.625rem}.clearing-thumbs,[data-clearing]{list-style:none;margin-left:0;margin-bottom:0}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*=block-grid-] li,[data-clearing][class*=block-grid-] li{margin-right:0}.clearing-blackout{background:#333;height:100%;position:fixed;top:0;width:100%;z-index:998;left:0}.clearing-blackout .clearing-close{display:block}.clearing-container{height:100%;margin:0;overflow:hidden;position:relative;z-index:998}.clearing-touch-label{color:#AAA;font-size:.6em;left:50%;position:absolute;top:50%}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);max-height:100%;max-width:100%}.clearing-caption{background:#333;bottom:0;color:#CCC;font-size:.875em;line-height:1.3;padding:10px 30px 20px;position:absolute;text-align:center;left:0}.clearing-close{color:#CCC;display:none;font-size:30px;line-height:1;padding-left:20px;padding-top:10px;z-index:999}.clearing-close:focus,.clearing-close:hover{color:#CCC}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul,.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width:40.0625em){.clearing-main-next,.clearing-main-prev{height:100%;position:absolute;top:0;width:40px}.clearing-main-next>span,.clearing-main-prev>span{border:12px solid;display:block;height:0;position:absolute;top:50%;width:0}.clearing-main-next>span:hover,.clearing-main-prev>span:hover{opacity:.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:transparent #CCC transparent transparent}.clearing-main-next{right:0}.clearing-main-next>span{border-color:transparent transparent transparent #CCC}.clearing-main-next.disabled,.clearing-main-prev.disabled{opacity:.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{clear:none;cursor:pointer;display:block;float:left;margin-right:0;min-height:inherit;opacity:.4;overflow:hidden;padding:0;position:relative;width:120px}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer!important;width:100%!important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:.8}.clearing-assembled .clearing-container .visible-img{background:#333;height:85%;overflow:hidden}.clearing-close{padding-left:0;padding-top:0;position:absolute;top:10px;right:20px}}.f-dropdown{display:none;left:-9999px;list-style:none;margin-left:0;position:absolute;background:#FFF;border:1px solid #ccc;font-size:.875rem;height:auto;max-height:none;width:100%;z-index:89;margin-top:2px;max-width:200px}.f-dropdown:after,.f-dropdown:before{content:"";display:block;height:0;width:0;position:absolute}.f-dropdown.open{display:block}.f-dropdown>:first-child{margin-top:0}.f-dropdown:before{border:6px inset;border-color:transparent transparent #FFF;border-bottom-style:solid;top:-12px;left:10px;z-index:89}.f-dropdown:after{border:7px inset;border-color:transparent transparent #ccc;border-bottom-style:solid;top:-14px;left:9px;z-index:88}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown.drop-left,.f-dropdown.drop-right{left:-9999px;list-style:none;font-size:.875rem;margin-top:0;display:none;background:#FFF;max-height:none}.f-dropdown.drop-right{position:absolute;border:1px solid #ccc;height:auto;width:100%;z-index:89;margin-left:2px;max-width:200px}.f-dropdown.drop-right:after,.f-dropdown.drop-right:before{content:"";display:block;height:0;width:0;position:absolute}.f-dropdown.drop-right.open{display:block}.f-dropdown.drop-right>:first-child{margin-top:0}.f-dropdown.drop-right:before{border:6px inset;border-color:transparent #FFF transparent transparent;border-right-style:solid;top:10px;left:-12px;z-index:89}.f-dropdown.drop-right:after{border:7px inset;border-color:transparent #ccc transparent transparent;border-right-style:solid;top:9px;left:-14px;z-index:88}.f-dropdown.drop-left{position:absolute;border:1px solid #ccc;height:auto;width:100%;z-index:89;margin-left:-2px;max-width:200px}.f-dropdown.drop-left:after,.f-dropdown.drop-left:before{content:"";display:block;height:0;width:0;left:auto;position:absolute}.f-dropdown.content,.f-dropdown.drop-top{margin-left:0;font-size:.875rem;max-width:200px;list-style:none}.f-dropdown.drop-left.open{display:block}.f-dropdown.drop-left>:first-child{margin-top:0}.f-dropdown.drop-left:before{border:6px inset;border-color:transparent transparent transparent #FFF;border-left-style:solid;top:10px;right:-12px;z-index:89}.f-dropdown.drop-left:after{border:7px inset;border-color:transparent transparent transparent #ccc;border-left-style:solid;top:9px;right:-14px;z-index:88}.f-dropdown.drop-top{display:none;left:-9999px;position:absolute;background:#FFF;border:1px solid #ccc;height:auto;max-height:none;width:100%;z-index:89;margin-top:-2px}.f-dropdown.drop-top:after,.f-dropdown.drop-top:before{height:0;width:0;top:auto;right:auto;display:block;position:absolute;content:""}.f-dropdown.content>:first-child,.f-dropdown.drop-top>:first-child{margin-top:0}.f-dropdown.drop-top.open{display:block}.f-dropdown.drop-top:before{border:6px inset;border-color:#FFF transparent transparent;border-top-style:solid;bottom:-12px;left:10px;z-index:89}.f-dropdown.drop-top:after{border:7px inset;border-color:#ccc transparent transparent;border-top-style:solid;bottom:-14px;left:9px;z-index:88}select[multiple],textarea[rows]{height:auto}.f-dropdown li{cursor:pointer;font-size:.875rem;line-height:1.125rem;margin:0}.f-dropdown li:focus,.f-dropdown li:hover{background:#EEE}.f-dropdown li a{display:block;padding:.5rem;color:#555}.f-dropdown.content{display:none;left:-9999px;position:absolute;background:#FFF;border:1px solid #ccc;height:auto;max-height:none;padding:1.25rem;width:100%;z-index:89}.f-dropdown.content.open{display:block}.f-dropdown.radius{border-radius:3px}.f-dropdown.tiny{max-width:200px}.f-dropdown.small{max-width:300px}.f-dropdown.medium{max-width:500px}.f-dropdown.large{max-width:800px}.f-dropdown.mega{width:100%!important;max-width:100%!important}.f-dropdown.mega.open{left:0!important}.dropdown.button,button.dropdown{position:relative;padding-right:3.5625rem}.dropdown.button::after,button.dropdown::after{border-style:solid;content:"";display:block;height:0;position:absolute;top:50%;width:0;border-width:.375rem;right:1.40625rem;margin-top:-.15625rem;border-color:#FFF transparent transparent}.dropdown.button.tiny,button.dropdown.tiny{padding-right:2.625rem}.dropdown.button.tiny:after,button.dropdown.tiny:after{border-width:.375rem;right:1.125rem;margin-top:-.125rem}.dropdown.button.tiny::after,button.dropdown.tiny::after{border-color:#FFF transparent transparent}.dropdown.button.small,button.dropdown.small{padding-right:3.0625rem}.dropdown.button.small::after,button.dropdown.small::after{border-width:.4375rem;right:1.3125rem;margin-top:-.15625rem;border-color:#FFF transparent transparent}.dropdown.button.large,button.dropdown.large{padding-right:3.625rem}.dropdown.button.large::after,button.dropdown.large::after{border-width:.3125rem;right:1.71875rem;margin-top:-.15625rem;border-color:#FFF transparent transparent}.dropdown.button.secondary:after,button.dropdown.secondary:after{border-color:#333 transparent transparent}.flex-video{height:0;margin-bottom:1rem;padding-bottom:67.5%;padding-top:1.5625rem;position:relative}.flex-video.widescreen{padding-bottom:56.34%}.flex-video.vimeo{padding-top:0}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{height:100%;position:absolute;top:0;width:100%;left:0}.postfix,.prefix,select{font-size:.875rem;height:2.3125rem}form .row .row{margin:0 -.5rem}form .row .row .column,form .row .row .columns{padding:0 .5rem}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row .row.collapse input{-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left:.5rem}label{color:#4d4d4d;cursor:pointer;display:block;font-size:.875rem;line-height:1.5;margin-bottom:0}input[type=file],input[type=checkbox],input[type=radio],label.inline,select{margin:0 0 1rem}label.right{float:none!important;text-align:right}label.inline{line-height:2.375rem}label small{text-transform:capitalize;color:#676767}.postfix,.prefix{border-style:solid;border-width:1px;display:block;line-height:2.3125rem;overflow:visible;padding-bottom:0;padding-top:0;position:relative;text-align:center;width:100%;z-index:2}.postfix.button,.prefix.button{border:none;text-align:center;padding:0}.prefix.button.radius{border-radius:3px 0 0 3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px}.postfix.button.radius{border-radius:0 3px 3px 0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px}.prefix.button.round{border-radius:1000px 0 0 1000px;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px}.postfix.button.round{border-radius:0 1000px 1000px 0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px}label.prefix,span.prefix{background:#f2f2f2;border-right:none;color:#333;border-color:#ccc}label.postfix,span.postfix{background:#f2f2f2;border-left:none;color:#333;border-color:#ccc}fieldset[disabled] input:not([type]),fieldset[disabled] input[type=text],fieldset[disabled] input[type=password],fieldset[disabled] input[type=date],fieldset[disabled] input[type=datetime],fieldset[disabled] input[type=datetime-local],fieldset[disabled] input[type=month],fieldset[disabled] input[type=week],fieldset[disabled] input[type=email],fieldset[disabled] input[type=number],fieldset[disabled] input[type=search],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=time],fieldset[disabled] input[type=url],fieldset[disabled] input[type=color],fieldset[disabled] textarea,input:not([type]):disabled,input:not([type])[disabled],input:not([type])[readonly],input[type=text]:disabled,input[type=text][disabled],input[type=text][readonly],input[type=password]:disabled,input[type=password][disabled],input[type=password][readonly],input[type=date]:disabled,input[type=date][disabled],input[type=date][readonly],input[type=datetime]:disabled,input[type=datetime][disabled],input[type=datetime][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][disabled],input[type=datetime-local][readonly],input[type=month]:disabled,input[type=month][disabled],input[type=month][readonly],input[type=week]:disabled,input[type=week][disabled],input[type=week][readonly],input[type=email]:disabled,input[type=email][disabled],input[type=email][readonly],input[type=number]:disabled,input[type=number][disabled],input[type=number][readonly],input[type=search]:disabled,input[type=search][disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][disabled],input[type=tel][readonly],input[type=time]:disabled,input[type=time][disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][disabled],input[type=url][readonly],input[type=color]:disabled,input[type=color][disabled],input[type=color][readonly],select:disabled,textarea:disabled,textarea[disabled],textarea[readonly]{background-color:#DDD;cursor:default}input:not([type]),input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=color],textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;background-color:#FFF;border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:#444;display:block;font-family:inherit;font-size:.875rem;height:2.3125rem;margin:0 0 1rem;padding:.5rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .15s linear,background .15s linear;-moz-transition:border-color .15s linear,background .15s linear;-ms-transition:border-color .15s linear,background .15s linear;-o-transition:border-color .15s linear,background .15s linear;transition:border-color .15s linear,background .15s linear}input:not([type]):focus,input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{background-color:#fafafa;border-color:#999;outline:0}input:not([type]).radius,input[type=text].radius,input[type=password].radius,input[type=date].radius,input[type=datetime].radius,input[type=datetime-local].radius,input[type=month].radius,input[type=week].radius,input[type=email].radius,input[type=number].radius,input[type=search].radius,input[type=tel].radius,input[type=time].radius,input[type=url].radius,input[type=color].radius,textarea.radius{border-radius:3px}form .row .prefix-radius.row.collapse button,form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse select,form .row .prefix-radius.row.collapse textarea{border-radius:0 3px 3px 0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px}form .row .postfix-radius.row.collapse button,form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse select,form .row .postfix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse .prefix{border-radius:3px 0 0 3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px}form .row .postfix-radius.row.collapse .postfix{border-radius:0 3px 3px 0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px}form .row .prefix-round.row.collapse button,form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse select,form .row .prefix-round.row.collapse textarea{border-radius:0 1000px 1000px 0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px}form .row .postfix-round.row.collapse button,form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse select,form .row .postfix-round.row.collapse textarea,form .row .prefix-round.row.collapse .prefix{border-radius:1000px 0 0 1000px;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px}form .row .postfix-round.row.collapse .postfix{border-radius:0 1000px 1000px 0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px}input[type=submit]{-webkit-appearance:none;-moz-appearance:none;border-radius:0}textarea{max-width:100%}::-webkit-input-placeholder{color:#AAA}:-moz-placeholder{color:#AAA}::-moz-placeholder{color:#AAA}:-ms-input-placeholder{color:#AAA}select{-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#FAFAFA;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position:100% center;background-repeat:no-repeat;border-style:solid;border-width:1px;border-color:#ccc;color:#444;line-height:normal;padding:.5rem;border-radius:0}select::-ms-expand{display:none}select.radius{border-radius:3px}select:focus{background-color:#f3f3f3;border-color:#999}.icon-bar .item.disabled,.icon-bar .item.disabled>*{opacity:.7;cursor:not-allowed}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}input[type=file]{width:100%}fieldset{border:1px solid #DDD;margin:1.125rem 0;padding:1.25rem}fieldset legend{font-weight:700;margin:0 0 0 -.1875rem;padding:0 .1875rem}[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] small.error,[data-abide] span.error{display:block;font-size:.75rem;font-style:italic;font-weight:400;margin-bottom:1rem;margin-top:-1px;padding:.375rem .5625rem .5625rem;background:#f04124;color:#FFF}[data-abide] small.error,[data-abide] span.error{display:none}.error small.error,small.error,span.error{display:block;font-size:.75rem;margin-top:-1px;padding:.375rem .5625rem .5625rem;background:#f04124;font-weight:400;font-style:italic}small.error,span.error{margin-bottom:1rem;color:#FFF}.error input,.error select,.error textarea{margin-bottom:0}.error input[type=checkbox],.error input[type=radio],.error small.error{margin-bottom:1rem}.error label,.error label.error{color:#f04124}.error small.error{color:#FFF}.error>label>small{background:0 0;color:#676767;display:inline;font-size:60%;font-style:normal;margin:0;padding:0;text-transform:capitalize}.side-nav li.heading,.sub-nav dt{text-transform:uppercase}.error span.error-message{display:block}input.error,select.error,textarea.error{margin-bottom:0}label.error{color:#f04124}.icon-bar>* i,.icon-bar>* label,.icon-bar>a.active i,.icon-bar>a.active label,.icon-bar>a:hover i,.icon-bar>a:hover label,.joyride-tip-guide{color:#FFF}.icon-bar{display:inline-block;font-size:0;width:100%;background:#333}.icon-bar>*,.icon-bar>* i,.icon-bar>* img{display:block;margin:0 auto}.icon-bar>a.active,.icon-bar>a:hover{background:#008CBA}.icon-bar>*{float:left;text-align:center;width:25%;font-size:1rem;padding:1.25rem}.icon-bar>* i+label,.icon-bar>* img+label{margin-top:.0625rem;font-size:1rem}.icon-bar>* i{vertical-align:middle;font-size:1.875rem}.icon-bar.label-right>* i,.icon-bar.label-right>* img{display:inline-block;margin:0 .0625rem 0 0}.icon-bar.label-right>* i+label,.icon-bar.label-right>* img+label{margin-top:0}.icon-bar.label-right>* label{display:inline-block}.icon-bar.vertical.label-right>*{text-align:left}.label,.orbit-bullets,.orbit-bullets-container,.pagination-centered{text-align:center}.icon-bar.small-vertical,.icon-bar.vertical{height:100%;width:auto}.icon-bar.small-vertical .item,.icon-bar.vertical .item{float:none;margin:auto;width:auto}@media only screen and (min-width:40.0625em){.icon-bar.medium-vertical{height:100%;width:auto}.icon-bar.medium-vertical .item{float:none;margin:auto;width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.large-vertical{height:100%;width:auto}.icon-bar.large-vertical .item{float:none;margin:auto;width:auto}}.icon-bar>* img{height:1.875rem;width:1.875rem}.icon-bar .item.disabled{pointer-events:none}.icon-bar.two-up .item{width:50%}.icon-bar.two-up.small-vertical .item,.icon-bar.two-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.two-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.two-up.large-vertical .item{width:auto}}.icon-bar.three-up .item{width:33.3333%}.icon-bar.three-up.small-vertical .item,.icon-bar.three-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.three-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.three-up.large-vertical .item{width:auto}}.icon-bar.four-up .item{width:25%}.icon-bar.four-up.small-vertical .item,.icon-bar.four-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.four-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.four-up.large-vertical .item{width:auto}}.icon-bar.five-up .item{width:20%}.icon-bar.five-up.small-vertical .item,.icon-bar.five-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.five-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.five-up.large-vertical .item{width:auto}}.icon-bar.six-up .item{width:16.66667%}.icon-bar.six-up.small-vertical .item,.icon-bar.six-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.six-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.six-up.large-vertical .item{width:auto}}.icon-bar.seven-up .item{width:14.28571%}.icon-bar.seven-up.small-vertical .item,.icon-bar.seven-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.seven-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.seven-up.large-vertical .item{width:auto}}.icon-bar.eight-up .item{width:12.5%}.icon-bar.eight-up.small-vertical .item,.icon-bar.eight-up.vertical .item{width:auto}@media only screen and (min-width:40.0625em){.icon-bar.eight-up.medium-vertical .item{width:auto}}@media only screen and (min-width:64.0625em){.icon-bar.eight-up.large-vertical .item{width:auto}}.inline-list{list-style:none;overflow:hidden;padding:0;margin:0 0 1.0625rem -1.375rem}.inline-list>li{display:block;float:left;list-style:none;margin-left:1.375rem}.inline-list>li>*{display:block}.joyride-list{display:none}.joyride-tip-guide{background:#333;display:none;font-weight:400;position:absolute;top:0;width:95%;z-index:103;left:2.5%}.lt-ie9 .joyride-tip-guide{margin-left:-400px;max-width:800px;left:50%}.joyride-content-wrapper{padding:1.125rem 1.25rem 1.5rem;width:100%}.joyride-content-wrapper .button{margin-bottom:0!important}.joyride-content-wrapper .joyride-prev-tip{margin-right:10px}.joyride-tip-guide .joyride-nub{border:10px solid #333;display:block;height:0;position:absolute;width:0;left:22px}.joyride-tip-guide .joyride-nub.top{border-color:#333;border-top-color:transparent!important;border-top-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;top:-20px}.joyride-tip-guide .joyride-nub.bottom{border-color:#333 transparent transparent!important;border-bottom-style:solid;bottom:-20px}.joyride-tip-guide .joyride-nub.right{right:-20px}.joyride-tip-guide .joyride-nub.left{left:-20px}.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6{color:#FFF;font-weight:700;line-height:1.25;margin:0}.joyride-close-tip,.label{font-weight:400;text-decoration:none}.joyride-tip-guide p{font-size:.875rem;line-height:1.3;margin:0 0 1.125rem}.joyride-timer-indicator-wrap{border:1px solid #555;bottom:1rem;height:3px;position:absolute;width:50px;right:1.0625rem}.joyride-timer-indicator{background:#666;display:block;height:inherit;width:0}.joyride-close-tip{color:#777!important;font-size:24px;line-height:.5!important;position:absolute;top:10px;right:12px}.joyride-close-tip:focus,.joyride-close-tip:hover{color:#EEE!important}.joyride-modal-bg{background:rgba(0,0,0,.5);cursor:pointer;display:none;height:100%;position:fixed;top:0;width:100%;z-index:100;left:0}.joyride-expose-wrapper{background-color:#FFF;border-radius:3px;box-shadow:0 0 15px #FFF;position:absolute;z-index:102}.joyride-expose-cover{background:0 0;border-radius:3px;left:0;position:absolute;top:0;z-index:9999}.label,.slideshow-wrapper{position:relative}@media only screen{.joyride-tip-guide{width:300px;left:inherit}.joyride-tip-guide .joyride-nub.bottom{border-color:#333 transparent transparent!important;bottom:-20px}.joyride-tip-guide .joyride-nub.right{border-color:transparent transparent transparent #333!important;left:auto;right:-20px;top:22px}.joyride-tip-guide .joyride-nub.left{border-color:transparent #333 transparent transparent!important;left:-20px;right:auto;top:22px}}.keystroke,kbd{background-color:#ededed;border-color:#ddd;color:#222;border-style:solid;border-width:1px;font-family:Consolas,Menlo,Courier,monospace;font-size:inherit;margin:0;padding:.125rem .25rem 0;border-radius:3px}.label{display:inline-block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;line-height:1;margin-bottom:auto;white-space:nowrap;padding:.25rem .5rem;font-size:.6875rem;background-color:#008CBA;color:#FFF}.label.radius{border-radius:3px}.label.round{border-radius:1000px}.label.alert{background-color:#f04124;color:#FFF}.label.warning{background-color:#f08a24;color:#FFF}.label.success{background-color:#43AC6A;color:#FFF}.label.secondary{background-color:#e7e7e7;color:#333}.label.info{background-color:#a0d3e8;color:#333}[data-magellan-expedition-clone],[data-magellan-expedition]{background:#FFF;min-width:100%;padding:10px;z-index:50}[data-magellan-expedition-clone] .sub-nav,[data-magellan-expedition-clone] .sub-nav dd,[data-magellan-expedition] .sub-nav,[data-magellan-expedition] .sub-nav dd{margin-bottom:0}[data-magellan-expedition-clone] .sub-nav a,[data-magellan-expedition] .sub-nav a{line-height:1.8em}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.slideshow-wrapper ul{list-style-type:none;margin:0}.slideshow-wrapper ul li,.slideshow-wrapper ul li .orbit-caption{display:none}.slideshow-wrapper .orbit-container li,.slideshow-wrapper .orbit-container li .orbit-caption,.slideshow-wrapper ul li:first-child{display:block}.slideshow-wrapper .orbit-container{background-color:transparent}.slideshow-wrapper .orbit-container .orbit-bullets li{display:inline-block}.slideshow-wrapper .preloader{border-radius:1000px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;border:3px solid;display:block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px}.orbit-container{background:0 0;overflow:hidden;position:relative;width:100%}.orbit-container .orbit-slides-container{list-style:none;margin:0;padding:0;position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.orbit-container .orbit-slides-container img{display:block;max-width:100%}.orbit-container .orbit-slides-container>*{position:absolute;top:0;width:100%;margin-left:100%}.orbit-container .orbit-slides-container>:first-child{margin-left:0}.orbit-container .orbit-slides-container>* .orbit-caption{bottom:0;position:absolute;background-color:rgba(51,51,51,.8);color:#FFF;font-size:.875rem;padding:.625rem .875rem;width:100%}.orbit-container .orbit-slide-number{left:10px;background:0 0;color:#FFF;font-size:12px;position:absolute;top:10px;z-index:10}.orbit-container .orbit-slide-number span{font-weight:700;padding:.3125rem}.orbit-container .orbit-timer{position:absolute;top:12px;right:10px;height:6px;width:100px;z-index:10}.orbit-container .orbit-timer .orbit-progress{height:3px;background-color:rgba(255,255,255,.3);display:block;width:0;position:relative;right:20px;top:5px}.orbit-container .orbit-timer>span{border:4px solid #FFF;border-bottom:none;border-top:none;display:none;height:14px;position:absolute;top:0;width:11px;right:0}.orbit-container .orbit-timer.paused>span{top:0;width:11px;height:14px;border:8px inset;border-left-style:solid;border-color:transparent transparent transparent #FFF;right:-4px}.orbit-container .orbit-timer.paused>span.dark{border-left-color:#333}.orbit-container:hover .orbit-timer>span{display:block}.orbit-container .orbit-next,.orbit-container .orbit-prev{background-color:transparent;color:#fff;height:60px;line-height:50px;margin-top:-25px;position:absolute;text-indent:-9999px!important;top:45%;width:36px;z-index:10}.orbit-container .orbit-next:hover,.orbit-container .orbit-prev:hover{background-color:rgba(0,0,0,.3)}.orbit-container .orbit-next>span,.orbit-container .orbit-prev>span{border:10px inset;display:block;height:0;margin-top:-10px;position:absolute;top:50%;width:0}.orbit-container .orbit-prev{left:0}.orbit-container .orbit-prev>span{border-right-style:solid;border-color:transparent #FFF transparent transparent}.orbit-container .orbit-prev:hover>span{border-right-color:#FFF}.orbit-container .orbit-next{right:0}.orbit-container .orbit-next>span{border-color:transparent transparent transparent #FFF;border-left-style:solid;left:50%;margin-left:-4px}.orbit-container .orbit-next:hover>span{border-left-color:#FFF}.orbit-bullets{display:block;float:none;margin:0 auto 30px;overflow:hidden;position:relative;top:10px}.orbit-bullets li{background:#CCC;cursor:pointer;display:inline-block;float:none;height:.5625rem;margin-right:6px;width:.5625rem;border-radius:1000px}.orbit-bullets li.active{background:#999}.orbit-bullets li:last-child{margin-right:0}.touch .orbit-bullets,.touch .orbit-container .orbit-next,.touch .orbit-container .orbit-prev{display:none}@media only screen and (min-width:40.0625em){.touch .orbit-container .orbit-next,.touch .orbit-container .orbit-prev{display:inherit}.touch .orbit-bullets{display:block}}@media only screen and (max-width:40em){.orbit-stack-on-small .orbit-slides-container{height:auto!important}.orbit-stack-on-small .orbit-slides-container>*{margin:0!important;opacity:1!important;position:relative}.orbit-bullets,.orbit-next,.orbit-prev,.orbit-stack-on-small .orbit-slide-number,.orbit-timer{display:none}}.panel.callout>:first-child,.panel>:first-child{margin-top:0}ul.pagination{display:block;margin-left:-.3125rem;min-height:1.5rem}ul.pagination li{color:#222;font-size:.875rem;height:1.5rem;margin-left:.3125rem;display:block;float:left}ul.pagination li a,ul.pagination li button{border-radius:3px;transition:background-color .3s ease-out;background:0 0;color:#999;display:block;font-size:1em;font-weight:400;line-height:inherit;padding:.0625rem .625rem}.panel,.panel.callout{border-style:solid;border-width:1px;border-color:#d8d8d8;padding:1.25rem}ul.pagination li a:focus,ul.pagination li button:focus,ul.pagination li:hover a,ul.pagination li:hover button{background:#e6e6e6}ul.pagination li.unavailable a,ul.pagination li.unavailable button{cursor:default;color:#999;pointer-events:none}ul.pagination li.unavailable a:focus,ul.pagination li.unavailable button:focus,ul.pagination li.unavailable:hover a,ul.pagination li.unavailable:hover button{background:0 0}ul.pagination li.current a,ul.pagination li.current button{background:#008CBA;color:#FFF;cursor:default;font-weight:700}.panel,.panel dl,.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel li,.panel p,.panel.callout dl,.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout li,.panel.callout p{color:#333}ul.pagination li.current a:focus,ul.pagination li.current a:hover,ul.pagination li.current button:focus,ul.pagination li.current button:hover{background:#008CBA}.pagination-centered ul.pagination li{display:inline-block;float:none}.panel{margin-bottom:1.25rem;background:#f2f2f2}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:.625rem}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{line-height:1.4}.panel.callout{margin-bottom:1.25rem;background:#ecfaff;color:#333}.pricing-table .price,.pricing-table .title{font-weight:400;padding:.9375rem 1.25rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#008CBA}.panel.callout a:not(.button):focus,.panel.callout a:not(.button):hover{color:#0078a0}.panel.radius{border-radius:3px}.pricing-table{border:1px solid #DDD;margin-left:0;margin-bottom:1.25rem}.pricing-table *{list-style:none;line-height:1}.pricing-table .title{background-color:#333;color:#EEE;font-size:1rem;text-align:center}.pricing-table .price{background-color:#F6F6F6;color:#333;font-size:2rem;text-align:center}.pricing-table .bullet-item,.pricing-table .description{border-bottom:dotted 1px #DDD;font-weight:400;padding:.9375rem;background-color:#FFF;text-align:center}.pricing-table .description{color:#777;font-size:.75rem;line-height:1.4}.pricing-table .bullet-item{color:#333;font-size:.875rem}.pricing-table .cta-button{background-color:#FFF;padding:1.25rem 1.25rem 0;text-align:center}.progress{background-color:#F6F6F6;border:1px solid #fff;height:1.5625rem;margin-bottom:.625rem;padding:.125rem}.progress .meter,.progress .meter.alert,.progress .meter.secondary,.progress .meter.success,.progress.alert .meter,.progress.secondary .meter,.progress.success .meter{height:100%;width:0;display:block;float:left}.progress .meter{background:#008CBA}.progress .meter.secondary{background:#e7e7e7}.progress .meter.success{background:#43AC6A}.progress .meter.alert{background:#f04124}.progress.secondary .meter{background:#e7e7e7}.progress.success .meter{background:#43AC6A}.progress.alert .meter{background:#f04124}.progress.radius{border-radius:3px}.progress.radius .meter{border-radius:2px}.progress.round{border-radius:1000px}.progress.round .meter{border-radius:999px}.range-slider,.range-slider.vertical-range{border:1px solid #DDD;margin:1.25rem 0;position:relative}.range-slider{-ms-touch-action:none;touch-action:none;display:block;height:1rem;width:100%;background:#FAFAFA}.range-slider.vertical-range{-ms-touch-action:none;touch-action:none;display:inline-block;height:12.5rem;width:1rem}.range-slider.vertical-range .range-slider-handle{bottom:-10.5rem;margin-left:-.5rem;margin-top:0;position:absolute}.range-slider.vertical-range .range-slider-active-segment{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:initial;bottom:0;height:auto;width:.875rem}.range-slider.radius{background:#FAFAFA;border-radius:3px}.range-slider.radius .range-slider-handle{background:#008CBA;border-radius:3px}.range-slider.radius .range-slider-handle:hover{background:#007ba4}.range-slider.round{background:#FAFAFA;border-radius:1000px}.range-slider.round .range-slider-handle{background:#008CBA;border-radius:1000px}.range-slider.round .range-slider-handle:hover{background:#007ba4}.range-slider.disabled,.range-slider[disabled]{background:#FAFAFA;cursor:not-allowed;opacity:.7}.range-slider.disabled .range-slider-handle,.range-slider[disabled] .range-slider-handle{background:#008CBA;cursor:default;opacity:.7}.range-slider.disabled .range-slider-handle:hover,.range-slider[disabled] .range-slider-handle:hover{background:#007ba4}.range-slider-active-segment{background:#e5e5e5;border-bottom-left-radius:inherit;border-top-left-radius:inherit;display:inline-block;height:.875rem;position:absolute}.range-slider-handle{border:1px solid;cursor:pointer;display:inline-block;height:1.375rem;position:absolute;top:-.3125rem;width:2rem;z-index:1;-ms-touch-action:manipulation;touch-action:manipulation;background:#008CBA}.range-slider-handle:hover{background:#007ba4}.reveal-modal-bg{background:#000;background:rgba(0,0,0,.45);bottom:0;display:none;position:fixed;right:0;top:0;z-index:1004;left:0}.reveal-modal{border-radius:3px;display:none;position:absolute;top:0;width:100%;z-index:1005;left:0;background-color:#FFF;padding:1.875rem;border:1px solid #666;box-shadow:0 0 10px rgba(0,0,0,.4)}.reveal-modal .column,.reveal-modal .columns{min-width:0}.reveal-modal>:first-child{margin-top:0}.reveal-modal>:last-child{margin-bottom:0}.reveal-modal.radius{box-shadow:none;border-radius:3px}.reveal-modal.round{box-shadow:none;border-radius:1000px}.reveal-modal.collapse{padding:0;box-shadow:none}@media only screen and (min-width:40.0625em){.reveal-modal{left:0;margin:0 auto;max-width:62.5rem;right:0;width:80%;top:6.25rem}.reveal-modal.tiny{left:0;margin:0 auto;max-width:62.5rem;right:0;width:30%}.reveal-modal.small{left:0;margin:0 auto;max-width:62.5rem;right:0;width:40%}.reveal-modal.medium{left:0;margin:0 auto;max-width:62.5rem;right:0;width:60%}.reveal-modal.large{left:0;margin:0 auto;max-width:62.5rem;right:0;width:70%}.reveal-modal.xlarge{left:0;margin:0 auto;max-width:62.5rem;right:0;width:95%}}.reveal-modal.full{height:100vh;height:100%;left:0;margin-left:0!important;max-width:none!important;min-height:100vh;top:0}@media only screen and (min-width:40.0625em){.reveal-modal.full{left:0;margin:0 auto;max-width:62.5rem;right:0;width:100%}}.reveal-modal.toback{z-index:1003}.reveal-modal .close-reveal-modal{color:#AAA;cursor:pointer;font-size:2.5rem;font-weight:700;line-height:1;position:absolute;top:.625rem;right:1.375rem;text-decoration:none}.side-nav{display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;list-style-position:outside;list-style-type:none;margin:0;padding:.875rem 0}.side-nav li{font-size:.875rem;font-weight:400;margin:0 0 .4375rem}.side-nav li a:not(.button){color:#008CBA;display:block;margin:0;padding:.4375rem .875rem}.split.button.large span:after,.split.button.small span:after,.split.button.tiny span:after{margin-left:-.375rem;border-top-style:solid;top:48%}.side-nav li a:not(.button):focus,.side-nav li a:not(.button):hover{background:rgba(0,0,0,.025);color:#1cc7ff}.side-nav li a:not(.button):active{color:#1cc7ff}.side-nav li.active>a:first-child:not(.button){color:#1cc7ff;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400}.side-nav li.divider{border-top:1px solid;height:0;list-style:none;padding:0;border-top-color:#e6e6e6}.side-nav li.heading{color:#008CBA;font-size:.875rem;font-weight:700}.split.button{position:relative;padding-right:5.0625rem}.split.button span{display:block;height:100%;position:absolute;right:0;top:0;border-left:solid 1px}.split.button span,.split.button.alert span,.split.button.secondary span,.split.button.success span{border-left-color:rgba(255,255,255,.5)}.split.button span:after{position:absolute;content:"";width:0;height:0;display:block;border-style:solid inset inset;left:50%;border-width:.375rem;margin-left:-.375rem;top:48%;border-color:#FFF transparent transparent}.split.button span:active{background-color:rgba(0,0,0,.1)}.split.button span{width:3.09375rem}.split.button.tiny{padding-right:3.75rem}.split.button.tiny span{width:2.25rem}.split.button.tiny span:after{border-width:.375rem}.split.button.small{padding-right:4.375rem}.split.button.small span{width:2.625rem}.split.button.small span:after{border-width:.4375rem}.split.button.large{padding-right:5.5rem}.split.button.large span{width:3.4375rem}.split.button.large span:after{border-width:.3125rem}.split.button.expand{padding-left:2rem}.split.button.secondary span:after{border-color:#333 transparent transparent}.split.button.radius span{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.split.button.round span{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.split.button.no-pip span:after,.split.button.no-pip span:before{border-style:none}.split.button.no-pip span>i{display:block;left:50%;margin-left:-.28889em;margin-top:-.48889em;position:absolute;top:50%}.sub-nav{display:block;margin:-.25rem 0 1.125rem;overflow:hidden;padding-top:.25rem;width:auto}.sub-nav dd,.sub-nav dt,.sub-nav li{color:#999;float:left;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;margin-left:1rem;margin-bottom:0}.sub-nav dd a,.sub-nav dt a,.sub-nav li a{color:#999;padding:.1875rem 1rem;text-decoration:none}.sub-nav dd a:hover,.sub-nav dt a:hover,.sub-nav li a:hover{color:#737373}.sub-nav dd.active a,.sub-nav dt.active a,.sub-nav li.active a{border-radius:3px;background:#008CBA;color:#FFF;cursor:default;font-weight:400;padding:.1875rem 1rem}.sub-nav dd.active a:hover,.sub-nav dt.active a:hover,.sub-nav li.active a:hover{background:#0078a0}.switch{border:none;margin-bottom:1.5rem;outline:0;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer;display:block;margin-bottom:1rem;position:relative;text-indent:100%;transition:left .15s ease-out;height:2rem;width:4rem;color:transparent;background:#DDD}.switch input{left:10px;opacity:0;padding:0;position:absolute;top:9px}.switch input+label{margin-left:0;margin-right:0}.switch label:after{content:"";display:block;left:.25rem;position:absolute;top:.25rem;-webkit-transition:left .15s ease-out;-moz-transition:left .15s ease-out;-o-transition:translate3d(0,0,0);transition:left .15s ease-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);height:1.5rem;width:1.5rem;background:#FFF}.switch input:checked+label:after{left:2.25rem}.switch input:checked+label{background:#008CBA}.switch.large label{height:2.5rem;width:5rem}.switch.large label:after{height:2rem;width:2rem}.switch.large input:checked+label:after{left:2.75rem}.switch.small label{height:1.75rem;width:3.5rem}.switch.small label:after{height:1.25rem;width:1.25rem}.switch.small input:checked+label:after{left:2rem}.switch.tiny label{height:1.5rem;width:3rem}.switch.tiny label:after{height:1rem;width:1rem}.switch.tiny input:checked+label:after{left:1.75rem}.switch.radius label{border-radius:4px}.switch.radius label:after{border-radius:3px}.switch.round{border-radius:1000px}.switch.round label,.switch.round label:after{border-radius:2rem}table{background:#FFF;border:1px solid #DDD;margin-bottom:1.25rem;table-layout:auto}table caption{background:0 0;color:#222;font-size:1rem;font-weight:700}table tfoot,table thead{background:#F5F5F5}table tfoot tr td,table tfoot tr th,table thead tr td,table thead tr th{color:#222;font-size:.875rem;font-weight:700;padding:.5rem .625rem .625rem}table tr td,table tr th{color:#222;font-size:.875rem;padding:.5625rem .625rem;text-align:left}table tr.alt,table tr.even,table tr:nth-of-type(even){background:#F9F9F9}table tbody tr td,table tbody tr th,table tfoot tr td,table tfoot tr th,table thead tr th,table tr td{display:table-cell;line-height:1.125rem}.tabs{margin-bottom:0!important;margin-left:0}.tabs:after,.tabs:before{content:" ";display:table}.tabs .tab-title,.tabs dd{float:left;list-style:none;margin-bottom:0!important;position:relative}.tabs .tab-title>a,.tabs dd>a{display:block;background-color:#EFEFEF;color:#222;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;padding:1rem 2rem}.tabs .tab-title>a:hover,.tabs dd>a:hover{background-color:#e1e1e1}.tabs .tab-title.active>a,.tabs dd.active>a{background-color:#FFF;color:#222}.tabs.radius .tab:first-child a,.tabs.radius dd:first-child a{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.tabs.radius .tab:last-child a,.tabs.radius dd:last-child a{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.tabs.vertical .tab-title,.tabs.vertical dd{position:inherit;float:none;display:block;top:auto}.tabs-content{margin-bottom:1.5rem;width:100%}.tabs-content:after,.tabs-content:before{content:" ";display:table}.tabs-content>.content{display:none;float:left;padding:.9375rem 0;width:100%}.tabs-content>.content.active{display:block;float:none}.tabs-content>.content.contained{padding:.9375rem}.tabs-content.vertical{display:block}.tabs-content.vertical>.content{padding:0 .9375rem}@media only screen and (min-width:40.0625em){.tabs.vertical{float:left;margin:0;margin-bottom:1.25rem!important;max-width:20%;width:20%}.tabs-content.vertical{float:left;margin-left:-1px;max-width:80%;padding-left:1rem;width:80%}}.no-js .tabs-content>.content{display:block;float:none}.th{border:4px solid #FFF;box-shadow:0 0 0 1px rgba(0,0,0,.2);display:inline-block;line-height:0;max-width:100%;transition:all .2s ease-out}.th:focus,.th:hover{box-shadow:0 0 6px 1px rgba(0,140,186,.5)}.th.radius{border-radius:3px}.has-tip{border-bottom:dotted 1px #CCC;color:#333;cursor:help;font-weight:700}.has-tip:focus,.has-tip:hover{border-bottom:dotted 1px #003f54;color:#008CBA}.has-tip.tip-left,.has-tip.tip-right{float:none!important}.tooltip{background:#333;color:#FFF;display:none;font-size:.875rem;font-weight:400;line-height:1.3;max-width:300px;padding:.75rem;position:absolute;width:100%;z-index:1006;left:50%}.tooltip>.nub{border:5px solid;border-color:transparent transparent #333;display:block;height:0;pointer-events:none;position:absolute;top:-10px;width:0;left:5px}.tooltip>.nub.rtl{left:auto;right:5px}.tooltip.radius{border-radius:3px}.tooltip.round{border-radius:1000px}.tooltip.round>.nub{left:2rem}.tooltip.opened{border-bottom:dotted 1px #003f54!important;color:#008CBA!important}.tap-to-close{color:#777;display:block;font-size:.625rem;font-weight:400}@media only screen{.tooltip>.nub{border-color:transparent transparent #333;top:-10px}.tooltip.tip-top>.nub{border-color:#333 transparent transparent;bottom:-10px;top:auto}.tooltip.tip-left,.tooltip.tip-right{float:none!important}.tooltip.tip-left>.nub{border-color:transparent transparent transparent #333;left:auto;margin-top:-5px;right:-10px;top:50%}.tooltip.tip-right>.nub{border-color:transparent #333 transparent transparent;left:-10px;margin-top:-5px;right:auto;top:50%}.tooltip.tip-override>.nub{border-color:transparent transparent #333}.tooltip.tip-override.tip-left>.nub,.tooltip.tip-override.tip-right>.nub{margin-top:0}}meta.foundation-mq-topbar{font-family:"/only screen and (min-width:40.0625em)/";width:40.0625em}.contain-to-grid{width:100%;background:#333}.contain-to-grid .top-bar{margin-bottom:0}.fixed{position:fixed;top:0;width:100%;z-index:99;left:0}.fixed.expanded:not(.top-bar){height:auto;max-height:100%;overflow-y:auto;width:100%}.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}.fixed.expanded:not(.top-bar) .top-bar-section{margin-top:2.8125rem;z-index:98}.top-bar{background:#333;height:2.8125rem;line-height:2.8125rem;margin-bottom:0;overflow:hidden;position:relative}.top-bar ul{list-style:none;margin-bottom:0}.top-bar .row{max-width:none}.top-bar form,.top-bar input,.top-bar select{margin-bottom:0}.top-bar input,.top-bar select{font-size:.75rem;height:1.75rem;padding-bottom:.35rem;padding-top:.35rem}.top-bar .button,.top-bar button{font-size:.75rem;margin-bottom:0;padding-bottom:.4125rem;padding-top:.4125rem}@media only screen and (max-width:40em){.reveal-modal{min-height:100vh}.top-bar .button,.top-bar button{position:relative;top:-1px}}.top-bar .title-area{margin:0;position:relative}.top-bar .name{font-size:16px;height:2.8125rem;margin:0}.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name h4,.top-bar .name p,.top-bar .name span{font-size:1.0625rem;line-height:2.8125rem;margin:0}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name p a,.top-bar .name span a{color:#FFF;display:block;font-weight:400;padding:0 .9375rem;width:75%}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#FFF;display:block;font-size:.8125rem;font-weight:700;height:2.8125rem;line-height:2.8125rem;padding:0 .9375rem;position:relative;text-transform:uppercase}.top-bar-section .dropdown li a.parent-link,.top-bar-section ul li>a,p{font-weight:400}.top-bar .toggle-topbar.menu-icon{margin-top:-16px;top:50%}.top-bar .toggle-topbar.menu-icon a{color:#FFF;height:34px;line-height:33px;padding:0 2.5rem 0 .9375rem;position:relative}.top-bar .toggle-topbar.menu-icon a span::after{content:"";display:block;height:0;position:absolute;margin-top:-8px;top:50%;right:.9375rem;box-shadow:0 0 0 1px #FFF,0 7px 0 1px #FFF,0 14px 0 1px #FFF;-webkit-box-shadow:0 0 0 1px #FFF,0 7px 0 1px #FFF,0 14px 0 1px #FFF;width:16px}.top-bar-section,.top-bar-section .has-dropdown{position:relative}.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px "";-webkit-box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}.top-bar.expanded{background:0 0;height:auto}.top-bar-section ul li,.top-bar.expanded .title-area{background:#333}.top-bar.expanded .toggle-topbar a{color:#888}.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888}@media screen and (-webkit-min-device-pixel-ratio:0){.top-bar.expanded .top-bar-section .dropdown,.top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown{clip:initial}.top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul{padding:0}}.top-bar-section{left:0;width:auto;transition:left .3s ease-out}.top-bar-section ul{display:block;font-size:16px;height:auto;margin:0;padding:0;width:100%}.top-bar-section .divider,.top-bar-section [role=separator]{border-top:solid 1px #1a1a1a;clear:both;height:1px;width:100%}.top-bar-section ul li>a{color:#FFF;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:.8125rem;padding:12px 0 12px .9375rem;text-transform:none;width:100%}.top-bar-section ul li>a.button,.top-bar-section ul li>button{font-size:.8125rem;padding-left:.9375rem;padding-right:.9375rem}.top-bar-section ul li>a.button{background-color:#008CBA;border-color:#007095;color:#FFF}.top-bar-section ul li>a.button:focus,.top-bar-section ul li>a.button:hover{background-color:#007095;color:#FFF}.top-bar-section ul li>a.button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>a.button.secondary:focus,.top-bar-section ul li>a.button.secondary:hover{background-color:#b9b9b9;color:#333}.top-bar-section ul li>a.button.success{background-color:#43AC6A;border-color:#368a55;color:#FFF}.top-bar-section ul li>a.button.success:focus,.top-bar-section ul li>a.button.success:hover{background-color:#368a55;color:#FFF}.top-bar-section ul li>a.button.alert{background-color:#f04124;border-color:#cf2a0e;color:#FFF}.top-bar-section ul li>a.button.alert:focus,.top-bar-section ul li>a.button.alert:hover{background-color:#cf2a0e;color:#FFF}.top-bar-section ul li>a.button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#FFF}.top-bar-section ul li>a.button.warning:focus,.top-bar-section ul li>a.button.warning:hover{background-color:#cf6e0e;color:#FFF}.top-bar-section ul li>a.button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.top-bar-section ul li>a.button.info:focus,.top-bar-section ul li>a.button.info:hover{background-color:#61b6d9;color:#FFF}.top-bar-section ul li>button{background-color:#008CBA;border-color:#007095;color:#FFF}.top-bar-section ul li>button:focus,.top-bar-section ul li>button:hover{background-color:#007095;color:#FFF}.top-bar-section ul li>button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>button.secondary:focus,.top-bar-section ul li>button.secondary:hover{background-color:#b9b9b9;color:#333}.top-bar-section ul li>button.success{background-color:#43AC6A;border-color:#368a55;color:#FFF}.top-bar-section ul li>button.success:focus,.top-bar-section ul li>button.success:hover{background-color:#368a55;color:#FFF}.top-bar-section ul li>button.alert{background-color:#f04124;border-color:#cf2a0e;color:#FFF}.top-bar-section ul li>button.alert:focus,.top-bar-section ul li>button.alert:hover{background-color:#cf2a0e;color:#FFF}.top-bar-section ul li>button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#FFF}.top-bar-section ul li>button.warning:focus,.top-bar-section ul li>button.warning:hover{background-color:#cf6e0e;color:#FFF}.top-bar-section ul li>button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.top-bar-section ul li>button.info:focus,.top-bar-section ul li>button.info:hover{background-color:#61b6d9;color:#FFF}.top-bar-section ul li:hover:not(.has-form)>a{color:#FFF;background:#222}.top-bar-section ul li.active>a{background:#008CBA;color:#FFF}.top-bar-section ul li.active>a:hover{background:#0078a0;color:#FFF}.top-bar-section .has-form{padding:.9375rem}.top-bar-section .has-dropdown>a:after{border:5px inset;content:"";display:block;height:0;width:0;border-color:transparent transparent transparent rgba(255,255,255,.4);border-left-style:solid;margin-right:.9375rem;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{height:auto;overflow:visible;clip:auto;display:block;position:absolute!important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;display:block;padding:0;top:0;z-index:99;left:100%}.top-bar-section .dropdown li{height:auto;width:100%}.top-bar-section .dropdown li a{font-weight:400;padding:8px .9375rem}.top-bar-section .dropdown li.parent-link,.top-bar-section .dropdown li.title h5{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.parent-link a,.top-bar-section .dropdown li.title h5 a{color:#FFF;display:block}.top-bar-section .dropdown li.parent-link a:hover,.top-bar-section .dropdown li.title h5 a:hover{background:0 0}.top-bar-section .dropdown li.has-form{padding:8px .9375rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{color:#777;font-size:.625rem;font-weight:700;margin-bottom:0;padding:8px .9375rem 2px;text-transform:uppercase}.js-generated{display:block}@media only screen and (min-width:40.0625em){.top-bar,.top-bar.expanded{background:#333}.top-bar .title-area,.top-bar-section ul li{float:left}.top-bar{overflow:visible}.top-bar:after,.top-bar:before{content:" ";display:table}.top-bar:after{clear:both}.top-bar .toggle-topbar{display:none}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name h5 a,.top-bar .name h6 a{width:auto}.top-bar .button,.top-bar .has-form>.button,.top-bar .has-form>button,.top-bar button,.top-bar input,.top-bar select{font-size:.875rem;height:1.75rem;position:relative;top:.53125rem}.contain-to-grid .top-bar{margin:0 auto;max-width:62.5rem}.top-bar-section{transition:none 0 0;left:0!important}.top-bar-section ul{display:inline;height:auto!important;width:auto}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background:#222;color:#FFF}.top-bar-section li:not(.has-form) a:not(.button){background:#333;line-height:2.8125rem;padding:0 .9375rem}.top-bar-section li:not(.has-form) a:not(.button):hover{background:#222}.top-bar-section li.active:not(.has-form) a:not(.button){background:#008CBA;color:#FFF;line-height:2.8125rem;padding:0 .9375rem}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#0078a0;color:#FFF}.top-bar-section .has-dropdown>a{padding-right:2.1875rem!important}.top-bar-section .has-dropdown>a:after{border:5px inset;content:"";display:block;height:0;width:0;border-color:rgba(255,255,255,.4) transparent transparent;border-top-style:solid;margin-top:-2.5px;top:1.40625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;display:block}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown,.top-bar-section .has-dropdown>a:focus+.dropdown{height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute!important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";top:.1875rem;right:5px}.top-bar-section .dropdown{left:0;background:0 0;min-width:100%;top:auto}.top-bar-section .dropdown li a{background:#333;color:#FFF;line-height:2.8125rem;padding:12px .9375rem;white-space:nowrap}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){background:#333;color:#FFF}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){color:#FFF;background:#222}.top-bar-section .dropdown li label{background:#333;white-space:nowrap}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role=separator]{border-right:solid 1px #4e4e4e;border-bottom:none;border-top:none;clear:none;height:2.8125rem;width:0}.top-bar-section .has-form{background:#333;height:2.8125rem;padding:0 .9375rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background:#222;color:#FFF}.no-js .top-bar-section ul li:active>a{background:#008CBA;color:#FFF}.no-js .top-bar-section .has-dropdown:hover>.dropdown,.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute!important}}.inner-wrap,.left-submenu{-webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-ms-transition:-ms-transform .5s ease;-o-transition:-o-transform .5s ease}.left-small,.right-small,.tab-bar-section{top:0;position:absolute}.inner-wrap:after,hr{clear:both}.inner-wrap,.off-canvas-wrap{width:100%;position:relative}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}@media only screen and (max-width:40em){.small-only-text-left{text-align:left!important}.small-only-text-right{text-align:right!important}.small-only-text-center{text-align:center!important}.small-only-text-justify{text-align:justify!important}}@media only screen{.small-text-left{text-align:left!important}.small-text-right{text-align:right!important}.small-text-center{text-align:center!important}.small-text-justify{text-align:justify!important}}@media only screen and (min-width:40.0625em) and (max-width:64em){.medium-only-text-left{text-align:left!important}.medium-only-text-right{text-align:right!important}.medium-only-text-center{text-align:center!important}.medium-only-text-justify{text-align:justify!important}}@media only screen and (min-width:40.0625em){.medium-text-left{text-align:left!important}.medium-text-right{text-align:right!important}.medium-text-center{text-align:center!important}.medium-text-justify{text-align:justify!important}}@media only screen and (min-width:64.0625em) and (max-width:90em){.large-only-text-left{text-align:left!important}.large-only-text-right{text-align:right!important}.large-only-text-center{text-align:center!important}.large-only-text-justify{text-align:justify!important}}@media only screen and (min-width:64.0625em){.large-text-left{text-align:left!important}.large-text-right{text-align:right!important}.large-text-center{text-align:center!important}.large-text-justify{text-align:justify!important}}@media only screen and (min-width:90.0625em) and (max-width:120em){.xlarge-only-text-left{text-align:left!important}.xlarge-only-text-right{text-align:right!important}.xlarge-only-text-center{text-align:center!important}.xlarge-only-text-justify{text-align:justify!important}}@media only screen and (min-width:90.0625em){.xlarge-text-left{text-align:left!important}.xlarge-text-right{text-align:right!important}.xlarge-text-center{text-align:center!important}.xlarge-text-justify{text-align:justify!important}}@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em){.xxlarge-only-text-left{text-align:left!important}.xxlarge-only-text-right{text-align:right!important}.xxlarge-only-text-center{text-align:center!important}.xxlarge-only-text-justify{text-align:justify!important}}@media only screen and (min-width:120.0625em){.xxlarge-text-left{text-align:left!important}.xxlarge-text-right{text-align:right!important}.xxlarge-text-center{text-align:center!important}.xxlarge-text-justify{text-align:justify!important}}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}a{color:#008CBA;line-height:inherit;text-decoration:none}p,p.lead{line-height:1.6}a:focus,a:hover{color:#0078a0}a img{border:none}p{font-size:1rem;margin-bottom:1.25rem;text-rendering:optimizeLegibility}.subheader,h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:.2rem;margin-bottom:.5rem}p.lead{font-size:1.21875rem}p aside{font-size:.875rem;font-style:italic;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#222;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-style:normal;line-height:1.4;text-rendering:optimizeLegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#6f6f6f;font-size:60%;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4,h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f}b,em,i,small,strong{line-height:inherit}hr{border:solid #DDD;border-width:1px 0 0;height:0;margin:1.25rem 0 1.1875rem}em,i{font-style:italic}b,strong{font-weight:700}small{font-size:60%}code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;padding:.125rem .3125rem .0625rem}.vcard .fn,.vevent .summary,.vevent abbr,dl dt,ul.off-canvas-list li label{font-weight:700}dl,ol,ul{font-family:inherit;font-size:1rem;line-height:1.6;list-style-position:outside;margin-bottom:1.25rem}ul{margin-left:1.1rem}ul li ol,ul li ul{margin-left:1.25rem;margin-bottom:0}ul.circle,ul.disc,ul.square{margin-left:1.1rem}ul.circle li ul,ul.disc li ul,ul.square li ul{list-style:inherit}ul.square{list-style-type:square}ul.circle{list-style-type:circle}ul.disc{list-style-type:disc}ol{margin-left:1.4rem}ol li ol,ol li ul{margin-left:1.25rem;margin-bottom:0}.no-bullet{list-style-type:none;margin-left:0}.no-bullet li ol,.no-bullet li ul{margin-left:1.25rem;margin-bottom:0;list-style:none}dl dt{margin-bottom:.3rem}dl dd{margin-bottom:.75rem}.vcard,blockquote{margin:0 0 1.25rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #DDD}blockquote{padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #DDD}blockquote cite{display:block;font-size:.8125rem;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;border:1px solid #DDD;padding:.625rem .75rem}.vcard li{margin:0;display:block}.vcard .fn{font-size:.9375rem}.vevent abbr{cursor:default;text-decoration:none;border:none;padding:0 .0625rem}@media only screen and (min-width:40.0625em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!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:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.34in}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.off-canvas-wrap{-webkit-backface-visibility:hidden;overflow:hidden}.off-canvas-wrap.move-bottom,.off-canvas-wrap.move-left,.off-canvas-wrap.move-right,.off-canvas-wrap.move-top{min-height:100%;-webkit-overflow-scrolling:touch}.inner-wrap{transition:transform .5s ease}.left-small,.right-small,.tab-bar .menu-icon{height:2.8125rem;width:2.8125rem}.inner-wrap:after,.inner-wrap:before{content:" ";display:table}.tab-bar{-webkit-backface-visibility:hidden;background:#333;color:#FFF;height:2.8125rem;line-height:2.8125rem;position:relative}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4,.tab-bar h5,.tab-bar h6{color:#FFF;font-weight:700;line-height:2.8125rem;margin:0}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4{font-size:1.125rem}.left-small{border-right:solid 1px #1a1a1a;left:0}.right-small{border-left:solid 1px #1a1a1a;right:0}.tab-bar-section{height:2.8125rem;padding:0 .625rem;text-align:center}.tab-bar-section.left{text-align:left;left:0;right:2.8125rem}.tab-bar-section.right{text-align:right;left:2.8125rem;right:0}.tab-bar-section.middle{left:2.8125rem;right:2.8125rem}.tab-bar .menu-icon{color:#FFF;display:block;padding:0;position:relative;text-indent:2.1875rem;transform:translate3d(0,0,0)}.tab-bar .menu-icon span::after{content:"";display:block;height:0;position:absolute;top:50%;margin-top:-.5rem;left:.90625rem;box-shadow:0 0 0 1px #FFF,0 7px 0 1px #FFF,0 14px 0 1px #FFF;-webkit-box-shadow:0 0 0 1px #FFF,0 7px 0 1px #FFF,0 14px 0 1px #FFF;width:1rem}.left-off-canvas-menu,.right-off-canvas-menu{-webkit-backface-visibility:hidden;background:#333;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;transition:transform .5s ease 0s;width:15.625rem;bottom:0;top:0}.tab-bar .menu-icon span:hover:after{box-shadow:0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3;-webkit-box-shadow:0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3}.left-off-canvas-menu{z-index:1001;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate(-100%,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.left-off-canvas-menu *{-webkit-backface-visibility:hidden}.right-off-canvas-menu{z-index:1001;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate(100%,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);right:0}.bottom-off-canvas-menu,.top-off-canvas-menu{-webkit-backface-visibility:hidden;background:#333;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;transition:transform .5s ease 0s;z-index:1001;width:100%;height:18.75rem}.right-off-canvas-menu *{-webkit-backface-visibility:hidden}.top-off-canvas-menu{bottom:0;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate(0,-100%);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);top:0}.top-off-canvas-menu *{-webkit-backface-visibility:hidden}.bottom-off-canvas-menu{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate(0,100%);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);bottom:0}.move-bottom .exit-off-canvas,.move-left .exit-off-canvas,.move-right .exit-off-canvas,.move-top .exit-off-canvas{z-index:1002;-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;bottom:0;display:block;left:0;position:absolute;right:0;top:0}.bottom-off-canvas-menu *{-webkit-backface-visibility:hidden}ul.off-canvas-list{list-style-type:none;margin:0;padding:0}ul.off-canvas-list li label{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;display:block;font-size:.75rem;margin:0;padding:.3rem .9375rem;text-transform:uppercase}ul.off-canvas-list li a{border-bottom:1px solid #262626;color:rgba(255,255,255,.7);display:block;padding:.66667rem;transition:background .3s ease}.bottom-submenu .back>a,.left-submenu .back>a,.right-submenu .back>a,.top-submenu .back>a{color:#999;font-weight:700;padding:.3rem .9375rem;text-transform:uppercase;border-bottom:none;border-top:1px solid #5e5e5e}ul.off-canvas-list li a:active,ul.off-canvas-list li a:hover{background:#242424}.move-right>.inner-wrap{-webkit-transform:translate3d(15.625rem,0,0);-moz-transform:translate3d(15.625rem,0,0);-ms-transform:translate(15.625rem,0);-o-transform:translate3d(15.625rem,0,0);transform:translate3d(15.625rem,0,0)}.move-right .exit-off-canvas{background:rgba(255,255,255,.2)}@media only screen and (min-width:40.0625em){.move-right .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.move-left>.inner-wrap{-webkit-transform:translate3d(-15.625rem,0,0);-moz-transform:translate3d(-15.625rem,0,0);-ms-transform:translate(-15.625rem,0);-o-transform:translate3d(-15.625rem,0,0);transform:translate3d(-15.625rem,0,0)}.move-left .exit-off-canvas{background:rgba(255,255,255,.2)}@media only screen and (min-width:40.0625em){.move-left .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.move-top>.inner-wrap{-webkit-transform:translate3d(0,-18.75rem,0);-moz-transform:translate3d(0,-18.75rem,0);-ms-transform:translate(0,-18.75rem);-o-transform:translate3d(0,-18.75rem,0);transform:translate3d(0,-18.75rem,0)}.move-top .exit-off-canvas{background:rgba(255,255,255,.2)}@media only screen and (min-width:40.0625em){.move-top .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.move-bottom>.inner-wrap{-webkit-transform:translate3d(0,18.75rem,0);-moz-transform:translate3d(0,18.75rem,0);-ms-transform:translate(0,18.75rem);-o-transform:translate3d(0,18.75rem,0);transform:translate3d(0,18.75rem,0)}.move-bottom .exit-off-canvas{background:rgba(255,255,255,.2)}@media only screen and (min-width:40.0625em){.move-bottom .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap .bottom-off-canvas-menu,.offcanvas-overlap .left-off-canvas-menu,.offcanvas-overlap .right-off-canvas-menu,.offcanvas-overlap .top-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap-left .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-left .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap-left .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap-right .left-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-right .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap-right .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap-top .bottom-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-top .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap-top .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap-bottom .top-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-bottom .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;transition:background .3s ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap-bottom .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.no-csstransforms .left-off-canvas-menu{left:-15.625rem}.no-csstransforms .right-off-canvas-menu{right:-15.625rem}.no-csstransforms .top-off-canvas-menu{top:-18.75rem}.no-csstransforms .bottom-off-canvas-menu{bottom:-18.75rem}.left-submenu,.right-submenu{-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;bottom:0;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:15.625rem}.no-csstransforms .move-left>.inner-wrap{right:15.625rem}.no-csstransforms .move-right>.inner-wrap{left:15.625rem}.no-csstransforms .move-top>.inner-wrap{right:18.75rem}.no-csstransforms .move-bottom>.inner-wrap{left:18.75rem}.left-submenu{background:#333;margin:0;height:18.75rem;z-index:1002;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate(-100%,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0;transition:transform .5s ease}.right-submenu,.top-submenu{-webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-ms-transition:-ms-transform .5s ease;-o-transition:-o-transform .5s ease}.left-submenu *{-webkit-backface-visibility:hidden}.left-submenu .back>a{background:#444;margin:0}.left-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.left-submenu .back>a:before{content:"\AB";margin-right:.5rem;display:inline}.left-submenu.move-right,.left-submenu.offcanvas-overlap,.left-submenu.offcanvas-overlap-right{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.right-submenu{background:#333;margin:0;height:18.75rem;z-index:1002;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate(100%,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);right:0;transition:transform .5s ease}.bottom-submenu,.top-submenu{-webkit-overflow-scrolling:touch;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;height:18.75rem;z-index:1002;bottom:0;width:100%;-webkit-backface-visibility:hidden}.right-submenu *{-webkit-backface-visibility:hidden}.right-submenu .back>a{background:#444;margin:0}.right-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.right-submenu .back>a:after{content:"\BB";margin-left:.5rem;display:inline}.right-submenu.move-left,.right-submenu.offcanvas-overlap,.right-submenu.offcanvas-overlap-left{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.top-submenu{background:#333;margin:0;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate(0,-100%);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition:transform .5s ease}.top-submenu *{-webkit-backface-visibility:hidden}.top-submenu .back>a{background:#444;margin:0}.top-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.top-submenu.move-bottom,.top-submenu.offcanvas-overlap,.top-submenu.offcanvas-overlap-bottom{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bottom-submenu{background:#333;margin:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate(0,100%);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-ms-transition:-ms-transform .5s ease;-o-transition:-o-transform .5s ease;transition:transform .5s ease}.bottom-submenu *{-webkit-backface-visibility:hidden}.bottom-submenu .back>a{background:#444;margin:0}.bottom-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.bottom-submenu.move-top,.bottom-submenu.offcanvas-overlap,.bottom-submenu.offcanvas-overlap-top{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after{content:"\BB";margin-left:.5rem;display:inline}.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before{content:"\AB";margin-right:.5rem;display:inline}@media only screen{.hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-medium,.hide-for-medium-only,.hide-for-medium-up,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium-down,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down{display:inherit!important}.hide-for-large-down,.hide-for-medium-down,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-medium,.show-for-medium-only,.show-for-medium-up,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium-down,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-down,.hidden-for-medium-down,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-medium,.visible-for-medium-only,.visible-for-medium-up,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-medium,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium-down,table.show-for-small,table.show-for-small-down,table.show-for-small-only,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down{display:table!important}thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-medium,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium-down,thead.show-for-small,thead.show-for-small-down,thead.show-for-small-only,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium-down,tbody.show-for-small,tbody.show-for-small-down,tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-medium,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium-down,tr.show-for-small,tr.show-for-small-down,tr.show-for-small-only,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down{display:table-row}td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-medium,td.hide-for-medium-only,td.hide-for-medium-up,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium-down,td.show-for-small,td.show-for-small-down,td.show-for-small-only,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-medium,th.hide-for-medium-only,th.hide-for-medium-up,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium-down,th.show-for-small,th.show-for-small-down,th.show-for-small-only,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:40.0625em){.hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down{display:inherit!important}.hide-for-large-down,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-down,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium,table.show-for-medium-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down{display:table!important}thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium,thead.show-for-medium-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium,tbody.show-for-medium-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium,tr.show-for-medium-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down{display:table-row}td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium,td.show-for-medium-down,td.show-for-medium-only,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium,th.show-for-medium-down,th.show-for-medium-only,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:64.0625em){.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down{display:inherit!important}.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large,table.show-for-large-down,table.show-for-large-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down{display:table!important}thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large,thead.show-for-large-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large,tbody.show-for-large-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large,tr.show-for-large-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down{display:table-row}td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large,td.show-for-large-down,td.show-for-large-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large,th.show-for-large-down,th.show-for-large-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:90.0625em){.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-down{display:inherit!important}.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-down,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up{display:none!important}.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge,table.show-for-xlarge-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xxlarge-down{display:table!important}thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xxlarge-down{display:table-row}td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge,td.show-for-xlarge-down,td.show-for-xlarge-only,td.show-for-xlarge-up,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge,th.show-for-xlarge-down,th.show-for-xlarge-only,th.show-for-xlarge-up,th.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:120.0625em){.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up{display:inherit!important}.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only{display:none!important}.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-down,table.hide-for-xlarge-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up{display:table!important}thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.hide-for-xlarge-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up{display:table-header-group!important}tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.hide-for-xlarge-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up{display:table-row-group!important}tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.hide-for-xlarge-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up{display:table-row}td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-down,td.hide-for-xlarge-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-up,td.show-for-xxlarge,td.show-for-xxlarge-down,td.show-for-xxlarge-only,td.show-for-xxlarge-up,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-down,th.hide-for-xlarge-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-up,th.show-for-xxlarge,th.show-for-xxlarge-down,th.show-for-xxlarge-only,th.show-for-xxlarge-up{display:table-cell!important}}.hide-for-portrait,.show-for-landscape{display:inherit!important}.hide-for-landscape,.show-for-portrait{display:none!important}table.hide-for-landscape,table.show-for-portrait{display:table!important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group!important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group!important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row!important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell!important}@media only screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:inherit!important}.hide-for-landscape,.show-for-portrait{display:none!important}table.hide-for-portrait,table.show-for-landscape{display:table!important}thead.hide-for-portrait,thead.show-for-landscape{display:table-header-group!important}tbody.hide-for-portrait,tbody.show-for-landscape{display:table-row-group!important}tr.hide-for-portrait,tr.show-for-landscape{display:table-row!important}td.hide-for-portrait,td.show-for-landscape,th.hide-for-portrait,th.show-for-landscape{display:table-cell!important}}@media only screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:inherit!important}.hide-for-portrait,.show-for-landscape{display:none!important}table.hide-for-landscape,table.show-for-portrait{display:table!important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group!important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group!important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row!important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell!important}}.show-for-touch{display:none!important}.hide-for-touch,.touch .show-for-touch{display:inherit!important}.touch .hide-for-touch{display:none!important}.touch table.show-for-touch,table.hide-for-touch{display:table!important}.touch thead.show-for-touch,thead.hide-for-touch{display:table-header-group!important}.touch tbody.show-for-touch,tbody.hide-for-touch{display:table-row-group!important}.touch tr.show-for-touch,tr.hide-for-touch{display:table-row!important}.touch td.show-for-touch,.touch th.show-for-touch,td.hide-for-touch,th.hide-for-touch{display:table-cell!important}.show-for-sr,.show-on-focus{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.print-only,.show-for-print{display:none!important}@media print{.print-only,.show-for-print{display:block!important}.hide-for-print,.hide-on-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}} \ No newline at end of file diff --git a/dist/assets/css/normalize.css b/dist/assets/css/normalize.css deleted file mode 100644 index 9a9f64cb7..000000000 --- a/dist/assets/css/normalize.css +++ /dev/null @@ -1,356 +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 { - 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. - */ -button, -html input[type="button"], -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 { - 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; } - -/*# sourceMappingURL=normalize.css.map */ diff --git a/dist/assets/css/normalize.css.map b/dist/assets/css/normalize.css.map deleted file mode 100644 index 8fc7c41e6..000000000 --- a/dist/assets/css/normalize.css.map +++ /dev/null @@ -1,7 +0,0 @@ -{ -"version": 3, -"mappings": ";;;;;;AAQA,IAAK;EACH,WAAW,EAAE,UAAU;;EACvB,oBAAoB,EAAE,IAAI;;EAC1B,wBAAwB,EAAE,IAAI;;;;;;AAOhC,IAAK;EACH,MAAM,EAAE,CAAC;;;;;;;;;;AAaX;;;;;;;;;;;;OAYQ;EACN,OAAO,EAAE,KAAK;;;;;;AAQhB;;;KAGM;EACJ,OAAO,EAAE,YAAY;;EACrB,cAAc,EAAE,QAAQ;;;;;;;AAQ1B,qBAAsB;EACpB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,CAAC;;;;;;AAQX;QACS;EACP,OAAO,EAAE,IAAI;;;;;;;AAUf,CAAE;EACA,gBAAgB,EAAE,WAAW;;;;;;AAQ/B;OACQ;EACN,OAAO,EAAE,CAAC;;;;;;;AAUZ,WAAY;EACV,aAAa,EAAE,UAAU;;;;;AAO3B;MACO;EACL,WAAW,EAAE,IAAI;;;;;AAOnB,GAAI;EACF,UAAU,EAAE,MAAM;;;;;;AAQpB,EAAG;EACD,SAAS,EAAE,GAAG;EACd,MAAM,EAAE,QAAQ;;;;;AAOlB,IAAK;EACH,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;;;;;AAOb,KAAM;EACJ,SAAS,EAAE,GAAG;;;;;AAOhB;GACI;EACF,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,QAAQ;;AAG1B,GAAI;EACF,GAAG,EAAE,MAAM;;AAGb,GAAI;EACF,MAAM,EAAE,OAAO;;;;;;;AAUjB,GAAI;EACF,MAAM,EAAE,CAAC;;;;;AAOX,cAAe;EACb,QAAQ,EAAE,MAAM;;;;;;;AAUlB,MAAO;EACL,MAAM,EAAE,QAAQ;;;;;AAOlB,EAAG;EACD,UAAU,EAAE,WAAW;EACvB,MAAM,EAAE,CAAC;;;;;AAOX,GAAI;EACF,QAAQ,EAAE,IAAI;;;;;AAOhB;;;IAGK;EACH,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAE,GAAG;;;;;;;;;;;;;;AAkBhB;;;;QAIS;EACP,KAAK,EAAE,OAAO;;EACd,IAAI,EAAE,OAAO;;EACb,MAAM,EAAE,CAAC;;;;;;AAOX,MAAO;EACL,QAAQ,EAAE,OAAO;;;;;;;;AAUnB;MACO;EACL,cAAc,EAAE,IAAI;;;;;;;;;AAWtB;;;oBAGqB;EACnB,kBAAkB,EAAE,MAAM;;EAC1B,MAAM,EAAE,OAAO;;;;;;AAOjB;oBACqB;EACnB,MAAM,EAAE,OAAO;;;;;AAOjB;uBACwB;EACtB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;;;;AAQZ,KAAM;EACJ,WAAW,EAAE,MAAM;;;;;;;;;AAWrB;mBACoB;EAClB,UAAU,EAAE,UAAU;;EACtB,OAAO,EAAE,CAAC;;;;;;;;AASZ;+CACgD;EAC9C,MAAM,EAAE,IAAI;;;;;;AAQd,oBAAqB;EACnB,kBAAkB,EAAE,SAAS;;EAC7B,UAAU,EAAE,WAAW;;;;;;;;AASzB;+CACgD;EAC9C,kBAAkB,EAAE,IAAI;;;;;AAO1B,QAAS;EACP,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,qBAAqB;;;;;;AAQhC,MAAO;EACL,MAAM,EAAE,CAAC;;EACT,OAAO,EAAE,CAAC;;;;;;AAOZ,QAAS;EACP,QAAQ,EAAE,IAAI;;;;;;AAQhB,QAAS;EACP,WAAW,EAAE,IAAI;;;;;;;AAUnB,KAAM;EACJ,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC;;AAGnB;EACG;EACD,OAAO,EAAE,CAAC", -"sources": ["../../../scss/normalize.scss"], -"names": [], -"file": "normalize.css" -} diff --git a/dist/assets/css/normalize.min.css b/dist/assets/css/normalize.min.css deleted file mode 100644 index f5dfd2226..000000000 --- a/dist/assets/css/normalize.min.css +++ /dev/null @@ -1 +0,0 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file diff --git a/dist/assets/js/foundation.js b/dist/assets/js/foundation.js deleted file mode 100644 index 70668dd4e..000000000 --- a/dist/assets/js/foundation.js +++ /dev/null @@ -1,6603 +0,0 @@ -/* - * Foundation Responsive Library - * http://foundation.zurb.com - * Copyright 2015, ZURB - * Free to use under the MIT license. - * http://www.opensource.org/licenses/mit-license.php -*/ - -(function ($, window, document, undefined) { - 'use strict'; - - var header_helpers = function (class_array) { - var head = $('head'); - head.prepend($.map(class_array, function (class_name) { - if (head.has('.' + class_name).length === 0) { - return ''; - } - })); - }; - - header_helpers([ - 'foundation-mq-small', - 'foundation-mq-small-only', - 'foundation-mq-medium', - 'foundation-mq-medium-only', - 'foundation-mq-large', - 'foundation-mq-large-only', - 'foundation-mq-xlarge', - 'foundation-mq-xlarge-only', - 'foundation-mq-xxlarge', - 'foundation-data-attribute-namespace']); - - // Enable FastClick if present - - $(function () { - if (typeof FastClick !== 'undefined') { - // Don't attach to body if undefined - if (typeof document.body !== 'undefined') { - FastClick.attach(document.body); - } - } - }); - - // private Fast Selector wrapper, - // returns jQuery object. Only use where - // getElementById is not available. - var S = function (selector, context) { - if (typeof selector === 'string') { - if (context) { - var cont; - if (context.jquery) { - cont = context[0]; - if (!cont) { - return context; - } - } else { - cont = context; - } - return $(cont.querySelectorAll(selector)); - } - - return $(document.querySelectorAll(selector)); - } - - return $(selector, context); - }; - - // Namespace functions. - - var attr_name = function (init) { - var arr = []; - if (!init) { - arr.push('data'); - } - if (this.namespace.length > 0) { - arr.push(this.namespace); - } - arr.push(this.name); - - return arr.join('-'); - }; - - var add_namespace = function (str) { - var parts = str.split('-'), - i = parts.length, - arr = []; - - while (i--) { - if (i !== 0) { - arr.push(parts[i]); - } else { - if (this.namespace.length > 0) { - arr.push(this.namespace, parts[i]); - } else { - arr.push(parts[i]); - } - } - } - - return arr.reverse().join('-'); - }; - - // Event binding and data-options updating. - - var bindings = function (method, options) { - var self = this, - bind = function(){ - var $this = S(this), - should_bind_events = !S(self).data(self.attr_name(true) + '-init'); - $this.data(self.attr_name(true) + '-init', $.extend({}, self.settings, (options || method), self.data_options($this))); - - if (should_bind_events) { - self.events(this); - } - }; - - if (S(this.scope).is('[' + this.attr_name() +']')) { - bind.call(this.scope); - } else { - S('[' + this.attr_name() +']', this.scope).each(bind); - } - // # Patch to fix #5043 to move this *after* the if/else clause in order for Backbone and similar frameworks to have improved control over event binding and data-options updating. - if (typeof method === 'string') { - return this[method].call(this, options); - } - - }; - - var single_image_loaded = function (image, callback) { - function loaded () { - callback(image[0]); - } - - function bindLoad () { - this.one('load', loaded); - - if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { - var src = this.attr( 'src' ), - param = src.match( /\?/ ) ? '&' : '?'; - - param += 'random=' + (new Date()).getTime(); - this.attr('src', src + param); - } - } - - if (!image.attr('src')) { - loaded(); - return; - } - - if (image[0].complete || image[0].readyState === 4) { - loaded(); - } else { - bindLoad.call(image); - } - }; - - /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */ - - window.matchMedia || (window.matchMedia = function() { - "use strict"; - - // For browsers that support matchMedium api such as IE 9 and webkit - var styleMedia = (window.styleMedia || window.media); - - // For those that don't support matchMedium - if (!styleMedia) { - var style = document.createElement('style'), - script = document.getElementsByTagName('script')[0], - info = null; - - style.type = 'text/css'; - style.id = 'matchmediajs-test'; - - script.parentNode.insertBefore(style, script); - - // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers - info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle; - - styleMedia = { - matchMedium: function(media) { - var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }'; - - // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers - if (style.styleSheet) { - style.styleSheet.cssText = text; - } else { - style.textContent = text; - } - - // Test if media query is true or false - return info.width === '1px'; - } - }; - } - - return function(media) { - return { - matches: styleMedia.matchMedium(media || 'all'), - media: media || 'all' - }; - }; - }()); - - /* - * jquery.requestAnimationFrame - * https://github.com/gnarf37/jquery-requestAnimationFrame - * Requires jQuery 1.8+ - * - * Copyright (c) 2012 Corey Frang - * Licensed under the MIT license. - */ - - (function(jQuery) { - - - // requestAnimationFrame polyfill adapted from Erik Möller - // fixes from Paul Irish and Tino Zijdel - // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ - // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating - - var animating, - lastTime = 0, - vendors = ['webkit', 'moz'], - requestAnimationFrame = window.requestAnimationFrame, - cancelAnimationFrame = window.cancelAnimationFrame, - jqueryFxAvailable = 'undefined' !== typeof jQuery.fx; - - for (; lastTime < vendors.length && !requestAnimationFrame; lastTime++) { - requestAnimationFrame = window[ vendors[lastTime] + 'RequestAnimationFrame' ]; - cancelAnimationFrame = cancelAnimationFrame || - window[ vendors[lastTime] + 'CancelAnimationFrame' ] || - window[ vendors[lastTime] + 'CancelRequestAnimationFrame' ]; - } - - function raf() { - if (animating) { - requestAnimationFrame(raf); - - if (jqueryFxAvailable) { - jQuery.fx.tick(); - } - } - } - - if (requestAnimationFrame) { - // use rAF - window.requestAnimationFrame = requestAnimationFrame; - window.cancelAnimationFrame = cancelAnimationFrame; - - if (jqueryFxAvailable) { - jQuery.fx.timer = function (timer) { - if (timer() && jQuery.timers.push(timer) && !animating) { - animating = true; - raf(); - } - }; - - jQuery.fx.stop = function () { - animating = false; - }; - } - } else { - // polyfill - window.requestAnimationFrame = function (callback) { - var currTime = new Date().getTime(), - timeToCall = Math.max(0, 16 - (currTime - lastTime)), - id = window.setTimeout(function () { - callback(currTime + timeToCall); - }, timeToCall); - lastTime = currTime + timeToCall; - return id; - }; - - window.cancelAnimationFrame = function (id) { - clearTimeout(id); - }; - - } - - }( $ )); - - function removeQuotes (string) { - if (typeof string === 'string' || string instanceof String) { - string = string.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g, ''); - } - - return string; - } - - function MediaQuery(selector) { - this.selector = selector; - this.query = ''; - } - - MediaQuery.prototype.toString = function () { - return this.query || (this.query = S(this.selector).css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '')); - }; - - window.Foundation = { - name : 'Foundation', - - version : '5.5.3', - - media_queries : { - 'small' : new MediaQuery('.foundation-mq-small'), - 'small-only' : new MediaQuery('.foundation-mq-small-only'), - 'medium' : new MediaQuery('.foundation-mq-medium'), - 'medium-only' : new MediaQuery('.foundation-mq-medium-only'), - 'large' : new MediaQuery('.foundation-mq-large'), - 'large-only' : new MediaQuery('.foundation-mq-large-only'), - 'xlarge' : new MediaQuery('.foundation-mq-xlarge'), - 'xlarge-only' : new MediaQuery('.foundation-mq-xlarge-only'), - 'xxlarge' : new MediaQuery('.foundation-mq-xxlarge') - }, - - stylesheet : $('').appendTo('head')[0].sheet, - - global : { - namespace : undefined - }, - - init : function (scope, libraries, method, options, response) { - var args = [scope, method, options, response], - responses = []; - - // check RTL - this.rtl = /rtl/i.test(S('html').attr('dir')); - - // set foundation global scope - this.scope = scope || this.scope; - - this.set_namespace(); - - if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) { - if (this.libs.hasOwnProperty(libraries)) { - responses.push(this.init_lib(libraries, args)); - } - } else { - for (var lib in this.libs) { - responses.push(this.init_lib(lib, libraries)); - } - } - - S(window).load(function () { - S(window) - .trigger('resize.fndtn.clearing') - .trigger('resize.fndtn.dropdown') - .trigger('resize.fndtn.equalizer') - .trigger('resize.fndtn.interchange') - .trigger('resize.fndtn.joyride') - .trigger('resize.fndtn.magellan') - .trigger('resize.fndtn.topbar') - .trigger('resize.fndtn.slider'); - }); - - return scope; - }, - - init_lib : function (lib, args) { - if (this.libs.hasOwnProperty(lib)) { - this.patch(this.libs[lib]); - - if (args && args.hasOwnProperty(lib)) { - if (typeof this.libs[lib].settings !== 'undefined') { - $.extend(true, this.libs[lib].settings, args[lib]); - } else if (typeof this.libs[lib].defaults !== 'undefined') { - $.extend(true, this.libs[lib].defaults, args[lib]); - } - return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]); - } - - args = args instanceof Array ? args : new Array(args); - return this.libs[lib].init.apply(this.libs[lib], args); - } - - return function () {}; - }, - - patch : function (lib) { - lib.scope = this.scope; - lib.namespace = this.global.namespace; - lib.rtl = this.rtl; - lib['data_options'] = this.utils.data_options; - lib['attr_name'] = attr_name; - lib['add_namespace'] = add_namespace; - lib['bindings'] = bindings; - lib['S'] = this.utils.S; - }, - - inherit : function (scope, methods) { - var methods_arr = methods.split(' '), - i = methods_arr.length; - - while (i--) { - if (this.utils.hasOwnProperty(methods_arr[i])) { - scope[methods_arr[i]] = this.utils[methods_arr[i]]; - } - } - }, - - set_namespace : function () { - - // Description: - // Don't bother reading the namespace out of the meta tag - // if the namespace has been set globally in javascript - // - // Example: - // Foundation.global.namespace = 'my-namespace'; - // or make it an empty string: - // Foundation.global.namespace = ''; - // - // - - // If the namespace has not been set (is undefined), try to read it out of the meta element. - // Otherwise use the globally defined namespace, even if it's empty ('') - var namespace = ( this.global.namespace === undefined ) ? $('.foundation-data-attribute-namespace').css('font-family') : this.global.namespace; - - // Finally, if the namsepace is either undefined or false, set it to an empty string. - // Otherwise use the namespace value. - this.global.namespace = ( namespace === undefined || /false/i.test(namespace) ) ? '' : namespace; - }, - - libs : {}, - - // methods that can be inherited in libraries - utils : { - - // Description: - // Fast Selector wrapper returns jQuery object. Only use where getElementById - // is not available. - // - // Arguments: - // Selector (String): CSS selector describing the element(s) to be - // returned as a jQuery object. - // - // Scope (String): CSS selector describing the area to be searched. Default - // is document. - // - // Returns: - // Element (jQuery Object): jQuery object containing elements matching the - // selector within the scope. - S : S, - - // Description: - // Executes a function a max of once every n milliseconds - // - // Arguments: - // Func (Function): Function to be throttled. - // - // Delay (Integer): Function execution threshold in milliseconds. - // - // Returns: - // Lazy_function (Function): Function with throttling applied. - throttle : function (func, delay) { - var timer = null; - - return function () { - var context = this, args = arguments; - - if (timer == null) { - timer = setTimeout(function () { - func.apply(context, args); - timer = null; - }, delay); - } - }; - }, - - // Description: - // Executes a function when it stops being invoked for n seconds - // Modified version of _.debounce() http://underscorejs.org - // - // Arguments: - // Func (Function): Function to be debounced. - // - // Delay (Integer): Function execution threshold in milliseconds. - // - // Immediate (Bool): Whether the function should be called at the beginning - // of the delay instead of the end. Default is false. - // - // Returns: - // Lazy_function (Function): Function with debouncing applied. - debounce : function (func, delay, immediate) { - var timeout, result; - return function () { - var context = this, args = arguments; - var later = function () { - timeout = null; - if (!immediate) { - result = func.apply(context, args); - } - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, delay); - if (callNow) { - result = func.apply(context, args); - } - return result; - }; - }, - - // Description: - // Parses data-options attribute - // - // Arguments: - // El (jQuery Object): Element to be parsed. - // - // Returns: - // Options (Javascript Object): Contents of the element's data-options - // attribute. - data_options : function (el, data_attr_name) { - data_attr_name = data_attr_name || 'options'; - var opts = {}, ii, p, opts_arr, - data_options = function (el) { - var namespace = Foundation.global.namespace; - - if (namespace.length > 0) { - return el.data(namespace + '-' + data_attr_name); - } - - return el.data(data_attr_name); - }; - - var cached_options = data_options(el); - - if (typeof cached_options === 'object') { - return cached_options; - } - - opts_arr = (cached_options || ':').split(';'); - ii = opts_arr.length; - - function isNumber (o) { - return !isNaN (o - 0) && o !== null && o !== '' && o !== false && o !== true; - } - - function trim (str) { - if (typeof str === 'string') { - return $.trim(str); - } - return str; - } - - while (ii--) { - p = opts_arr[ii].split(':'); - p = [p[0], p.slice(1).join(':')]; - - if (/true/i.test(p[1])) { - p[1] = true; - } - if (/false/i.test(p[1])) { - p[1] = false; - } - if (isNumber(p[1])) { - if (p[1].indexOf('.') === -1) { - p[1] = parseInt(p[1], 10); - } else { - p[1] = parseFloat(p[1]); - } - } - - if (p.length === 2 && p[0].length > 0) { - opts[trim(p[0])] = trim(p[1]); - } - } - - return opts; - }, - - // Description: - // Adds JS-recognizable media queries - // - // Arguments: - // Media (String): Key string for the media query to be stored as in - // Foundation.media_queries - // - // Class (String): Class name for the generated tag - register_media : function (media, media_class) { - if (Foundation.media_queries[media] === undefined) { - $('head').append(''); - Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family')); - } - }, - - // Description: - // Add custom CSS within a JS-defined media query - // - // Arguments: - // Rule (String): CSS rule to be appended to the document. - // - // Media (String): Optional media query string for the CSS rule to be - // nested under. - add_custom_rule : function (rule, media) { - if (media === undefined && Foundation.stylesheet) { - Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length); - } else { - var query = Foundation.media_queries[media]; - - if (query !== undefined) { - Foundation.stylesheet.insertRule('@media ' + - Foundation.media_queries[media] + '{ ' + rule + ' }', Foundation.stylesheet.cssRules.length); - } - } - }, - - // Description: - // Performs a callback function when an image is fully loaded - // - // Arguments: - // Image (jQuery Object): Image(s) to check if loaded. - // - // Callback (Function): Function to execute when image is fully loaded. - image_loaded : function (images, callback) { - var self = this, - unloaded = images.length; - - function pictures_has_height(images) { - var pictures_number = images.length; - - for (var i = pictures_number - 1; i >= 0; i--) { - if(images.attr('height') === undefined) { - return false; - }; - }; - - return true; - } - - if (unloaded === 0 || pictures_has_height(images)) { - callback(images); - } - - images.each(function () { - single_image_loaded(self.S(this), function () { - unloaded -= 1; - if (unloaded === 0) { - callback(images); - } - }); - }); - }, - - // Description: - // Returns a random, alphanumeric string - // - // Arguments: - // Length (Integer): Length of string to be generated. Defaults to random - // integer. - // - // Returns: - // Rand (String): Pseudo-random, alphanumeric string. - random_str : function () { - if (!this.fidx) { - this.fidx = 0; - } - this.prefix = this.prefix || [(this.name || 'F'), (+new Date).toString(36)].join('-'); - - return this.prefix + (this.fidx++).toString(36); - }, - - // Description: - // Helper for window.matchMedia - // - // Arguments: - // mq (String): Media query - // - // Returns: - // (Boolean): Whether the media query passes or not - match : function (mq) { - return window.matchMedia(mq).matches; - }, - - // Description: - // Helpers for checking Foundation default media queries with JS - // - // Returns: - // (Boolean): Whether the media query passes or not - - is_small_up : function () { - return this.match(Foundation.media_queries.small); - }, - - is_medium_up : function () { - return this.match(Foundation.media_queries.medium); - }, - - is_large_up : function () { - return this.match(Foundation.media_queries.large); - }, - - is_xlarge_up : function () { - return this.match(Foundation.media_queries.xlarge); - }, - - is_xxlarge_up : function () { - return this.match(Foundation.media_queries.xxlarge); - }, - - is_small_only : function () { - return !this.is_medium_up() && !this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_medium_only : function () { - return this.is_medium_up() && !this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_large_only : function () { - return this.is_medium_up() && this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_xlarge_only : function () { - return this.is_medium_up() && this.is_large_up() && this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_xxlarge_only : function () { - return this.is_medium_up() && this.is_large_up() && this.is_xlarge_up() && this.is_xxlarge_up(); - } - } - }; - - $.fn.foundation = function () { - var args = Array.prototype.slice.call(arguments, 0); - - return this.each(function () { - Foundation.init.apply(Foundation, [this].concat(args)); - return this; - }); - }; - -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.abide = { - name : 'abide', - - version : '5.5.3', - - settings : { - live_validate : true, // validate the form as you go - validate_on_blur : true, // validate whenever you focus/blur on an input field - // validate_on: 'tab', // tab (when user tabs between fields), change (input changes), manual (call custom events) - - focus_on_invalid : true, // automatically bring the focus to an invalid input field - error_labels : true, // labels with a for="inputId" will receive an `error` class - error_class : 'error', // labels with a for="inputId" will receive an `error` class - // the amount of time Abide will take before it validates the form (in ms). - // smaller time will result in faster validation - timeout : 1000, - patterns : { - alpha : /^[a-zA-Z]+$/, - alpha_numeric : /^[a-zA-Z0-9]+$/, - integer : /^[-+]?\d+$/, - number : /^[-+]?\d*(?:[\.\,]\d+)?$/, - - // amex, visa, diners - card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/, - cvv : /^([0-9]){3,4}$/, - - // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address - email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/, - - // http://blogs.lse.ac.uk/lti/2008/04/23/a-regular-expression-to-match-any-url/ - url: /^(https?|ftp|file|ssh):\/\/([-;:&=\+\$,\w]+@{1})?([-A-Za-z0-9\.]+)+:?(\d+)?((\/[-\+~%\/\.\w]+)?\??([-\+=&;%@\.\w]+)?#?([\w]+)?)?/, - // abc.de - domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/, - - datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/, - // YYYY-MM-DD - date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/, - // HH:MM:SS - time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/, - dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/, - // MM/DD/YYYY - month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/, - // DD/MM/YYYY - day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/, - - // #FFF or #FFFFFF - color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/ - }, - validators : { - equalTo : function (el, required, parent) { - var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, - to = el.value, - valid = (from === to); - - return valid; - } - } - }, - - timer : null, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function (scope) { - var self = this, - form = self.S(scope).attr('novalidate', 'novalidate'), - settings = form.data(this.attr_name(true) + '-init') || {}; - - this.invalid_attr = this.add_namespace('data-invalid'); - - function validate(originalSelf, e) { - clearTimeout(self.timer); - self.timer = setTimeout(function () { - self.validate([originalSelf], e); - }.bind(originalSelf), settings.timeout); - } - - form - .off('.abide') - .on('submit.fndtn.abide', function (e) { - var is_ajax = /ajax/i.test(self.S(this).attr(self.attr_name())); - return self.validate(self.S(this).find('input, textarea, select').not(":hidden, [data-abide-ignore]").get(), e, is_ajax); - }) - .on('validate.fndtn.abide', function (e) { - if (settings.validate_on === 'manual') { - self.validate([e.target], e); - } - }) - .on('reset', function (e) { - return self.reset($(this), e); - }) - .find('input, textarea, select').not(":hidden, [data-abide-ignore]") - .off('.abide') - .on('blur.fndtn.abide change.fndtn.abide', function (e) { - var id = this.getAttribute('id'), - eqTo = form.find('[data-equalto="'+ id +'"]'); - // old settings fallback - // will be deprecated with F6 release - if (settings.validate_on_blur && settings.validate_on_blur === true) { - validate(this, e); - } - // checks if there is an equalTo equivalent related by id - if(typeof eqTo.get(0) !== "undefined" && eqTo.val().length){ - validate(eqTo.get(0),e); - } - // new settings combining validate options into one setting - if (settings.validate_on === 'change') { - validate(this, e); - } - }) - .on('keydown.fndtn.abide', function (e) { - var id = this.getAttribute('id'), - eqTo = form.find('[data-equalto="'+ id +'"]'); - // old settings fallback - // will be deprecated with F6 release - if (settings.live_validate && settings.live_validate === true && e.which != 9) { - validate(this, e); - } - // checks if there is an equalTo equivalent related by id - if(typeof eqTo.get(0) !== "undefined" && eqTo.val().length){ - validate(eqTo.get(0),e); - } - // new settings combining validate options into one setting - if (settings.validate_on === 'tab' && e.which === 9) { - validate(this, e); - } - else if (settings.validate_on === 'change') { - validate(this, e); - } - }) - .on('focus', function (e) { - if (navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i)) { - $('html, body').animate({ - scrollTop: $(e.target).offset().top - }, 100); - } - }); - }, - - reset : function (form, e) { - var self = this; - form.removeAttr(self.invalid_attr); - - $('[' + self.invalid_attr + ']', form).removeAttr(self.invalid_attr); - $('.' + self.settings.error_class, form).not('small').removeClass(self.settings.error_class); - $(':input', form).not(':button, :submit, :reset, :hidden, [data-abide-ignore]').val('').removeAttr(self.invalid_attr); - }, - - validate : function (els, e, is_ajax) { - var validations = this.parse_patterns(els), - validation_count = validations.length, - form = this.S(els[0]).closest('form'), - submit_event = /submit/.test(e.type); - - // Has to count up to make sure the focus gets applied to the top error - for (var i = 0; i < validation_count; i++) { - if (!validations[i] && (submit_event || is_ajax)) { - if (this.settings.focus_on_invalid) { - els[i].focus(); - } - form.trigger('invalid.fndtn.abide'); - this.S(els[i]).closest('form').attr(this.invalid_attr, ''); - return false; - } - } - - if (submit_event || is_ajax) { - form.trigger('valid.fndtn.abide'); - } - - form.removeAttr(this.invalid_attr); - - if (is_ajax) { - return false; - } - - return true; - }, - - parse_patterns : function (els) { - var i = els.length, - el_patterns = []; - - while (i--) { - el_patterns.push(this.pattern(els[i])); - } - - return this.check_validation_and_apply_styles(el_patterns); - }, - - pattern : function (el) { - var type = el.getAttribute('type'), - required = typeof el.getAttribute('required') === 'string'; - - var pattern = el.getAttribute('pattern') || ''; - - if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) { - return [el, this.settings.patterns[pattern], required]; - } else if (pattern.length > 0) { - return [el, new RegExp(pattern), required]; - } - - if (this.settings.patterns.hasOwnProperty(type)) { - return [el, this.settings.patterns[type], required]; - } - - pattern = /.*/; - - return [el, pattern, required]; - }, - - // TODO: Break this up into smaller methods, getting hard to read. - check_validation_and_apply_styles : function (el_patterns) { - var i = el_patterns.length, - validations = []; - if (i == 0) { - return validations; - } - var form = this.S(el_patterns[0][0]).closest('[data-' + this.attr_name(true) + ']'), - settings = form.data(this.attr_name(true) + '-init') || {}; - while (i--) { - var el = el_patterns[i][0], - required = el_patterns[i][2], - value = el.value.trim(), - direct_parent = this.S(el).parent(), - validator = el.getAttribute(this.add_namespace('data-abide-validator')), - is_radio = el.type === 'radio', - is_checkbox = el.type === 'checkbox', - label = this.S('label[for="' + el.getAttribute('id') + '"]'), - valid_length = (required) ? (el.value.length > 0) : true, - el_validations = []; - - var parent, valid; - - // support old way to do equalTo validations - if (el.getAttribute(this.add_namespace('data-equalto'))) { validator = 'equalTo' } - - if (!direct_parent.is('label')) { - parent = direct_parent; - } else { - parent = direct_parent.parent(); - } - - if (is_radio && required) { - el_validations.push(this.valid_radio(el, required)); - } else if (is_checkbox && required) { - el_validations.push(this.valid_checkbox(el, required)); - - } else if (validator) { - // Validate using each of the specified (space-delimited) validators. - var validators = validator.split(' '); - var last_valid = true, all_valid = true; - for (var iv = 0; iv < validators.length; iv++) { - valid = this.settings.validators[validators[iv]].apply(this, [el, required, parent]) - el_validations.push(valid); - all_valid = valid && last_valid; - last_valid = valid; - } - if (all_valid) { - this.S(el).removeAttr(this.invalid_attr); - parent.removeClass('error'); - if (label.length > 0 && this.settings.error_labels) { - label.removeClass(this.settings.error_class).removeAttr('role'); - } - $(el).triggerHandler('valid'); - } else { - this.S(el).attr(this.invalid_attr, ''); - parent.addClass('error'); - if (label.length > 0 && this.settings.error_labels) { - label.addClass(this.settings.error_class).attr('role', 'alert'); - } - $(el).triggerHandler('invalid'); - } - } else { - - if (el_patterns[i][1].test(value) && valid_length || - !required && el.value.length < 1 || $(el).attr('disabled')) { - el_validations.push(true); - } else { - el_validations.push(false); - } - - el_validations = [el_validations.every(function (valid) {return valid;})]; - if (el_validations[0]) { - this.S(el).removeAttr(this.invalid_attr); - el.setAttribute('aria-invalid', 'false'); - el.removeAttribute('aria-describedby'); - parent.removeClass(this.settings.error_class); - if (label.length > 0 && this.settings.error_labels) { - label.removeClass(this.settings.error_class).removeAttr('role'); - } - $(el).triggerHandler('valid'); - } else { - this.S(el).attr(this.invalid_attr, ''); - el.setAttribute('aria-invalid', 'true'); - - // Try to find the error associated with the input - var errorElem = parent.find('small.' + this.settings.error_class, 'span.' + this.settings.error_class); - var errorID = errorElem.length > 0 ? errorElem[0].id : ''; - if (errorID.length > 0) { - el.setAttribute('aria-describedby', errorID); - } - - // el.setAttribute('aria-describedby', $(el).find('.error')[0].id); - parent.addClass(this.settings.error_class); - if (label.length > 0 && this.settings.error_labels) { - label.addClass(this.settings.error_class).attr('role', 'alert'); - } - $(el).triggerHandler('invalid'); - } - } - validations = validations.concat(el_validations); - } - - return validations; - }, - - valid_checkbox : function (el, required) { - var el = this.S(el), - valid = (el.is(':checked') || !required || el.get(0).getAttribute('disabled')); - - if (valid) { - el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class); - $(el).triggerHandler('valid'); - } else { - el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class); - $(el).triggerHandler('invalid'); - } - - return valid; - }, - - valid_radio : function (el, required) { - var name = el.getAttribute('name'), - group = this.S(el).closest('[data-' + this.attr_name(true) + ']').find("[name='" + name + "']"), - count = group.length, - valid = false, - disabled = false; - - // Has to count up to make sure the focus gets applied to the top error - for (var i=0; i < count; i++) { - if( group[i].getAttribute('disabled') ){ - disabled=true; - valid=true; - } else { - if (group[i].checked){ - valid = true; - } else { - if( disabled ){ - valid = false; - } - } - } - } - - // Has to count up to make sure the focus gets applied to the top error - for (var i = 0; i < count; i++) { - if (valid) { - this.S(group[i]).removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class); - $(group[i]).triggerHandler('valid'); - } else { - this.S(group[i]).attr(this.invalid_attr, '').parent().addClass(this.settings.error_class); - $(group[i]).triggerHandler('invalid'); - } - } - - return valid; - }, - - valid_equal : function (el, required, parent) { - var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, - to = el.value, - valid = (from === to); - - if (valid) { - this.S(el).removeAttr(this.invalid_attr); - parent.removeClass(this.settings.error_class); - if (label.length > 0 && settings.error_labels) { - label.removeClass(this.settings.error_class); - } - } else { - this.S(el).attr(this.invalid_attr, ''); - parent.addClass(this.settings.error_class); - if (label.length > 0 && settings.error_labels) { - label.addClass(this.settings.error_class); - } - } - - return valid; - }, - - valid_oneof : function (el, required, parent, doNotValidateOthers) { - var el = this.S(el), - others = this.S('[' + this.add_namespace('data-oneof') + ']'), - valid = others.filter(':checked').length > 0; - - if (valid) { - el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class); - } else { - el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class); - } - - if (!doNotValidateOthers) { - var _this = this; - others.each(function () { - _this.valid_oneof.call(_this, this, null, null, true); - }); - } - - return valid; - }, - - reflow : function(scope, options) { - var self = this, - form = self.S('[' + this.attr_name() + ']').attr('novalidate', 'novalidate'); - self.S(form).each(function (idx, el) { - self.events(el); - }); - } - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.accordion = { - name : 'accordion', - - version : '5.5.3', - - settings : { - content_class : 'content', - active_class : 'active', - multi_expand : false, - toggleable : true, - callback : function () {} - }, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function (instance) { - var self = this; - var S = this.S; - self.create(this.S(instance)); - - S(this.scope) - .off('.fndtn.accordion') - .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a, [' + this.attr_name() + '] > li > a', function (e) { - var accordion = S(this).closest('[' + self.attr_name() + ']'), - groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()), - settings = accordion.data(self.attr_name(true) + '-init') || self.settings, - contentAttr = S(this).context.attributes['data-content'], - target = S('#' + (contentAttr ? contentAttr.value : this.href.split('#')[1])), - aunts = $('> dd, > li', accordion), - siblings = aunts.children('.' + settings.content_class), - active_content = siblings.filter('.' + settings.active_class); - - e.preventDefault(); - - if (accordion.attr(self.attr_name())) { - siblings = siblings.add('[' + groupSelector + '] dd > ' + '.' + settings.content_class + ', [' + groupSelector + '] li > ' + '.' + settings.content_class); - aunts = aunts.add('[' + groupSelector + '] dd, [' + groupSelector + '] li'); - } - - if (settings.toggleable && target.is(active_content)) { - target.parent('dd, li').toggleClass(settings.active_class, false); - target.toggleClass(settings.active_class, false); - S(this).attr('aria-expanded', function(i, attr){ - return attr === 'true' ? 'false' : 'true'; - }); - settings.callback(target); - target.triggerHandler('toggled', [accordion]); - accordion.triggerHandler('toggled', [target]); - return; - } - - if (!settings.multi_expand) { - siblings.removeClass(settings.active_class); - aunts.removeClass(settings.active_class); - aunts.children('a').attr('aria-expanded','false'); - } - - target.addClass(settings.active_class).parent().addClass(settings.active_class); - settings.callback(target); - target.triggerHandler('toggled', [accordion]); - accordion.triggerHandler('toggled', [target]); - S(this).attr('aria-expanded','true'); - }); - }, - - create: function($instance) { - var self = this, - accordion = $instance, - aunts = $('> .accordion-navigation', accordion), - settings = accordion.data(self.attr_name(true) + '-init') || self.settings; - - aunts.children('a').attr('aria-expanded','false'); - aunts.has('.' + settings.content_class + '.' + settings.active_class).addClass(settings.active_class).children('a').attr('aria-expanded','true'); - - if (settings.multi_expand) { - $instance.attr('aria-multiselectable','true'); - } - }, - - toggle : function(options) { - var options = typeof options !== 'undefined' ? options : {}; - var selector = typeof options.selector !== 'undefined' ? options.selector : ''; - var toggle_state = typeof options.toggle_state !== 'undefined' ? options.toggle_state : ''; - var $accordion = typeof options.$accordion !== 'undefined' ? options.$accordion : this.S(this.scope).closest('[' + this.attr_name() + ']'); - - var $items = $accordion.find('> dd' + selector + ', > li' + selector); - if ( $items.length < 1 ) { - if ( window.console ) { - console.error('Selection not found.', selector); - } - return false; - } - - var S = this.S; - var active_class = this.settings.active_class; - $items.each(function() { - var $item = S(this); - var is_active = $item.hasClass(active_class); - if ( ( is_active && toggle_state === 'close' ) || ( !is_active && toggle_state === 'open' ) || toggle_state === '' ) { - $item.find('> a').trigger('click.fndtn.accordion'); - } - }); - }, - - open : function(options) { - var options = typeof options !== 'undefined' ? options : {}; - options.toggle_state = 'open'; - this.toggle(options); - }, - - close : function(options) { - var options = typeof options !== 'undefined' ? options : {}; - options.toggle_state = 'close'; - this.toggle(options); - }, - - off : function () {}, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.alert = { - name : 'alert', - - version : '5.5.3', - - settings : { - callback : function () {} - }, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function () { - var self = this, - S = this.S; - - $(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] .close', function (e) { - var alertBox = S(this).closest('[' + self.attr_name() + ']'), - settings = alertBox.data(self.attr_name(true) + '-init') || self.settings; - - e.preventDefault(); - if (Modernizr.csstransitions) { - alertBox.addClass('alert-close'); - alertBox.on('transitionend webkitTransitionEnd oTransitionEnd', function (e) { - S(this).trigger('close.fndtn.alert').remove(); - settings.callback(); - }); - } else { - alertBox.fadeOut(300, function () { - S(this).trigger('close.fndtn.alert').remove(); - settings.callback(); - }); - } - }); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.clearing = { - name : 'clearing', - - version : '5.5.3', - - settings : { - templates : { - viewing : '×' + - '' + - '' + - '' - }, - - // comma delimited list of selectors that, on click, will close clearing, - // add 'div.clearing-blackout, div.visible-img' to close on background click - close_selectors : '.clearing-close, div.clearing-blackout', - - // Default to the entire li element. - open_selectors : '', - - // Image will be skipped in carousel. - skip_selector : '', - - touch_label : '', - - // event initializer and locks - init : false, - locked : false - }, - - init : function (scope, method, options) { - var self = this; - Foundation.inherit(this, 'throttle image_loaded'); - - this.bindings(method, options); - - if (self.S(this.scope).is('[' + this.attr_name() + ']')) { - this.assemble(self.S('li', this.scope)); - } else { - self.S('[' + this.attr_name() + ']', this.scope).each(function () { - self.assemble(self.S('li', this)); - }); - } - }, - - events : function (scope) { - var self = this, - S = self.S, - $scroll_container = $('.scroll-container'); - - if ($scroll_container.length > 0) { - this.scope = $scroll_container; - } - - S(this.scope) - .off('.clearing') - .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li ' + this.settings.open_selectors, - function (e, current, target) { - var current = current || S(this), - target = target || current, - next = current.next('li'), - settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'), - image = S(e.target); - - e.preventDefault(); - - if (!settings) { - self.init(); - settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); - } - - // if clearing is open and the current image is - // clicked, go to the next image in sequence - if (target.hasClass('visible') && - current[0] === target[0] && - next.length > 0 && self.is_open(current)) { - target = next; - image = S('img', target); - } - - // set current and target to the clicked li if not otherwise defined. - self.open(image, current, target); - self.update_paddles(target); - }) - - .on('click.fndtn.clearing', '.clearing-main-next', - function (e) { self.nav(e, 'next') }) - .on('click.fndtn.clearing', '.clearing-main-prev', - function (e) { self.nav(e, 'prev') }) - .on('click.fndtn.clearing', this.settings.close_selectors, - function (e) { Foundation.libs.clearing.close(e, this) }); - - $(document).on('keydown.fndtn.clearing', - function (e) { self.keydown(e) }); - - S(window).off('.clearing').on('resize.fndtn.clearing', - function () { self.resize() }); - - this.swipe_events(scope); - }, - - swipe_events : function (scope) { - var self = this, - S = self.S; - - S(this.scope) - .on('touchstart.fndtn.clearing', '.visible-img', function (e) { - if (!e.touches) { e = e.originalEvent; } - var data = { - start_page_x : e.touches[0].pageX, - start_page_y : e.touches[0].pageY, - start_time : (new Date()).getTime(), - delta_x : 0, - is_scrolling : undefined - }; - - S(this).data('swipe-transition', data); - e.stopPropagation(); - }) - .on('touchmove.fndtn.clearing', '.visible-img', function (e) { - if (!e.touches) { - e = e.originalEvent; - } - // Ignore pinch/zoom events - if (e.touches.length > 1 || e.scale && e.scale !== 1) { - return; - } - - var data = S(this).data('swipe-transition'); - - if (typeof data === 'undefined') { - data = {}; - } - - data.delta_x = e.touches[0].pageX - data.start_page_x; - - if (Foundation.rtl) { - data.delta_x = -data.delta_x; - } - - if (typeof data.is_scrolling === 'undefined') { - data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); - } - - if (!data.is_scrolling && !data.active) { - e.preventDefault(); - var direction = (data.delta_x < 0) ? 'next' : 'prev'; - data.active = true; - self.nav(e, direction); - } - }) - .on('touchend.fndtn.clearing', '.visible-img', function (e) { - S(this).data('swipe-transition', {}); - e.stopPropagation(); - }); - }, - - assemble : function ($li) { - var $el = $li.parent(); - - if ($el.parent().hasClass('carousel')) { - return; - } - - $el.after('
'); - - var grid = $el.detach(), - grid_outerHTML = ''; - - if (grid[0] == null) { - return; - } else { - grid_outerHTML = grid[0].outerHTML; - } - - var holder = this.S('#foundationClearingHolder'), - settings = $el.data(this.attr_name(true) + '-init'), - data = { - grid : '
' + grid_outerHTML + '
', - viewing : settings.templates.viewing - }, - wrapper = '
' + data.viewing + - data.grid + '
', - touch_label = this.settings.touch_label; - - if (Modernizr.touch) { - wrapper = $(wrapper).find('.clearing-touch-label').html(touch_label).end(); - } - - holder.after(wrapper).remove(); - }, - - open : function ($image, current, target) { - var self = this, - body = $(document.body), - root = target.closest('.clearing-assembled'), - container = self.S('div', root).first(), - visible_image = self.S('.visible-img', container), - image = self.S('img', visible_image).not($image), - label = self.S('.clearing-touch-label', container), - error = false, - loaded = {}; - - // Event to disable scrolling on touch devices when Clearing is activated - $('body').on('touchmove', function (e) { - e.preventDefault(); - }); - - image.error(function () { - error = true; - }); - - function startLoad() { - setTimeout(function () { - this.image_loaded(image, function () { - if (image.outerWidth() === 1 && !error) { - startLoad.call(this); - } else { - cb.call(this, image); - } - }.bind(this)); - }.bind(this), 100); - } - - function cb (image) { - var $image = $(image); - $image.css('visibility', 'visible'); - $image.trigger('imageVisible'); - // toggle the gallery - body.css('overflow', 'hidden'); - root.addClass('clearing-blackout'); - container.addClass('clearing-container'); - visible_image.show(); - this.fix_height(target) - .caption(self.S('.clearing-caption', visible_image), self.S('img', target)) - .center_and_label(image, label) - .shift(current, target, function () { - target.closest('li').siblings().removeClass('visible'); - target.closest('li').addClass('visible'); - }); - visible_image.trigger('opened.fndtn.clearing') - } - - if (!this.locked()) { - visible_image.trigger('open.fndtn.clearing'); - // set the image to the selected thumbnail - loaded = this.load($image); - if (loaded.interchange) { - image - .attr('data-interchange', loaded.interchange) - .foundation('interchange', 'reflow'); - } else { - image - .attr('src', loaded.src) - .attr('data-interchange', ''); - } - image.css('visibility', 'hidden'); - - startLoad.call(this); - } - }, - - close : function (e, el) { - e.preventDefault(); - - var root = (function (target) { - if (/blackout/.test(target.selector)) { - return target; - } else { - return target.closest('.clearing-blackout'); - } - }($(el))), - body = $(document.body), container, visible_image; - - if (el === e.target && root) { - body.css('overflow', ''); - container = $('div', root).first(); - visible_image = $('.visible-img', container); - visible_image.trigger('close.fndtn.clearing'); - this.settings.prev_index = 0; - $('ul[' + this.attr_name() + ']', root) - .attr('style', '').closest('.clearing-blackout') - .removeClass('clearing-blackout'); - container.removeClass('clearing-container'); - visible_image.hide(); - visible_image.trigger('closed.fndtn.clearing'); - } - - // Event to re-enable scrolling on touch devices - $('body').off('touchmove'); - - return false; - }, - - is_open : function (current) { - return current.parent().prop('style').length > 0; - }, - - keydown : function (e) { - var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'), - NEXT_KEY = this.rtl ? 37 : 39, - PREV_KEY = this.rtl ? 39 : 37, - ESC_KEY = 27; - - if (e.which === NEXT_KEY) { - this.go(clearing, 'next'); - } - if (e.which === PREV_KEY) { - this.go(clearing, 'prev'); - } - if (e.which === ESC_KEY) { - this.S('a.clearing-close').trigger('click.fndtn.clearing'); - } - }, - - nav : function (e, direction) { - var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout'); - - e.preventDefault(); - this.go(clearing, direction); - }, - - resize : function () { - var image = $('img', '.clearing-blackout .visible-img'), - label = $('.clearing-touch-label', '.clearing-blackout'); - - if (image.length) { - this.center_and_label(image, label); - image.trigger('resized.fndtn.clearing') - } - }, - - // visual adjustments - fix_height : function (target) { - var lis = target.parent().children(), - self = this; - - lis.each(function () { - var li = self.S(this), - image = li.find('img'); - - if (li.height() > image.outerHeight()) { - li.addClass('fix-height'); - } - }) - .closest('ul') - .width(lis.length * 100 + '%'); - - return this; - }, - - update_paddles : function (target) { - target = target.closest('li'); - var visible_image = target - .closest('.carousel') - .siblings('.visible-img'); - - if (target.next().length > 0) { - this.S('.clearing-main-next', visible_image).removeClass('disabled'); - } else { - this.S('.clearing-main-next', visible_image).addClass('disabled'); - } - - if (target.prev().length > 0) { - this.S('.clearing-main-prev', visible_image).removeClass('disabled'); - } else { - this.S('.clearing-main-prev', visible_image).addClass('disabled'); - } - }, - - center_and_label : function (target, label) { - if (!this.rtl && label.length > 0) { - label.css({ - marginLeft : -(label.outerWidth() / 2), - marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10 - }); - } else { - label.css({ - marginRight : -(label.outerWidth() / 2), - marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10, - left: 'auto', - right: '50%' - }); - } - return this; - }, - - // image loading and preloading - - load : function ($image) { - var href, - interchange, - closest_a; - - if ($image[0].nodeName === 'A') { - href = $image.attr('href'); - interchange = $image.data('clearing-interchange'); - } else { - closest_a = $image.closest('a'); - href = closest_a.attr('href'); - interchange = closest_a.data('clearing-interchange'); - } - - this.preload($image); - - return { - 'src': href ? href : $image.attr('src'), - 'interchange': href ? interchange : $image.data('clearing-interchange') - } - }, - - preload : function ($image) { - this - .img($image.closest('li').next(), 'next') - .img($image.closest('li').prev(), 'prev'); - }, - - img : function (img, sibling_type) { - if (img.length) { - var preload_img = $('.clearing-preload-' + sibling_type), - new_a = this.S('a', img), - src, - interchange, - image; - - if (new_a.length) { - src = new_a.attr('href'); - interchange = new_a.data('clearing-interchange'); - } else { - image = this.S('img', img); - src = image.attr('src'); - interchange = image.data('clearing-interchange'); - } - - if (interchange) { - preload_img.attr('data-interchange', interchange); - } else { - preload_img.attr('src', src); - preload_img.attr('data-interchange', ''); - } - } - return this; - }, - - // image caption - - caption : function (container, $image) { - var caption = $image.attr('data-caption'); - - if (caption) { - var containerPlain = container.get(0); - containerPlain.innerHTML = caption; - container.show(); - } else { - container - .text('') - .hide(); - } - return this; - }, - - // directional methods - - go : function ($ul, direction) { - var current = this.S('.visible', $ul), - target = current[direction](); - - // Check for skip selector. - if (this.settings.skip_selector && target.find(this.settings.skip_selector).length != 0) { - target = target[direction](); - } - - if (target.length) { - this.S('img', target) - .trigger('click.fndtn.clearing', [current, target]) - .trigger('change.fndtn.clearing'); - } - }, - - shift : function (current, target, callback) { - var clearing = target.parent(), - old_index = this.settings.prev_index || target.index(), - direction = this.direction(clearing, current, target), - dir = this.rtl ? 'right' : 'left', - left = parseInt(clearing.css('left'), 10), - width = target.outerWidth(), - skip_shift; - - var dir_obj = {}; - - // we use jQuery animate instead of CSS transitions because we - // need a callback to unlock the next animation - // needs support for RTL ** - if (target.index() !== old_index && !/skip/.test(direction)) { - if (/left/.test(direction)) { - this.lock(); - dir_obj[dir] = left + width; - clearing.animate(dir_obj, 300, this.unlock()); - } else if (/right/.test(direction)) { - this.lock(); - dir_obj[dir] = left - width; - clearing.animate(dir_obj, 300, this.unlock()); - } - } else if (/skip/.test(direction)) { - // the target image is not adjacent to the current image, so - // do we scroll right or not - skip_shift = target.index() - this.settings.up_count; - this.lock(); - - if (skip_shift > 0) { - dir_obj[dir] = -(skip_shift * width); - clearing.animate(dir_obj, 300, this.unlock()); - } else { - dir_obj[dir] = 0; - clearing.animate(dir_obj, 300, this.unlock()); - } - } - - callback(); - }, - - direction : function ($el, current, target) { - var lis = this.S('li', $el), - li_width = lis.outerWidth() + (lis.outerWidth() / 4), - up_count = Math.floor(this.S('.clearing-container').outerWidth() / li_width) - 1, - target_index = lis.index(target), - response; - - this.settings.up_count = up_count; - - if (this.adjacent(this.settings.prev_index, target_index)) { - if ((target_index > up_count) && target_index > this.settings.prev_index) { - response = 'right'; - } else if ((target_index > up_count - 1) && target_index <= this.settings.prev_index) { - response = 'left'; - } else { - response = false; - } - } else { - response = 'skip'; - } - - this.settings.prev_index = target_index; - - return response; - }, - - adjacent : function (current_index, target_index) { - for (var i = target_index + 1; i >= target_index - 1; i--) { - if (i === current_index) { - return true; - } - } - return false; - }, - - // lock management - - lock : function () { - this.settings.locked = true; - }, - - unlock : function () { - this.settings.locked = false; - }, - - locked : function () { - return this.settings.locked; - }, - - off : function () { - this.S(this.scope).off('.fndtn.clearing'); - this.S(window).off('.fndtn.clearing'); - }, - - reflow : function () { - this.init(); - } - }; - -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.dropdown = { - name : 'dropdown', - - version : '5.5.3', - - settings : { - active_class : 'open', - disabled_class : 'disabled', - mega_class : 'mega', - align : 'bottom', - is_hover : false, - hover_timeout : 150, - no_pip : false, - opened : function () {}, - closed : function () {} - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle'); - - $.extend(true, this.settings, method, options); - this.bindings(method, options); - }, - - events : function (scope) { - var self = this, - S = self.S; - - S(this.scope) - .off('.dropdown') - .on('click.fndtn.dropdown', '[' + this.attr_name() + ']', function (e) { - var settings = S(this).data(self.attr_name(true) + '-init') || self.settings; - if (!settings.is_hover || Modernizr.touch) { - e.preventDefault(); - if (S(this).parent('[data-reveal-id]').length) { - e.stopPropagation(); - } - self.toggle($(this)); - } - }) - .on('mouseenter.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) { - var $this = S(this), - dropdown, - target; - - clearTimeout(self.timeout); - - if ($this.data(self.data_attr())) { - dropdown = S('#' + $this.data(self.data_attr())); - target = $this; - } else { - dropdown = $this; - target = S('[' + self.attr_name() + '="' + dropdown.attr('id') + '"]'); - } - - var settings = target.data(self.attr_name(true) + '-init') || self.settings; - - if (S(e.currentTarget).data(self.data_attr()) && settings.is_hover) { - self.closeall.call(self); - } - - if (settings.is_hover) { - self.open.apply(self, [dropdown, target]); - } - }) - .on('mouseleave.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) { - var $this = S(this); - var settings; - - if ($this.data(self.data_attr())) { - settings = $this.data(self.data_attr(true) + '-init') || self.settings; - } else { - var target = S('[' + self.attr_name() + '="' + S(this).attr('id') + '"]'), - settings = target.data(self.attr_name(true) + '-init') || self.settings; - } - - self.timeout = setTimeout(function () { - if ($this.data(self.data_attr())) { - if (settings.is_hover) { - self.close.call(self, S('#' + $this.data(self.data_attr()))); - } - } else { - if (settings.is_hover) { - self.close.call(self, $this); - } - } - }.bind(this), settings.hover_timeout); - }) - .on('click.fndtn.dropdown', function (e) { - var parent = S(e.target).closest('[' + self.attr_name() + '-content]'); - var links = parent.find('a'); - - if (links.length > 0 && parent.attr('aria-autoclose') !== 'false') { - self.close.call(self, S('[' + self.attr_name() + '-content]')); - } - - if (e.target !== document && !$.contains(document.documentElement, e.target)) { - return; - } - - if (S(e.target).closest('[' + self.attr_name() + ']').length > 0) { - return; - } - - if (!(S(e.target).data('revealId')) && - (parent.length > 0 && (S(e.target).is('[' + self.attr_name() + '-content]') || - $.contains(parent.first()[0], e.target)))) { - e.stopPropagation(); - return; - } - - self.close.call(self, S('[' + self.attr_name() + '-content]')); - }) - .on('opened.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () { - self.settings.opened.call(this); - }) - .on('closed.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () { - self.settings.closed.call(this); - }); - - S(window) - .off('.dropdown') - .on('resize.fndtn.dropdown', self.throttle(function () { - self.resize.call(self); - }, 50)); - - this.resize(); - }, - - close : function (dropdown) { - var self = this; - dropdown.each(function (idx) { - var original_target = $('[' + self.attr_name() + '=' + dropdown[idx].id + ']') || $('aria-controls=' + dropdown[idx].id + ']'); - original_target.attr('aria-expanded', 'false'); - if (self.S(this).hasClass(self.settings.active_class)) { - self.S(this) - .css(Foundation.rtl ? 'right' : 'left', '-99999px') - .attr('aria-hidden', 'true') - .removeClass(self.settings.active_class) - .prev('[' + self.attr_name() + ']') - .removeClass(self.settings.active_class) - .removeData('target'); - - self.S(this).trigger('closed.fndtn.dropdown', [dropdown]); - } - }); - dropdown.removeClass('f-open-' + this.attr_name(true)); - }, - - closeall : function () { - var self = this; - $.each(self.S('.f-open-' + this.attr_name(true)), function () { - self.close.call(self, self.S(this)); - }); - }, - - open : function (dropdown, target) { - this - .css(dropdown - .addClass(this.settings.active_class), target); - dropdown.prev('[' + this.attr_name() + ']').addClass(this.settings.active_class); - dropdown.data('target', target.get(0)).trigger('opened.fndtn.dropdown', [dropdown, target]); - dropdown.attr('aria-hidden', 'false'); - target.attr('aria-expanded', 'true'); - dropdown.focus(); - dropdown.addClass('f-open-' + this.attr_name(true)); - }, - - data_attr : function () { - if (this.namespace.length > 0) { - return this.namespace + '-' + this.name; - } - - return this.name; - }, - - toggle : function (target) { - if (target.hasClass(this.settings.disabled_class)) { - return; - } - var dropdown = this.S('#' + target.data(this.data_attr())); - if (dropdown.length === 0) { - // No dropdown found, not continuing - return; - } - - this.close.call(this, this.S('[' + this.attr_name() + '-content]').not(dropdown)); - - if (dropdown.hasClass(this.settings.active_class)) { - this.close.call(this, dropdown); - if (dropdown.data('target') !== target.get(0)) { - this.open.call(this, dropdown, target); - } - } else { - this.open.call(this, dropdown, target); - } - }, - - resize : function () { - var dropdown = this.S('[' + this.attr_name() + '-content].open'); - var target = $(dropdown.data("target")); - - if (dropdown.length && target.length) { - this.css(dropdown, target); - } - }, - - css : function (dropdown, target) { - var left_offset = Math.max((target.width() - dropdown.width()) / 2, 8), - settings = target.data(this.attr_name(true) + '-init') || this.settings, - parentOverflow = dropdown.parent().css('overflow-y') || dropdown.parent().css('overflow'); - - this.clear_idx(); - - - - if (this.small()) { - var p = this.dirs.bottom.call(dropdown, target, settings); - - dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({ - position : 'absolute', - width : '95%', - 'max-width' : 'none', - top : p.top - }); - - dropdown.css(Foundation.rtl ? 'right' : 'left', left_offset); - } - // detect if dropdown is in an overflow container - else if (parentOverflow !== 'visible') { - var offset = target[0].offsetTop + target[0].offsetHeight; - - dropdown.attr('style', '').css({ - position : 'absolute', - top : offset - }); - - dropdown.css(Foundation.rtl ? 'right' : 'left', left_offset); - } - else { - - this.style(dropdown, target, settings); - } - - return dropdown; - }, - - style : function (dropdown, target, settings) { - var css = $.extend({position : 'absolute'}, - this.dirs[settings.align].call(dropdown, target, settings)); - - dropdown.attr('style', '').css(css); - }, - - // return CSS property object - // `this` is the dropdown - dirs : { - // Calculate target offset - _base : function (t, s) { - var o_p = this.offsetParent(), - o = o_p.offset(), - p = t.offset(); - - p.top -= o.top; - p.left -= o.left; - - //set some flags on the p object to pass along - p.missRight = false; - p.missTop = false; - p.missLeft = false; - p.leftRightFlag = false; - - //lets see if the panel will be off the screen - //get the actual width of the page and store it - var actualBodyWidth; - var windowWidth = window.innerWidth; - - if (document.getElementsByClassName('row')[0]) { - actualBodyWidth = document.getElementsByClassName('row')[0].clientWidth; - } else { - actualBodyWidth = windowWidth; - } - - var actualMarginWidth = (windowWidth - actualBodyWidth) / 2; - var actualBoundary = actualBodyWidth; - - if (!this.hasClass('mega') && !s.ignore_repositioning) { - var outerWidth = this.outerWidth(); - var o_left = t.offset().left; - - //miss top - if (t.offset().top <= this.outerHeight()) { - p.missTop = true; - actualBoundary = windowWidth - actualMarginWidth; - p.leftRightFlag = true; - } - - //miss right - if (o_left + outerWidth > o_left + actualMarginWidth && o_left - actualMarginWidth > outerWidth) { - p.missRight = true; - p.missLeft = false; - } - - //miss left - if (o_left - outerWidth <= 0) { - p.missLeft = true; - p.missRight = false; - } - } - - return p; - }, - - top : function (t, s) { - var self = Foundation.libs.dropdown, - p = self.dirs._base.call(this, t, s); - - this.addClass('drop-top'); - - if (p.missTop == true) { - p.top = p.top + t.outerHeight() + this.outerHeight(); - this.removeClass('drop-top'); - } - - if (p.missRight == true) { - p.left = p.left - this.outerWidth() + t.outerWidth(); - } - - if (!self.settings.no_pip && t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) { - self.adjust_pip(this, t, s, p); - } - - if (Foundation.rtl) { - return {left : p.left - this.outerWidth() + t.outerWidth(), - top : p.top - this.outerHeight()}; - } - - return {left : p.left, top : p.top - this.outerHeight()}; - }, - - bottom : function (t, s) { - var self = Foundation.libs.dropdown, - p = self.dirs._base.call(this, t, s); - - if (p.missRight == true) { - p.left = p.left - this.outerWidth() + t.outerWidth(); - } - - if (!self.settings.no_pip && t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) { - self.adjust_pip(this, t, s, p); - } - - if (self.rtl) { - return {left : p.left - this.outerWidth() + t.outerWidth(), top : p.top + t.outerHeight()}; - } - - return {left : p.left, top : p.top + t.outerHeight()}; - }, - - left : function (t, s) { - var p = Foundation.libs.dropdown.dirs._base.call(this, t, s); - - this.addClass('drop-left'); - - if (p.missLeft == true) { - p.left = p.left + this.outerWidth(); - p.top = p.top + t.outerHeight(); - this.removeClass('drop-left'); - } - - return {left : p.left - this.outerWidth(), top : p.top}; - }, - - right : function (t, s) { - var p = Foundation.libs.dropdown.dirs._base.call(this, t, s); - - this.addClass('drop-right'); - - if (p.missRight == true) { - p.left = p.left - this.outerWidth(); - p.top = p.top + t.outerHeight(); - this.removeClass('drop-right'); - } else { - p.triggeredRight = true; - } - - var self = Foundation.libs.dropdown; - - if (!self.settings.no_pip && t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) { - self.adjust_pip(this, t, s, p); - } - - return {left : p.left + t.outerWidth(), top : p.top}; - } - }, - - // Insert rule to style psuedo elements - adjust_pip : function (dropdown, target, settings, position) { - if (settings.no_pip === true) return; - - var sheet = Foundation.stylesheet, - pip_offset_base = 8; - - if (dropdown.hasClass(settings.mega_class)) { - pip_offset_base = position.left + (target.outerWidth() / 2) - 8; - } else if (this.small()) { - pip_offset_base += position.left - 8; - } - - this.rule_idx = sheet.cssRules.length; - - //default - var sel_before = '.f-dropdown.open:before', - sel_after = '.f-dropdown.open:after', - css_before = 'left: ' + pip_offset_base + 'px;', - css_after = 'left: ' + (pip_offset_base - 1) + 'px;'; - - if (position.missRight == true) { - pip_offset_base = dropdown.outerWidth() - 23; - sel_before = '.f-dropdown.open:before', - sel_after = '.f-dropdown.open:after', - css_before = 'left: ' + pip_offset_base + 'px;', - css_after = 'left: ' + (pip_offset_base - 1) + 'px;'; - } - - //just a case where right is fired, but its not missing right - if (position.triggeredRight == true) { - sel_before = '.f-dropdown.open:before', - sel_after = '.f-dropdown.open:after', - css_before = 'left:-12px;', - css_after = 'left:-14px;'; - } - - if (sheet.insertRule) { - sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx); - sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1); - } else { - sheet.addRule(sel_before, css_before, this.rule_idx); - sheet.addRule(sel_after, css_after, this.rule_idx + 1); - } - }, - - // Remove old dropdown rule index - clear_idx : function () { - var sheet = Foundation.stylesheet; - - if (typeof this.rule_idx !== 'undefined') { - sheet.deleteRule(this.rule_idx); - sheet.deleteRule(this.rule_idx); - delete this.rule_idx; - } - }, - - small : function () { - return matchMedia(Foundation.media_queries.small).matches && - !matchMedia(Foundation.media_queries.medium).matches; - }, - - off : function () { - this.S(this.scope).off('.fndtn.dropdown'); - this.S('html, body').off('.fndtn.dropdown'); - this.S(window).off('.fndtn.dropdown'); - this.S('[data-dropdown-content]').off('.fndtn.dropdown'); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.equalizer = { - name : 'equalizer', - - version : '5.5.3', - - settings : { - use_tallest : true, - before_height_change : $.noop, - after_height_change : $.noop, - equalize_on_stack : false, - act_on_hidden_el: false - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'image_loaded'); - this.bindings(method, options); - this.reflow(); - }, - - events : function () { - this.S(window).off('.equalizer').on('resize.fndtn.equalizer', function (e) { - this.reflow(); - }.bind(this)); - }, - - equalize : function (equalizer) { - var isStacked = false, - group = equalizer.data('equalizer'), - settings = equalizer.data(this.attr_name(true)+'-init') || this.settings, - vals, - firstTopOffset; - - if (settings.act_on_hidden_el) { - vals = group ? equalizer.find('['+this.attr_name()+'-watch="'+group+'"]') : equalizer.find('['+this.attr_name()+'-watch]'); - } - else { - vals = group ? equalizer.find('['+this.attr_name()+'-watch="'+group+'"]:visible') : equalizer.find('['+this.attr_name()+'-watch]:visible'); - } - - if (vals.length === 0) { - return; - } - - settings.before_height_change(); - equalizer.trigger('before-height-change.fndth.equalizer'); - vals.height('inherit'); - - if (settings.equalize_on_stack === false) { - firstTopOffset = vals.first().offset().top; - vals.each(function () { - if ($(this).offset().top !== firstTopOffset) { - isStacked = true; - return false; - } - }); - if (isStacked) { - return; - } - } - - var heights = vals.map(function () { return $(this).outerHeight(false) }).get(); - - if (settings.use_tallest) { - var max = Math.max.apply(null, heights); - vals.css('height', max); - } else { - var min = Math.min.apply(null, heights); - vals.css('height', min); - } - - settings.after_height_change(); - equalizer.trigger('after-height-change.fndtn.equalizer'); - }, - - reflow : function () { - var self = this; - - this.S('[' + this.attr_name() + ']', this.scope).each(function () { - var $eq_target = $(this), - media_query = $eq_target.data('equalizer-mq'), - ignore_media_query = true; - - if (media_query) { - media_query = 'is_' + media_query.replace(/-/g, '_'); - if (Foundation.utils.hasOwnProperty(media_query)) { - ignore_media_query = false; - } - } - - self.image_loaded(self.S('img', this), function () { - if (ignore_media_query || Foundation.utils[media_query]()) { - self.equalize($eq_target) - } else { - var vals = $eq_target.find('[' + self.attr_name() + '-watch]:visible'); - vals.css('height', 'auto'); - } - }); - }); - } - }; -})(jQuery, window, window.document); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.interchange = { - name : 'interchange', - - version : '5.5.3', - - cache : {}, - - images_loaded : false, - nodes_loaded : false, - - settings : { - load_attr : 'interchange', - - named_queries : { - 'default' : 'only screen', - 'small' : Foundation.media_queries['small'], - 'small-only' : Foundation.media_queries['small-only'], - 'medium' : Foundation.media_queries['medium'], - 'medium-only' : Foundation.media_queries['medium-only'], - 'large' : Foundation.media_queries['large'], - 'large-only' : Foundation.media_queries['large-only'], - 'xlarge' : Foundation.media_queries['xlarge'], - 'xlarge-only' : Foundation.media_queries['xlarge-only'], - 'xxlarge' : Foundation.media_queries['xxlarge'], - 'landscape' : 'only screen and (orientation: landscape)', - 'portrait' : 'only screen and (orientation: portrait)', - 'retina' : 'only screen and (-webkit-min-device-pixel-ratio: 2),' + - 'only screen and (min--moz-device-pixel-ratio: 2),' + - 'only screen and (-o-min-device-pixel-ratio: 2/1),' + - 'only screen and (min-device-pixel-ratio: 2),' + - 'only screen and (min-resolution: 192dpi),' + - 'only screen and (min-resolution: 2dppx)' - }, - - directives : { - replace : function (el, path, trigger) { - // The trigger argument, if called within the directive, fires - // an event named after the directive on the element, passing - // any parameters along to the event that you pass to trigger. - // - // ex. trigger(), trigger([a, b, c]), or trigger(a, b, c) - // - // This allows you to bind a callback like so: - // $('#interchangeContainer').on('replace', function (e, a, b, c) { - // console.log($(this).html(), a, b, c); - // }); - - if (el !== null && /IMG/.test(el[0].nodeName)) { - var orig_path = $.each(el, function(){this.src = path;}); - // var orig_path = el[0].src; - - if (new RegExp(path, 'i').test(orig_path)) { - return; - } - - el.attr("src", path); - - return trigger(el[0].src); - } - var last_path = el.data(this.data_attr + '-last-path'), - self = this; - - if (last_path == path) { - return; - } - - if (/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i.test(path)) { - $(el).css('background-image', 'url(' + path + ')'); - el.data('interchange-last-path', path); - return trigger(path); - } - - return $.get(path, function (response) { - el.html(response); - el.data(self.data_attr + '-last-path', path); - trigger(); - }); - - } - } - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle random_str'); - - this.data_attr = this.set_data_attr(); - $.extend(true, this.settings, method, options); - this.bindings(method, options); - this.reflow(); - }, - - get_media_hash : function () { - var mediaHash = ''; - for (var queryName in this.settings.named_queries ) { - mediaHash += matchMedia(this.settings.named_queries[queryName]).matches.toString(); - } - return mediaHash; - }, - - events : function () { - var self = this, prevMediaHash; - - $(window) - .off('.interchange') - .on('resize.fndtn.interchange', self.throttle(function () { - var currMediaHash = self.get_media_hash(); - if (currMediaHash !== prevMediaHash) { - self.resize(); - } - prevMediaHash = currMediaHash; - }, 50)); - - return this; - }, - - resize : function () { - var cache = this.cache; - - if (!this.images_loaded || !this.nodes_loaded) { - setTimeout($.proxy(this.resize, this), 50); - return; - } - - for (var uuid in cache) { - if (cache.hasOwnProperty(uuid)) { - var passed = this.results(uuid, cache[uuid]); - if (passed) { - this.settings.directives[passed - .scenario[1]].call(this, passed.el, passed.scenario[0], (function (passed) { - if (arguments[0] instanceof Array) { - var args = arguments[0]; - } else { - var args = Array.prototype.slice.call(arguments, 0); - } - - return function() { - passed.el.trigger(passed.scenario[1], args); - } - }(passed))); - } - } - } - - }, - - results : function (uuid, scenarios) { - var count = scenarios.length; - - if (count > 0) { - var el = this.S('[' + this.add_namespace('data-uuid') + '="' + uuid + '"]'); - - while (count--) { - var mq, rule = scenarios[count][2]; - if (this.settings.named_queries.hasOwnProperty(rule)) { - mq = matchMedia(this.settings.named_queries[rule]); - } else { - mq = matchMedia(rule); - } - if (mq.matches) { - return {el : el, scenario : scenarios[count]}; - } - } - } - - return false; - }, - - load : function (type, force_update) { - if (typeof this['cached_' + type] === 'undefined' || force_update) { - this['update_' + type](); - } - - return this['cached_' + type]; - }, - - update_images : function () { - var images = this.S('img[' + this.data_attr + ']'), - count = images.length, - i = count, - loaded_count = 0, - data_attr = this.data_attr; - - this.cache = {}; - this.cached_images = []; - this.images_loaded = (count === 0); - - while (i--) { - loaded_count++; - if (images[i]) { - var str = images[i].getAttribute(data_attr) || ''; - - if (str.length > 0) { - this.cached_images.push(images[i]); - } - } - - if (loaded_count === count) { - this.images_loaded = true; - this.enhance('images'); - } - } - - return this; - }, - - update_nodes : function () { - var nodes = this.S('[' + this.data_attr + ']').not('img'), - count = nodes.length, - i = count, - loaded_count = 0, - data_attr = this.data_attr; - - this.cached_nodes = []; - this.nodes_loaded = (count === 0); - - while (i--) { - loaded_count++; - var str = nodes[i].getAttribute(data_attr) || ''; - - if (str.length > 0) { - this.cached_nodes.push(nodes[i]); - } - - if (loaded_count === count) { - this.nodes_loaded = true; - this.enhance('nodes'); - } - } - - return this; - }, - - enhance : function (type) { - var i = this['cached_' + type].length; - - while (i--) { - this.object($(this['cached_' + type][i])); - } - - return $(window).trigger('resize.fndtn.interchange'); - }, - - convert_directive : function (directive) { - - var trimmed = this.trim(directive); - - if (trimmed.length > 0) { - return trimmed; - } - - return 'replace'; - }, - - parse_scenario : function (scenario) { - // This logic had to be made more complex since some users were using commas in the url path - // So we cannot simply just split on a comma - - var directive_match = scenario[0].match(/(.+),\s*(\w+)\s*$/), - // getting the mq has gotten a bit complicated since we started accounting for several use cases - // of URLs. For now we'll continue to match these scenarios, but we may consider having these scenarios - // as nested objects or arrays in F6. - // regex: match everything before close parenthesis for mq - media_query = scenario[1].match(/(.*)\)/); - - if (directive_match) { - var path = directive_match[1], - directive = directive_match[2]; - - } else { - var cached_split = scenario[0].split(/,\s*$/), - path = cached_split[0], - directive = ''; - } - - return [this.trim(path), this.convert_directive(directive), this.trim(media_query[1])]; - }, - - object : function (el) { - var raw_arr = this.parse_data_attr(el), - scenarios = [], - i = raw_arr.length; - - if (i > 0) { - while (i--) { - // split array between comma delimited content and mq - // regex: comma, optional space, open parenthesis - var scenario = raw_arr[i].split(/,\s?\(/); - - if (scenario.length > 1) { - var params = this.parse_scenario(scenario); - scenarios.push(params); - } - } - } - - return this.store(el, scenarios); - }, - - store : function (el, scenarios) { - var uuid = this.random_str(), - current_uuid = el.data(this.add_namespace('uuid', true)); - - if (this.cache[current_uuid]) { - return this.cache[current_uuid]; - } - - el.attr(this.add_namespace('data-uuid'), uuid); - return this.cache[uuid] = scenarios; - }, - - trim : function (str) { - - if (typeof str === 'string') { - return $.trim(str); - } - - return str; - }, - - set_data_attr : function (init) { - if (init) { - if (this.namespace.length > 0) { - return this.namespace + '-' + this.settings.load_attr; - } - - return this.settings.load_attr; - } - - if (this.namespace.length > 0) { - return 'data-' + this.namespace + '-' + this.settings.load_attr; - } - - return 'data-' + this.settings.load_attr; - }, - - parse_data_attr : function (el) { - var raw = el.attr(this.attr_name()).split(/\[(.*?)\]/), - i = raw.length, - output = []; - - while (i--) { - if (raw[i].replace(/[\W\d]+/, '').length > 4) { - output.push(raw[i]); - } - } - - return output; - }, - - reflow : function () { - this.load('images', true); - this.load('nodes', true); - } - - }; - -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - var Modernizr = Modernizr || false; - - Foundation.libs.joyride = { - name : 'joyride', - - version : '5.5.3', - - defaults : { - expose : false, // turn on or off the expose feature - modal : true, // Whether to cover page with modal during the tour - keyboard : true, // enable left, right and esc keystrokes - tip_location : 'bottom', // 'top', 'bottom', 'left' or 'right' in relation to parent - nub_position : 'auto', // override on a per tooltip bases - scroll_speed : 1500, // Page scrolling speed in milliseconds, 0 = no scroll animation - scroll_animation : 'linear', // supports 'swing' and 'linear', extend with jQuery UI. - timer : 0, // 0 = no timer , all other numbers = timer in milliseconds - start_timer_on_click : true, // true or false - true requires clicking the first button start the timer - start_offset : 0, // the index of the tooltip you want to start on (index of the li) - next_button : true, // true or false to control whether a next button is used - prev_button : true, // true or false to control whether a prev button is used - tip_animation : 'fade', // 'pop' or 'fade' in each tip - pause_after : [], // array of indexes where to pause the tour after - exposed : [], // array of expose elements - tip_animation_fade_speed : 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition - cookie_monster : false, // true or false to control whether cookies are used - cookie_name : 'joyride', // Name the cookie you'll use - cookie_domain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com' - cookie_expires : 365, // set when you would like the cookie to expire. - tip_container : 'body', // Where will the tip be attached - abort_on_close : true, // When true, the close event will not fire any callback - tip_location_patterns : { - top : ['bottom'], - bottom : [], // bottom should not need to be repositioned - left : ['right', 'top', 'bottom'], - right : ['left', 'top', 'bottom'] - }, - post_ride_callback : function () {}, // A method to call once the tour closes (canceled or complete) - post_step_callback : function () {}, // A method to call after each step - pre_step_callback : function () {}, // A method to call before each step - pre_ride_callback : function () {}, // A method to call before the tour starts (passed index, tip, and cloned exposed element) - post_expose_callback : function () {}, // A method to call after an element has been exposed - template : { // HTML segments for tip layout - link : '×', - timer : '
', - tip : '
', - wrapper : '
', - button : '', - prev_button : '', - modal : '
', - expose : '
', - expose_cover : '
' - }, - expose_add_class : '' // One or more space-separated class names to be added to exposed element - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle random_str'); - - this.settings = this.settings || $.extend({}, this.defaults, (options || method)); - - this.bindings(method, options) - }, - - go_next : function () { - if (this.settings.$li.next().length < 1) { - this.end(); - } else if (this.settings.timer > 0) { - clearTimeout(this.settings.automate); - this.hide(); - this.show(); - this.startTimer(); - } else { - this.hide(); - this.show(); - } - }, - - go_prev : function () { - if (this.settings.$li.prev().length < 1) { - // Do nothing if there are no prev element - } else if (this.settings.timer > 0) { - clearTimeout(this.settings.automate); - this.hide(); - this.show(null, true); - this.startTimer(); - } else { - this.hide(); - this.show(null, true); - } - }, - - events : function () { - var self = this; - - $(this.scope) - .off('.joyride') - .on('click.fndtn.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) { - e.preventDefault(); - this.go_next() - }.bind(this)) - .on('click.fndtn.joyride', '.joyride-prev-tip', function (e) { - e.preventDefault(); - this.go_prev(); - }.bind(this)) - - .on('click.fndtn.joyride', '.joyride-close-tip', function (e) { - e.preventDefault(); - this.end(this.settings.abort_on_close); - }.bind(this)) - - .on('keyup.fndtn.joyride', function (e) { - // Don't do anything if keystrokes are disabled - // or if the joyride is not being shown - if (!this.settings.keyboard || !this.settings.riding) { - return; - } - - switch (e.which) { - case 39: // right arrow - e.preventDefault(); - this.go_next(); - break; - case 37: // left arrow - e.preventDefault(); - this.go_prev(); - break; - case 27: // escape - e.preventDefault(); - this.end(this.settings.abort_on_close); - } - }.bind(this)); - - $(window) - .off('.joyride') - .on('resize.fndtn.joyride', self.throttle(function () { - if ($('[' + self.attr_name() + ']').length > 0 && self.settings.$next_tip && self.settings.riding) { - if (self.settings.exposed.length > 0) { - var $els = $(self.settings.exposed); - - $els.each(function () { - var $this = $(this); - self.un_expose($this); - self.expose($this); - }); - } - - if (self.is_phone()) { - self.pos_phone(); - } else { - self.pos_default(false); - } - } - }, 100)); - }, - - start : function () { - var self = this, - $this = $('[' + this.attr_name() + ']', this.scope), - integer_settings = ['timer', 'scrollSpeed', 'startOffset', 'tipAnimationFadeSpeed', 'cookieExpires'], - int_settings_count = integer_settings.length; - - if (!$this.length > 0) { - return; - } - - if (!this.settings.init) { - this.events(); - } - - this.settings = $this.data(this.attr_name(true) + '-init'); - - // non configureable settings - this.settings.$content_el = $this; - this.settings.$body = $(this.settings.tip_container); - this.settings.body_offset = $(this.settings.tip_container).position(); - this.settings.$tip_content = this.settings.$content_el.find('> li'); - this.settings.paused = false; - this.settings.attempts = 0; - this.settings.riding = true; - - // can we create cookies? - if (typeof $.cookie !== 'function') { - this.settings.cookie_monster = false; - } - - // generate the tips and insert into dom. - if (!this.settings.cookie_monster || this.settings.cookie_monster && !$.cookie(this.settings.cookie_name)) { - this.settings.$tip_content.each(function (index) { - var $this = $(this); - this.settings = $.extend({}, self.defaults, self.data_options($this)); - - // Make sure that settings parsed from data_options are integers where necessary - var i = int_settings_count; - while (i--) { - self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10); - } - self.create({$li : $this, index : index}); - }); - - // show first tip - if (!this.settings.start_timer_on_click && this.settings.timer > 0) { - this.show('init'); - this.startTimer(); - } else { - this.show('init'); - } - - } - }, - - resume : function () { - this.set_li(); - this.show(); - }, - - tip_template : function (opts) { - var $blank, content; - - opts.tip_class = opts.tip_class || ''; - - $blank = $(this.settings.template.tip).addClass(opts.tip_class); - content = $.trim($(opts.li).html()) + - this.prev_button_text(opts.prev_button_text, opts.index) + - this.button_text(opts.button_text) + - this.settings.template.link + - this.timer_instance(opts.index); - - $blank.append($(this.settings.template.wrapper)); - $blank.first().attr(this.add_namespace('data-index'), opts.index); - $('.joyride-content-wrapper', $blank).append(content); - - return $blank[0]; - }, - - timer_instance : function (index) { - var txt; - - if ((index === 0 && this.settings.start_timer_on_click && this.settings.timer > 0) || this.settings.timer === 0) { - txt = ''; - } else { - txt = $(this.settings.template.timer)[0].outerHTML; - } - return txt; - }, - - button_text : function (txt) { - if (this.settings.tip_settings.next_button) { - txt = $.trim(txt) || 'Next'; - txt = $(this.settings.template.button).append(txt)[0].outerHTML; - } else { - txt = ''; - } - return txt; - }, - - prev_button_text : function (txt, idx) { - if (this.settings.tip_settings.prev_button) { - txt = $.trim(txt) || 'Previous'; - - // Add the disabled class to the button if it's the first element - if (idx == 0) { - txt = $(this.settings.template.prev_button).append(txt).addClass('disabled')[0].outerHTML; - } else { - txt = $(this.settings.template.prev_button).append(txt)[0].outerHTML; - } - } else { - txt = ''; - } - return txt; - }, - - create : function (opts) { - this.settings.tip_settings = $.extend({}, this.settings, this.data_options(opts.$li)); - var buttonText = opts.$li.attr(this.add_namespace('data-button')) || opts.$li.attr(this.add_namespace('data-text')), - prevButtonText = opts.$li.attr(this.add_namespace('data-button-prev')) || opts.$li.attr(this.add_namespace('data-prev-text')), - tipClass = opts.$li.attr('class'), - $tip_content = $(this.tip_template({ - tip_class : tipClass, - index : opts.index, - button_text : buttonText, - prev_button_text : prevButtonText, - li : opts.$li - })); - - $(this.settings.tip_container).append($tip_content); - }, - - show : function (init, is_prev) { - var $timer = null; - - // are we paused? - if (this.settings.$li === undefined || ($.inArray(this.settings.$li.index(), this.settings.pause_after) === -1)) { - - // don't go to the next li if the tour was paused - if (this.settings.paused) { - this.settings.paused = false; - } else { - this.set_li(init, is_prev); - } - - this.settings.attempts = 0; - - if (this.settings.$li.length && this.settings.$target.length > 0) { - if (init) { //run when we first start - this.settings.pre_ride_callback(this.settings.$li.index(), this.settings.$next_tip); - if (this.settings.modal) { - this.show_modal(); - } - } - - this.settings.pre_step_callback(this.settings.$li.index(), this.settings.$next_tip); - - if (this.settings.modal && this.settings.expose) { - this.expose(); - } - - this.settings.tip_settings = $.extend({}, this.settings, this.data_options(this.settings.$li)); - - this.settings.timer = parseInt(this.settings.timer, 10); - - this.settings.tip_settings.tip_location_pattern = this.settings.tip_location_patterns[this.settings.tip_settings.tip_location]; - - // scroll and hide bg if not modal and not expose - if (!/body/i.test(this.settings.$target.selector) && !this.settings.expose) { - var joyridemodalbg = $('.joyride-modal-bg'); - if (/pop/i.test(this.settings.tipAnimation)) { - joyridemodalbg.hide(); - } else { - joyridemodalbg.fadeOut(this.settings.tipAnimationFadeSpeed); - } - this.scroll_to(); - } - - if (this.is_phone()) { - this.pos_phone(true); - } else { - this.pos_default(true); - } - - $timer = this.settings.$next_tip.find('.joyride-timer-indicator'); - - if (/pop/i.test(this.settings.tip_animation)) { - - $timer.width(0); - - if (this.settings.timer > 0) { - - this.settings.$next_tip.show(); - - setTimeout(function () { - $timer.animate({ - width : $timer.parent().width() - }, this.settings.timer, 'linear'); - }.bind(this), this.settings.tip_animation_fade_speed); - - } else { - this.settings.$next_tip.show(); - - } - - } else if (/fade/i.test(this.settings.tip_animation)) { - - $timer.width(0); - - if (this.settings.timer > 0) { - - this.settings.$next_tip - .fadeIn(this.settings.tip_animation_fade_speed) - .show(); - - setTimeout(function () { - $timer.animate({ - width : $timer.parent().width() - }, this.settings.timer, 'linear'); - }.bind(this), this.settings.tip_animation_fade_speed); - - } else { - this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed); - } - } - - this.settings.$current_tip = this.settings.$next_tip; - - // skip non-existant targets - } else if (this.settings.$li && this.settings.$target.length < 1) { - - this.show(init, is_prev); - - } else { - - this.end(); - - } - } else { - - this.settings.paused = true; - - } - - }, - - is_phone : function () { - return matchMedia(Foundation.media_queries.small).matches && - !matchMedia(Foundation.media_queries.medium).matches; - }, - - hide : function () { - if (this.settings.modal && this.settings.expose) { - this.un_expose(); - } - - if (!this.settings.modal) { - $('.joyride-modal-bg').hide(); - } - - // Prevent scroll bouncing...wait to remove from layout - this.settings.$current_tip.css('visibility', 'hidden'); - setTimeout($.proxy(function () { - this.hide(); - this.css('visibility', 'visible'); - }, this.settings.$current_tip), 0); - this.settings.post_step_callback(this.settings.$li.index(), - this.settings.$current_tip); - }, - - set_li : function (init, is_prev) { - if (init) { - this.settings.$li = this.settings.$tip_content.eq(this.settings.start_offset); - this.set_next_tip(); - this.settings.$current_tip = this.settings.$next_tip; - } else { - if (is_prev) { - this.settings.$li = this.settings.$li.prev(); - } else { - this.settings.$li = this.settings.$li.next(); - } - this.set_next_tip(); - } - - this.set_target(); - }, - - set_next_tip : function () { - this.settings.$next_tip = $('.joyride-tip-guide').eq(this.settings.$li.index()); - this.settings.$next_tip.data('closed', ''); - }, - - set_target : function () { - var cl = this.settings.$li.attr(this.add_namespace('data-class')), - id = this.settings.$li.attr(this.add_namespace('data-id')), - $sel = function () { - if (id) { - return $(document.getElementById(id)); - } else if (cl) { - return $('.' + cl).first(); - } else { - return $('body'); - } - }; - - this.settings.$target = $sel(); - }, - - scroll_to : function () { - var window_half, tipOffset; - - window_half = $(window).height() / 2; - tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()); - - if (tipOffset != 0) { - $('html, body').stop().animate({ - scrollTop : tipOffset - }, this.settings.scroll_speed, 'swing'); - } - }, - - paused : function () { - return ($.inArray((this.settings.$li.index() + 1), this.settings.pause_after) === -1); - }, - - restart : function () { - this.hide(); - this.settings.$li = undefined; - this.show('init'); - }, - - pos_default : function (init) { - var $nub = this.settings.$next_tip.find('.joyride-nub'), - nub_width = Math.ceil($nub.outerWidth() / 2), - nub_height = Math.ceil($nub.outerHeight() / 2), - toggle = init || false; - - // tip must not be "display: none" to calculate position - if (toggle) { - this.settings.$next_tip.css('visibility', 'hidden'); - this.settings.$next_tip.show(); - } - - if (!/body/i.test(this.settings.$target.selector)) { - var topAdjustment = this.settings.tip_settings.tipAdjustmentY ? parseInt(this.settings.tip_settings.tipAdjustmentY) : 0, - leftAdjustment = this.settings.tip_settings.tipAdjustmentX ? parseInt(this.settings.tip_settings.tipAdjustmentX) : 0; - - if (this.bottom()) { - if (this.rtl) { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight() + topAdjustment), - left : this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth() + leftAdjustment}); - } else { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight() + topAdjustment), - left : this.settings.$target.offset().left + leftAdjustment}); - } - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'top'); - - } else if (this.top()) { - if (this.rtl) { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height + topAdjustment), - left : this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth()}); - } else { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height + topAdjustment), - left : this.settings.$target.offset().left + leftAdjustment}); - } - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'bottom'); - - } else if (this.right()) { - - this.settings.$next_tip.css({ - top : this.settings.$target.offset().top + topAdjustment, - left : (this.settings.$target.outerWidth() + this.settings.$target.offset().left + nub_width + leftAdjustment)}); - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'left'); - - } else if (this.left()) { - - this.settings.$next_tip.css({ - top : this.settings.$target.offset().top + topAdjustment, - left : (this.settings.$target.offset().left - this.settings.$next_tip.outerWidth() - nub_width + leftAdjustment)}); - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'right'); - - } - - if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tip_settings.tip_location_pattern.length) { - - $nub.removeClass('bottom') - .removeClass('top') - .removeClass('right') - .removeClass('left'); - - this.settings.tip_settings.tip_location = this.settings.tip_settings.tip_location_pattern[this.settings.attempts]; - - this.settings.attempts++; - - this.pos_default(); - - } - - } else if (this.settings.$li.length) { - - this.pos_modal($nub); - - } - - if (toggle) { - this.settings.$next_tip.hide(); - this.settings.$next_tip.css('visibility', 'visible'); - } - - }, - - pos_phone : function (init) { - var tip_height = this.settings.$next_tip.outerHeight(), - tip_offset = this.settings.$next_tip.offset(), - target_height = this.settings.$target.outerHeight(), - $nub = $('.joyride-nub', this.settings.$next_tip), - nub_height = Math.ceil($nub.outerHeight() / 2), - toggle = init || false; - - $nub.removeClass('bottom') - .removeClass('top') - .removeClass('right') - .removeClass('left'); - - if (toggle) { - this.settings.$next_tip.css('visibility', 'hidden'); - this.settings.$next_tip.show(); - } - - if (!/body/i.test(this.settings.$target.selector)) { - - if (this.top()) { - - this.settings.$next_tip.offset({top : this.settings.$target.offset().top - tip_height - nub_height}); - $nub.addClass('bottom'); - - } else { - - this.settings.$next_tip.offset({top : this.settings.$target.offset().top + target_height + nub_height}); - $nub.addClass('top'); - - } - - } else if (this.settings.$li.length) { - this.pos_modal($nub); - } - - if (toggle) { - this.settings.$next_tip.hide(); - this.settings.$next_tip.css('visibility', 'visible'); - } - }, - - pos_modal : function ($nub) { - this.center(); - $nub.hide(); - - this.show_modal(); - }, - - show_modal : function () { - if (!this.settings.$next_tip.data('closed')) { - var joyridemodalbg = $('.joyride-modal-bg'); - if (joyridemodalbg.length < 1) { - var joyridemodalbg = $(this.settings.template.modal); - joyridemodalbg.appendTo('body'); - } - - if (/pop/i.test(this.settings.tip_animation)) { - joyridemodalbg.show(); - } else { - joyridemodalbg.fadeIn(this.settings.tip_animation_fade_speed); - } - } - }, - - expose : function () { - var expose, - exposeCover, - el, - origCSS, - origClasses, - randId = 'expose-' + this.random_str(6); - - if (arguments.length > 0 && arguments[0] instanceof $) { - el = arguments[0]; - } else if (this.settings.$target && !/body/i.test(this.settings.$target.selector)) { - el = this.settings.$target; - } else { - return false; - } - - if (el.length < 1) { - if (window.console) { - console.error('element not valid', el); - } - return false; - } - - expose = $(this.settings.template.expose); - this.settings.$body.append(expose); - expose.css({ - top : el.offset().top, - left : el.offset().left, - width : el.outerWidth(true), - height : el.outerHeight(true) - }); - - exposeCover = $(this.settings.template.expose_cover); - - origCSS = { - zIndex : el.css('z-index'), - position : el.css('position') - }; - - origClasses = el.attr('class') == null ? '' : el.attr('class'); - - el.css('z-index', parseInt(expose.css('z-index')) + 1); - - if (origCSS.position == 'static') { - el.css('position', 'relative'); - } - - el.data('expose-css', origCSS); - el.data('orig-class', origClasses); - el.attr('class', origClasses + ' ' + this.settings.expose_add_class); - - exposeCover.css({ - top : el.offset().top, - left : el.offset().left, - width : el.outerWidth(true), - height : el.outerHeight(true) - }); - - if (this.settings.modal) { - this.show_modal(); - } - - this.settings.$body.append(exposeCover); - expose.addClass(randId); - exposeCover.addClass(randId); - el.data('expose', randId); - this.settings.post_expose_callback(this.settings.$li.index(), this.settings.$next_tip, el); - this.add_exposed(el); - }, - - un_expose : function () { - var exposeId, - el, - expose, - origCSS, - origClasses, - clearAll = false; - - if (arguments.length > 0 && arguments[0] instanceof $) { - el = arguments[0]; - } else if (this.settings.$target && !/body/i.test(this.settings.$target.selector)) { - el = this.settings.$target; - } else { - return false; - } - - if (el.length < 1) { - if (window.console) { - console.error('element not valid', el); - } - return false; - } - - exposeId = el.data('expose'); - expose = $('.' + exposeId); - - if (arguments.length > 1) { - clearAll = arguments[1]; - } - - if (clearAll === true) { - $('.joyride-expose-wrapper,.joyride-expose-cover').remove(); - } else { - expose.remove(); - } - - origCSS = el.data('expose-css'); - - if (origCSS.zIndex == 'auto') { - el.css('z-index', ''); - } else { - el.css('z-index', origCSS.zIndex); - } - - if (origCSS.position != el.css('position')) { - if (origCSS.position == 'static') {// this is default, no need to set it. - el.css('position', ''); - } else { - el.css('position', origCSS.position); - } - } - - origClasses = el.data('orig-class'); - el.attr('class', origClasses); - el.removeData('orig-classes'); - - el.removeData('expose'); - el.removeData('expose-z-index'); - this.remove_exposed(el); - }, - - add_exposed : function (el) { - this.settings.exposed = this.settings.exposed || []; - if (el instanceof $ || typeof el === 'object') { - this.settings.exposed.push(el[0]); - } else if (typeof el == 'string') { - this.settings.exposed.push(el); - } - }, - - remove_exposed : function (el) { - var search, i; - if (el instanceof $) { - search = el[0] - } else if (typeof el == 'string') { - search = el; - } - - this.settings.exposed = this.settings.exposed || []; - i = this.settings.exposed.length; - - while (i--) { - if (this.settings.exposed[i] == search) { - this.settings.exposed.splice(i, 1); - return; - } - } - }, - - center : function () { - var $w = $(window); - - this.settings.$next_tip.css({ - top : ((($w.height() - this.settings.$next_tip.outerHeight()) / 2) + $w.scrollTop()), - left : ((($w.width() - this.settings.$next_tip.outerWidth()) / 2) + $w.scrollLeft()) - }); - - return true; - }, - - bottom : function () { - return /bottom/i.test(this.settings.tip_settings.tip_location); - }, - - top : function () { - return /top/i.test(this.settings.tip_settings.tip_location); - }, - - right : function () { - return /right/i.test(this.settings.tip_settings.tip_location); - }, - - left : function () { - return /left/i.test(this.settings.tip_settings.tip_location); - }, - - corners : function (el) { - if (el.length === 0) { - return [false, false, false, false]; - } - - var w = $(window), - window_half = w.height() / 2, - //using this to calculate since scroll may not have finished yet. - tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()), - right = w.width() + w.scrollLeft(), - offsetBottom = w.height() + tipOffset, - bottom = w.height() + w.scrollTop(), - top = w.scrollTop(); - - if (tipOffset < top) { - if (tipOffset < 0) { - top = 0; - } else { - top = tipOffset; - } - } - - if (offsetBottom > bottom) { - bottom = offsetBottom; - } - - return [ - el.offset().top < top, - right < el.offset().left + el.outerWidth(), - bottom < el.offset().top + el.outerHeight(), - w.scrollLeft() > el.offset().left - ]; - }, - - visible : function (hidden_corners) { - var i = hidden_corners.length; - - while (i--) { - if (hidden_corners[i]) { - return false; - } - } - - return true; - }, - - nub_position : function (nub, pos, def) { - if (pos === 'auto') { - nub.addClass(def); - } else { - nub.addClass(pos); - } - }, - - startTimer : function () { - if (this.settings.$li.length) { - this.settings.automate = setTimeout(function () { - this.hide(); - this.show(); - this.startTimer(); - }.bind(this), this.settings.timer); - } else { - clearTimeout(this.settings.automate); - } - }, - - end : function (abort) { - if (this.settings.cookie_monster) { - $.cookie(this.settings.cookie_name, 'ridden', {expires : this.settings.cookie_expires, domain : this.settings.cookie_domain}); - } - - if (this.settings.timer > 0) { - clearTimeout(this.settings.automate); - } - - if (this.settings.modal && this.settings.expose) { - this.un_expose(); - } - - // Unplug keystrokes listener - $(this.scope).off('keyup.joyride') - - this.settings.$next_tip.data('closed', true); - this.settings.riding = false; - - $('.joyride-modal-bg').hide(); - this.settings.$current_tip.hide(); - - if (typeof abort === 'undefined' || abort === false) { - this.settings.post_step_callback(this.settings.$li.index(), this.settings.$current_tip); - this.settings.post_ride_callback(this.settings.$li.index(), this.settings.$current_tip); - } - - $('.joyride-tip-guide').remove(); - }, - - off : function () { - $(this.scope).off('.joyride'); - $(window).off('.joyride'); - $('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride'); - $('.joyride-tip-guide, .joyride-modal-bg').remove(); - clearTimeout(this.settings.automate); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs['magellan-expedition'] = { - name : 'magellan-expedition', - - version : '5.5.3', - - settings : { - active_class : 'active', - threshold : 0, // pixels from the top of the expedition for it to become fixes - destination_threshold : 20, // pixels from the top of destination for it to be considered active - throttle_delay : 30, // calculation throttling to increase framerate - fixed_top : 0, // top distance in pixels assigend to the fixed element on scroll - offset_by_height : true, // whether to offset the destination by the expedition height. Usually you want this to be true, unless your expedition is on the side. - duration : 700, // animation duration time - easing : 'swing' // animation easing - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle'); - this.bindings(method, options); - }, - - events : function () { - var self = this, - S = self.S, - settings = self.settings; - - // initialize expedition offset - self.set_expedition_position(); - - S(self.scope) - .off('.magellan') - .on('click.fndtn.magellan', '[' + self.add_namespace('data-magellan-arrival') + '] a[href*=#]', function (e) { - var sameHost = ((this.hostname === location.hostname) || !this.hostname), - samePath = self.filterPathname(location.pathname) === self.filterPathname(this.pathname), - testHash = this.hash.replace(/(:|\.|\/)/g, '\\$1'), - anchor = this; - - if (sameHost && samePath && testHash) { - e.preventDefault(); - var expedition = $(this).closest('[' + self.attr_name() + ']'), - settings = expedition.data('magellan-expedition-init'), - hash = this.hash.split('#').join(''), - target = $('a[name="' + hash + '"]'); - - if (target.length === 0) { - target = $('#' + hash); - - } - - // Account for expedition height if fixed position - var scroll_top = target.offset().top - settings.destination_threshold + 1; - if (settings.offset_by_height) { - scroll_top = scroll_top - expedition.outerHeight(); - } - $('html, body').stop().animate({ - 'scrollTop' : scroll_top - }, settings.duration, settings.easing, function () { - if (history.pushState) { - history.pushState(null, null, anchor.pathname + anchor.search + '#' + hash); - } else { - location.hash = anchor.pathname + anchor.search + '#' + hash; - } - }); - } - }) - .on('scroll.fndtn.magellan', self.throttle(this.check_for_arrivals.bind(this), settings.throttle_delay)); - }, - - check_for_arrivals : function () { - var self = this; - self.update_arrivals(); - self.update_expedition_positions(); - }, - - set_expedition_position : function () { - var self = this; - $('[' + this.attr_name() + '=fixed]', self.scope).each(function (idx, el) { - var expedition = $(this), - settings = expedition.data('magellan-expedition-init'), - styles = expedition.attr('styles'), // save styles - top_offset, fixed_top; - - expedition.attr('style', ''); - top_offset = expedition.offset().top + settings.threshold; - - //set fixed-top by attribute - fixed_top = parseInt(expedition.data('magellan-fixed-top')); - if (!isNaN(fixed_top)) { - self.settings.fixed_top = fixed_top; - } - - expedition.data(self.data_attr('magellan-top-offset'), top_offset); - expedition.attr('style', styles); - }); - }, - - update_expedition_positions : function () { - var self = this, - window_top_offset = $(window).scrollTop(); - - $('[' + this.attr_name() + '=fixed]', self.scope).each(function () { - var expedition = $(this), - settings = expedition.data('magellan-expedition-init'), - styles = expedition.attr('style'), // save styles - top_offset = expedition.data('magellan-top-offset'); - - //scroll to the top distance - if (window_top_offset + self.settings.fixed_top >= top_offset) { - // Placeholder allows height calculations to be consistent even when - // appearing to switch between fixed/non-fixed placement - var placeholder = expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']'); - if (placeholder.length === 0) { - placeholder = expedition.clone(); - placeholder.removeAttr(self.attr_name()); - placeholder.attr(self.add_namespace('data-magellan-expedition-clone'), ''); - expedition.before(placeholder); - } - expedition.css({position :'fixed', top : settings.fixed_top}).addClass('fixed'); - } else { - expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']').remove(); - expedition.attr('style', styles).css('position', '').css('top', '').removeClass('fixed'); - } - }); - }, - - update_arrivals : function () { - var self = this, - window_top_offset = $(window).scrollTop(); - - $('[' + this.attr_name() + ']', self.scope).each(function () { - var expedition = $(this), - settings = expedition.data(self.attr_name(true) + '-init'), - offsets = self.offsets(expedition, window_top_offset), - arrivals = expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']'), - active_item = false; - offsets.each(function (idx, item) { - if (item.viewport_offset >= item.top_offset) { - var arrivals = expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']'); - arrivals.not(item.arrival).removeClass(settings.active_class); - item.arrival.addClass(settings.active_class); - active_item = true; - return true; - } - }); - - if (!active_item) { - arrivals.removeClass(settings.active_class); - } - }); - }, - - offsets : function (expedition, window_offset) { - var self = this, - settings = expedition.data(self.attr_name(true) + '-init'), - viewport_offset = window_offset; - - return expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']').map(function (idx, el) { - var name = $(this).data(self.data_attr('magellan-arrival')), - dest = $('[' + self.add_namespace('data-magellan-destination') + '=' + name + ']'); - if (dest.length > 0) { - var top_offset = dest.offset().top - settings.destination_threshold; - if (settings.offset_by_height) { - top_offset = top_offset - expedition.outerHeight(); - } - top_offset = Math.floor(top_offset); - return { - destination : dest, - arrival : $(this), - top_offset : top_offset, - viewport_offset : viewport_offset - } - } - }).sort(function (a, b) { - if (a.top_offset < b.top_offset) { - return -1; - } - if (a.top_offset > b.top_offset) { - return 1; - } - return 0; - }); - }, - - data_attr : function (str) { - if (this.namespace.length > 0) { - return this.namespace + '-' + str; - } - - return str; - }, - - off : function () { - this.S(this.scope).off('.magellan'); - this.S(window).off('.magellan'); - }, - - filterPathname : function (pathname) { - pathname = pathname || ''; - return pathname - .replace(/^\//,'') - .replace(/(?:index|default).[a-zA-Z]{3,4}$/,'') - .replace(/\/$/,''); - }, - - reflow : function () { - var self = this; - // remove placeholder expeditions used for height calculation purposes - $('[' + self.add_namespace('data-magellan-expedition-clone') + ']', self.scope).remove(); - } - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.offcanvas = { - name : 'offcanvas', - - version : '5.5.3', - - settings : { - open_method : 'move', - close_on_click : false - }, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function () { - var self = this, - S = self.S, - move_class = '', - right_postfix = '', - left_postfix = '', - top_postfix = '', - bottom_postfix = ''; - - if (this.settings.open_method === 'move') { - move_class = 'move-'; - right_postfix = 'right'; - left_postfix = 'left'; - top_postfix = 'top'; - bottom_postfix = 'bottom'; - } else if (this.settings.open_method === 'overlap_single') { - move_class = 'offcanvas-overlap-'; - right_postfix = 'right'; - left_postfix = 'left'; - top_postfix = 'top'; - bottom_postfix = 'bottom'; - } else if (this.settings.open_method === 'overlap') { - move_class = 'offcanvas-overlap'; - } - - S(this.scope).off('.offcanvas') - .on('click.fndtn.offcanvas', '.left-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + right_postfix); - if (self.settings.open_method !== 'overlap') { - S('.left-submenu').removeClass(move_class + right_postfix); - } - $('.left-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.left-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + right_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + right_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.left-submenu').toggleClass(move_class + right_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + right_postfix); - } - $('.left-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of left canvas - .on('click.fndtn.offcanvas', '.right-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + left_postfix); - if (self.settings.open_method !== 'overlap') { - S('.right-submenu').removeClass(move_class + left_postfix); - } - $('.right-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.right-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + left_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + left_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.right-submenu').toggleClass(move_class + left_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + left_postfix); - } - $('.right-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of right canvas - .on('click.fndtn.offcanvas', '.top-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + bottom_postfix); - if (self.settings.open_method !== 'overlap') { - S('.top-submenu').removeClass(move_class + bottom_postfix); - } - $('.top-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.top-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + bottom_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + bottom_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.top-submenu').toggleClass(move_class + bottom_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + bottom_postfix); - } - $('.top-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of top canvas - .on('click.fndtn.offcanvas', '.bottom-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + top_postfix); - if (self.settings.open_method !== 'overlap') { - S('.bottom-submenu').removeClass(move_class + top_postfix); - } - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.bottom-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + top_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + top_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.bottom-submenu').toggleClass(move_class + top_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + top_postfix); - } - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of bottom - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + left_postfix); - S('.right-submenu').removeClass(move_class + left_postfix); - if (right_postfix) { - self.click_remove_class(e, move_class + right_postfix); - S('.left-submenu').removeClass(move_class + left_postfix); - } - $('.right-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + left_postfix); - $('.left-off-canvas-toggle').attr('aria-expanded', 'false'); - if (right_postfix) { - self.click_remove_class(e, move_class + right_postfix); - $('.right-off-canvas-toggle').attr('aria-expanded', 'false'); - } - }) - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + top_postfix); - S('.bottom-submenu').removeClass(move_class + top_postfix); - if (bottom_postfix) { - self.click_remove_class(e, move_class + bottom_postfix); - S('.top-submenu').removeClass(move_class + top_postfix); - } - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + top_postfix); - $('.top-off-canvas-toggle').attr('aria-expanded', 'false'); - if (bottom_postfix) { - self.click_remove_class(e, move_class + bottom_postfix); - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'false'); - } - }); - }, - - toggle : function (class_name, $off_canvas) { - $off_canvas = $off_canvas || this.get_wrapper(); - if ($off_canvas.is('.' + class_name)) { - this.hide(class_name, $off_canvas); - } else { - this.show(class_name, $off_canvas); - } - }, - - show : function (class_name, $off_canvas) { - $off_canvas = $off_canvas || this.get_wrapper(); - $off_canvas.trigger('open.fndtn.offcanvas'); - $off_canvas.addClass(class_name); - }, - - hide : function (class_name, $off_canvas) { - $off_canvas = $off_canvas || this.get_wrapper(); - $off_canvas.trigger('close.fndtn.offcanvas'); - $off_canvas.removeClass(class_name); - }, - - click_toggle_class : function (e, class_name) { - e.preventDefault(); - var $off_canvas = this.get_wrapper(e); - this.toggle(class_name, $off_canvas); - }, - - click_remove_class : function (e, class_name) { - e.preventDefault(); - var $off_canvas = this.get_wrapper(e); - this.hide(class_name, $off_canvas); - }, - - get_settings : function (e) { - var offcanvas = this.S(e.target).closest('[' + this.attr_name() + ']'); - return offcanvas.data(this.attr_name(true) + '-init') || this.settings; - }, - - get_wrapper : function (e) { - var $off_canvas = this.S(e ? e.target : this.scope).closest('.off-canvas-wrap'); - - if ($off_canvas.length === 0) { - $off_canvas = this.S('.off-canvas-wrap'); - } - return $off_canvas; - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - var noop = function () {}; - - var Orbit = function (el, settings) { - // Don't reinitialize plugin - if (el.hasClass(settings.slides_container_class)) { - return this; - } - - var self = this, - container, - slides_container = el, - number_container, - bullets_container, - timer_container, - idx = 0, - animate, - timer, - locked = false, - adjust_height_after = false; - - self.slides = function () { - return slides_container.children(settings.slide_selector); - }; - - self.slides().first().addClass(settings.active_slide_class); - - self.update_slide_number = function (index) { - if (settings.slide_number) { - number_container.find('span:first').text(parseInt(index) + 1); - number_container.find('span:last').text(self.slides().length); - } - if (settings.bullets) { - bullets_container.children().removeClass(settings.bullets_active_class); - $(bullets_container.children().get(index)).addClass(settings.bullets_active_class); - } - }; - - self.update_active_link = function (index) { - var link = $('[data-orbit-link="' + self.slides().eq(index).attr('data-orbit-slide') + '"]'); - link.siblings().removeClass(settings.bullets_active_class); - link.addClass(settings.bullets_active_class); - }; - - self.build_markup = function () { - slides_container.wrap('
'); - container = slides_container.parent(); - slides_container.addClass(settings.slides_container_class); - - if (settings.stack_on_small) { - container.addClass(settings.stack_on_small_class); - } - - if (settings.navigation_arrows) { - container.append($('').addClass(settings.prev_class)); - container.append($('').addClass(settings.next_class)); - } - - if (settings.timer) { - timer_container = $('
').addClass(settings.timer_container_class); - timer_container.append(''); - timer_container.append($('
').addClass(settings.timer_progress_class)); - timer_container.addClass(settings.timer_paused_class); - container.append(timer_container); - } - - if (settings.slide_number) { - number_container = $('
').addClass(settings.slide_number_class); - number_container.append(' ' + settings.slide_number_text + ' '); - container.append(number_container); - } - - if (settings.bullets) { - bullets_container = $('
    ').addClass(settings.bullets_container_class); - container.append(bullets_container); - bullets_container.wrap('
    '); - self.slides().each(function (idx, el) { - var bullet = $('
  1. ').attr('data-orbit-slide', idx).on('click', self.link_bullet);; - bullets_container.append(bullet); - }); - } - - }; - - self._goto = function (next_idx, start_timer) { - // if (locked) {return false;} - if (next_idx === idx) {return false;} - if (typeof timer === 'object') {timer.restart();} - var slides = self.slides(); - - var dir = 'next'; - locked = true; - if (next_idx < idx) {dir = 'prev';} - if (next_idx >= slides.length) { - if (!settings.circular) { - return false; - } - next_idx = 0; - } else if (next_idx < 0) { - if (!settings.circular) { - return false; - } - next_idx = slides.length - 1; - } - - var current = $(slides.get(idx)); - var next = $(slides.get(next_idx)); - - current.css('zIndex', 2); - current.removeClass(settings.active_slide_class); - next.css('zIndex', 4).addClass(settings.active_slide_class); - - slides_container.trigger('before-slide-change.fndtn.orbit'); - settings.before_slide_change(); - self.update_active_link(next_idx); - - var callback = function () { - var unlock = function () { - idx = next_idx; - locked = false; - if (start_timer === true) {timer = self.create_timer(); timer.start();} - self.update_slide_number(idx); - slides_container.trigger('after-slide-change.fndtn.orbit', [{slide_number : idx, total_slides : slides.length}]); - settings.after_slide_change(idx, slides.length); - }; - if (slides_container.outerHeight() != next.outerHeight() && settings.variable_height) { - slides_container.animate({'height': next.outerHeight()}, 250, 'linear', unlock); - } else { - unlock(); - } - }; - - if (slides.length === 1) {callback(); return false;} - - var start_animation = function () { - if (dir === 'next') {animate.next(current, next, callback);} - if (dir === 'prev') {animate.prev(current, next, callback);} - }; - - if (next.outerHeight() > slides_container.outerHeight() && settings.variable_height) { - slides_container.animate({'height': next.outerHeight()}, 250, 'linear', start_animation); - } else { - start_animation(); - } - }; - - self.next = function (e) { - e.stopImmediatePropagation(); - e.preventDefault(); - self._goto(idx + 1); - }; - - self.prev = function (e) { - e.stopImmediatePropagation(); - e.preventDefault(); - self._goto(idx - 1); - }; - - self.link_custom = function (e) { - e.preventDefault(); - var link = $(this).attr('data-orbit-link'); - if ((typeof link === 'string') && (link = $.trim(link)) != '') { - var slide = container.find('[data-orbit-slide=' + link + ']'); - if (slide.index() != -1) {self._goto(slide.index());} - } - }; - - self.link_bullet = function (e) { - var index = $(this).attr('data-orbit-slide'); - if ((typeof index === 'string') && (index = $.trim(index)) != '') { - if (isNaN(parseInt(index))) { - var slide = container.find('[data-orbit-slide=' + index + ']'); - if (slide.index() != -1) {self._goto(slide.index() + 1);} - } else { - self._goto(parseInt(index)); - } - } - - } - - self.timer_callback = function () { - self._goto(idx + 1, true); - } - - self.compute_dimensions = function () { - var current = $(self.slides().get(idx)); - var h = current.outerHeight(); - if (!settings.variable_height) { - self.slides().each(function(){ - if ($(this).outerHeight() > h) { h = $(this).outerHeight(); } - }); - } - slides_container.height(h); - }; - - self.create_timer = function () { - var t = new Timer( - container.find('.' + settings.timer_container_class), - settings, - self.timer_callback - ); - return t; - }; - - self.stop_timer = function () { - if (typeof timer === 'object') { - timer.stop(); - } - }; - - self.toggle_timer = function () { - var t = container.find('.' + settings.timer_container_class); - if (t.hasClass(settings.timer_paused_class)) { - if (typeof timer === 'undefined') {timer = self.create_timer();} - timer.start(); - } else { - if (typeof timer === 'object') {timer.stop();} - } - }; - - self.init = function () { - self.build_markup(); - if (settings.timer) { - timer = self.create_timer(); - Foundation.utils.image_loaded(this.slides().children('img'), timer.start); - } - animate = new FadeAnimation(settings, slides_container); - if (settings.animation === 'slide') { - animate = new SlideAnimation(settings, slides_container); - } - - container.on('click', '.' + settings.next_class, self.next); - container.on('click', '.' + settings.prev_class, self.prev); - - if (settings.next_on_click) { - container.on('click', '.' + settings.slides_container_class + ' [data-orbit-slide]', self.link_bullet); - } - - container.on('click', self.toggle_timer); - if (settings.swipe) { - container.on('touchstart.fndtn.orbit', function (e) { - if (!e.touches) {e = e.originalEvent;} - var data = { - start_page_x : e.touches[0].pageX, - start_page_y : e.touches[0].pageY, - start_time : (new Date()).getTime(), - delta_x : 0, - is_scrolling : undefined - }; - container.data('swipe-transition', data); - e.stopPropagation(); - }) - .on('touchmove.fndtn.orbit', function (e) { - if (!e.touches) { - e = e.originalEvent; - } - // Ignore pinch/zoom events - if (e.touches.length > 1 || e.scale && e.scale !== 1) { - return; - } - - var data = container.data('swipe-transition'); - if (typeof data === 'undefined') {data = {};} - - data.delta_x = e.touches[0].pageX - data.start_page_x; - - if ( typeof data.is_scrolling === 'undefined') { - data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); - } - - if (!data.is_scrolling && !data.active) { - e.preventDefault(); - var direction = (data.delta_x < 0) ? (idx + 1) : (idx - 1); - data.active = true; - self._goto(direction); - } - }) - .on('touchend.fndtn.orbit', function (e) { - container.data('swipe-transition', {}); - e.stopPropagation(); - }) - } - container.on('mouseenter.fndtn.orbit', function (e) { - if (settings.timer && settings.pause_on_hover) { - self.stop_timer(); - } - }) - .on('mouseleave.fndtn.orbit', function (e) { - if (settings.timer && settings.resume_on_mouseout) { - timer.start(); - } - }); - - $(document).on('click', '[data-orbit-link]', self.link_custom); - $(window).on('load resize', self.compute_dimensions); - Foundation.utils.image_loaded(this.slides().children('img'), self.compute_dimensions); - Foundation.utils.image_loaded(this.slides().children('img'), function () { - container.prev('.' + settings.preloader_class).css('display', 'none'); - self.update_slide_number(0); - self.update_active_link(0); - slides_container.trigger('ready.fndtn.orbit'); - }); - }; - - self.init(); - }; - - var Timer = function (el, settings, callback) { - var self = this, - duration = settings.timer_speed, - progress = el.find('.' + settings.timer_progress_class), - start, - timeout, - left = -1; - - this.update_progress = function (w) { - var new_progress = progress.clone(); - new_progress.attr('style', ''); - new_progress.css('width', w + '%'); - progress.replaceWith(new_progress); - progress = new_progress; - }; - - this.restart = function () { - clearTimeout(timeout); - el.addClass(settings.timer_paused_class); - left = -1; - self.update_progress(0); - }; - - this.start = function () { - if (!el.hasClass(settings.timer_paused_class)) {return true;} - left = (left === -1) ? duration : left; - el.removeClass(settings.timer_paused_class); - start = new Date().getTime(); - progress.animate({'width' : '100%'}, left, 'linear'); - timeout = setTimeout(function () { - self.restart(); - callback(); - }, left); - el.trigger('timer-started.fndtn.orbit') - }; - - this.stop = function () { - if (el.hasClass(settings.timer_paused_class)) {return true;} - clearTimeout(timeout); - el.addClass(settings.timer_paused_class); - var end = new Date().getTime(); - left = left - (end - start); - var w = 100 - ((left / duration) * 100); - self.update_progress(w); - el.trigger('timer-stopped.fndtn.orbit'); - }; - }; - - var SlideAnimation = function (settings, container) { - var duration = settings.animation_speed; - var is_rtl = ($('html[dir=rtl]').length === 1); - var margin = is_rtl ? 'marginRight' : 'marginLeft'; - var animMargin = {}; - animMargin[margin] = '0%'; - - this.next = function (current, next, callback) { - current.animate({marginLeft : '-100%'}, duration); - next.animate(animMargin, duration, function () { - current.css(margin, '100%'); - callback(); - }); - }; - - this.prev = function (current, prev, callback) { - current.animate({marginLeft : '100%'}, duration); - prev.css(margin, '-100%'); - prev.animate(animMargin, duration, function () { - current.css(margin, '100%'); - callback(); - }); - }; - }; - - var FadeAnimation = function (settings, container) { - var duration = settings.animation_speed; - var is_rtl = ($('html[dir=rtl]').length === 1); - var margin = is_rtl ? 'marginRight' : 'marginLeft'; - - this.next = function (current, next, callback) { - next.css({'margin' : '0%', 'opacity' : '0.01'}); - next.animate({'opacity' :'1'}, duration, 'linear', function () { - current.css('margin', '100%'); - callback(); - }); - }; - - this.prev = function (current, prev, callback) { - prev.css({'margin' : '0%', 'opacity' : '0.01'}); - prev.animate({'opacity' : '1'}, duration, 'linear', function () { - current.css('margin', '100%'); - callback(); - }); - }; - }; - - Foundation.libs = Foundation.libs || {}; - - Foundation.libs.orbit = { - name : 'orbit', - - version : '5.5.3', - - settings : { - animation : 'slide', - timer_speed : 10000, - pause_on_hover : true, - resume_on_mouseout : false, - next_on_click : true, - animation_speed : 500, - stack_on_small : false, - navigation_arrows : true, - slide_number : true, - slide_number_text : 'of', - container_class : 'orbit-container', - stack_on_small_class : 'orbit-stack-on-small', - next_class : 'orbit-next', - prev_class : 'orbit-prev', - timer_container_class : 'orbit-timer', - timer_paused_class : 'paused', - timer_progress_class : 'orbit-progress', - slides_container_class : 'orbit-slides-container', - preloader_class : 'preloader', - slide_selector : '*', - bullets_container_class : 'orbit-bullets', - bullets_active_class : 'active', - slide_number_class : 'orbit-slide-number', - caption_class : 'orbit-caption', - active_slide_class : 'active', - orbit_transition_class : 'orbit-transitioning', - bullets : true, - circular : true, - timer : true, - variable_height : false, - swipe : true, - before_slide_change : noop, - after_slide_change : noop - }, - - init : function (scope, method, options) { - var self = this; - this.bindings(method, options); - }, - - events : function (instance) { - var orbit_instance = new Orbit(this.S(instance), this.S(instance).data('orbit-init')); - this.S(instance).data(this.name + '-instance', orbit_instance); - }, - - reflow : function () { - var self = this; - - if (self.S(self.scope).is('[data-orbit]')) { - var $el = self.S(self.scope); - var instance = $el.data(self.name + '-instance'); - instance.compute_dimensions(); - } else { - self.S('[data-orbit]', self.scope).each(function (idx, el) { - var $el = self.S(el); - var opts = self.data_options($el); - var instance = $el.data(self.name + '-instance'); - instance.compute_dimensions(); - }); - } - } - }; - -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - var openModals = []; - - Foundation.libs.reveal = { - name : 'reveal', - - version : '5.5.3', - - locked : false, - - settings : { - animation : 'fadeAndPop', - animation_speed : 250, - close_on_background_click : true, - close_on_esc : true, - dismiss_modal_class : 'close-reveal-modal', - multiple_opened : false, - bg_class : 'reveal-modal-bg', - root_element : 'body', - no_scroll: true, - open : function(){}, - opened : function(){}, - close : function(){}, - closed : function(){}, - on_ajax_error: $.noop, - bg : $('.reveal-modal-bg'), - css : { - open : { - 'opacity' : 0, - 'visibility' : 'visible', - 'display' : 'block' - }, - close : { - 'opacity' : 1, - 'visibility' : 'hidden', - 'display' : 'none' - } - } - }, - - init : function (scope, method, options) { - $.extend(true, this.settings, method, options); - this.bindings(method, options); - }, - - events : function (scope) { - var self = this, - S = self.S; - - S(this.scope) - .off('.reveal') - .on('click.fndtn.reveal', '[' + this.add_namespace('data-reveal-id') + ']:not([disabled])', function (e) { - e.preventDefault(); - - if (!self.locked) { - var element = S(this), - ajax = element.data(self.data_attr('reveal-ajax')), - replaceContentSel = element.data(self.data_attr('reveal-replace-content')); - - self.locked = true; - - if (typeof ajax === 'undefined') { - self.open.call(self, element); - } else { - var url = ajax === true ? element.attr('href') : ajax; - self.open.call(self, element, {url : url}, { replaceContentSel : replaceContentSel }); - } - } - }); - - S(document) - .on('click.fndtn.reveal', this.close_targets(), function (e) { - e.preventDefault(); - if (!self.locked) { - var settings = S('[' + self.attr_name() + '].open').data(self.attr_name(true) + '-init') || self.settings, - bg_clicked = S(e.target)[0] === S('.' + settings.bg_class)[0]; - - if (bg_clicked) { - if (settings.close_on_background_click) { - e.stopPropagation(); - } else { - return; - } - } - - self.locked = true; - self.close.call(self, bg_clicked ? S('[' + self.attr_name() + '].open:not(.toback)') : S(this).closest('[' + self.attr_name() + ']')); - } - }); - - if (S('[' + self.attr_name() + ']', this.scope).length > 0) { - S(this.scope) - // .off('.reveal') - .on('open.fndtn.reveal', this.settings.open) - .on('opened.fndtn.reveal', this.settings.opened) - .on('opened.fndtn.reveal', this.open_video) - .on('close.fndtn.reveal', this.settings.close) - .on('closed.fndtn.reveal', this.settings.closed) - .on('closed.fndtn.reveal', this.close_video); - } else { - S(this.scope) - // .off('.reveal') - .on('open.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.open) - .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.opened) - .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.open_video) - .on('close.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.close) - .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.closed) - .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.close_video); - } - - return true; - }, - - // PATCH #3: turning on key up capture only when a reveal window is open - key_up_on : function (scope) { - var self = this; - - // PATCH #1: fixing multiple keyup event trigger from single key press - self.S('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function ( event ) { - var open_modal = self.S('[' + self.attr_name() + '].open'), - settings = open_modal.data(self.attr_name(true) + '-init') || self.settings ; - // PATCH #2: making sure that the close event can be called only while unlocked, - // so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window. - if ( settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key - self.close.call(self, open_modal); - } - }); - - return true; - }, - - // PATCH #3: turning on key up capture only when a reveal window is open - key_up_off : function (scope) { - this.S('body').off('keyup.fndtn.reveal'); - return true; - }, - - open : function (target, ajax_settings) { - var self = this, - modal; - - if (target) { - if (typeof target.selector !== 'undefined') { - // Find the named node; only use the first one found, since the rest of the code assumes there's only one node - modal = self.S('#' + target.data(self.data_attr('reveal-id'))).first(); - } else { - modal = self.S(this.scope); - - ajax_settings = target; - } - } else { - modal = self.S(this.scope); - } - - var settings = modal.data(self.attr_name(true) + '-init'); - settings = settings || this.settings; - - - if (modal.hasClass('open') && target !== undefined && target.attr('data-reveal-id') == modal.attr('id')) { - return self.close(modal); - } - - if (!modal.hasClass('open')) { - var open_modal = self.S('[' + self.attr_name() + '].open'); - - if (typeof modal.data('css-top') === 'undefined') { - modal.data('css-top', parseInt(modal.css('top'), 10)) - .data('offset', this.cache_offset(modal)); - } - - modal.attr('tabindex','0').attr('aria-hidden','false'); - - if(settings.no_scroll){//added 10/9/15, prevents annoying scroll positioning bug with position: absolute; reveals - var $body = $('body'); - $body.on('open.fndtn.reveal', function(){ - $body.css('overflow', 'hidden') - .off('open.fndtn.reveal'); - }); - } - - this.key_up_on(modal); // PATCH #3: turning on key up capture only when a reveal window is open - - // Prevent namespace event from triggering twice - modal.on('open.fndtn.reveal', function(e) { - if (e.namespace !== 'fndtn.reveal') return; - }); - - modal.on('open.fndtn.reveal').trigger('open.fndtn.reveal'); - - - if (open_modal.length < 1) { - this.toggle_bg(modal, true); - } - - if (typeof ajax_settings === 'string') { - ajax_settings = { - url : ajax_settings - }; - } - - var openModal = function() { - if(open_modal.length > 0) { - if(settings.multiple_opened) { - self.to_back(open_modal); - } else { - self.hide(open_modal, settings.css.close); - } - } - - // bl: add the open_modal that isn't already in the background to the openModals array - if(settings.multiple_opened) { - openModals.push(modal); - } - - self.show(modal, settings.css.open); - }; - - if (typeof ajax_settings === 'undefined' || !ajax_settings.url) { - openModal(); - } else { - var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null; - $.extend(ajax_settings, { - success : function (data, textStatus, jqXHR) { - if ( $.isFunction(old_success) ) { - var result = old_success(data, textStatus, jqXHR); - if (typeof result == 'string') { - data = result; - } - } - - if (typeof options !== 'undefined' && typeof options.replaceContentSel !== 'undefined') { - modal.find(options.replaceContentSel).html(data); - } else { - modal.html(data); - } - - self.S(modal).foundation('section', 'reflow'); - self.S(modal).children().foundation(); - - openModal(); - } - }); - - // check for if user initalized with error callback - if (settings.on_ajax_error !== $.noop) { - $.extend(ajax_settings, { - error : settings.on_ajax_error - }); - } - - $.ajax(ajax_settings); - } - } - self.S(window).trigger('resize'); - }, - - close : function (modal) { - var modal = modal && modal.length ? modal : this.S(this.scope), - open_modals = this.S('[' + this.attr_name() + '].open'), - settings = modal.data(this.attr_name(true) + '-init') || this.settings, - self = this; - - if (open_modals.length > 0) { - - modal.removeAttr('tabindex','0').attr('aria-hidden','true'); - - if(settings.no_scroll){//added 10/9/15, prevents annoying scroll positioning bug with position: absolute; reveals - var $body = $('body'); - $body.on('close.fndtn.reveal', function(){ - $body.css('overflow', 'auto') - .off('close.fndtn.reveal'); - }); - } - - this.locked = true; - this.key_up_off(modal); // PATCH #3: turning on key up capture only when a reveal window is open - - modal.trigger('close.fndtn.reveal'); - - if ((settings.multiple_opened && open_modals.length === 1) || !settings.multiple_opened || modal.length > 1) { - self.toggle_bg(modal, false); - self.to_front(modal); - } - - if (settings.multiple_opened) { - var isCurrent = modal.is(':not(.toback)'); - self.hide(modal, settings.css.close, settings); - if(isCurrent) { - // remove the last modal since it is now closed - openModals.pop(); - } else { - // if this isn't the current modal, then find it in the array and remove it - openModals = $.grep(openModals, function(elt) { - var isThis = elt[0]===modal[0]; - if(isThis) { - // since it's not currently in the front, put it in the front now that it is hidden - // so that if it's re-opened, it won't be .toback - self.to_front(modal); - } - return !isThis; - }); - } - // finally, show the next modal in the stack, if there is one - if(openModals.length>0) { - self.to_front(openModals[openModals.length - 1]); - } - } else { - self.hide(open_modals, settings.css.close, settings); - } - } - }, - - close_targets : function () { - var base = '.' + this.settings.dismiss_modal_class; - - if (this.settings.close_on_background_click) { - return base + ', .' + this.settings.bg_class; - } - - return base; - }, - - toggle_bg : function (modal, state) { - if (this.S('.' + this.settings.bg_class).length === 0) { - this.settings.bg = $('
    ', {'class': this.settings.bg_class}) - .appendTo('body').hide(); - } - - var visible = this.settings.bg.filter(':visible').length > 0; - if ( state != visible ) { - if ( state == undefined ? visible : !state ) { - this.hide(this.settings.bg); - } else { - this.show(this.settings.bg); - } - } - }, - - show : function (el, css) { - // is modal - if (css) { - var settings = el.data(this.attr_name(true) + '-init') || this.settings, - root_element = settings.root_element, - context = this; - - if (el.parent(root_element).length === 0) { - var placeholder = el.wrap('
    ').parent(); - - el.on('closed.fndtn.reveal.wrapped', function () { - el.detach().appendTo(placeholder); - el.unwrap().unbind('closed.fndtn.reveal.wrapped'); - }); - - el.detach().appendTo(root_element); - } - - var animData = getAnimationData(settings.animation); - if (!animData.animate) { - this.locked = false; - } - if (animData.pop) { - css.top = $(window).scrollTop() - el.data('offset') + 'px'; - var end_css = { - top: $(window).scrollTop() + el.data('css-top') + 'px', - opacity: 1 - }; - - return setTimeout(function () { - return el - .css(css) - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.trigger('opened.fndtn.reveal'); - }) - .addClass('open'); - }, settings.animation_speed / 2); - } - - css.top = $(window).scrollTop() + el.data('css-top') + 'px'; - - if (animData.fade) { - var end_css = {opacity: 1}; - - return setTimeout(function () { - return el - .css(css) - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.trigger('opened.fndtn.reveal'); - }) - .addClass('open'); - }, settings.animation_speed / 2); - } - - return el.css(css).show().css({opacity : 1}).addClass('open').trigger('opened.fndtn.reveal'); - } - - var settings = this.settings; - - // should we animate the background? - if (getAnimationData(settings.animation).fade) { - return el.fadeIn(settings.animation_speed / 2); - } - - this.locked = false; - - return el.show(); - }, - - to_back : function(el) { - el.addClass('toback'); - }, - - to_front : function(el) { - el.removeClass('toback'); - }, - - hide : function (el, css) { - // is modal - if (css) { - var settings = el.data(this.attr_name(true) + '-init'), - context = this; - settings = settings || this.settings; - - var animData = getAnimationData(settings.animation); - if (!animData.animate) { - this.locked = false; - } - if (animData.pop) { - var end_css = { - top: - $(window).scrollTop() - el.data('offset') + 'px', - opacity: 0 - }; - - return setTimeout(function () { - return el - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.css(css).trigger('closed.fndtn.reveal'); - }) - .removeClass('open'); - }, settings.animation_speed / 2); - } - - if (animData.fade) { - var end_css = {opacity : 0}; - - return setTimeout(function () { - return el - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.css(css).trigger('closed.fndtn.reveal'); - }) - .removeClass('open'); - }, settings.animation_speed / 2); - } - - return el.hide().css(css).removeClass('open').trigger('closed.fndtn.reveal'); - } - - var settings = this.settings; - - // should we animate the background? - if (getAnimationData(settings.animation).fade) { - return el.fadeOut(settings.animation_speed / 2); - } - - return el.hide(); - }, - - close_video : function (e) { - var video = $('.flex-video', e.target), - iframe = $('iframe', video); - - if (iframe.length > 0) { - iframe.attr('data-src', iframe[0].src); - iframe.attr('src', iframe.attr('src')); - video.hide(); - } - }, - - open_video : function (e) { - var video = $('.flex-video', e.target), - iframe = video.find('iframe'); - - if (iframe.length > 0) { - var data_src = iframe.attr('data-src'); - if (typeof data_src === 'string') { - iframe[0].src = iframe.attr('data-src'); - } else { - var src = iframe[0].src; - iframe[0].src = undefined; - iframe[0].src = src; - } - video.show(); - } - }, - - data_attr : function (str) { - if (this.namespace.length > 0) { - return this.namespace + '-' + str; - } - - return str; - }, - - cache_offset : function (modal) { - var offset = modal.show().height() + parseInt(modal.css('top'), 10) + modal.scrollY; - - modal.hide(); - - return offset; - }, - - off : function () { - $(this.scope).off('.fndtn.reveal'); - }, - - reflow : function () {} - }; - - /* - * getAnimationData('popAndFade') // {animate: true, pop: true, fade: true} - * getAnimationData('fade') // {animate: true, pop: false, fade: true} - * getAnimationData('pop') // {animate: true, pop: true, fade: false} - * getAnimationData('foo') // {animate: false, pop: false, fade: false} - * getAnimationData(null) // {animate: false, pop: false, fade: false} - */ - function getAnimationData(str) { - var fade = /fade/i.test(str); - var pop = /pop/i.test(str); - return { - animate : fade || pop, - pop : pop, - fade : fade - }; - } -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.slider = { - name : 'slider', - - version : '5.5.3', - - settings : { - start : 0, - end : 100, - step : 1, - precision : 0, - initial : null, - display_selector : '', - vertical : false, - trigger_input_change : false, - on_change : function () {} - }, - - cache : {}, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle'); - this.bindings(method, options); - this.reflow(); - }, - - events : function () { - var self = this; - $(this.scope) - .off('.slider') - .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider', - '[' + self.attr_name() + ']:not(.disabled, [disabled]) .range-slider-handle', function (e) { - if (!self.cache.active) { - e.preventDefault(); - self.set_active_slider($(e.target)); - } - }) - .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function (e) { - if (!!self.cache.active) { - e.preventDefault(); - if ($.data(self.cache.active[0], 'settings').vertical) { - var scroll_offset = 0; - if (!e.pageY) { - scroll_offset = window.scrollY; - } - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'y') + scroll_offset); - } else { - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'x')); - } - } - }) - .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function (e) { - if(!self.cache.active) { - // if the user has just clicked into the slider without starting to drag the handle - var slider = $(e.target).attr('role') === 'slider' ? $(e.target) : $(e.target).closest('.range-slider').find("[role='slider']"); - - if (slider.length && (!slider.parent().hasClass('disabled') && !slider.parent().attr('disabled'))) { - self.set_active_slider(slider); - if ($.data(self.cache.active[0], 'settings').vertical) { - var scroll_offset = 0; - if (!e.pageY) { - scroll_offset = window.scrollY; - } - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'y') + scroll_offset); - } else { - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'x')); - } - } - } - self.remove_active_slider(); - }) - .on('change.fndtn.slider', function (e) { - self.settings.on_change(); - }); - - self.S(window) - .on('resize.fndtn.slider', self.throttle(function (e) { - self.reflow(); - }, 300)); - - // update slider value as users change input value - this.S('[' + this.attr_name() + ']').each(function () { - var slider = $(this), - handle = slider.children('.range-slider-handle')[0], - settings = self.initialize_settings(handle); - - if (settings.display_selector != '') { - $(settings.display_selector).each(function(){ - if ($(this).attr('value')) { - $(this).off('change').on('change', function () { - slider.foundation("slider", "set_value", $(this).val()); - }); - } - }); - } - }); - }, - - get_cursor_position : function (e, xy) { - var pageXY = 'page' + xy.toUpperCase(), - clientXY = 'client' + xy.toUpperCase(), - position; - - if (typeof e[pageXY] !== 'undefined') { - position = e[pageXY]; - } else if (typeof e.originalEvent[clientXY] !== 'undefined') { - position = e.originalEvent[clientXY]; - } else if (e.originalEvent.touches && e.originalEvent.touches[0] && typeof e.originalEvent.touches[0][clientXY] !== 'undefined') { - position = e.originalEvent.touches[0][clientXY]; - } else if (e.currentPoint && typeof e.currentPoint[xy] !== 'undefined') { - position = e.currentPoint[xy]; - } - - return position; - }, - - set_active_slider : function ($handle) { - this.cache.active = $handle; - }, - - remove_active_slider : function () { - this.cache.active = null; - }, - - calculate_position : function ($handle, cursor_x) { - var self = this, - settings = $.data($handle[0], 'settings'), - handle_l = $.data($handle[0], 'handle_l'), - handle_o = $.data($handle[0], 'handle_o'), - bar_l = $.data($handle[0], 'bar_l'), - bar_o = $.data($handle[0], 'bar_o'); - - requestAnimationFrame(function () { - var pct; - - if (Foundation.rtl && !settings.vertical) { - pct = self.limit_to(((bar_o + bar_l - cursor_x) / bar_l), 0, 1); - } else { - pct = self.limit_to(((cursor_x - bar_o) / bar_l), 0, 1); - } - - pct = settings.vertical ? 1 - pct : pct; - - var norm = self.normalized_value(pct, settings.start, settings.end, settings.step, settings.precision); - - self.set_ui($handle, norm); - }); - }, - - set_ui : function ($handle, value) { - var settings = $.data($handle[0], 'settings'), - handle_l = $.data($handle[0], 'handle_l'), - bar_l = $.data($handle[0], 'bar_l'), - norm_pct = this.normalized_percentage(value, settings.start, settings.end), - handle_offset = norm_pct * (bar_l - handle_l) - 1, - progress_bar_length = norm_pct * 100, - $handle_parent = $handle.parent(), - $hidden_inputs = $handle.parent().children('input[type=hidden]'); - - if (Foundation.rtl && !settings.vertical) { - handle_offset = -handle_offset; - } - - handle_offset = settings.vertical ? -handle_offset + bar_l - handle_l + 1 : handle_offset; - this.set_translate($handle, handle_offset, settings.vertical); - - if (settings.vertical) { - $handle.siblings('.range-slider-active-segment').css('height', progress_bar_length + '%'); - } else { - $handle.siblings('.range-slider-active-segment').css('width', progress_bar_length + '%'); - } - - $handle_parent.attr(this.attr_name(), value).trigger('change.fndtn.slider'); - - $hidden_inputs.val(value); - if (settings.trigger_input_change) { - $hidden_inputs.trigger('change.fndtn.slider'); - } - - if (!$handle[0].hasAttribute('aria-valuemin')) { - $handle.attr({ - 'aria-valuemin' : settings.start, - 'aria-valuemax' : settings.end - }); - } - $handle.attr('aria-valuenow', value); - - if (settings.display_selector != '') { - $(settings.display_selector).each(function () { - if (this.hasAttribute('value')) { - $(this).val(value); - } else { - $(this).text(value); - } - }); - } - - }, - - normalized_percentage : function (val, start, end) { - return Math.min(1, (val - start) / (end - start)); - }, - - normalized_value : function (val, start, end, step, precision) { - var range = end - start, - point = val * range, - mod = (point - (point % step)) / step, - rem = point % step, - round = ( rem >= step * 0.5 ? step : 0); - return ((mod * step + round) + start).toFixed(precision); - }, - - set_translate : function (ele, offset, vertical) { - if (vertical) { - $(ele) - .css('-webkit-transform', 'translateY(' + offset + 'px)') - .css('-moz-transform', 'translateY(' + offset + 'px)') - .css('-ms-transform', 'translateY(' + offset + 'px)') - .css('-o-transform', 'translateY(' + offset + 'px)') - .css('transform', 'translateY(' + offset + 'px)'); - } else { - $(ele) - .css('-webkit-transform', 'translateX(' + offset + 'px)') - .css('-moz-transform', 'translateX(' + offset + 'px)') - .css('-ms-transform', 'translateX(' + offset + 'px)') - .css('-o-transform', 'translateX(' + offset + 'px)') - .css('transform', 'translateX(' + offset + 'px)'); - } - }, - - limit_to : function (val, min, max) { - return Math.min(Math.max(val, min), max); - }, - - initialize_settings : function (handle) { - var settings = $.extend({}, this.settings, this.data_options($(handle).parent())), - decimal_places_match_result; - - if (settings.precision === null) { - decimal_places_match_result = ('' + settings.step).match(/\.([\d]*)/); - settings.precision = decimal_places_match_result && decimal_places_match_result[1] ? decimal_places_match_result[1].length : 0; - } - - if (settings.vertical) { - $.data(handle, 'bar_o', $(handle).parent().offset().top); - $.data(handle, 'bar_l', $(handle).parent().outerHeight()); - $.data(handle, 'handle_o', $(handle).offset().top); - $.data(handle, 'handle_l', $(handle).outerHeight()); - } else { - $.data(handle, 'bar_o', $(handle).parent().offset().left); - $.data(handle, 'bar_l', $(handle).parent().outerWidth()); - $.data(handle, 'handle_o', $(handle).offset().left); - $.data(handle, 'handle_l', $(handle).outerWidth()); - } - - $.data(handle, 'bar', $(handle).parent()); - return $.data(handle, 'settings', settings); - }, - - set_initial_position : function ($ele) { - var settings = $.data($ele.children('.range-slider-handle')[0], 'settings'), - initial = ((typeof settings.initial == 'number' && !isNaN(settings.initial)) ? settings.initial : Math.floor((settings.end - settings.start) * 0.5 / settings.step) * settings.step + settings.start), - $handle = $ele.children('.range-slider-handle'); - this.set_ui($handle, initial); - }, - - set_value : function (value) { - var self = this; - $('[' + self.attr_name() + ']', this.scope).each(function () { - $(this).attr(self.attr_name(), value); - }); - if (!!$(this.scope).attr(self.attr_name())) { - $(this.scope).attr(self.attr_name(), value); - } - self.reflow(); - }, - - reflow : function () { - var self = this; - self.S('[' + this.attr_name() + ']').each(function () { - var handle = $(this).children('.range-slider-handle')[0], - val = $(this).attr(self.attr_name()); - self.initialize_settings(handle); - - if (val) { - self.set_ui($(handle), parseFloat(val)); - } else { - self.set_initial_position($(this)); - } - }); - } - }; - -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.tab = { - name : 'tab', - - version : '5.5.3', - - settings : { - active_class : 'active', - callback : function () {}, - deep_linking : false, - scroll_to_content : true, - is_hover : false - }, - - default_tab_hashes : [], - - init : function (scope, method, options) { - var self = this, - S = this.S; - - // Store the default active tabs which will be referenced when the - // location hash is absent, as in the case of navigating the tabs and - // returning to the first viewing via the browser Back button. - S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () { - self.default_tab_hashes.push(this.hash); - }); - - this.bindings(method, options); - this.handle_location_hash_change(); - }, - - events : function () { - var self = this, - S = this.S; - - var usual_tab_behavior = function (e, target) { - var settings = S(target).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); - if (!settings.is_hover || Modernizr.touch) { - // if user did not pressed tab key, prevent default action - var keyCode = e.keyCode || e.which; - if (keyCode !== 9) { - e.preventDefault(); - e.stopPropagation(); - } - self.toggle_active_tab(S(target).parent()); - - } - }; - - S(this.scope) - .off('.tab') - // Key event: focus/tab key - .on('keydown.fndtn.tab', '[' + this.attr_name() + '] > * > a', function(e) { - var keyCode = e.keyCode || e.which; - // if user pressed tab key - if (keyCode === 13 || keyCode === 32) { // enter or space - var el = this; - usual_tab_behavior(e, el); - } - }) - // Click event: tab title - .on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', function(e) { - var el = this; - usual_tab_behavior(e, el); - }) - // Hover event: tab title - .on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) { - var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); - if (settings.is_hover) { - self.toggle_active_tab(S(this).parent()); - } - }); - - // Location hash change event - S(window).on('hashchange.fndtn.tab', function (e) { - e.preventDefault(); - self.handle_location_hash_change(); - }); - }, - - handle_location_hash_change : function () { - - var self = this, - S = this.S; - - S('[' + this.attr_name() + ']', this.scope).each(function () { - var settings = S(this).data(self.attr_name(true) + '-init'); - if (settings.deep_linking) { - // Match the location hash to a label - var hash; - if (settings.scroll_to_content) { - hash = self.scope.location.hash; - } else { - // prefix the hash to prevent anchor scrolling - hash = self.scope.location.hash.replace('fndtn-', ''); - } - if (hash != '') { - // Check whether the location hash references a tab content div or - // another element on the page (inside or outside the tab content div) - var hash_element = S(hash); - if (hash_element.hasClass('content') && hash_element.parent().hasClass('tabs-content')) { - // Tab content div - self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + hash + ']').parent()); - } else { - // Not the tab content div. If inside the tab content, find the - // containing tab and toggle it as active. - var hash_tab_container_id = hash_element.closest('.content').attr('id'); - if (hash_tab_container_id != undefined) { - self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=#' + hash_tab_container_id + ']').parent(), hash); - } - } - } else { - // Reference the default tab hashes which were initialized in the init function - for (var ind = 0; ind < self.default_tab_hashes.length; ind++) { - self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + self.default_tab_hashes[ind] + ']').parent()); - } - } - } - }); - }, - - toggle_active_tab : function (tab, location_hash) { - var self = this, - S = self.S, - tabs = tab.closest('[' + this.attr_name() + ']'), - tab_link = tab.find('a'), - anchor = tab.children('a').first(), - target_hash = '#' + anchor.attr('href').split('#')[1], - target = S(target_hash), - siblings = tab.siblings(), - settings = tabs.data(this.attr_name(true) + '-init'), - interpret_keyup_action = function (e) { - // Light modification of Heydon Pickering's Practical ARIA Examples: http://heydonworks.com/practical_aria_examples/js/a11y.js - - // define current, previous and next (possible) tabs - - var $original = $(this); - var $prev = $(this).parents('li').prev().children('[role="tab"]'); - var $next = $(this).parents('li').next().children('[role="tab"]'); - var $target; - - // find the direction (prev or next) - - switch (e.keyCode) { - case 37: - $target = $prev; - break; - case 39: - $target = $next; - break; - default: - $target = false - break; - } - - if ($target.length) { - $original.attr({ - 'tabindex' : '-1', - 'aria-selected' : null - }); - $target.attr({ - 'tabindex' : '0', - 'aria-selected' : true - }).focus(); - } - - // Hide panels - - $('[role="tabpanel"]') - .attr('aria-hidden', 'true'); - - // Show panel which corresponds to target - - $('#' + $(document.activeElement).attr('href').substring(1)) - .attr('aria-hidden', null); - - }, - go_to_hash = function(hash) { - // This function allows correct behaviour of the browser's back button when deep linking is enabled. Without it - // the user would get continually redirected to the default hash. - var default_hash = settings.scroll_to_content ? self.default_tab_hashes[0] : 'fndtn-' + self.default_tab_hashes[0].replace('#', ''); - - if (hash !== default_hash || window.location.hash) { - window.location.hash = hash; - } - }; - - // allow usage of data-tab-content attribute instead of href - if (anchor.data('tab-content')) { - target_hash = '#' + anchor.data('tab-content').split('#')[1]; - target = S(target_hash); - } - - if (settings.deep_linking) { - - if (settings.scroll_to_content) { - - // retain current hash to scroll to content - go_to_hash(location_hash || target_hash); - - if (location_hash == undefined || location_hash == target_hash) { - tab.parent()[0].scrollIntoView(); - } else { - S(target_hash)[0].scrollIntoView(); - } - } else { - // prefix the hashes so that the browser doesn't scroll down - if (location_hash != undefined) { - go_to_hash('fndtn-' + location_hash.replace('#', '')); - } else { - go_to_hash('fndtn-' + target_hash.replace('#', '')); - } - } - } - - // WARNING: The activation and deactivation of the tab content must - // occur after the deep linking in order to properly refresh the browser - // window (notably in Chrome). - // Clean up multiple attr instances to done once - tab.addClass(settings.active_class).triggerHandler('opened'); - tab_link.attr({'aria-selected' : 'true', tabindex : 0}); - siblings.removeClass(settings.active_class) - siblings.find('a').attr({'aria-selected' : 'false'/*, tabindex : -1*/}); - target.siblings().removeClass(settings.active_class).attr({'aria-hidden' : 'true'/*, tabindex : -1*/}); - target.addClass(settings.active_class).attr('aria-hidden', 'false').removeAttr('tabindex'); - settings.callback(tab); - target.triggerHandler('toggled', [target]); - tabs.triggerHandler('toggled', [tab]); - - tab_link.off('keydown').on('keydown', interpret_keyup_action ); - }, - - data_attr : function (str) { - if (this.namespace.length > 0) { - return this.namespace + '-' + str; - } - - return str; - }, - - off : function () {}, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.tooltip = { - name : 'tooltip', - - version : '5.5.3', - - settings : { - additional_inheritable_classes : [], - tooltip_class : '.tooltip', - append_to : 'body', - touch_close_text : 'Tap To Close', - disable_for_touch : false, - hover_delay : 200, - fade_in_duration : 150, - fade_out_duration : 150, - show_on : 'all', - tip_template : function (selector, content) { - return '' + content + ''; - } - }, - - cache : {}, - - init : function (scope, method, options) { - Foundation.inherit(this, 'random_str'); - this.bindings(method, options); - }, - - should_show : function (target, tip) { - var settings = $.extend({}, this.settings, this.data_options(target)); - - if (settings.show_on === 'all') { - return true; - } else if (this.small() && settings.show_on === 'small') { - return true; - } else if (this.medium() && settings.show_on === 'medium') { - return true; - } else if (this.large() && settings.show_on === 'large') { - return true; - } - return false; - }, - - medium : function () { - return matchMedia(Foundation.media_queries['medium']).matches; - }, - - large : function () { - return matchMedia(Foundation.media_queries['large']).matches; - }, - - events : function (instance) { - var self = this, - S = self.S; - - self.create(this.S(instance)); - - function _startShow(elt, $this, immediate) { - if (elt.timer) { - return; - } - - if (immediate) { - elt.timer = null; - self.showTip($this); - } else { - elt.timer = setTimeout(function () { - elt.timer = null; - self.showTip($this); - }.bind(elt), self.settings.hover_delay); - } - } - - function _startHide(elt, $this) { - if (elt.timer) { - clearTimeout(elt.timer); - elt.timer = null; - } - - self.hide($this); - } - - $(this.scope) - .off('.tooltip') - .on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', - '[' + this.attr_name() + ']', function (e) { - var $this = S(this), - settings = $.extend({}, self.settings, self.data_options($this)), - is_touch = false; - - if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type) && S(e.target).is('a')) { - return false; - } - - if (/mouse/i.test(e.type) && self.ie_touch(e)) { - return false; - } - - if ($this.hasClass('open')) { - if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { - e.preventDefault(); - } - self.hide($this); - } else { - if (settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { - return; - } else if (!settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { - e.preventDefault(); - S(settings.tooltip_class + '.open').hide(); - is_touch = true; - // close other open tooltips on touch - if ($('.open[' + self.attr_name() + ']').length > 0) { - var prevOpen = S($('.open[' + self.attr_name() + ']')[0]); - self.hide(prevOpen); - } - } - - if (/enter|over/i.test(e.type)) { - _startShow(this, $this); - - } else if (e.type === 'mouseout' || e.type === 'mouseleave') { - _startHide(this, $this); - } else { - _startShow(this, $this, true); - } - } - }) - .on('mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', '[' + this.attr_name() + '].open', function (e) { - if (/mouse/i.test(e.type) && self.ie_touch(e)) { - return false; - } - - if ($(this).data('tooltip-open-event-type') == 'touch' && e.type == 'mouseleave') { - return; - } else if ($(this).data('tooltip-open-event-type') == 'mouse' && /MSPointerDown|touchstart/i.test(e.type)) { - self.convert_to_touch($(this)); - } else { - _startHide(this, $(this)); - } - }) - .on('DOMNodeRemoved DOMAttrModified', '[' + this.attr_name() + ']:not(a)', function (e) { - _startHide(this, S(this)); - }); - }, - - ie_touch : function (e) { - // How do I distinguish between IE11 and Windows Phone 8????? - return false; - }, - - showTip : function ($target) { - var $tip = this.getTip($target); - if (this.should_show($target, $tip)) { - return this.show($target); - } - return; - }, - - getTip : function ($target) { - var selector = this.selector($target), - settings = $.extend({}, this.settings, this.data_options($target)), - tip = null; - - if (selector) { - tip = this.S('span[data-selector="' + selector + '"]' + settings.tooltip_class); - } - - return (typeof tip === 'object') ? tip : false; - }, - - selector : function ($target) { - var dataSelector = $target.attr(this.attr_name()) || $target.attr('data-selector'); - - if (typeof dataSelector != 'string') { - dataSelector = this.random_str(6); - $target - .attr('data-selector', dataSelector) - .attr('aria-describedby', dataSelector); - } - - return dataSelector; - }, - - create : function ($target) { - var self = this, - settings = $.extend({}, this.settings, this.data_options($target)), - tip_template = this.settings.tip_template; - - if (typeof settings.tip_template === 'string' && window.hasOwnProperty(settings.tip_template)) { - tip_template = window[settings.tip_template]; - } - - var $tip = $(tip_template(this.selector($target), $('
    ').html($target.attr('title')).html())), - classes = this.inheritable_classes($target); - - $tip.addClass(classes).appendTo(settings.append_to); - - if (Modernizr.touch) { - $tip.append('' + settings.touch_close_text + ''); - $tip.on('touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', function (e) { - self.hide($target); - }); - } - - $target.removeAttr('title').attr('title', ''); - }, - - reposition : function (target, tip, classes) { - var width, nub, nubHeight, nubWidth, objPos; - - tip.css('visibility', 'hidden').show(); - - width = target.data('width'); - nub = tip.children('.nub'); - nubHeight = nub.outerHeight(); - nubWidth = nub.outerWidth(); - - if (this.small()) { - tip.css({'width' : '100%'}); - } else { - tip.css({'width' : (width) ? width : 'auto'}); - } - - objPos = function (obj, top, right, bottom, left, width) { - return obj.css({ - 'top' : (top) ? top : 'auto', - 'bottom' : (bottom) ? bottom : 'auto', - 'left' : (left) ? left : 'auto', - 'right' : (right) ? right : 'auto' - }).end(); - }; - - var o_top = target.offset().top; - var o_left = target.offset().left; - var outerHeight = target.outerHeight(); - - objPos(tip, (o_top + outerHeight + 10), 'auto', 'auto', o_left); - - if (this.small()) { - objPos(tip, (o_top + outerHeight + 10), 'auto', 'auto', 12.5, $(this.scope).width()); - tip.addClass('tip-override'); - objPos(nub, -nubHeight, 'auto', 'auto', o_left); - } else { - - if (Foundation.rtl) { - nub.addClass('rtl'); - o_left = o_left + target.outerWidth() - tip.outerWidth(); - } - - objPos(tip, (o_top + outerHeight + 10), 'auto', 'auto', o_left); - // reset nub from small styles, if they've been applied - if (nub.attr('style')) { - nub.removeAttr('style'); - } - - tip.removeClass('tip-override'); - - var tip_outerHeight = tip.outerHeight(); - - if (classes && classes.indexOf('tip-top') > -1) { - if (Foundation.rtl) { - nub.addClass('rtl'); - } - objPos(tip, (o_top - tip_outerHeight), 'auto', 'auto', o_left) - .removeClass('tip-override'); - } else if (classes && classes.indexOf('tip-left') > -1) { - objPos(tip, (o_top + (outerHeight / 2) - (tip_outerHeight / 2)), 'auto', 'auto', (o_left - tip.outerWidth() - nubHeight)) - .removeClass('tip-override'); - nub.removeClass('rtl'); - } else if (classes && classes.indexOf('tip-right') > -1) { - objPos(tip, (o_top + (outerHeight / 2) - (tip_outerHeight / 2)), 'auto', 'auto', (o_left + target.outerWidth() + nubHeight)) - .removeClass('tip-override'); - nub.removeClass('rtl'); - } - } - - tip.css('visibility', 'visible').hide(); - }, - - small : function () { - return matchMedia(Foundation.media_queries.small).matches && - !matchMedia(Foundation.media_queries.medium).matches; - }, - - inheritable_classes : function ($target) { - var settings = $.extend({}, this.settings, this.data_options($target)), - inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'radius', 'round'].concat(settings.additional_inheritable_classes), - classes = $target.attr('class'), - filtered = classes ? $.map(classes.split(' '), function (el, i) { - if ($.inArray(el, inheritables) !== -1) { - return el; - } - }).join(' ') : ''; - - return $.trim(filtered); - }, - - convert_to_touch : function ($target) { - var self = this, - $tip = self.getTip($target), - settings = $.extend({}, self.settings, self.data_options($target)); - - if ($tip.find('.tap-to-close').length === 0) { - $tip.append('' + settings.touch_close_text + ''); - $tip.on('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose', function (e) { - self.hide($target); - }); - } - - $target.data('tooltip-open-event-type', 'touch'); - }, - - show : function ($target) { - var $tip = this.getTip($target); - if ($target.data('tooltip-open-event-type') == 'touch') { - this.convert_to_touch($target); - } - - this.reposition($target, $tip, $target.attr('class')); - $target.addClass('open'); - $tip.fadeIn(this.settings.fade_in_duration); - }, - - hide : function ($target) { - var $tip = this.getTip($target); - - $tip.fadeOut(this.settings.fade_out_duration, function () { - $tip.find('.tap-to-close').remove(); - $tip.off('click.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose'); - $target.removeClass('open'); - }); - }, - - off : function () { - var self = this; - this.S(this.scope).off('.fndtn.tooltip'); - this.S(this.settings.tooltip_class).each(function (i) { - $('[' + self.attr_name() + ']').eq(i).attr('title', $(this).text()); - }).remove(); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); - -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.topbar = { - name : 'topbar', - - version : '5.5.3', - - settings : { - index : 0, - start_offset : 0, - sticky_class : 'sticky', - custom_back_text : true, - back_text : 'Back', - mobile_show_parent_link : true, - is_hover : true, - scrolltop : true, // jump to top when sticky nav menu toggle is clicked - sticky_on : 'all', - dropdown_autoclose: true - }, - - init : function (section, method, options) { - Foundation.inherit(this, 'add_custom_rule register_media throttle'); - var self = this; - - self.register_media('topbar', 'foundation-mq-topbar'); - - this.bindings(method, options); - - self.S('[' + this.attr_name() + ']', this.scope).each(function () { - var topbar = $(this), - settings = topbar.data(self.attr_name(true) + '-init'), - section = self.S('section, .top-bar-section', this); - topbar.data('index', 0); - var topbarContainer = topbar.parent(); - if (topbarContainer.hasClass('fixed') || self.is_sticky(topbar, topbarContainer, settings) ) { - self.settings.sticky_class = settings.sticky_class; - self.settings.sticky_topbar = topbar; - topbar.data('height', topbarContainer.outerHeight()); - topbar.data('stickyoffset', topbarContainer.offset().top); - } else { - topbar.data('height', topbar.outerHeight()); - } - - if (!settings.assembled) { - self.assemble(topbar); - } - - if (settings.is_hover) { - self.S('.has-dropdown', topbar).addClass('not-click'); - } else { - self.S('.has-dropdown', topbar).removeClass('not-click'); - } - - // Pad body when sticky (scrolled) or fixed. - self.add_custom_rule('.f-topbar-fixed { padding-top: ' + topbar.data('height') + 'px }'); - - if (topbarContainer.hasClass('fixed')) { - self.S('body').addClass('f-topbar-fixed'); - } - }); - - }, - - is_sticky : function (topbar, topbarContainer, settings) { - var sticky = topbarContainer.hasClass(settings.sticky_class); - var smallMatch = matchMedia(Foundation.media_queries.small).matches; - var medMatch = matchMedia(Foundation.media_queries.medium).matches; - var lrgMatch = matchMedia(Foundation.media_queries.large).matches; - - if (sticky && settings.sticky_on === 'all') { - return true; - } - if (sticky && this.small() && settings.sticky_on.indexOf('small') !== -1) { - if (smallMatch && !medMatch && !lrgMatch) { return true; } - } - if (sticky && this.medium() && settings.sticky_on.indexOf('medium') !== -1) { - if (smallMatch && medMatch && !lrgMatch) { return true; } - } - if (sticky && this.large() && settings.sticky_on.indexOf('large') !== -1) { - if (smallMatch && medMatch && lrgMatch) { return true; } - } - - return false; - }, - - toggle : function (toggleEl) { - var self = this, - topbar; - - if (toggleEl) { - topbar = self.S(toggleEl).closest('[' + this.attr_name() + ']'); - } else { - topbar = self.S('[' + this.attr_name() + ']'); - } - - var settings = topbar.data(this.attr_name(true) + '-init'); - - var section = self.S('section, .top-bar-section', topbar); - - if (self.breakpoint()) { - if (!self.rtl) { - section.css({left : '0%'}); - $('>.name', section).css({left : '100%'}); - } else { - section.css({right : '0%'}); - $('>.name', section).css({right : '100%'}); - } - - self.S('li.moved', section).removeClass('moved'); - topbar.data('index', 0); - - topbar - .toggleClass('expanded') - .css('height', ''); - } - - if (settings.scrolltop) { - if (!topbar.hasClass('expanded')) { - if (topbar.hasClass('fixed')) { - topbar.parent().addClass('fixed'); - topbar.removeClass('fixed'); - self.S('body').addClass('f-topbar-fixed'); - } - } else if (topbar.parent().hasClass('fixed')) { - if (settings.scrolltop) { - topbar.parent().removeClass('fixed'); - topbar.addClass('fixed'); - self.S('body').removeClass('f-topbar-fixed'); - - window.scrollTo(0, 0); - } else { - topbar.parent().removeClass('expanded'); - } - } - } else { - if (self.is_sticky(topbar, topbar.parent(), settings)) { - topbar.parent().addClass('fixed'); - } - - if (topbar.parent().hasClass('fixed')) { - if (!topbar.hasClass('expanded')) { - topbar.removeClass('fixed'); - topbar.parent().removeClass('expanded'); - self.update_sticky_positioning(); - } else { - topbar.addClass('fixed'); - topbar.parent().addClass('expanded'); - self.S('body').addClass('f-topbar-fixed'); - } - } - } - }, - - timer : null, - - events : function (bar) { - var self = this, - S = this.S; - - S(this.scope) - .off('.topbar') - .on('click.fndtn.topbar', '[' + this.attr_name() + '] .toggle-topbar', function (e) { - e.preventDefault(); - self.toggle(this); - }) - .on('click.fndtn.topbar contextmenu.fndtn.topbar', '.top-bar .top-bar-section li a[href^="#"],[' + this.attr_name() + '] .top-bar-section li a[href^="#"]', function (e) { - var li = $(this).closest('li'), - topbar = li.closest('[' + self.attr_name() + ']'), - settings = topbar.data(self.attr_name(true) + '-init'); - - if (settings.dropdown_autoclose && settings.is_hover) { - var hoverLi = $(this).closest('.hover'); - hoverLi.removeClass('hover'); - } - if (self.breakpoint() && !li.hasClass('back') && !li.hasClass('has-dropdown')) { - self.toggle(); - } - - }) - .on('click.fndtn.topbar', '[' + this.attr_name() + '] li.has-dropdown', function (e) { - var li = S(this), - target = S(e.target), - topbar = li.closest('[' + self.attr_name() + ']'), - settings = topbar.data(self.attr_name(true) + '-init'); - - if (target.data('revealId')) { - self.toggle(); - return; - } - - if (self.breakpoint()) { - return; - } - - if (settings.is_hover && !Modernizr.touch) { - return; - } - - e.stopImmediatePropagation(); - - if (li.hasClass('hover')) { - li - .removeClass('hover') - .find('li') - .removeClass('hover'); - - li.parents('li.hover') - .removeClass('hover'); - } else { - li.addClass('hover'); - - $(li).siblings().removeClass('hover'); - - if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) { - e.preventDefault(); - } - } - }) - .on('click.fndtn.topbar', '[' + this.attr_name() + '] .has-dropdown>a', function (e) { - if (self.breakpoint()) { - - e.preventDefault(); - - var $this = S(this), - topbar = $this.closest('[' + self.attr_name() + ']'), - section = topbar.find('section, .top-bar-section'), - dropdownHeight = $this.next('.dropdown').outerHeight(), - $selectedLi = $this.closest('li'); - - topbar.data('index', topbar.data('index') + 1); - $selectedLi.addClass('moved'); - - if (!self.rtl) { - section.css({left : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({left : 100 * topbar.data('index') + '%'}); - } else { - section.css({right : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({right : 100 * topbar.data('index') + '%'}); - } - - topbar.css('height', $this.siblings('ul').outerHeight(true) + topbar.data('height')); - } - }); - - S(window).off('.topbar').on('resize.fndtn.topbar', self.throttle(function () { - self.resize.call(self); - }, 50)).trigger('resize.fndtn.topbar').load(function () { - // Ensure that the offset is calculated after all of the pages resources have loaded - S(this).trigger('resize.fndtn.topbar'); - }); - - S('body').off('.topbar').on('click.fndtn.topbar', function (e) { - var parent = S(e.target).closest('li').closest('li.hover'); - - if (parent.length > 0) { - return; - } - - S('[' + self.attr_name() + '] li.hover').removeClass('hover'); - }); - - // Go up a level on Click - S(this.scope).on('click.fndtn.topbar', '[' + this.attr_name() + '] .has-dropdown .back', function (e) { - e.preventDefault(); - - var $this = S(this), - topbar = $this.closest('[' + self.attr_name() + ']'), - section = topbar.find('section, .top-bar-section'), - settings = topbar.data(self.attr_name(true) + '-init'), - $movedLi = $this.closest('li.moved'), - $previousLevelUl = $movedLi.parent(); - - topbar.data('index', topbar.data('index') - 1); - - if (!self.rtl) { - section.css({left : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({left : 100 * topbar.data('index') + '%'}); - } else { - section.css({right : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({right : 100 * topbar.data('index') + '%'}); - } - - if (topbar.data('index') === 0) { - topbar.css('height', ''); - } else { - topbar.css('height', $previousLevelUl.outerHeight(true) + topbar.data('height')); - } - - setTimeout(function () { - $movedLi.removeClass('moved'); - }, 300); - }); - - // Show dropdown menus when their items are focused - S(this.scope).find('.dropdown a') - .focus(function () { - $(this).parents('.has-dropdown').addClass('hover'); - }) - .blur(function () { - $(this).parents('.has-dropdown').removeClass('hover'); - }); - }, - - resize : function () { - var self = this; - self.S('[' + this.attr_name() + ']').each(function () { - var topbar = self.S(this), - settings = topbar.data(self.attr_name(true) + '-init'); - - var stickyContainer = topbar.parent('.' + self.settings.sticky_class); - var stickyOffset; - - if (!self.breakpoint()) { - var doToggle = topbar.hasClass('expanded'); - topbar - .css('height', '') - .removeClass('expanded') - .find('li') - .removeClass('hover'); - - if (doToggle) { - self.toggle(topbar); - } - } - - if (self.is_sticky(topbar, stickyContainer, settings)) { - if (stickyContainer.hasClass('fixed')) { - // Remove the fixed to allow for correct calculation of the offset. - stickyContainer.removeClass('fixed'); - - stickyOffset = stickyContainer.offset().top; - if (self.S(document.body).hasClass('f-topbar-fixed')) { - stickyOffset -= topbar.data('height'); - } - - topbar.data('stickyoffset', stickyOffset); - stickyContainer.addClass('fixed'); - } else { - stickyOffset = stickyContainer.offset().top; - topbar.data('stickyoffset', stickyOffset); - } - } - - }); - }, - - breakpoint : function () { - return !matchMedia(Foundation.media_queries['topbar']).matches; - }, - - small : function () { - return matchMedia(Foundation.media_queries['small']).matches; - }, - - medium : function () { - return matchMedia(Foundation.media_queries['medium']).matches; - }, - - large : function () { - return matchMedia(Foundation.media_queries['large']).matches; - }, - - assemble : function (topbar) { - var self = this, - settings = topbar.data(this.attr_name(true) + '-init'), - section = self.S('section, .top-bar-section', topbar); - - // Pull element out of the DOM for manipulation - section.detach(); - - self.S('.has-dropdown>a', section).each(function () { - var $link = self.S(this), - $dropdown = $link.siblings('.dropdown'), - url = $link.attr('href'), - $titleLi; - - if (!$dropdown.find('.title.back').length) { - - if (settings.mobile_show_parent_link == true && url) { - $titleLi = $('
  3. ' + $link.html() +'
    4. '); - } else { - $titleLi = $('
  4. '); - } - - // Copy link to subnav - if (settings.custom_back_text == true) { - $('h5>a', $titleLi).html(settings.back_text); - } else { - $('h5>a', $titleLi).html('« ' + $link.html()); - } - $dropdown.prepend($titleLi); - } - }); - - // Put element back in the DOM - section.appendTo(topbar); - - // check for sticky - this.sticky(); - - this.assembled(topbar); - }, - - assembled : function (topbar) { - topbar.data(this.attr_name(true), $.extend({}, topbar.data(this.attr_name(true)), {assembled : true})); - }, - - height : function (ul) { - var total = 0, - self = this; - - $('> li', ul).each(function () { - total += self.S(this).outerHeight(true); - }); - - return total; - }, - - sticky : function () { - var self = this; - - this.S(window).on('scroll', function () { - self.update_sticky_positioning(); - }); - }, - - update_sticky_positioning : function () { - var klass = '.' + this.settings.sticky_class, - $window = this.S(window), - self = this; - - if (self.settings.sticky_topbar && self.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(), this.settings)) { - var distance = this.settings.sticky_topbar.data('stickyoffset') + this.settings.start_offset; - if (!self.S(klass).hasClass('expanded')) { - if ($window.scrollTop() > (distance)) { - if (!self.S(klass).hasClass('fixed')) { - self.S(klass).addClass('fixed'); - self.S('body').addClass('f-topbar-fixed'); - } - } else if ($window.scrollTop() <= distance) { - if (self.S(klass).hasClass('fixed')) { - self.S(klass).removeClass('fixed'); - self.S('body').removeClass('f-topbar-fixed'); - } - } - } - } - }, - - off : function () { - this.S(this.scope).off('.fndtn.topbar'); - this.S(window).off('.fndtn.topbar'); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation.min.js b/dist/assets/js/foundation.min.js deleted file mode 100644 index 6e043970a..000000000 --- a/dist/assets/js/foundation.min.js +++ /dev/null @@ -1,5 +0,0 @@ -!function(a,b,c,d){"use strict";function e(a){return("string"==typeof a||a instanceof String)&&(a=a.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g,"")),a}function f(a){this.selector=a,this.query=""}var g=function(b){var c=a("head");c.prepend(a.map(b,function(a){return 0===c.has("."+a).length?'':void 0}))};g(["foundation-mq-small","foundation-mq-small-only","foundation-mq-medium","foundation-mq-medium-only","foundation-mq-large","foundation-mq-large-only","foundation-mq-xlarge","foundation-mq-xlarge-only","foundation-mq-xxlarge","foundation-data-attribute-namespace"]),a(function(){"undefined"!=typeof FastClick&&"undefined"!=typeof c.body&&FastClick.attach(c.body)});var h=function(b,d){if("string"==typeof b){if(d){var e;if(d.jquery){if(e=d[0],!e)return d}else e=d;return a(e.querySelectorAll(b))}return a(c.querySelectorAll(b))}return a(b,d)},i=function(a){var b=[];return a||b.push("data"),this.namespace.length>0&&b.push(this.namespace),b.push(this.name),b.join("-")},j=function(a){for(var b=a.split("-"),c=b.length,d=[];c--;)0!==c?d.push(b[c]):this.namespace.length>0?d.push(this.namespace,b[c]):d.push(b[c]);return d.reverse().join("-")},k=function(b,c){var d=this,e=function(){var e=h(this),f=!h(d).data(d.attr_name(!0)+"-init");e.data(d.attr_name(!0)+"-init",a.extend({},d.settings,c||b,d.data_options(e))),f&&d.events(this)};return h(this.scope).is("["+this.attr_name()+"]")?e.call(this.scope):h("["+this.attr_name()+"]",this.scope).each(e),"string"==typeof b?this[b].call(this,c):void 0},l=function(a,b){function c(){b(a[0])}function d(){if(this.one("load",c),/MSIE (\d+\.\d+);/.test(navigator.userAgent)){var a=this.attr("src"),b=a.match(/\?/)?"&":"?";b+="random="+(new Date).getTime(),this.attr("src",a+b)}}return a.attr("src")?void(a[0].complete||4===a[0].readyState?c():d.call(a)):void c()};/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */ -b.matchMedia||(b.matchMedia=function(){var a=b.styleMedia||b.media;if(!a){var d=c.createElement("style"),e=c.getElementsByTagName("script")[0],f=null;d.type="text/css",d.id="matchmediajs-test",e.parentNode.insertBefore(d,e),f="getComputedStyle"in b&&b.getComputedStyle(d,null)||d.currentStyle,a={matchMedium:function(a){var b="@media "+a+"{ #matchmediajs-test { width: 1px; } }";return d.styleSheet?d.styleSheet.cssText=b:d.textContent=b,"1px"===f.width}}}return function(b){return{matches:a.matchMedium(b||"all"),media:b||"all"}}}()),function(a){function c(){d&&(g(c),i&&a.fx.tick())}for(var d,e=0,f=["webkit","moz"],g=b.requestAnimationFrame,h=b.cancelAnimationFrame,i="undefined"!=typeof a.fx;e").appendTo("head")[0].sheet,global:{namespace:d},init:function(a,c,d,e,f){var g=[a,d,e,f],i=[];if(this.rtl=/rtl/i.test(h("html").attr("dir")),this.scope=a||this.scope,this.set_namespace(),c&&"string"==typeof c&&!/reflow/i.test(c))this.libs.hasOwnProperty(c)&&i.push(this.init_lib(c,g));else for(var j in this.libs)i.push(this.init_lib(j,c));return h(b).load(function(){h(b).trigger("resize.fndtn.clearing").trigger("resize.fndtn.dropdown").trigger("resize.fndtn.equalizer").trigger("resize.fndtn.interchange").trigger("resize.fndtn.joyride").trigger("resize.fndtn.magellan").trigger("resize.fndtn.topbar").trigger("resize.fndtn.slider")}),a},init_lib:function(b,c){return this.libs.hasOwnProperty(b)?(this.patch(this.libs[b]),c&&c.hasOwnProperty(b)?("undefined"!=typeof this.libs[b].settings?a.extend(!0,this.libs[b].settings,c[b]):"undefined"!=typeof this.libs[b].defaults&&a.extend(!0,this.libs[b].defaults,c[b]),this.libs[b].init.apply(this.libs[b],[this.scope,c[b]])):(c=c instanceof Array?c:new Array(c),this.libs[b].init.apply(this.libs[b],c))):function(){}},patch:function(a){a.scope=this.scope,a.namespace=this.global.namespace,a.rtl=this.rtl,a.data_options=this.utils.data_options,a.attr_name=i,a.add_namespace=j,a.bindings=k,a.S=this.utils.S},inherit:function(a,b){for(var c=b.split(" "),d=c.length;d--;)this.utils.hasOwnProperty(c[d])&&(a[c[d]]=this.utils[c[d]])},set_namespace:function(){var b=this.global.namespace===d?a(".foundation-data-attribute-namespace").css("font-family"):this.global.namespace;this.global.namespace=b===d||/false/i.test(b)?"":b},libs:{},utils:{S:h,throttle:function(a,b){var c=null;return function(){var d=this,e=arguments;null==c&&(c=setTimeout(function(){a.apply(d,e),c=null},b))}},debounce:function(a,b,c){var d,e;return function(){var f=this,g=arguments,h=function(){d=null,c||(e=a.apply(f,g))},i=c&&!d;return clearTimeout(d),d=setTimeout(h,b),i&&(e=a.apply(f,g)),e}},data_options:function(b,c){function d(a){return!isNaN(a-0)&&null!==a&&""!==a&&a!==!1&&a!==!0}function e(b){return"string"==typeof b?a.trim(b):b}c=c||"options";var f,g,h,i={},j=function(a){var b=Foundation.global.namespace;return b.length>0?a.data(b+"-"+c):a.data(c)},k=j(b);if("object"==typeof k)return k;for(h=(k||":").split(";"),f=h.length;f--;)g=h[f].split(":"),g=[g[0],g.slice(1).join(":")],/true/i.test(g[1])&&(g[1]=!0),/false/i.test(g[1])&&(g[1]=!1),d(g[1])&&(-1===g[1].indexOf(".")?g[1]=parseInt(g[1],10):g[1]=parseFloat(g[1])),2===g.length&&g[0].length>0&&(i[e(g[0])]=e(g[1]));return i},register_media:function(b,c){Foundation.media_queries[b]===d&&(a("head").append(''),Foundation.media_queries[b]=e(a("."+c).css("font-family")))},add_custom_rule:function(a,b){if(b===d&&Foundation.stylesheet)Foundation.stylesheet.insertRule(a,Foundation.stylesheet.cssRules.length);else{var c=Foundation.media_queries[b];c!==d&&Foundation.stylesheet.insertRule("@media "+Foundation.media_queries[b]+"{ "+a+" }",Foundation.stylesheet.cssRules.length)}},image_loaded:function(a,b){function c(a){for(var b=a.length,c=b-1;c>=0;c--)if(a.attr("height")===d)return!1;return!0}var e=this,f=a.length;(0===f||c(a))&&b(a),a.each(function(){l(e.S(this),function(){f-=1,0===f&&b(a)})})},random_str:function(){return this.fidx||(this.fidx=0),this.prefix=this.prefix||[this.name||"F",(+new Date).toString(36)].join("-"),this.prefix+(this.fidx++).toString(36)},match:function(a){return b.matchMedia(a).matches},is_small_up:function(){return this.match(Foundation.media_queries.small)},is_medium_up:function(){return this.match(Foundation.media_queries.medium)},is_large_up:function(){return this.match(Foundation.media_queries.large)},is_xlarge_up:function(){return this.match(Foundation.media_queries.xlarge)},is_xxlarge_up:function(){return this.match(Foundation.media_queries.xxlarge)},is_small_only:function(){return!(this.is_medium_up()||this.is_large_up()||this.is_xlarge_up()||this.is_xxlarge_up())},is_medium_only:function(){return this.is_medium_up()&&!this.is_large_up()&&!this.is_xlarge_up()&&!this.is_xxlarge_up()},is_large_only:function(){return this.is_medium_up()&&this.is_large_up()&&!this.is_xlarge_up()&&!this.is_xxlarge_up()},is_xlarge_only:function(){return this.is_medium_up()&&this.is_large_up()&&this.is_xlarge_up()&&!this.is_xxlarge_up()},is_xxlarge_only:function(){return this.is_medium_up()&&this.is_large_up()&&this.is_xlarge_up()&&this.is_xxlarge_up()}}},a.fn.foundation=function(){var a=Array.prototype.slice.call(arguments,0);return this.each(function(){return Foundation.init.apply(Foundation,[this].concat(a)),this})}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.abide={name:"abide",version:"5.5.3",settings:{live_validate:!0,validate_on_blur:!0,focus_on_invalid:!0,error_labels:!0,error_class:"error",timeout:1e3,patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/([-;:&=\+\$,\w]+@{1})?([-A-Za-z0-9\.]+)+:?(\d+)?((\/[-\+~%\/\.\w]+)?\??([-\+=&;%@\.\w]+)?#?([\w]+)?)?/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(a,b,d){var e=c.getElementById(a.getAttribute(this.add_namespace("data-equalto"))).value,f=a.value,g=e===f;return g}}},timer:null,init:function(a,b,c){this.bindings(b,c)},events:function(b){function c(a,b){clearTimeout(d.timer),d.timer=setTimeout(function(){d.validate([a],b)}.bind(a),f.timeout)}var d=this,e=d.S(b).attr("novalidate","novalidate"),f=e.data(this.attr_name(!0)+"-init")||{};this.invalid_attr=this.add_namespace("data-invalid"),e.off(".abide").on("submit.fndtn.abide",function(a){var b=/ajax/i.test(d.S(this).attr(d.attr_name()));return d.validate(d.S(this).find("input, textarea, select").not(":hidden, [data-abide-ignore]").get(),a,b)}).on("validate.fndtn.abide",function(a){"manual"===f.validate_on&&d.validate([a.target],a)}).on("reset",function(b){return d.reset(a(this),b)}).find("input, textarea, select").not(":hidden, [data-abide-ignore]").off(".abide").on("blur.fndtn.abide change.fndtn.abide",function(a){var b=this.getAttribute("id"),d=e.find('[data-equalto="'+b+'"]');f.validate_on_blur&&f.validate_on_blur===!0&&c(this,a),"undefined"!=typeof d.get(0)&&d.val().length&&c(d.get(0),a),"change"===f.validate_on&&c(this,a)}).on("keydown.fndtn.abide",function(a){var b=this.getAttribute("id"),d=e.find('[data-equalto="'+b+'"]');f.live_validate&&f.live_validate===!0&&9!=a.which&&c(this,a),"undefined"!=typeof d.get(0)&&d.val().length&&c(d.get(0),a),"tab"===f.validate_on&&9===a.which?c(this,a):"change"===f.validate_on&&c(this,a)}).on("focus",function(b){navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i)&&a("html, body").animate({scrollTop:a(b.target).offset().top},100)})},reset:function(b,c){var d=this;b.removeAttr(d.invalid_attr),a("["+d.invalid_attr+"]",b).removeAttr(d.invalid_attr),a("."+d.settings.error_class,b).not("small").removeClass(d.settings.error_class),a(":input",b).not(":button, :submit, :reset, :hidden, [data-abide-ignore]").val("").removeAttr(d.invalid_attr)},validate:function(a,b,c){for(var d=this.parse_patterns(a),e=d.length,f=this.S(a[0]).closest("form"),g=/submit/.test(b.type),h=0;e>h;h++)if(!d[h]&&(g||c))return this.settings.focus_on_invalid&&a[h].focus(),f.trigger("invalid.fndtn.abide"),this.S(a[h]).closest("form").attr(this.invalid_attr,""),!1;return(g||c)&&f.trigger("valid.fndtn.abide"),f.removeAttr(this.invalid_attr),c?!1:!0},parse_patterns:function(a){for(var b=a.length,c=[];b--;)c.push(this.pattern(a[b]));return this.check_validation_and_apply_styles(c)},pattern:function(a){var b=a.getAttribute("type"),c="string"==typeof a.getAttribute("required"),d=a.getAttribute("pattern")||"";return this.settings.patterns.hasOwnProperty(d)&&d.length>0?[a,this.settings.patterns[d],c]:d.length>0?[a,new RegExp(d),c]:this.settings.patterns.hasOwnProperty(b)?[a,this.settings.patterns[b],c]:(d=/.*/,[a,d,c])},check_validation_and_apply_styles:function(b){var c=b.length,d=[];if(0==c)return d;var e=this.S(b[0][0]).closest("[data-"+this.attr_name(!0)+"]");for(e.data(this.attr_name(!0)+"-init")||{};c--;){var f,g,h=b[c][0],i=b[c][2],j=h.value.trim(),k=this.S(h).parent(),l=h.getAttribute(this.add_namespace("data-abide-validator")),m="radio"===h.type,n="checkbox"===h.type,o=this.S('label[for="'+h.getAttribute("id")+'"]'),p=i?h.value.length>0:!0,q=[];if(h.getAttribute(this.add_namespace("data-equalto"))&&(l="equalTo"),f=k.is("label")?k.parent():k,m&&i)q.push(this.valid_radio(h,i));else if(n&&i)q.push(this.valid_checkbox(h,i));else if(l){for(var r=l.split(" "),s=!0,t=!0,u=0;u0&&this.settings.error_labels&&o.removeClass(this.settings.error_class).removeAttr("role"),a(h).triggerHandler("valid")):(this.S(h).attr(this.invalid_attr,""),f.addClass("error"),o.length>0&&this.settings.error_labels&&o.addClass(this.settings.error_class).attr("role","alert"),a(h).triggerHandler("invalid"))}else if(b[c][1].test(j)&&p||!i&&h.value.length<1||a(h).attr("disabled")?q.push(!0):q.push(!1),q=[q.every(function(a){return a})],q[0])this.S(h).removeAttr(this.invalid_attr),h.setAttribute("aria-invalid","false"),h.removeAttribute("aria-describedby"),f.removeClass(this.settings.error_class),o.length>0&&this.settings.error_labels&&o.removeClass(this.settings.error_class).removeAttr("role"),a(h).triggerHandler("valid");else{this.S(h).attr(this.invalid_attr,""),h.setAttribute("aria-invalid","true");var v=f.find("small."+this.settings.error_class,"span."+this.settings.error_class),w=v.length>0?v[0].id:"";w.length>0&&h.setAttribute("aria-describedby",w),f.addClass(this.settings.error_class),o.length>0&&this.settings.error_labels&&o.addClass(this.settings.error_class).attr("role","alert"),a(h).triggerHandler("invalid")}d=d.concat(q)}return d},valid_checkbox:function(b,c){var b=this.S(b),d=b.is(":checked")||!c||b.get(0).getAttribute("disabled");return d?(b.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class),a(b).triggerHandler("valid")):(b.attr(this.invalid_attr,"").parent().addClass(this.settings.error_class),a(b).triggerHandler("invalid")),d},valid_radio:function(b,c){for(var d=b.getAttribute("name"),e=this.S(b).closest("[data-"+this.attr_name(!0)+"]").find("[name='"+d+"']"),f=e.length,g=!1,h=!1,i=0;f>i;i++)e[i].getAttribute("disabled")?(h=!0,g=!0):e[i].checked?g=!0:h&&(g=!1);for(var i=0;f>i;i++)g?(this.S(e[i]).removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class),a(e[i]).triggerHandler("valid")):(this.S(e[i]).attr(this.invalid_attr,"").parent().addClass(this.settings.error_class),a(e[i]).triggerHandler("invalid"));return g},valid_equal:function(a,b,d){var e=c.getElementById(a.getAttribute(this.add_namespace("data-equalto"))).value,f=a.value,g=e===f;return g?(this.S(a).removeAttr(this.invalid_attr),d.removeClass(this.settings.error_class),label.length>0&&settings.error_labels&&label.removeClass(this.settings.error_class)):(this.S(a).attr(this.invalid_attr,""),d.addClass(this.settings.error_class),label.length>0&&settings.error_labels&&label.addClass(this.settings.error_class)),g},valid_oneof:function(a,b,c,d){var a=this.S(a),e=this.S("["+this.add_namespace("data-oneof")+"]"),f=e.filter(":checked").length>0;if(f?a.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class):a.attr(this.invalid_attr,"").parent().addClass(this.settings.error_class),!d){var g=this;e.each(function(){g.valid_oneof.call(g,this,null,null,!0)})}return f},reflow:function(a,b){var c=this,d=c.S("["+this.attr_name()+"]").attr("novalidate","novalidate");c.S(d).each(function(a,b){c.events(b)})}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.accordion={name:"accordion",version:"5.5.3",settings:{content_class:"content",active_class:"active",multi_expand:!1,toggleable:!0,callback:function(){}},init:function(a,b,c){this.bindings(b,c)},events:function(b){var c=this,d=this.S;c.create(this.S(b)),d(this.scope).off(".fndtn.accordion").on("click.fndtn.accordion","["+this.attr_name()+"] > dd > a, ["+this.attr_name()+"] > li > a",function(b){var e=d(this).closest("["+c.attr_name()+"]"),f=c.attr_name()+"="+e.attr(c.attr_name()),g=e.data(c.attr_name(!0)+"-init")||c.settings,h=d(this).context.attributes["data-content"],i=d("#"+(h?h.value:this.href.split("#")[1])),j=a("> dd, > li",e),k=j.children("."+g.content_class),l=k.filter("."+g.active_class);return b.preventDefault(),e.attr(c.attr_name())&&(k=k.add("["+f+"] dd > ."+g.content_class+", ["+f+"] li > ."+g.content_class),j=j.add("["+f+"] dd, ["+f+"] li")),g.toggleable&&i.is(l)?(i.parent("dd, li").toggleClass(g.active_class,!1),i.toggleClass(g.active_class,!1),d(this).attr("aria-expanded",function(a,b){return"true"===b?"false":"true"}),g.callback(i),i.triggerHandler("toggled",[e]),void e.triggerHandler("toggled",[i])):(g.multi_expand||(k.removeClass(g.active_class),j.removeClass(g.active_class),j.children("a").attr("aria-expanded","false")),i.addClass(g.active_class).parent().addClass(g.active_class),g.callback(i),i.triggerHandler("toggled",[e]),e.triggerHandler("toggled",[i]),void d(this).attr("aria-expanded","true"))})},create:function(b){var c=this,d=b,e=a("> .accordion-navigation",d),f=d.data(c.attr_name(!0)+"-init")||c.settings;e.children("a").attr("aria-expanded","false"),e.has("."+f.content_class+"."+f.active_class).addClass(f.active_class).children("a").attr("aria-expanded","true"),f.multi_expand&&b.attr("aria-multiselectable","true")},toggle:function(a){var a="undefined"!=typeof a?a:{},c="undefined"!=typeof a.selector?a.selector:"",d="undefined"!=typeof a.toggle_state?a.toggle_state:"",e="undefined"!=typeof a.$accordion?a.$accordion:this.S(this.scope).closest("["+this.attr_name()+"]"),f=e.find("> dd"+c+", > li"+c);if(f.length<1)return b.console&&console.error("Selection not found.",c),!1;var g=this.S,h=this.settings.active_class;f.each(function(){var a=g(this),b=a.hasClass(h);(b&&"close"===d||!b&&"open"===d||""===d)&&a.find("> a").trigger("click.fndtn.accordion")})},open:function(a){var a="undefined"!=typeof a?a:{};a.toggle_state="open",this.toggle(a)},close:function(a){var a="undefined"!=typeof a?a:{};a.toggle_state="close",this.toggle(a)},off:function(){},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.alert={name:"alert",version:"5.5.3",settings:{callback:function(){}},init:function(a,b,c){this.bindings(b,c)},events:function(){var b=this,c=this.S;a(this.scope).off(".alert").on("click.fndtn.alert","["+this.attr_name()+"] .close",function(a){var d=c(this).closest("["+b.attr_name()+"]"),e=d.data(b.attr_name(!0)+"-init")||b.settings;a.preventDefault(),Modernizr.csstransitions?(d.addClass("alert-close"),d.on("transitionend webkitTransitionEnd oTransitionEnd",function(a){c(this).trigger("close.fndtn.alert").remove(),e.callback()})):d.fadeOut(300,function(){c(this).trigger("close.fndtn.alert").remove(),e.callback()})})},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.clearing={name:"clearing",version:"5.5.3",settings:{templates:{viewing:'×'},close_selectors:".clearing-close, div.clearing-blackout",open_selectors:"",skip_selector:"",touch_label:"",init:!1,locked:!1},init:function(a,b,c){var d=this;Foundation.inherit(this,"throttle image_loaded"),this.bindings(b,c),d.S(this.scope).is("["+this.attr_name()+"]")?this.assemble(d.S("li",this.scope)):d.S("["+this.attr_name()+"]",this.scope).each(function(){d.assemble(d.S("li",this))})},events:function(d){var e=this,f=e.S,g=a(".scroll-container");g.length>0&&(this.scope=g),f(this.scope).off(".clearing").on("click.fndtn.clearing","ul["+this.attr_name()+"] li "+this.settings.open_selectors,function(a,b,c){var b=b||f(this),c=c||b,d=b.next("li"),g=b.closest("["+e.attr_name()+"]").data(e.attr_name(!0)+"-init"),h=f(a.target);a.preventDefault(),g||(e.init(),g=b.closest("["+e.attr_name()+"]").data(e.attr_name(!0)+"-init")),c.hasClass("visible")&&b[0]===c[0]&&d.length>0&&e.is_open(b)&&(c=d,h=f("img",c)),e.open(h,b,c),e.update_paddles(c)}).on("click.fndtn.clearing",".clearing-main-next",function(a){e.nav(a,"next")}).on("click.fndtn.clearing",".clearing-main-prev",function(a){e.nav(a,"prev")}).on("click.fndtn.clearing",this.settings.close_selectors,function(a){Foundation.libs.clearing.close(a,this)}),a(c).on("keydown.fndtn.clearing",function(a){e.keydown(a)}),f(b).off(".clearing").on("resize.fndtn.clearing",function(){e.resize()}),this.swipe_events(d)},swipe_events:function(a){var b=this,c=b.S;c(this.scope).on("touchstart.fndtn.clearing",".visible-img",function(a){a.touches||(a=a.originalEvent);var b={start_page_x:a.touches[0].pageX,start_page_y:a.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:d};c(this).data("swipe-transition",b),a.stopPropagation()}).on("touchmove.fndtn.clearing",".visible-img",function(a){if(a.touches||(a=a.originalEvent),!(a.touches.length>1||a.scale&&1!==a.scale)){var d=c(this).data("swipe-transition");if("undefined"==typeof d&&(d={}),d.delta_x=a.touches[0].pageX-d.start_page_x,Foundation.rtl&&(d.delta_x=-d.delta_x),"undefined"==typeof d.is_scrolling&&(d.is_scrolling=!!(d.is_scrolling||Math.abs(d.delta_x)
');var d=c.detach(),e="";if(null!=d[0]){e=d[0].outerHTML;var f=this.S("#foundationClearingHolder"),g=c.data(this.attr_name(!0)+"-init"),h={grid:'
'+e+"
",viewing:g.templates.viewing},i='
'+h.viewing+h.grid+"
",j=this.settings.touch_label;Modernizr.touch&&(i=a(i).find(".clearing-touch-label").html(j).end()),f.after(i).remove()}}},open:function(b,d,e){function f(){setTimeout(function(){this.image_loaded(m,function(){1!==m.outerWidth()||o?g.call(this,m):f.call(this)}.bind(this))}.bind(this),100)}function g(b){var c=a(b);c.css("visibility","visible"),c.trigger("imageVisible"),i.css("overflow","hidden"),j.addClass("clearing-blackout"),k.addClass("clearing-container"),l.show(),this.fix_height(e).caption(h.S(".clearing-caption",l),h.S("img",e)).center_and_label(b,n).shift(d,e,function(){e.closest("li").siblings().removeClass("visible"),e.closest("li").addClass("visible")}),l.trigger("opened.fndtn.clearing")}var h=this,i=a(c.body),j=e.closest(".clearing-assembled"),k=h.S("div",j).first(),l=h.S(".visible-img",k),m=h.S("img",l).not(b),n=h.S(".clearing-touch-label",k),o=!1,p={};a("body").on("touchmove",function(a){a.preventDefault()}),m.error(function(){o=!0}),this.locked()||(l.trigger("open.fndtn.clearing"),p=this.load(b),p.interchange?m.attr("data-interchange",p.interchange).foundation("interchange","reflow"):m.attr("src",p.src).attr("data-interchange",""),m.css("visibility","hidden"),f.call(this))},close:function(b,d){b.preventDefault();var e,f,g=function(a){return/blackout/.test(a.selector)?a:a.closest(".clearing-blackout")}(a(d)),h=a(c.body);return d===b.target&&g&&(h.css("overflow",""),e=a("div",g).first(),f=a(".visible-img",e),f.trigger("close.fndtn.clearing"),this.settings.prev_index=0,a("ul["+this.attr_name()+"]",g).attr("style","").closest(".clearing-blackout").removeClass("clearing-blackout"),e.removeClass("clearing-container"),f.hide(),f.trigger("closed.fndtn.clearing")),a("body").off("touchmove"),!1},is_open:function(a){return a.parent().prop("style").length>0},keydown:function(b){var c=a(".clearing-blackout ul["+this.attr_name()+"]"),d=this.rtl?37:39,e=this.rtl?39:37,f=27;b.which===d&&this.go(c,"next"),b.which===e&&this.go(c,"prev"),b.which===f&&this.S("a.clearing-close").trigger("click.fndtn.clearing")},nav:function(b,c){var d=a("ul["+this.attr_name()+"]",".clearing-blackout");b.preventDefault(),this.go(d,c)},resize:function(){var b=a("img",".clearing-blackout .visible-img"),c=a(".clearing-touch-label",".clearing-blackout");b.length&&(this.center_and_label(b,c),b.trigger("resized.fndtn.clearing"))},fix_height:function(a){var b=a.parent().children(),c=this;return b.each(function(){var a=c.S(this),b=a.find("img");a.height()>b.outerHeight()&&a.addClass("fix-height")}).closest("ul").width(100*b.length+"%"),this},update_paddles:function(a){a=a.closest("li");var b=a.closest(".carousel").siblings(".visible-img");a.next().length>0?this.S(".clearing-main-next",b).removeClass("disabled"):this.S(".clearing-main-next",b).addClass("disabled"),a.prev().length>0?this.S(".clearing-main-prev",b).removeClass("disabled"):this.S(".clearing-main-prev",b).addClass("disabled")},center_and_label:function(a,b){return!this.rtl&&b.length>0?b.css({marginLeft:-(b.outerWidth()/2),marginTop:-(a.outerHeight()/2)-b.outerHeight()-10}):b.css({marginRight:-(b.outerWidth()/2),marginTop:-(a.outerHeight()/2)-b.outerHeight()-10,left:"auto",right:"50%"}),this},load:function(a){var b,c,d;return"A"===a[0].nodeName?(b=a.attr("href"),c=a.data("clearing-interchange")):(d=a.closest("a"),b=d.attr("href"),c=d.data("clearing-interchange")),this.preload(a),{src:b?b:a.attr("src"),interchange:b?c:a.data("clearing-interchange")}},preload:function(a){this.img(a.closest("li").next(),"next").img(a.closest("li").prev(),"prev")},img:function(b,c){if(b.length){var d,e,f,g=a(".clearing-preload-"+c),h=this.S("a",b);h.length?(d=h.attr("href"),e=h.data("clearing-interchange")):(f=this.S("img",b),d=f.attr("src"),e=f.data("clearing-interchange")),e?g.attr("data-interchange",e):(g.attr("src",d),g.attr("data-interchange",""))}return this},caption:function(a,b){var c=b.attr("data-caption");if(c){var d=a.get(0);d.innerHTML=c,a.show()}else a.text("").hide();return this},go:function(a,b){var c=this.S(".visible",a),d=c[b]();this.settings.skip_selector&&0!=d.find(this.settings.skip_selector).length&&(d=d[b]()),d.length&&this.S("img",d).trigger("click.fndtn.clearing",[c,d]).trigger("change.fndtn.clearing")},shift:function(a,b,c){var d,e=b.parent(),f=this.settings.prev_index||b.index(),g=this.direction(e,a,b),h=this.rtl?"right":"left",i=parseInt(e.css("left"),10),j=b.outerWidth(),k={};b.index()===f||/skip/.test(g)?/skip/.test(g)&&(d=b.index()-this.settings.up_count,this.lock(),d>0?(k[h]=-(d*j),e.animate(k,300,this.unlock())):(k[h]=0,e.animate(k,300,this.unlock()))):/left/.test(g)?(this.lock(),k[h]=i+j,e.animate(k,300,this.unlock())):/right/.test(g)&&(this.lock(),k[h]=i-j,e.animate(k,300,this.unlock())),c()},direction:function(a,b,c){var d,e=this.S("li",a),f=e.outerWidth()+e.outerWidth()/4,g=Math.floor(this.S(".clearing-container").outerWidth()/f)-1,h=e.index(c);return this.settings.up_count=g,d=this.adjacent(this.settings.prev_index,h)?h>g&&h>this.settings.prev_index?"right":h>g-1&&h<=this.settings.prev_index?"left":!1:"skip",this.settings.prev_index=h,d},adjacent:function(a,b){for(var c=b+1;c>=b-1;c--)if(c===a)return!0;return!1},lock:function(){this.settings.locked=!0},unlock:function(){this.settings.locked=!1},locked:function(){return this.settings.locked},off:function(){this.S(this.scope).off(".fndtn.clearing"),this.S(b).off(".fndtn.clearing")},reflow:function(){this.init()}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.dropdown={name:"dropdown",version:"5.5.3",settings:{active_class:"open",disabled_class:"disabled",mega_class:"mega",align:"bottom",is_hover:!1,hover_timeout:150,no_pip:!1,opened:function(){},closed:function(){}},init:function(b,c,d){Foundation.inherit(this,"throttle"),a.extend(!0,this.settings,c,d),this.bindings(c,d)},events:function(d){var e=this,f=e.S;f(this.scope).off(".dropdown").on("click.fndtn.dropdown","["+this.attr_name()+"]",function(b){var c=f(this).data(e.attr_name(!0)+"-init")||e.settings;(!c.is_hover||Modernizr.touch)&&(b.preventDefault(),f(this).parent("[data-reveal-id]").length&&b.stopPropagation(),e.toggle(a(this)))}).on("mouseenter.fndtn.dropdown","["+this.attr_name()+"], ["+this.attr_name()+"-content]",function(a){var b,c,d=f(this);clearTimeout(e.timeout),d.data(e.data_attr())?(b=f("#"+d.data(e.data_attr())),c=d):(b=d,c=f("["+e.attr_name()+'="'+b.attr("id")+'"]'));var g=c.data(e.attr_name(!0)+"-init")||e.settings;f(a.currentTarget).data(e.data_attr())&&g.is_hover&&e.closeall.call(e),g.is_hover&&e.open.apply(e,[b,c])}).on("mouseleave.fndtn.dropdown","["+this.attr_name()+"], ["+this.attr_name()+"-content]",function(a){var b,c=f(this);if(c.data(e.data_attr()))b=c.data(e.data_attr(!0)+"-init")||e.settings;else var d=f("["+e.attr_name()+'="'+f(this).attr("id")+'"]'),b=d.data(e.attr_name(!0)+"-init")||e.settings;e.timeout=setTimeout(function(){c.data(e.data_attr())?b.is_hover&&e.close.call(e,f("#"+c.data(e.data_attr()))):b.is_hover&&e.close.call(e,c)}.bind(this),b.hover_timeout)}).on("click.fndtn.dropdown",function(b){var d=f(b.target).closest("["+e.attr_name()+"-content]"),g=d.find("a");return g.length>0&&"false"!==d.attr("aria-autoclose")&&e.close.call(e,f("["+e.attr_name()+"-content]")),b.target!==c&&!a.contains(c.documentElement,b.target)||f(b.target).closest("["+e.attr_name()+"]").length>0?void 0:!f(b.target).data("revealId")&&d.length>0&&(f(b.target).is("["+e.attr_name()+"-content]")||a.contains(d.first()[0],b.target))?void b.stopPropagation():void e.close.call(e,f("["+e.attr_name()+"-content]"))}).on("opened.fndtn.dropdown","["+e.attr_name()+"-content]",function(){e.settings.opened.call(this)}).on("closed.fndtn.dropdown","["+e.attr_name()+"-content]",function(){e.settings.closed.call(this)}),f(b).off(".dropdown").on("resize.fndtn.dropdown",e.throttle(function(){e.resize.call(e)},50)),this.resize()},close:function(b){var c=this;b.each(function(d){var e=a("["+c.attr_name()+"="+b[d].id+"]")||a("aria-controls="+b[d].id+"]");e.attr("aria-expanded","false"),c.S(this).hasClass(c.settings.active_class)&&(c.S(this).css(Foundation.rtl?"right":"left","-99999px").attr("aria-hidden","true").removeClass(c.settings.active_class).prev("["+c.attr_name()+"]").removeClass(c.settings.active_class).removeData("target"),c.S(this).trigger("closed.fndtn.dropdown",[b]))}),b.removeClass("f-open-"+this.attr_name(!0))},closeall:function(){var b=this;a.each(b.S(".f-open-"+this.attr_name(!0)),function(){b.close.call(b,b.S(this))})},open:function(a,b){this.css(a.addClass(this.settings.active_class),b),a.prev("["+this.attr_name()+"]").addClass(this.settings.active_class),a.data("target",b.get(0)).trigger("opened.fndtn.dropdown",[a,b]),a.attr("aria-hidden","false"),b.attr("aria-expanded","true"),a.focus(),a.addClass("f-open-"+this.attr_name(!0))},data_attr:function(){return this.namespace.length>0?this.namespace+"-"+this.name:this.name},toggle:function(a){if(!a.hasClass(this.settings.disabled_class)){var b=this.S("#"+a.data(this.data_attr()));0!==b.length&&(this.close.call(this,this.S("["+this.attr_name()+"-content]").not(b)),b.hasClass(this.settings.active_class)?(this.close.call(this,b),b.data("target")!==a.get(0)&&this.open.call(this,b,a)):this.open.call(this,b,a))}},resize:function(){var b=this.S("["+this.attr_name()+"-content].open"),c=a(b.data("target"));b.length&&c.length&&this.css(b,c)},css:function(a,b){var c=Math.max((b.width()-a.width())/2,8),d=b.data(this.attr_name(!0)+"-init")||this.settings,e=a.parent().css("overflow-y")||a.parent().css("overflow");if(this.clear_idx(),this.small()){var f=this.dirs.bottom.call(a,b,d);a.attr("style","").removeClass("drop-left drop-right drop-top").css({position:"absolute",width:"95%","max-width":"none",top:f.top}),a.css(Foundation.rtl?"right":"left",c)}else if("visible"!==e){var g=b[0].offsetTop+b[0].offsetHeight;a.attr("style","").css({position:"absolute",top:g}),a.css(Foundation.rtl?"right":"left",c)}else this.style(a,b,d);return a},style:function(b,c,d){var e=a.extend({position:"absolute"},this.dirs[d.align].call(b,c,d));b.attr("style","").css(e)},dirs:{_base:function(a,d){var e=this.offsetParent(),f=e.offset(),g=a.offset();g.top-=f.top,g.left-=f.left,g.missRight=!1,g.missTop=!1,g.missLeft=!1,g.leftRightFlag=!1;var h,i=b.innerWidth;h=c.getElementsByClassName("row")[0]?c.getElementsByClassName("row")[0].clientWidth:i;var j=(i-h)/2,k=h;if(!this.hasClass("mega")&&!d.ignore_repositioning){var l=this.outerWidth(),m=a.offset().left;a.offset().top<=this.outerHeight()&&(g.missTop=!0,k=i-j,g.leftRightFlag=!0),m+l>m+j&&m-j>l&&(g.missRight=!0,g.missLeft=!1),0>=m-l&&(g.missLeft=!0,g.missRight=!1)}return g},top:function(a,b){var c=Foundation.libs.dropdown,d=c.dirs._base.call(this,a,b); -return this.addClass("drop-top"),1==d.missTop&&(d.top=d.top+a.outerHeight()+this.outerHeight(),this.removeClass("drop-top")),1==d.missRight&&(d.left=d.left-this.outerWidth()+a.outerWidth()),(!c.settings.no_pip&&a.outerWidth()0)for(var d=this.S("["+this.add_namespace("data-uuid")+'="'+a+'"]');c--;){var e,f=b[c][2];if(e=this.settings.named_queries.hasOwnProperty(f)?matchMedia(this.settings.named_queries[f]):matchMedia(f),e.matches)return{el:d,scenario:b[c]}}return!1},load:function(a,b){return("undefined"==typeof this["cached_"+a]||b)&&this["update_"+a](),this["cached_"+a]},update_images:function(){var a=this.S("img["+this.data_attr+"]"),b=a.length,c=b,d=0,e=this.data_attr;for(this.cache={},this.cached_images=[],this.images_loaded=0===b;c--;){if(d++,a[c]){var f=a[c].getAttribute(e)||"";f.length>0&&this.cached_images.push(a[c])}d===b&&(this.images_loaded=!0,this.enhance("images"))}return this},update_nodes:function(){var a=this.S("["+this.data_attr+"]").not("img"),b=a.length,c=b,d=0,e=this.data_attr;for(this.cached_nodes=[],this.nodes_loaded=0===b;c--;){d++;var f=a[c].getAttribute(e)||"";f.length>0&&this.cached_nodes.push(a[c]),d===b&&(this.nodes_loaded=!0,this.enhance("nodes"))}return this},enhance:function(c){for(var d=this["cached_"+c].length;d--;)this.object(a(this["cached_"+c][d]));return a(b).trigger("resize.fndtn.interchange")},convert_directive:function(a){var b=this.trim(a);return b.length>0?b:"replace"},parse_scenario:function(a){var b=a[0].match(/(.+),\s*(\w+)\s*$/),c=a[1].match(/(.*)\)/);if(b)var d=b[1],e=b[2];else var f=a[0].split(/,\s*$/),d=f[0],e="";return[this.trim(d),this.convert_directive(e),this.trim(c[1])]},object:function(a){var b=this.parse_data_attr(a),c=[],d=b.length;if(d>0)for(;d--;){var e=b[d].split(/,\s?\(/);if(e.length>1){var f=this.parse_scenario(e);c.push(f)}}return this.store(a,c)},store:function(a,b){var c=this.random_str(),d=a.data(this.add_namespace("uuid",!0));return this.cache[d]?this.cache[d]:(a.attr(this.add_namespace("data-uuid"),c),this.cache[c]=b)},trim:function(b){return"string"==typeof b?a.trim(b):b},set_data_attr:function(a){return a?this.namespace.length>0?this.namespace+"-"+this.settings.load_attr:this.settings.load_attr:this.namespace.length>0?"data-"+this.namespace+"-"+this.settings.load_attr:"data-"+this.settings.load_attr},parse_data_attr:function(a){for(var b=a.attr(this.attr_name()).split(/\[(.*?)\]/),c=b.length,d=[];c--;)b[c].replace(/[\W\d]+/,"").length>4&&d.push(b[c]);return d},reflow:function(){this.load("images",!0),this.load("nodes",!0)}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.joyride={name:"joyride",version:"5.5.3",defaults:{expose:!1,modal:!0,keyboard:!0,tip_location:"bottom",nub_position:"auto",scroll_speed:1500,scroll_animation:"linear",timer:0,start_timer_on_click:!0,start_offset:0,next_button:!0,prev_button:!0,tip_animation:"fade",pause_after:[],exposed:[],tip_animation_fade_speed:300,cookie_monster:!1,cookie_name:"joyride",cookie_domain:!1,cookie_expires:365,tip_container:"body",abort_on_close:!0,tip_location_patterns:{top:["bottom"],bottom:[],left:["right","top","bottom"],right:["left","top","bottom"]},post_ride_callback:function(){},post_step_callback:function(){},pre_step_callback:function(){},pre_ride_callback:function(){},post_expose_callback:function(){},template:{link:'×',timer:'
',tip:'
',wrapper:'
',button:'',prev_button:'',modal:'
',expose:'
',expose_cover:'
'},expose_add_class:""},init:function(b,c,d){Foundation.inherit(this,"throttle random_str"),this.settings=this.settings||a.extend({},this.defaults,d||c),this.bindings(c,d)},go_next:function(){this.settings.$li.next().length<1?this.end():this.settings.timer>0?(clearTimeout(this.settings.automate),this.hide(),this.show(),this.startTimer()):(this.hide(),this.show())},go_prev:function(){this.settings.$li.prev().length<1||(this.settings.timer>0?(clearTimeout(this.settings.automate),this.hide(),this.show(null,!0),this.startTimer()):(this.hide(),this.show(null,!0)))},events:function(){var c=this;a(this.scope).off(".joyride").on("click.fndtn.joyride",".joyride-next-tip, .joyride-modal-bg",function(a){a.preventDefault(),this.go_next()}.bind(this)).on("click.fndtn.joyride",".joyride-prev-tip",function(a){a.preventDefault(),this.go_prev()}.bind(this)).on("click.fndtn.joyride",".joyride-close-tip",function(a){a.preventDefault(),this.end(this.settings.abort_on_close)}.bind(this)).on("keyup.fndtn.joyride",function(a){if(this.settings.keyboard&&this.settings.riding)switch(a.which){case 39:a.preventDefault(),this.go_next();break;case 37:a.preventDefault(),this.go_prev();break;case 27:a.preventDefault(),this.end(this.settings.abort_on_close)}}.bind(this)),a(b).off(".joyride").on("resize.fndtn.joyride",c.throttle(function(){if(a("["+c.attr_name()+"]").length>0&&c.settings.$next_tip&&c.settings.riding){if(c.settings.exposed.length>0){var b=a(c.settings.exposed);b.each(function(){var b=a(this);c.un_expose(b),c.expose(b)})}c.is_phone()?c.pos_phone():c.pos_default(!1)}},100))},start:function(){var b=this,c=a("["+this.attr_name()+"]",this.scope),d=["timer","scrollSpeed","startOffset","tipAnimationFadeSpeed","cookieExpires"],e=d.length;!c.length>0||(this.settings.init||this.events(),this.settings=c.data(this.attr_name(!0)+"-init"),this.settings.$content_el=c,this.settings.$body=a(this.settings.tip_container),this.settings.body_offset=a(this.settings.tip_container).position(),this.settings.$tip_content=this.settings.$content_el.find("> li"),this.settings.paused=!1,this.settings.attempts=0,this.settings.riding=!0,"function"!=typeof a.cookie&&(this.settings.cookie_monster=!1),(!this.settings.cookie_monster||this.settings.cookie_monster&&!a.cookie(this.settings.cookie_name))&&(this.settings.$tip_content.each(function(c){var f=a(this);this.settings=a.extend({},b.defaults,b.data_options(f));for(var g=e;g--;)b.settings[d[g]]=parseInt(b.settings[d[g]],10);b.create({$li:f,index:c})}),!this.settings.start_timer_on_click&&this.settings.timer>0?(this.show("init"),this.startTimer()):this.show("init")))},resume:function(){this.set_li(),this.show()},tip_template:function(b){var c,d;return b.tip_class=b.tip_class||"",c=a(this.settings.template.tip).addClass(b.tip_class),d=a.trim(a(b.li).html())+this.prev_button_text(b.prev_button_text,b.index)+this.button_text(b.button_text)+this.settings.template.link+this.timer_instance(b.index),c.append(a(this.settings.template.wrapper)),c.first().attr(this.add_namespace("data-index"),b.index),a(".joyride-content-wrapper",c).append(d),c[0]},timer_instance:function(b){var c;return c=0===b&&this.settings.start_timer_on_click&&this.settings.timer>0||0===this.settings.timer?"":a(this.settings.template.timer)[0].outerHTML},button_text:function(b){return this.settings.tip_settings.next_button?(b=a.trim(b)||"Next",b=a(this.settings.template.button).append(b)[0].outerHTML):b="",b},prev_button_text:function(b,c){return this.settings.tip_settings.prev_button?(b=a.trim(b)||"Previous",b=0==c?a(this.settings.template.prev_button).append(b).addClass("disabled")[0].outerHTML:a(this.settings.template.prev_button).append(b)[0].outerHTML):b="",b},create:function(b){this.settings.tip_settings=a.extend({},this.settings,this.data_options(b.$li));var c=b.$li.attr(this.add_namespace("data-button"))||b.$li.attr(this.add_namespace("data-text")),d=b.$li.attr(this.add_namespace("data-button-prev"))||b.$li.attr(this.add_namespace("data-prev-text")),e=b.$li.attr("class"),f=a(this.tip_template({tip_class:e,index:b.index,button_text:c,prev_button_text:d,li:b.$li}));a(this.settings.tip_container).append(f)},show:function(b,c){var e=null;if(this.settings.$li===d||-1===a.inArray(this.settings.$li.index(),this.settings.pause_after))if(this.settings.paused?this.settings.paused=!1:this.set_li(b,c),this.settings.attempts=0,this.settings.$li.length&&this.settings.$target.length>0){if(b&&(this.settings.pre_ride_callback(this.settings.$li.index(),this.settings.$next_tip),this.settings.modal&&this.show_modal()),this.settings.pre_step_callback(this.settings.$li.index(),this.settings.$next_tip),this.settings.modal&&this.settings.expose&&this.expose(),this.settings.tip_settings=a.extend({},this.settings,this.data_options(this.settings.$li)),this.settings.timer=parseInt(this.settings.timer,10),this.settings.tip_settings.tip_location_pattern=this.settings.tip_location_patterns[this.settings.tip_settings.tip_location],!/body/i.test(this.settings.$target.selector)&&!this.settings.expose){var f=a(".joyride-modal-bg");/pop/i.test(this.settings.tipAnimation)?f.hide():f.fadeOut(this.settings.tipAnimationFadeSpeed),this.scroll_to()}this.is_phone()?this.pos_phone(!0):this.pos_default(!0),e=this.settings.$next_tip.find(".joyride-timer-indicator"),/pop/i.test(this.settings.tip_animation)?(e.width(0),this.settings.timer>0?(this.settings.$next_tip.show(),setTimeout(function(){e.animate({width:e.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tip_animation_fade_speed)):this.settings.$next_tip.show()):/fade/i.test(this.settings.tip_animation)&&(e.width(0),this.settings.timer>0?(this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed).show(),setTimeout(function(){e.animate({width:e.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tip_animation_fade_speed)):this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed)),this.settings.$current_tip=this.settings.$next_tip}else this.settings.$li&&this.settings.$target.length<1?this.show(b,c):this.end();else this.settings.paused=!0},is_phone:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},hide:function(){this.settings.modal&&this.settings.expose&&this.un_expose(),this.settings.modal||a(".joyride-modal-bg").hide(),this.settings.$current_tip.css("visibility","hidden"),setTimeout(a.proxy(function(){this.hide(),this.css("visibility","visible")},this.settings.$current_tip),0),this.settings.post_step_callback(this.settings.$li.index(),this.settings.$current_tip)},set_li:function(a,b){a?(this.settings.$li=this.settings.$tip_content.eq(this.settings.start_offset),this.set_next_tip(),this.settings.$current_tip=this.settings.$next_tip):(b?this.settings.$li=this.settings.$li.prev():this.settings.$li=this.settings.$li.next(),this.set_next_tip()),this.set_target()},set_next_tip:function(){this.settings.$next_tip=a(".joyride-tip-guide").eq(this.settings.$li.index()),this.settings.$next_tip.data("closed","")},set_target:function(){var b=this.settings.$li.attr(this.add_namespace("data-class")),d=this.settings.$li.attr(this.add_namespace("data-id")),e=function(){return d?a(c.getElementById(d)):b?a("."+b).first():a("body")};this.settings.$target=e()},scroll_to:function(){var c,d;c=a(b).height()/2,d=Math.ceil(this.settings.$target.offset().top-c+this.settings.$next_tip.outerHeight()),0!=d&&a("html, body").stop().animate({scrollTop:d},this.settings.scroll_speed,"swing")},paused:function(){return-1===a.inArray(this.settings.$li.index()+1,this.settings.pause_after)},restart:function(){this.hide(),this.settings.$li=d,this.show("init")},pos_default:function(a){var b=this.settings.$next_tip.find(".joyride-nub"),c=Math.ceil(b.outerWidth()/2),d=Math.ceil(b.outerHeight()/2),e=a||!1;if(e&&(this.settings.$next_tip.css("visibility","hidden"),this.settings.$next_tip.show()),/body/i.test(this.settings.$target.selector))this.settings.$li.length&&this.pos_modal(b);else{var f=this.settings.tip_settings.tipAdjustmentY?parseInt(this.settings.tip_settings.tipAdjustmentY):0,g=this.settings.tip_settings.tipAdjustmentX?parseInt(this.settings.tip_settings.tipAdjustmentX):0;this.bottom()?(this.rtl?this.settings.$next_tip.css({top:this.settings.$target.offset().top+d+this.settings.$target.outerHeight()+f,left:this.settings.$target.offset().left+this.settings.$target.outerWidth()-this.settings.$next_tip.outerWidth()+g}):this.settings.$next_tip.css({top:this.settings.$target.offset().top+d+this.settings.$target.outerHeight()+f,left:this.settings.$target.offset().left+g}),this.nub_position(b,this.settings.tip_settings.nub_position,"top")):this.top()?(this.rtl?this.settings.$next_tip.css({top:this.settings.$target.offset().top-this.settings.$next_tip.outerHeight()-d+f,left:this.settings.$target.offset().left+this.settings.$target.outerWidth()-this.settings.$next_tip.outerWidth()}):this.settings.$next_tip.css({top:this.settings.$target.offset().top-this.settings.$next_tip.outerHeight()-d+f,left:this.settings.$target.offset().left+g}),this.nub_position(b,this.settings.tip_settings.nub_position,"bottom")):this.right()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top+f,left:this.settings.$target.outerWidth()+this.settings.$target.offset().left+c+g}),this.nub_position(b,this.settings.tip_settings.nub_position,"left")):this.left()&&(this.settings.$next_tip.css({top:this.settings.$target.offset().top+f,left:this.settings.$target.offset().left-this.settings.$next_tip.outerWidth()-c+g}),this.nub_position(b,this.settings.tip_settings.nub_position,"right")),!this.visible(this.corners(this.settings.$next_tip))&&this.settings.attempts0&&arguments[0]instanceof a)e=arguments[0];else{if(!this.settings.$target||/body/i.test(this.settings.$target.selector))return!1;e=this.settings.$target}return e.length<1?(b.console&&console.error("element not valid",e),!1):(c=a(this.settings.template.expose),this.settings.$body.append(c),c.css({top:e.offset().top,left:e.offset().left,width:e.outerWidth(!0),height:e.outerHeight(!0)}),d=a(this.settings.template.expose_cover),f={zIndex:e.css("z-index"),position:e.css("position")},g=null==e.attr("class")?"":e.attr("class"),e.css("z-index",parseInt(c.css("z-index"))+1),"static"==f.position&&e.css("position","relative"),e.data("expose-css",f),e.data("orig-class",g),e.attr("class",g+" "+this.settings.expose_add_class),d.css({top:e.offset().top,left:e.offset().left,width:e.outerWidth(!0),height:e.outerHeight(!0)}),this.settings.modal&&this.show_modal(),this.settings.$body.append(d),c.addClass(h),d.addClass(h),e.data("expose",h),this.settings.post_expose_callback(this.settings.$li.index(),this.settings.$next_tip,e),void this.add_exposed(e))},un_expose:function(){var c,d,e,f,g,h=!1;if(arguments.length>0&&arguments[0]instanceof a)d=arguments[0];else{if(!this.settings.$target||/body/i.test(this.settings.$target.selector))return!1;d=this.settings.$target}return d.length<1?(b.console&&console.error("element not valid",d),!1):(c=d.data("expose"),e=a("."+c),arguments.length>1&&(h=arguments[1]),h===!0?a(".joyride-expose-wrapper,.joyride-expose-cover").remove():e.remove(),f=d.data("expose-css"),"auto"==f.zIndex?d.css("z-index",""):d.css("z-index",f.zIndex),f.position!=d.css("position")&&("static"==f.position?d.css("position",""):d.css("position",f.position)),g=d.data("orig-class"),d.attr("class",g),d.removeData("orig-classes"),d.removeData("expose"),d.removeData("expose-z-index"),void this.remove_exposed(d))},add_exposed:function(b){this.settings.exposed=this.settings.exposed||[],b instanceof a||"object"==typeof b?this.settings.exposed.push(b[0]):"string"==typeof b&&this.settings.exposed.push(b)},remove_exposed:function(b){var c,d;for(b instanceof a?c=b[0]:"string"==typeof b&&(c=b),this.settings.exposed=this.settings.exposed||[],d=this.settings.exposed.length;d--;)if(this.settings.exposed[d]==c)return void this.settings.exposed.splice(d,1)},center:function(){var c=a(b);return this.settings.$next_tip.css({top:(c.height()-this.settings.$next_tip.outerHeight())/2+c.scrollTop(),left:(c.width()-this.settings.$next_tip.outerWidth())/2+c.scrollLeft()}),!0},bottom:function(){return/bottom/i.test(this.settings.tip_settings.tip_location)},top:function(){return/top/i.test(this.settings.tip_settings.tip_location)},right:function(){return/right/i.test(this.settings.tip_settings.tip_location)},left:function(){return/left/i.test(this.settings.tip_settings.tip_location)},corners:function(c){if(0===c.length)return[!1,!1,!1,!1];var d=a(b),e=d.height()/2,f=Math.ceil(this.settings.$target.offset().top-e+this.settings.$next_tip.outerHeight()),g=d.width()+d.scrollLeft(),h=d.height()+f,i=d.height()+d.scrollTop(),j=d.scrollTop();return j>f&&(j=0>f?0:f),h>i&&(i=h),[c.offset().topc.offset().left]},visible:function(a){for(var b=a.length;b--;)if(a[b])return!1;return!0},nub_position:function(a,b,c){"auto"===b?a.addClass(c):a.addClass(b)},startTimer:function(){this.settings.$li.length?this.settings.automate=setTimeout(function(){this.hide(),this.show(),this.startTimer()}.bind(this),this.settings.timer):clearTimeout(this.settings.automate)},end:function(b){this.settings.cookie_monster&&a.cookie(this.settings.cookie_name,"ridden",{expires:this.settings.cookie_expires,domain:this.settings.cookie_domain}),this.settings.timer>0&&clearTimeout(this.settings.automate),this.settings.modal&&this.settings.expose&&this.un_expose(),a(this.scope).off("keyup.joyride"),this.settings.$next_tip.data("closed",!0),this.settings.riding=!1,a(".joyride-modal-bg").hide(),this.settings.$current_tip.hide(),("undefined"==typeof b||b===!1)&&(this.settings.post_step_callback(this.settings.$li.index(),this.settings.$current_tip),this.settings.post_ride_callback(this.settings.$li.index(),this.settings.$current_tip)),a(".joyride-tip-guide").remove()},off:function(){a(this.scope).off(".joyride"),a(b).off(".joyride"),a(".joyride-close-tip, .joyride-next-tip, .joyride-modal-bg").off(".joyride"),a(".joyride-tip-guide, .joyride-modal-bg").remove(),clearTimeout(this.settings.automate)},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs["magellan-expedition"]={name:"magellan-expedition",version:"5.5.3",settings:{active_class:"active",threshold:0,destination_threshold:20,throttle_delay:30,fixed_top:0,offset_by_height:!0,duration:700,easing:"swing"},init:function(a,b,c){Foundation.inherit(this,"throttle"),this.bindings(b,c)},events:function(){var b=this,c=b.S,d=b.settings;b.set_expedition_position(),c(b.scope).off(".magellan").on("click.fndtn.magellan","["+b.add_namespace("data-magellan-arrival")+"] a[href*=#]",function(c){var d=this.hostname===location.hostname||!this.hostname,e=b.filterPathname(location.pathname)===b.filterPathname(this.pathname),f=this.hash.replace(/(:|\.|\/)/g,"\\$1"),g=this;if(d&&e&&f){c.preventDefault();var h=a(this).closest("["+b.attr_name()+"]"),i=h.data("magellan-expedition-init"),j=this.hash.split("#").join(""),k=a('a[name="'+j+'"]');0===k.length&&(k=a("#"+j));var l=k.offset().top-i.destination_threshold+1;i.offset_by_height&&(l-=h.outerHeight()),a("html, body").stop().animate({scrollTop:l},i.duration,i.easing,function(){history.pushState?history.pushState(null,null,g.pathname+g.search+"#"+j):location.hash=g.pathname+g.search+"#"+j})}}).on("scroll.fndtn.magellan",b.throttle(this.check_for_arrivals.bind(this),d.throttle_delay))},check_for_arrivals:function(){var a=this;a.update_arrivals(),a.update_expedition_positions()},set_expedition_position:function(){var b=this;a("["+this.attr_name()+"=fixed]",b.scope).each(function(c,d){var e,f,g=a(this),h=g.data("magellan-expedition-init"),i=g.attr("styles");g.attr("style",""),e=g.offset().top+h.threshold,f=parseInt(g.data("magellan-fixed-top")),isNaN(f)||(b.settings.fixed_top=f),g.data(b.data_attr("magellan-top-offset"),e),g.attr("style",i)})},update_expedition_positions:function(){var c=this,d=a(b).scrollTop();a("["+this.attr_name()+"=fixed]",c.scope).each(function(){var b=a(this),e=b.data("magellan-expedition-init"),f=b.attr("style"),g=b.data("magellan-top-offset");if(d+c.settings.fixed_top>=g){var h=b.prev("["+c.add_namespace("data-magellan-expedition-clone")+"]");0===h.length&&(h=b.clone(),h.removeAttr(c.attr_name()),h.attr(c.add_namespace("data-magellan-expedition-clone"),""),b.before(h)),b.css({position:"fixed",top:e.fixed_top}).addClass("fixed")}else b.prev("["+c.add_namespace("data-magellan-expedition-clone")+"]").remove(),b.attr("style",f).css("position","").css("top","").removeClass("fixed")})},update_arrivals:function(){var c=this,d=a(b).scrollTop();a("["+this.attr_name()+"]",c.scope).each(function(){var b=a(this),e=b.data(c.attr_name(!0)+"-init"),f=c.offsets(b,d),g=b.find("["+c.add_namespace("data-magellan-arrival")+"]"),h=!1;f.each(function(a,d){if(d.viewport_offset>=d.top_offset){var f=b.find("["+c.add_namespace("data-magellan-arrival")+"]");return f.not(d.arrival).removeClass(e.active_class),d.arrival.addClass(e.active_class),h=!0,!0}}),h||g.removeClass(e.active_class)})},offsets:function(b,c){var d=this,e=b.data(d.attr_name(!0)+"-init"),f=c;return b.find("["+d.add_namespace("data-magellan-arrival")+"]").map(function(c,g){var h=a(this).data(d.data_attr("magellan-arrival")),i=a("["+d.add_namespace("data-magellan-destination")+"="+h+"]");if(i.length>0){var j=i.offset().top-e.destination_threshold;return e.offset_by_height&&(j-=b.outerHeight()),j=Math.floor(j),{destination:i,arrival:a(this),top_offset:j,viewport_offset:f}}}).sort(function(a,b){return a.top_offsetb.top_offset?1:0})},data_attr:function(a){return this.namespace.length>0?this.namespace+"-"+a:a},off:function(){this.S(this.scope).off(".magellan"),this.S(b).off(".magellan")},filterPathname:function(a){return a=a||"",a.replace(/^\//,"").replace(/(?:index|default).[a-zA-Z]{3,4}$/,"").replace(/\/$/,"")},reflow:function(){var b=this;a("["+b.add_namespace("data-magellan-expedition-clone")+"]",b.scope).remove()}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.offcanvas={name:"offcanvas",version:"5.5.3",settings:{open_method:"move",close_on_click:!1},init:function(a,b,c){this.bindings(b,c)},events:function(){var b=this,c=b.S,d="",e="",f="",g="",h="";"move"===this.settings.open_method?(d="move-",e="right",f="left",g="top",h="bottom"):"overlap_single"===this.settings.open_method?(d="offcanvas-overlap-",e="right",f="left",g="top",h="bottom"):"overlap"===this.settings.open_method&&(d="offcanvas-overlap"),c(this.scope).off(".offcanvas").on("click.fndtn.offcanvas",".left-off-canvas-toggle",function(f){b.click_toggle_class(f,d+e),"overlap"!==b.settings.open_method&&c(".left-submenu").removeClass(d+e),a(".left-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".left-off-canvas-menu a",function(f){var g=b.get_settings(f),h=c(this).parent();!g.close_on_click||h.hasClass("has-submenu")||h.hasClass("back")?c(this).parent().hasClass("has-submenu")?(f.preventDefault(),c(this).siblings(".left-submenu").toggleClass(d+e)):h.hasClass("back")&&(f.preventDefault(),h.parent().removeClass(d+e)):(b.hide.call(b,d+e,b.get_wrapper(f)),h.parent().removeClass(d+e)),a(".left-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".right-off-canvas-toggle",function(e){b.click_toggle_class(e,d+f),"overlap"!==b.settings.open_method&&c(".right-submenu").removeClass(d+f),a(".right-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".right-off-canvas-menu a",function(e){var g=b.get_settings(e),h=c(this).parent();!g.close_on_click||h.hasClass("has-submenu")||h.hasClass("back")?c(this).parent().hasClass("has-submenu")?(e.preventDefault(),c(this).siblings(".right-submenu").toggleClass(d+f)):h.hasClass("back")&&(e.preventDefault(), -h.parent().removeClass(d+f)):(b.hide.call(b,d+f,b.get_wrapper(e)),h.parent().removeClass(d+f)),a(".right-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".top-off-canvas-toggle",function(e){b.click_toggle_class(e,d+h),"overlap"!==b.settings.open_method&&c(".top-submenu").removeClass(d+h),a(".top-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".top-off-canvas-menu a",function(e){var f=b.get_settings(e),g=c(this).parent();!f.close_on_click||g.hasClass("has-submenu")||g.hasClass("back")?c(this).parent().hasClass("has-submenu")?(e.preventDefault(),c(this).siblings(".top-submenu").toggleClass(d+h)):g.hasClass("back")&&(e.preventDefault(),g.parent().removeClass(d+h)):(b.hide.call(b,d+h,b.get_wrapper(e)),g.parent().removeClass(d+h)),a(".top-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".bottom-off-canvas-toggle",function(e){b.click_toggle_class(e,d+g),"overlap"!==b.settings.open_method&&c(".bottom-submenu").removeClass(d+g),a(".bottom-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".bottom-off-canvas-menu a",function(e){var f=b.get_settings(e),h=c(this).parent();!f.close_on_click||h.hasClass("has-submenu")||h.hasClass("back")?c(this).parent().hasClass("has-submenu")?(e.preventDefault(),c(this).siblings(".bottom-submenu").toggleClass(d+g)):h.hasClass("back")&&(e.preventDefault(),h.parent().removeClass(d+g)):(b.hide.call(b,d+g,b.get_wrapper(e)),h.parent().removeClass(d+g)),a(".bottom-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".exit-off-canvas",function(g){b.click_remove_class(g,d+f),c(".right-submenu").removeClass(d+f),e&&(b.click_remove_class(g,d+e),c(".left-submenu").removeClass(d+f)),a(".right-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".exit-off-canvas",function(c){b.click_remove_class(c,d+f),a(".left-off-canvas-toggle").attr("aria-expanded","false"),e&&(b.click_remove_class(c,d+e),a(".right-off-canvas-toggle").attr("aria-expanded","false"))}).on("click.fndtn.offcanvas",".exit-off-canvas",function(e){b.click_remove_class(e,d+g),c(".bottom-submenu").removeClass(d+g),h&&(b.click_remove_class(e,d+h),c(".top-submenu").removeClass(d+g)),a(".bottom-off-canvas-toggle").attr("aria-expanded","true")}).on("click.fndtn.offcanvas",".exit-off-canvas",function(c){b.click_remove_class(c,d+g),a(".top-off-canvas-toggle").attr("aria-expanded","false"),h&&(b.click_remove_class(c,d+h),a(".bottom-off-canvas-toggle").attr("aria-expanded","false"))})},toggle:function(a,b){b=b||this.get_wrapper(),b.is("."+a)?this.hide(a,b):this.show(a,b)},show:function(a,b){b=b||this.get_wrapper(),b.trigger("open.fndtn.offcanvas"),b.addClass(a)},hide:function(a,b){b=b||this.get_wrapper(),b.trigger("close.fndtn.offcanvas"),b.removeClass(a)},click_toggle_class:function(a,b){a.preventDefault();var c=this.get_wrapper(a);this.toggle(b,c)},click_remove_class:function(a,b){a.preventDefault();var c=this.get_wrapper(a);this.hide(b,c)},get_settings:function(a){var b=this.S(a.target).closest("["+this.attr_name()+"]");return b.data(this.attr_name(!0)+"-init")||this.settings},get_wrapper:function(a){var b=this.S(a?a.target:this.scope).closest(".off-canvas-wrap");return 0===b.length&&(b=this.S(".off-canvas-wrap")),b},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";var e=function(){},f=function(e,f){if(e.hasClass(f.slides_container_class))return this;var j,k,l,m,n,o,p=this,q=e,r=0,s=!1;p.slides=function(){return q.children(f.slide_selector)},p.slides().first().addClass(f.active_slide_class),p.update_slide_number=function(b){f.slide_number&&(k.find("span:first").text(parseInt(b)+1),k.find("span:last").text(p.slides().length)),f.bullets&&(l.children().removeClass(f.bullets_active_class),a(l.children().get(b)).addClass(f.bullets_active_class))},p.update_active_link=function(b){var c=a('[data-orbit-link="'+p.slides().eq(b).attr("data-orbit-slide")+'"]');c.siblings().removeClass(f.bullets_active_class),c.addClass(f.bullets_active_class)},p.build_markup=function(){q.wrap('
'),j=q.parent(),q.addClass(f.slides_container_class),f.stack_on_small&&j.addClass(f.stack_on_small_class),f.navigation_arrows&&(j.append(a('').addClass(f.prev_class)),j.append(a('').addClass(f.next_class))),f.timer&&(m=a("
").addClass(f.timer_container_class),m.append(""),m.append(a("
").addClass(f.timer_progress_class)),m.addClass(f.timer_paused_class),j.append(m)),f.slide_number&&(k=a("
").addClass(f.slide_number_class),k.append(" "+f.slide_number_text+" "),j.append(k)),f.bullets&&(l=a("
    ").addClass(f.bullets_container_class),j.append(l),l.wrap('
    '),p.slides().each(function(b,c){var d=a("
  1. ").attr("data-orbit-slide",b).on("click",p.link_bullet);l.append(d)}))},p._goto=function(b,c){if(b===r)return!1;"object"==typeof o&&o.restart();var d=p.slides(),e="next";if(s=!0,r>b&&(e="prev"),b>=d.length){if(!f.circular)return!1;b=0}else if(0>b){if(!f.circular)return!1;b=d.length-1}var g=a(d.get(r)),h=a(d.get(b));g.css("zIndex",2),g.removeClass(f.active_slide_class),h.css("zIndex",4).addClass(f.active_slide_class),q.trigger("before-slide-change.fndtn.orbit"),f.before_slide_change(),p.update_active_link(b);var i=function(){var a=function(){r=b,s=!1,c===!0&&(o=p.create_timer(),o.start()),p.update_slide_number(r),q.trigger("after-slide-change.fndtn.orbit",[{slide_number:r,total_slides:d.length}]),f.after_slide_change(r,d.length)};q.outerHeight()!=h.outerHeight()&&f.variable_height?q.animate({height:h.outerHeight()},250,"linear",a):a()};if(1===d.length)return i(),!1;var j=function(){"next"===e&&n.next(g,h,i),"prev"===e&&n.prev(g,h,i)};h.outerHeight()>q.outerHeight()&&f.variable_height?q.animate({height:h.outerHeight()},250,"linear",j):j()},p.next=function(a){a.stopImmediatePropagation(),a.preventDefault(),p._goto(r+1)},p.prev=function(a){a.stopImmediatePropagation(),a.preventDefault(),p._goto(r-1)},p.link_custom=function(b){b.preventDefault();var c=a(this).attr("data-orbit-link");if("string"==typeof c&&""!=(c=a.trim(c))){var d=j.find("[data-orbit-slide="+c+"]");-1!=d.index()&&p._goto(d.index())}},p.link_bullet=function(b){var c=a(this).attr("data-orbit-slide");if("string"==typeof c&&""!=(c=a.trim(c)))if(isNaN(parseInt(c))){var d=j.find("[data-orbit-slide="+c+"]");-1!=d.index()&&p._goto(d.index()+1)}else p._goto(parseInt(c))},p.timer_callback=function(){p._goto(r+1,!0)},p.compute_dimensions=function(){var b=a(p.slides().get(r)),c=b.outerHeight();f.variable_height||p.slides().each(function(){a(this).outerHeight()>c&&(c=a(this).outerHeight())}),q.height(c)},p.create_timer=function(){var a=new g(j.find("."+f.timer_container_class),f,p.timer_callback);return a},p.stop_timer=function(){"object"==typeof o&&o.stop()},p.toggle_timer=function(){var a=j.find("."+f.timer_container_class);a.hasClass(f.timer_paused_class)?("undefined"==typeof o&&(o=p.create_timer()),o.start()):"object"==typeof o&&o.stop()},p.init=function(){p.build_markup(),f.timer&&(o=p.create_timer(),Foundation.utils.image_loaded(this.slides().children("img"),o.start)),n=new i(f,q),"slide"===f.animation&&(n=new h(f,q)),j.on("click","."+f.next_class,p.next),j.on("click","."+f.prev_class,p.prev),f.next_on_click&&j.on("click","."+f.slides_container_class+" [data-orbit-slide]",p.link_bullet),j.on("click",p.toggle_timer),f.swipe&&j.on("touchstart.fndtn.orbit",function(a){a.touches||(a=a.originalEvent);var b={start_page_x:a.touches[0].pageX,start_page_y:a.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:d};j.data("swipe-transition",b),a.stopPropagation()}).on("touchmove.fndtn.orbit",function(a){if(a.touches||(a=a.originalEvent),!(a.touches.length>1||a.scale&&1!==a.scale)){var b=j.data("swipe-transition");if("undefined"==typeof b&&(b={}),b.delta_x=a.touches[0].pageX-b.start_page_x,"undefined"==typeof b.is_scrolling&&(b.is_scrolling=!!(b.is_scrolling||Math.abs(b.delta_x)0?d(this.scope).on("open.fndtn.reveal",this.settings.open).on("opened.fndtn.reveal",this.settings.opened).on("opened.fndtn.reveal",this.open_video).on("close.fndtn.reveal",this.settings.close).on("closed.fndtn.reveal",this.settings.closed).on("closed.fndtn.reveal",this.close_video):d(this.scope).on("open.fndtn.reveal","["+b.attr_name()+"]",this.settings.open).on("opened.fndtn.reveal","["+b.attr_name()+"]",this.settings.opened).on("opened.fndtn.reveal","["+b.attr_name()+"]",this.open_video).on("close.fndtn.reveal","["+b.attr_name()+"]",this.settings.close).on("closed.fndtn.reveal","["+b.attr_name()+"]",this.settings.closed).on("closed.fndtn.reveal","["+b.attr_name()+"]",this.close_video),!0},key_up_on:function(a){var b=this;return b.S("body").off("keyup.fndtn.reveal").on("keyup.fndtn.reveal",function(a){var c=b.S("["+b.attr_name()+"].open"),d=c.data(b.attr_name(!0)+"-init")||b.settings;d&&27===a.which&&d.close_on_esc&&!b.locked&&b.close.call(b,c)}),!0},key_up_off:function(a){return this.S("body").off("keyup.fndtn.reveal"),!0},open:function(c,e){var g,h=this;c?"undefined"!=typeof c.selector?g=h.S("#"+c.data(h.data_attr("reveal-id"))).first():(g=h.S(this.scope),e=c):g=h.S(this.scope);var i=g.data(h.attr_name(!0)+"-init");if(i=i||this.settings,g.hasClass("open")&&c!==d&&c.attr("data-reveal-id")==g.attr("id"))return h.close(g);if(!g.hasClass("open")){var j=h.S("["+h.attr_name()+"].open");if("undefined"==typeof g.data("css-top")&&g.data("css-top",parseInt(g.css("top"),10)).data("offset",this.cache_offset(g)),g.attr("tabindex","0").attr("aria-hidden","false"),i.no_scroll){var k=a("body");k.on("open.fndtn.reveal",function(){k.css("overflow","hidden").off("open.fndtn.reveal")})}this.key_up_on(g),g.on("open.fndtn.reveal",function(a){"fndtn.reveal"!==a.namespace}),g.on("open.fndtn.reveal").trigger("open.fndtn.reveal"),j.length<1&&this.toggle_bg(g,!0),"string"==typeof e&&(e={url:e});var l=function(){j.length>0&&(i.multiple_opened?h.to_back(j):h.hide(j,i.css.close)),i.multiple_opened&&f.push(g),h.show(g,i.css.open)};if("undefined"!=typeof e&&e.url){var m="undefined"!=typeof e.success?e.success:null;a.extend(e,{success:function(b,c,d){if(a.isFunction(m)){var e=m(b,c,d);"string"==typeof e&&(b=e)}"undefined"!=typeof options&&"undefined"!=typeof options.replaceContentSel?g.find(options.replaceContentSel).html(b):g.html(b),h.S(g).foundation("section","reflow"),h.S(g).children().foundation(),l()}}),i.on_ajax_error!==a.noop&&a.extend(e,{error:i.on_ajax_error}),a.ajax(e)}else l()}h.S(b).trigger("resize")},close:function(b){var b=b&&b.length?b:this.S(this.scope),c=this.S("["+this.attr_name()+"].open"),d=b.data(this.attr_name(!0)+"-init")||this.settings,e=this;if(c.length>0){if(b.removeAttr("tabindex","0").attr("aria-hidden","true"),d.no_scroll){var g=a("body");g.on("close.fndtn.reveal",function(){g.css("overflow","auto").off("close.fndtn.reveal")})}if(this.locked=!0,this.key_up_off(b),b.trigger("close.fndtn.reveal"),(d.multiple_opened&&1===c.length||!d.multiple_opened||b.length>1)&&(e.toggle_bg(b,!1),e.to_front(b)),d.multiple_opened){var h=b.is(":not(.toback)");e.hide(b,d.css.close,d),h?f.pop():f=a.grep(f,function(a){var c=a[0]===b[0];return c&&e.to_front(b),!c}),f.length>0&&e.to_front(f[f.length-1])}else e.hide(c,d.css.close,d)}},close_targets:function(){var a="."+this.settings.dismiss_modal_class;return this.settings.close_on_background_click?a+", ."+this.settings.bg_class:a},toggle_bg:function(b,c){0===this.S("."+this.settings.bg_class).length&&(this.settings.bg=a("
    ",{"class":this.settings.bg_class}).appendTo("body").hide());var e=this.settings.bg.filter(":visible").length>0;c!=e&&((c==d?e:!c)?this.hide(this.settings.bg):this.show(this.settings.bg))},show:function(c,d){if(d){var f=c.data(this.attr_name(!0)+"-init")||this.settings,g=f.root_element,h=this;if(0===c.parent(g).length){var i=c.wrap('
    ').parent();c.on("closed.fndtn.reveal.wrapped",function(){c.detach().appendTo(i),c.unwrap().unbind("closed.fndtn.reveal.wrapped")}),c.detach().appendTo(g)}var j=e(f.animation);if(j.animate||(this.locked=!1),j.pop){d.top=a(b).scrollTop()-c.data("offset")+"px";var k={top:a(b).scrollTop()+c.data("css-top")+"px",opacity:1};return setTimeout(function(){return c.css(d).animate(k,f.animation_speed,"linear",function(){h.locked=!1,c.trigger("opened.fndtn.reveal")}).addClass("open")},f.animation_speed/2)}if(d.top=a(b).scrollTop()+c.data("css-top")+"px",j.fade){var k={opacity:1};return setTimeout(function(){return c.css(d).animate(k,f.animation_speed,"linear",function(){h.locked=!1,c.trigger("opened.fndtn.reveal")}).addClass("open")},f.animation_speed/2)}return c.css(d).show().css({opacity:1}).addClass("open").trigger("opened.fndtn.reveal")}var f=this.settings;return e(f.animation).fade?c.fadeIn(f.animation_speed/2):(this.locked=!1,c.show())},to_back:function(a){a.addClass("toback")},to_front:function(a){a.removeClass("toback")},hide:function(c,d){if(d){var f=c.data(this.attr_name(!0)+"-init"),g=this;f=f||this.settings;var h=e(f.animation);if(h.animate||(this.locked=!1),h.pop){var i={top:-a(b).scrollTop()-c.data("offset")+"px",opacity:0};return setTimeout(function(){return c.animate(i,f.animation_speed,"linear",function(){g.locked=!1,c.css(d).trigger("closed.fndtn.reveal")}).removeClass("open")},f.animation_speed/2)}if(h.fade){var i={opacity:0};return setTimeout(function(){return c.animate(i,f.animation_speed,"linear",function(){g.locked=!1,c.css(d).trigger("closed.fndtn.reveal")}).removeClass("open")},f.animation_speed/2)}return c.hide().css(d).removeClass("open").trigger("closed.fndtn.reveal")}var f=this.settings;return e(f.animation).fade?c.fadeOut(f.animation_speed/2):c.hide()},close_video:function(b){var c=a(".flex-video",b.target),d=a("iframe",c);d.length>0&&(d.attr("data-src",d[0].src),d.attr("src",d.attr("src")),c.hide())},open_video:function(b){var c=a(".flex-video",b.target),e=c.find("iframe");if(e.length>0){var f=e.attr("data-src");if("string"==typeof f)e[0].src=e.attr("data-src");else{var g=e[0].src;e[0].src=d,e[0].src=g}c.show()}},data_attr:function(a){return this.namespace.length>0?this.namespace+"-"+a:a},cache_offset:function(a){var b=a.show().height()+parseInt(a.css("top"),10)+a.scrollY;return a.hide(),b},off:function(){a(this.scope).off(".fndtn.reveal")},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.slider={name:"slider",version:"5.5.3",settings:{start:0,end:100,step:1,precision:0,initial:null,display_selector:"",vertical:!1,trigger_input_change:!1,on_change:function(){}},cache:{},init:function(a,b,c){Foundation.inherit(this,"throttle"),this.bindings(b,c),this.reflow()},events:function(){var c=this;a(this.scope).off(".slider").on("mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider","["+c.attr_name()+"]:not(.disabled, [disabled]) .range-slider-handle",function(b){c.cache.active||(b.preventDefault(),c.set_active_slider(a(b.target)))}).on("mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider",function(d){if(c.cache.active)if(d.preventDefault(),a.data(c.cache.active[0],"settings").vertical){var e=0;d.pageY||(e=b.scrollY),c.calculate_position(c.cache.active,c.get_cursor_position(d,"y")+e)}else c.calculate_position(c.cache.active,c.get_cursor_position(d,"x"))}).on("mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider",function(d){if(!c.cache.active){var e="slider"===a(d.target).attr("role")?a(d.target):a(d.target).closest(".range-slider").find("[role='slider']");if(e.length&&!e.parent().hasClass("disabled")&&!e.parent().attr("disabled"))if(c.set_active_slider(e),a.data(c.cache.active[0],"settings").vertical){var f=0;d.pageY||(f=b.scrollY),c.calculate_position(c.cache.active,c.get_cursor_position(d,"y")+f)}else c.calculate_position(c.cache.active,c.get_cursor_position(d,"x"))}c.remove_active_slider()}).on("change.fndtn.slider",function(a){c.settings.on_change()}),c.S(b).on("resize.fndtn.slider",c.throttle(function(a){c.reflow()},300)),this.S("["+this.attr_name()+"]").each(function(){var b=a(this),d=b.children(".range-slider-handle")[0],e=c.initialize_settings(d);""!=e.display_selector&&a(e.display_selector).each(function(){a(this).attr("value")&&a(this).off("change").on("change",function(){b.foundation("slider","set_value",a(this).val())})})})},get_cursor_position:function(a,b){var c,d="page"+b.toUpperCase(),e="client"+b.toUpperCase();return"undefined"!=typeof a[d]?c=a[d]:"undefined"!=typeof a.originalEvent[e]?c=a.originalEvent[e]:a.originalEvent.touches&&a.originalEvent.touches[0]&&"undefined"!=typeof a.originalEvent.touches[0][e]?c=a.originalEvent.touches[0][e]:a.currentPoint&&"undefined"!=typeof a.currentPoint[b]&&(c=a.currentPoint[b]),c},set_active_slider:function(a){this.cache.active=a},remove_active_slider:function(){this.cache.active=null},calculate_position:function(b,c){var d=this,e=a.data(b[0],"settings"),f=(a.data(b[0],"handle_l"),a.data(b[0],"handle_o"),a.data(b[0],"bar_l")),g=a.data(b[0],"bar_o");requestAnimationFrame(function(){var a;a=Foundation.rtl&&!e.vertical?d.limit_to((g+f-c)/f,0,1):d.limit_to((c-g)/f,0,1),a=e.vertical?1-a:a;var h=d.normalized_value(a,e.start,e.end,e.step,e.precision);d.set_ui(b,h)})},set_ui:function(b,c){var d=a.data(b[0],"settings"),e=a.data(b[0],"handle_l"),f=a.data(b[0],"bar_l"),g=this.normalized_percentage(c,d.start,d.end),h=g*(f-e)-1,i=100*g,j=b.parent(),k=b.parent().children("input[type=hidden]");Foundation.rtl&&!d.vertical&&(h=-h),h=d.vertical?-h+f-e+1:h,this.set_translate(b,h,d.vertical),d.vertical?b.siblings(".range-slider-active-segment").css("height",i+"%"):b.siblings(".range-slider-active-segment").css("width",i+"%"),j.attr(this.attr_name(),c).trigger("change.fndtn.slider"),k.val(c),d.trigger_input_change&&k.trigger("change.fndtn.slider"),b[0].hasAttribute("aria-valuemin")||b.attr({"aria-valuemin":d.start,"aria-valuemax":d.end}),b.attr("aria-valuenow",c),""!=d.display_selector&&a(d.display_selector).each(function(){this.hasAttribute("value")?a(this).val(c):a(this).text(c)})},normalized_percentage:function(a,b,c){return Math.min(1,(a-b)/(c-b))},normalized_value:function(a,b,c,d,e){var f=c-b,g=a*f,h=(g-g%d)/d,i=g%d,j=i>=.5*d?d:0;return(h*d+j+b).toFixed(e)},set_translate:function(b,c,d){d?a(b).css("-webkit-transform","translateY("+c+"px)").css("-moz-transform","translateY("+c+"px)").css("-ms-transform","translateY("+c+"px)").css("-o-transform","translateY("+c+"px)").css("transform","translateY("+c+"px)"):a(b).css("-webkit-transform","translateX("+c+"px)").css("-moz-transform","translateX("+c+"px)").css("-ms-transform","translateX("+c+"px)").css("-o-transform","translateX("+c+"px)").css("transform","translateX("+c+"px)")},limit_to:function(a,b,c){return Math.min(Math.max(a,b),c)},initialize_settings:function(b){var c,d=a.extend({},this.settings,this.data_options(a(b).parent()));return null===d.precision&&(c=(""+d.step).match(/\.([\d]*)/),d.precision=c&&c[1]?c[1].length:0),d.vertical?(a.data(b,"bar_o",a(b).parent().offset().top),a.data(b,"bar_l",a(b).parent().outerHeight()),a.data(b,"handle_o",a(b).offset().top),a.data(b,"handle_l",a(b).outerHeight())):(a.data(b,"bar_o",a(b).parent().offset().left),a.data(b,"bar_l",a(b).parent().outerWidth()),a.data(b,"handle_o",a(b).offset().left),a.data(b,"handle_l",a(b).outerWidth())),a.data(b,"bar",a(b).parent()),a.data(b,"settings",d)},set_initial_position:function(b){var c=a.data(b.children(".range-slider-handle")[0],"settings"),d="number"!=typeof c.initial||isNaN(c.initial)?Math.floor(.5*(c.end-c.start)/c.step)*c.step+c.start:c.initial,e=b.children(".range-slider-handle");this.set_ui(e,d)},set_value:function(b){var c=this;a("["+c.attr_name()+"]",this.scope).each(function(){a(this).attr(c.attr_name(),b)}),a(this.scope).attr(c.attr_name())&&a(this.scope).attr(c.attr_name(),b),c.reflow()},reflow:function(){var b=this;b.S("["+this.attr_name()+"]").each(function(){var c=a(this).children(".range-slider-handle")[0],d=a(this).attr(b.attr_name());b.initialize_settings(c),d?b.set_ui(a(c),parseFloat(d)):b.set_initial_position(a(this))})}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.tab={name:"tab",version:"5.5.3",settings:{active_class:"active",callback:function(){},deep_linking:!1,scroll_to_content:!0,is_hover:!1},default_tab_hashes:[],init:function(a,b,c){var d=this,e=this.S;e("["+this.attr_name()+"] > .active > a",this.scope).each(function(){d.default_tab_hashes.push(this.hash)}),this.bindings(b,c),this.handle_location_hash_change()},events:function(){var a=this,c=this.S,d=function(b,d){var e=c(d).closest("["+a.attr_name()+"]").data(a.attr_name(!0)+"-init");if(!e.is_hover||Modernizr.touch){var f=b.keyCode||b.which;9!==f&&(b.preventDefault(),b.stopPropagation()),a.toggle_active_tab(c(d).parent())}};c(this.scope).off(".tab").on("keydown.fndtn.tab","["+this.attr_name()+"] > * > a",function(a){var b=a.keyCode||a.which;if(13===b||32===b){var c=this;d(a,c)}}).on("click.fndtn.tab","["+this.attr_name()+"] > * > a",function(a){var b=this;d(a,b)}).on("mouseenter.fndtn.tab","["+this.attr_name()+"] > * > a",function(b){var d=c(this).closest("["+a.attr_name()+"]").data(a.attr_name(!0)+"-init");d.is_hover&&a.toggle_active_tab(c(this).parent())}),c(b).on("hashchange.fndtn.tab",function(b){b.preventDefault(),a.handle_location_hash_change()})},handle_location_hash_change:function(){var b=this,c=this.S;c("["+this.attr_name()+"]",this.scope).each(function(){var e=c(this).data(b.attr_name(!0)+"-init");if(e.deep_linking){var f;if(f=e.scroll_to_content?b.scope.location.hash:b.scope.location.hash.replace("fndtn-",""),""!=f){var g=c(f);if(g.hasClass("content")&&g.parent().hasClass("tabs-content"))b.toggle_active_tab(a("["+b.attr_name()+"] > * > a[href="+f+"]").parent());else{var h=g.closest(".content").attr("id");h!=d&&b.toggle_active_tab(a("["+b.attr_name()+"] > * > a[href=#"+h+"]").parent(),f)}}else for(var i=0;i * > a[href="+b.default_tab_hashes[i]+"]").parent())}})},toggle_active_tab:function(e,f){var g=this,h=g.S,i=e.closest("["+this.attr_name()+"]"),j=e.find("a"),k=e.children("a").first(),l="#"+k.attr("href").split("#")[1],m=h(l),n=e.siblings(),o=i.data(this.attr_name(!0)+"-init"),p=function(b){var d,e=a(this),f=a(this).parents("li").prev().children('[role="tab"]'),g=a(this).parents("li").next().children('[role="tab"]');switch(b.keyCode){case 37:d=f;break;case 39:d=g;break;default:d=!1}d.length&&(e.attr({tabindex:"-1","aria-selected":null}),d.attr({tabindex:"0","aria-selected":!0}).focus()),a('[role="tabpanel"]').attr("aria-hidden","true"),a("#"+a(c.activeElement).attr("href").substring(1)).attr("aria-hidden",null)},q=function(a){var c=o.scroll_to_content?g.default_tab_hashes[0]:"fndtn-"+g.default_tab_hashes[0].replace("#","");(a!==c||b.location.hash)&&(b.location.hash=a)};k.data("tab-content")&&(l="#"+k.data("tab-content").split("#")[1],m=h(l)),o.deep_linking&&(o.scroll_to_content?(q(f||l),f==d||f==l?e.parent()[0].scrollIntoView():h(l)[0].scrollIntoView()):q(f!=d?"fndtn-"+f.replace("#",""):"fndtn-"+l.replace("#",""))),e.addClass(o.active_class).triggerHandler("opened"),j.attr({"aria-selected":"true",tabindex:0}),n.removeClass(o.active_class),n.find("a").attr({"aria-selected":"false"}),m.siblings().removeClass(o.active_class).attr({"aria-hidden":"true"}),m.addClass(o.active_class).attr("aria-hidden","false").removeAttr("tabindex"),o.callback(e),m.triggerHandler("toggled",[m]),i.triggerHandler("toggled",[e]),j.off("keydown").on("keydown",p)},data_attr:function(a){return this.namespace.length>0?this.namespace+"-"+a:a},off:function(){},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.tooltip={name:"tooltip",version:"5.5.3",settings:{additional_inheritable_classes:[],tooltip_class:".tooltip",append_to:"body",touch_close_text:"Tap To Close",disable_for_touch:!1,hover_delay:200,fade_in_duration:150,fade_out_duration:150,show_on:"all",tip_template:function(a,b){return''+b+''}},cache:{},init:function(a,b,c){Foundation.inherit(this,"random_str"),this.bindings(b,c)},should_show:function(b,c){var d=a.extend({},this.settings,this.data_options(b));return"all"===d.show_on?!0:this.small()&&"small"===d.show_on?!0:this.medium()&&"medium"===d.show_on?!0:this.large()&&"large"===d.show_on?!0:!1},medium:function(){return matchMedia(Foundation.media_queries.medium).matches},large:function(){return matchMedia(Foundation.media_queries.large).matches},events:function(b){function c(a,b,c){a.timer||(c?(a.timer=null,e.showTip(b)):a.timer=setTimeout(function(){a.timer=null,e.showTip(b)}.bind(a),e.settings.hover_delay))}function d(a,b){a.timer&&(clearTimeout(a.timer),a.timer=null),e.hide(b)}var e=this,f=e.S;e.create(this.S(b)),a(this.scope).off(".tooltip").on("mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip","["+this.attr_name()+"]",function(b){var g=f(this),h=a.extend({},e.settings,e.data_options(g)),i=!1;if(Modernizr.touch&&/touchstart|MSPointerDown/i.test(b.type)&&f(b.target).is("a"))return!1;if(/mouse/i.test(b.type)&&e.ie_touch(b))return!1;if(g.hasClass("open"))Modernizr.touch&&/touchstart|MSPointerDown/i.test(b.type)&&b.preventDefault(),e.hide(g);else{if(h.disable_for_touch&&Modernizr.touch&&/touchstart|MSPointerDown/i.test(b.type))return;if(!h.disable_for_touch&&Modernizr.touch&&/touchstart|MSPointerDown/i.test(b.type)&&(b.preventDefault(),f(h.tooltip_class+".open").hide(),i=!0,a(".open["+e.attr_name()+"]").length>0)){var j=f(a(".open["+e.attr_name()+"]")[0]);e.hide(j)}/enter|over/i.test(b.type)?c(this,g):"mouseout"===b.type||"mouseleave"===b.type?d(this,g):c(this,g,!0)}}).on("mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip","["+this.attr_name()+"].open",function(b){return/mouse/i.test(b.type)&&e.ie_touch(b)?!1:void(("touch"!=a(this).data("tooltip-open-event-type")||"mouseleave"!=b.type)&&("mouse"==a(this).data("tooltip-open-event-type")&&/MSPointerDown|touchstart/i.test(b.type)?e.convert_to_touch(a(this)):d(this,a(this))))}).on("DOMNodeRemoved DOMAttrModified","["+this.attr_name()+"]:not(a)",function(a){d(this,f(this))})},ie_touch:function(a){return!1},showTip:function(a){var b=this.getTip(a);return this.should_show(a,b)?this.show(a):void 0},getTip:function(b){var c=this.selector(b),d=a.extend({},this.settings,this.data_options(b)),e=null;return c&&(e=this.S('span[data-selector="'+c+'"]'+d.tooltip_class)), -"object"==typeof e?e:!1},selector:function(a){var b=a.attr(this.attr_name())||a.attr("data-selector");return"string"!=typeof b&&(b=this.random_str(6),a.attr("data-selector",b).attr("aria-describedby",b)),b},create:function(c){var d=this,e=a.extend({},this.settings,this.data_options(c)),f=this.settings.tip_template;"string"==typeof e.tip_template&&b.hasOwnProperty(e.tip_template)&&(f=b[e.tip_template]);var g=a(f(this.selector(c),a("
    ").html(c.attr("title")).html())),h=this.inheritable_classes(c);g.addClass(h).appendTo(e.append_to),Modernizr.touch&&(g.append(''+e.touch_close_text+""),g.on("touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip",function(a){d.hide(c)})),c.removeAttr("title").attr("title","")},reposition:function(b,c,d){var e,f,g,h,i;c.css("visibility","hidden").show(),e=b.data("width"),f=c.children(".nub"),g=f.outerHeight(),h=f.outerWidth(),this.small()?c.css({width:"100%"}):c.css({width:e?e:"auto"}),i=function(a,b,c,d,e,f){return a.css({top:b?b:"auto",bottom:d?d:"auto",left:e?e:"auto",right:c?c:"auto"}).end()};var j=b.offset().top,k=b.offset().left,l=b.outerHeight();if(i(c,j+l+10,"auto","auto",k),this.small())i(c,j+l+10,"auto","auto",12.5,a(this.scope).width()),c.addClass("tip-override"),i(f,-g,"auto","auto",k);else{Foundation.rtl&&(f.addClass("rtl"),k=k+b.outerWidth()-c.outerWidth()),i(c,j+l+10,"auto","auto",k),f.attr("style")&&f.removeAttr("style"),c.removeClass("tip-override");var m=c.outerHeight();d&&d.indexOf("tip-top")>-1?(Foundation.rtl&&f.addClass("rtl"),i(c,j-m,"auto","auto",k).removeClass("tip-override")):d&&d.indexOf("tip-left")>-1?(i(c,j+l/2-m/2,"auto","auto",k-c.outerWidth()-g).removeClass("tip-override"),f.removeClass("rtl")):d&&d.indexOf("tip-right")>-1&&(i(c,j+l/2-m/2,"auto","auto",k+b.outerWidth()+g).removeClass("tip-override"),f.removeClass("rtl"))}c.css("visibility","visible").hide()},small:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},inheritable_classes:function(b){var c=a.extend({},this.settings,this.data_options(b)),d=["tip-top","tip-left","tip-bottom","tip-right","radius","round"].concat(c.additional_inheritable_classes),e=b.attr("class"),f=e?a.map(e.split(" "),function(b,c){return-1!==a.inArray(b,d)?b:void 0}).join(" "):"";return a.trim(f)},convert_to_touch:function(b){var c=this,d=c.getTip(b),e=a.extend({},c.settings,c.data_options(b));0===d.find(".tap-to-close").length&&(d.append(''+e.touch_close_text+""),d.on("click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose",function(a){c.hide(b)})),b.data("tooltip-open-event-type","touch")},show:function(a){var b=this.getTip(a);"touch"==a.data("tooltip-open-event-type")&&this.convert_to_touch(a),this.reposition(a,b,a.attr("class")),a.addClass("open"),b.fadeIn(this.settings.fade_in_duration)},hide:function(a){var b=this.getTip(a);b.fadeOut(this.settings.fade_out_duration,function(){b.find(".tap-to-close").remove(),b.off("click.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose"),a.removeClass("open")})},off:function(){var b=this;this.S(this.scope).off(".fndtn.tooltip"),this.S(this.settings.tooltip_class).each(function(c){a("["+b.attr_name()+"]").eq(c).attr("title",a(this).text())}).remove()},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.topbar={name:"topbar",version:"5.5.3",settings:{index:0,start_offset:0,sticky_class:"sticky",custom_back_text:!0,back_text:"Back",mobile_show_parent_link:!0,is_hover:!0,scrolltop:!0,sticky_on:"all",dropdown_autoclose:!0},init:function(b,c,d){Foundation.inherit(this,"add_custom_rule register_media throttle");var e=this;e.register_media("topbar","foundation-mq-topbar"),this.bindings(c,d),e.S("["+this.attr_name()+"]",this.scope).each(function(){var b=a(this),c=b.data(e.attr_name(!0)+"-init");e.S("section, .top-bar-section",this);b.data("index",0);var d=b.parent();d.hasClass("fixed")||e.is_sticky(b,d,c)?(e.settings.sticky_class=c.sticky_class,e.settings.sticky_topbar=b,b.data("height",d.outerHeight()),b.data("stickyoffset",d.offset().top)):b.data("height",b.outerHeight()),c.assembled||e.assemble(b),c.is_hover?e.S(".has-dropdown",b).addClass("not-click"):e.S(".has-dropdown",b).removeClass("not-click"),e.add_custom_rule(".f-topbar-fixed { padding-top: "+b.data("height")+"px }"),d.hasClass("fixed")&&e.S("body").addClass("f-topbar-fixed")})},is_sticky:function(a,b,c){var d=b.hasClass(c.sticky_class),e=matchMedia(Foundation.media_queries.small).matches,f=matchMedia(Foundation.media_queries.medium).matches,g=matchMedia(Foundation.media_queries.large).matches;return d&&"all"===c.sticky_on?!0:d&&this.small()&&-1!==c.sticky_on.indexOf("small")&&e&&!f&&!g?!0:d&&this.medium()&&-1!==c.sticky_on.indexOf("medium")&&e&&f&&!g?!0:d&&this.large()&&-1!==c.sticky_on.indexOf("large")&&e&&f&&g?!0:!1},toggle:function(c){var d,e=this;d=c?e.S(c).closest("["+this.attr_name()+"]"):e.S("["+this.attr_name()+"]");var f=d.data(this.attr_name(!0)+"-init"),g=e.S("section, .top-bar-section",d);e.breakpoint()&&(e.rtl?(g.css({right:"0%"}),a(">.name",g).css({right:"100%"})):(g.css({left:"0%"}),a(">.name",g).css({left:"100%"})),e.S("li.moved",g).removeClass("moved"),d.data("index",0),d.toggleClass("expanded").css("height","")),f.scrolltop?d.hasClass("expanded")?d.parent().hasClass("fixed")&&(f.scrolltop?(d.parent().removeClass("fixed"),d.addClass("fixed"),e.S("body").removeClass("f-topbar-fixed"),b.scrollTo(0,0)):d.parent().removeClass("expanded")):d.hasClass("fixed")&&(d.parent().addClass("fixed"),d.removeClass("fixed"),e.S("body").addClass("f-topbar-fixed")):(e.is_sticky(d,d.parent(),f)&&d.parent().addClass("fixed"),d.parent().hasClass("fixed")&&(d.hasClass("expanded")?(d.addClass("fixed"),d.parent().addClass("expanded"),e.S("body").addClass("f-topbar-fixed")):(d.removeClass("fixed"),d.parent().removeClass("expanded"),e.update_sticky_positioning())))},timer:null,events:function(c){var d=this,e=this.S;e(this.scope).off(".topbar").on("click.fndtn.topbar","["+this.attr_name()+"] .toggle-topbar",function(a){a.preventDefault(),d.toggle(this)}).on("click.fndtn.topbar contextmenu.fndtn.topbar",'.top-bar .top-bar-section li a[href^="#"],['+this.attr_name()+'] .top-bar-section li a[href^="#"]',function(b){var c=a(this).closest("li"),e=c.closest("["+d.attr_name()+"]"),f=e.data(d.attr_name(!0)+"-init");if(f.dropdown_autoclose&&f.is_hover){var g=a(this).closest(".hover");g.removeClass("hover")}!d.breakpoint()||c.hasClass("back")||c.hasClass("has-dropdown")||d.toggle()}).on("click.fndtn.topbar","["+this.attr_name()+"] li.has-dropdown",function(b){var c=e(this),f=e(b.target),g=c.closest("["+d.attr_name()+"]"),h=g.data(d.attr_name(!0)+"-init");return f.data("revealId")?void d.toggle():void(d.breakpoint()||(!h.is_hover||Modernizr.touch)&&(b.stopImmediatePropagation(),c.hasClass("hover")?(c.removeClass("hover").find("li").removeClass("hover"),c.parents("li.hover").removeClass("hover")):(c.addClass("hover"),a(c).siblings().removeClass("hover"),"A"===f[0].nodeName&&f.parent().hasClass("has-dropdown")&&b.preventDefault())))}).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown>a",function(a){if(d.breakpoint()){a.preventDefault();var b=e(this),c=b.closest("["+d.attr_name()+"]"),f=c.find("section, .top-bar-section"),g=(b.next(".dropdown").outerHeight(),b.closest("li"));c.data("index",c.data("index")+1),g.addClass("moved"),d.rtl?(f.css({right:-(100*c.data("index"))+"%"}),f.find(">.name").css({right:100*c.data("index")+"%"})):(f.css({left:-(100*c.data("index"))+"%"}),f.find(">.name").css({left:100*c.data("index")+"%"})),c.css("height",b.siblings("ul").outerHeight(!0)+c.data("height"))}}),e(b).off(".topbar").on("resize.fndtn.topbar",d.throttle(function(){d.resize.call(d)},50)).trigger("resize.fndtn.topbar").load(function(){e(this).trigger("resize.fndtn.topbar")}),e("body").off(".topbar").on("click.fndtn.topbar",function(a){var b=e(a.target).closest("li").closest("li.hover");b.length>0||e("["+d.attr_name()+"] li.hover").removeClass("hover")}),e(this.scope).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown .back",function(a){a.preventDefault();var b=e(this),c=b.closest("["+d.attr_name()+"]"),f=c.find("section, .top-bar-section"),g=(c.data(d.attr_name(!0)+"-init"),b.closest("li.moved")),h=g.parent();c.data("index",c.data("index")-1),d.rtl?(f.css({right:-(100*c.data("index"))+"%"}),f.find(">.name").css({right:100*c.data("index")+"%"})):(f.css({left:-(100*c.data("index"))+"%"}),f.find(">.name").css({left:100*c.data("index")+"%"})),0===c.data("index")?c.css("height",""):c.css("height",h.outerHeight(!0)+c.data("height")),setTimeout(function(){g.removeClass("moved")},300)}),e(this.scope).find(".dropdown a").focus(function(){a(this).parents(".has-dropdown").addClass("hover")}).blur(function(){a(this).parents(".has-dropdown").removeClass("hover")})},resize:function(){var a=this;a.S("["+this.attr_name()+"]").each(function(){var b,d=a.S(this),e=d.data(a.attr_name(!0)+"-init"),f=d.parent("."+a.settings.sticky_class);if(!a.breakpoint()){var g=d.hasClass("expanded");d.css("height","").removeClass("expanded").find("li").removeClass("hover"),g&&a.toggle(d)}a.is_sticky(d,f,e)&&(f.hasClass("fixed")?(f.removeClass("fixed"),b=f.offset().top,a.S(c.body).hasClass("f-topbar-fixed")&&(b-=d.data("height")),d.data("stickyoffset",b),f.addClass("fixed")):(b=f.offset().top,d.data("stickyoffset",b)))})},breakpoint:function(){return!matchMedia(Foundation.media_queries.topbar).matches},small:function(){return matchMedia(Foundation.media_queries.small).matches},medium:function(){return matchMedia(Foundation.media_queries.medium).matches},large:function(){return matchMedia(Foundation.media_queries.large).matches},assemble:function(b){var c=this,d=b.data(this.attr_name(!0)+"-init"),e=c.S("section, .top-bar-section",b);e.detach(),c.S(".has-dropdown>a",e).each(function(){var b,e=c.S(this),f=e.siblings(".dropdown"),g=e.attr("href");f.find(".title.back").length||(b=a(1==d.mobile_show_parent_link&&g?'
  3. '+e.html()+"
    4. ":'
  4. '),1==d.custom_back_text?a("h5>a",b).html(d.back_text):a("h5>a",b).html("« "+e.html()),f.prepend(b))}),e.appendTo(b),this.sticky(),this.assembled(b)},assembled:function(b){b.data(this.attr_name(!0),a.extend({},b.data(this.attr_name(!0)),{assembled:!0}))},height:function(b){var c=0,d=this;return a("> li",b).each(function(){c+=d.S(this).outerHeight(!0)}),c},sticky:function(){var a=this;this.S(b).on("scroll",function(){a.update_sticky_positioning()})},update_sticky_positioning:function(){var a="."+this.settings.sticky_class,c=this.S(b),d=this;if(d.settings.sticky_topbar&&d.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(),this.settings)){var e=this.settings.sticky_topbar.data("stickyoffset")+this.settings.start_offset;d.S(a).hasClass("expanded")||(c.scrollTop()>e?d.S(a).hasClass("fixed")||(d.S(a).addClass("fixed"),d.S("body").addClass("f-topbar-fixed")):c.scrollTop()<=e&&d.S(a).hasClass("fixed")&&(d.S(a).removeClass("fixed"),d.S("body").removeClass("f-topbar-fixed")))}},off:function(){this.S(this.scope).off(".fndtn.topbar"),this.S(b).off(".fndtn.topbar")},reflow:function(){}}}(jQuery,window,window.document); \ No newline at end of file diff --git a/dist/assets/js/foundation/foundation.abide.js b/dist/assets/js/foundation/foundation.abide.js deleted file mode 100644 index 82ea787c2..000000000 --- a/dist/assets/js/foundation/foundation.abide.js +++ /dev/null @@ -1,426 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.abide = { - name : 'abide', - - version : '5.5.3', - - settings : { - live_validate : true, // validate the form as you go - validate_on_blur : true, // validate whenever you focus/blur on an input field - // validate_on: 'tab', // tab (when user tabs between fields), change (input changes), manual (call custom events) - - focus_on_invalid : true, // automatically bring the focus to an invalid input field - error_labels : true, // labels with a for="inputId" will receive an `error` class - error_class : 'error', // labels with a for="inputId" will receive an `error` class - // the amount of time Abide will take before it validates the form (in ms). - // smaller time will result in faster validation - timeout : 1000, - patterns : { - alpha : /^[a-zA-Z]+$/, - alpha_numeric : /^[a-zA-Z0-9]+$/, - integer : /^[-+]?\d+$/, - number : /^[-+]?\d*(?:[\.\,]\d+)?$/, - - // amex, visa, diners - card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/, - cvv : /^([0-9]){3,4}$/, - - // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address - email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/, - - // http://blogs.lse.ac.uk/lti/2008/04/23/a-regular-expression-to-match-any-url/ - url: /^(https?|ftp|file|ssh):\/\/([-;:&=\+\$,\w]+@{1})?([-A-Za-z0-9\.]+)+:?(\d+)?((\/[-\+~%\/\.\w]+)?\??([-\+=&;%@\.\w]+)?#?([\w]+)?)?/, - // abc.de - domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/, - - datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/, - // YYYY-MM-DD - date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/, - // HH:MM:SS - time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/, - dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/, - // MM/DD/YYYY - month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/, - // DD/MM/YYYY - day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/, - - // #FFF or #FFFFFF - color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/ - }, - validators : { - equalTo : function (el, required, parent) { - var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, - to = el.value, - valid = (from === to); - - return valid; - } - } - }, - - timer : null, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function (scope) { - var self = this, - form = self.S(scope).attr('novalidate', 'novalidate'), - settings = form.data(this.attr_name(true) + '-init') || {}; - - this.invalid_attr = this.add_namespace('data-invalid'); - - function validate(originalSelf, e) { - clearTimeout(self.timer); - self.timer = setTimeout(function () { - self.validate([originalSelf], e); - }.bind(originalSelf), settings.timeout); - } - - form - .off('.abide') - .on('submit.fndtn.abide', function (e) { - var is_ajax = /ajax/i.test(self.S(this).attr(self.attr_name())); - return self.validate(self.S(this).find('input, textarea, select').not(":hidden, [data-abide-ignore]").get(), e, is_ajax); - }) - .on('validate.fndtn.abide', function (e) { - if (settings.validate_on === 'manual') { - self.validate([e.target], e); - } - }) - .on('reset', function (e) { - return self.reset($(this), e); - }) - .find('input, textarea, select').not(":hidden, [data-abide-ignore]") - .off('.abide') - .on('blur.fndtn.abide change.fndtn.abide', function (e) { - var id = this.getAttribute('id'), - eqTo = form.find('[data-equalto="'+ id +'"]'); - // old settings fallback - // will be deprecated with F6 release - if (settings.validate_on_blur && settings.validate_on_blur === true) { - validate(this, e); - } - // checks if there is an equalTo equivalent related by id - if(typeof eqTo.get(0) !== "undefined" && eqTo.val().length){ - validate(eqTo.get(0),e); - } - // new settings combining validate options into one setting - if (settings.validate_on === 'change') { - validate(this, e); - } - }) - .on('keydown.fndtn.abide', function (e) { - var id = this.getAttribute('id'), - eqTo = form.find('[data-equalto="'+ id +'"]'); - // old settings fallback - // will be deprecated with F6 release - if (settings.live_validate && settings.live_validate === true && e.which != 9) { - validate(this, e); - } - // checks if there is an equalTo equivalent related by id - if(typeof eqTo.get(0) !== "undefined" && eqTo.val().length){ - validate(eqTo.get(0),e); - } - // new settings combining validate options into one setting - if (settings.validate_on === 'tab' && e.which === 9) { - validate(this, e); - } - else if (settings.validate_on === 'change') { - validate(this, e); - } - }) - .on('focus', function (e) { - if (navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i)) { - $('html, body').animate({ - scrollTop: $(e.target).offset().top - }, 100); - } - }); - }, - - reset : function (form, e) { - var self = this; - form.removeAttr(self.invalid_attr); - - $('[' + self.invalid_attr + ']', form).removeAttr(self.invalid_attr); - $('.' + self.settings.error_class, form).not('small').removeClass(self.settings.error_class); - $(':input', form).not(':button, :submit, :reset, :hidden, [data-abide-ignore]').val('').removeAttr(self.invalid_attr); - }, - - validate : function (els, e, is_ajax) { - var validations = this.parse_patterns(els), - validation_count = validations.length, - form = this.S(els[0]).closest('form'), - submit_event = /submit/.test(e.type); - - // Has to count up to make sure the focus gets applied to the top error - for (var i = 0; i < validation_count; i++) { - if (!validations[i] && (submit_event || is_ajax)) { - if (this.settings.focus_on_invalid) { - els[i].focus(); - } - form.trigger('invalid.fndtn.abide'); - this.S(els[i]).closest('form').attr(this.invalid_attr, ''); - return false; - } - } - - if (submit_event || is_ajax) { - form.trigger('valid.fndtn.abide'); - } - - form.removeAttr(this.invalid_attr); - - if (is_ajax) { - return false; - } - - return true; - }, - - parse_patterns : function (els) { - var i = els.length, - el_patterns = []; - - while (i--) { - el_patterns.push(this.pattern(els[i])); - } - - return this.check_validation_and_apply_styles(el_patterns); - }, - - pattern : function (el) { - var type = el.getAttribute('type'), - required = typeof el.getAttribute('required') === 'string'; - - var pattern = el.getAttribute('pattern') || ''; - - if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) { - return [el, this.settings.patterns[pattern], required]; - } else if (pattern.length > 0) { - return [el, new RegExp(pattern), required]; - } - - if (this.settings.patterns.hasOwnProperty(type)) { - return [el, this.settings.patterns[type], required]; - } - - pattern = /.*/; - - return [el, pattern, required]; - }, - - // TODO: Break this up into smaller methods, getting hard to read. - check_validation_and_apply_styles : function (el_patterns) { - var i = el_patterns.length, - validations = []; - if (i == 0) { - return validations; - } - var form = this.S(el_patterns[0][0]).closest('[data-' + this.attr_name(true) + ']'), - settings = form.data(this.attr_name(true) + '-init') || {}; - while (i--) { - var el = el_patterns[i][0], - required = el_patterns[i][2], - value = el.value.trim(), - direct_parent = this.S(el).parent(), - validator = el.getAttribute(this.add_namespace('data-abide-validator')), - is_radio = el.type === 'radio', - is_checkbox = el.type === 'checkbox', - label = this.S('label[for="' + el.getAttribute('id') + '"]'), - valid_length = (required) ? (el.value.length > 0) : true, - el_validations = []; - - var parent, valid; - - // support old way to do equalTo validations - if (el.getAttribute(this.add_namespace('data-equalto'))) { validator = 'equalTo' } - - if (!direct_parent.is('label')) { - parent = direct_parent; - } else { - parent = direct_parent.parent(); - } - - if (is_radio && required) { - el_validations.push(this.valid_radio(el, required)); - } else if (is_checkbox && required) { - el_validations.push(this.valid_checkbox(el, required)); - - } else if (validator) { - // Validate using each of the specified (space-delimited) validators. - var validators = validator.split(' '); - var last_valid = true, all_valid = true; - for (var iv = 0; iv < validators.length; iv++) { - valid = this.settings.validators[validators[iv]].apply(this, [el, required, parent]) - el_validations.push(valid); - all_valid = valid && last_valid; - last_valid = valid; - } - if (all_valid) { - this.S(el).removeAttr(this.invalid_attr); - parent.removeClass('error'); - if (label.length > 0 && this.settings.error_labels) { - label.removeClass(this.settings.error_class).removeAttr('role'); - } - $(el).triggerHandler('valid'); - } else { - this.S(el).attr(this.invalid_attr, ''); - parent.addClass('error'); - if (label.length > 0 && this.settings.error_labels) { - label.addClass(this.settings.error_class).attr('role', 'alert'); - } - $(el).triggerHandler('invalid'); - } - } else { - - if (el_patterns[i][1].test(value) && valid_length || - !required && el.value.length < 1 || $(el).attr('disabled')) { - el_validations.push(true); - } else { - el_validations.push(false); - } - - el_validations = [el_validations.every(function (valid) {return valid;})]; - if (el_validations[0]) { - this.S(el).removeAttr(this.invalid_attr); - el.setAttribute('aria-invalid', 'false'); - el.removeAttribute('aria-describedby'); - parent.removeClass(this.settings.error_class); - if (label.length > 0 && this.settings.error_labels) { - label.removeClass(this.settings.error_class).removeAttr('role'); - } - $(el).triggerHandler('valid'); - } else { - this.S(el).attr(this.invalid_attr, ''); - el.setAttribute('aria-invalid', 'true'); - - // Try to find the error associated with the input - var errorElem = parent.find('small.' + this.settings.error_class, 'span.' + this.settings.error_class); - var errorID = errorElem.length > 0 ? errorElem[0].id : ''; - if (errorID.length > 0) { - el.setAttribute('aria-describedby', errorID); - } - - // el.setAttribute('aria-describedby', $(el).find('.error')[0].id); - parent.addClass(this.settings.error_class); - if (label.length > 0 && this.settings.error_labels) { - label.addClass(this.settings.error_class).attr('role', 'alert'); - } - $(el).triggerHandler('invalid'); - } - } - validations = validations.concat(el_validations); - } - - return validations; - }, - - valid_checkbox : function (el, required) { - var el = this.S(el), - valid = (el.is(':checked') || !required || el.get(0).getAttribute('disabled')); - - if (valid) { - el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class); - $(el).triggerHandler('valid'); - } else { - el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class); - $(el).triggerHandler('invalid'); - } - - return valid; - }, - - valid_radio : function (el, required) { - var name = el.getAttribute('name'), - group = this.S(el).closest('[data-' + this.attr_name(true) + ']').find("[name='" + name + "']"), - count = group.length, - valid = false, - disabled = false; - - // Has to count up to make sure the focus gets applied to the top error - for (var i=0; i < count; i++) { - if( group[i].getAttribute('disabled') ){ - disabled=true; - valid=true; - } else { - if (group[i].checked){ - valid = true; - } else { - if( disabled ){ - valid = false; - } - } - } - } - - // Has to count up to make sure the focus gets applied to the top error - for (var i = 0; i < count; i++) { - if (valid) { - this.S(group[i]).removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class); - $(group[i]).triggerHandler('valid'); - } else { - this.S(group[i]).attr(this.invalid_attr, '').parent().addClass(this.settings.error_class); - $(group[i]).triggerHandler('invalid'); - } - } - - return valid; - }, - - valid_equal : function (el, required, parent) { - var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, - to = el.value, - valid = (from === to); - - if (valid) { - this.S(el).removeAttr(this.invalid_attr); - parent.removeClass(this.settings.error_class); - if (label.length > 0 && settings.error_labels) { - label.removeClass(this.settings.error_class); - } - } else { - this.S(el).attr(this.invalid_attr, ''); - parent.addClass(this.settings.error_class); - if (label.length > 0 && settings.error_labels) { - label.addClass(this.settings.error_class); - } - } - - return valid; - }, - - valid_oneof : function (el, required, parent, doNotValidateOthers) { - var el = this.S(el), - others = this.S('[' + this.add_namespace('data-oneof') + ']'), - valid = others.filter(':checked').length > 0; - - if (valid) { - el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class); - } else { - el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class); - } - - if (!doNotValidateOthers) { - var _this = this; - others.each(function () { - _this.valid_oneof.call(_this, this, null, null, true); - }); - } - - return valid; - }, - - reflow : function(scope, options) { - var self = this, - form = self.S('[' + this.attr_name() + ']').attr('novalidate', 'novalidate'); - self.S(form).each(function (idx, el) { - self.events(el); - }); - } - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.accordion.js b/dist/assets/js/foundation/foundation.accordion.js deleted file mode 100644 index c7ec7d527..000000000 --- a/dist/assets/js/foundation/foundation.accordion.js +++ /dev/null @@ -1,126 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.accordion = { - name : 'accordion', - - version : '5.5.3', - - settings : { - content_class : 'content', - active_class : 'active', - multi_expand : false, - toggleable : true, - callback : function () {} - }, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function (instance) { - var self = this; - var S = this.S; - self.create(this.S(instance)); - - S(this.scope) - .off('.fndtn.accordion') - .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a, [' + this.attr_name() + '] > li > a', function (e) { - var accordion = S(this).closest('[' + self.attr_name() + ']'), - groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()), - settings = accordion.data(self.attr_name(true) + '-init') || self.settings, - contentAttr = S(this).context.attributes['data-content'], - target = S('#' + (contentAttr ? contentAttr.value : this.href.split('#')[1])), - aunts = $('> dd, > li', accordion), - siblings = aunts.children('.' + settings.content_class), - active_content = siblings.filter('.' + settings.active_class); - - e.preventDefault(); - - if (accordion.attr(self.attr_name())) { - siblings = siblings.add('[' + groupSelector + '] dd > ' + '.' + settings.content_class + ', [' + groupSelector + '] li > ' + '.' + settings.content_class); - aunts = aunts.add('[' + groupSelector + '] dd, [' + groupSelector + '] li'); - } - - if (settings.toggleable && target.is(active_content)) { - target.parent('dd, li').toggleClass(settings.active_class, false); - target.toggleClass(settings.active_class, false); - S(this).attr('aria-expanded', function(i, attr){ - return attr === 'true' ? 'false' : 'true'; - }); - settings.callback(target); - target.triggerHandler('toggled', [accordion]); - accordion.triggerHandler('toggled', [target]); - return; - } - - if (!settings.multi_expand) { - siblings.removeClass(settings.active_class); - aunts.removeClass(settings.active_class); - aunts.children('a').attr('aria-expanded','false'); - } - - target.addClass(settings.active_class).parent().addClass(settings.active_class); - settings.callback(target); - target.triggerHandler('toggled', [accordion]); - accordion.triggerHandler('toggled', [target]); - S(this).attr('aria-expanded','true'); - }); - }, - - create: function($instance) { - var self = this, - accordion = $instance, - aunts = $('> .accordion-navigation', accordion), - settings = accordion.data(self.attr_name(true) + '-init') || self.settings; - - aunts.children('a').attr('aria-expanded','false'); - aunts.has('.' + settings.content_class + '.' + settings.active_class).addClass(settings.active_class).children('a').attr('aria-expanded','true'); - - if (settings.multi_expand) { - $instance.attr('aria-multiselectable','true'); - } - }, - - toggle : function(options) { - var options = typeof options !== 'undefined' ? options : {}; - var selector = typeof options.selector !== 'undefined' ? options.selector : ''; - var toggle_state = typeof options.toggle_state !== 'undefined' ? options.toggle_state : ''; - var $accordion = typeof options.$accordion !== 'undefined' ? options.$accordion : this.S(this.scope).closest('[' + this.attr_name() + ']'); - - var $items = $accordion.find('> dd' + selector + ', > li' + selector); - if ( $items.length < 1 ) { - if ( window.console ) { - console.error('Selection not found.', selector); - } - return false; - } - - var S = this.S; - var active_class = this.settings.active_class; - $items.each(function() { - var $item = S(this); - var is_active = $item.hasClass(active_class); - if ( ( is_active && toggle_state === 'close' ) || ( !is_active && toggle_state === 'open' ) || toggle_state === '' ) { - $item.find('> a').trigger('click.fndtn.accordion'); - } - }); - }, - - open : function(options) { - var options = typeof options !== 'undefined' ? options : {}; - options.toggle_state = 'open'; - this.toggle(options); - }, - - close : function(options) { - var options = typeof options !== 'undefined' ? options : {}; - options.toggle_state = 'close'; - this.toggle(options); - }, - - off : function () {}, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.alert.js b/dist/assets/js/foundation/foundation.alert.js deleted file mode 100644 index 0ab934c27..000000000 --- a/dist/assets/js/foundation/foundation.alert.js +++ /dev/null @@ -1,43 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.alert = { - name : 'alert', - - version : '5.5.3', - - settings : { - callback : function () {} - }, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function () { - var self = this, - S = this.S; - - $(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] .close', function (e) { - var alertBox = S(this).closest('[' + self.attr_name() + ']'), - settings = alertBox.data(self.attr_name(true) + '-init') || self.settings; - - e.preventDefault(); - if (Modernizr.csstransitions) { - alertBox.addClass('alert-close'); - alertBox.on('transitionend webkitTransitionEnd oTransitionEnd', function (e) { - S(this).trigger('close.fndtn.alert').remove(); - settings.callback(); - }); - } else { - alertBox.fadeOut(300, function () { - S(this).trigger('close.fndtn.alert').remove(); - settings.callback(); - }); - } - }); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.clearing.js b/dist/assets/js/foundation/foundation.clearing.js deleted file mode 100644 index f63ff91c3..000000000 --- a/dist/assets/js/foundation/foundation.clearing.js +++ /dev/null @@ -1,586 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.clearing = { - name : 'clearing', - - version : '5.5.3', - - settings : { - templates : { - viewing : '×' + - '' + - '' + - '' - }, - - // comma delimited list of selectors that, on click, will close clearing, - // add 'div.clearing-blackout, div.visible-img' to close on background click - close_selectors : '.clearing-close, div.clearing-blackout', - - // Default to the entire li element. - open_selectors : '', - - // Image will be skipped in carousel. - skip_selector : '', - - touch_label : '', - - // event initializer and locks - init : false, - locked : false - }, - - init : function (scope, method, options) { - var self = this; - Foundation.inherit(this, 'throttle image_loaded'); - - this.bindings(method, options); - - if (self.S(this.scope).is('[' + this.attr_name() + ']')) { - this.assemble(self.S('li', this.scope)); - } else { - self.S('[' + this.attr_name() + ']', this.scope).each(function () { - self.assemble(self.S('li', this)); - }); - } - }, - - events : function (scope) { - var self = this, - S = self.S, - $scroll_container = $('.scroll-container'); - - if ($scroll_container.length > 0) { - this.scope = $scroll_container; - } - - S(this.scope) - .off('.clearing') - .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li ' + this.settings.open_selectors, - function (e, current, target) { - var current = current || S(this), - target = target || current, - next = current.next('li'), - settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'), - image = S(e.target); - - e.preventDefault(); - - if (!settings) { - self.init(); - settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); - } - - // if clearing is open and the current image is - // clicked, go to the next image in sequence - if (target.hasClass('visible') && - current[0] === target[0] && - next.length > 0 && self.is_open(current)) { - target = next; - image = S('img', target); - } - - // set current and target to the clicked li if not otherwise defined. - self.open(image, current, target); - self.update_paddles(target); - }) - - .on('click.fndtn.clearing', '.clearing-main-next', - function (e) { self.nav(e, 'next') }) - .on('click.fndtn.clearing', '.clearing-main-prev', - function (e) { self.nav(e, 'prev') }) - .on('click.fndtn.clearing', this.settings.close_selectors, - function (e) { Foundation.libs.clearing.close(e, this) }); - - $(document).on('keydown.fndtn.clearing', - function (e) { self.keydown(e) }); - - S(window).off('.clearing').on('resize.fndtn.clearing', - function () { self.resize() }); - - this.swipe_events(scope); - }, - - swipe_events : function (scope) { - var self = this, - S = self.S; - - S(this.scope) - .on('touchstart.fndtn.clearing', '.visible-img', function (e) { - if (!e.touches) { e = e.originalEvent; } - var data = { - start_page_x : e.touches[0].pageX, - start_page_y : e.touches[0].pageY, - start_time : (new Date()).getTime(), - delta_x : 0, - is_scrolling : undefined - }; - - S(this).data('swipe-transition', data); - e.stopPropagation(); - }) - .on('touchmove.fndtn.clearing', '.visible-img', function (e) { - if (!e.touches) { - e = e.originalEvent; - } - // Ignore pinch/zoom events - if (e.touches.length > 1 || e.scale && e.scale !== 1) { - return; - } - - var data = S(this).data('swipe-transition'); - - if (typeof data === 'undefined') { - data = {}; - } - - data.delta_x = e.touches[0].pageX - data.start_page_x; - - if (Foundation.rtl) { - data.delta_x = -data.delta_x; - } - - if (typeof data.is_scrolling === 'undefined') { - data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); - } - - if (!data.is_scrolling && !data.active) { - e.preventDefault(); - var direction = (data.delta_x < 0) ? 'next' : 'prev'; - data.active = true; - self.nav(e, direction); - } - }) - .on('touchend.fndtn.clearing', '.visible-img', function (e) { - S(this).data('swipe-transition', {}); - e.stopPropagation(); - }); - }, - - assemble : function ($li) { - var $el = $li.parent(); - - if ($el.parent().hasClass('carousel')) { - return; - } - - $el.after('
    '); - - var grid = $el.detach(), - grid_outerHTML = ''; - - if (grid[0] == null) { - return; - } else { - grid_outerHTML = grid[0].outerHTML; - } - - var holder = this.S('#foundationClearingHolder'), - settings = $el.data(this.attr_name(true) + '-init'), - data = { - grid : '
    ' + grid_outerHTML + '
    ', - viewing : settings.templates.viewing - }, - wrapper = '
    ' + data.viewing + - data.grid + '
    ', - touch_label = this.settings.touch_label; - - if (Modernizr.touch) { - wrapper = $(wrapper).find('.clearing-touch-label').html(touch_label).end(); - } - - holder.after(wrapper).remove(); - }, - - open : function ($image, current, target) { - var self = this, - body = $(document.body), - root = target.closest('.clearing-assembled'), - container = self.S('div', root).first(), - visible_image = self.S('.visible-img', container), - image = self.S('img', visible_image).not($image), - label = self.S('.clearing-touch-label', container), - error = false, - loaded = {}; - - // Event to disable scrolling on touch devices when Clearing is activated - $('body').on('touchmove', function (e) { - e.preventDefault(); - }); - - image.error(function () { - error = true; - }); - - function startLoad() { - setTimeout(function () { - this.image_loaded(image, function () { - if (image.outerWidth() === 1 && !error) { - startLoad.call(this); - } else { - cb.call(this, image); - } - }.bind(this)); - }.bind(this), 100); - } - - function cb (image) { - var $image = $(image); - $image.css('visibility', 'visible'); - $image.trigger('imageVisible'); - // toggle the gallery - body.css('overflow', 'hidden'); - root.addClass('clearing-blackout'); - container.addClass('clearing-container'); - visible_image.show(); - this.fix_height(target) - .caption(self.S('.clearing-caption', visible_image), self.S('img', target)) - .center_and_label(image, label) - .shift(current, target, function () { - target.closest('li').siblings().removeClass('visible'); - target.closest('li').addClass('visible'); - }); - visible_image.trigger('opened.fndtn.clearing') - } - - if (!this.locked()) { - visible_image.trigger('open.fndtn.clearing'); - // set the image to the selected thumbnail - loaded = this.load($image); - if (loaded.interchange) { - image - .attr('data-interchange', loaded.interchange) - .foundation('interchange', 'reflow'); - } else { - image - .attr('src', loaded.src) - .attr('data-interchange', ''); - } - image.css('visibility', 'hidden'); - - startLoad.call(this); - } - }, - - close : function (e, el) { - e.preventDefault(); - - var root = (function (target) { - if (/blackout/.test(target.selector)) { - return target; - } else { - return target.closest('.clearing-blackout'); - } - }($(el))), - body = $(document.body), container, visible_image; - - if (el === e.target && root) { - body.css('overflow', ''); - container = $('div', root).first(); - visible_image = $('.visible-img', container); - visible_image.trigger('close.fndtn.clearing'); - this.settings.prev_index = 0; - $('ul[' + this.attr_name() + ']', root) - .attr('style', '').closest('.clearing-blackout') - .removeClass('clearing-blackout'); - container.removeClass('clearing-container'); - visible_image.hide(); - visible_image.trigger('closed.fndtn.clearing'); - } - - // Event to re-enable scrolling on touch devices - $('body').off('touchmove'); - - return false; - }, - - is_open : function (current) { - return current.parent().prop('style').length > 0; - }, - - keydown : function (e) { - var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'), - NEXT_KEY = this.rtl ? 37 : 39, - PREV_KEY = this.rtl ? 39 : 37, - ESC_KEY = 27; - - if (e.which === NEXT_KEY) { - this.go(clearing, 'next'); - } - if (e.which === PREV_KEY) { - this.go(clearing, 'prev'); - } - if (e.which === ESC_KEY) { - this.S('a.clearing-close').trigger('click.fndtn.clearing'); - } - }, - - nav : function (e, direction) { - var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout'); - - e.preventDefault(); - this.go(clearing, direction); - }, - - resize : function () { - var image = $('img', '.clearing-blackout .visible-img'), - label = $('.clearing-touch-label', '.clearing-blackout'); - - if (image.length) { - this.center_and_label(image, label); - image.trigger('resized.fndtn.clearing') - } - }, - - // visual adjustments - fix_height : function (target) { - var lis = target.parent().children(), - self = this; - - lis.each(function () { - var li = self.S(this), - image = li.find('img'); - - if (li.height() > image.outerHeight()) { - li.addClass('fix-height'); - } - }) - .closest('ul') - .width(lis.length * 100 + '%'); - - return this; - }, - - update_paddles : function (target) { - target = target.closest('li'); - var visible_image = target - .closest('.carousel') - .siblings('.visible-img'); - - if (target.next().length > 0) { - this.S('.clearing-main-next', visible_image).removeClass('disabled'); - } else { - this.S('.clearing-main-next', visible_image).addClass('disabled'); - } - - if (target.prev().length > 0) { - this.S('.clearing-main-prev', visible_image).removeClass('disabled'); - } else { - this.S('.clearing-main-prev', visible_image).addClass('disabled'); - } - }, - - center_and_label : function (target, label) { - if (!this.rtl && label.length > 0) { - label.css({ - marginLeft : -(label.outerWidth() / 2), - marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10 - }); - } else { - label.css({ - marginRight : -(label.outerWidth() / 2), - marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10, - left: 'auto', - right: '50%' - }); - } - return this; - }, - - // image loading and preloading - - load : function ($image) { - var href, - interchange, - closest_a; - - if ($image[0].nodeName === 'A') { - href = $image.attr('href'); - interchange = $image.data('clearing-interchange'); - } else { - closest_a = $image.closest('a'); - href = closest_a.attr('href'); - interchange = closest_a.data('clearing-interchange'); - } - - this.preload($image); - - return { - 'src': href ? href : $image.attr('src'), - 'interchange': href ? interchange : $image.data('clearing-interchange') - } - }, - - preload : function ($image) { - this - .img($image.closest('li').next(), 'next') - .img($image.closest('li').prev(), 'prev'); - }, - - img : function (img, sibling_type) { - if (img.length) { - var preload_img = $('.clearing-preload-' + sibling_type), - new_a = this.S('a', img), - src, - interchange, - image; - - if (new_a.length) { - src = new_a.attr('href'); - interchange = new_a.data('clearing-interchange'); - } else { - image = this.S('img', img); - src = image.attr('src'); - interchange = image.data('clearing-interchange'); - } - - if (interchange) { - preload_img.attr('data-interchange', interchange); - } else { - preload_img.attr('src', src); - preload_img.attr('data-interchange', ''); - } - } - return this; - }, - - // image caption - - caption : function (container, $image) { - var caption = $image.attr('data-caption'); - - if (caption) { - var containerPlain = container.get(0); - containerPlain.innerHTML = caption; - container.show(); - } else { - container - .text('') - .hide(); - } - return this; - }, - - // directional methods - - go : function ($ul, direction) { - var current = this.S('.visible', $ul), - target = current[direction](); - - // Check for skip selector. - if (this.settings.skip_selector && target.find(this.settings.skip_selector).length != 0) { - target = target[direction](); - } - - if (target.length) { - this.S('img', target) - .trigger('click.fndtn.clearing', [current, target]) - .trigger('change.fndtn.clearing'); - } - }, - - shift : function (current, target, callback) { - var clearing = target.parent(), - old_index = this.settings.prev_index || target.index(), - direction = this.direction(clearing, current, target), - dir = this.rtl ? 'right' : 'left', - left = parseInt(clearing.css('left'), 10), - width = target.outerWidth(), - skip_shift; - - var dir_obj = {}; - - // we use jQuery animate instead of CSS transitions because we - // need a callback to unlock the next animation - // needs support for RTL ** - if (target.index() !== old_index && !/skip/.test(direction)) { - if (/left/.test(direction)) { - this.lock(); - dir_obj[dir] = left + width; - clearing.animate(dir_obj, 300, this.unlock()); - } else if (/right/.test(direction)) { - this.lock(); - dir_obj[dir] = left - width; - clearing.animate(dir_obj, 300, this.unlock()); - } - } else if (/skip/.test(direction)) { - // the target image is not adjacent to the current image, so - // do we scroll right or not - skip_shift = target.index() - this.settings.up_count; - this.lock(); - - if (skip_shift > 0) { - dir_obj[dir] = -(skip_shift * width); - clearing.animate(dir_obj, 300, this.unlock()); - } else { - dir_obj[dir] = 0; - clearing.animate(dir_obj, 300, this.unlock()); - } - } - - callback(); - }, - - direction : function ($el, current, target) { - var lis = this.S('li', $el), - li_width = lis.outerWidth() + (lis.outerWidth() / 4), - up_count = Math.floor(this.S('.clearing-container').outerWidth() / li_width) - 1, - target_index = lis.index(target), - response; - - this.settings.up_count = up_count; - - if (this.adjacent(this.settings.prev_index, target_index)) { - if ((target_index > up_count) && target_index > this.settings.prev_index) { - response = 'right'; - } else if ((target_index > up_count - 1) && target_index <= this.settings.prev_index) { - response = 'left'; - } else { - response = false; - } - } else { - response = 'skip'; - } - - this.settings.prev_index = target_index; - - return response; - }, - - adjacent : function (current_index, target_index) { - for (var i = target_index + 1; i >= target_index - 1; i--) { - if (i === current_index) { - return true; - } - } - return false; - }, - - // lock management - - lock : function () { - this.settings.locked = true; - }, - - unlock : function () { - this.settings.locked = false; - }, - - locked : function () { - return this.settings.locked; - }, - - off : function () { - this.S(this.scope).off('.fndtn.clearing'); - this.S(window).off('.fndtn.clearing'); - }, - - reflow : function () { - this.init(); - } - }; - -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.dropdown.js b/dist/assets/js/foundation/foundation.dropdown.js deleted file mode 100644 index d118afb67..000000000 --- a/dist/assets/js/foundation/foundation.dropdown.js +++ /dev/null @@ -1,471 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.dropdown = { - name : 'dropdown', - - version : '5.5.3', - - settings : { - active_class : 'open', - disabled_class : 'disabled', - mega_class : 'mega', - align : 'bottom', - is_hover : false, - hover_timeout : 150, - no_pip : false, - opened : function () {}, - closed : function () {} - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle'); - - $.extend(true, this.settings, method, options); - this.bindings(method, options); - }, - - events : function (scope) { - var self = this, - S = self.S; - - S(this.scope) - .off('.dropdown') - .on('click.fndtn.dropdown', '[' + this.attr_name() + ']', function (e) { - var settings = S(this).data(self.attr_name(true) + '-init') || self.settings; - if (!settings.is_hover || Modernizr.touch) { - e.preventDefault(); - if (S(this).parent('[data-reveal-id]').length) { - e.stopPropagation(); - } - self.toggle($(this)); - } - }) - .on('mouseenter.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) { - var $this = S(this), - dropdown, - target; - - clearTimeout(self.timeout); - - if ($this.data(self.data_attr())) { - dropdown = S('#' + $this.data(self.data_attr())); - target = $this; - } else { - dropdown = $this; - target = S('[' + self.attr_name() + '="' + dropdown.attr('id') + '"]'); - } - - var settings = target.data(self.attr_name(true) + '-init') || self.settings; - - if (S(e.currentTarget).data(self.data_attr()) && settings.is_hover) { - self.closeall.call(self); - } - - if (settings.is_hover) { - self.open.apply(self, [dropdown, target]); - } - }) - .on('mouseleave.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) { - var $this = S(this); - var settings; - - if ($this.data(self.data_attr())) { - settings = $this.data(self.data_attr(true) + '-init') || self.settings; - } else { - var target = S('[' + self.attr_name() + '="' + S(this).attr('id') + '"]'), - settings = target.data(self.attr_name(true) + '-init') || self.settings; - } - - self.timeout = setTimeout(function () { - if ($this.data(self.data_attr())) { - if (settings.is_hover) { - self.close.call(self, S('#' + $this.data(self.data_attr()))); - } - } else { - if (settings.is_hover) { - self.close.call(self, $this); - } - } - }.bind(this), settings.hover_timeout); - }) - .on('click.fndtn.dropdown', function (e) { - var parent = S(e.target).closest('[' + self.attr_name() + '-content]'); - var links = parent.find('a'); - - if (links.length > 0 && parent.attr('aria-autoclose') !== 'false') { - self.close.call(self, S('[' + self.attr_name() + '-content]')); - } - - if (e.target !== document && !$.contains(document.documentElement, e.target)) { - return; - } - - if (S(e.target).closest('[' + self.attr_name() + ']').length > 0) { - return; - } - - if (!(S(e.target).data('revealId')) && - (parent.length > 0 && (S(e.target).is('[' + self.attr_name() + '-content]') || - $.contains(parent.first()[0], e.target)))) { - e.stopPropagation(); - return; - } - - self.close.call(self, S('[' + self.attr_name() + '-content]')); - }) - .on('opened.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () { - self.settings.opened.call(this); - }) - .on('closed.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () { - self.settings.closed.call(this); - }); - - S(window) - .off('.dropdown') - .on('resize.fndtn.dropdown', self.throttle(function () { - self.resize.call(self); - }, 50)); - - this.resize(); - }, - - close : function (dropdown) { - var self = this; - dropdown.each(function (idx) { - var original_target = $('[' + self.attr_name() + '=' + dropdown[idx].id + ']') || $('aria-controls=' + dropdown[idx].id + ']'); - original_target.attr('aria-expanded', 'false'); - if (self.S(this).hasClass(self.settings.active_class)) { - self.S(this) - .css(Foundation.rtl ? 'right' : 'left', '-99999px') - .attr('aria-hidden', 'true') - .removeClass(self.settings.active_class) - .prev('[' + self.attr_name() + ']') - .removeClass(self.settings.active_class) - .removeData('target'); - - self.S(this).trigger('closed.fndtn.dropdown', [dropdown]); - } - }); - dropdown.removeClass('f-open-' + this.attr_name(true)); - }, - - closeall : function () { - var self = this; - $.each(self.S('.f-open-' + this.attr_name(true)), function () { - self.close.call(self, self.S(this)); - }); - }, - - open : function (dropdown, target) { - this - .css(dropdown - .addClass(this.settings.active_class), target); - dropdown.prev('[' + this.attr_name() + ']').addClass(this.settings.active_class); - dropdown.data('target', target.get(0)).trigger('opened.fndtn.dropdown', [dropdown, target]); - dropdown.attr('aria-hidden', 'false'); - target.attr('aria-expanded', 'true'); - dropdown.focus(); - dropdown.addClass('f-open-' + this.attr_name(true)); - }, - - data_attr : function () { - if (this.namespace.length > 0) { - return this.namespace + '-' + this.name; - } - - return this.name; - }, - - toggle : function (target) { - if (target.hasClass(this.settings.disabled_class)) { - return; - } - var dropdown = this.S('#' + target.data(this.data_attr())); - if (dropdown.length === 0) { - // No dropdown found, not continuing - return; - } - - this.close.call(this, this.S('[' + this.attr_name() + '-content]').not(dropdown)); - - if (dropdown.hasClass(this.settings.active_class)) { - this.close.call(this, dropdown); - if (dropdown.data('target') !== target.get(0)) { - this.open.call(this, dropdown, target); - } - } else { - this.open.call(this, dropdown, target); - } - }, - - resize : function () { - var dropdown = this.S('[' + this.attr_name() + '-content].open'); - var target = $(dropdown.data("target")); - - if (dropdown.length && target.length) { - this.css(dropdown, target); - } - }, - - css : function (dropdown, target) { - var left_offset = Math.max((target.width() - dropdown.width()) / 2, 8), - settings = target.data(this.attr_name(true) + '-init') || this.settings, - parentOverflow = dropdown.parent().css('overflow-y') || dropdown.parent().css('overflow'); - - this.clear_idx(); - - - - if (this.small()) { - var p = this.dirs.bottom.call(dropdown, target, settings); - - dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({ - position : 'absolute', - width : '95%', - 'max-width' : 'none', - top : p.top - }); - - dropdown.css(Foundation.rtl ? 'right' : 'left', left_offset); - } - // detect if dropdown is in an overflow container - else if (parentOverflow !== 'visible') { - var offset = target[0].offsetTop + target[0].offsetHeight; - - dropdown.attr('style', '').css({ - position : 'absolute', - top : offset - }); - - dropdown.css(Foundation.rtl ? 'right' : 'left', left_offset); - } - else { - - this.style(dropdown, target, settings); - } - - return dropdown; - }, - - style : function (dropdown, target, settings) { - var css = $.extend({position : 'absolute'}, - this.dirs[settings.align].call(dropdown, target, settings)); - - dropdown.attr('style', '').css(css); - }, - - // return CSS property object - // `this` is the dropdown - dirs : { - // Calculate target offset - _base : function (t, s) { - var o_p = this.offsetParent(), - o = o_p.offset(), - p = t.offset(); - - p.top -= o.top; - p.left -= o.left; - - //set some flags on the p object to pass along - p.missRight = false; - p.missTop = false; - p.missLeft = false; - p.leftRightFlag = false; - - //lets see if the panel will be off the screen - //get the actual width of the page and store it - var actualBodyWidth; - var windowWidth = window.innerWidth; - - if (document.getElementsByClassName('row')[0]) { - actualBodyWidth = document.getElementsByClassName('row')[0].clientWidth; - } else { - actualBodyWidth = windowWidth; - } - - var actualMarginWidth = (windowWidth - actualBodyWidth) / 2; - var actualBoundary = actualBodyWidth; - - if (!this.hasClass('mega') && !s.ignore_repositioning) { - var outerWidth = this.outerWidth(); - var o_left = t.offset().left; - - //miss top - if (t.offset().top <= this.outerHeight()) { - p.missTop = true; - actualBoundary = windowWidth - actualMarginWidth; - p.leftRightFlag = true; - } - - //miss right - if (o_left + outerWidth > o_left + actualMarginWidth && o_left - actualMarginWidth > outerWidth) { - p.missRight = true; - p.missLeft = false; - } - - //miss left - if (o_left - outerWidth <= 0) { - p.missLeft = true; - p.missRight = false; - } - } - - return p; - }, - - top : function (t, s) { - var self = Foundation.libs.dropdown, - p = self.dirs._base.call(this, t, s); - - this.addClass('drop-top'); - - if (p.missTop == true) { - p.top = p.top + t.outerHeight() + this.outerHeight(); - this.removeClass('drop-top'); - } - - if (p.missRight == true) { - p.left = p.left - this.outerWidth() + t.outerWidth(); - } - - if (!self.settings.no_pip && t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) { - self.adjust_pip(this, t, s, p); - } - - if (Foundation.rtl) { - return {left : p.left - this.outerWidth() + t.outerWidth(), - top : p.top - this.outerHeight()}; - } - - return {left : p.left, top : p.top - this.outerHeight()}; - }, - - bottom : function (t, s) { - var self = Foundation.libs.dropdown, - p = self.dirs._base.call(this, t, s); - - if (p.missRight == true) { - p.left = p.left - this.outerWidth() + t.outerWidth(); - } - - if (!self.settings.no_pip && t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) { - self.adjust_pip(this, t, s, p); - } - - if (self.rtl) { - return {left : p.left - this.outerWidth() + t.outerWidth(), top : p.top + t.outerHeight()}; - } - - return {left : p.left, top : p.top + t.outerHeight()}; - }, - - left : function (t, s) { - var p = Foundation.libs.dropdown.dirs._base.call(this, t, s); - - this.addClass('drop-left'); - - if (p.missLeft == true) { - p.left = p.left + this.outerWidth(); - p.top = p.top + t.outerHeight(); - this.removeClass('drop-left'); - } - - return {left : p.left - this.outerWidth(), top : p.top}; - }, - - right : function (t, s) { - var p = Foundation.libs.dropdown.dirs._base.call(this, t, s); - - this.addClass('drop-right'); - - if (p.missRight == true) { - p.left = p.left - this.outerWidth(); - p.top = p.top + t.outerHeight(); - this.removeClass('drop-right'); - } else { - p.triggeredRight = true; - } - - var self = Foundation.libs.dropdown; - - if (!self.settings.no_pip && t.outerWidth() < this.outerWidth() || self.small() || this.hasClass(s.mega_menu)) { - self.adjust_pip(this, t, s, p); - } - - return {left : p.left + t.outerWidth(), top : p.top}; - } - }, - - // Insert rule to style psuedo elements - adjust_pip : function (dropdown, target, settings, position) { - if (settings.no_pip === true) return; - - var sheet = Foundation.stylesheet, - pip_offset_base = 8; - - if (dropdown.hasClass(settings.mega_class)) { - pip_offset_base = position.left + (target.outerWidth() / 2) - 8; - } else if (this.small()) { - pip_offset_base += position.left - 8; - } - - this.rule_idx = sheet.cssRules.length; - - //default - var sel_before = '.f-dropdown.open:before', - sel_after = '.f-dropdown.open:after', - css_before = 'left: ' + pip_offset_base + 'px;', - css_after = 'left: ' + (pip_offset_base - 1) + 'px;'; - - if (position.missRight == true) { - pip_offset_base = dropdown.outerWidth() - 23; - sel_before = '.f-dropdown.open:before', - sel_after = '.f-dropdown.open:after', - css_before = 'left: ' + pip_offset_base + 'px;', - css_after = 'left: ' + (pip_offset_base - 1) + 'px;'; - } - - //just a case where right is fired, but its not missing right - if (position.triggeredRight == true) { - sel_before = '.f-dropdown.open:before', - sel_after = '.f-dropdown.open:after', - css_before = 'left:-12px;', - css_after = 'left:-14px;'; - } - - if (sheet.insertRule) { - sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx); - sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1); - } else { - sheet.addRule(sel_before, css_before, this.rule_idx); - sheet.addRule(sel_after, css_after, this.rule_idx + 1); - } - }, - - // Remove old dropdown rule index - clear_idx : function () { - var sheet = Foundation.stylesheet; - - if (typeof this.rule_idx !== 'undefined') { - sheet.deleteRule(this.rule_idx); - sheet.deleteRule(this.rule_idx); - delete this.rule_idx; - } - }, - - small : function () { - return matchMedia(Foundation.media_queries.small).matches && - !matchMedia(Foundation.media_queries.medium).matches; - }, - - off : function () { - this.S(this.scope).off('.fndtn.dropdown'); - this.S('html, body').off('.fndtn.dropdown'); - this.S(window).off('.fndtn.dropdown'); - this.S('[data-dropdown-content]').off('.fndtn.dropdown'); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.equalizer.js b/dist/assets/js/foundation/foundation.equalizer.js deleted file mode 100644 index a61a330bf..000000000 --- a/dist/assets/js/foundation/foundation.equalizer.js +++ /dev/null @@ -1,104 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.equalizer = { - name : 'equalizer', - - version : '5.5.3', - - settings : { - use_tallest : true, - before_height_change : $.noop, - after_height_change : $.noop, - equalize_on_stack : false, - act_on_hidden_el: false - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'image_loaded'); - this.bindings(method, options); - this.reflow(); - }, - - events : function () { - this.S(window).off('.equalizer').on('resize.fndtn.equalizer', function (e) { - this.reflow(); - }.bind(this)); - }, - - equalize : function (equalizer) { - var isStacked = false, - group = equalizer.data('equalizer'), - settings = equalizer.data(this.attr_name(true)+'-init') || this.settings, - vals, - firstTopOffset; - - if (settings.act_on_hidden_el) { - vals = group ? equalizer.find('['+this.attr_name()+'-watch="'+group+'"]') : equalizer.find('['+this.attr_name()+'-watch]'); - } - else { - vals = group ? equalizer.find('['+this.attr_name()+'-watch="'+group+'"]:visible') : equalizer.find('['+this.attr_name()+'-watch]:visible'); - } - - if (vals.length === 0) { - return; - } - - settings.before_height_change(); - equalizer.trigger('before-height-change.fndth.equalizer'); - vals.height('inherit'); - - if (settings.equalize_on_stack === false) { - firstTopOffset = vals.first().offset().top; - vals.each(function () { - if ($(this).offset().top !== firstTopOffset) { - isStacked = true; - return false; - } - }); - if (isStacked) { - return; - } - } - - var heights = vals.map(function () { return $(this).outerHeight(false) }).get(); - - if (settings.use_tallest) { - var max = Math.max.apply(null, heights); - vals.css('height', max); - } else { - var min = Math.min.apply(null, heights); - vals.css('height', min); - } - - settings.after_height_change(); - equalizer.trigger('after-height-change.fndtn.equalizer'); - }, - - reflow : function () { - var self = this; - - this.S('[' + this.attr_name() + ']', this.scope).each(function () { - var $eq_target = $(this), - media_query = $eq_target.data('equalizer-mq'), - ignore_media_query = true; - - if (media_query) { - media_query = 'is_' + media_query.replace(/-/g, '_'); - if (Foundation.utils.hasOwnProperty(media_query)) { - ignore_media_query = false; - } - } - - self.image_loaded(self.S('img', this), function () { - if (ignore_media_query || Foundation.utils[media_query]()) { - self.equalize($eq_target) - } else { - var vals = $eq_target.find('[' + self.attr_name() + '-watch]:visible'); - vals.css('height', 'auto'); - } - }); - }); - } - }; -})(jQuery, window, window.document); diff --git a/dist/assets/js/foundation/foundation.interchange.js b/dist/assets/js/foundation/foundation.interchange.js deleted file mode 100644 index 1096fada7..000000000 --- a/dist/assets/js/foundation/foundation.interchange.js +++ /dev/null @@ -1,360 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.interchange = { - name : 'interchange', - - version : '5.5.3', - - cache : {}, - - images_loaded : false, - nodes_loaded : false, - - settings : { - load_attr : 'interchange', - - named_queries : { - 'default' : 'only screen', - 'small' : Foundation.media_queries['small'], - 'small-only' : Foundation.media_queries['small-only'], - 'medium' : Foundation.media_queries['medium'], - 'medium-only' : Foundation.media_queries['medium-only'], - 'large' : Foundation.media_queries['large'], - 'large-only' : Foundation.media_queries['large-only'], - 'xlarge' : Foundation.media_queries['xlarge'], - 'xlarge-only' : Foundation.media_queries['xlarge-only'], - 'xxlarge' : Foundation.media_queries['xxlarge'], - 'landscape' : 'only screen and (orientation: landscape)', - 'portrait' : 'only screen and (orientation: portrait)', - 'retina' : 'only screen and (-webkit-min-device-pixel-ratio: 2),' + - 'only screen and (min--moz-device-pixel-ratio: 2),' + - 'only screen and (-o-min-device-pixel-ratio: 2/1),' + - 'only screen and (min-device-pixel-ratio: 2),' + - 'only screen and (min-resolution: 192dpi),' + - 'only screen and (min-resolution: 2dppx)' - }, - - directives : { - replace : function (el, path, trigger) { - // The trigger argument, if called within the directive, fires - // an event named after the directive on the element, passing - // any parameters along to the event that you pass to trigger. - // - // ex. trigger(), trigger([a, b, c]), or trigger(a, b, c) - // - // This allows you to bind a callback like so: - // $('#interchangeContainer').on('replace', function (e, a, b, c) { - // console.log($(this).html(), a, b, c); - // }); - - if (el !== null && /IMG/.test(el[0].nodeName)) { - var orig_path = $.each(el, function(){this.src = path;}); - // var orig_path = el[0].src; - - if (new RegExp(path, 'i').test(orig_path)) { - return; - } - - el.attr("src", path); - - return trigger(el[0].src); - } - var last_path = el.data(this.data_attr + '-last-path'), - self = this; - - if (last_path == path) { - return; - } - - if (/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i.test(path)) { - $(el).css('background-image', 'url(' + path + ')'); - el.data('interchange-last-path', path); - return trigger(path); - } - - return $.get(path, function (response) { - el.html(response); - el.data(self.data_attr + '-last-path', path); - trigger(); - }); - - } - } - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle random_str'); - - this.data_attr = this.set_data_attr(); - $.extend(true, this.settings, method, options); - this.bindings(method, options); - this.reflow(); - }, - - get_media_hash : function () { - var mediaHash = ''; - for (var queryName in this.settings.named_queries ) { - mediaHash += matchMedia(this.settings.named_queries[queryName]).matches.toString(); - } - return mediaHash; - }, - - events : function () { - var self = this, prevMediaHash; - - $(window) - .off('.interchange') - .on('resize.fndtn.interchange', self.throttle(function () { - var currMediaHash = self.get_media_hash(); - if (currMediaHash !== prevMediaHash) { - self.resize(); - } - prevMediaHash = currMediaHash; - }, 50)); - - return this; - }, - - resize : function () { - var cache = this.cache; - - if (!this.images_loaded || !this.nodes_loaded) { - setTimeout($.proxy(this.resize, this), 50); - return; - } - - for (var uuid in cache) { - if (cache.hasOwnProperty(uuid)) { - var passed = this.results(uuid, cache[uuid]); - if (passed) { - this.settings.directives[passed - .scenario[1]].call(this, passed.el, passed.scenario[0], (function (passed) { - if (arguments[0] instanceof Array) { - var args = arguments[0]; - } else { - var args = Array.prototype.slice.call(arguments, 0); - } - - return function() { - passed.el.trigger(passed.scenario[1], args); - } - }(passed))); - } - } - } - - }, - - results : function (uuid, scenarios) { - var count = scenarios.length; - - if (count > 0) { - var el = this.S('[' + this.add_namespace('data-uuid') + '="' + uuid + '"]'); - - while (count--) { - var mq, rule = scenarios[count][2]; - if (this.settings.named_queries.hasOwnProperty(rule)) { - mq = matchMedia(this.settings.named_queries[rule]); - } else { - mq = matchMedia(rule); - } - if (mq.matches) { - return {el : el, scenario : scenarios[count]}; - } - } - } - - return false; - }, - - load : function (type, force_update) { - if (typeof this['cached_' + type] === 'undefined' || force_update) { - this['update_' + type](); - } - - return this['cached_' + type]; - }, - - update_images : function () { - var images = this.S('img[' + this.data_attr + ']'), - count = images.length, - i = count, - loaded_count = 0, - data_attr = this.data_attr; - - this.cache = {}; - this.cached_images = []; - this.images_loaded = (count === 0); - - while (i--) { - loaded_count++; - if (images[i]) { - var str = images[i].getAttribute(data_attr) || ''; - - if (str.length > 0) { - this.cached_images.push(images[i]); - } - } - - if (loaded_count === count) { - this.images_loaded = true; - this.enhance('images'); - } - } - - return this; - }, - - update_nodes : function () { - var nodes = this.S('[' + this.data_attr + ']').not('img'), - count = nodes.length, - i = count, - loaded_count = 0, - data_attr = this.data_attr; - - this.cached_nodes = []; - this.nodes_loaded = (count === 0); - - while (i--) { - loaded_count++; - var str = nodes[i].getAttribute(data_attr) || ''; - - if (str.length > 0) { - this.cached_nodes.push(nodes[i]); - } - - if (loaded_count === count) { - this.nodes_loaded = true; - this.enhance('nodes'); - } - } - - return this; - }, - - enhance : function (type) { - var i = this['cached_' + type].length; - - while (i--) { - this.object($(this['cached_' + type][i])); - } - - return $(window).trigger('resize.fndtn.interchange'); - }, - - convert_directive : function (directive) { - - var trimmed = this.trim(directive); - - if (trimmed.length > 0) { - return trimmed; - } - - return 'replace'; - }, - - parse_scenario : function (scenario) { - // This logic had to be made more complex since some users were using commas in the url path - // So we cannot simply just split on a comma - - var directive_match = scenario[0].match(/(.+),\s*(\w+)\s*$/), - // getting the mq has gotten a bit complicated since we started accounting for several use cases - // of URLs. For now we'll continue to match these scenarios, but we may consider having these scenarios - // as nested objects or arrays in F6. - // regex: match everything before close parenthesis for mq - media_query = scenario[1].match(/(.*)\)/); - - if (directive_match) { - var path = directive_match[1], - directive = directive_match[2]; - - } else { - var cached_split = scenario[0].split(/,\s*$/), - path = cached_split[0], - directive = ''; - } - - return [this.trim(path), this.convert_directive(directive), this.trim(media_query[1])]; - }, - - object : function (el) { - var raw_arr = this.parse_data_attr(el), - scenarios = [], - i = raw_arr.length; - - if (i > 0) { - while (i--) { - // split array between comma delimited content and mq - // regex: comma, optional space, open parenthesis - var scenario = raw_arr[i].split(/,\s?\(/); - - if (scenario.length > 1) { - var params = this.parse_scenario(scenario); - scenarios.push(params); - } - } - } - - return this.store(el, scenarios); - }, - - store : function (el, scenarios) { - var uuid = this.random_str(), - current_uuid = el.data(this.add_namespace('uuid', true)); - - if (this.cache[current_uuid]) { - return this.cache[current_uuid]; - } - - el.attr(this.add_namespace('data-uuid'), uuid); - return this.cache[uuid] = scenarios; - }, - - trim : function (str) { - - if (typeof str === 'string') { - return $.trim(str); - } - - return str; - }, - - set_data_attr : function (init) { - if (init) { - if (this.namespace.length > 0) { - return this.namespace + '-' + this.settings.load_attr; - } - - return this.settings.load_attr; - } - - if (this.namespace.length > 0) { - return 'data-' + this.namespace + '-' + this.settings.load_attr; - } - - return 'data-' + this.settings.load_attr; - }, - - parse_data_attr : function (el) { - var raw = el.attr(this.attr_name()).split(/\[(.*?)\]/), - i = raw.length, - output = []; - - while (i--) { - if (raw[i].replace(/[\W\d]+/, '').length > 4) { - output.push(raw[i]); - } - } - - return output; - }, - - reflow : function () { - this.load('images', true); - this.load('nodes', true); - } - - }; - -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.joyride.js b/dist/assets/js/foundation/foundation.joyride.js deleted file mode 100644 index f25111910..000000000 --- a/dist/assets/js/foundation/foundation.joyride.js +++ /dev/null @@ -1,935 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - var Modernizr = Modernizr || false; - - Foundation.libs.joyride = { - name : 'joyride', - - version : '5.5.3', - - defaults : { - expose : false, // turn on or off the expose feature - modal : true, // Whether to cover page with modal during the tour - keyboard : true, // enable left, right and esc keystrokes - tip_location : 'bottom', // 'top', 'bottom', 'left' or 'right' in relation to parent - nub_position : 'auto', // override on a per tooltip bases - scroll_speed : 1500, // Page scrolling speed in milliseconds, 0 = no scroll animation - scroll_animation : 'linear', // supports 'swing' and 'linear', extend with jQuery UI. - timer : 0, // 0 = no timer , all other numbers = timer in milliseconds - start_timer_on_click : true, // true or false - true requires clicking the first button start the timer - start_offset : 0, // the index of the tooltip you want to start on (index of the li) - next_button : true, // true or false to control whether a next button is used - prev_button : true, // true or false to control whether a prev button is used - tip_animation : 'fade', // 'pop' or 'fade' in each tip - pause_after : [], // array of indexes where to pause the tour after - exposed : [], // array of expose elements - tip_animation_fade_speed : 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition - cookie_monster : false, // true or false to control whether cookies are used - cookie_name : 'joyride', // Name the cookie you'll use - cookie_domain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com' - cookie_expires : 365, // set when you would like the cookie to expire. - tip_container : 'body', // Where will the tip be attached - abort_on_close : true, // When true, the close event will not fire any callback - tip_location_patterns : { - top : ['bottom'], - bottom : [], // bottom should not need to be repositioned - left : ['right', 'top', 'bottom'], - right : ['left', 'top', 'bottom'] - }, - post_ride_callback : function () {}, // A method to call once the tour closes (canceled or complete) - post_step_callback : function () {}, // A method to call after each step - pre_step_callback : function () {}, // A method to call before each step - pre_ride_callback : function () {}, // A method to call before the tour starts (passed index, tip, and cloned exposed element) - post_expose_callback : function () {}, // A method to call after an element has been exposed - template : { // HTML segments for tip layout - link : '×', - timer : '
    ', - tip : '
    ', - wrapper : '
    ', - button : '', - prev_button : '', - modal : '
    ', - expose : '
    ', - expose_cover : '
    ' - }, - expose_add_class : '' // One or more space-separated class names to be added to exposed element - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle random_str'); - - this.settings = this.settings || $.extend({}, this.defaults, (options || method)); - - this.bindings(method, options) - }, - - go_next : function () { - if (this.settings.$li.next().length < 1) { - this.end(); - } else if (this.settings.timer > 0) { - clearTimeout(this.settings.automate); - this.hide(); - this.show(); - this.startTimer(); - } else { - this.hide(); - this.show(); - } - }, - - go_prev : function () { - if (this.settings.$li.prev().length < 1) { - // Do nothing if there are no prev element - } else if (this.settings.timer > 0) { - clearTimeout(this.settings.automate); - this.hide(); - this.show(null, true); - this.startTimer(); - } else { - this.hide(); - this.show(null, true); - } - }, - - events : function () { - var self = this; - - $(this.scope) - .off('.joyride') - .on('click.fndtn.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) { - e.preventDefault(); - this.go_next() - }.bind(this)) - .on('click.fndtn.joyride', '.joyride-prev-tip', function (e) { - e.preventDefault(); - this.go_prev(); - }.bind(this)) - - .on('click.fndtn.joyride', '.joyride-close-tip', function (e) { - e.preventDefault(); - this.end(this.settings.abort_on_close); - }.bind(this)) - - .on('keyup.fndtn.joyride', function (e) { - // Don't do anything if keystrokes are disabled - // or if the joyride is not being shown - if (!this.settings.keyboard || !this.settings.riding) { - return; - } - - switch (e.which) { - case 39: // right arrow - e.preventDefault(); - this.go_next(); - break; - case 37: // left arrow - e.preventDefault(); - this.go_prev(); - break; - case 27: // escape - e.preventDefault(); - this.end(this.settings.abort_on_close); - } - }.bind(this)); - - $(window) - .off('.joyride') - .on('resize.fndtn.joyride', self.throttle(function () { - if ($('[' + self.attr_name() + ']').length > 0 && self.settings.$next_tip && self.settings.riding) { - if (self.settings.exposed.length > 0) { - var $els = $(self.settings.exposed); - - $els.each(function () { - var $this = $(this); - self.un_expose($this); - self.expose($this); - }); - } - - if (self.is_phone()) { - self.pos_phone(); - } else { - self.pos_default(false); - } - } - }, 100)); - }, - - start : function () { - var self = this, - $this = $('[' + this.attr_name() + ']', this.scope), - integer_settings = ['timer', 'scrollSpeed', 'startOffset', 'tipAnimationFadeSpeed', 'cookieExpires'], - int_settings_count = integer_settings.length; - - if (!$this.length > 0) { - return; - } - - if (!this.settings.init) { - this.events(); - } - - this.settings = $this.data(this.attr_name(true) + '-init'); - - // non configureable settings - this.settings.$content_el = $this; - this.settings.$body = $(this.settings.tip_container); - this.settings.body_offset = $(this.settings.tip_container).position(); - this.settings.$tip_content = this.settings.$content_el.find('> li'); - this.settings.paused = false; - this.settings.attempts = 0; - this.settings.riding = true; - - // can we create cookies? - if (typeof $.cookie !== 'function') { - this.settings.cookie_monster = false; - } - - // generate the tips and insert into dom. - if (!this.settings.cookie_monster || this.settings.cookie_monster && !$.cookie(this.settings.cookie_name)) { - this.settings.$tip_content.each(function (index) { - var $this = $(this); - this.settings = $.extend({}, self.defaults, self.data_options($this)); - - // Make sure that settings parsed from data_options are integers where necessary - var i = int_settings_count; - while (i--) { - self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10); - } - self.create({$li : $this, index : index}); - }); - - // show first tip - if (!this.settings.start_timer_on_click && this.settings.timer > 0) { - this.show('init'); - this.startTimer(); - } else { - this.show('init'); - } - - } - }, - - resume : function () { - this.set_li(); - this.show(); - }, - - tip_template : function (opts) { - var $blank, content; - - opts.tip_class = opts.tip_class || ''; - - $blank = $(this.settings.template.tip).addClass(opts.tip_class); - content = $.trim($(opts.li).html()) + - this.prev_button_text(opts.prev_button_text, opts.index) + - this.button_text(opts.button_text) + - this.settings.template.link + - this.timer_instance(opts.index); - - $blank.append($(this.settings.template.wrapper)); - $blank.first().attr(this.add_namespace('data-index'), opts.index); - $('.joyride-content-wrapper', $blank).append(content); - - return $blank[0]; - }, - - timer_instance : function (index) { - var txt; - - if ((index === 0 && this.settings.start_timer_on_click && this.settings.timer > 0) || this.settings.timer === 0) { - txt = ''; - } else { - txt = $(this.settings.template.timer)[0].outerHTML; - } - return txt; - }, - - button_text : function (txt) { - if (this.settings.tip_settings.next_button) { - txt = $.trim(txt) || 'Next'; - txt = $(this.settings.template.button).append(txt)[0].outerHTML; - } else { - txt = ''; - } - return txt; - }, - - prev_button_text : function (txt, idx) { - if (this.settings.tip_settings.prev_button) { - txt = $.trim(txt) || 'Previous'; - - // Add the disabled class to the button if it's the first element - if (idx == 0) { - txt = $(this.settings.template.prev_button).append(txt).addClass('disabled')[0].outerHTML; - } else { - txt = $(this.settings.template.prev_button).append(txt)[0].outerHTML; - } - } else { - txt = ''; - } - return txt; - }, - - create : function (opts) { - this.settings.tip_settings = $.extend({}, this.settings, this.data_options(opts.$li)); - var buttonText = opts.$li.attr(this.add_namespace('data-button')) || opts.$li.attr(this.add_namespace('data-text')), - prevButtonText = opts.$li.attr(this.add_namespace('data-button-prev')) || opts.$li.attr(this.add_namespace('data-prev-text')), - tipClass = opts.$li.attr('class'), - $tip_content = $(this.tip_template({ - tip_class : tipClass, - index : opts.index, - button_text : buttonText, - prev_button_text : prevButtonText, - li : opts.$li - })); - - $(this.settings.tip_container).append($tip_content); - }, - - show : function (init, is_prev) { - var $timer = null; - - // are we paused? - if (this.settings.$li === undefined || ($.inArray(this.settings.$li.index(), this.settings.pause_after) === -1)) { - - // don't go to the next li if the tour was paused - if (this.settings.paused) { - this.settings.paused = false; - } else { - this.set_li(init, is_prev); - } - - this.settings.attempts = 0; - - if (this.settings.$li.length && this.settings.$target.length > 0) { - if (init) { //run when we first start - this.settings.pre_ride_callback(this.settings.$li.index(), this.settings.$next_tip); - if (this.settings.modal) { - this.show_modal(); - } - } - - this.settings.pre_step_callback(this.settings.$li.index(), this.settings.$next_tip); - - if (this.settings.modal && this.settings.expose) { - this.expose(); - } - - this.settings.tip_settings = $.extend({}, this.settings, this.data_options(this.settings.$li)); - - this.settings.timer = parseInt(this.settings.timer, 10); - - this.settings.tip_settings.tip_location_pattern = this.settings.tip_location_patterns[this.settings.tip_settings.tip_location]; - - // scroll and hide bg if not modal and not expose - if (!/body/i.test(this.settings.$target.selector) && !this.settings.expose) { - var joyridemodalbg = $('.joyride-modal-bg'); - if (/pop/i.test(this.settings.tipAnimation)) { - joyridemodalbg.hide(); - } else { - joyridemodalbg.fadeOut(this.settings.tipAnimationFadeSpeed); - } - this.scroll_to(); - } - - if (this.is_phone()) { - this.pos_phone(true); - } else { - this.pos_default(true); - } - - $timer = this.settings.$next_tip.find('.joyride-timer-indicator'); - - if (/pop/i.test(this.settings.tip_animation)) { - - $timer.width(0); - - if (this.settings.timer > 0) { - - this.settings.$next_tip.show(); - - setTimeout(function () { - $timer.animate({ - width : $timer.parent().width() - }, this.settings.timer, 'linear'); - }.bind(this), this.settings.tip_animation_fade_speed); - - } else { - this.settings.$next_tip.show(); - - } - - } else if (/fade/i.test(this.settings.tip_animation)) { - - $timer.width(0); - - if (this.settings.timer > 0) { - - this.settings.$next_tip - .fadeIn(this.settings.tip_animation_fade_speed) - .show(); - - setTimeout(function () { - $timer.animate({ - width : $timer.parent().width() - }, this.settings.timer, 'linear'); - }.bind(this), this.settings.tip_animation_fade_speed); - - } else { - this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed); - } - } - - this.settings.$current_tip = this.settings.$next_tip; - - // skip non-existant targets - } else if (this.settings.$li && this.settings.$target.length < 1) { - - this.show(init, is_prev); - - } else { - - this.end(); - - } - } else { - - this.settings.paused = true; - - } - - }, - - is_phone : function () { - return matchMedia(Foundation.media_queries.small).matches && - !matchMedia(Foundation.media_queries.medium).matches; - }, - - hide : function () { - if (this.settings.modal && this.settings.expose) { - this.un_expose(); - } - - if (!this.settings.modal) { - $('.joyride-modal-bg').hide(); - } - - // Prevent scroll bouncing...wait to remove from layout - this.settings.$current_tip.css('visibility', 'hidden'); - setTimeout($.proxy(function () { - this.hide(); - this.css('visibility', 'visible'); - }, this.settings.$current_tip), 0); - this.settings.post_step_callback(this.settings.$li.index(), - this.settings.$current_tip); - }, - - set_li : function (init, is_prev) { - if (init) { - this.settings.$li = this.settings.$tip_content.eq(this.settings.start_offset); - this.set_next_tip(); - this.settings.$current_tip = this.settings.$next_tip; - } else { - if (is_prev) { - this.settings.$li = this.settings.$li.prev(); - } else { - this.settings.$li = this.settings.$li.next(); - } - this.set_next_tip(); - } - - this.set_target(); - }, - - set_next_tip : function () { - this.settings.$next_tip = $('.joyride-tip-guide').eq(this.settings.$li.index()); - this.settings.$next_tip.data('closed', ''); - }, - - set_target : function () { - var cl = this.settings.$li.attr(this.add_namespace('data-class')), - id = this.settings.$li.attr(this.add_namespace('data-id')), - $sel = function () { - if (id) { - return $(document.getElementById(id)); - } else if (cl) { - return $('.' + cl).first(); - } else { - return $('body'); - } - }; - - this.settings.$target = $sel(); - }, - - scroll_to : function () { - var window_half, tipOffset; - - window_half = $(window).height() / 2; - tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()); - - if (tipOffset != 0) { - $('html, body').stop().animate({ - scrollTop : tipOffset - }, this.settings.scroll_speed, 'swing'); - } - }, - - paused : function () { - return ($.inArray((this.settings.$li.index() + 1), this.settings.pause_after) === -1); - }, - - restart : function () { - this.hide(); - this.settings.$li = undefined; - this.show('init'); - }, - - pos_default : function (init) { - var $nub = this.settings.$next_tip.find('.joyride-nub'), - nub_width = Math.ceil($nub.outerWidth() / 2), - nub_height = Math.ceil($nub.outerHeight() / 2), - toggle = init || false; - - // tip must not be "display: none" to calculate position - if (toggle) { - this.settings.$next_tip.css('visibility', 'hidden'); - this.settings.$next_tip.show(); - } - - if (!/body/i.test(this.settings.$target.selector)) { - var topAdjustment = this.settings.tip_settings.tipAdjustmentY ? parseInt(this.settings.tip_settings.tipAdjustmentY) : 0, - leftAdjustment = this.settings.tip_settings.tipAdjustmentX ? parseInt(this.settings.tip_settings.tipAdjustmentX) : 0; - - if (this.bottom()) { - if (this.rtl) { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight() + topAdjustment), - left : this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth() + leftAdjustment}); - } else { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight() + topAdjustment), - left : this.settings.$target.offset().left + leftAdjustment}); - } - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'top'); - - } else if (this.top()) { - if (this.rtl) { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height + topAdjustment), - left : this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth()}); - } else { - this.settings.$next_tip.css({ - top : (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height + topAdjustment), - left : this.settings.$target.offset().left + leftAdjustment}); - } - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'bottom'); - - } else if (this.right()) { - - this.settings.$next_tip.css({ - top : this.settings.$target.offset().top + topAdjustment, - left : (this.settings.$target.outerWidth() + this.settings.$target.offset().left + nub_width + leftAdjustment)}); - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'left'); - - } else if (this.left()) { - - this.settings.$next_tip.css({ - top : this.settings.$target.offset().top + topAdjustment, - left : (this.settings.$target.offset().left - this.settings.$next_tip.outerWidth() - nub_width + leftAdjustment)}); - - this.nub_position($nub, this.settings.tip_settings.nub_position, 'right'); - - } - - if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tip_settings.tip_location_pattern.length) { - - $nub.removeClass('bottom') - .removeClass('top') - .removeClass('right') - .removeClass('left'); - - this.settings.tip_settings.tip_location = this.settings.tip_settings.tip_location_pattern[this.settings.attempts]; - - this.settings.attempts++; - - this.pos_default(); - - } - - } else if (this.settings.$li.length) { - - this.pos_modal($nub); - - } - - if (toggle) { - this.settings.$next_tip.hide(); - this.settings.$next_tip.css('visibility', 'visible'); - } - - }, - - pos_phone : function (init) { - var tip_height = this.settings.$next_tip.outerHeight(), - tip_offset = this.settings.$next_tip.offset(), - target_height = this.settings.$target.outerHeight(), - $nub = $('.joyride-nub', this.settings.$next_tip), - nub_height = Math.ceil($nub.outerHeight() / 2), - toggle = init || false; - - $nub.removeClass('bottom') - .removeClass('top') - .removeClass('right') - .removeClass('left'); - - if (toggle) { - this.settings.$next_tip.css('visibility', 'hidden'); - this.settings.$next_tip.show(); - } - - if (!/body/i.test(this.settings.$target.selector)) { - - if (this.top()) { - - this.settings.$next_tip.offset({top : this.settings.$target.offset().top - tip_height - nub_height}); - $nub.addClass('bottom'); - - } else { - - this.settings.$next_tip.offset({top : this.settings.$target.offset().top + target_height + nub_height}); - $nub.addClass('top'); - - } - - } else if (this.settings.$li.length) { - this.pos_modal($nub); - } - - if (toggle) { - this.settings.$next_tip.hide(); - this.settings.$next_tip.css('visibility', 'visible'); - } - }, - - pos_modal : function ($nub) { - this.center(); - $nub.hide(); - - this.show_modal(); - }, - - show_modal : function () { - if (!this.settings.$next_tip.data('closed')) { - var joyridemodalbg = $('.joyride-modal-bg'); - if (joyridemodalbg.length < 1) { - var joyridemodalbg = $(this.settings.template.modal); - joyridemodalbg.appendTo('body'); - } - - if (/pop/i.test(this.settings.tip_animation)) { - joyridemodalbg.show(); - } else { - joyridemodalbg.fadeIn(this.settings.tip_animation_fade_speed); - } - } - }, - - expose : function () { - var expose, - exposeCover, - el, - origCSS, - origClasses, - randId = 'expose-' + this.random_str(6); - - if (arguments.length > 0 && arguments[0] instanceof $) { - el = arguments[0]; - } else if (this.settings.$target && !/body/i.test(this.settings.$target.selector)) { - el = this.settings.$target; - } else { - return false; - } - - if (el.length < 1) { - if (window.console) { - console.error('element not valid', el); - } - return false; - } - - expose = $(this.settings.template.expose); - this.settings.$body.append(expose); - expose.css({ - top : el.offset().top, - left : el.offset().left, - width : el.outerWidth(true), - height : el.outerHeight(true) - }); - - exposeCover = $(this.settings.template.expose_cover); - - origCSS = { - zIndex : el.css('z-index'), - position : el.css('position') - }; - - origClasses = el.attr('class') == null ? '' : el.attr('class'); - - el.css('z-index', parseInt(expose.css('z-index')) + 1); - - if (origCSS.position == 'static') { - el.css('position', 'relative'); - } - - el.data('expose-css', origCSS); - el.data('orig-class', origClasses); - el.attr('class', origClasses + ' ' + this.settings.expose_add_class); - - exposeCover.css({ - top : el.offset().top, - left : el.offset().left, - width : el.outerWidth(true), - height : el.outerHeight(true) - }); - - if (this.settings.modal) { - this.show_modal(); - } - - this.settings.$body.append(exposeCover); - expose.addClass(randId); - exposeCover.addClass(randId); - el.data('expose', randId); - this.settings.post_expose_callback(this.settings.$li.index(), this.settings.$next_tip, el); - this.add_exposed(el); - }, - - un_expose : function () { - var exposeId, - el, - expose, - origCSS, - origClasses, - clearAll = false; - - if (arguments.length > 0 && arguments[0] instanceof $) { - el = arguments[0]; - } else if (this.settings.$target && !/body/i.test(this.settings.$target.selector)) { - el = this.settings.$target; - } else { - return false; - } - - if (el.length < 1) { - if (window.console) { - console.error('element not valid', el); - } - return false; - } - - exposeId = el.data('expose'); - expose = $('.' + exposeId); - - if (arguments.length > 1) { - clearAll = arguments[1]; - } - - if (clearAll === true) { - $('.joyride-expose-wrapper,.joyride-expose-cover').remove(); - } else { - expose.remove(); - } - - origCSS = el.data('expose-css'); - - if (origCSS.zIndex == 'auto') { - el.css('z-index', ''); - } else { - el.css('z-index', origCSS.zIndex); - } - - if (origCSS.position != el.css('position')) { - if (origCSS.position == 'static') {// this is default, no need to set it. - el.css('position', ''); - } else { - el.css('position', origCSS.position); - } - } - - origClasses = el.data('orig-class'); - el.attr('class', origClasses); - el.removeData('orig-classes'); - - el.removeData('expose'); - el.removeData('expose-z-index'); - this.remove_exposed(el); - }, - - add_exposed : function (el) { - this.settings.exposed = this.settings.exposed || []; - if (el instanceof $ || typeof el === 'object') { - this.settings.exposed.push(el[0]); - } else if (typeof el == 'string') { - this.settings.exposed.push(el); - } - }, - - remove_exposed : function (el) { - var search, i; - if (el instanceof $) { - search = el[0] - } else if (typeof el == 'string') { - search = el; - } - - this.settings.exposed = this.settings.exposed || []; - i = this.settings.exposed.length; - - while (i--) { - if (this.settings.exposed[i] == search) { - this.settings.exposed.splice(i, 1); - return; - } - } - }, - - center : function () { - var $w = $(window); - - this.settings.$next_tip.css({ - top : ((($w.height() - this.settings.$next_tip.outerHeight()) / 2) + $w.scrollTop()), - left : ((($w.width() - this.settings.$next_tip.outerWidth()) / 2) + $w.scrollLeft()) - }); - - return true; - }, - - bottom : function () { - return /bottom/i.test(this.settings.tip_settings.tip_location); - }, - - top : function () { - return /top/i.test(this.settings.tip_settings.tip_location); - }, - - right : function () { - return /right/i.test(this.settings.tip_settings.tip_location); - }, - - left : function () { - return /left/i.test(this.settings.tip_settings.tip_location); - }, - - corners : function (el) { - if (el.length === 0) { - return [false, false, false, false]; - } - - var w = $(window), - window_half = w.height() / 2, - //using this to calculate since scroll may not have finished yet. - tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()), - right = w.width() + w.scrollLeft(), - offsetBottom = w.height() + tipOffset, - bottom = w.height() + w.scrollTop(), - top = w.scrollTop(); - - if (tipOffset < top) { - if (tipOffset < 0) { - top = 0; - } else { - top = tipOffset; - } - } - - if (offsetBottom > bottom) { - bottom = offsetBottom; - } - - return [ - el.offset().top < top, - right < el.offset().left + el.outerWidth(), - bottom < el.offset().top + el.outerHeight(), - w.scrollLeft() > el.offset().left - ]; - }, - - visible : function (hidden_corners) { - var i = hidden_corners.length; - - while (i--) { - if (hidden_corners[i]) { - return false; - } - } - - return true; - }, - - nub_position : function (nub, pos, def) { - if (pos === 'auto') { - nub.addClass(def); - } else { - nub.addClass(pos); - } - }, - - startTimer : function () { - if (this.settings.$li.length) { - this.settings.automate = setTimeout(function () { - this.hide(); - this.show(); - this.startTimer(); - }.bind(this), this.settings.timer); - } else { - clearTimeout(this.settings.automate); - } - }, - - end : function (abort) { - if (this.settings.cookie_monster) { - $.cookie(this.settings.cookie_name, 'ridden', {expires : this.settings.cookie_expires, domain : this.settings.cookie_domain}); - } - - if (this.settings.timer > 0) { - clearTimeout(this.settings.automate); - } - - if (this.settings.modal && this.settings.expose) { - this.un_expose(); - } - - // Unplug keystrokes listener - $(this.scope).off('keyup.joyride') - - this.settings.$next_tip.data('closed', true); - this.settings.riding = false; - - $('.joyride-modal-bg').hide(); - this.settings.$current_tip.hide(); - - if (typeof abort === 'undefined' || abort === false) { - this.settings.post_step_callback(this.settings.$li.index(), this.settings.$current_tip); - this.settings.post_ride_callback(this.settings.$li.index(), this.settings.$current_tip); - } - - $('.joyride-tip-guide').remove(); - }, - - off : function () { - $(this.scope).off('.joyride'); - $(window).off('.joyride'); - $('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride'); - $('.joyride-tip-guide, .joyride-modal-bg').remove(); - clearTimeout(this.settings.automate); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.js b/dist/assets/js/foundation/foundation.js deleted file mode 100644 index 9887e26e8..000000000 --- a/dist/assets/js/foundation/foundation.js +++ /dev/null @@ -1,732 +0,0 @@ -/* - * Foundation Responsive Library - * http://foundation.zurb.com - * Copyright 2015, ZURB - * Free to use under the MIT license. - * http://www.opensource.org/licenses/mit-license.php -*/ - -(function ($, window, document, undefined) { - 'use strict'; - - var header_helpers = function (class_array) { - var head = $('head'); - head.prepend($.map(class_array, function (class_name) { - if (head.has('.' + class_name).length === 0) { - return ''; - } - })); - }; - - header_helpers([ - 'foundation-mq-small', - 'foundation-mq-small-only', - 'foundation-mq-medium', - 'foundation-mq-medium-only', - 'foundation-mq-large', - 'foundation-mq-large-only', - 'foundation-mq-xlarge', - 'foundation-mq-xlarge-only', - 'foundation-mq-xxlarge', - 'foundation-data-attribute-namespace']); - - // Enable FastClick if present - - $(function () { - if (typeof FastClick !== 'undefined') { - // Don't attach to body if undefined - if (typeof document.body !== 'undefined') { - FastClick.attach(document.body); - } - } - }); - - // private Fast Selector wrapper, - // returns jQuery object. Only use where - // getElementById is not available. - var S = function (selector, context) { - if (typeof selector === 'string') { - if (context) { - var cont; - if (context.jquery) { - cont = context[0]; - if (!cont) { - return context; - } - } else { - cont = context; - } - return $(cont.querySelectorAll(selector)); - } - - return $(document.querySelectorAll(selector)); - } - - return $(selector, context); - }; - - // Namespace functions. - - var attr_name = function (init) { - var arr = []; - if (!init) { - arr.push('data'); - } - if (this.namespace.length > 0) { - arr.push(this.namespace); - } - arr.push(this.name); - - return arr.join('-'); - }; - - var add_namespace = function (str) { - var parts = str.split('-'), - i = parts.length, - arr = []; - - while (i--) { - if (i !== 0) { - arr.push(parts[i]); - } else { - if (this.namespace.length > 0) { - arr.push(this.namespace, parts[i]); - } else { - arr.push(parts[i]); - } - } - } - - return arr.reverse().join('-'); - }; - - // Event binding and data-options updating. - - var bindings = function (method, options) { - var self = this, - bind = function(){ - var $this = S(this), - should_bind_events = !S(self).data(self.attr_name(true) + '-init'); - $this.data(self.attr_name(true) + '-init', $.extend({}, self.settings, (options || method), self.data_options($this))); - - if (should_bind_events) { - self.events(this); - } - }; - - if (S(this.scope).is('[' + this.attr_name() +']')) { - bind.call(this.scope); - } else { - S('[' + this.attr_name() +']', this.scope).each(bind); - } - // # Patch to fix #5043 to move this *after* the if/else clause in order for Backbone and similar frameworks to have improved control over event binding and data-options updating. - if (typeof method === 'string') { - return this[method].call(this, options); - } - - }; - - var single_image_loaded = function (image, callback) { - function loaded () { - callback(image[0]); - } - - function bindLoad () { - this.one('load', loaded); - - if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { - var src = this.attr( 'src' ), - param = src.match( /\?/ ) ? '&' : '?'; - - param += 'random=' + (new Date()).getTime(); - this.attr('src', src + param); - } - } - - if (!image.attr('src')) { - loaded(); - return; - } - - if (image[0].complete || image[0].readyState === 4) { - loaded(); - } else { - bindLoad.call(image); - } - }; - - /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */ - - window.matchMedia || (window.matchMedia = function() { - "use strict"; - - // For browsers that support matchMedium api such as IE 9 and webkit - var styleMedia = (window.styleMedia || window.media); - - // For those that don't support matchMedium - if (!styleMedia) { - var style = document.createElement('style'), - script = document.getElementsByTagName('script')[0], - info = null; - - style.type = 'text/css'; - style.id = 'matchmediajs-test'; - - script.parentNode.insertBefore(style, script); - - // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers - info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle; - - styleMedia = { - matchMedium: function(media) { - var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }'; - - // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers - if (style.styleSheet) { - style.styleSheet.cssText = text; - } else { - style.textContent = text; - } - - // Test if media query is true or false - return info.width === '1px'; - } - }; - } - - return function(media) { - return { - matches: styleMedia.matchMedium(media || 'all'), - media: media || 'all' - }; - }; - }()); - - /* - * jquery.requestAnimationFrame - * https://github.com/gnarf37/jquery-requestAnimationFrame - * Requires jQuery 1.8+ - * - * Copyright (c) 2012 Corey Frang - * Licensed under the MIT license. - */ - - (function(jQuery) { - - - // requestAnimationFrame polyfill adapted from Erik Möller - // fixes from Paul Irish and Tino Zijdel - // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ - // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating - - var animating, - lastTime = 0, - vendors = ['webkit', 'moz'], - requestAnimationFrame = window.requestAnimationFrame, - cancelAnimationFrame = window.cancelAnimationFrame, - jqueryFxAvailable = 'undefined' !== typeof jQuery.fx; - - for (; lastTime < vendors.length && !requestAnimationFrame; lastTime++) { - requestAnimationFrame = window[ vendors[lastTime] + 'RequestAnimationFrame' ]; - cancelAnimationFrame = cancelAnimationFrame || - window[ vendors[lastTime] + 'CancelAnimationFrame' ] || - window[ vendors[lastTime] + 'CancelRequestAnimationFrame' ]; - } - - function raf() { - if (animating) { - requestAnimationFrame(raf); - - if (jqueryFxAvailable) { - jQuery.fx.tick(); - } - } - } - - if (requestAnimationFrame) { - // use rAF - window.requestAnimationFrame = requestAnimationFrame; - window.cancelAnimationFrame = cancelAnimationFrame; - - if (jqueryFxAvailable) { - jQuery.fx.timer = function (timer) { - if (timer() && jQuery.timers.push(timer) && !animating) { - animating = true; - raf(); - } - }; - - jQuery.fx.stop = function () { - animating = false; - }; - } - } else { - // polyfill - window.requestAnimationFrame = function (callback) { - var currTime = new Date().getTime(), - timeToCall = Math.max(0, 16 - (currTime - lastTime)), - id = window.setTimeout(function () { - callback(currTime + timeToCall); - }, timeToCall); - lastTime = currTime + timeToCall; - return id; - }; - - window.cancelAnimationFrame = function (id) { - clearTimeout(id); - }; - - } - - }( $ )); - - function removeQuotes (string) { - if (typeof string === 'string' || string instanceof String) { - string = string.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g, ''); - } - - return string; - } - - function MediaQuery(selector) { - this.selector = selector; - this.query = ''; - } - - MediaQuery.prototype.toString = function () { - return this.query || (this.query = S(this.selector).css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '')); - }; - - window.Foundation = { - name : 'Foundation', - - version : '5.5.3', - - media_queries : { - 'small' : new MediaQuery('.foundation-mq-small'), - 'small-only' : new MediaQuery('.foundation-mq-small-only'), - 'medium' : new MediaQuery('.foundation-mq-medium'), - 'medium-only' : new MediaQuery('.foundation-mq-medium-only'), - 'large' : new MediaQuery('.foundation-mq-large'), - 'large-only' : new MediaQuery('.foundation-mq-large-only'), - 'xlarge' : new MediaQuery('.foundation-mq-xlarge'), - 'xlarge-only' : new MediaQuery('.foundation-mq-xlarge-only'), - 'xxlarge' : new MediaQuery('.foundation-mq-xxlarge') - }, - - stylesheet : $('').appendTo('head')[0].sheet, - - global : { - namespace : undefined - }, - - init : function (scope, libraries, method, options, response) { - var args = [scope, method, options, response], - responses = []; - - // check RTL - this.rtl = /rtl/i.test(S('html').attr('dir')); - - // set foundation global scope - this.scope = scope || this.scope; - - this.set_namespace(); - - if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) { - if (this.libs.hasOwnProperty(libraries)) { - responses.push(this.init_lib(libraries, args)); - } - } else { - for (var lib in this.libs) { - responses.push(this.init_lib(lib, libraries)); - } - } - - S(window).load(function () { - S(window) - .trigger('resize.fndtn.clearing') - .trigger('resize.fndtn.dropdown') - .trigger('resize.fndtn.equalizer') - .trigger('resize.fndtn.interchange') - .trigger('resize.fndtn.joyride') - .trigger('resize.fndtn.magellan') - .trigger('resize.fndtn.topbar') - .trigger('resize.fndtn.slider'); - }); - - return scope; - }, - - init_lib : function (lib, args) { - if (this.libs.hasOwnProperty(lib)) { - this.patch(this.libs[lib]); - - if (args && args.hasOwnProperty(lib)) { - if (typeof this.libs[lib].settings !== 'undefined') { - $.extend(true, this.libs[lib].settings, args[lib]); - } else if (typeof this.libs[lib].defaults !== 'undefined') { - $.extend(true, this.libs[lib].defaults, args[lib]); - } - return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]); - } - - args = args instanceof Array ? args : new Array(args); - return this.libs[lib].init.apply(this.libs[lib], args); - } - - return function () {}; - }, - - patch : function (lib) { - lib.scope = this.scope; - lib.namespace = this.global.namespace; - lib.rtl = this.rtl; - lib['data_options'] = this.utils.data_options; - lib['attr_name'] = attr_name; - lib['add_namespace'] = add_namespace; - lib['bindings'] = bindings; - lib['S'] = this.utils.S; - }, - - inherit : function (scope, methods) { - var methods_arr = methods.split(' '), - i = methods_arr.length; - - while (i--) { - if (this.utils.hasOwnProperty(methods_arr[i])) { - scope[methods_arr[i]] = this.utils[methods_arr[i]]; - } - } - }, - - set_namespace : function () { - - // Description: - // Don't bother reading the namespace out of the meta tag - // if the namespace has been set globally in javascript - // - // Example: - // Foundation.global.namespace = 'my-namespace'; - // or make it an empty string: - // Foundation.global.namespace = ''; - // - // - - // If the namespace has not been set (is undefined), try to read it out of the meta element. - // Otherwise use the globally defined namespace, even if it's empty ('') - var namespace = ( this.global.namespace === undefined ) ? $('.foundation-data-attribute-namespace').css('font-family') : this.global.namespace; - - // Finally, if the namsepace is either undefined or false, set it to an empty string. - // Otherwise use the namespace value. - this.global.namespace = ( namespace === undefined || /false/i.test(namespace) ) ? '' : namespace; - }, - - libs : {}, - - // methods that can be inherited in libraries - utils : { - - // Description: - // Fast Selector wrapper returns jQuery object. Only use where getElementById - // is not available. - // - // Arguments: - // Selector (String): CSS selector describing the element(s) to be - // returned as a jQuery object. - // - // Scope (String): CSS selector describing the area to be searched. Default - // is document. - // - // Returns: - // Element (jQuery Object): jQuery object containing elements matching the - // selector within the scope. - S : S, - - // Description: - // Executes a function a max of once every n milliseconds - // - // Arguments: - // Func (Function): Function to be throttled. - // - // Delay (Integer): Function execution threshold in milliseconds. - // - // Returns: - // Lazy_function (Function): Function with throttling applied. - throttle : function (func, delay) { - var timer = null; - - return function () { - var context = this, args = arguments; - - if (timer == null) { - timer = setTimeout(function () { - func.apply(context, args); - timer = null; - }, delay); - } - }; - }, - - // Description: - // Executes a function when it stops being invoked for n seconds - // Modified version of _.debounce() http://underscorejs.org - // - // Arguments: - // Func (Function): Function to be debounced. - // - // Delay (Integer): Function execution threshold in milliseconds. - // - // Immediate (Bool): Whether the function should be called at the beginning - // of the delay instead of the end. Default is false. - // - // Returns: - // Lazy_function (Function): Function with debouncing applied. - debounce : function (func, delay, immediate) { - var timeout, result; - return function () { - var context = this, args = arguments; - var later = function () { - timeout = null; - if (!immediate) { - result = func.apply(context, args); - } - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, delay); - if (callNow) { - result = func.apply(context, args); - } - return result; - }; - }, - - // Description: - // Parses data-options attribute - // - // Arguments: - // El (jQuery Object): Element to be parsed. - // - // Returns: - // Options (Javascript Object): Contents of the element's data-options - // attribute. - data_options : function (el, data_attr_name) { - data_attr_name = data_attr_name || 'options'; - var opts = {}, ii, p, opts_arr, - data_options = function (el) { - var namespace = Foundation.global.namespace; - - if (namespace.length > 0) { - return el.data(namespace + '-' + data_attr_name); - } - - return el.data(data_attr_name); - }; - - var cached_options = data_options(el); - - if (typeof cached_options === 'object') { - return cached_options; - } - - opts_arr = (cached_options || ':').split(';'); - ii = opts_arr.length; - - function isNumber (o) { - return !isNaN (o - 0) && o !== null && o !== '' && o !== false && o !== true; - } - - function trim (str) { - if (typeof str === 'string') { - return $.trim(str); - } - return str; - } - - while (ii--) { - p = opts_arr[ii].split(':'); - p = [p[0], p.slice(1).join(':')]; - - if (/true/i.test(p[1])) { - p[1] = true; - } - if (/false/i.test(p[1])) { - p[1] = false; - } - if (isNumber(p[1])) { - if (p[1].indexOf('.') === -1) { - p[1] = parseInt(p[1], 10); - } else { - p[1] = parseFloat(p[1]); - } - } - - if (p.length === 2 && p[0].length > 0) { - opts[trim(p[0])] = trim(p[1]); - } - } - - return opts; - }, - - // Description: - // Adds JS-recognizable media queries - // - // Arguments: - // Media (String): Key string for the media query to be stored as in - // Foundation.media_queries - // - // Class (String): Class name for the generated tag - register_media : function (media, media_class) { - if (Foundation.media_queries[media] === undefined) { - $('head').append(''); - Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family')); - } - }, - - // Description: - // Add custom CSS within a JS-defined media query - // - // Arguments: - // Rule (String): CSS rule to be appended to the document. - // - // Media (String): Optional media query string for the CSS rule to be - // nested under. - add_custom_rule : function (rule, media) { - if (media === undefined && Foundation.stylesheet) { - Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length); - } else { - var query = Foundation.media_queries[media]; - - if (query !== undefined) { - Foundation.stylesheet.insertRule('@media ' + - Foundation.media_queries[media] + '{ ' + rule + ' }', Foundation.stylesheet.cssRules.length); - } - } - }, - - // Description: - // Performs a callback function when an image is fully loaded - // - // Arguments: - // Image (jQuery Object): Image(s) to check if loaded. - // - // Callback (Function): Function to execute when image is fully loaded. - image_loaded : function (images, callback) { - var self = this, - unloaded = images.length; - - function pictures_has_height(images) { - var pictures_number = images.length; - - for (var i = pictures_number - 1; i >= 0; i--) { - if(images.attr('height') === undefined) { - return false; - }; - }; - - return true; - } - - if (unloaded === 0 || pictures_has_height(images)) { - callback(images); - } - - images.each(function () { - single_image_loaded(self.S(this), function () { - unloaded -= 1; - if (unloaded === 0) { - callback(images); - } - }); - }); - }, - - // Description: - // Returns a random, alphanumeric string - // - // Arguments: - // Length (Integer): Length of string to be generated. Defaults to random - // integer. - // - // Returns: - // Rand (String): Pseudo-random, alphanumeric string. - random_str : function () { - if (!this.fidx) { - this.fidx = 0; - } - this.prefix = this.prefix || [(this.name || 'F'), (+new Date).toString(36)].join('-'); - - return this.prefix + (this.fidx++).toString(36); - }, - - // Description: - // Helper for window.matchMedia - // - // Arguments: - // mq (String): Media query - // - // Returns: - // (Boolean): Whether the media query passes or not - match : function (mq) { - return window.matchMedia(mq).matches; - }, - - // Description: - // Helpers for checking Foundation default media queries with JS - // - // Returns: - // (Boolean): Whether the media query passes or not - - is_small_up : function () { - return this.match(Foundation.media_queries.small); - }, - - is_medium_up : function () { - return this.match(Foundation.media_queries.medium); - }, - - is_large_up : function () { - return this.match(Foundation.media_queries.large); - }, - - is_xlarge_up : function () { - return this.match(Foundation.media_queries.xlarge); - }, - - is_xxlarge_up : function () { - return this.match(Foundation.media_queries.xxlarge); - }, - - is_small_only : function () { - return !this.is_medium_up() && !this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_medium_only : function () { - return this.is_medium_up() && !this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_large_only : function () { - return this.is_medium_up() && this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_xlarge_only : function () { - return this.is_medium_up() && this.is_large_up() && this.is_xlarge_up() && !this.is_xxlarge_up(); - }, - - is_xxlarge_only : function () { - return this.is_medium_up() && this.is_large_up() && this.is_xlarge_up() && this.is_xxlarge_up(); - } - } - }; - - $.fn.foundation = function () { - var args = Array.prototype.slice.call(arguments, 0); - - return this.each(function () { - Foundation.init.apply(Foundation, [this].concat(args)); - return this; - }); - }; - -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.magellan.js b/dist/assets/js/foundation/foundation.magellan.js deleted file mode 100644 index aac36a7e8..000000000 --- a/dist/assets/js/foundation/foundation.magellan.js +++ /dev/null @@ -1,214 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs['magellan-expedition'] = { - name : 'magellan-expedition', - - version : '5.5.3', - - settings : { - active_class : 'active', - threshold : 0, // pixels from the top of the expedition for it to become fixes - destination_threshold : 20, // pixels from the top of destination for it to be considered active - throttle_delay : 30, // calculation throttling to increase framerate - fixed_top : 0, // top distance in pixels assigend to the fixed element on scroll - offset_by_height : true, // whether to offset the destination by the expedition height. Usually you want this to be true, unless your expedition is on the side. - duration : 700, // animation duration time - easing : 'swing' // animation easing - }, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle'); - this.bindings(method, options); - }, - - events : function () { - var self = this, - S = self.S, - settings = self.settings; - - // initialize expedition offset - self.set_expedition_position(); - - S(self.scope) - .off('.magellan') - .on('click.fndtn.magellan', '[' + self.add_namespace('data-magellan-arrival') + '] a[href*=#]', function (e) { - var sameHost = ((this.hostname === location.hostname) || !this.hostname), - samePath = self.filterPathname(location.pathname) === self.filterPathname(this.pathname), - testHash = this.hash.replace(/(:|\.|\/)/g, '\\$1'), - anchor = this; - - if (sameHost && samePath && testHash) { - e.preventDefault(); - var expedition = $(this).closest('[' + self.attr_name() + ']'), - settings = expedition.data('magellan-expedition-init'), - hash = this.hash.split('#').join(''), - target = $('a[name="' + hash + '"]'); - - if (target.length === 0) { - target = $('#' + hash); - - } - - // Account for expedition height if fixed position - var scroll_top = target.offset().top - settings.destination_threshold + 1; - if (settings.offset_by_height) { - scroll_top = scroll_top - expedition.outerHeight(); - } - $('html, body').stop().animate({ - 'scrollTop' : scroll_top - }, settings.duration, settings.easing, function () { - if (history.pushState) { - history.pushState(null, null, anchor.pathname + anchor.search + '#' + hash); - } else { - location.hash = anchor.pathname + anchor.search + '#' + hash; - } - }); - } - }) - .on('scroll.fndtn.magellan', self.throttle(this.check_for_arrivals.bind(this), settings.throttle_delay)); - }, - - check_for_arrivals : function () { - var self = this; - self.update_arrivals(); - self.update_expedition_positions(); - }, - - set_expedition_position : function () { - var self = this; - $('[' + this.attr_name() + '=fixed]', self.scope).each(function (idx, el) { - var expedition = $(this), - settings = expedition.data('magellan-expedition-init'), - styles = expedition.attr('styles'), // save styles - top_offset, fixed_top; - - expedition.attr('style', ''); - top_offset = expedition.offset().top + settings.threshold; - - //set fixed-top by attribute - fixed_top = parseInt(expedition.data('magellan-fixed-top')); - if (!isNaN(fixed_top)) { - self.settings.fixed_top = fixed_top; - } - - expedition.data(self.data_attr('magellan-top-offset'), top_offset); - expedition.attr('style', styles); - }); - }, - - update_expedition_positions : function () { - var self = this, - window_top_offset = $(window).scrollTop(); - - $('[' + this.attr_name() + '=fixed]', self.scope).each(function () { - var expedition = $(this), - settings = expedition.data('magellan-expedition-init'), - styles = expedition.attr('style'), // save styles - top_offset = expedition.data('magellan-top-offset'); - - //scroll to the top distance - if (window_top_offset + self.settings.fixed_top >= top_offset) { - // Placeholder allows height calculations to be consistent even when - // appearing to switch between fixed/non-fixed placement - var placeholder = expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']'); - if (placeholder.length === 0) { - placeholder = expedition.clone(); - placeholder.removeAttr(self.attr_name()); - placeholder.attr(self.add_namespace('data-magellan-expedition-clone'), ''); - expedition.before(placeholder); - } - expedition.css({position :'fixed', top : settings.fixed_top}).addClass('fixed'); - } else { - expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']').remove(); - expedition.attr('style', styles).css('position', '').css('top', '').removeClass('fixed'); - } - }); - }, - - update_arrivals : function () { - var self = this, - window_top_offset = $(window).scrollTop(); - - $('[' + this.attr_name() + ']', self.scope).each(function () { - var expedition = $(this), - settings = expedition.data(self.attr_name(true) + '-init'), - offsets = self.offsets(expedition, window_top_offset), - arrivals = expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']'), - active_item = false; - offsets.each(function (idx, item) { - if (item.viewport_offset >= item.top_offset) { - var arrivals = expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']'); - arrivals.not(item.arrival).removeClass(settings.active_class); - item.arrival.addClass(settings.active_class); - active_item = true; - return true; - } - }); - - if (!active_item) { - arrivals.removeClass(settings.active_class); - } - }); - }, - - offsets : function (expedition, window_offset) { - var self = this, - settings = expedition.data(self.attr_name(true) + '-init'), - viewport_offset = window_offset; - - return expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']').map(function (idx, el) { - var name = $(this).data(self.data_attr('magellan-arrival')), - dest = $('[' + self.add_namespace('data-magellan-destination') + '=' + name + ']'); - if (dest.length > 0) { - var top_offset = dest.offset().top - settings.destination_threshold; - if (settings.offset_by_height) { - top_offset = top_offset - expedition.outerHeight(); - } - top_offset = Math.floor(top_offset); - return { - destination : dest, - arrival : $(this), - top_offset : top_offset, - viewport_offset : viewport_offset - } - } - }).sort(function (a, b) { - if (a.top_offset < b.top_offset) { - return -1; - } - if (a.top_offset > b.top_offset) { - return 1; - } - return 0; - }); - }, - - data_attr : function (str) { - if (this.namespace.length > 0) { - return this.namespace + '-' + str; - } - - return str; - }, - - off : function () { - this.S(this.scope).off('.magellan'); - this.S(window).off('.magellan'); - }, - - filterPathname : function (pathname) { - pathname = pathname || ''; - return pathname - .replace(/^\//,'') - .replace(/(?:index|default).[a-zA-Z]{3,4}$/,'') - .replace(/\/$/,''); - }, - - reflow : function () { - var self = this; - // remove placeholder expeditions used for height calculation purposes - $('[' + self.add_namespace('data-magellan-expedition-clone') + ']', self.scope).remove(); - } - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.offcanvas.js b/dist/assets/js/foundation/foundation.offcanvas.js deleted file mode 100644 index 685e9a03a..000000000 --- a/dist/assets/js/foundation/foundation.offcanvas.js +++ /dev/null @@ -1,225 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.offcanvas = { - name : 'offcanvas', - - version : '5.5.3', - - settings : { - open_method : 'move', - close_on_click : false - }, - - init : function (scope, method, options) { - this.bindings(method, options); - }, - - events : function () { - var self = this, - S = self.S, - move_class = '', - right_postfix = '', - left_postfix = '', - top_postfix = '', - bottom_postfix = ''; - - if (this.settings.open_method === 'move') { - move_class = 'move-'; - right_postfix = 'right'; - left_postfix = 'left'; - top_postfix = 'top'; - bottom_postfix = 'bottom'; - } else if (this.settings.open_method === 'overlap_single') { - move_class = 'offcanvas-overlap-'; - right_postfix = 'right'; - left_postfix = 'left'; - top_postfix = 'top'; - bottom_postfix = 'bottom'; - } else if (this.settings.open_method === 'overlap') { - move_class = 'offcanvas-overlap'; - } - - S(this.scope).off('.offcanvas') - .on('click.fndtn.offcanvas', '.left-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + right_postfix); - if (self.settings.open_method !== 'overlap') { - S('.left-submenu').removeClass(move_class + right_postfix); - } - $('.left-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.left-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + right_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + right_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.left-submenu').toggleClass(move_class + right_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + right_postfix); - } - $('.left-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of left canvas - .on('click.fndtn.offcanvas', '.right-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + left_postfix); - if (self.settings.open_method !== 'overlap') { - S('.right-submenu').removeClass(move_class + left_postfix); - } - $('.right-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.right-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + left_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + left_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.right-submenu').toggleClass(move_class + left_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + left_postfix); - } - $('.right-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of right canvas - .on('click.fndtn.offcanvas', '.top-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + bottom_postfix); - if (self.settings.open_method !== 'overlap') { - S('.top-submenu').removeClass(move_class + bottom_postfix); - } - $('.top-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.top-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + bottom_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + bottom_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.top-submenu').toggleClass(move_class + bottom_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + bottom_postfix); - } - $('.top-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of top canvas - .on('click.fndtn.offcanvas', '.bottom-off-canvas-toggle', function (e) { - self.click_toggle_class(e, move_class + top_postfix); - if (self.settings.open_method !== 'overlap') { - S('.bottom-submenu').removeClass(move_class + top_postfix); - } - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.bottom-off-canvas-menu a', function (e) { - var settings = self.get_settings(e); - var parent = S(this).parent(); - - if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) { - self.hide.call(self, move_class + top_postfix, self.get_wrapper(e)); - parent.parent().removeClass(move_class + top_postfix); - } else if (S(this).parent().hasClass('has-submenu')) { - e.preventDefault(); - S(this).siblings('.bottom-submenu').toggleClass(move_class + top_postfix); - } else if (parent.hasClass('back')) { - e.preventDefault(); - parent.parent().removeClass(move_class + top_postfix); - } - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - //end of bottom - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + left_postfix); - S('.right-submenu').removeClass(move_class + left_postfix); - if (right_postfix) { - self.click_remove_class(e, move_class + right_postfix); - S('.left-submenu').removeClass(move_class + left_postfix); - } - $('.right-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + left_postfix); - $('.left-off-canvas-toggle').attr('aria-expanded', 'false'); - if (right_postfix) { - self.click_remove_class(e, move_class + right_postfix); - $('.right-off-canvas-toggle').attr('aria-expanded', 'false'); - } - }) - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + top_postfix); - S('.bottom-submenu').removeClass(move_class + top_postfix); - if (bottom_postfix) { - self.click_remove_class(e, move_class + bottom_postfix); - S('.top-submenu').removeClass(move_class + top_postfix); - } - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true'); - }) - .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { - self.click_remove_class(e, move_class + top_postfix); - $('.top-off-canvas-toggle').attr('aria-expanded', 'false'); - if (bottom_postfix) { - self.click_remove_class(e, move_class + bottom_postfix); - $('.bottom-off-canvas-toggle').attr('aria-expanded', 'false'); - } - }); - }, - - toggle : function (class_name, $off_canvas) { - $off_canvas = $off_canvas || this.get_wrapper(); - if ($off_canvas.is('.' + class_name)) { - this.hide(class_name, $off_canvas); - } else { - this.show(class_name, $off_canvas); - } - }, - - show : function (class_name, $off_canvas) { - $off_canvas = $off_canvas || this.get_wrapper(); - $off_canvas.trigger('open.fndtn.offcanvas'); - $off_canvas.addClass(class_name); - }, - - hide : function (class_name, $off_canvas) { - $off_canvas = $off_canvas || this.get_wrapper(); - $off_canvas.trigger('close.fndtn.offcanvas'); - $off_canvas.removeClass(class_name); - }, - - click_toggle_class : function (e, class_name) { - e.preventDefault(); - var $off_canvas = this.get_wrapper(e); - this.toggle(class_name, $off_canvas); - }, - - click_remove_class : function (e, class_name) { - e.preventDefault(); - var $off_canvas = this.get_wrapper(e); - this.hide(class_name, $off_canvas); - }, - - get_settings : function (e) { - var offcanvas = this.S(e.target).closest('[' + this.attr_name() + ']'); - return offcanvas.data(this.attr_name(true) + '-init') || this.settings; - }, - - get_wrapper : function (e) { - var $off_canvas = this.S(e ? e.target : this.scope).closest('.off-canvas-wrap'); - - if ($off_canvas.length === 0) { - $off_canvas = this.S('.off-canvas-wrap'); - } - return $off_canvas; - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.orbit.js b/dist/assets/js/foundation/foundation.orbit.js deleted file mode 100644 index d88bb46d5..000000000 --- a/dist/assets/js/foundation/foundation.orbit.js +++ /dev/null @@ -1,476 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - var noop = function () {}; - - var Orbit = function (el, settings) { - // Don't reinitialize plugin - if (el.hasClass(settings.slides_container_class)) { - return this; - } - - var self = this, - container, - slides_container = el, - number_container, - bullets_container, - timer_container, - idx = 0, - animate, - timer, - locked = false, - adjust_height_after = false; - - self.slides = function () { - return slides_container.children(settings.slide_selector); - }; - - self.slides().first().addClass(settings.active_slide_class); - - self.update_slide_number = function (index) { - if (settings.slide_number) { - number_container.find('span:first').text(parseInt(index) + 1); - number_container.find('span:last').text(self.slides().length); - } - if (settings.bullets) { - bullets_container.children().removeClass(settings.bullets_active_class); - $(bullets_container.children().get(index)).addClass(settings.bullets_active_class); - } - }; - - self.update_active_link = function (index) { - var link = $('[data-orbit-link="' + self.slides().eq(index).attr('data-orbit-slide') + '"]'); - link.siblings().removeClass(settings.bullets_active_class); - link.addClass(settings.bullets_active_class); - }; - - self.build_markup = function () { - slides_container.wrap('
    '); - container = slides_container.parent(); - slides_container.addClass(settings.slides_container_class); - - if (settings.stack_on_small) { - container.addClass(settings.stack_on_small_class); - } - - if (settings.navigation_arrows) { - container.append($('').addClass(settings.prev_class)); - container.append($('').addClass(settings.next_class)); - } - - if (settings.timer) { - timer_container = $('
    ').addClass(settings.timer_container_class); - timer_container.append(''); - timer_container.append($('
    ').addClass(settings.timer_progress_class)); - timer_container.addClass(settings.timer_paused_class); - container.append(timer_container); - } - - if (settings.slide_number) { - number_container = $('
    ').addClass(settings.slide_number_class); - number_container.append(' ' + settings.slide_number_text + ' '); - container.append(number_container); - } - - if (settings.bullets) { - bullets_container = $('
      ').addClass(settings.bullets_container_class); - container.append(bullets_container); - bullets_container.wrap('
      '); - self.slides().each(function (idx, el) { - var bullet = $('
    1. ').attr('data-orbit-slide', idx).on('click', self.link_bullet);; - bullets_container.append(bullet); - }); - } - - }; - - self._goto = function (next_idx, start_timer) { - // if (locked) {return false;} - if (next_idx === idx) {return false;} - if (typeof timer === 'object') {timer.restart();} - var slides = self.slides(); - - var dir = 'next'; - locked = true; - if (next_idx < idx) {dir = 'prev';} - if (next_idx >= slides.length) { - if (!settings.circular) { - return false; - } - next_idx = 0; - } else if (next_idx < 0) { - if (!settings.circular) { - return false; - } - next_idx = slides.length - 1; - } - - var current = $(slides.get(idx)); - var next = $(slides.get(next_idx)); - - current.css('zIndex', 2); - current.removeClass(settings.active_slide_class); - next.css('zIndex', 4).addClass(settings.active_slide_class); - - slides_container.trigger('before-slide-change.fndtn.orbit'); - settings.before_slide_change(); - self.update_active_link(next_idx); - - var callback = function () { - var unlock = function () { - idx = next_idx; - locked = false; - if (start_timer === true) {timer = self.create_timer(); timer.start();} - self.update_slide_number(idx); - slides_container.trigger('after-slide-change.fndtn.orbit', [{slide_number : idx, total_slides : slides.length}]); - settings.after_slide_change(idx, slides.length); - }; - if (slides_container.outerHeight() != next.outerHeight() && settings.variable_height) { - slides_container.animate({'height': next.outerHeight()}, 250, 'linear', unlock); - } else { - unlock(); - } - }; - - if (slides.length === 1) {callback(); return false;} - - var start_animation = function () { - if (dir === 'next') {animate.next(current, next, callback);} - if (dir === 'prev') {animate.prev(current, next, callback);} - }; - - if (next.outerHeight() > slides_container.outerHeight() && settings.variable_height) { - slides_container.animate({'height': next.outerHeight()}, 250, 'linear', start_animation); - } else { - start_animation(); - } - }; - - self.next = function (e) { - e.stopImmediatePropagation(); - e.preventDefault(); - self._goto(idx + 1); - }; - - self.prev = function (e) { - e.stopImmediatePropagation(); - e.preventDefault(); - self._goto(idx - 1); - }; - - self.link_custom = function (e) { - e.preventDefault(); - var link = $(this).attr('data-orbit-link'); - if ((typeof link === 'string') && (link = $.trim(link)) != '') { - var slide = container.find('[data-orbit-slide=' + link + ']'); - if (slide.index() != -1) {self._goto(slide.index());} - } - }; - - self.link_bullet = function (e) { - var index = $(this).attr('data-orbit-slide'); - if ((typeof index === 'string') && (index = $.trim(index)) != '') { - if (isNaN(parseInt(index))) { - var slide = container.find('[data-orbit-slide=' + index + ']'); - if (slide.index() != -1) {self._goto(slide.index() + 1);} - } else { - self._goto(parseInt(index)); - } - } - - } - - self.timer_callback = function () { - self._goto(idx + 1, true); - } - - self.compute_dimensions = function () { - var current = $(self.slides().get(idx)); - var h = current.outerHeight(); - if (!settings.variable_height) { - self.slides().each(function(){ - if ($(this).outerHeight() > h) { h = $(this).outerHeight(); } - }); - } - slides_container.height(h); - }; - - self.create_timer = function () { - var t = new Timer( - container.find('.' + settings.timer_container_class), - settings, - self.timer_callback - ); - return t; - }; - - self.stop_timer = function () { - if (typeof timer === 'object') { - timer.stop(); - } - }; - - self.toggle_timer = function () { - var t = container.find('.' + settings.timer_container_class); - if (t.hasClass(settings.timer_paused_class)) { - if (typeof timer === 'undefined') {timer = self.create_timer();} - timer.start(); - } else { - if (typeof timer === 'object') {timer.stop();} - } - }; - - self.init = function () { - self.build_markup(); - if (settings.timer) { - timer = self.create_timer(); - Foundation.utils.image_loaded(this.slides().children('img'), timer.start); - } - animate = new FadeAnimation(settings, slides_container); - if (settings.animation === 'slide') { - animate = new SlideAnimation(settings, slides_container); - } - - container.on('click', '.' + settings.next_class, self.next); - container.on('click', '.' + settings.prev_class, self.prev); - - if (settings.next_on_click) { - container.on('click', '.' + settings.slides_container_class + ' [data-orbit-slide]', self.link_bullet); - } - - container.on('click', self.toggle_timer); - if (settings.swipe) { - container.on('touchstart.fndtn.orbit', function (e) { - if (!e.touches) {e = e.originalEvent;} - var data = { - start_page_x : e.touches[0].pageX, - start_page_y : e.touches[0].pageY, - start_time : (new Date()).getTime(), - delta_x : 0, - is_scrolling : undefined - }; - container.data('swipe-transition', data); - e.stopPropagation(); - }) - .on('touchmove.fndtn.orbit', function (e) { - if (!e.touches) { - e = e.originalEvent; - } - // Ignore pinch/zoom events - if (e.touches.length > 1 || e.scale && e.scale !== 1) { - return; - } - - var data = container.data('swipe-transition'); - if (typeof data === 'undefined') {data = {};} - - data.delta_x = e.touches[0].pageX - data.start_page_x; - - if ( typeof data.is_scrolling === 'undefined') { - data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); - } - - if (!data.is_scrolling && !data.active) { - e.preventDefault(); - var direction = (data.delta_x < 0) ? (idx + 1) : (idx - 1); - data.active = true; - self._goto(direction); - } - }) - .on('touchend.fndtn.orbit', function (e) { - container.data('swipe-transition', {}); - e.stopPropagation(); - }) - } - container.on('mouseenter.fndtn.orbit', function (e) { - if (settings.timer && settings.pause_on_hover) { - self.stop_timer(); - } - }) - .on('mouseleave.fndtn.orbit', function (e) { - if (settings.timer && settings.resume_on_mouseout) { - timer.start(); - } - }); - - $(document).on('click', '[data-orbit-link]', self.link_custom); - $(window).on('load resize', self.compute_dimensions); - Foundation.utils.image_loaded(this.slides().children('img'), self.compute_dimensions); - Foundation.utils.image_loaded(this.slides().children('img'), function () { - container.prev('.' + settings.preloader_class).css('display', 'none'); - self.update_slide_number(0); - self.update_active_link(0); - slides_container.trigger('ready.fndtn.orbit'); - }); - }; - - self.init(); - }; - - var Timer = function (el, settings, callback) { - var self = this, - duration = settings.timer_speed, - progress = el.find('.' + settings.timer_progress_class), - start, - timeout, - left = -1; - - this.update_progress = function (w) { - var new_progress = progress.clone(); - new_progress.attr('style', ''); - new_progress.css('width', w + '%'); - progress.replaceWith(new_progress); - progress = new_progress; - }; - - this.restart = function () { - clearTimeout(timeout); - el.addClass(settings.timer_paused_class); - left = -1; - self.update_progress(0); - }; - - this.start = function () { - if (!el.hasClass(settings.timer_paused_class)) {return true;} - left = (left === -1) ? duration : left; - el.removeClass(settings.timer_paused_class); - start = new Date().getTime(); - progress.animate({'width' : '100%'}, left, 'linear'); - timeout = setTimeout(function () { - self.restart(); - callback(); - }, left); - el.trigger('timer-started.fndtn.orbit') - }; - - this.stop = function () { - if (el.hasClass(settings.timer_paused_class)) {return true;} - clearTimeout(timeout); - el.addClass(settings.timer_paused_class); - var end = new Date().getTime(); - left = left - (end - start); - var w = 100 - ((left / duration) * 100); - self.update_progress(w); - el.trigger('timer-stopped.fndtn.orbit'); - }; - }; - - var SlideAnimation = function (settings, container) { - var duration = settings.animation_speed; - var is_rtl = ($('html[dir=rtl]').length === 1); - var margin = is_rtl ? 'marginRight' : 'marginLeft'; - var animMargin = {}; - animMargin[margin] = '0%'; - - this.next = function (current, next, callback) { - current.animate({marginLeft : '-100%'}, duration); - next.animate(animMargin, duration, function () { - current.css(margin, '100%'); - callback(); - }); - }; - - this.prev = function (current, prev, callback) { - current.animate({marginLeft : '100%'}, duration); - prev.css(margin, '-100%'); - prev.animate(animMargin, duration, function () { - current.css(margin, '100%'); - callback(); - }); - }; - }; - - var FadeAnimation = function (settings, container) { - var duration = settings.animation_speed; - var is_rtl = ($('html[dir=rtl]').length === 1); - var margin = is_rtl ? 'marginRight' : 'marginLeft'; - - this.next = function (current, next, callback) { - next.css({'margin' : '0%', 'opacity' : '0.01'}); - next.animate({'opacity' :'1'}, duration, 'linear', function () { - current.css('margin', '100%'); - callback(); - }); - }; - - this.prev = function (current, prev, callback) { - prev.css({'margin' : '0%', 'opacity' : '0.01'}); - prev.animate({'opacity' : '1'}, duration, 'linear', function () { - current.css('margin', '100%'); - callback(); - }); - }; - }; - - Foundation.libs = Foundation.libs || {}; - - Foundation.libs.orbit = { - name : 'orbit', - - version : '5.5.3', - - settings : { - animation : 'slide', - timer_speed : 10000, - pause_on_hover : true, - resume_on_mouseout : false, - next_on_click : true, - animation_speed : 500, - stack_on_small : false, - navigation_arrows : true, - slide_number : true, - slide_number_text : 'of', - container_class : 'orbit-container', - stack_on_small_class : 'orbit-stack-on-small', - next_class : 'orbit-next', - prev_class : 'orbit-prev', - timer_container_class : 'orbit-timer', - timer_paused_class : 'paused', - timer_progress_class : 'orbit-progress', - slides_container_class : 'orbit-slides-container', - preloader_class : 'preloader', - slide_selector : '*', - bullets_container_class : 'orbit-bullets', - bullets_active_class : 'active', - slide_number_class : 'orbit-slide-number', - caption_class : 'orbit-caption', - active_slide_class : 'active', - orbit_transition_class : 'orbit-transitioning', - bullets : true, - circular : true, - timer : true, - variable_height : false, - swipe : true, - before_slide_change : noop, - after_slide_change : noop - }, - - init : function (scope, method, options) { - var self = this; - this.bindings(method, options); - }, - - events : function (instance) { - var orbit_instance = new Orbit(this.S(instance), this.S(instance).data('orbit-init')); - this.S(instance).data(this.name + '-instance', orbit_instance); - }, - - reflow : function () { - var self = this; - - if (self.S(self.scope).is('[data-orbit]')) { - var $el = self.S(self.scope); - var instance = $el.data(self.name + '-instance'); - instance.compute_dimensions(); - } else { - self.S('[data-orbit]', self.scope).each(function (idx, el) { - var $el = self.S(el); - var opts = self.data_options($el); - var instance = $el.data(self.name + '-instance'); - instance.compute_dimensions(); - }); - } - } - }; - -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.reveal.js b/dist/assets/js/foundation/foundation.reveal.js deleted file mode 100644 index 0085f847f..000000000 --- a/dist/assets/js/foundation/foundation.reveal.js +++ /dev/null @@ -1,540 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - var openModals = []; - - Foundation.libs.reveal = { - name : 'reveal', - - version : '5.5.3', - - locked : false, - - settings : { - animation : 'fadeAndPop', - animation_speed : 250, - close_on_background_click : true, - close_on_esc : true, - dismiss_modal_class : 'close-reveal-modal', - multiple_opened : false, - bg_class : 'reveal-modal-bg', - root_element : 'body', - no_scroll: true, - open : function(){}, - opened : function(){}, - close : function(){}, - closed : function(){}, - on_ajax_error: $.noop, - bg : $('.reveal-modal-bg'), - css : { - open : { - 'opacity' : 0, - 'visibility' : 'visible', - 'display' : 'block' - }, - close : { - 'opacity' : 1, - 'visibility' : 'hidden', - 'display' : 'none' - } - } - }, - - init : function (scope, method, options) { - $.extend(true, this.settings, method, options); - this.bindings(method, options); - }, - - events : function (scope) { - var self = this, - S = self.S; - - S(this.scope) - .off('.reveal') - .on('click.fndtn.reveal', '[' + this.add_namespace('data-reveal-id') + ']:not([disabled])', function (e) { - e.preventDefault(); - - if (!self.locked) { - var element = S(this), - ajax = element.data(self.data_attr('reveal-ajax')), - replaceContentSel = element.data(self.data_attr('reveal-replace-content')); - - self.locked = true; - - if (typeof ajax === 'undefined') { - self.open.call(self, element); - } else { - var url = ajax === true ? element.attr('href') : ajax; - self.open.call(self, element, {url : url}, { replaceContentSel : replaceContentSel }); - } - } - }); - - S(document) - .on('click.fndtn.reveal', this.close_targets(), function (e) { - e.preventDefault(); - if (!self.locked) { - var settings = S('[' + self.attr_name() + '].open').data(self.attr_name(true) + '-init') || self.settings, - bg_clicked = S(e.target)[0] === S('.' + settings.bg_class)[0]; - - if (bg_clicked) { - if (settings.close_on_background_click) { - e.stopPropagation(); - } else { - return; - } - } - - self.locked = true; - self.close.call(self, bg_clicked ? S('[' + self.attr_name() + '].open:not(.toback)') : S(this).closest('[' + self.attr_name() + ']')); - } - }); - - if (S('[' + self.attr_name() + ']', this.scope).length > 0) { - S(this.scope) - // .off('.reveal') - .on('open.fndtn.reveal', this.settings.open) - .on('opened.fndtn.reveal', this.settings.opened) - .on('opened.fndtn.reveal', this.open_video) - .on('close.fndtn.reveal', this.settings.close) - .on('closed.fndtn.reveal', this.settings.closed) - .on('closed.fndtn.reveal', this.close_video); - } else { - S(this.scope) - // .off('.reveal') - .on('open.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.open) - .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.opened) - .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.open_video) - .on('close.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.close) - .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.closed) - .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.close_video); - } - - return true; - }, - - // PATCH #3: turning on key up capture only when a reveal window is open - key_up_on : function (scope) { - var self = this; - - // PATCH #1: fixing multiple keyup event trigger from single key press - self.S('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function ( event ) { - var open_modal = self.S('[' + self.attr_name() + '].open'), - settings = open_modal.data(self.attr_name(true) + '-init') || self.settings ; - // PATCH #2: making sure that the close event can be called only while unlocked, - // so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window. - if ( settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key - self.close.call(self, open_modal); - } - }); - - return true; - }, - - // PATCH #3: turning on key up capture only when a reveal window is open - key_up_off : function (scope) { - this.S('body').off('keyup.fndtn.reveal'); - return true; - }, - - open : function (target, ajax_settings) { - var self = this, - modal; - - if (target) { - if (typeof target.selector !== 'undefined') { - // Find the named node; only use the first one found, since the rest of the code assumes there's only one node - modal = self.S('#' + target.data(self.data_attr('reveal-id'))).first(); - } else { - modal = self.S(this.scope); - - ajax_settings = target; - } - } else { - modal = self.S(this.scope); - } - - var settings = modal.data(self.attr_name(true) + '-init'); - settings = settings || this.settings; - - - if (modal.hasClass('open') && target !== undefined && target.attr('data-reveal-id') == modal.attr('id')) { - return self.close(modal); - } - - if (!modal.hasClass('open')) { - var open_modal = self.S('[' + self.attr_name() + '].open'); - - if (typeof modal.data('css-top') === 'undefined') { - modal.data('css-top', parseInt(modal.css('top'), 10)) - .data('offset', this.cache_offset(modal)); - } - - modal.attr('tabindex','0').attr('aria-hidden','false'); - - if(settings.no_scroll){//added 10/9/15, prevents annoying scroll positioning bug with position: absolute; reveals - var $body = $('body'); - $body.on('open.fndtn.reveal', function(){ - $body.css('overflow', 'hidden') - .off('open.fndtn.reveal'); - }); - } - - this.key_up_on(modal); // PATCH #3: turning on key up capture only when a reveal window is open - - // Prevent namespace event from triggering twice - modal.on('open.fndtn.reveal', function(e) { - if (e.namespace !== 'fndtn.reveal') return; - }); - - modal.on('open.fndtn.reveal').trigger('open.fndtn.reveal'); - - - if (open_modal.length < 1) { - this.toggle_bg(modal, true); - } - - if (typeof ajax_settings === 'string') { - ajax_settings = { - url : ajax_settings - }; - } - - var openModal = function() { - if(open_modal.length > 0) { - if(settings.multiple_opened) { - self.to_back(open_modal); - } else { - self.hide(open_modal, settings.css.close); - } - } - - // bl: add the open_modal that isn't already in the background to the openModals array - if(settings.multiple_opened) { - openModals.push(modal); - } - - self.show(modal, settings.css.open); - }; - - if (typeof ajax_settings === 'undefined' || !ajax_settings.url) { - openModal(); - } else { - var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null; - $.extend(ajax_settings, { - success : function (data, textStatus, jqXHR) { - if ( $.isFunction(old_success) ) { - var result = old_success(data, textStatus, jqXHR); - if (typeof result == 'string') { - data = result; - } - } - - if (typeof options !== 'undefined' && typeof options.replaceContentSel !== 'undefined') { - modal.find(options.replaceContentSel).html(data); - } else { - modal.html(data); - } - - self.S(modal).foundation('section', 'reflow'); - self.S(modal).children().foundation(); - - openModal(); - } - }); - - // check for if user initalized with error callback - if (settings.on_ajax_error !== $.noop) { - $.extend(ajax_settings, { - error : settings.on_ajax_error - }); - } - - $.ajax(ajax_settings); - } - } - self.S(window).trigger('resize'); - }, - - close : function (modal) { - var modal = modal && modal.length ? modal : this.S(this.scope), - open_modals = this.S('[' + this.attr_name() + '].open'), - settings = modal.data(this.attr_name(true) + '-init') || this.settings, - self = this; - - if (open_modals.length > 0) { - - modal.removeAttr('tabindex','0').attr('aria-hidden','true'); - - if(settings.no_scroll){//added 10/9/15, prevents annoying scroll positioning bug with position: absolute; reveals - var $body = $('body'); - $body.on('close.fndtn.reveal', function(){ - $body.css('overflow', 'auto') - .off('close.fndtn.reveal'); - }); - } - - this.locked = true; - this.key_up_off(modal); // PATCH #3: turning on key up capture only when a reveal window is open - - modal.trigger('close.fndtn.reveal'); - - if ((settings.multiple_opened && open_modals.length === 1) || !settings.multiple_opened || modal.length > 1) { - self.toggle_bg(modal, false); - self.to_front(modal); - } - - if (settings.multiple_opened) { - var isCurrent = modal.is(':not(.toback)'); - self.hide(modal, settings.css.close, settings); - if(isCurrent) { - // remove the last modal since it is now closed - openModals.pop(); - } else { - // if this isn't the current modal, then find it in the array and remove it - openModals = $.grep(openModals, function(elt) { - var isThis = elt[0]===modal[0]; - if(isThis) { - // since it's not currently in the front, put it in the front now that it is hidden - // so that if it's re-opened, it won't be .toback - self.to_front(modal); - } - return !isThis; - }); - } - // finally, show the next modal in the stack, if there is one - if(openModals.length>0) { - self.to_front(openModals[openModals.length - 1]); - } - } else { - self.hide(open_modals, settings.css.close, settings); - } - } - }, - - close_targets : function () { - var base = '.' + this.settings.dismiss_modal_class; - - if (this.settings.close_on_background_click) { - return base + ', .' + this.settings.bg_class; - } - - return base; - }, - - toggle_bg : function (modal, state) { - if (this.S('.' + this.settings.bg_class).length === 0) { - this.settings.bg = $('
      ', {'class': this.settings.bg_class}) - .appendTo('body').hide(); - } - - var visible = this.settings.bg.filter(':visible').length > 0; - if ( state != visible ) { - if ( state == undefined ? visible : !state ) { - this.hide(this.settings.bg); - } else { - this.show(this.settings.bg); - } - } - }, - - show : function (el, css) { - // is modal - if (css) { - var settings = el.data(this.attr_name(true) + '-init') || this.settings, - root_element = settings.root_element, - context = this; - - if (el.parent(root_element).length === 0) { - var placeholder = el.wrap('
      ').parent(); - - el.on('closed.fndtn.reveal.wrapped', function () { - el.detach().appendTo(placeholder); - el.unwrap().unbind('closed.fndtn.reveal.wrapped'); - }); - - el.detach().appendTo(root_element); - } - - var animData = getAnimationData(settings.animation); - if (!animData.animate) { - this.locked = false; - } - if (animData.pop) { - css.top = $(window).scrollTop() - el.data('offset') + 'px'; - var end_css = { - top: $(window).scrollTop() + el.data('css-top') + 'px', - opacity: 1 - }; - - return setTimeout(function () { - return el - .css(css) - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.trigger('opened.fndtn.reveal'); - }) - .addClass('open'); - }, settings.animation_speed / 2); - } - - css.top = $(window).scrollTop() + el.data('css-top') + 'px'; - - if (animData.fade) { - var end_css = {opacity: 1}; - - return setTimeout(function () { - return el - .css(css) - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.trigger('opened.fndtn.reveal'); - }) - .addClass('open'); - }, settings.animation_speed / 2); - } - - return el.css(css).show().css({opacity : 1}).addClass('open').trigger('opened.fndtn.reveal'); - } - - var settings = this.settings; - - // should we animate the background? - if (getAnimationData(settings.animation).fade) { - return el.fadeIn(settings.animation_speed / 2); - } - - this.locked = false; - - return el.show(); - }, - - to_back : function(el) { - el.addClass('toback'); - }, - - to_front : function(el) { - el.removeClass('toback'); - }, - - hide : function (el, css) { - // is modal - if (css) { - var settings = el.data(this.attr_name(true) + '-init'), - context = this; - settings = settings || this.settings; - - var animData = getAnimationData(settings.animation); - if (!animData.animate) { - this.locked = false; - } - if (animData.pop) { - var end_css = { - top: - $(window).scrollTop() - el.data('offset') + 'px', - opacity: 0 - }; - - return setTimeout(function () { - return el - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.css(css).trigger('closed.fndtn.reveal'); - }) - .removeClass('open'); - }, settings.animation_speed / 2); - } - - if (animData.fade) { - var end_css = {opacity : 0}; - - return setTimeout(function () { - return el - .animate(end_css, settings.animation_speed, 'linear', function () { - context.locked = false; - el.css(css).trigger('closed.fndtn.reveal'); - }) - .removeClass('open'); - }, settings.animation_speed / 2); - } - - return el.hide().css(css).removeClass('open').trigger('closed.fndtn.reveal'); - } - - var settings = this.settings; - - // should we animate the background? - if (getAnimationData(settings.animation).fade) { - return el.fadeOut(settings.animation_speed / 2); - } - - return el.hide(); - }, - - close_video : function (e) { - var video = $('.flex-video', e.target), - iframe = $('iframe', video); - - if (iframe.length > 0) { - iframe.attr('data-src', iframe[0].src); - iframe.attr('src', iframe.attr('src')); - video.hide(); - } - }, - - open_video : function (e) { - var video = $('.flex-video', e.target), - iframe = video.find('iframe'); - - if (iframe.length > 0) { - var data_src = iframe.attr('data-src'); - if (typeof data_src === 'string') { - iframe[0].src = iframe.attr('data-src'); - } else { - var src = iframe[0].src; - iframe[0].src = undefined; - iframe[0].src = src; - } - video.show(); - } - }, - - data_attr : function (str) { - if (this.namespace.length > 0) { - return this.namespace + '-' + str; - } - - return str; - }, - - cache_offset : function (modal) { - var offset = modal.show().height() + parseInt(modal.css('top'), 10) + modal.scrollY; - - modal.hide(); - - return offset; - }, - - off : function () { - $(this.scope).off('.fndtn.reveal'); - }, - - reflow : function () {} - }; - - /* - * getAnimationData('popAndFade') // {animate: true, pop: true, fade: true} - * getAnimationData('fade') // {animate: true, pop: false, fade: true} - * getAnimationData('pop') // {animate: true, pop: true, fade: false} - * getAnimationData('foo') // {animate: false, pop: false, fade: false} - * getAnimationData(null) // {animate: false, pop: false, fade: false} - */ - function getAnimationData(str) { - var fade = /fade/i.test(str); - var pop = /pop/i.test(str); - return { - animate : fade || pop, - pop : pop, - fade : fade - }; - } -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.slider.js b/dist/assets/js/foundation/foundation.slider.js deleted file mode 100644 index aa7946e89..000000000 --- a/dist/assets/js/foundation/foundation.slider.js +++ /dev/null @@ -1,296 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.slider = { - name : 'slider', - - version : '5.5.3', - - settings : { - start : 0, - end : 100, - step : 1, - precision : 0, - initial : null, - display_selector : '', - vertical : false, - trigger_input_change : false, - on_change : function () {} - }, - - cache : {}, - - init : function (scope, method, options) { - Foundation.inherit(this, 'throttle'); - this.bindings(method, options); - this.reflow(); - }, - - events : function () { - var self = this; - $(this.scope) - .off('.slider') - .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider', - '[' + self.attr_name() + ']:not(.disabled, [disabled]) .range-slider-handle', function (e) { - if (!self.cache.active) { - e.preventDefault(); - self.set_active_slider($(e.target)); - } - }) - .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function (e) { - if (!!self.cache.active) { - e.preventDefault(); - if ($.data(self.cache.active[0], 'settings').vertical) { - var scroll_offset = 0; - if (!e.pageY) { - scroll_offset = window.scrollY; - } - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'y') + scroll_offset); - } else { - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'x')); - } - } - }) - .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function (e) { - if(!self.cache.active) { - // if the user has just clicked into the slider without starting to drag the handle - var slider = $(e.target).attr('role') === 'slider' ? $(e.target) : $(e.target).closest('.range-slider').find("[role='slider']"); - - if (slider.length && (!slider.parent().hasClass('disabled') && !slider.parent().attr('disabled'))) { - self.set_active_slider(slider); - if ($.data(self.cache.active[0], 'settings').vertical) { - var scroll_offset = 0; - if (!e.pageY) { - scroll_offset = window.scrollY; - } - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'y') + scroll_offset); - } else { - self.calculate_position(self.cache.active, self.get_cursor_position(e, 'x')); - } - } - } - self.remove_active_slider(); - }) - .on('change.fndtn.slider', function (e) { - self.settings.on_change(); - }); - - self.S(window) - .on('resize.fndtn.slider', self.throttle(function (e) { - self.reflow(); - }, 300)); - - // update slider value as users change input value - this.S('[' + this.attr_name() + ']').each(function () { - var slider = $(this), - handle = slider.children('.range-slider-handle')[0], - settings = self.initialize_settings(handle); - - if (settings.display_selector != '') { - $(settings.display_selector).each(function(){ - if ($(this).attr('value')) { - $(this).off('change').on('change', function () { - slider.foundation("slider", "set_value", $(this).val()); - }); - } - }); - } - }); - }, - - get_cursor_position : function (e, xy) { - var pageXY = 'page' + xy.toUpperCase(), - clientXY = 'client' + xy.toUpperCase(), - position; - - if (typeof e[pageXY] !== 'undefined') { - position = e[pageXY]; - } else if (typeof e.originalEvent[clientXY] !== 'undefined') { - position = e.originalEvent[clientXY]; - } else if (e.originalEvent.touches && e.originalEvent.touches[0] && typeof e.originalEvent.touches[0][clientXY] !== 'undefined') { - position = e.originalEvent.touches[0][clientXY]; - } else if (e.currentPoint && typeof e.currentPoint[xy] !== 'undefined') { - position = e.currentPoint[xy]; - } - - return position; - }, - - set_active_slider : function ($handle) { - this.cache.active = $handle; - }, - - remove_active_slider : function () { - this.cache.active = null; - }, - - calculate_position : function ($handle, cursor_x) { - var self = this, - settings = $.data($handle[0], 'settings'), - handle_l = $.data($handle[0], 'handle_l'), - handle_o = $.data($handle[0], 'handle_o'), - bar_l = $.data($handle[0], 'bar_l'), - bar_o = $.data($handle[0], 'bar_o'); - - requestAnimationFrame(function () { - var pct; - - if (Foundation.rtl && !settings.vertical) { - pct = self.limit_to(((bar_o + bar_l - cursor_x) / bar_l), 0, 1); - } else { - pct = self.limit_to(((cursor_x - bar_o) / bar_l), 0, 1); - } - - pct = settings.vertical ? 1 - pct : pct; - - var norm = self.normalized_value(pct, settings.start, settings.end, settings.step, settings.precision); - - self.set_ui($handle, norm); - }); - }, - - set_ui : function ($handle, value) { - var settings = $.data($handle[0], 'settings'), - handle_l = $.data($handle[0], 'handle_l'), - bar_l = $.data($handle[0], 'bar_l'), - norm_pct = this.normalized_percentage(value, settings.start, settings.end), - handle_offset = norm_pct * (bar_l - handle_l) - 1, - progress_bar_length = norm_pct * 100, - $handle_parent = $handle.parent(), - $hidden_inputs = $handle.parent().children('input[type=hidden]'); - - if (Foundation.rtl && !settings.vertical) { - handle_offset = -handle_offset; - } - - handle_offset = settings.vertical ? -handle_offset + bar_l - handle_l + 1 : handle_offset; - this.set_translate($handle, handle_offset, settings.vertical); - - if (settings.vertical) { - $handle.siblings('.range-slider-active-segment').css('height', progress_bar_length + '%'); - } else { - $handle.siblings('.range-slider-active-segment').css('width', progress_bar_length + '%'); - } - - $handle_parent.attr(this.attr_name(), value).trigger('change.fndtn.slider'); - - $hidden_inputs.val(value); - if (settings.trigger_input_change) { - $hidden_inputs.trigger('change.fndtn.slider'); - } - - if (!$handle[0].hasAttribute('aria-valuemin')) { - $handle.attr({ - 'aria-valuemin' : settings.start, - 'aria-valuemax' : settings.end - }); - } - $handle.attr('aria-valuenow', value); - - if (settings.display_selector != '') { - $(settings.display_selector).each(function () { - if (this.hasAttribute('value')) { - $(this).val(value); - } else { - $(this).text(value); - } - }); - } - - }, - - normalized_percentage : function (val, start, end) { - return Math.min(1, (val - start) / (end - start)); - }, - - normalized_value : function (val, start, end, step, precision) { - var range = end - start, - point = val * range, - mod = (point - (point % step)) / step, - rem = point % step, - round = ( rem >= step * 0.5 ? step : 0); - return ((mod * step + round) + start).toFixed(precision); - }, - - set_translate : function (ele, offset, vertical) { - if (vertical) { - $(ele) - .css('-webkit-transform', 'translateY(' + offset + 'px)') - .css('-moz-transform', 'translateY(' + offset + 'px)') - .css('-ms-transform', 'translateY(' + offset + 'px)') - .css('-o-transform', 'translateY(' + offset + 'px)') - .css('transform', 'translateY(' + offset + 'px)'); - } else { - $(ele) - .css('-webkit-transform', 'translateX(' + offset + 'px)') - .css('-moz-transform', 'translateX(' + offset + 'px)') - .css('-ms-transform', 'translateX(' + offset + 'px)') - .css('-o-transform', 'translateX(' + offset + 'px)') - .css('transform', 'translateX(' + offset + 'px)'); - } - }, - - limit_to : function (val, min, max) { - return Math.min(Math.max(val, min), max); - }, - - initialize_settings : function (handle) { - var settings = $.extend({}, this.settings, this.data_options($(handle).parent())), - decimal_places_match_result; - - if (settings.precision === null) { - decimal_places_match_result = ('' + settings.step).match(/\.([\d]*)/); - settings.precision = decimal_places_match_result && decimal_places_match_result[1] ? decimal_places_match_result[1].length : 0; - } - - if (settings.vertical) { - $.data(handle, 'bar_o', $(handle).parent().offset().top); - $.data(handle, 'bar_l', $(handle).parent().outerHeight()); - $.data(handle, 'handle_o', $(handle).offset().top); - $.data(handle, 'handle_l', $(handle).outerHeight()); - } else { - $.data(handle, 'bar_o', $(handle).parent().offset().left); - $.data(handle, 'bar_l', $(handle).parent().outerWidth()); - $.data(handle, 'handle_o', $(handle).offset().left); - $.data(handle, 'handle_l', $(handle).outerWidth()); - } - - $.data(handle, 'bar', $(handle).parent()); - return $.data(handle, 'settings', settings); - }, - - set_initial_position : function ($ele) { - var settings = $.data($ele.children('.range-slider-handle')[0], 'settings'), - initial = ((typeof settings.initial == 'number' && !isNaN(settings.initial)) ? settings.initial : Math.floor((settings.end - settings.start) * 0.5 / settings.step) * settings.step + settings.start), - $handle = $ele.children('.range-slider-handle'); - this.set_ui($handle, initial); - }, - - set_value : function (value) { - var self = this; - $('[' + self.attr_name() + ']', this.scope).each(function () { - $(this).attr(self.attr_name(), value); - }); - if (!!$(this.scope).attr(self.attr_name())) { - $(this.scope).attr(self.attr_name(), value); - } - self.reflow(); - }, - - reflow : function () { - var self = this; - self.S('[' + this.attr_name() + ']').each(function () { - var handle = $(this).children('.range-slider-handle')[0], - val = $(this).attr(self.attr_name()); - self.initialize_settings(handle); - - if (val) { - self.set_ui($(handle), parseFloat(val)); - } else { - self.set_initial_position($(this)); - } - }); - } - }; - -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.tab.js b/dist/assets/js/foundation/foundation.tab.js deleted file mode 100644 index 4b375c116..000000000 --- a/dist/assets/js/foundation/foundation.tab.js +++ /dev/null @@ -1,247 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.tab = { - name : 'tab', - - version : '5.5.3', - - settings : { - active_class : 'active', - callback : function () {}, - deep_linking : false, - scroll_to_content : true, - is_hover : false - }, - - default_tab_hashes : [], - - init : function (scope, method, options) { - var self = this, - S = this.S; - - // Store the default active tabs which will be referenced when the - // location hash is absent, as in the case of navigating the tabs and - // returning to the first viewing via the browser Back button. - S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () { - self.default_tab_hashes.push(this.hash); - }); - - this.bindings(method, options); - this.handle_location_hash_change(); - }, - - events : function () { - var self = this, - S = this.S; - - var usual_tab_behavior = function (e, target) { - var settings = S(target).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); - if (!settings.is_hover || Modernizr.touch) { - // if user did not pressed tab key, prevent default action - var keyCode = e.keyCode || e.which; - if (keyCode !== 9) { - e.preventDefault(); - e.stopPropagation(); - } - self.toggle_active_tab(S(target).parent()); - - } - }; - - S(this.scope) - .off('.tab') - // Key event: focus/tab key - .on('keydown.fndtn.tab', '[' + this.attr_name() + '] > * > a', function(e) { - var keyCode = e.keyCode || e.which; - // if user pressed tab key - if (keyCode === 13 || keyCode === 32) { // enter or space - var el = this; - usual_tab_behavior(e, el); - } - }) - // Click event: tab title - .on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', function(e) { - var el = this; - usual_tab_behavior(e, el); - }) - // Hover event: tab title - .on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) { - var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); - if (settings.is_hover) { - self.toggle_active_tab(S(this).parent()); - } - }); - - // Location hash change event - S(window).on('hashchange.fndtn.tab', function (e) { - e.preventDefault(); - self.handle_location_hash_change(); - }); - }, - - handle_location_hash_change : function () { - - var self = this, - S = this.S; - - S('[' + this.attr_name() + ']', this.scope).each(function () { - var settings = S(this).data(self.attr_name(true) + '-init'); - if (settings.deep_linking) { - // Match the location hash to a label - var hash; - if (settings.scroll_to_content) { - hash = self.scope.location.hash; - } else { - // prefix the hash to prevent anchor scrolling - hash = self.scope.location.hash.replace('fndtn-', ''); - } - if (hash != '') { - // Check whether the location hash references a tab content div or - // another element on the page (inside or outside the tab content div) - var hash_element = S(hash); - if (hash_element.hasClass('content') && hash_element.parent().hasClass('tabs-content')) { - // Tab content div - self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + hash + ']').parent()); - } else { - // Not the tab content div. If inside the tab content, find the - // containing tab and toggle it as active. - var hash_tab_container_id = hash_element.closest('.content').attr('id'); - if (hash_tab_container_id != undefined) { - self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=#' + hash_tab_container_id + ']').parent(), hash); - } - } - } else { - // Reference the default tab hashes which were initialized in the init function - for (var ind = 0; ind < self.default_tab_hashes.length; ind++) { - self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + self.default_tab_hashes[ind] + ']').parent()); - } - } - } - }); - }, - - toggle_active_tab : function (tab, location_hash) { - var self = this, - S = self.S, - tabs = tab.closest('[' + this.attr_name() + ']'), - tab_link = tab.find('a'), - anchor = tab.children('a').first(), - target_hash = '#' + anchor.attr('href').split('#')[1], - target = S(target_hash), - siblings = tab.siblings(), - settings = tabs.data(this.attr_name(true) + '-init'), - interpret_keyup_action = function (e) { - // Light modification of Heydon Pickering's Practical ARIA Examples: http://heydonworks.com/practical_aria_examples/js/a11y.js - - // define current, previous and next (possible) tabs - - var $original = $(this); - var $prev = $(this).parents('li').prev().children('[role="tab"]'); - var $next = $(this).parents('li').next().children('[role="tab"]'); - var $target; - - // find the direction (prev or next) - - switch (e.keyCode) { - case 37: - $target = $prev; - break; - case 39: - $target = $next; - break; - default: - $target = false - break; - } - - if ($target.length) { - $original.attr({ - 'tabindex' : '-1', - 'aria-selected' : null - }); - $target.attr({ - 'tabindex' : '0', - 'aria-selected' : true - }).focus(); - } - - // Hide panels - - $('[role="tabpanel"]') - .attr('aria-hidden', 'true'); - - // Show panel which corresponds to target - - $('#' + $(document.activeElement).attr('href').substring(1)) - .attr('aria-hidden', null); - - }, - go_to_hash = function(hash) { - // This function allows correct behaviour of the browser's back button when deep linking is enabled. Without it - // the user would get continually redirected to the default hash. - var default_hash = settings.scroll_to_content ? self.default_tab_hashes[0] : 'fndtn-' + self.default_tab_hashes[0].replace('#', ''); - - if (hash !== default_hash || window.location.hash) { - window.location.hash = hash; - } - }; - - // allow usage of data-tab-content attribute instead of href - if (anchor.data('tab-content')) { - target_hash = '#' + anchor.data('tab-content').split('#')[1]; - target = S(target_hash); - } - - if (settings.deep_linking) { - - if (settings.scroll_to_content) { - - // retain current hash to scroll to content - go_to_hash(location_hash || target_hash); - - if (location_hash == undefined || location_hash == target_hash) { - tab.parent()[0].scrollIntoView(); - } else { - S(target_hash)[0].scrollIntoView(); - } - } else { - // prefix the hashes so that the browser doesn't scroll down - if (location_hash != undefined) { - go_to_hash('fndtn-' + location_hash.replace('#', '')); - } else { - go_to_hash('fndtn-' + target_hash.replace('#', '')); - } - } - } - - // WARNING: The activation and deactivation of the tab content must - // occur after the deep linking in order to properly refresh the browser - // window (notably in Chrome). - // Clean up multiple attr instances to done once - tab.addClass(settings.active_class).triggerHandler('opened'); - tab_link.attr({'aria-selected' : 'true', tabindex : 0}); - siblings.removeClass(settings.active_class) - siblings.find('a').attr({'aria-selected' : 'false'/*, tabindex : -1*/}); - target.siblings().removeClass(settings.active_class).attr({'aria-hidden' : 'true'/*, tabindex : -1*/}); - target.addClass(settings.active_class).attr('aria-hidden', 'false').removeAttr('tabindex'); - settings.callback(tab); - target.triggerHandler('toggled', [target]); - tabs.triggerHandler('toggled', [tab]); - - tab_link.off('keydown').on('keydown', interpret_keyup_action ); - }, - - data_attr : function (str) { - if (this.namespace.length > 0) { - return this.namespace + '-' + str; - } - - return str; - }, - - off : function () {}, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.tooltip.js b/dist/assets/js/foundation/foundation.tooltip.js deleted file mode 100644 index 0690e2514..000000000 --- a/dist/assets/js/foundation/foundation.tooltip.js +++ /dev/null @@ -1,348 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.tooltip = { - name : 'tooltip', - - version : '5.5.3', - - settings : { - additional_inheritable_classes : [], - tooltip_class : '.tooltip', - append_to : 'body', - touch_close_text : 'Tap To Close', - disable_for_touch : false, - hover_delay : 200, - fade_in_duration : 150, - fade_out_duration : 150, - show_on : 'all', - tip_template : function (selector, content) { - return '' + content + ''; - } - }, - - cache : {}, - - init : function (scope, method, options) { - Foundation.inherit(this, 'random_str'); - this.bindings(method, options); - }, - - should_show : function (target, tip) { - var settings = $.extend({}, this.settings, this.data_options(target)); - - if (settings.show_on === 'all') { - return true; - } else if (this.small() && settings.show_on === 'small') { - return true; - } else if (this.medium() && settings.show_on === 'medium') { - return true; - } else if (this.large() && settings.show_on === 'large') { - return true; - } - return false; - }, - - medium : function () { - return matchMedia(Foundation.media_queries['medium']).matches; - }, - - large : function () { - return matchMedia(Foundation.media_queries['large']).matches; - }, - - events : function (instance) { - var self = this, - S = self.S; - - self.create(this.S(instance)); - - function _startShow(elt, $this, immediate) { - if (elt.timer) { - return; - } - - if (immediate) { - elt.timer = null; - self.showTip($this); - } else { - elt.timer = setTimeout(function () { - elt.timer = null; - self.showTip($this); - }.bind(elt), self.settings.hover_delay); - } - } - - function _startHide(elt, $this) { - if (elt.timer) { - clearTimeout(elt.timer); - elt.timer = null; - } - - self.hide($this); - } - - $(this.scope) - .off('.tooltip') - .on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', - '[' + this.attr_name() + ']', function (e) { - var $this = S(this), - settings = $.extend({}, self.settings, self.data_options($this)), - is_touch = false; - - if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type) && S(e.target).is('a')) { - return false; - } - - if (/mouse/i.test(e.type) && self.ie_touch(e)) { - return false; - } - - if ($this.hasClass('open')) { - if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { - e.preventDefault(); - } - self.hide($this); - } else { - if (settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { - return; - } else if (!settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { - e.preventDefault(); - S(settings.tooltip_class + '.open').hide(); - is_touch = true; - // close other open tooltips on touch - if ($('.open[' + self.attr_name() + ']').length > 0) { - var prevOpen = S($('.open[' + self.attr_name() + ']')[0]); - self.hide(prevOpen); - } - } - - if (/enter|over/i.test(e.type)) { - _startShow(this, $this); - - } else if (e.type === 'mouseout' || e.type === 'mouseleave') { - _startHide(this, $this); - } else { - _startShow(this, $this, true); - } - } - }) - .on('mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', '[' + this.attr_name() + '].open', function (e) { - if (/mouse/i.test(e.type) && self.ie_touch(e)) { - return false; - } - - if ($(this).data('tooltip-open-event-type') == 'touch' && e.type == 'mouseleave') { - return; - } else if ($(this).data('tooltip-open-event-type') == 'mouse' && /MSPointerDown|touchstart/i.test(e.type)) { - self.convert_to_touch($(this)); - } else { - _startHide(this, $(this)); - } - }) - .on('DOMNodeRemoved DOMAttrModified', '[' + this.attr_name() + ']:not(a)', function (e) { - _startHide(this, S(this)); - }); - }, - - ie_touch : function (e) { - // How do I distinguish between IE11 and Windows Phone 8????? - return false; - }, - - showTip : function ($target) { - var $tip = this.getTip($target); - if (this.should_show($target, $tip)) { - return this.show($target); - } - return; - }, - - getTip : function ($target) { - var selector = this.selector($target), - settings = $.extend({}, this.settings, this.data_options($target)), - tip = null; - - if (selector) { - tip = this.S('span[data-selector="' + selector + '"]' + settings.tooltip_class); - } - - return (typeof tip === 'object') ? tip : false; - }, - - selector : function ($target) { - var dataSelector = $target.attr(this.attr_name()) || $target.attr('data-selector'); - - if (typeof dataSelector != 'string') { - dataSelector = this.random_str(6); - $target - .attr('data-selector', dataSelector) - .attr('aria-describedby', dataSelector); - } - - return dataSelector; - }, - - create : function ($target) { - var self = this, - settings = $.extend({}, this.settings, this.data_options($target)), - tip_template = this.settings.tip_template; - - if (typeof settings.tip_template === 'string' && window.hasOwnProperty(settings.tip_template)) { - tip_template = window[settings.tip_template]; - } - - var $tip = $(tip_template(this.selector($target), $('
      ').html($target.attr('title')).html())), - classes = this.inheritable_classes($target); - - $tip.addClass(classes).appendTo(settings.append_to); - - if (Modernizr.touch) { - $tip.append('' + settings.touch_close_text + ''); - $tip.on('touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', function (e) { - self.hide($target); - }); - } - - $target.removeAttr('title').attr('title', ''); - }, - - reposition : function (target, tip, classes) { - var width, nub, nubHeight, nubWidth, objPos; - - tip.css('visibility', 'hidden').show(); - - width = target.data('width'); - nub = tip.children('.nub'); - nubHeight = nub.outerHeight(); - nubWidth = nub.outerWidth(); - - if (this.small()) { - tip.css({'width' : '100%'}); - } else { - tip.css({'width' : (width) ? width : 'auto'}); - } - - objPos = function (obj, top, right, bottom, left, width) { - return obj.css({ - 'top' : (top) ? top : 'auto', - 'bottom' : (bottom) ? bottom : 'auto', - 'left' : (left) ? left : 'auto', - 'right' : (right) ? right : 'auto' - }).end(); - }; - - var o_top = target.offset().top; - var o_left = target.offset().left; - var outerHeight = target.outerHeight(); - - objPos(tip, (o_top + outerHeight + 10), 'auto', 'auto', o_left); - - if (this.small()) { - objPos(tip, (o_top + outerHeight + 10), 'auto', 'auto', 12.5, $(this.scope).width()); - tip.addClass('tip-override'); - objPos(nub, -nubHeight, 'auto', 'auto', o_left); - } else { - - if (Foundation.rtl) { - nub.addClass('rtl'); - o_left = o_left + target.outerWidth() - tip.outerWidth(); - } - - objPos(tip, (o_top + outerHeight + 10), 'auto', 'auto', o_left); - // reset nub from small styles, if they've been applied - if (nub.attr('style')) { - nub.removeAttr('style'); - } - - tip.removeClass('tip-override'); - - var tip_outerHeight = tip.outerHeight(); - - if (classes && classes.indexOf('tip-top') > -1) { - if (Foundation.rtl) { - nub.addClass('rtl'); - } - objPos(tip, (o_top - tip_outerHeight), 'auto', 'auto', o_left) - .removeClass('tip-override'); - } else if (classes && classes.indexOf('tip-left') > -1) { - objPos(tip, (o_top + (outerHeight / 2) - (tip_outerHeight / 2)), 'auto', 'auto', (o_left - tip.outerWidth() - nubHeight)) - .removeClass('tip-override'); - nub.removeClass('rtl'); - } else if (classes && classes.indexOf('tip-right') > -1) { - objPos(tip, (o_top + (outerHeight / 2) - (tip_outerHeight / 2)), 'auto', 'auto', (o_left + target.outerWidth() + nubHeight)) - .removeClass('tip-override'); - nub.removeClass('rtl'); - } - } - - tip.css('visibility', 'visible').hide(); - }, - - small : function () { - return matchMedia(Foundation.media_queries.small).matches && - !matchMedia(Foundation.media_queries.medium).matches; - }, - - inheritable_classes : function ($target) { - var settings = $.extend({}, this.settings, this.data_options($target)), - inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'radius', 'round'].concat(settings.additional_inheritable_classes), - classes = $target.attr('class'), - filtered = classes ? $.map(classes.split(' '), function (el, i) { - if ($.inArray(el, inheritables) !== -1) { - return el; - } - }).join(' ') : ''; - - return $.trim(filtered); - }, - - convert_to_touch : function ($target) { - var self = this, - $tip = self.getTip($target), - settings = $.extend({}, self.settings, self.data_options($target)); - - if ($tip.find('.tap-to-close').length === 0) { - $tip.append('' + settings.touch_close_text + ''); - $tip.on('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose', function (e) { - self.hide($target); - }); - } - - $target.data('tooltip-open-event-type', 'touch'); - }, - - show : function ($target) { - var $tip = this.getTip($target); - if ($target.data('tooltip-open-event-type') == 'touch') { - this.convert_to_touch($target); - } - - this.reposition($target, $tip, $target.attr('class')); - $target.addClass('open'); - $tip.fadeIn(this.settings.fade_in_duration); - }, - - hide : function ($target) { - var $tip = this.getTip($target); - - $tip.fadeOut(this.settings.fade_out_duration, function () { - $tip.find('.tap-to-close').remove(); - $tip.off('click.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose'); - $target.removeClass('open'); - }); - }, - - off : function () { - var self = this; - this.S(this.scope).off('.fndtn.tooltip'); - this.S(this.settings.tooltip_class).each(function (i) { - $('[' + self.attr_name() + ']').eq(i).attr('title', $(this).text()); - }).remove(); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/foundation/foundation.topbar.js b/dist/assets/js/foundation/foundation.topbar.js deleted file mode 100644 index 23b7c7f1f..000000000 --- a/dist/assets/js/foundation/foundation.topbar.js +++ /dev/null @@ -1,458 +0,0 @@ -;(function ($, window, document, undefined) { - 'use strict'; - - Foundation.libs.topbar = { - name : 'topbar', - - version : '5.5.3', - - settings : { - index : 0, - start_offset : 0, - sticky_class : 'sticky', - custom_back_text : true, - back_text : 'Back', - mobile_show_parent_link : true, - is_hover : true, - scrolltop : true, // jump to top when sticky nav menu toggle is clicked - sticky_on : 'all', - dropdown_autoclose: true - }, - - init : function (section, method, options) { - Foundation.inherit(this, 'add_custom_rule register_media throttle'); - var self = this; - - self.register_media('topbar', 'foundation-mq-topbar'); - - this.bindings(method, options); - - self.S('[' + this.attr_name() + ']', this.scope).each(function () { - var topbar = $(this), - settings = topbar.data(self.attr_name(true) + '-init'), - section = self.S('section, .top-bar-section', this); - topbar.data('index', 0); - var topbarContainer = topbar.parent(); - if (topbarContainer.hasClass('fixed') || self.is_sticky(topbar, topbarContainer, settings) ) { - self.settings.sticky_class = settings.sticky_class; - self.settings.sticky_topbar = topbar; - topbar.data('height', topbarContainer.outerHeight()); - topbar.data('stickyoffset', topbarContainer.offset().top); - } else { - topbar.data('height', topbar.outerHeight()); - } - - if (!settings.assembled) { - self.assemble(topbar); - } - - if (settings.is_hover) { - self.S('.has-dropdown', topbar).addClass('not-click'); - } else { - self.S('.has-dropdown', topbar).removeClass('not-click'); - } - - // Pad body when sticky (scrolled) or fixed. - self.add_custom_rule('.f-topbar-fixed { padding-top: ' + topbar.data('height') + 'px }'); - - if (topbarContainer.hasClass('fixed')) { - self.S('body').addClass('f-topbar-fixed'); - } - }); - - }, - - is_sticky : function (topbar, topbarContainer, settings) { - var sticky = topbarContainer.hasClass(settings.sticky_class); - var smallMatch = matchMedia(Foundation.media_queries.small).matches; - var medMatch = matchMedia(Foundation.media_queries.medium).matches; - var lrgMatch = matchMedia(Foundation.media_queries.large).matches; - - if (sticky && settings.sticky_on === 'all') { - return true; - } - if (sticky && this.small() && settings.sticky_on.indexOf('small') !== -1) { - if (smallMatch && !medMatch && !lrgMatch) { return true; } - } - if (sticky && this.medium() && settings.sticky_on.indexOf('medium') !== -1) { - if (smallMatch && medMatch && !lrgMatch) { return true; } - } - if (sticky && this.large() && settings.sticky_on.indexOf('large') !== -1) { - if (smallMatch && medMatch && lrgMatch) { return true; } - } - - return false; - }, - - toggle : function (toggleEl) { - var self = this, - topbar; - - if (toggleEl) { - topbar = self.S(toggleEl).closest('[' + this.attr_name() + ']'); - } else { - topbar = self.S('[' + this.attr_name() + ']'); - } - - var settings = topbar.data(this.attr_name(true) + '-init'); - - var section = self.S('section, .top-bar-section', topbar); - - if (self.breakpoint()) { - if (!self.rtl) { - section.css({left : '0%'}); - $('>.name', section).css({left : '100%'}); - } else { - section.css({right : '0%'}); - $('>.name', section).css({right : '100%'}); - } - - self.S('li.moved', section).removeClass('moved'); - topbar.data('index', 0); - - topbar - .toggleClass('expanded') - .css('height', ''); - } - - if (settings.scrolltop) { - if (!topbar.hasClass('expanded')) { - if (topbar.hasClass('fixed')) { - topbar.parent().addClass('fixed'); - topbar.removeClass('fixed'); - self.S('body').addClass('f-topbar-fixed'); - } - } else if (topbar.parent().hasClass('fixed')) { - if (settings.scrolltop) { - topbar.parent().removeClass('fixed'); - topbar.addClass('fixed'); - self.S('body').removeClass('f-topbar-fixed'); - - window.scrollTo(0, 0); - } else { - topbar.parent().removeClass('expanded'); - } - } - } else { - if (self.is_sticky(topbar, topbar.parent(), settings)) { - topbar.parent().addClass('fixed'); - } - - if (topbar.parent().hasClass('fixed')) { - if (!topbar.hasClass('expanded')) { - topbar.removeClass('fixed'); - topbar.parent().removeClass('expanded'); - self.update_sticky_positioning(); - } else { - topbar.addClass('fixed'); - topbar.parent().addClass('expanded'); - self.S('body').addClass('f-topbar-fixed'); - } - } - } - }, - - timer : null, - - events : function (bar) { - var self = this, - S = this.S; - - S(this.scope) - .off('.topbar') - .on('click.fndtn.topbar', '[' + this.attr_name() + '] .toggle-topbar', function (e) { - e.preventDefault(); - self.toggle(this); - }) - .on('click.fndtn.topbar contextmenu.fndtn.topbar', '.top-bar .top-bar-section li a[href^="#"],[' + this.attr_name() + '] .top-bar-section li a[href^="#"]', function (e) { - var li = $(this).closest('li'), - topbar = li.closest('[' + self.attr_name() + ']'), - settings = topbar.data(self.attr_name(true) + '-init'); - - if (settings.dropdown_autoclose && settings.is_hover) { - var hoverLi = $(this).closest('.hover'); - hoverLi.removeClass('hover'); - } - if (self.breakpoint() && !li.hasClass('back') && !li.hasClass('has-dropdown')) { - self.toggle(); - } - - }) - .on('click.fndtn.topbar', '[' + this.attr_name() + '] li.has-dropdown', function (e) { - var li = S(this), - target = S(e.target), - topbar = li.closest('[' + self.attr_name() + ']'), - settings = topbar.data(self.attr_name(true) + '-init'); - - if (target.data('revealId')) { - self.toggle(); - return; - } - - if (self.breakpoint()) { - return; - } - - if (settings.is_hover && !Modernizr.touch) { - return; - } - - e.stopImmediatePropagation(); - - if (li.hasClass('hover')) { - li - .removeClass('hover') - .find('li') - .removeClass('hover'); - - li.parents('li.hover') - .removeClass('hover'); - } else { - li.addClass('hover'); - - $(li).siblings().removeClass('hover'); - - if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) { - e.preventDefault(); - } - } - }) - .on('click.fndtn.topbar', '[' + this.attr_name() + '] .has-dropdown>a', function (e) { - if (self.breakpoint()) { - - e.preventDefault(); - - var $this = S(this), - topbar = $this.closest('[' + self.attr_name() + ']'), - section = topbar.find('section, .top-bar-section'), - dropdownHeight = $this.next('.dropdown').outerHeight(), - $selectedLi = $this.closest('li'); - - topbar.data('index', topbar.data('index') + 1); - $selectedLi.addClass('moved'); - - if (!self.rtl) { - section.css({left : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({left : 100 * topbar.data('index') + '%'}); - } else { - section.css({right : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({right : 100 * topbar.data('index') + '%'}); - } - - topbar.css('height', $this.siblings('ul').outerHeight(true) + topbar.data('height')); - } - }); - - S(window).off('.topbar').on('resize.fndtn.topbar', self.throttle(function () { - self.resize.call(self); - }, 50)).trigger('resize.fndtn.topbar').load(function () { - // Ensure that the offset is calculated after all of the pages resources have loaded - S(this).trigger('resize.fndtn.topbar'); - }); - - S('body').off('.topbar').on('click.fndtn.topbar', function (e) { - var parent = S(e.target).closest('li').closest('li.hover'); - - if (parent.length > 0) { - return; - } - - S('[' + self.attr_name() + '] li.hover').removeClass('hover'); - }); - - // Go up a level on Click - S(this.scope).on('click.fndtn.topbar', '[' + this.attr_name() + '] .has-dropdown .back', function (e) { - e.preventDefault(); - - var $this = S(this), - topbar = $this.closest('[' + self.attr_name() + ']'), - section = topbar.find('section, .top-bar-section'), - settings = topbar.data(self.attr_name(true) + '-init'), - $movedLi = $this.closest('li.moved'), - $previousLevelUl = $movedLi.parent(); - - topbar.data('index', topbar.data('index') - 1); - - if (!self.rtl) { - section.css({left : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({left : 100 * topbar.data('index') + '%'}); - } else { - section.css({right : -(100 * topbar.data('index')) + '%'}); - section.find('>.name').css({right : 100 * topbar.data('index') + '%'}); - } - - if (topbar.data('index') === 0) { - topbar.css('height', ''); - } else { - topbar.css('height', $previousLevelUl.outerHeight(true) + topbar.data('height')); - } - - setTimeout(function () { - $movedLi.removeClass('moved'); - }, 300); - }); - - // Show dropdown menus when their items are focused - S(this.scope).find('.dropdown a') - .focus(function () { - $(this).parents('.has-dropdown').addClass('hover'); - }) - .blur(function () { - $(this).parents('.has-dropdown').removeClass('hover'); - }); - }, - - resize : function () { - var self = this; - self.S('[' + this.attr_name() + ']').each(function () { - var topbar = self.S(this), - settings = topbar.data(self.attr_name(true) + '-init'); - - var stickyContainer = topbar.parent('.' + self.settings.sticky_class); - var stickyOffset; - - if (!self.breakpoint()) { - var doToggle = topbar.hasClass('expanded'); - topbar - .css('height', '') - .removeClass('expanded') - .find('li') - .removeClass('hover'); - - if (doToggle) { - self.toggle(topbar); - } - } - - if (self.is_sticky(topbar, stickyContainer, settings)) { - if (stickyContainer.hasClass('fixed')) { - // Remove the fixed to allow for correct calculation of the offset. - stickyContainer.removeClass('fixed'); - - stickyOffset = stickyContainer.offset().top; - if (self.S(document.body).hasClass('f-topbar-fixed')) { - stickyOffset -= topbar.data('height'); - } - - topbar.data('stickyoffset', stickyOffset); - stickyContainer.addClass('fixed'); - } else { - stickyOffset = stickyContainer.offset().top; - topbar.data('stickyoffset', stickyOffset); - } - } - - }); - }, - - breakpoint : function () { - return !matchMedia(Foundation.media_queries['topbar']).matches; - }, - - small : function () { - return matchMedia(Foundation.media_queries['small']).matches; - }, - - medium : function () { - return matchMedia(Foundation.media_queries['medium']).matches; - }, - - large : function () { - return matchMedia(Foundation.media_queries['large']).matches; - }, - - assemble : function (topbar) { - var self = this, - settings = topbar.data(this.attr_name(true) + '-init'), - section = self.S('section, .top-bar-section', topbar); - - // Pull element out of the DOM for manipulation - section.detach(); - - self.S('.has-dropdown>a', section).each(function () { - var $link = self.S(this), - $dropdown = $link.siblings('.dropdown'), - url = $link.attr('href'), - $titleLi; - - if (!$dropdown.find('.title.back').length) { - - if (settings.mobile_show_parent_link == true && url) { - $titleLi = $('
    3. ' + $link.html() +'
      4. '); - } else { - $titleLi = $('
    4. '); - } - - // Copy link to subnav - if (settings.custom_back_text == true) { - $('h5>a', $titleLi).html(settings.back_text); - } else { - $('h5>a', $titleLi).html('« ' + $link.html()); - } - $dropdown.prepend($titleLi); - } - }); - - // Put element back in the DOM - section.appendTo(topbar); - - // check for sticky - this.sticky(); - - this.assembled(topbar); - }, - - assembled : function (topbar) { - topbar.data(this.attr_name(true), $.extend({}, topbar.data(this.attr_name(true)), {assembled : true})); - }, - - height : function (ul) { - var total = 0, - self = this; - - $('> li', ul).each(function () { - total += self.S(this).outerHeight(true); - }); - - return total; - }, - - sticky : function () { - var self = this; - - this.S(window).on('scroll', function () { - self.update_sticky_positioning(); - }); - }, - - update_sticky_positioning : function () { - var klass = '.' + this.settings.sticky_class, - $window = this.S(window), - self = this; - - if (self.settings.sticky_topbar && self.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(), this.settings)) { - var distance = this.settings.sticky_topbar.data('stickyoffset') + this.settings.start_offset; - if (!self.S(klass).hasClass('expanded')) { - if ($window.scrollTop() > (distance)) { - if (!self.S(klass).hasClass('fixed')) { - self.S(klass).addClass('fixed'); - self.S('body').addClass('f-topbar-fixed'); - } - } else if ($window.scrollTop() <= distance) { - if (self.S(klass).hasClass('fixed')) { - self.S(klass).removeClass('fixed'); - self.S('body').removeClass('f-topbar-fixed'); - } - } - } - } - }, - - off : function () { - this.S(this.scope).off('.fndtn.topbar'); - this.S(window).off('.fndtn.topbar'); - }, - - reflow : function () {} - }; -}(jQuery, window, window.document)); diff --git a/dist/assets/js/vendor/fastclick.js b/dist/assets/js/vendor/fastclick.js deleted file mode 100644 index add01308d..000000000 --- a/dist/assets/js/vendor/fastclick.js +++ /dev/null @@ -1,8 +0,0 @@ -!function(){"use strict";/** - * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs. - * - * @codingstandard ftlabs-jsv2 - * @copyright The Financial Times Limited [All Rights Reserved] - * @license MIT License (see LICENSE.txt) - */ -function a(b,d){function e(a,b){return function(){return a.apply(b,arguments)}}var f;if(d=d||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=d.touchBoundary||10,this.layer=b,this.tapDelay=d.tapDelay||200,this.tapTimeout=d.tapTimeout||700,!a.notNeeded(b)){for(var g=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],h=this,i=0,j=g.length;j>i;i++)h[g[i]]=e(h[g[i]],h);c&&(b.addEventListener("mouseover",this.onMouse,!0),b.addEventListener("mousedown",this.onMouse,!0),b.addEventListener("mouseup",this.onMouse,!0)),b.addEventListener("click",this.onClick,!0),b.addEventListener("touchstart",this.onTouchStart,!1),b.addEventListener("touchmove",this.onTouchMove,!1),b.addEventListener("touchend",this.onTouchEnd,!1),b.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(b.removeEventListener=function(a,c,d){var e=Node.prototype.removeEventListener;"click"===a?e.call(b,a,c.hijacked||c,d):e.call(b,a,c,d)},b.addEventListener=function(a,c,d){var e=Node.prototype.addEventListener;"click"===a?e.call(b,a,c.hijacked||(c.hijacked=function(a){a.propagationStopped||c(a)}),d):e.call(b,a,c,d)}),"function"==typeof b.onclick&&(f=b.onclick,b.addEventListener("click",function(a){f(a)},!1),b.onclick=null)}}var b=navigator.userAgent.indexOf("Windows Phone")>=0,c=navigator.userAgent.indexOf("Android")>0&&!b,d=/iP(ad|hone|od)/.test(navigator.userAgent)&&!b,e=d&&/OS 4_\d(_\d)?/.test(navigator.userAgent),f=d&&/OS [6-7]_\d/.test(navigator.userAgent),g=navigator.userAgent.indexOf("BB10")>0;a.prototype.needsClick=function(a){switch(a.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(a.disabled)return!0;break;case"input":if(d&&"file"===a.type||a.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(a.className)},a.prototype.needsFocus=function(a){switch(a.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!c;case"input":switch(a.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!a.disabled&&!a.readOnly;default:return/\bneedsfocus\b/.test(a.className)}},a.prototype.sendClick=function(a,b){var c,d;document.activeElement&&document.activeElement!==a&&document.activeElement.blur(),d=b.changedTouches[0],c=document.createEvent("MouseEvents"),c.initMouseEvent(this.determineEventType(a),!0,!0,window,1,d.screenX,d.screenY,d.clientX,d.clientY,!1,!1,!1,!1,0,null),c.forwardedTouchEvent=!0,a.dispatchEvent(c)},a.prototype.determineEventType=function(a){return c&&"select"===a.tagName.toLowerCase()?"mousedown":"click"},a.prototype.focus=function(a){var b;d&&a.setSelectionRange&&0!==a.type.indexOf("date")&&"time"!==a.type&&"month"!==a.type?(b=a.value.length,a.setSelectionRange(b,b)):a.focus()},a.prototype.updateScrollParent=function(a){var b,c;if(b=a.fastClickScrollParent,!b||!b.contains(a)){c=a;do{if(c.scrollHeight>c.offsetHeight){b=c,a.fastClickScrollParent=c;break}c=c.parentElement}while(c)}b&&(b.fastClickLastScrollTop=b.scrollTop)},a.prototype.getTargetElementFromEventTarget=function(a){return a.nodeType===Node.TEXT_NODE?a.parentNode:a},a.prototype.onTouchStart=function(a){var b,c,f;if(a.targetTouches.length>1)return!0;if(b=this.getTargetElementFromEventTarget(a.target),c=a.targetTouches[0],d){if(f=window.getSelection(),f.rangeCount&&!f.isCollapsed)return!0;if(!e){if(c.identifier&&c.identifier===this.lastTouchIdentifier)return a.preventDefault(),!1;this.lastTouchIdentifier=c.identifier,this.updateScrollParent(b)}}return this.trackingClick=!0,this.trackingClickStart=a.timeStamp,this.targetElement=b,this.touchStartX=c.pageX,this.touchStartY=c.pageY,a.timeStamp-this.lastClickTimec||Math.abs(b.pageY-this.touchStartY)>c?!0:!1},a.prototype.onTouchMove=function(a){return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(a.target)||this.touchHasMoved(a))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},a.prototype.findControl=function(a){return void 0!==a.control?a.control:a.htmlFor?document.getElementById(a.htmlFor):a.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},a.prototype.onTouchEnd=function(a){var b,g,h,i,j,k=this.targetElement;if(!this.trackingClick)return!0;if(a.timeStamp-this.lastClickTimethis.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=a.timeStamp,g=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,f&&(j=a.changedTouches[0],k=document.elementFromPoint(j.pageX-window.pageXOffset,j.pageY-window.pageYOffset)||k,k.fastClickScrollParent=this.targetElement.fastClickScrollParent),h=k.tagName.toLowerCase(),"label"===h){if(b=this.findControl(k)){if(this.focus(k),c)return!1;k=b}}else if(this.needsFocus(k))return a.timeStamp-g>100||d&&window.top!==window&&"input"===h?(this.targetElement=null,!1):(this.focus(k),this.sendClick(k,a),d&&"select"===h||(this.targetElement=null,a.preventDefault()),!1);return d&&!e&&(i=k.fastClickScrollParent,i&&i.fastClickLastScrollTop!==i.scrollTop)?!0:(this.needsClick(k)||(a.preventDefault(),this.sendClick(k,a)),!1)},a.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},a.prototype.onMouse=function(a){return this.targetElement?a.forwardedTouchEvent?!0:a.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(a.stopImmediatePropagation?a.stopImmediatePropagation():a.propagationStopped=!0,a.stopPropagation(),a.preventDefault(),!1):!0:!0},a.prototype.onClick=function(a){var b;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===a.target.type&&0===a.detail?!0:(b=this.onMouse(a),b||(this.targetElement=null),b)},a.prototype.destroy=function(){var a=this.layer;c&&(a.removeEventListener("mouseover",this.onMouse,!0),a.removeEventListener("mousedown",this.onMouse,!0),a.removeEventListener("mouseup",this.onMouse,!0)),a.removeEventListener("click",this.onClick,!0),a.removeEventListener("touchstart",this.onTouchStart,!1),a.removeEventListener("touchmove",this.onTouchMove,!1),a.removeEventListener("touchend",this.onTouchEnd,!1),a.removeEventListener("touchcancel",this.onTouchCancel,!1)},a.notNeeded=function(a){var b,d,e,f;if("undefined"==typeof window.ontouchstart)return!0;if(d=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!c)return!0;if(b=document.querySelector("meta[name=viewport]")){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(d>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(g&&(e=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),e[1]>=10&&e[2]>=3&&(b=document.querySelector("meta[name=viewport]")))){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===a.style.msTouchAction||"manipulation"===a.style.touchAction?!0:(f=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1],f>=27&&(b=document.querySelector("meta[name=viewport]"),b&&(-1!==b.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))?!0:"none"===a.style.touchAction||"manipulation"===a.style.touchAction?!0:!1)},a.attach=function(b,c){return new a(b,c)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){return a}):"undefined"!=typeof module&&module.exports?(module.exports=a.attach,module.exports.FastClick=a):window.FastClick=a}(); \ No newline at end of file diff --git a/dist/assets/js/vendor/jquery.cookie.js b/dist/assets/js/vendor/jquery.cookie.js deleted file mode 100644 index 5be813ad4..000000000 --- a/dist/assets/js/vendor/jquery.cookie.js +++ /dev/null @@ -1,8 +0,0 @@ -/*! - * jQuery Cookie Plugin v1.4.1 - * https://github.com/carhartl/jquery-cookie - * - * Copyright 2013 Klaus Hartl - * Released under the MIT license - */ -!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}}); \ No newline at end of file diff --git a/dist/assets/js/vendor/jquery.js b/dist/assets/js/vendor/jquery.js deleted file mode 100644 index 34b90c81e..000000000 --- a/dist/assets/js/vendor/jquery.js +++ /dev/null @@ -1,26 +0,0 @@ -/*! - * jQuery JavaScript Library v2.1.4 - * http://jquery.com/ - * - * Includes Sizzle.js - * http://sizzlejs.com/ - * - * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors - * Released under the MIT license - * http://jquery.org/license - * - * Date: 2015-04-28T16:01Z - */ -!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){function c(a){var b="length"in a&&a.length,c=_.type(a);return"function"===c||_.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}function d(a,b,c){if(_.isFunction(b))return _.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return _.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(ha.test(b))return _.filter(b,a,c);b=_.filter(b,a)}return _.grep(a,function(a){return U.call(b,a)>=0!==c})}function e(a,b){for(;(a=a[b])&&1!==a.nodeType;);return a}function f(a){var b=oa[a]={};return _.each(a.match(na)||[],function(a,c){b[c]=!0}),b}function g(){Z.removeEventListener("DOMContentLoaded",g,!1),a.removeEventListener("load",g,!1),_.ready()}function h(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=_.expando+h.uid++}function i(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(ua,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:ta.test(c)?_.parseJSON(c):c}catch(e){}sa.set(a,b,c)}else c=void 0;return c}function j(){return!0}function k(){return!1}function l(){try{return Z.activeElement}catch(a){}}function m(a,b){return _.nodeName(a,"table")&&_.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function n(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function o(a){var b=Ka.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function p(a,b){for(var c=0,d=a.length;d>c;c++)ra.set(a[c],"globalEval",!b||ra.get(b[c],"globalEval"))}function q(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(ra.hasData(a)&&(f=ra.access(a),g=ra.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)_.event.add(b,e,j[e][c])}sa.hasData(a)&&(h=sa.access(a),i=_.extend({},h),sa.set(b,i))}}function r(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&_.nodeName(a,b)?_.merge([a],c):c}function s(a,b){var c=b.nodeName.toLowerCase();"input"===c&&ya.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}function t(b,c){var d,e=_(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:_.css(e[0],"display");return e.detach(),f}function u(a){var b=Z,c=Oa[a];return c||(c=t(a,b),"none"!==c&&c||(Na=(Na||_(" -
    -
    -
    -
    - -
    -
    -
    - -
    -

    Basic

    - -

    You can create a flex video with minimal markup.

    -
    -
    - -

    HTML

    - -
    <div class="flex-video">
-        <iframe width="420" height="315" src="//www.youtube.com/embed/aiBt44rrslw" frameborder="0" allowfullscreen></iframe>
-</div>
    - - -
    -
    -

    Rendered HTML

    -
    - -
    -
    -
    - -

    Advanced

    - -

    Additional classes can be added to your flex video to change its appearance.

    -
    -
    - -

    HTML

    - -
    <div class="flex-video widescreen vimeo">
-  <iframe src="http://player.vimeo.com/video/60122989" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
-</div>
    - -
    -
    -

    Rendered HTML

    -
    - -
    -
    -
    - -
    -

    Customize with Sass

    -

    Flex video can be easily customized using our Sass variables.

    -

    SCSS

    - -
    $include-html-media-classes: $include-html-classes;
-
-// We use these to control video container padding and margins
-$flex-video-padding-top: rem-calc(25);
-$flex-video-padding-bottom: 67.5%;
-$flex-video-margin-bottom: rem-calc(16);
-
-// We use this to control widescreen bottom padding
-$flex-video-widescreen-padding-bottom: 57.25%;
    - - -
    -

    Semantic Markup with Sass

    -

    You can create your own flex video using our Sass mixins.

    -

    Basic

    - -

    You can use the flex-video-container() mixin to create your own flex-video container, like so:

    -

    SCSS

    - -
    .custom-flex-video-class {
-  @include flex-video-container();
-}
    - - -

    HTML

    - -
    <div class="custom-flex-video-class">
-  <iframe src="http://player.vimeo.com/video/21762736" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
-</div>
    - - -
    -

    Sass Errors?

    -

    If the default "foundation" import was commented out, then make sure you import this file:

    -

    SCSS

    - -
    @import "foundation/components/global";
-@import "foundation/components/flex-video";
    -


    -

    -
    - -
    -

    Building Blocks Using Flex Video

    -
    -
    - -
    -
    - -
    - -

    Want more? Check out all the hot Building Blocks ⇨

    -
    - - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- - - -
-
- - - - - - - - diff --git a/dist/docs/components/forms.html b/dist/docs/components/forms.html deleted file mode 100644 index a9cd0ca61..000000000 --- a/dist/docs/components/forms.html +++ /dev/null @@ -1,1228 +0,0 @@ - - - - - - - - Forms | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Forms

-
-

We set out to create an easy, powerful and versatile form layout system. A combination of form styles and the Foundation grid means you can do almost anything.

- -
-

Building Forms With HTML

-

Creating a form in Foundation is designed to be easy but extremely flexible. Forms are built with a combination of standard form elements, as well as the Grid (rows and columns).

-

Form elements in Foundation are styled based on their type attribute rather than a class, and can be sized in a couple of ways:

-
    -
  • You can size inputs using column sizes, like .large-6, .small-6.
    • -
  • You can create row elements inside your form and use columns for the form, including inputs, labels and more. Rows inside a form inherit some special padding to even up input spacing.
    • -
-

This is an example form we've created that is laid out using the grid:

-
-
-

HTML

- -
<form>
-  <div class="row">
-    <div class="large-12 columns">
-      <label>Input Label
-        <input type="text" placeholder="large-12.columns" />
-      </label>
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-4 columns">
-      <label>Input Label
-        <input type="text" placeholder="large-4.columns" />
-      </label>
-    </div>
-    <div class="large-4 columns">
-      <label>Input Label
-        <input type="text" placeholder="large-4.columns" />
-      </label>
-    </div>
-    <div class="large-4 columns">
-      <div class="row collapse">
-        <label>Input Label</label>
-        <div class="small-9 columns">
-          <input type="text" placeholder="small-9.columns" />
-        </div>
-        <div class="small-3 columns">
-          <span class="postfix">.com</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-12 columns">
-      <label>Select Box
-        <select>
-          <option value="husker">Husker</option>
-          <option value="starbuck">Starbuck</option>
-          <option value="hotdog">Hot Dog</option>
-          <option value="apollo">Apollo</option>
-        </select>
-      </label>
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-6 columns">
-      <label>Choose Your Favorite</label>
-      <input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Red</label>
-      <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Blue</label>
-    </div>
-    <div class="large-6 columns">
-      <label>Check these out</label>
-      <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
-      <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-12 columns">
-      <label>Textarea Label
-        <textarea placeholder="small-12.columns"></textarea>
-      </label>
-    </div>
-  </div>
-</form>
- -
- -
-

Rendered HTML

- -
-
-
- -
-
-
-
- -
-
- -
-
-
- -
- -
-
- .com -
-
-
-
-
-
- -
-
-
-
- - - -
-
- - - -
-
-
-
- -
-
-
-
-
- -

Inline Labels

-

Sometimes you want a form with labels to the left of your inputs. Piece of cake. You can put the label inside a different column to the left of the input. Then add a class of .right to the label to have it align to the right.

-
-
-

HTML

-
<form>
-  <div class="row">
-    <div class="small-8">
-      <div class="row">
-        <div class="small-3 columns">
-          <label for="right-label" class="right">Label</label>
-        </div>
-        <div class="small-9 columns">
-          <input type="text" id="right-label" placeholder="Inline Text Input">
-        </div>
-      </div>
-    </div>
-  </div>
-</form>
- -
- -
-

Rendered HTML

-
-
-
-
-
- -
-
- -
-
-
-
-
-
-
- -

Adding a class of .inline will have it vertically center against an input. You can use one or both of these classes to accomplish the look you want.

-
-
-

HTML

-
<form>
-  <div class="row">
-    <div class="small-8 columns">
-      <div class="row">
-        <div class="small-3 columns">
-          <label for="right-label" class="right inline">Label</label>
-        </div>
-        <div class="small-9 columns">
-          <input type="text" id="right-label" placeholder="Inline Text Input">
-        </div>
-      </div>
-    </div>
-  </div>
-</form>
- - -
- -
-

Rendered HTML

-
-
-
-
-
- -
-
- -
-
-
-
-
- -
-
- -
-

Defining a Fieldset

-

We don't see them too much, but one of the useful form elements included with Foundation is <fieldset>. This is used as a wrapper right inside the form element. Right after you define a fieldset, you can include a legend title by using <legend>. Here's some HTML to help make copy paste.

-
-
-

HTML

-
<form>
-  <fieldset>
-    <legend>Fieldset Legend</legend>
-
-    <label>Input Label
-      <input type="text" placeholder="Inputs and other form elements go inside...">
-    </label>
-  </fieldset>
-</form>
- -
- -
-

Rendered HTML

-
-
- Fieldset Legend - - -
-
-
-
- -
-

Pre/Postfix Labels & Actions

-

Foundation forms support actions tied to buttons, and prefix / postfix labels, through a versatile approach using special grid properties. Essentially you can use <div class="row collapse"> to create label / action / input combinations. You use the Foundation columns to define the size of the pre/postfix <span class="postfix"> or <span class="prefix">.

-

You can also give a button / input pair a radius or a rounded edge by adding the classes prefix-radius, postfix-radius, prefix-round or postfix-round to the row that contains the elements. For example, <div class="row collapse postfix-round"> will add a rounded edge to the left side of the input field, and to the right side of the button, creating a cohesive rounded input. Here are a few examples:

-
-
-

HTML

-
<form>
-  <div class="row collapse">
-    <div class="small-3 large-2 columns">
-      <span class="prefix">http://</span>
-    </div>
-    <div class="small-9 large-10 columns">
-      <input type="text" placeholder="Enter your URL...">
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-12 columns">
-      <div class="row collapse">
-        <div class="small-10 columns">
-          <input type="text" placeholder="Hex Value">
-        </div>
-        <div class="small-2 columns">
-          <a href="#" class="button postfix">Go</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-6 columns">
-      <div class="row collapse prefix-radius">
-        <div class="small-3 columns">
-          <span class="prefix">Label</span>
-        </div>
-        <div class="small-9 columns">
-          <input type="text" placeholder="Value">
-        </div>
-      </div>
-    </div>
-    <div class="large-6 columns">
-      <div class="row collapse postfix-radius">
-        <div class="small-9 columns">
-          <input type="text" placeholder="Value">
-        </div>
-        <div class="small-3 columns">
-          <span class="postfix">Label</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="large-6 columns">
-      <div class="row collapse prefix-round">
-        <div class="small-3 columns">
-          <a href="#" class="button prefix">Go</a>
-        </div>
-        <div class="small-9 columns">
-          <input type="text" placeholder="Value">
-        </div>
-      </div>
-    </div>
-    <div class="large-6 columns">
-      <div class="row collapse postfix-round">
-        <div class="small-9 columns">
-          <input type="text" placeholder="Value">
-        </div>
-        <div class="small-3 columns">
-          <a href="#" class="button postfix">Go</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</form>
- - -
- -
-

Rendered HTML

-
-
-
- http:// -
-
- -
-
-
-
-
-
- -
-
- Go -
-
-
-
-
-
-
-
- Label -
-
- -
-
-
-
-
-
- -
-
- Label -
-
-
-
-
-
-
-
- Go -
-
- -
-
-
-
-
-
- -
-
- Go -
-
-
-
-
- -
-
- -

You'll notice that on the last postfix element, we've included the class of radius. This adds the border radius on the appropriate edge depending on whether it's a prefix or a postfix element. You can even include buttons with these styles, just apply the .button as well as the pre/postfix class.

-
-

Error States

-

Foundation includes error states for labels, inputs and messaging that you can have your app generate programatically. You can attach a class of .error either to the individual elements (label, input, small) or to a column/div.

-
-
-

HTML

-
<form>
-  <div class="row">
-    <div class="large-6 columns">
-      <label class="error">Error
-        <input type="text" class="error" />
-      </label>
-      <small class="error">Invalid entry</small>
-    </div>
-    <div class="large-6 columns error">
-      <label>Another Error
-        <input type="text" />
-      </label>
-      <small class="error">Invalid entry</small>
-    </div>
-  </div>
-  <textarea class="error" placeholder="Message..."></textarea>
-  <small class="error">Invalid entry</small>
-</form>
- -
- -
-

Rendered HTML

-
-
-
- - Invalid entry -
-
- - Invalid entry -
-
- - Invalid entry -
-
-
- -
-

Accessibility

-

For the most part, if you stick to standard HTML input types and label them properly, you won't need to worry too much about accessibility. Here are some things to keep in mind.

-

Label your inputs

-

We recommend nesting your inputs inside of their labels, which removes the need to connect them using the for attribute.

-
<label>
-  Name
-  <input type="text" name="name">
-</label>
-

If you need your labels and inputs to be separated, make sure the two are connected so screen readers will know (and to keep the labels clickable!).

-
<label for="name">Name</label>
-<input type="text" name="name" id="name">
-

If an input field doesn't have a label, add the attribute aria-label to the input to clarify its purpose.

-
<input type="text" name="name" aria-label="Name">
-

Label help text

-

If an input has some sort of help text distinct from the label, it should be connected to the input it describes using the attribute aria-describedby.

-
<label>
-  Name
-  <input type="text" name="name" aria-describedby="nameHelpText">
-</label>
-<p id="nameHelpText">Enter your name.</p>
-

Label custom inputs

-

Custom inputs, like date pickers, range sliders, or switches need some extra attention to be made accessible. Our custom inputs—the range slider and switch—do most of this work for you.

-

Custom inputs with labels or help text need the attributes aria-labelledby and aria-describedby added to them, so screen readers know how to describe a custom input.

-
<label id="ageLabel">Age</label>
-<div class="range-slider" data-slider>
-  <span class="range-slider-handle" role="slider" aria-labelledby="ageLabel" aria-describedby="ageHelpText"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
-<p id="ageHelpText">How old are you?</p>
-
-

Customize With Sass

-

Forms can be easily customized with our provided Sass variables.

-

SCSS

- -
$include-html-form-classes: $include-html-classes;
-
-// We use this to set the base for lots of form spacing and positioning styles
-$form-spacing: rem-calc(16);
-
-// We use these to style the labels in different ways
-$form-label-pointer: pointer;
-$form-label-font-size: rem-calc(14);
-$form-label-font-weight: $font-weight-normal;
-$form-label-line-height: 1.5;
-$form-label-font-color: scale-color($black, $lightness: 30%);
-$form-label-small-transform: capitalize;
-$form-label-bottom-margin: 0;
-$input-font-family: inherit;
-$input-font-color: rgba(0,0,0,0.75);
-$input-font-size: rem-calc(14);
-$input-bg-color: $white;
-$input-focus-bg-color: scale-color($white, $lightness: -2%);
-$input-border-color: scale-color($white, $lightness: -20%);
-$input-focus-border-color: scale-color($white, $lightness: -40%);
-$input-border-style: solid;
-$input-border-width: 1px;
-$input-border-radius: $global-radius;
-$input-disabled-bg: $gainsboro;
-$input-disabled-cursor: $cursor-default-value;
-$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-$input-include-glowing-effect: true;
-
-// We use these to style the fieldset border and spacing.
-$fieldset-border-style: solid;
-$fieldset-border-width: 1px;
-$fieldset-border-color: $gainsboro;
-$fieldset-padding: rem-calc(20);
-$fieldset-margin: rem-calc(18 0);
-
-// We use these to style the legends when you use them
-$legend-bg: $white;
-$legend-font-weight: $font-weight-bold;
-$legend-padding: rem-calc(0 3);
-
-// We use these to style the prefix and postfix input elements
-$input-prefix-bg: scale-color($white, $lightness: -5%);
-$input-prefix-border-color: scale-color($white, $lightness: -20%);
-$input-prefix-border-size: 1px;
-$input-prefix-border-type: solid;
-$input-prefix-overflow: hidden;
-$input-prefix-font-color: $oil;
-$input-prefix-font-color-alt: $white;
-
-// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
-$input-number-spinners: true;
-
-// We use these to style the error states for inputs and labels
-$input-error-message-padding: rem-calc(6 9 9);
-$input-error-message-top: -1px;
-$input-error-message-font-size: rem-calc(12);
-$input-error-message-font-weight: $font-weight-normal;
-$input-error-message-font-style: italic;
-$input-error-message-font-color: $white;
-$input-error-message-bg-color: $alert-color;
-$input-error-message-font-color-alt: $oil;
-
-// We use this to style the glowing effect of inputs when focused
-$glowing-effect-fade-time: 0.45s;
-$glowing-effect-color: $input-focus-border-color;
-
-// We use this to style the transition when inputs are focused and when the glowing effect is disabled.
-// $input-transition-fade-time: 0.15s;
-// $input-transition-fade-timing-function: linear;
-
-// Select variables
-$select-bg-color: $ghost;
-$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
- - - -
-

Semantic Markup With Sass

-

You can create your own forms using our Sass mixins.

-

Pre/Postfix Mixin

- -

You can use the prefix-postfix-base() and prefix() mixin to create your own form, like so:

-
Base mixin
-
-
-

SCSS

-
.custom-prefix-class {
-  @include prefix-postfix-base();
-  @include grid-column(
-    $columns:3,
-    $float:left
-  );
-}
-
-input[type="text"].custom-input-class {
-  @include grid-column($columns:9);
-}
- -
-
-
<form>
-  <div class="row collapse">
-    <span class="custom-prefix-class">Label</span>
-    <input type="text" class="custom-input-class" placeholder="Value">
-  </div>
-</form>
- -
-
- -
Prefix & Postfix Style Mixins
-

We use this mixin to create prefix label styles

-
-
-

SCSS

-
.custom-prefix-class {
-  @include prefix-postfix-base();
-  @include prefix(
-    // Control the background color, which also effect the border and font color. Default:$input-prefix-bg (scale-color(#fff, $lightness: -5%))
-    $bg: $input-prefix-bg,
-    // Toggle position settings if prefix is a button. Default:false
-    $is-button: false
-  );
-  @include grid-column($columns:3,$float:left);
-}
-
-input[type="text"].custom-input-class {
-  @include grid-column($columns:9);
-}
- -
-
-

HTML

-
<form>
-  <div class="row collapse">
-    <span class="custom-prefix-class">Label</span>
-    <input type="text" class="custom-input-class" placeholder="Value">
-  </div>
-</form>
- -
-
- -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/buttons";
-@import "foundation/components/forms";
-


-

-
- -
-

Building Blocks Using Forms

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/global.html b/dist/docs/components/global.html deleted file mode 100644 index e897c2a4d..000000000 --- a/dist/docs/components/global.html +++ /dev/null @@ -1,1118 +0,0 @@ - - - - - - - - Global Styles | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Global Styles

-
-

Every Foundation project needs to include these global styles in order to work properly. These include things like basic formatting and global utility classes.

- -
-

SCSS

- -
// Foundation by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-@import "../functions";
-//
-// Foundation Variables
-//
-
-// Data attribute namespace
-// styles get applied to [data-mysite-plugin], etc
-$namespace: false !default;
-
-// The default font-size is set to 100% of the browser style sheet (usually 16px)
-// for compatibility with browser-based text zoom or user-set defaults.
-
-// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
-// If you want your base font-size to be different and not have it affect the grid breakpoints,
-// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
-$base-font-size: 100% !default;
-
-// $base-line-height is 24px while $base-font-size is 16px
-$base-line-height: 150% !default;
-
-//
-// Global Foundation Mixins
-//
-
-// @mixins
-//
-// We use this to control border radius.
-// $radius - Default: $global-radius || 4px
-@mixin radius($radius:$global-radius) {
-  @if $radius {
-    border-radius: $radius;
-  }
-}
-
-// @mixins
-//
-// We use this to create equal side border radius on elements.
-// $side - Options: left, right, top, bottom
-@mixin side-radius($side, $radius:$global-radius) {
-  @if ($side == left or $side == right) {
-    -webkit-border-bottom-#{$side}-radius: $radius;
-    -webkit-border-top-#{$side}-radius: $radius;
-    border-bottom-#{$side}-radius: $radius;
-    border-top-#{$side}-radius: $radius;
-  } @else {
-    -webkit-#{$side}-left-radius: $radius;
-    -webkit-#{$side}-right-radius: $radius;
-    border-#{$side}-left-radius: $radius;
-    border-#{$side}-right-radius: $radius;
-  }
-}
-
-// @mixins
-//
-// We can control whether or not we have inset shadows edges.
-// $active - Default: true, Options: false
-@mixin inset-shadow($active:true) {
-  box-shadow: $shiny-edge-size $shiny-edge-color inset;
-
-  @if $active { &:active {
-    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }
-}
-
-// @mixins
-//
-// We use this to add transitions to elements
-// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties
-// $speed - Default: 300ms
-// $ease - Default: ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/
-@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {
-  @include transition($property, $speed, $ease);
-}
-
-// @mixins
-//
-// We use this to add single or multiple transitions to elements
-// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties
-// $speed - Default: 300ms
-// $ease - Default: ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/
-// $delay - Default: null (0s)
-@mixin transition($property:all, $speed:300ms, $ease:ease-out, $delay:null) {
-  $transition: none;
-
-  @if length($property) > 1 {
-
-    @each $transition_list in $property {
-
-      @for $i from 1 through length($transition_list) {
-
-        @if $i == 1 {
-          $_property: nth($transition_list, $i);
-        }
-
-        @if length($transition_list) > 1 {
-          @if $i == 2 {
-            $_speed: nth($transition_list, $i);
-          }
-        } @else {
-          $_speed: $speed;
-        }
-
-        @if length($transition_list) > 2 {
-          @if $i == 3 {
-            $_ease: nth($transition_list, $i);
-          }
-        } @else {
-          $_ease: $ease;
-        }
-
-        @if length($transition_list) > 3 {
-          @if $i == 4 {
-            $_delay: nth($transition_list, $i);
-          }
-        } @else {
-          $_delay: $delay;
-        }
-      }
-
-      @if $transition == none {
-        $transition: $_property $_speed $_ease $_delay;
-      } @else {
-        $transition: $transition, $_property $_speed $_ease $_delay;
-      }
-    }
-  }
-  @else {
-
-    @each $prop in $property {
-
-      @if $transition == none {
-        $transition: $prop $speed $ease $delay;
-      } @else {
-        $transition: $transition, $prop $speed $ease $delay;
-      }
-    }
-  }
-
-  transition: $transition;
-}
-
-// @mixins
-//
-// We use this to add box-sizing across browser prefixes
-@mixin box-sizing($type:border-box) {
-  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4
-     -moz-box-sizing: $type; // Firefox < 29
-          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
-}
-
-// @mixins
-//
-// We use this to create isosceles triangles
-// $triangle-size - Used to set border-size. No default, set a px or em size.
-// $triangle-color - Used to set border-color which makes up triangle. No default
-// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right
-@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
-  content: "";
-  display: block;
-  width: 0;
-  height: 0;
-  border: inset $triangle-size;
-  @if ($triangle-direction == top) {
-    border-color: $triangle-color transparent transparent transparent;
-    border-top-style: solid;
-  }
-  @if ($triangle-direction == bottom) {
-    border-color: transparent transparent $triangle-color transparent;
-    border-bottom-style: solid;
-  }
-  @if ($triangle-direction == left) {
-    border-color: transparent transparent transparent $triangle-color;
-    border-left-style: solid;
-  }
-  @if ($triangle-direction == right) {
-    border-color: transparent $triangle-color transparent transparent;
-    border-right-style: solid;
-  }
-}
-
-// @mixins
-//
-// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon
-// $width - Width of hamburger icon in rem
-// $left - If false, icon will be centered horizontally || explicitly set value in rem
-// $top - If false, icon will be centered vertically || explicitly set value in rem
-// $thickness - thickness of lines in hamburger icon, set value in px
-// $gap - spacing between the lines in hamburger icon, set value in px
-// $color - icon color
-// $hover-color - icon color during hover
-// $offcanvas - Set to true of @include in offcanvas
-@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {
-  span::after {
-    content: "";
-    position: absolute;
-    display: block;
-    height: 0;
-
-    @if $offcanvas {
-      @if $top {
-        top: $top;
-      }
-      @else {
-        top: 50%;
-        margin-top: -$width/2;
-      }
-      @if $left {
-        left: $left;
-      }
-      @else {
-        left: ($tabbar-menu-icon-width - $width)/2;
-      }
-    }
-    @else {
-      top: 50%;
-      margin-top: -($width/2);
-      #{$opposite-direction}: $topbar-link-padding;
-    }
-
-    box-shadow:
-      0 0px 0 $thickness $color,
-      0 $gap + $thickness 0 $thickness $color,
-      0 (2 * $gap + 2*$thickness) 0 $thickness $color;
-    width: $width;
-  }
-  span:hover:after {
-    box-shadow:
-      0 0px 0 $thickness $hover-color,
-      0 $gap + $thickness 0 $thickness $hover-color,
-      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;
-  }
-}
-
-// We use this to do clear floats
-@mixin clearfix {
-  &:before, &:after { content: " "; display: table; }
-  &:after { clear: both; }
-}
-
-// @mixins
-//
-// We use this to add a glowing effect to block elements
-// $selector - Used for selector state. Default: focus, Options: hover, active, visited
-// $fade-time - Default: 300ms
-// $glowing-effect-color - Default: fade-out($primary-color, .25)
-@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {
-  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;
-
-  &:#{$selector} {
-    box-shadow: 0 0 5px $glowing-effect-color;
-    border-color: $glowing-effect-color;
-  }
-}
-
-// @mixins
-//
-// We use this to translate elements in 2D
-// $horizontal: Default: 0
-// $vertical: Default: 0
-@mixin translate2d($horizontal:0, $vertical:0) {
-  transform: translate($horizontal,$vertical)
-}
-
-// @mixins
-//
-// Makes an element visually hidden, but accessible.
-// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-@mixin element-invisible {
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
-}
-
-// @mixins
-//
-// Turns off the element-invisible effect.
-@mixin element-invisible-off {
-  position: static !important;
-  height: auto;
-  width: auto;
-  overflow: visible;
-  clip: auto;
-}
-
-// We use these as default colors throughout
-$primary-color: #008CBA !default;   // bondi-blue
-$secondary-color: #e7e7e7 !default; // white-lilac
-$alert-color: #f04124 !default;     // cinnabar
-$success-color: #43AC6A !default;   // sea-green
-$warning-color: #f08a24 !default;   // carrot
-$info-color: #a0d3e8 !default;      // cornflower
-
-$white         : #FFFFFF !default;
-$ghost         : #FAFAFA !default;
-$snow          : #F9F9F9 !default;
-$vapor         : #F6F6F6 !default;
-$white-smoke   : #F5F5F5 !default;
-$silver        : #EFEFEF !default;
-$smoke         : #EEEEEE !default;
-$gainsboro     : #DDDDDD !default;
-$iron          : #CCCCCC !default;
-$base          : #AAAAAA !default;
-$aluminum      : #999999 !default;
-$jumbo         : #888888 !default;
-$monsoon       : #777777 !default;
-$steel         : #666666 !default;
-$charcoal      : #555555 !default;
-$tuatara       : #444444 !default;
-$oil           : #333333 !default;
-$jet           : #222222 !default;
-$black         : #000000 !default;
-
-// We use these to define default font weights
-$font-weight-normal: normal !default;
-$font-weight-bold: bold !default;
-
-// We use these to control various global styles
-$body-bg: #fff !default;
-$body-font-color: #222 !default;
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
-$body-font-weight: $font-weight-normal !default;
-$body-font-style: normal !default;
-
-// We use this to control font-smoothing
-$font-smoothing: antialiased !default;
-
-// We use these to control text direction settings
-$text-direction: ltr !default;
-$default-float: left !default;
-$opposite-direction: right !default;
-@if $text-direction == ltr {
-  $default-float: left;
-  $opposite-direction: right;
-} @else {
-  $default-float: right;
-  $opposite-direction: left;
-}
-
-// We use these to make sure border radius matches unless we want it different.
-$global-radius: 3px !default;
-$global-rounded: 1000px !default;
-
-// We use these to control inset shadow shiny edges and depressions.
-$shiny-edge-size: 0 1px 0 !default;
-$shiny-edge-color: rgba(#fff, .5) !default;
-$shiny-edge-active-color: rgba(#000, .2) !default;
-
-// We use this to control whether or not CSS classes come through in the gem files.
-$include-html-classes: true !default;
-$include-print-styles: true !default;
-$include-html-global-classes: $include-html-classes !default;
-
-$column-gutter: rem-calc(30) !default;
-
-// Media Query Ranges
-$small-range: (0em, 40em) !default;
-$medium-range: (40.063em, 64em) !default;
-$large-range: (64.063em, 90em) !default;
-$xlarge-range: (90.063em, 120em) !default;
-$xxlarge-range: (120.063em, 99999999em) !default;
-
-
-$screen: "only screen" !default;
-
-$landscape: "#{$screen} and (orientation: landscape)" !default;
-$portrait: "#{$screen} and (orientation: portrait)" !default;
-
-$small-up: $screen !default;
-$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
-
-$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
-$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;
-
-$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
-$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;
-
-$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default;
-$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default;
-
-$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default;
-$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default;
-
-// Legacy
-$small: $medium-up;
-$medium: $medium-up;
-$large: $large-up;
-
-
-//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
-$cursor-crosshair-value: crosshair !default;
-$cursor-default-value: default !default;
-$cursor-pointer-value: pointer !default;
-$cursor-help-value: help !default;
-$cursor-text-value: text !default;
-
-
-@include exports("global") {
-
-  // Meta styles are included in all builds, as they are a dependancy of the Javascript.
-  // Used to provide media query values for javascript components.
-  // Forward slash placed around everything to convince PhantomJS to read the value.
-
-  meta.foundation-version {
-    font-family: "/5.4.0/";
-  }
-
-  meta.foundation-mq-small {
-    font-family: "/" + unquote($small-up) + "/";
-    width: lower-bound($small-range);
-  }
-
-  meta.foundation-mq-small-only {
-    font-family: "/" + unquote($small-only) + "/";
-    width: lower-bound($small-range);
-  }
-
-  meta.foundation-mq-medium {
-    font-family: "/" + unquote($medium-up) + "/";
-    width: lower-bound($medium-range);
-  }
-
-  meta.foundation-mq-medium-only {
-    font-family: "/" + unquote($medium-only) + "/";
-    width: lower-bound($medium-range);
-  }
-
-  meta.foundation-mq-large {
-    font-family: "/" + unquote($large-up) + "/";
-    width: lower-bound($large-range);
-  }
-
-  meta.foundation-mq-large-only {
-    font-family: "/" + unquote($large-only) + "/";
-    width: lower-bound($large-range);
-  }
-
-  meta.foundation-mq-xlarge {
-    font-family: "/" + unquote($xlarge-up) + "/";
-    width: lower-bound($xlarge-range);
-  }
-
-  meta.foundation-mq-xlarge-only {
-    font-family: "/" + unquote($xlarge-only) + "/";
-    width: lower-bound($xlarge-range);
-  }
-
-  meta.foundation-mq-xxlarge {
-    font-family: "/" + unquote($xxlarge-up) + "/";
-    width: lower-bound($xxlarge-range);
-  }
-
-  meta.foundation-data-attribute-namespace {
-    font-family: #{$namespace};
-  }
-
-  @if $include-html-global-classes {
-
-    // Must be 100% for off canvas to work
-    html, body { height: 100%; }
-
-    // Set box-sizing globally to handle padding and border widths
-    *,
-    *:before,
-    *:after {
-      @include box-sizing(border-box);
-    }
-
-    html,
-    body { font-size: $base-font-size; }
-
-    // Default body styles
-    body {
-      background: $body-bg;
-      color: $body-font-color;
-      padding: 0;
-      margin: 0;
-      font-family: $body-font-family;
-      font-weight: $body-font-weight;
-      font-style: $body-font-style;
-      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%
-      position: relative;
-      cursor: $cursor-default-value;
-    }
-
-  a:hover { cursor: $cursor-pointer-value; }
-
-    // Grid Defaults to get images and embeds to work properly
-    img { max-width: 100%; height: auto; }
-
-    img { -ms-interpolation-mode: bicubic; }
-
-    #map_canvas,
-    .map_canvas {
-      img,
-      embed,
-      object { max-width: none !important;
-      }
-    }
-
-    // Miscellaneous useful HTML classes
-    .left   { float: left !important; }
-    .right  { float: right !important; }
-    .clearfix     { @include clearfix; }
-    .hide         { display: none; }
-
-    // Font smoothing
-    // Antialiased font smoothing works best for light text on a dark background.
-    // Apply to single elements instead of globally to body.
-    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
-    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
-
-    // Get rid of gap under images by making them display: inline-block; by default
-    img {
-      display: inline-block;
-      vertical-align: middle;
-    }
-
-    //
-    // Global resets for forms
-    //
-
-    // Make sure textarea takes on height automatically
-    textarea { height: auto; min-height: 50px; }
-
-    // Make select elements 100% width by default
-    select { width: 100%; }
-  }
-}
- - - -


-

-
- -
-

Building Blocks Using Global Styles

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/grid.html b/dist/docs/components/grid.html deleted file mode 100644 index e3d2aa7c1..000000000 --- a/dist/docs/components/grid.html +++ /dev/null @@ -1,1031 +0,0 @@ - - - - - - - - Grid | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Grid

-
-

Create powerful multi-device layouts quickly and easily with the default 12-column, nest-able Foundation grid. If you're familiar with grid systems, you'll feel right at home. If not, you'll learn quickly.

- -
-

Basic

- -

Start by adding an element with a class of row. This will create a horizontal block to contain vertical columns. Then add divs with a column class within that row. You can use column or columns - the only difference is grammar. Specify the widths of each column with the small-#, medium-#, and large-# classes.

-

Foundation is mobile-first. Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.

-

HTML

- -
<div class="row">
-  <div class="small-2 large-4 columns">...</div>
-  <div class="small-4 large-4 columns">...</div>
-  <div class="small-6 large-4 columns">...</div>
-</div>
-<div class="row">
-  <div class="large-3 columns">...</div>
-  <div class="large-6 columns">...</div>
-  <div class="large-3 columns">...</div>
-</div>
-<div class="row">
-  <div class="small-6 large-2 columns">...</div>
-  <div class="small-6 large-8 columns">...</div>
-  <div class="small-12 large-2 columns">...</div>
-</div>
-<div class="row">
-  <div class="small-3 columns">...</div>
-  <div class="small-9 columns">...</div>
-</div>
-<div class="row">
-  <div class="large-4 columns">...</div>
-  <div class="large-8 columns">...</div>
-</div>
-<div class="row">
-  <div class="small-6 large-5 columns">...</div>
-  <div class="small-6 large-7 columns">...</div>
-</div>
-<div class="row">
-  <div class="large-6 columns">...</div>
-  <div class="large-6 columns">...</div>
-</div>
- - - -

Rendered HTML

- -
-
24
-
4
-
64
-
-
-
full3
-
full6
-
full3
-
-
-
62
-
68
-
full2
-
-
-
3
-
9
-
-
-
full4
-
full8
-
-
-
65
-
67
-
-
-
full6
-
full6
-
- -
-

Small Grid

-

Small grids expand to large screens easier than large grids cram into small screens.

-

HTML

- -
<div class="row">
-  <div class="small-2 columns">2 columns</div>
-  <div class="small-10 columns">10 columns</div>
-</div>
-<div class="row">
-  <div class="small-3 columns">3 columns</div>
-  <div class="small-9 columns">9 columns</div>
-</div>
- - -

Rendered HTML

- -
-
2 columns
-
10 columns
-
-
-
3 columns
-
9 columns
-
- - -
-

Medium Grid

-

Medium sized screens will inherit styles from small, unless you specify a different layout, using the medium grid classes.

-
<div class="row">
-  <div class="medium-2 columns">2 columns</div>
-  <div class="medium-10 columns">10 columns</div>
-</div>
-<div class="row">
-  <div class="medium-3 columns">3 columns</div>
-  <div class="medium-9 columns">9 columns</div>
-</div>
- - -

Rendered HTML

- -
-
2 columns
-
10 columns
-
-
-
3 columns
-
9 columns
-
- -
-

Advanced

- -

You can nest the grids indefinitely, though at a certain point it will get absurd.

-

HTML

- -
<div class="row">
-  <div class="small-8 columns">8
-    <div class="row">
-      <div class="small-8 columns">8 Nested
-        <div class="row">
-          <div class="small-8 columns">8 Nested Again</div>
-          <div class="small-4 columns">4</div>
-        </div>
-      </div>
-      <div class="small-4 columns">4</div>
-    </div>
-  </div>
-  <div class="small-4 columns">4</div>
-</div>
- - -

Rendered HTML

- -
-
8 -
-
8 Nested -
-
8 Nested Again
-
4
-
-
-
4
-
-
-
4
-
- -
-

Offsets

-

Move blocks up to 11 columns to the right by using classes like .large-offset-1 and .small-offset-3.

-

HTML

- -
<div class="row">
-  <div class="large-1 columns">1</div>
-  <div class="large-11 columns">11</div>
-</div>
-<div class="row">
-  <div class="large-1 columns">1</div>
-  <div class="large-10 large-offset-1 columns">10, offset 1</div>
-</div>
-<div class="row">
-  <div class="large-1 columns">1</div>
-  <div class="large-9 large-offset-2 columns">9, offset 2</div>
-</div>
-<div class="row">
-  <div class="large-1 columns">1</div>
-  <div class="large-8 large-offset-3 columns">8, offset 3</div>
-</div>
- - - -

Rendered HTML

- -
-
1
-
11
-
-
-
1
-
10, offset 1
-
-
-
1
-
9, offset 2
-
-
-
1
-
8, offset 3
-
- - -
-

Incomplete Rows

-

In order to work around browsers' different rounding behaviors, Foundation will float the last column in a row to the right so the edge aligns. If your row doesn't have a count that adds up to 12 columns, you can tag the last column with a class of end in order to override that behavior.

-

HTML

- -
<div class="row">
-  <div class="medium-3 columns">3</div>
-  <div class="medium-3 columns">3</div>
-  <div class="medium-3 columns">3</div>
-</div>
-<div class="row">
-  <div class="medium-3 columns">3</div>
-  <div class="medium-3 columns">3</div>
-  <div class="medium-3 columns end">3 end</div>
-</div>
- - - -

Rendered HTML

- -
-
3
-
3
-
3
-
-
-
3
-
3
-
3 end
-
- - -
-

Collapse/Uncollapse Rows

-

The collapse class lets you remove column gutters (padding).

-

There are times when you won't want each media query to be collapsed or uncollapsed. In this case, use the media query size you want and collapse or uncollapse and add that to your row element. Example removes the gutter at the large breakpoint and then adds the gutter to columns at medium and small.

-

HTML

- -
<div class="row medium-uncollapse large-collapse">
-    <div class="small-6 columns">
-        Removes gutter at large media query
-    </div>
-    <div class="small-6 columns">
-        Removes gutter at large media query
-    </div>
-</div>
- - - -

Rendered HTML

- - -

Scale the browser down to a medium or smaller size to see the difference.

- -
-
-
-

On small, I have gutters!

-

On a medium screen, I have gutters!

-

On a large screen, I have no gutters!

-
-
-
-
-

On small, I have gutters!

-

On a medium screen, I have gutters!

-

On a large screen, I have no gutters!

-
-
-
- - -
-

Centered Columns

-

Center your columns by adding a class of small-centered to your column. Large will inherit small centering by default, but you can also center solely on large by applying a large-centered class. To uncenter on large screens use large-uncentered.

-

HTML

- -
<div class="row">
-  <div class="small-3 small-centered columns">3 centered</div>
-</div>
-<div class="row">
-  <div class="small-6 large-centered columns">6 centered</div>
-</div>
-<div class="row">
-  <div class="small-9 small-centered large-uncentered columns">9 centered</div>
-</div>
-<div class="row">
-  <div class="small-11 small-centered columns">11 centered</div>
-</div>
- - - -

Rendered HTML

- -
-
3 centered
-
-
-
6 centered, large
-
-
-
9 centered small
-
-
-
11 centered
-
- -
-

Source Ordering

-

Using these source ordering classes, you can shift columns around between our breakpoints. This means if you place sub-navigation below main content on small displays, you have the option to position the sub-navigation on either the left or right of the page for large displays. Prefix push/pull with the size of the device you want to apply the styles to. medium-push-#, large-push-# is the syntax you'll use. Use large-reset-order to reset pushed or pulled columns to their original position on large screens.

-

HTML

- -
<div class="row">
-  <div class="small-10 small-push-2 columns">10</div>
-  <div class="small-2 small-pull-10 columns">2, last</div>
-</div>
-<div class="row">
-  <div class="large-9 large-push-3 columns">9</div>
-  <div class="large-3 large-pull-9 columns">3, last</div>
-</div>
-<div class="row">
-  <div class="large-8 large-push-4 columns">8</div>
-  <div class="large-4 large-pull-8 columns">4, last</div>
-</div>
-<div class="row">
-  <div class="small-5 small-push-7 medium-7 medium-push-5 columns">7</div>
-  <div class="small-7 small-pull-5 medium-5 medium-pull-7 columns">5, last</div>
-</div>
-<div class="row">
-  <div class="medium-6 medium-push-6 columns">6</div>
-  <div class="medium-6 medium-pull-6 columns">6, last</div>
-</div>
- - -

Rendered HTML

- -
-
10
-
2, last
-
-
-
9
-
3, last
-
-
-
8
-
4, last
-
-
-
7
-
5, last
-
-
-
6
-
6, last
-
- - -
-

Customize with Sass

-

Customizing the grid is easy with the Sass variables provided in the _settings.scss file.

-

SCSS

- -
$row-width: rem-calc(1000);
-$column-gutter: rem-calc(30);
-$total-columns: 12 ;
- - - -

Basic

- -

You can use the grid-row() and grid-column() mixins to create your own rows and columns with semantic markup, like so:

-
-
-

SCSS

-
.custom-row-class {
-  @include grid-row();
-  .custom-column-class {
-    @include grid-column(12);
-  }
-}
- -
-
-

HTML

-
<div class="your-row-class-name">
-  <div class="your-column-class-name">
-    <!-- Your content goes here -->
-  </div>
-</div>
- - -
-
- -

Advanced

- -

You can further customize your grid columns using the provided options in the grid-column() mixin:

-
Row Mixin Options
-

SCSS

- -
.your-class-name {
-  @include grid-row($behavior: nest) // Other options include collapse and nest-collapse.
-  // Default $behavior value is false
-}
- - -
Column Mixin Options
-

SCSS

- -
.custom-grid-class {
-  @include grid-column(
-    // Control the number of columns
-    $columns:4,
-    // Specify whether or not this is the last column in the row
-    $last-column:true,
-    // Choose whether or not to center this column
-    $center:true,
-    // Choose the number of columns to offset this element by
-    $offset:3,
-    // Specify how many columns to push this element past
-    $push:3,
-    // Specify how many columns to pull this element past
-    $pull:9,
-    // Set to true to remove column padding
-    $collapse:true,
-    // Specify the float direction
-    $float:right
-  );
-}
- - - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/grid";
- - - - -


-

-
- -
-

Building Blocks Using Grid

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/icon-bar.html b/dist/docs/components/icon-bar.html deleted file mode 100644 index bbd92df51..000000000 --- a/dist/docs/components/icon-bar.html +++ /dev/null @@ -1,982 +0,0 @@ - - - - - - - - Icon Bar | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Icon Bar

-
-

An Icon Bar provides a menu to quickly navigate an app. Use the Icon Bar horizontally or vertically, with the labels below the icons or to the right. Have it your way.

- -
-
- - - - - - - - - - - - - - - - - - - - -
- -
-

Basic

- -

You can create an Icon Bar using minimal markup. Specifying the number of items one-up through eight-up will ensure the items are evenly spaced.

-
-
-

HTML

-
<div class="icon-bar five-up">
-  <a class="item">
-    <img src="../assets/img/images/fi-home.svg" >
-    <label>Home</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-bookmark.svg" >
-    <label>Bookmark</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-info.svg" >
-    <label>Info</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-mail.svg" >
-    <label>Mail</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-like.svg" >
-    <label>Like</label>
-  </a>
-</div>
- -
-
-

Rendered HTML

-
- - - - - - - - - - - - - - - - - - - - -
-
-
- -
-

Vertical Icon Bar

- -

It's easy. Just add a class of .vertical to make the Icon Bar stack up. For an Icon bar that's horizontal on small screens but vertical on larger use '.medium-vertical' and 'large-vertical' to utilize those breakpoints.

-
-
-

HTML

-
<div class="icon-bar vertical five-up">
-  <a class="item">
-    <img src="../assets/img/images/fi-home.svg" >
-    <label>Home</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-bookmark.svg" >
-    <label>Bookmark</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-info.svg" >
-    <label>Info</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-mail.svg" >
-    <label>Mail</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-like.svg" >
-    <label>Like</label>
-  </a>
-</div>
-
-<div class="icon-bar large-vertical four-up">
-  <a class="item">
-    <img src="../assets/img/images/fi-home.svg" >
-    <label>Home</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-bookmark.svg" >
-    <label>Bookmark</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-info.svg" >
-    <label>Info</label>
-  </a>
-  <a class="item">
-    <img src="../assets/img/images/fi-mail.svg" >
-    <label>Mail</label>
-  </a>
-</div>
- -
-
-

Rendered HTML

-
- - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - - - - - - - - - - - -
-
-
- -
-

Advanced

-

Instead of images you can use Icon Fonts. This will help you change the colors and size faster instead of having to upload new images each time. Check out our badass Icon Fonts here.

-
-
-

HTML

-
<div class="icon-bar five-up">
-  <a class="item">
-    <i class="fi-home"></i>
-  </a>
-  <a class="item">
-    <i class="fi-bookmark"></i>
-  </a>
-  <a class="item">
-    <i class="fi-info"></i>
-  </a>
-  <a class="item">
-    <i class="fi-mail"></i>
-  </a>
-  <a class="item">
-    <i class="fi-like"></i>
-  </a>
-</div>
- -
-
-

Rendered HTML

-
- - - - - - - - - - - - - - - -
-
-
- -

Other Options

-

The default orientation for the labels are on the bottom. By adding a class of .label-right you can have the label on the right and icon on the left.

-

Add the class .disabled to an icon bar .item to give it a faded appearance and disable hover effects.

-
-

Accessibility

-

To make the icon bar navigable with a keyboard, add the attribute tabindex="0" to each item, which allows it to be focused when tabbing through items. Each item also gets the attribute role="button", indicating its functionality.

-

For icon bars without text labels, add aria-label to each item, with a value representing what the icon is. For icon bars with labels, give each label a unique ID, and add aria-labelledby to each item container, with a value equal to the ID of the label.

-
-
-

Rendered HTML - Icon Bar w/o Text

- -

HTML

- 
<div class="icon-bar five-up" role="navigation">
-  <a class="item" role="button" tabindex="0" aria-label="home">
-    <i class="fi-home"></i>
-  </a>
-  <a class="item" role="button" tabindex="0" aria-label="Bookmark">
-    <i class="fi-bookmark"></i>
-  </a>
-  <a class="item" role="button" tabindex="0" aria-label="Information">
-    <i class="fi-info"></i>
-  </a>
-  <a class="item" role="button" tabindex="0" aria-label="Mail">
-    <i class="fi-mail"></i>
-  </a>
-  <a class="item" role="button" tabindex="0" aria-label="Like">
-    <i class="fi-like"></i>
-  </a>
-</div>
- -
-
-

Rendered HTML - Icon Bar with Text

- -

HTML

- 
<div class="icon-bar five-up" role="navigation">
-  <a class="item" aria-labelledby="#itemlabel1">
-    <img src="../assets/img/images/fi-home.svg" >
-    <label id='itemlabel1'>Home</label>
-  </a>
-  <a class="item" aria-labelledby="#itemlabel2">
-    <img src="../assets/img/images/fi-bookmark.svg" >
-    <label id='itemlabel2'>Bookmark</label>
-  </a>
-  <a class="item" aria-labelledby="#itemlabel3">
-    <img src="../assets/img/images/fi-info.svg" >
-    <label id='itemlabel3'>Info</label>
-  </a>
-  <a class="item" aria-labelledby="#itemlabel4">
-    <img src="../assets/img/images/fi-mail.svg" >
-    <label id='itemlabel4'>Mail</label>
-  </a>
-  <a class="item" aria-labelledby="#itemlabel5">
-    <img src="../assets/img/images/fi-like.svg" >
-    <label id='itemlabel5'>Like</label>
-  </a>
-</div>
- -
-
- -
-

Customize with Sass

-

Icon Bar can be easily customized using our provided Sass variables.

-
-
-

SCSS

-
$include-html-icon-bar-classes: $include-html-classes
-
-// We use these to style the icon-bar and items
-$icon-bar-bg: $oil;
-$icon-bar-font-color: $white;
-$icon-bar-font-color-hover: $icon-bar-font-color;
-$icon-bar-font-size: 1rem;
-$icon-bar-hover-color: $primary-color;
-$icon-bar-icon-color: $white;
-$icon-bar-icon-color-hover: $icon-bar-icon-color;
-$icon-bar-icon-size: 1.875rem;
-$icon-bar-image-width: 1.875rem;
-$icon-bar-image-height: 1.875rem;
-$icon-bar-active-color: $primary-color;
-$icon-bar-item-padding: 1.25rem;
-$icon-bar-disabled-opacity: 0.7
- -
-
- -
-

Semantic Markup with Sass

-

Basic

-

You can use the icon-bar() mixin to create your own icon-bar, like so:

-
.my-custom-class {
-  @include icon-bar();
-}
- - -
<div class="my-custom-class"> </div>
- - -

Advanced

-

You can further customize your icon bar using the provided options in the icon bar mixin:

-

SCSS

-
.my-custom-class {
-@include icon-bar(
-
-  // Set the background color of the icon bar. Default: $icon-bar-bg.
-  $bar-bg: $icon-bar-bg,
-  //  Set the font color of the icon bar. Default: $icon-bar-font-color.
-  $bar-font-color: $icon-bar-font-color,
-  // Set the hover background color for the icon bar. Default: $icon-bar-hover-color.
-  $bar-hover-color,
-  // Set the color of the icons for the icon bar. Default: $icon-bar-icon-color
-  $bar-icon-color: $icon-bar-icon-color,
-  // Set the background of the color when the icon bar is clicked or tapped on (or items within the icon bar). Default: $icon-bar-active-color.
-  $bar-active-color,
-  // Set the padding for icon bar. Default: $icon-bar-item-padding.
-  $padding,
-  // Set the font-size of the icon bar. Default: $icon-bar-font-size.
-  $font-size,
-  // Set the size of the icons within the icon bar. Default: $icon-bar-icon-size.
-  $icon-size,
-  // Set the width of images within the icon bar. Default: $icon-bar-image-width
-  $image-width,
-  // Set the height of images within the icon bar. Default: $icon-bar-image-height
-  $image-height,
-  // Assign whether or not base styles usually associated with the icon bar to appear the way it usually does should be included. Default: true.
-  $base-style: true,
-  // Allow disabled icons. Default: false.
-  // If enabled add class disabled.
-  $disabled: false
-  );
-}
- - -

HTML

-
<div class="my-custom-class five-up">Items for the Icon Bar goes here.</div>
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/icon-bar";
-


-

-
- -
-

Building Blocks Using Icon Bar

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/inline_lists.html b/dist/docs/components/inline_lists.html deleted file mode 100644 index f18825493..000000000 --- a/dist/docs/components/inline_lists.html +++ /dev/null @@ -1,667 +0,0 @@ - - - - - - - - Inline Lists | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Inline Lists

-
-

This simple construct creates a horizontal list of links, like in a footer. Use it when you want more control than spaces between links.

- -
- - -
-

Basic

- -

You can create an inline list using minimal markup.

-
-
-

HTML

-
<ul class="inline-list">
-  <li><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
-  <li><a href="#">Link 3</a></li>
-  <li><a href="#">Link 4</a></li>
-  <li><a href="#">Link 5</a></li>
-</ul>
- -
-
-

Rendered HTML

- -
-
- -
-

Customize with Sass

-

Lists can be easily customized using our Sass variables.

-

SCSS

- -
$include-html-inline-list-classes: $include-html-classes;
-
-// We use this to control the margins and padding of the inline list.
-$inline-list-top-margin: 0;
-$inline-list-opposite-margin: 0;
-$inline-list-bottom-margin: rem-calc(17);
-$inline-list-default-float-margin: rem-calc(-22);
-$inline-list-default-float-list-margin: rem-calc(22);
-
-$inline-list-padding: 0;
-
-// We use this to control the overflow of the inline list.
-$inline-list-overflow: hidden;
-
-// We use this to control the list items
-$inline-list-display: block;
-
-// We use this to control any elments within list items
-$inline-list-children-display: block;
- - -
-

Semantic Markup With Sass

-

You can create your own list using our Sass mixins.

-

Basic

- -

You can use the inline-list() mixin like so:

-

SCSS

- -
.custom-list-class {
-  @include inline-list;
-}
-

HTML

-
<ul class="custom-list-class">
-  <li><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
-  <li><a href="#">Link 3</a></li>
-</ul>
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/inline-lists";
-


-

-
- -
-

Building Blocks Using Inline Lists

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/interchange-default.html b/dist/docs/components/interchange-default.html deleted file mode 100644 index 2e1ee7c55..000000000 --- a/dist/docs/components/interchange-default.html +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/dist/docs/components/interchange-large.html b/dist/docs/components/interchange-large.html deleted file mode 100644 index 75c56a03c..000000000 --- a/dist/docs/components/interchange-large.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - -
- -
diff --git a/dist/docs/components/interchange-medium.html b/dist/docs/components/interchange-medium.html deleted file mode 100644 index 0f11a928d..000000000 --- a/dist/docs/components/interchange-medium.html +++ /dev/null @@ -1,3 +0,0 @@ - - -

\ No newline at end of file diff --git a/dist/docs/components/interchange.html b/dist/docs/components/interchange.html deleted file mode 100644 index d7b49d6dc..000000000 --- a/dist/docs/components/interchange.html +++ /dev/null @@ -1,759 +0,0 @@ - - - - - - - - Interchange | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Interchange

-
-

Interchange uses media queries to dynamically load responsive content that is appropriate for different users' browsers.

- -
-

- - -
-

Using Interchange With HTML Content

-

Interchange can now pull in HTML partials so you can load different sections of your page for particular media queries. This is great for loading up a mobile-friendly component on small devices, and a more robust or heavier load component on desktops.

-

We use the data-interchange attribute on a markup container (probably a div) to do this. Here's an example which loads up a small, static map on mobile, a larger static map for medium-sized devices, and a full interactive Google map on large display devices.

-
-

-
- -


-
<div data-interchange="[../examples/interchange/default.html, (small)], [../examples/interchange/medium.html, (medium)], [../examples/interchange/large.html, (large)]">
-  <div data-alert class="alert-box secondary radius">
-    This is the default content.
-    <a href="#" class="close">&times;</a>
-  </div>
-</div>
- - -

Each rule passed to data-interchange is comma delimited and encapsulated in square brackets, and each argument within a rule is also comma delimited. The first parameter is the path to your image, and the second parameter is your media query, surrounded by parenthesis.

-

The last rule that evaluates to true will be the image that gets loaded. Excluding the src attribute keeps the browser from making two requests for images.

-
-

Using Interchange With Images

-

Using Interchange with images alone is the same process as arbitrary HTML content, and a common use case for Interchange. This way you'll only load larger resources for devices that can handle it.

-
<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">
-<!-- or your own queries -->
-<img data-interchange="[/path/to/default.jpg, (only screen and (min-width: 1px))], [/path/to/bigger-image.jpg, (only screen and (min-width: 1280px))]">
- - -
data-interchange="[image_path, (media query)], [image_path, (media query)]"
- - -

If you want to support browsers with JavaScript disabled, we recommend setting your default image in a <noscript> tag so that these browsers will have a fallback:

-
<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">
-<noscript><img src="/path/to/default.jpg"></noscript>
-

You should always specify a default directive for Interchange.

-
-

Using Interchange with background-images

-

When you add a data-interchange attribute containing image paths (.jpg, .jpeg, .png, .gif, .bmp, .tiff), instead of replacing the element content it will set a background-image css property with the corresponding path.

-
<div data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]"></div>
- - -

This solution does not support browsers with JavaScript disabled. To add a fallback you can add a default background-image in your css but this can result in loading more than one image on some device. This method is only switching the background-image on the element. You will need to set the others background properties in your css (background-repeat, background-position, background-size...).

-
-

Using Retina Images

-

You can easily include retina images by using a pixel-density media query for that image. You can even combine multiple parameters in the media query if need be. The retina media query would look something like this, but you can also use dpi or other pixel densities as well:

-
data-interchange="[image/path/to/retina.jpg, (retina)]"
- - -
-

Named Queries

-

Interchange has a few built-in shortcuts that correlate with our visibility classes.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameMedia Query
defaultonly screen
smallonly screen
small-onlyonly screen and (max-width: 40em) /* 0, 640px */
mediumonly screen and (min-width: 40.063em) /* 641px */
medium-onlyonly screen and (min-width: 40.063em) and (max-width: 64em) /* 641px, 1024px */
largeonly screen and (min-width: 64.063em) /* 1025px */
large-onlyonly screen and (min-width: 64.063em) and (max-width: 90em) /* 1025px, 1440px */
xlargeonly screen and (min-width: 90.063em) /* 1441px */
xlarge-onlyonly screen and (min-width: 90.063em) and (max-width: 120em) /* 1441px, 1920px */
xxlargeonly screen and (min-width: 120.063em) /* 1921px */
landscapeonly screen and (orientation: landscape)
portraitonly screen and (orientation: portrait)
retina (4.2.1)only screen and (-webkit-min-device-pixel-ratio: 2),
- only screen and (min--moz-device-pixel-ratio: 2),
- only screen and (-o-min-device-pixel-ratio: 2/1),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) -
- -

To use the named queries, just pass the name in where you would normally specify your query.

-
data-interchange="[image_path, (default)], [image_path, (landscape)]"
- - -
-

Custom Named Queries

-

Custom queries can be defined during initialization and are an easy way to make your queries more readable. You can also override the default queries in this way:

-
$(document).foundation({
-  interchange : {
-    named_queries : {
-      my_custom_query : 'only screen and (max-width: 200px)'
-    }
-  }
-});
- - - -
-

Events

-

Interchange triggers a replace event when a rule evaluates to true and the content has been replaced. This can be useful when you want to change some styles on your page based on which content is loaded.

-
$(document).on('replace', 'img', function (e, new_path, original_path) {
-  console.log(e.currentTarget, new_path, original_path);
-});
- - -
-

Adding New Interchange Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('interchange', 'reflow');
- - -
-

Using the JavaScript

-

Before you can use Interchange you'll want to verify that jQuery and foundation.js are available on your page. You can refer to the JavaScript documentation on setting that up.

-

Just add foundation.interchange.js AFTER the foundation.js file. Your markup should look something like this:

-
<body>
-
-  ...
-
-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.interchange.js"></script>
-  <!-- Other JS plugins can be included here -->
-
-  <script>
-    $(document).foundation();
-  </script>
-
-</body>
- - -

Required Foundation Library: foundation.interchange.js

-
-


-

-
- -
-

Building Blocks Using Interchange

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/joyride.html b/dist/docs/components/joyride.html deleted file mode 100644 index 2985a4c45..000000000 --- a/dist/docs/components/joyride.html +++ /dev/null @@ -1,793 +0,0 @@ - - - - - - - - Joyride | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Joyride

-
-

Joyride gives users a tour of your site or app when they visit.

- -
-
Some awesome part of your site!
- -
-

Build Joyride with HTML

-

At the bottom of your page but inside of the body, place either an ol or ul with the data-joyride attribute. This list will contain all of the stops on your tour. To associate the tour stops with an item on your page, make sure the ID and data-id match between the two. If you do not associate an id, the tour stop will take on a modal style, positioning itself in the middle of the screen.

- -
<!-- At the bottom of your page but inside of the body tag -->
-<ol class="joyride-list" data-joyride>
-  <li data-id="firstStop" data-text="Next" data-options="tip_location: top; prev_button: false">
-    <p>Hello and welcome to the Joyride <br>documentation page.</p>
-  </li>
-  <li data-id="numero1" data-class="custom so-awesome" data-text="Next" data-prev-text="Prev">
-    <h4>Stop #1</h4>
-    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
-  </li>
-  <li data-id="numero2" data-button="Next" data-prev-text="Prev" data-options="tip_location:top;tip_animation:fade">
-    <h4>Stop #2</h4>
-    <p>Get the details right by styling Joyride with a custom stylesheet!</p>
-  </li>
-  <li data-button="End" data-prev-text="Prev">
-    <h4>Stop #3</h4>
-    <p>It works as a modal too!</p>
-  </li>
-</ol>
- - - - -

We Add Some HTML with JS

- -

To make Joyride really easy to use, we built its container and tour element inside the JS. This can make it hard to know what to target for styling purposes in some cases. To help this process go smoothly, here's what the output looks like with the appropriate classes to target for styling:

- -
<!-- Here is the markup our JS creates for you -->
-<div class="joyride-tip-guide">
-  <span class="joyride-nub top"></span>
-  <div class="joyride-content-wrapper">
-    <p>Hello and welcome to the Joyride documentation page.</p>
-    <a href="#" class="small button joyride-next-tip">Next</a>
-    <a href="#close" class="joyride-close-tip">&times;</a>
-  </div>
-</div>
- - - - -## Accessibility - -

This component is keyboard accessible, but not fully screen reader accessible. Stay tuned for updates in future releases.

- - - -

Available SCSS Variables

- -

We've included a bunch of variables that you'll be able to use if you're into getting SASSy with things.

-
$include-html-joyride-classes: $include-html-classes;
-
-// Controlling default Joyride styles
-$joyride-tip-bg: $oil;
-$joyride-tip-default-width: 300px;
-$joyride-tip-padding: rem-calc(18 20 24);
-$joyride-tip-border: solid 1px $charcoal;
-$joyride-tip-radius: 4px;
-$joyride-tip-position-offset: 22px;
-
-// Here, we're setting the tip font styles
-$joyride-tip-font-color: $white;
-$joyride-tip-font-size: rem-calc(14);
-$joyride-tip-header-weight: $font-weight-bold;
-
-// This changes the nub size
-$joyride-tip-nub-size: 10px;
-
-// This adjusts the styles for the timer when its enabled
-$joyride-tip-timer-width: 50px;
-$joyride-tip-timer-height: 3px;
-$joyride-tip-timer-color: $steel;
-
-// This changes up the styles for the close button
-$joyride-tip-close-color: $monsoon;
-$joyride-tip-close-size: 24px;
-$joyride-tip-close-weight: $font-weight-normal;
-
-// When Joyride is filling the screen, we use this style for the bg
-$joyride-screenfill: rgba(0,0,0,0.5);
- - -
-

Using the Javascript

-
- Before you can use Joyride you'll want to verify that jQuery and foundation.js are available on your page. You can refer to the Javascript documentation on setting that up. -
- -

Just add foundation.joyride.js and jquery.cookie.js AFTER the foundation.js file. Your markup should look something like this:

-
<body>
-
-  ...
-
-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.joyride.js"></script>
-  <script src="js/vendor/jquery.cookie.js"></script> <!-- Optional -->
-  <!-- Other JS plugins can be included here -->
-
-  <script>
-    $(document).foundation();
-  </script>
-
-</body>
- - -

Required Foundation Library: foundation.joyride.js, Optional JS Library: jquery.cookie.js

-

Joyride does not initialize on page load like the rest of the plugins. You need to call start to get it to load.

-
$(document).foundation('joyride', 'start');
- - -

Then, you'll need to add a data-joyride to make the JS work properly on that element. It looks something like this:

-
<ol data-joyride>
-  ...
-</ol>
- - -

Optional Javascript Configuration

-

You can either set these options in a data-options attribute in the markup, data-options="option: value; option2: value" syntax, or pass in on initialization. Configurations that are objects, functions, or arrays can only be passed in during intitialization.

-
{
-  expose                   : false,     // turn on or off the expose feature
-  modal                    : true,      // Whether to cover page with modal during the tour
-  keyboard                 : true,      // enable left, right and esc keystrokes
-  tip_location             : 'bottom',  // 'top' or 'bottom' in relation to parent
-  nub_position             : 'auto',    // override on a per tooltip bases
-  scroll_speed             : 1500,      // Page scrolling speed in milliseconds, 0 = no scroll animation
-  scroll_animation         : 'linear',  // supports 'swing' and 'linear', extend with jQuery UI.
-  timer                    : 0,         // 0 = no timer , all other numbers = timer in milliseconds
-  start_timer_on_click     : true,      // true or false - true requires clicking the first button start the timer
-  start_offset             : 0,         // the index of the tooltip you want to start on (index of the li)
-  next_button              : true,      // true or false to control whether a next button is used
-  prev_button              : true,      // true or false to control whether a prev button is used
-  tip_animation            : 'fade',    // 'pop' or 'fade' in each tip
-  pause_after              : [],        // array of indexes where to pause the tour after
-  exposed                  : [],        // array of expose elements
-  tip_animation_fade_speed : 300,       // when tipAnimation = 'fade' this is speed in milliseconds for the transition
-  cookie_monster           : false,     // true or false to control whether cookies are used
-  cookie_name              : 'joyride', // Name the cookie you'll use
-  cookie_domain            : false,     // Will this cookie be attached to a domain, ie. '.notableapp.com'
-  cookie_expires           : 365,       // set when you would like the cookie to expire.
-  tip_container            : 'body',    // Where will the tip be attached
-  tip_location_patterns    : {
-    top: ['bottom'],
-    bottom: [], // bottom should not need to be repositioned
-    left: ['right', 'top', 'bottom'],
-    right: ['left', 'top', 'bottom']
-  },
-  post_ride_callback     : function (){},    // A method to call once the tour closes (canceled or complete)
-  post_step_callback     : function (){},    // A method to call after each step
-  pre_step_callback      : function (){},    // A method to call before each step
-  pre_ride_callback      : function (){},    // A method to call before the tour starts (passed index, tip, and cloned exposed element)
-  post_expose_callback   : function (){},    // A method to call after an element has been exposed
-  template : { // HTML segments for tip layout
-    link        : '<a href="#close" class="joyride-close-tip">&times;</a>',
-    timer       : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',
-    tip         : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',
-    wrapper     : '<div class="joyride-content-wrapper"></div>',
-    button      : '<a href="#" class="small button joyride-next-tip"></a>',
-    prev_button : '<a href="#" class="small button joyride-prev-tip"></a>',
-    modal       : '<div class="joyride-modal-bg"></div>',
-    expose      : '<div class="joyride-expose-wrapper"></div>',
-    expose_cover: '<div class="joyride-expose-cover"></div>'
-  },
-  expose_add_class : '' // One or more space-separated class names to be added to exposed element
-}
- - - -

-
    -
  1. -

    Hello and welcome to the Joyride documentation page.

    -
    2. -
  2. -

    Stop #1

    -

    You can control all the details for your tour stop. Any valid HTML will work inside of Joyride.

    -
    3. -
  3. -

    Stop #2

    -

    Get the details right by styling Joyride with a custom stylesheet!

    -
    4. -
  4. -

    Stop #3

    -

    It works as a modal too!

    -
    5. -
- - -
- -

Adding New Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('joyride', 'reflow');
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/joyride";
- - - - -


-

-
- -
-

Building Blocks Using Joyride

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/keystrokes.html b/dist/docs/components/keystrokes.html deleted file mode 100644 index 931316fe6..000000000 --- a/dist/docs/components/keystrokes.html +++ /dev/null @@ -1,637 +0,0 @@ - - - - - - - - Keystrokes | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Keystrokes

-
-

If you have keyboard affordances, you might need to explain them to users. For example, to quit your browser hit Cmd + Q. (Don't actually type that now - there are more docs to read.) Keystroke is Foundation's simple character affordance tool.

- -
-

Basic

- -

HTML

- -
<p>For example, to close your browser hit <kbd>Cmd</kbd> + <kbd>Q</kbd></p>
- - -
-

Customize with Sass

-

Keystrokes can easily be customized using our Sass variables

-

SCSS

- -
$include-html-keystroke-classes: $include-html-classes;
-
-// We use these to control text styles.
-$keystroke-font: "Consolas", "Menlo", "Courier", monospace;
-$keystroke-font-size: inherit;
-$keystroke-font-color: $jet;
-$keystroke-font-color-alt: $white;
-$keystroke-function-factor: -7%;
-
-// We use this to control keystroke padding.
-$keystroke-padding: rem-calc(2 4 0);
-
-// We use these to control background and border styles.
-$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);
-$keystroke-border-style: solid;
-$keystroke-border-width: 1px;
-$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);
-$keystroke-radius: $global-radius;
- - -
-

Semantic Markup With Sass

-

You can create your own keystrokes using our Sass mixins.

-

Basic

- -

You can use the keystroke() mixin to create your own keystroke style, like so:

-

SCSS

- -
@import "foundation/components/keystrokes";
-
-.custom-keystroke-class {
-  // You can set the background color of your keystrokes, which also effects text and border
-  @include keystroke($bg:orange);
-}
-

HTML

- -
<kbd class="custom-keystroke-class"></kbd>
- - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/keystrokes";
-


-

-
- -
-

Building Blocks Using Keystrokes

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/kitchen_sink.html b/dist/docs/components/kitchen_sink.html deleted file mode 100644 index 27b3e8eed..000000000 --- a/dist/docs/components/kitchen_sink.html +++ /dev/null @@ -1,1402 +0,0 @@ - - - - - - - - Kitchen sink | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Kitchen sink

-

This page includes every single Foundation element so that we can make sure things work together smoothly.

- -

Joyride

-
-Start Joyride - -
Build Joyride with HTML
- -

Stop Number 2 for You!

- -
    -
  1. -

    Stop #1

    - -

    You can control all the details for your tour stop. Any valid HTML will - work inside of Joyride.

    -
    2. - -
  2. -

    Stop #2

    - -

    Get the details right by styling Joyride with a custom stylesheet!

    -
    3. - -
  3. -

    Stop #3

    - -

    It works as a modal too!

    -
    4. -
-
- - - -
-

Alert Boxes

-
- This is a standard alert (div.alert-box.radius). - × -
- -
- This is a success alert (div.alert-box.success). - × -
- -
- This is an alert (div.alert-box.alert.round). - × -
- -
- This is a secondary alert (div.alert-box.secondary). - × -
- - -
-

Block Grid

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

Buttons

-
-
- .tiny.button
- .small.button
- .button
- .expand
-
-
- .tiny.secondary
- .small.success.radius
- .round.disabled
- -
-
- -
-

Button Groups

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

Tiny Dropdown Button
-Small Secondary Radius Dropdown Button
-Button Alert Round Dropdown Button
-Large Success Dropdown Button
-Large Expanded Dropdown Button

-
-

Split Buttons

-

Tiny Split Button
- Small Secondary Radius Split Button
- Round Alert Split Button
- Large Success Split Button

-
-

Switches

-
- - - - - - - -
- -
- - - - - - - -
- -
- - - - - - - -
- -
- - - - - - - -
- - -
-

Clearing

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

Forms

-
-
- Fieldset - -
-
- - -
-
- -
-
- - -
-
- - -
-
-
- -
- -
-
- .com -
-
-
-
- -
-
- - -
-
- -
-
- -
- -

Link Dropdown » - Content Dropdown » -

- - -
-

Title

- -

Some text that people will think is awesome! Some text that people will - think is awesome! Some text that people will think is awesome!

- -

Launching a Discovery Mission

Button -
- - -
-

Flex Video

-
- -
- -
-

Inline Lists

- - -
-

Keystroke

-

To make something pretty, press and hold cmd + alt + shift + w + a + !

-
-

Labels

-

- Regular Label
- Radius Secondary Label
- Round Alert Label
- Success Label
-

- -
-

Magellan

-
-
-
Build with HTML
-
Using Javascript
-
-
- -

-

Build With Predefined HTML Structure

-

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper.

- -

-

Awesome JS Goodness

-

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper.

- -
-

Orbit

-
-
-
    -
  • - -
    - Caption One. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. -
    -
    • -
  • - -
    - Caption Two. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. -
    -
    • -
  • - -
    - Caption Three. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. -
    -
    • -
-
-
- -
-

Pagination

- - -
-

Panels

-
-
-
-
This is a regular panel.
-

It has an easy to override visual style, and is appropriately subdued.

-
-
-
-
-
This is a radius callout panel.
-

It's a little ostentatious, but useful for important content.

-
-
- -

-

Pricing Tables

-
-
-
    -
  • Standard
    • -
  • $99.99
    • -
  • An awesome description
    • -
  • 1 Database
    • -
  • 5GB Storage
    • -
  • 20 Users
    • -
  • Buy Now
    • -
-
-
- -
-

Progress Bars

-
-
-
-
- -
-

Reveal

-

Example Modal… -Example Video Modal…

- -
-

This is a modal.

-

Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.

-

Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.

-

Second Modal…

- × -
- -
-

This is a second modal.

-

See? It just slides into place after the first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.

- × -
- -
-

This modal has video

-
- -
- - × -
- - -
-

Sliders

-
- - - -
-
- - - -
-
- - - -
-
- - - -
- - -
-

Accordion

-
    -
  • - Accordion 1 -
    -
      -
      • -
      • -
      • -
    -
    -
    • -
  • - Accordion 2 -
    -
    -
    -

    Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    -
    -
    - -
    -
    -
    • -
  • - Accordion 3 -
    - Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -
    -
    • -
- -
-

Tabs

-
-
Tab 1
-
Tab 2
-
Tab 3
-
Tab 4
-
-
-
-

First panel content goes here...

-
-
-

Second panel content goes here...

-
-
-

Third panel content goes here...

-
-
-

Fourth panel content goes here...

-
-
- -
-
Tab 1
- -
Tab 2
- -
Tab 3
- -
Tab 4
-
- -
-
-

Panel 1 content goes here.

-
- -
-

Panel 2 content goes here.

-
- -
-

Panel 3 content goes here.

-
- -
-

Panel 4 content goes here.

-
-
- - - -
-

Side Nav

-
-
- -
-
- -
- -
-
Filter:
-
All
-
Active
-
Pending
-
Suspended
-
- -
-

Tables

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table HeaderTable HeaderTable HeaderTable Header
Content Goes HereThis is longer content Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
- -
-

Thumbnails

-

-
-

Tooltips

-

The tooltips can be positioned on the "tip-bottom", which is the default position, "tip-top" (hehe), "tip-left", or "tip-right" of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full width and bottom aligned.

- -
-

Top Bar

- - - - -
-

Type

-
- -

h1. This is a very large header.

-

h2. This is a large header.

-

h3. This is a medium header.

-

h4. This is a moderate header.

-
h5. This is a small header.
-
h6. This is a tiny header.
- -
- -

h1. subheader

-

h2. subheader

-

h3. subheader

-

h4. subheader

-
h5. subheader
-
h6. subheader
- -
- -

Definition List

-
Definition lists are great for small block of copy that describe the header
-
-
Lower cost
-
The new version of this product costs significantly less than the previous one!
-
Easier to use
-
We've changed the product so that it's much easier to use!
-
Safe for kids
-
You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).
-
-
- -
Un-ordered lists are great for making quick outlines bulleted.
-
    -
  • List item with a much longer description or more content.
    • -
  • List item
    • -
  • List item -
      -
    • Nested List Item
      • -
    • Nested List Item
      • -
    • Nested List Item
      • -
    -
    • -
  • List item
    • -
  • List item
    • -
  • List item
    • -
- -
Ordered lists are great for lists that need order, duh.
-
    -
  1. List Item 1
    2. -
  2. List Item 2
    3. -
  3. List Item 3
    4. -
- - - -
-
Blockquote
-
I do not fear computers. I fear the lack of them. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur.Isaac Asimov
- -
-
Vcard
- - -
- -
-

Visibility Classes

-
Screen Size Visibility Control (Show)
-

The following text should describe the screen size you're using:

-
-
-

HTML

- 
<p class="panel">
-  <strong class="show-for-small-only">This text is shown only on a small screen.</strong>
-  <strong class="show-for-medium-up">This text is shown on medium screens and up.</strong>
-  <strong class="show-for-medium-only">This text is shown only on a medium screen.</strong>
-  <strong class="show-for-large-up">This text is shown on large screens and up.</strong>
-  <strong class="show-for-large-only">This text is shown only on a large screen.</strong>
-  <strong class="show-for-xlarge-up">This text is shown on xlarge screens and up.</strong>
-  <strong class="show-for-xlarge-only">This text is shown only on an xlarge screen.</strong>
-  <strong class="show-for-xxlarge-up">This text is shown on xxlarge screens and up.</strong>
-</p>
- -
-
-

Rendered HTML

-

- This text is shown only on a small screen. - This text is shown on medium screens and up. - This text is shown only on a medium screen. - This text is shown on large screens and up. - This text is shown only on a large screen. - This text is shown on xlarge screens and up. - This text is shown only on an xlarge screen. - This text is shown on xxlarge screens and up. -

-
-
- - - -
Screen Size Visibility Control (Hide)
-

The following text should describe the screen size you aren't using:

-
-
-

HTML

-
<p class="panel">
-  <strong class="hide-for-small-only">You are <em>not</em> on a small screen.</strong>
-  <strong class="hide-for-medium-up">You are <em>not</em> on a medium, large, xlarge, or xxlarge screen.</strong>
-  <strong class="hide-for-medium-only">You are <em>not</em> on a medium screen.</strong>
-  <strong class="hide-for-large-up">You are <em>not</em> on a large, xlarge, or xxlarge screen.</strong>
-  <strong class="hide-for-large-only">You are <em>not</em> on a large screen.</strong>
-  <strong class="hide-for-xlarge-up">You are <em>not</em> on an xlarge screen and up.</strong>
-  <strong class="hide-for-xlarge-only">You are <em>not</em> on an xlarge screen.</strong>
-  <strong class="hide-for-xxlarge-up">You are <em>not</em> on an xxlarge screen.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are not on a small screen. - You are not on a medium, large, xlarge, or xxlarge screen. - You are not on a medium screen. - You are not on a large, xlarge, or xxlarge screen. - You are not on a large screen. - You are not on an xlarge screen and up. - You are not on an xlarge screen. - You are not on an xxlarge screen. -

-
-
- - - -
Orientation Detection
-

The following text should describe the device orientation you're using:

-
-
-

HTML

- 
<p class="panel">
-  <strong class="show-for-landscape">You are in landscape orientation.</strong>
-  <strong class="show-for-portrait">You are in portrait orientation.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are in landscape orientation. - You are in portrait orientation. -

-
-
- - - -
Touch Detection
-

The following text should describe if you're using a touch device:

-
-
-

HTML

- 
<p class="panel">
-  <strong class="show-for-touch">You are on a touch-enabled device.</strong>
-  <strong class="hide-for-touch">You are not on a touch-enabled device.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are on a touch-enabled device. - You are not on a touch-enabled device. -

-
-
- - - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/components/labels.html b/dist/docs/components/labels.html deleted file mode 100644 index 4a51c9ad7..000000000 --- a/dist/docs/components/labels.html +++ /dev/null @@ -1,706 +0,0 @@ - - - - - - - - Labels | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Labels

-
-

Labels are useful inline styles that can be dropped into body copy to call out certain sections or to attach metadata. For example, you can attach a label that notes when something was updated.

- -
-
-
- Regular Label -
-
- Radius Secondary Label -
-
- Round Alert Label -
-
- Warning Label -
-
- Success Label -
-
- Info Label -
-
- -
-

Basic

- -

You can create a label using minimal markup.

-
-
-

HTML

- 
  <span class="label">Regular Label</span>
- -
-
-

Rendered HTML

- Regular Label -
-
- -
-

Advanced

- -

Additional classes can be added to your labels to change their appearance.

-
-
-

HTML

-
<span class="[success alert secondary] [round radius] label">Advanced Label</span>
- -
-
-

Rendered HTML

-

- Radius Secondary Label
- Round Alert Label
- Success Label
-

-
-
- -
-

Customize with Sass

-

Labels can be easily customized using our Sass variables.

-

SCSS

- -
$include-html-label-classes: $include-html-classes;
-
-// We use these to style the labels
-$label-padding: rem-calc(4 8 4);
-$label-radius: $global-radius;
-
-// We use these to style the label text
-$label-font-sizing: rem-calc(11);
-$label-font-weight: bold;
-$label-font-color: #333;
-$label-font-color-alt: #fff;
- - - -
-

Semantic Markup With Sass

-

You can create your own labels using our Sass mixins.

-

Basic

- -

You can use the label() mixin to create your own labels, like so:

-

SCSS

- -
.custom-label-class {
-  @include label();
-}
-

HTML

- -
<span class="custom-label-class">Basic custom label</span>
- - -

Advanced

- -

You can further customize your labels using the provided options in the label() mixin:

-

SCSS

-
.custom-label-class {
-  @include label(
-    // This options sets label padding
-    $padding:7px 16px 9px,
-    // This option sets label text-size
-    $text-size:13px,
-    // This option sets label background-color
-    $bg:#2ba6cb,
-    // This option sets the radius of the label
-    $radius:4px
-  );
-}
- - -

HTML

- -
<span class="custom-label-class">Advanced custom label</span>
- - - -
- - -

Sass Errors?

- -

If the default "foundation" import was commented out, then make sure you import this file:

- -

SCSS

- -
@import "foundation/components/labels";
-


-

-
- -
-

Building Blocks Using Labels

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/magellan.html b/dist/docs/components/magellan.html deleted file mode 100644 index 82f7a8950..000000000 --- a/dist/docs/components/magellan.html +++ /dev/null @@ -1,698 +0,0 @@ - - - - - - - - Magellan | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Magellan

-
-

Magellan is a style-agnostic plugin that lets you give your site sticky navigation. This fixed-position navigation helps users keep track of where they are on a page without scrolling.

- -
-
-
-
Arrival
-
Destination
-
Javascript
-
-
- -
-

Arrival

- - -You can create the fixed navigation structure for Magellan using minimal markup. - -

HTML

- -
<div data-magellan-expedition="fixed">
-  <dl class="sub-nav">
-    <dd data-magellan-arrival="build"><a href="#build">Build with HTML</a></dd>
-    <dd data-magellan-arrival="js"><a href="#js">Arrival 2</a></dd>
-  </dl>
-</div>
- - - - - - -

Destination

- - -You can create the destination structure for Magellan using minimal markup. - -

HTML

- -

-<h3 data-magellan-destination="arrival">Arrival</h3>
-<a name="arrival"></a>
-
-
-<h3 data-magellan-destination="destination">Destination</h3>
-<a name="destination"></a>
- - - - - -

Configure with JS

- - -It's easy to configure Magellan using our provided Javascript. You can use with data-attributes or plain old Javascript. Make sure jquery.js, foundation.js, and foundation.magellan.js have been included on your page before continuing. For example, add the following before the closing <body> tag: - -

HTML

- -

-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.magellan.js"></script>
- - - -

Basic

- -

Using data-attributes is the preferred method of making changes to our Javascript.

-

HTML

- -
<h3 data-magellan-destination="js">Using Our Javascript</h3>
-
-<div data-magellan-expedition="fixed">
-  <ul class="sub-nav">
-    <li data-magellan-arrival="build"><a href="#build">Build with HTML</a></li>
-    <li data-magellan-arrival="js"><a href="#js">Arrival 2</a></li>
-  </ul>
-</div>
- - -
-

Advanced

- -

You can adjust lots of settings. For example:

-

JS

-
$(document).foundation({
-"magellan-expedition": {
-  active_class: 'active', // specify the class used for active sections
-  threshold: 0, // how many pixels until the magellan bar sticks, 0 = auto
-  destination_threshold: 20, // pixels from the top of destination for it to be considered active
-  throttle_delay: 50, // calculation throttling to increase framerate
-  fixed_top: 0, // top distance in pixels assigend to the fixed element on scroll
-  offset_by_height: true // whether to offset the destination by the expedition height. Usually you want this to be true, unless your expedition is on the side.
-}
-});
- - - -
-

Adding New Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('magellan-expedition', 'reflow');
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/magellan";
- - -
-

Accessibility

-

This component is not yet accessible. Stay tuned for updates in future releases.

- - - -


-

-
- -
-

Building Blocks Using Magellan

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/offcanvas.html b/dist/docs/components/offcanvas.html deleted file mode 100644 index dcd7f4a46..000000000 --- a/dist/docs/components/offcanvas.html +++ /dev/null @@ -1,1477 +0,0 @@ - - - - - - - - Off-canvas | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Off-canvas

-
-

Off-canvas menus are positioned outside of the viewport and slide in when activated. Setting up an off-canvas layout in Foundation is super easy.

- -
-
-
- - - - -
-
-
-
-

The Psychohistorians

-

Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.

- -

Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.

- -
-
-
- - - -
-
- - -
-

Basic

-

You can create a basic, unstyled off-canvas menu with just a little bit of markup. Here's how:

-
-
-

HTML

- 
<div class="off-canvas-wrap" data-offcanvas>
-  <div class="inner-wrap">
-
-    <a class="left-off-canvas-toggle" href="#" >Menu</a>
-
-    <!-- Off Canvas Menu -->
-    <aside class="left-off-canvas-menu">
-        <!-- whatever you want goes here -->
-        <ul>
-          <li><a href="#">Item 1</a></li>
-        ...
-        </ul>
-    </aside>
-
-    <!-- main content goes here -->
-    <p>Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.</p>
-
-  <!-- close the off-canvas menu -->
-  <a class="exit-off-canvas"></a>
-
-  </div>
-</div>
- - -
-
-

Rendered HTML

-
-
- - Menu - - - - -

Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.

- - - - - -
-
- -

-

-

The basics of off-canvas are pretty simple. The off-canvas layout is wrapped in .off-canvas-wrap. Next comes .inner-wrap. You also need to include the menu itself, which is .left-off-canvas-menu or .right-off-canvas-menu. You need a corresponding target for your off-canvas menu, either .left-off-canvas-toggle or .right-off-canvas-toggle. Finally, be sure to include .exit-off-canvas so your users can get back to the main page!

-

Off-Canvas Wrap

-

This is the outer-most element. It contains the entire off-canvas layout and hides overflows.

-

HTML

- -
<div class="off-canvas-wrap"><!-- page layout goes here --></div>
-

Inner Wrap

-

This is the element that is animated. All of your page content needs to be inside here.

-

HTML

- -
<div class="off-canvas-wrap">
-  <!-- If the contents of the .inner-wrap isn't the main content of the page, use another approripate sectioning element instead -->
-  <main class="inner-wrap"><!-- all content goes here --></main>
-</div>
-

Off-Canvas Menu

-

This is the panel that slides in and out when activated. You can place it on either the left or the right side. You can even create menus on both sides!

-

HTML

- -
<nav class="left-off-canvas-menu"><!-- put your links in here --></nav>
-<nav class="right-off-canvas-menu"><!-- put your links in here --></nav>
-

Target Off-Canvas Menu

-

To target an off-canvas menu, add .left-off-canvas-toggle or .right-off-canvas-toggle to your layout. Clicking on these will activate their corresponding menu.

-

HTML

- -
<!-- target the leftside menu -->
-<a href="idOfLeftMenu" role="button" class="left-off-canvas-toggle">Left Menu</a>
-<!-- target the rightside menu -->
-<a href="idOfRightMenu" role="button" class="right-off-canvas-toggle">Right Menu</a>
-
-<nav class="left-off-canvas-menu"></nav>
-<nav class="right-off-canvas-menu"></nav>
-

Exit Off-Canvas Menu

-

Include .exit-off-canvas to provide a way back to the main page. This is an overlay that covers the .inner-wrap when an off-canvas menu is active. Clicking on it will deactivate the off-canvas menu.

-

HTML

- -
<button class="exit-off-canvas"></button>
-
-

Advanced

-

Using our pre-built components, you can create an awesome off-canvas menu right out of the box. You can specify right-off-canvas-toggle or left-off-canvas-toggle and/or left-off-canvas-menu and right-off-canvas-menu.

-
-
-

HTML

- 
<div class="off-canvas-wrap" data-offcanvas>
-  <div class="inner-wrap">
-    <nav class="tab-bar">
-      <section class="left-small">
-        <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
-      </section>
-
-      <section class="middle tab-bar-section">
-        <h1 class="title">Foundation</h1>
-      </section>
-
-      <section class="right-small">
-        <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
-      </section>
-    </nav>
-
-    <aside class="left-off-canvas-menu">
-      <ul class="off-canvas-list">
-        <li><label>Foundation</label></li>
-        <li><a href="#">The Psychohistorians</a></li>
-        <li><a href="#">...</a></li>
-      </ul>
-    </aside>
-
-    <aside class="right-off-canvas-menu">
-      <ul class="off-canvas-list">
-        <li><label>Users</label></li>
-        <li><a href="#">Hari Seldon</a></li>
-        <li><a href="#">...</a></li>
-      </ul>
-    </aside>
-
-    <section class="main-section">
-      <!-- content goes here -->
-    </section>
-
-  <a class="exit-off-canvas"></a>
-
-  </div>
-</div>
- - -
-
-

Rendered HTML

-
-
- - - - - - -
-
-
-
-

The Psychohistorians

- -

Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.

- -

Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.

- -
-
-
- - - -
-
- -

-

-

Off-canvas from any direction

-

In addition to left and right off-canvas menus, you can also have top or bottom off-canvas's as well. Notice, the menu icons are still either left or right, but the off-canvas can be set to top-off-canvas-menu and/or bottom-off-canvas-menu.

-
-
-

HTML

- 

-<div class="off-canvas-wrap docs-wrap" data-offcanvas>
-  <div class="inner-wrap">
-    <nav class="tab-bar">
-
-      <section class="middle tab-bar-section">
-        <h1 class="title">Foundation</h1>
-      </section>
-
-      <section class="right-small">
-        <a class="top-off-canvas-toggle menu-icon" ><span></span></a>
-      </section>
-
-      <section class="left-small">
-        <a class="bottom-off-canvas-toggle menu-icon" ><span></span></a>
-      </section>
-
-    </nav>
-
-    <aside class="top-off-canvas-menu">
-      <ul class="off-canvas-list">
-        <li><label>Foundation</label></li>
-        <li><a href="#">The Psychohistorians</a></li>
-        <li><a href="#">The Encyclopedists</a></li>
-        <li><a href="#">The Mayors</a></li>
-        <li><a href="#">The Traders</a></li>
-        <li><a href="#">The Merchant Princes</a></li>
-        <li><label>Foundation and Empire</label></li>
-        <li><a href="#">The General</a></li>
-        <li><a href="#">The Mule</a></li>
-        <li><label>Second Foundation</label></li>
-        <li><a href="#">Search by the Mule</a></li>
-        <li><a href="#">Search by the Foundation</a></li>
-      </ul>
-    </aside>
-
-    <aside class="bottom-off-canvas-menu">
-      <ul class="off-canvas-list">
-        <li><label>Foundation</label></li>
-        <li><a href="#">The Psychohistorians</a></li>
-        <li><a href="#">The Encyclopedists</a></li>
-        <li><a href="#">The Mayors</a></li>
-        <li><a href="#">The Traders</a></li>
-        <li><a href="#">The Merchant Princes</a></li>
-        <li><label>Foundation and Empire</label></li>
-        <li><a href="#">The General</a></li>
-        <li><a href="#">The Mule</a></li>
-        <li><label>Second Foundation</label></li>
-        <li><a href="#">Search by the Mule</a></li>
-        <li><a href="#">Search by the Foundation</a></li>
-      </ul>
-    </aside>
-
-    <section class="main-section">
-      <div class="row">
-        <div class="large-12 columns">
-          <br/>
-          <h4 class="">The Psychohistorians</h4>
-
-          <p>Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.</p>
-
-          <p>Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.</p>
-
-        </div>
-      </div>
-    </section>
-
-  <a class="exit-off-canvas"></a>
-
-  </div>
-</div>
- -
-
-

Rendered HTML

- -
-
- - - - - - -
-
-
-
-

The Psychohistorians

- -

Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.

- -

Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.

- -
-
-
- - - -
-
- -

-

-

Note: Top and Bottom not currently compatible with multi-level off-canvas. A pull request would really help here.

-

Tab Bar Container

-

We've provided a simple navigation pattern called Tab Bar. It's a very plain component, designed to be easily customizable. First, we need to add the tab bar container: nav.tab-bar.

-

HTML

- -
<nav class="tab-bar"></nav>
-

Button Containers

-

The button containers, div.left-small and div.right-small, contain the toggle buttons.

-

HTML

- -
<nav class="tab-bar">
-  <div class="left-small"></div>
-  <div class="right-small"></div>
-</nav>
- -

To add the nice hamburger icon that everyone knows and loves, add a class of .menu-icon to your menu target, and nest a span inside of it.

-
<a role="button" href="#idOfRightMenu" class="right-off-canvas-toggle menu-icon" ><span></span></a>
-

Now put it all together...

-

HTML

- -
<nav class="tab-bar">
-
-  <div class="left-small">
-    <a href="#idOfLeftMenu" role="button" aria-controls="idOfLeftMenu" aria-expanded="false" class="left-off-canvas-toggle menu-icon" ><span></span></a>
-  </div>
-  <div class="right-small">
-    <a href="#idOfRightMenu" role="button" aria-controls="idOfRightMenu" aria-expanded="false" class="right-off-canvas-toggle menu-icon" ><span></span></a>
-  </div>
-</nav>
-

...and here's what you'll get:

- - -

 

-

Tab Bar Section

-

The last thing we need is a section for the tab bar content. Add section.tab-bar-section inside nav.tab-bar.

-

HTML

- -
<nav class="tab-bar">
-  <div class="left-small">
-    <a role="button" aria-expanded="false" aria-controls="idOfLeftMenu" class="left-off-canvas-toggle menu-icon" ><span></span></a>
-  </div>
-  <section class="middle tab-bar-section">
-    <h1 class="title">Foundation</h1>
-  </section>
-  <div class="right-small">
-    <a role="button" aria-expanded="false" aria-controls="idOfRightMenu" class="right-off-canvas-toggle menu-icon" ><span></span></a>
-  </div>
-</nav>
-

Add a class of .left, .right, or .middle depending on which space you want the section to occupy. For example, if you have a Button Container on the left, add the class .right. This will allow you to place the text (link) on the tabbar more to the left, right, or middle.

-

HTML

- -
<nav class="tab-bar">
-  <div class="left-small"></div>
-  <div class="right tab-bar-section"><!-- I stretch all the way to the right --></div>
-</nav>
-
-<nav class="tab-bar">
-  <div class="left-small"></div>
-  <div class="middle tab-bar-section"><!-- I'm in the middle --></div>
-  <div class="right-small"></div>
-</nav>
-
-<nav class="tab-bar">
-  <div class="right tab-bar-section"><!-- I stretch all the way to the left --></div>
-  <div class="right-small"></div>
-</nav>
- -  - -  - - -

 

-

Off-Canvas List

-

We've included a nice list pattern for list in the off-canvas menu. Include ul.off-canvas-list inside your off-canvas menu. For section titles, wrap the li contents in a label.

-
-
-

HTML

-
<nav class="left-off-canvas-menu">
-  <ul class="off-canvas-list">
-    <li><label>Foundation</label></li>
-    <li><a href="#">The Psychohistorians</a></li>
-    <li><a href="#">The Encyclopedists</a></li>
-    <li><a href="#">The Mayors</a></li>
-    <li><a href="#">The Traders</a></li>
-    <li><a href="#">The Merchant Princes</a></li>
-  </ul>
-</nav>
- -
-
-

Rendered HTML

- -
-
- -

 

-

Off-Canvas Multilevel Menu

-

We've included a nice multilevel pattern for list in the off-canvas menu. Add a li.has-submenu and include ul.left-submenu or ul.right-submenu within to start to define a submenu, later add a li.back element inside this new list. This supports multiple level of submenus.

-
-
-

HTML

- 
<div class="off-canvas-wrap" data-offcanvas>
-  <div class="inner-wrap">
-    <nav class="tab-bar">
-      <section class="left-small">
-        <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
-      </section>
-
-      <section class="middle tab-bar-section">
-        <h1 class="title">Foundation</h1>
-      </section>
-
-      <section class="right-small">
-        <a class="right-off-canvas-toggle menu-icon" ><span></span></a>
-      </section>
-    </nav>
-
-    <aside class="left-off-canvas-menu">
-      <ul class="off-canvas-list">
-        <li><label>Foundation</label></li>
-        <li class="has-submenu"><a href="#">The Psychohistorians</a>
-            <ul class="left-submenu">
-                <li class="back"><a href="#">Back</a></li>
-                <li><label>Level 1</label></li>
-                <li><a href="#">Link 1</a></li>
-                <li class="has-submenu"><a href="#">Link 2 w/ submenu</a>
-                    <ul class="left-submenu">
-                        <li class="back"><a href="#">Back</a></li>
-                        <li><label>Level 2</label></li>
-                        <li><a href="#">...</a></li>
-                    </ul>
-                </li>
-                <li><a href="#">...</a></li>
-            </ul>
-        </li>
-        <li><a href="#">The Encyclopedists</a></li>
-        <li><a href="#">The Mayors</a></li>
-        <li><a href="#">The Traders</a></li>
-        <li><a href="#">The Merchant Princes</a></li>
-      </ul>
-    </aside>
-
-    <aside class="right-off-canvas-menu">
-      <ul class="off-canvas-list">
-        <li><label>Users</label></li>
-        <li><a href="#">Hari Seldon</a></li>
-        <li class="has-submenu"><a href="#">R. Giskard Reventlov</a>
-            <ul class="right-submenu">
-                <li class="back"><a href="#">Back</a></li>
-                <li><label>Level 1</label></li>
-                <li><a href="#">Link 1</a></li>
-                <li class="has-submenu"><a href="#">Link 2 w/ submenu</a>
-                    <ul class="right-submenu">
-                        <li class="back"><a href="#">Back</a></li>
-                        <li><label>Level 2</label></li>
-                        <li><a href="#">...</a></li>
-                    </ul>
-                </li>
-                <li><a href="#">...</a></li>
-            </ul>
-        </li>
-        <li><a href="#">...</a></li>
-      </ul>
-    </aside>
-
-    <section class="main-section">
-      <!-- content goes here -->
-    </section>
-
-  <a class="exit-off-canvas"></a>
-
-  </div>
-</div>
- - -
-
-

Rendered HTML

-
-
- - - - - - -
-
-
-
-

The Psychohistorians

- -

Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.

- -

Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.

- -
-
-
- - - -
-
-
-
- -
-

Accessibility

-

The off-canvas menu is not yet fully accessible. Because it's tucked away off-screen but not totally hidden, the user's browser will still tab through each item, and screen readers will read each item in the navigation. However, the off-canvas menu will not appear when focused with the keyboard.

-

If your page has two primary navigation menus, perhaps a horizontal one for larger screens and an off-canvas menu for small screens, it's best to hide one so screen readers won't read through two whole navigation menus. Add the attribute aria-hidden="true" to the container of one navigation, which will tell assistive devices to skip it entirely.

-

The multi-level off-canvas menu, being a relatively recent addition to Foundation, is also not yet fully accessible. The browser will tab through the top-level menu items, but not drill down into any of the sub menus.

-
-

Customize with Sass

-

Off-canvas layouts can be easily customized using our provided Sass variables.

-

SCSS

- -
// Off Canvas Tab Bar Variables
-$include-html-off-canvas-classes: $include-html-classes !default;
-
-$tabbar-bg: $oil !default;
-$tabbar-height: rem-calc(45) !default;
-$tabbar-icon-width: $tabbar-height !default;
-$tabbar-line-height: $tabbar-height !default;
-$tabbar-color: $white !default;
-$tabbar-middle-padding: 0 rem-calc(10) !default;
-
-// Off Canvas Divider Styles
-$tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default;
-$tabbar-right-section-border: $tabbar-left-section-border;
-
-
-// Off Canvas Tab Bar Headers
-$tabbar-header-color: $white !default;
-$tabbar-header-weight: $font-weight-bold !default;
-$tabbar-header-line-height: $tabbar-height !default;
-$tabbar-header-margin: 0 !default;
-
-// Off Canvas Menu Variables
-$off-canvas-width: rem-calc(250) !default;
-$off-canvas-bg: $oil !default;
-$off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);
-$off-canvas-bg-active: scale-color($tabbar-bg, $lightness: -30%);
-
-// Off Canvas Menu List Variables
-$off-canvas-label-padding: 0.3rem rem-calc(15) !default;
-$off-canvas-label-color: $aluminum !default;
-$off-canvas-label-text-transform: uppercase !default;
-$off-canvas-label-font-size: rem-calc(12) !default;
-$off-canvas-label-font-weight: $font-weight-bold !default;
-$off-canvas-label-bg: $tuatara !default;
-$off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
-$off-canvas-label-border-bottom: none !default;
-$off-canvas-label-margin:0 !default;
-$off-canvas-link-padding: rem-calc(10, 15) !default;
-$off-canvas-link-color: rgba($white, 0.7) !default;
-$off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default;
-$off-canvas-back-bg: #444 !default;
-$off-canvas-back-border-top: $off-canvas-label-border-top !default;
-$off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default;
-$off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default;
-$off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
-$off-canvas-back-hover-border-bottom: none !default;
-
-// Off Canvas Menu Icon Variables
-$tabbar-menu-icon-color: $white !default;
-$tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default;
-
-$tabbar-menu-icon-text-indent: rem-calc(35) !default;
-$tabbar-menu-icon-width: $tabbar-icon-width !default;
-$tabbar-menu-icon-height: $tabbar-height !default;
-$tabbar-menu-icon-padding: 0 !default;
-
-$tabbar-hamburger-icon-width: rem-calc(16) !default;
-$tabbar-hamburger-icon-left: false !default;
-$tabbar-hamburger-icon-top: false !default;
-$tabbar-hamburger-icon-thickness: 1px !default;
-$tabbar-hamburger-icon-gap: 6px !default;
-
-// Off Canvas Back-Link Overlay
-$off-canvas-overlay-transition: background 300ms ease !default;
-$off-canvas-overlay-cursor: pointer !default;
-$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default;
-$off-canvas-overlay-background: rgba($white, 0.2) !default;
-$off-canvas-overlay-background-hover: rgba($white, 0.05) !default;
-
-// Transition Variables
-$menu-slide: "transform 500ms ease" !default;
- - - -
-

Using the Javascript

-
- Before you can use Off-canvas you'll want to verify that jQuery and foundation.js are available on your page. You can refer to the Javascript documentation on setting that up. -
- -

Just add foundation.offcanvas.js AFTER the foundation.js file. Your markup should look something like this:

-
<body>
-
-  ...
-
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.offcanvas.js"></script>
-  <!-- Other JS plugins can be included here -->
-
-  <script>
-    $(document).foundation();
-  </script>
-
-</body>
- - -

Required Foundation Library: foundation.offcanvas.js

-
-

Optional Javascript Configuration

-

open_method
Default: move
Defines how the off-canvas menu behaves. Can be move overlap_single or overlap.

-

close_on_click
Default: false
Control whether or not clicking menu links will close the menu.

-
$(document).foundation({
-  offcanvas : {
-    // Sets method in which offcanvas opens.
-    // [ move | overlap_single | overlap ]
-    open_method: 'move', 
-    // Should the menu close when a menu link is clicked?
-    // [ true | false ]
-    close_on_click : false
-  }
-});
- - - -

Event Bindings

-

There are a series of events that you can bind to for triggering callbacks:

-
-

Deprecation Notice

-

Previous versions of the off-canvas plugin emitted un-namespaced open and close events, however, these have been replaced by the namespaced open.fndtn.offcanvas and close.fndtn.offcanvas events. The un-namespaced events have been fully deprecated.

-
- -
$(document).on('open.fndtn.offcanvas', '[data-offcanvas]', function () {
-  var off_canvas_wrap = $(this);
-});
-
-$(document).on('close.fndtn.offcanvas', '[data-offcanvas]', function () {
-  var off_canvas_wrap = $(this);
-});
-

For example, to freeze scrolling when active:

-
$(document)
-.on('open.fndtn.offcanvas', '[data-offcanvas]', function() {
-  $('html').css('overflow', 'hidden');
-})
-.on('close.fndtn.offcanvas', '[data-offcanvas]', function() {
-  $('html').css('overflow', 'auto');
-})
-

Programmatic show / hide / toggle

-

The .off-canvas-wrap container can be targeted for javascript methods. At this time, the presentational open class needs to be included: either move-right, move-left, offcanvas-overlap-left, offcanvas-overlap-right or offcanvas-overlap.

-
$('.off-canvas-wrap').foundation('offcanvas', 'show', 'move-right');
-$('.off-canvas-wrap').foundation('offcanvas', 'hide', 'move-right');
-$('.off-canvas-wrap').foundation('offcanvas', 'toggle', 'move-right');
-
-

Adding Off-canvas After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('offcanvas', 'reflow');
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/offcanvas";
- - - - -


-

-
- -
-

Building Blocks Using Off-canvas

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/orbit.html b/dist/docs/components/orbit.html deleted file mode 100644 index 7772437a0..000000000 --- a/dist/docs/components/orbit.html +++ /dev/null @@ -1,985 +0,0 @@ - - - - - - - - Orbit | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Orbit

-
-

Orbit is an easy, powerful, responsive image slider that allows users to swipe on touch-enabled devices.

- -
-
    -
  • - slide 1 -
    - Caption One. -
    -
    • -
  • - slide 2 -
    - Caption Two. -
    -
    • -
  • - slide 3 -
    - Caption Three. -
    -
    • -
- - -
-

Deprecation Notice:

- -

Orbit has been deprecated, meaning that it is no longer supported. There's no need to worry though as we decided to leave it in Foundation if you choose to continue using it. We explain it here.

-

There are other great options if you need an image slider. A lot of them have features based on Orbit and may have added one of two more features.

-

This image slider is really slick: Slick Carousel. It has all the features Orbit has and can also be used as a carousel for single image sliding. It's easy to set up and is well supported.

-

Orbit is also not accessible to screen readers or assistive devices.

-
-

-

How to Setup Orbit

-

Orbit requires minimal HTML markup to function. Our Javascript takes care of most of the heavy lifting for you. The only thing you need to do is add a <ul data-orbit></ul> element to your page. You can then populate it with images, text, and captions. Here's the markup required to implement a basic Orbit slider on your page:

-

HTML

- -
<ul class="example-orbit" data-orbit>
-  <li>
-    <img src="../assets/img/examples/satelite-orbit.jpg" alt="slide 1" />
-    <div class="orbit-caption">
-      Caption One.
-    </div>
-  </li>
-  <li class="active">
-    <img src="../assets/img/examples/andromeda-orbit.jpg" alt="slide 2" />
-    <div class="orbit-caption">
-      Caption Two.
-    </div>
-  </li>
-  <li>
-    <img src="../assets/img/examples/launch-orbit.jpg" alt="slide 3" />
-    <div class="orbit-caption">
-      Caption Three.
-    </div>
-  </li>
-</ul>
- - -

Rendered HTML

- -
<div class="orbit-container">
-  <ul data-orbit class="example-orbit orbit-slides-container">
-    <li>
-      <img src="../assets/img/examples/satelite-orbit.jpg" alt="slide 1" />
-      <div class="orbit-caption">
-        Caption One.
-      </div>
-    </li>
-    <li class="active">
-      <img src="../assets/img/examples/andromeda-orbit.jpg" alt="slide 1" />
-      <div class="orbit-caption">
-        Caption Two.
-      </div>
-    </li>
-    <li>
-      <img src="../assets/img/examples/launch-orbit.jpg" alt="slide 1" />
-      <div class="orbit-caption">
-        Caption Three.
-      </div>
-    </li>
-  </ul>
-
-  <!-- Navigation Arrows -->
-  <a href="#" class="orbit-prev">Prev <span></span></a>
-  <a href="#" class="orbit-next">Next <span></span></a>
-
-  <!-- Slide Numbers -->
-  <div class="orbit-slide-number">
-    <span>1</span> of <span>3</span>
-  </div>
-
-  <!-- Timer and Play/Pause Button -->
-  <div class="orbit-timer">
-    <span></span>
-    <div class="orbit-progress"></div>
-  </div>
-</div>
-
-<!-- Bullets -->
-<ol class="orbit-bullets">
-  <li data-orbit-slide-number="1"></li>
-  <li data-orbit-slide-number="2" class="active"></li>
-  <li data-orbit-slide-number="3"></li>
-</ol>
- - -
-

Content Sliders

-

Orbit can also be used with just content and no images.

-
-
-

HTML

-
<ul class="example-orbit-content" data-orbit>
-  <li data-orbit-slide="headline-1">
-    <div>
-      <h2>Headline 1</h2>
-      <h3>Subheadline</h3>
-    </div>
-  </li>
-  <li data-orbit-slide="headline-2">
-    <div>
-      <h2>Headline 2</h2>
-      <h3>Subheadline</h3>
-    </div>
-  </li>
-  <li data-orbit-slide="headline-3">
-    <div>
-      <h2>Headline 3</h2>
-      <h3>Subheadline</h3>
-    </div>
-  </li>
-</ul>
- -
-
-

Rendered HTML

-
    -
  • -
    -

    Headline 1

    -

    Subheadline

    -
    -
    • -
  • -
    -

    Headline 2

    -

    Subheadline

    -
    -
    • -
  • -
    -

    Headline 3

    -

    Subheadline

    -
    -
    • -
-
-
- -
-

Deep Linking

-

To link to a particular slide in your Orbit slider you will need to add a data-orbit-slide attribute to each slide. Then anywhere on your page you can use data-orbit-link to link to that slide.

-
-
-

HTML

-
<a data-orbit-link="headline-1" class="small button">
-  Goto Slide 1
-</a>
-<a data-orbit-link="headline-2" class="small button">
-  Goto Slide 2
-</a>
-<a data-orbit-link="headline-3" class="small button">
-  Goto Slide 3
-</a>
- -
-
-

Rendered HTML

- Goto Slide 1 - Goto Slide 2 - Goto Slide 3 -
    -
  • -
    -

    Headline 1

    -

    Subheadline

    -
    -
    • -
  • -
    -

    Headline 2

    -

    Subheadline

    -
    -
    • -
  • -
    -

    Headline 3

    -

    Subheadline

    -
    -
    • -
-
-
- -
-

Accessibility

-

This component is not yet accessible. Stay tuned for updates in future releases.

- -
-

Customize with Sass

-
-
-

We've included a bunch of variables that you'll be able to use if you're into getting SASSy with things.

-
$include-html-orbit-classes: $include-html-classes !default;
-
-// We use these to control the caption styles
-$orbit-container-bg: none !default;
-$orbit-caption-bg: rgba(51,51,51, 0.8) !default;
-$orbit-caption-font-color: $white !default;
-$orbit-caption-font-size: rem-calc(14) !default;
-$orbit-caption-position: "bottom" !default; // Supported values: "bottom", "under"
-$orbit-caption-padding: rem-calc(10 14) !default;
-$orbit-caption-height: auto !default;
-
-// We use these to control the left/right nav styles
-$orbit-nav-bg: transparent !default;
-$orbit-nav-bg-hover: rgba(0,0,0,0.3) !default;
-$orbit-nav-arrow-color: $white !default;
-$orbit-nav-arrow-color-hover: $white !default;
-
-// We use these to control the timer styles
-$orbit-timer-bg: rgba(255,255,255,0.3) !default;
-$orbit-timer-show-progress-bar: true !default;
-
-// We use these to control the bullet nav styles
-$orbit-bullet-nav-color: $iron !default;
-$orbit-bullet-nav-color-active: $aluminum !default;
-$orbit-bullet-radius: rem-calc(9) !default;
-
-// We use these to controls the style of slide numbers
-$orbit-slide-number-bg: rgba(0,0,0,0) !default;
-$orbit-slide-number-font-color: $white !default;
-$orbit-slide-number-padding: rem-calc(5) !default;
-
-// Graceful Loading Wrapper and preloader
-$wrapper-class: "slideshow-wrapper" !default;
-$preloader-class: "preloader" !default;
-
-// Hide controls on small
-$orbit-nav-hide-for-small: true !default;
-$orbit-bullet-hide-for-small: true !default;
-$orbit-timer-hide-for-small: true !default;
- -
-
- -
-

Configuring Orbit

-

It's easy to configure Orbit using our provided Javascript. You can use with data-attributes or plain old Javascript. Make sure jquery.js, foundation.js, and foundation.orbit.js have been included on your page before continuing. For example add the following before the closing <body> tag:

-
<script src="js/vendor/jquery.js"></script>
-<script src="js/foundation/foundation.js"></script>
-<script src="js/foundation/foundation.orbit.js"></script>
-

Basic

-

Using data-attributes is the preferred method of making changes to our Javascript.

-
<ul data-orbit data-options="animation_speed:1500;">
-  ...
-</ul>
-

Advanced

-

You can also adjust settings using plain old Javascript. Here's all the available settings:

-

JS

-
$(document).foundation({
-  orbit: {
-      animation: 'slide', // Sets the type of animation used for transitioning between slides, can also be 'fade'
-      timer_speed: 10000, // Sets the amount of time in milliseconds before transitioning a slide
-      pause_on_hover: true, // Pauses on the current slide while hovering
-      resume_on_mouseout: false, // If pause on hover is set to true, this setting resumes playback after mousing out of slide
-      next_on_click: true, // Advance to next slide on click
-      animation_speed: 500, // Sets the amount of time in milliseconds the transition between slides will last
-      stack_on_small: false,
-      navigation_arrows: true,
-      slide_number: true,
-      slide_number_text: 'of',
-      container_class: 'orbit-container',
-      stack_on_small_class: 'orbit-stack-on-small',
-      next_class: 'orbit-next', // Class name given to the next button
-      prev_class: 'orbit-prev', // Class name given to the previous button
-      timer_container_class: 'orbit-timer', // Class name given to the timer
-      timer_paused_class: 'paused', // Class name given to the paused button
-      timer_progress_class: 'orbit-progress', // Class name given to the progress bar
-      slides_container_class: 'orbit-slides-container', // Class name given to the slide container
-      preloader_class: 'preloader', // Class given to the preloader
-      slide_selector: 'li', // Default is '*' which selects all children under the container
-      bullets_container_class: 'orbit-bullets',
-      bullets_active_class: 'active', // Class name given to the active bullet
-      slide_number_class: 'orbit-slide-number', // Class name given to the slide number
-      caption_class: 'orbit-caption', // Class name given to the caption
-      active_slide_class: 'active', // Class name given to the active slide
-      orbit_transition_class: 'orbit-transitioning',
-      bullets: true, // Does the slider have bullets visible?
-      circular: true, // Does the slider should go to the first slide after showing the last?
-      timer: true, // Does the slider have a timer active? Setting to false disables the timer.
-      variable_height: false, // Does the slider have variable height content?
-      swipe: true,
-      before_slide_change: noop, // Execute a function before the slide changes
-      after_slide_change: noop // Execute a function after the slide changes
-  }
-});
-
-

Real World Example

-

Here's an example of a customized Orbit container.

- -
-
-

Javascript

-
- -
$(document).foundation({
-  orbit: {
-    animation: 'slide',
-    timer_speed: 1000,
-    pause_on_hover: true,
-    animation_speed: 500,
-    navigation_arrows: true,
-    bullets: false
-  }
-});
- - -
-
- -
-

HTML

-
-
-
<ul data-orbit
-    data-options="animation:slide;
-                  pause_on_hover:true;
-                  animation_speed:500;
-                  navigation_arrows:true;
-                  bullets:false;">
-</ul>
- -
-
-
-
-
-
-
    -
  • slide 1
    • -
  • slide 2
    • -
  • slide 3
    • -
-
-
- -
-

Events

-

There are several events that you can bind to in Orbit. Here's an example of how you can bind to these events:

-

HTML

-
<ul id="featured1" data-orbit>
-  ...
-</ul>
-

JS

-
$("#featured1").on("ready.fndtn.orbit", function(event) {
-  console.info("ready");
-});
-$("#featured1").on("before-slide-change.fndtn.orbit", function(event) {
-  console.info("before slide change");
-});
-$("#featured1").on("after-slide-change.fndtn.orbit", function(event, orbit) {
-  console.info("after slide change");
-  console.info("slide " + orbit.slide_number + " of " + orbit.total_slides);
-});
-$("#featured1").on("timer-started.fndtn.orbit", function(event, orbit) {
-  console.info("timer started");
-});
-$("#featured1").on("timer-stopped.fndtn.orbit", function(event, orbit) {
-  console.info("timer stopped");
-});
-
-

Adding New Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('orbit', 'reflow');
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/orbit";
- - - - -


-

-
- -
-

Building Blocks Using Orbit

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/pagination.html b/dist/docs/components/pagination.html deleted file mode 100644 index b149761f3..000000000 --- a/dist/docs/components/pagination.html +++ /dev/null @@ -1,813 +0,0 @@ - - - - - - - - Pagination | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Pagination

-
-

Pagination is a type of navigation that lets users tap through a series of related pages. Moving between pages has become less common with the advent of longer pages and AJAX loading, but if you need pagination, Foundation has you covered.

- -
- - - -
-

Basic

-

Add a .pagination class to a ul to get started, then add list items with links or buttons in them.

-
    -
  • Create arrows by adding an .arrow class to the first and last list items.
    • -
  • To mark the current page, add a .current class to a list item.
    • -
  • Add a class of .unavailable to a list item to make it not clickable, like for the ellipsis in the middle.
    • -
-
-
-

HTML

-
<ul class="pagination">
-  <li class="arrow unavailable"><a href="">&laquo;</a></li>
-  <li class="current"><a href="">1</a></li>
-  <li><a href="">2</a></li>
-  <li><a href="">3</a></li>
-  <li><a href="">4</a></li>
-  <li class="unavailable"><a href="">&hellip;</a></li>
-  <li><a href="">12</a></li>
-  <li><a href="">13</a></li>
-  <li class="arrow"><a href="">&raquo;</a></li>
-</ul>
- -
-
-

Rendered HTML

- - -
-
- -
-

Advanced

-

Wrap your ul.pagination with an element that has the .pagination-centered class to center your pagination.

-
-
-

HTML

-
<div class="pagination-centered">
-  <ul class="pagination">
-    <li class="arrow unavailable"><a href="">&laquo;</a></li>
-    <li class="current"><a href="">1</a></li>
-    <li><a href="">2</a></li>
-    <li><a href="">3</a></li>
-    <li><a href="">4</a></li>
-    <li class="unavailable"><a href="">&hellip;</a></li>
-    <li><a href="">12</a></li>
-    <li><a href="">13</a></li>
-    <li class="arrow"><a href="">&raquo;</a></li>
-  </ul>
-</div>
- -
-
-

Rendered HTML

-
- -
-
-
- -
-

Accessibility

- -

Use this snippet to make Pagination more accessible. Adding the role attribute gives context to a screen reader. The aria-label attribute will allow a screen reader to call out what the component is to the user. Using the Tab button, a user can navigate until they've reached the link below. (Use Shift+Tab to navigate back one step.)

-

If you are using an unavailable link, give it an aria-disabled attribute as in this example:

-
-
-

HTML

-
<ul class="pagination" role="menubar" aria-label="Pagination">
-  <li class="arrow unavailable" aria-disabled="true"><a href="">&laquo; Previous</a></li>
-  <li class="current"><a href="">1</a></li>
-  <li><a href="">2</a></li>
-  <li><a href="">3</a></li>
-  <li><a href="">4</a></li>
-  <li class="unavailable" aria-disabled="true"><a href="">&hellip;</a></li>
-  <li><a href="">12</a></li>
-  <li><a href="">13</a></li>
-  <li class="arrow"><a href="">Next &raquo;</a></li>
-</ul>
- -
-
-

Rendered HTML

- -
-
- -

This component still needs keyboard accessibility through arrow keys. Stay tuned for updates in future releases.

- -

Note: It is bad practice to leave links that do not go anywhere on your live site. Use something like foo.html to fill them as you build.

-
-

Customize with Sass

-

Pagination styles can be easily customized with the Sass variables provided in the _settings.scss file.

-

SCSS

- -
$include-html-nav-classes: $include-html-classes;
-
-// We use these to control the pagination container
-$pagination-height: rem-calc(24);
-$pagination-margin: rem-calc(-5);
-
-// We use these to set the list-item properties
-$pagination-li-float: $default-float;
-$pagination-li-height: rem-calc(24);
-$pagination-li-font-color: #222;
-$pagination-li-font-size: rem-calc(14);
-$pagination-li-margin: rem-calc(5);
-
-// We use these for the pagination anchor links
-$pagination-link-pad: rem-calc(1 7 1);
-$pagination-link-font-color: #999;
-$pagination-link-active-bg: scale-color(#fff, $lightness: -10%);
-
-// We use these for disabled anchor links
-$pagination-link-unavailable-cursor: default;
-$pagination-link-unavailable-font-color: #999;
-$pagination-link-unavailable-bg-active: transparent;
-
-// We use these for currently selected anchor links
-$pagination-link-current-background: $primary-color;
-$pagination-link-current-font-color: #fff;
-$pagination-link-current-font-weight: bold;
-$pagination-link-current-cursor: default;
-$pagination-link-current-active-bg: $primary-color;
- - - -
-

Semantic Markup with Sass

-

You can apply pagination styles to semantic markup using Sass mixins.

-

Basic

- -

You can use the pagination() mixin to create your own pagination element, like so:

-
-
-

SCSS

-
.your-class-name {
-  @include pagination;
-}
- -
-
-

HTML

-
<ul class="your-class-name">
-  <li class="arrow unavailable"><a href="">&laquo;</a></li>
-  <li class="current"><a href="">1</a></li>
-  <li><a href="">2</a></li>
-  <li><a href="">3</a></li>
-  <li><a href="">4</a></li>
-  <li class="unavailable"><a href="">&hellip;</a></li>
-  <li><a href="">12</a></li>
-  <li><a href="">13</a></li>
-  <li class="arrow"><a href="">&raquo;</a></li>
-</ul>
- -
-
- -

Advanced

- -

You can center your pagination by wrapping your pagination element in another container that is styled with the pagination-container() mixin. To center your pagination within the container element, set the $centered option in your mixin to true.

-

SCSS

- -
.container-class-name { @include pagination-container(true); }
-.your-class-name { @include pagination($centered, $base-styles); }
- - -

HTML

- -
<div class="container-class-name">
-  <ul class="your-class-name">
-    <li class="arrow unavailable"><a href="">&laquo;</a></li>
-    <li class="current"><a href="">1</a></li>
-    <li><a href="">2</a></li>
-    <li><a href="">3</a></li>
-    <li><a href="">4</a></li>
-    <li class="unavailable"><a href="">&hellip;</a></li>
-    <li><a href="">12</a></li>
-    <li><a href="">13</a></li>
-    <li class="arrow"><a href="">&raquo;</a></li>
-  </ul>
-</div>
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/pagination";
-


-

-
- -
-

Building Blocks Using Pagination

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/panels.html b/dist/docs/components/panels.html deleted file mode 100644 index 5746e5a83..000000000 --- a/dist/docs/components/panels.html +++ /dev/null @@ -1,714 +0,0 @@ - - - - - - - - Panels | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Panels

-
-

A panel is a simple, helpful Foundation component that enables you to outline sections of your page easily. This allows you to view your page sections as you add content to them, or add emphasis to a section. The width is controlled by the grid columns you put them inside.

- -
-
-
-
-
This is a regular panel.
-

It has an easy to override visual style, and is appropriately subdued.

-
-
-
-
-
This is a callout panel.
-

It's a little ostentatious, but useful for important content.

-
-
-
- - -
-

Basic

- -

You can create a panel using minimal markup.

-
-
-

HTML

-
<div class="panel">
-  <h5>This is a regular panel.</h5>
-  <p>It has an easy to override visual style, and is appropriately subdued.</p>
-</div>
- - -
-
-

Rendered HTML

-
-
This is a regular panel.
-

It has an easy to override visual style, and is appropriately subdued.

-
- -

-

-
-

Advanced

- -

Additional classes can be added to your panels.

-
-
-

HTML

-
<div class="panel callout radius">
-  <h5>This is a callout panel.</h5>
-  <p>It's a little ostentatious, but useful for important content.</p>
-</div>
- -
-
-

Rendered HTML

-
-
This is a callout panel.
-

It's a little ostentatious, but useful for important content.

-
-
-
- -
-

Customize with Sass

-

Panels can be easily customized using our Sass variables.

-

SCSS

- -
$include-html-panel-classes: $include-html-classes !default;
-
-// We use these to control the background and border styles
-$panel-bg: scale-color($white, $lightness: -5%) !default;
-$panel-border-style: solid !default;
-$panel-border-size: 1px !default;
-
-// We use this % to control how much we darken things on hover
-$panel-border-color: scale-color($panel-bg, $lightness: -11%) !default;
-
-// We use these to set default inner padding and bottom margin
-$panel-margin-bottom: rem-calc(20) !default;
-$panel-padding: rem-calc(20) !default;
-
-// We use these to set default font colors
-$panel-font-color: $oil !default;
-$panel-font-color-alt: $white !default;
-
-$panel-header-adjust: true !default;
-$callout-panel-link-color: $primary-color !default;
-$callout-panel-bg: scale-color($primary-color, $lightness: 94%) !default;
- - -
-

Semantic Markup with Sass

-

You can create your own panels using our Sass mixins.

-

Basic

- -

You can use the panel() mixin to create your own panel, like so:

-

SCSS

-
.custom-panel {
-  @include panel();
-}
- - -

HTML

- -
<div class="custom-panel">Custom panel content goes here</div>
- - -

Advanced

- -

You can further customize your panels using the provided options in the panel() mixin:

-

SCSS

- -
.custom-panel {
-  @include panel(
-    // Sets the panel background color. Default: $panel-pg
-    $bg:orange,
-    // Sets the panel padding amount. Default: $panel-padding
-    $padding:20px,
-    // Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust
-    $adjust:true
-  );
-}
- - -

HTML

- -
<div class="custom-panel">Custom panel content with options goes here</div>
- - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/panels";
-


-

-
- -
-

Building Blocks Using Panels

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/pricing_tables.html b/dist/docs/components/pricing_tables.html deleted file mode 100644 index f043a72fa..000000000 --- a/dist/docs/components/pricing_tables.html +++ /dev/null @@ -1,735 +0,0 @@ - - - - - - - - Pricing Tables | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Pricing Tables

-
-

If you're making a rockin' marketing site for a subscription-based product, you're likely in need of a pricing table. These tables fill 100% of their container and are made from a simple unordered list.

- -
-
    -
  • Standard
    • -
  • $99.99
    • -
  • An awesome description
    • -
  • 1 Database
    • -
  • 5GB Storage
    • -
  • 20 Users
    • -
  • Buy Now
    • -
- - - -
-

Basic

- -

Code up a ul and apply the following classes to the li's.

-
    -
  • li.title: Creates the styles for a title.
    • -
  • li.price: Add a price that stands out.
    • -
  • li.description: If you need to describe the plan, add this.
    • -
  • li.bullet-item: To call out features, use this list item.
    • -
  • li.cta-button: To add a button inside a list item, use this.
    • -
-
-
-

HTML

-
<ul class="pricing-table">
-  <li class="title">Standard</li>
-  <li class="price">$99.99</li>
-  <li class="description">An awesome description</li>
-  <li class="bullet-item">1 Database</li>
-  <li class="bullet-item">5GB Storage</li>
-  <li class="bullet-item">20 Users</li>
-  <li class="cta-button"><a class="button" href="#">Buy Now</a></li>
-</ul>
- -
- -
-

Rendered HTML

-
    -
  • Standard
    • -
  • $99.99
    • -
  • An awesome description
    • -
  • 1 Database
    • -
  • 5GB Storage
    • -
  • 20 Users
    • -
  • Buy Now
    • -
- - -
-
- -
-

Customize with Sass

-

Pricing tables can be easily customized with the Sass variables provided in the _settings.scss file.

-

SCSS

- -
$include-html-pricing-classes: $include-html-classes;
-
-// We use this to control the border color
-$price-table-border: solid 1px $gainsboro;
-
-// We use this to control the bottom margin of the pricing table
-$price-table-margin-bottom: rem-calc(20);
-
-// We use these to control the title styles
-$price-title-bg: $oil;
-$price-title-padding: rem-calc(15 20);
-$price-title-align: center;
-$price-title-color: $smoke;
-$price-title-weight: $font-weight-normal;
-$price-title-size: rem-calc(16);
-$price-title-font-family: $body-font-family;
-
-// We use these to control the price styles
-$price-money-bg: $vapor;
-$price-money-padding: rem-calc(15 20);
-$price-money-align: center;
-$price-money-color: $oil;
-$price-money-weight: $font-weight-normal;
-$price-money-size: rem-calc(32);
-$price-money-font-family: $body-font-family;
-
-
-// We use these to control the description styles
-$price-bg: $white;
-$price-desc-color: $monsoon;
-$price-desc-padding: rem-calc(15);
-$price-desc-align: center;
-$price-desc-font-size: rem-calc(12);
-$price-desc-weight: $font-weight-normal;
-$price-desc-line-height: 1.4;
-$price-desc-bottom-border: dotted 1px $gainsboro;
-
-// We use these to control the list item styles
-$price-item-color: $oil;
-$price-item-padding: rem-calc(15);
-$price-item-align: center;
-$price-item-font-size: rem-calc(14);
-$price-item-weight: $font-weight-normal;
-$price-item-bottom-border: dotted 1px $gainsboro;
-
-// We use these to control the CTA area styles
-$price-cta-bg: $white;
-$price-cta-align: center;
-$price-cta-padding: rem-calc(20 20 0);
- - -
-

Semantic Markup with Sass Mixins

-

You can use the pricing-table-container() mixin, with mixins for each list item type to create your own pricing table with semantic markup, like so:

-
-
-

SCSS

-
.your-pricing-class  {
-  @include pricing-table-container;
-  .your-title-class  {
-    @include pricing-table-title;
-  }
-  .your-price-class  {
-    @include pricing-table-price;
-  }
-  .your-desc-class   {
-    @include pricing-table-description;
-  }
-  .your-bullet-class {
-    @include pricing-table-bullet;
-  }
-  .your-cta-class    {
-    @include pricing-table-cta;
-  }
-}
- -
-
-

HTML

-
<ul class="your-pricing-class">
-  <li class="your-title-class">Title</li>
-  <li class="your-price-class">$$</li>
-  <li class="your-desc-class">...</li>
-  <li class="your-bullet-class">Bullet</li>
-  <li class="your-cta-class"><a class="your-button-class" href="#">Button</a></li>
-</ul>
- -
-
- -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/pricing-tables";
-


-

-
- -
-

Building Blocks Using Pricing Tables

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/progress_bars.html b/dist/docs/components/progress_bars.html deleted file mode 100644 index cabb98cd5..000000000 --- a/dist/docs/components/progress_bars.html +++ /dev/null @@ -1,741 +0,0 @@ - - - - - - - - Progress Bars | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Progress Bars

-
-

A simple way to add progress bars to your layouts. You only need two HTML elements to make them and they're easy to customize.

- -
-
- -
-
- -
-
- -
-
- -
- -
-

Basic

- -

You can create a progress bar using minimal markup.

-
-
-

HTML

-
<div class="progress">
-  <span class="meter"></span>
-</div>
- - -
-
-

Rendered HTML

-
- -
-
-
- -
-

Advanced

- -

Additional classes can be added to your progress bar to change its appearance.

-
-
-

HTML

-
<div class="progress [small-# large-#] [secondary alert success] [radius round]">
-  <span class="meter" style="width: [1 - 100]%"></span>
-</div>
- -
-
-

Rendered HTML

-
- -
-
-
- -

Stacked

- -

Progress bars can be stacked.

-
-
-

HTML

-
<div class="progress [small-# large-#] [radius round]">
-  <span class="meter [secondary alert success]" style="width: [1 - 100]%"></span>
-  <span class="meter [secondary alert success]" style="width: [1 - 100]%"></span>
-  <span class="meter [secondary alert success]" style="width: [1 - 100]%"></span>
-</div>
- - -
-
-

Rendered HTML

-
- - - -
-
-
- -
-

Accessibility

-

This component is not yet accessible. Stay tuned for updates in future releases.

- -
-

Customize with Sass

-

Progress bars can be easily customized using our provided Sass variables.

-

SCSS

- -
$include-html-media-classes: $include-html-classes;
-
-// We use this to set the prog bar height
-$progress-bar-height: rem-calc(25);
-$progress-bar-color: transparent;
-
-// We use these to control the border styles
-$progress-bar-border-color: scale-color(#fff, $lightness: 20%);
-$progress-bar-border-size: 1px;
-$progress-bar-border-style: solid;
-$progress-bar-border-radius: $global-radius;
-
-// We use these to control the margin and padding
-$progress-bar-pad: rem-calc(2);
-$progress-bar-margin-bottom: rem-calc(10);
-
-// We use these to set the meter colors
-$progress-meter-color: $primary-color;
-$progress-meter-secondary-color: $secondary-color;
-$progress-meter-success-color: $success-color;
-$progress-meter-alert-color: $alert-color;
- - - -
-

Semantic Markup with Sass

-

You can create your own progress bars using our Sass mixins.

-

Basic

- -

You can use the progress-container() and progress-meter() mixin to create your own progress bars, like so:

-
Container Mixin
-

SCSS

- -
.custom-progress-container {
-  @include progress-container();
-}
- - -

HTML

- -
<div class="custom-progress-container"></div>
- - -
Meter Mixin
-

SCSS

- -
.custom-progress-container { @include progress-container;
-  & > span { @include progress-meter($bg); }
-}
- - -

Advanced

- -

You can further customize your progress bars using the provided options in the progress-bar() mixin:

-
Adding Border Radius
-

We can add a border radius to our progress bar through our mixins:

-

SCSS

- -
.custom-progress-container {
-  @include progress-container;
-  @include radius(6px);
-  & > span {
-    @include progress-meter(pink);
-    @include radius(5px);
-  }
-}
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/progress-bars";
-


-

-
- -
-

Building Blocks Using Progress Bars

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/range_slider.html b/dist/docs/components/range_slider.html deleted file mode 100644 index 8881640de..000000000 --- a/dist/docs/components/range_slider.html +++ /dev/null @@ -1,966 +0,0 @@ - - - - - - - - Range Sliders | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Range Sliders

-
-

This handy slider will allow you to drag a handle to select a specific value from a range.

- -
-
-
-
-
-
- - -
-
-
- -
-
-
-
-
-
-
- - -
-
-
- -
-
-
-
- - - - -
-

Basic

- -

You can create a range slider bar using minimal markup. The slider's value will be assigned to any <input type="hidden"> elements inside the data-slider div and as the value of the data-slider attribute.

-

Horizontal

-

By default, the range slider displays horizontally.

-
-
-

HTML

-
<div class="range-slider" data-slider>
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
- -
-
-

Rendered HTML

-
- - - -
-
-
- -

Vertical

-

Adding the vertical-range class to the outer <div> and passing the data-option vertical: true; displays the slider vertically instead of horizontally.

-
-
-

HTML

-
<div class="range-slider vertical-range" data-slider data-options="vertical: true;">
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
- -
-
-

Rendered HTML

-
- - - -
-
-
- -

With Label

-

You can use the display_selector data option to pass in an element (or input) to display the slider value in.

-
-
-

HTML

-
<div class="row">
-  <div class="small-10 medium-11 columns">
-    <div class="range-slider" data-slider data-options="display_selector: #sliderOutput3;">
-      <span class="range-slider-handle" role="slider" tabindex="0"></span>
-      <span class="range-slider-active-segment"></span>
-    </div>
-  </div>
-  <div class="small-2 medium-1 columns">
-    <span id="sliderOutput3"></span>
-  </div>
-</div>
- -
-
-

Rendered HTML

-
-
-
- - -
-
-
- -
-
-
-
- -

With Input

-

If you use the display_selector data option to pass in an input, your users can use the input and their changes will be reflected on the slider.

-
-
-

HTML

-
<div class="row">
-  <div class="small-10 columns">
-    <div class="range-slider" data-slider data-options="display_selector: #days-off-count; initial: 28;">
-      <span class="range-slider-handle" role="slider" tabindex="0"></span>
-      <span class="range-slider-active-segment"></span>
-    </div>
-  </div>
-  <div class="small-2 columns">
-    <input type="number" id="days-off-count" value="28" />
-  </div>
-</div>
- -
-
-

Rendered HTML

-
-
-
- - -
-
-
- -
-
-
-
- -
-

Advanced

- -

Additional classes and data options can be added to your range slider to change its appearance and function.

-

Styling Classes

-

You can add a border radius to the range slider by adding the radius class to the range-slider element, or fully round it by adding the round class. Adding the disabled class or attribute to the slider will disable it completely.

-
-
-

HTML

-
<div class="range-slider radius" data-slider>
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
-
-<div class="range-slider round" data-slider>
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
-
-<div class="range-slider disabled" data-slider disabled>
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
- -
-
-

Rendered HTML

-
- - - -
-

-
- - - -
-

-
- - - -
-
-
- -

Fixed Steps

-

You can create a range slider with fixed steps by setting the steps variable in the data-options attribute.

-
-
-

HTML

-
<div class="range-slider" data-slider data-options="step: 20;">
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
- -
-
-

Rendered HTML

-
-
-
- - -
-
-
- -
-
-
-
- -

Custom Range

-

You can create a range slider with custom range by setting the start and end variables in the data-options attribute.

-
-
-

HTML

-
<div class="range-slider" data-slider data-options="start: 1; end: 10;">
-  <span class="range-slider-handle" role="slider" tabindex="0"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
- -
-
-

Rendered HTML

-
-
-
- - -
-
-
- -
-
-
-
- -

Callbacks

-

There are two ways to bind to callbacks in your sliders.

-
-

Deprecation Notice

-

Previous versions of the slider plugin emitted an un-namespaced change event, however, this has been replaced by the namespaced change.fndtn.slider event. The un-namespaced event have been fully deprecated.

-
- -
-
-

Callback Function

- -
$(document).foundation({
-  slider: {
-    on_change: function(){
-      // do something when the value changes
-    }
-  }
-});
- -
-
-

Events

- -
$('[data-slider]').on('change.fndtn.slider', function(){
-  // do something when the value changes
-});
- -
-
- -

Getting and Setting Values

-

To get the value of a slider, get the vale of its data-slider attribute.

-

Get Value

- -
$('#slider').attr('data-slider');
- - -

To set a slider's value, call the foundation function on the slider and pass in 'slider', 'set_value' and the new slider value as arguments.

-

Set Value

- -
var new_value = 3;
-$('.range-slider').foundation('slider', 'set_value', new_value);
- - - -
-

Using the Javascript

-

Before you can use Slider you'll want to verify that jQuery and foundation.js are available on your page. You can refer to the Javascript documentation on setting that up.

-

Just add foundation.slider.js AFTER the foundation.js file. Your markup should look something like this:

-
<body>
-
-  ...
-
-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.slider.js"></script>
-  <!-- Other JS plugins can be included here -->
-
-  <script>
-    $(document).foundation();
-  </script>
-
-</body>
- - -

Required Foundation Library: foundation.slider.js

-
-

Accessibility

-

Because the range slider is a non-standard form input, assistive devices need some additional information to understand what they are. On the slider handle itself, you need the attribute role="slider", to inform assistive devices about the functionality of the element. You also need the attribute tabindex="0", so the element can be focused when navigating using a keyboard.

-

If the slider has a label, the label should be connected to the slider by giving the label a unique ID, and giving the slider the attribute aria-labelledby, using the ID of the label as the value. Our JavaScript handles the rest of the ARIA attributes.

-
<label id="sliderLabel">Age</label>
-<div class="range-slider" data-slider>
-  <span class="range-slider-handle" role="slider" tabindex="0" aria-labelledby="sliderLabel"></span>
-  <span class="range-slider-active-segment"></span>
-  <input type="hidden">
-</div>
-

If a slider doesn't have a text label, we recommend adding the attribute aria-label to the slider handle with an appropriate label.

-
<span class="range-slider-handle" role="slider" tabindex="0" aria-label="Age"></span>
-
-

Adding New Range Slider After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('slider', 'reflow');
- - -
-

Customize with Sass

-

Sliders can be easily customized using our provided Sass variables.

-
$include-html-range-slider-classes: $include-html-classes;
-
-// These variables define the slider bar styles
-$range-slider-bar-width: 100%;
-$range-slider-bar-height: rem-calc(16);
-
-$range-slider-bar-border-width: 1px;
-$range-slider-bar-border-style: solid;
-$range-slider-bar-border-color: $gainsboro;
-$range-slider-radius: $global-radius;
-$range-slider-round: $global-rounded;
-$range-slider-bar-bg-color: $ghost;
-$range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%);
-
-// Vertical bar styles
-$range-slider-vertical-bar-width: rem-calc(16);
-$range-slider-vertical-bar-height: rem-calc(200);
-
-// These variables define the slider handle styles
-$range-slider-handle-width: rem-calc(32);
-$range-slider-handle-height: rem-calc(22);
-$range-slider-handle-position-top: rem-calc(-5);
-$range-slider-handle-bg-color: $primary-color;
-$range-slider-handle-border-width: 1px;
-$range-slider-handle-border-style: solid;
-$range-slider-handle-border-color: none;
-$range-slider-handle-radius: $global-radius;
-$range-slider-handle-round: $global-rounded;
-$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
-$range-slider-handle-cursor: pointer;
-
-$range-slider-disabled-opacity: 0.7;
- - - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/range-slider";
-


-

-
- -
-

Building Blocks Using Range Sliders

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/reveal.html b/dist/docs/components/reveal.html deleted file mode 100644 index c012ac12c..000000000 --- a/dist/docs/components/reveal.html +++ /dev/null @@ -1,1011 +0,0 @@ - - - - - - - - Reveal Modal | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Reveal Modal

-
-

Modal dialogs, or pop-up windows, are handy for prototyping and production. Foundation includes Reveal our jQuery modal plugin, to make this easy for you.

- -
-

Basic

- -

You can create a reveal modal using minimal markup. The anchor tag with the reveal-modal-id is what triggers the Reveal.

-
-
-

HTML

- 
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
-
-<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
-  <h2 id="modalTitle">Awesome. I have it.</h2>
-  <p class="lead">Your couch.  It is mine.</p>
-  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
-  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
-</div>
- - - - - -
-
-

Rendered HTML

- Click Me For A Modal - - -
-
- -
-

Intermediate

- -

You can create a reveal modal with another inside it. Setting reveal.multiple_opened to true will not close previously opened reveal modals. You can even put a video into a reveal.

-
-
-

HTML

- 
<!-- Triggers the modals -->
-<a href="#" data-reveal-id="firstModal" class="radius button">Modal in a modal&hellip;</a>
-<a href="#" data-reveal-id="videoModal" class="radius button">Example Modal with Video&hellip;</a>
-
-<!-- Reveal Modals begin -->
-<div id="firstModal" class="reveal-modal" data-reveal aria-labelledby="firstModalTitle" aria-hidden="true" role="dialog">
-  <h2 id="firstModalTitle">This is a modal.</h2>
-  <p>Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of <code>close-reveal-modal</code>. Clicking anywhere outside the modal will also dismiss it.</p>
-  <p>Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.</p>
-  <p><a href="#" data-reveal-id="secondModal" class="secondary button">Second Modal...</a></p>
-  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
-</div>
-
-<div id="secondModal" class="reveal-modal" data-reveal aria-labelledby="secondModalTitle" aria-hidden="true" role="dialog">
-  <h2 id="secondModalTitle">This is a second modal.</h2>
-  <p>See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.</p>
-  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
-</div>
-
-<div id="videoModal" class="reveal-modal large" data-reveal aria-labelledby="videoModalTitle" aria-hidden="true" role="dialog">
-  <h2 id="videoModalTitle">This modal has video</h2>
-  <div class="flex-video widescreen vimeo">
-    <iframe width="1280" height="720" src="//www.youtube-nocookie.com/embed/wnXCopXXblE?rel=0" frameborder="0" allowfullscreen></iframe>
-  </div>
-
-  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
-</div>
-<!-- Reveal Modals end -->
- - -
-
-

Rendered HTML

- Modal in a modal… -Example Modal with Video… - - - - - - - - -
-

-
-

Advanced

- -

Additional classes can be added to your reveal modal to change its appearance.

-

The class options:

-
    -
  • tiny: Set the width to 30%.
    • -
  • small: Set the width to 40%.
    • -
  • medium: Set the width to 60%.
    • -
  • large: Set the width to 70%.
    • -
  • xlarge: Set the width to 95%.
    • -
  • full: Set the width and height to 100%.
    • -
-

Note: Default on small is 100% (full) width.

-
Removing the Background
-

HTML

- -
<div class="reveal-modal-bg" style="display: none"></div>
- - -
Firing a Reveal Modal
- -

To launch a modal, just add a data-reveal-id to the object which you want to fire the modal when clicked. The data-reveal-id needs to match the id of your reveal.

- -

HTML

- -
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
- - - -

You can also open and close Reveal via Javascript:

-
// trigger by event
-$('a.reveal-link').trigger('click');
-$('a.close-reveal-modal').trigger('click');
-
-// or directly on the modal
-$('#myModal').foundation('reveal', 'open');
-$('#myModal').foundation('reveal', 'close');
- - -

Or you can call one right after the other:

-
<div class='reveal-modal' id='first-modal' data-reveal>
-    I'm the firstborn!
-    <a class='open-second'>Click me!</a>
-  </div>
-  <div class='reveal-modal' id='second-modal' data-reveal>
-    I'm the secondborn!
-    <a class='close'>Close modal</a>
-  </div>
-  <a class='open-first'>Click me!</a>
- - - -

-// There's no need to close a previous modal before you
-// open another one.
-$('a.open-first').on('click', function() {
-  $('#first-modal').foundation('reveal','open');
-});
-$('a.open-second').on('click', function() {
-  $('#second-modal').foundation('reveal', 'open');
-});
-$('a.close').on('click', function() {
-  $('#second-modal').foundation('reveal', 'close');
-});
- - -
Firing a Reveal Modal with Ajax Content
- -To launch a modal with content from another page, just add a data-reveal-ajax attribute pointing to the url of that page. When clicked, the Reveal modal will be opened with a content from that page. Beware: content of the object from data-reveal-id attribute will be overwritten as a result. - -To use an url from href attribute just add data-reveal-ajax="true" instead. - -

JS

- -
<button data-reveal-id="myModal" data-reveal-ajax="http://some-url">
-    Click Me For A Modal
-</button>
-
-<a href="http://some-url" data-reveal-id="myModal" data-reveal-ajax="true">
-    Click Me For A Modal
-</a>
- - -Ajax-based Reveal modals can also be opened via Javascript: - -

JS

- -
// just an url
-$('#myModal').foundation('reveal', 'open', 'http://some-url');
-
-// url with extra parameters
-$('#myModal').foundation('reveal', 'open', {
-    url: 'http://some-url',
-    data: {param1: 'value1', param2: 'value2'}
-});
-
-// url with custom callbacks
-$('#myModal').foundation('reveal', 'open', {
-    url: 'http://some-url',
-    success: function(data) {
-        alert('modal data loaded');
-    },
-    error: function() {
-        alert('failed loading modal');
-    }
-});
- - -

Please refer to http://api.jquery.com/jQuery.ajax/ for a complete list of possible parameters.

- -
-

Event Bindings

-

There are a series of events that you can bind to for triggering callbacks:

-
-

Deprecation Notice

-

Previous versions of the reveal plugin emitted un-namespaced open, opened, close and closed events, however, these have been replaced by the namespaced open.fndtn.reveal, opened.fndtn.reveal, close.fndtn.reveal and closed.fndtn.reveal events. The un-namespaced events have been fully deprecated.

-
- -
$(document).on('open.fndtn.reveal', '[data-reveal]', function () {
-  var modal = $(this);
-});
-
-$(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
-  var modal = $(this);
-});
-
-$(document).on('close.fndtn.reveal', '[data-reveal]', function () {
-  var modal = $(this);
-});
-
-$(document).on('closed.fndtn.reveal', '[data-reveal]', function () {
-  var modal = $(this);
-});
-
-

Accessibility

-

This component is not yet fully accessible. While it is usable via the keyboard, it has to be checked if additional ARIA attributes can enhance the components accessibility.

- -
-

Customize with Sass

- -

Reveal modals can be easily customized using our Sass variables.

- -

SCSS

- -
$include-html-reveal-classes: $include-html-classes;
-
-// We use these to control the style of the reveal overlay.
-$reveal-overlay-bg: rgba($black, .45);
-$reveal-overlay-bg-old: $black;
-
-// We use these to control the style of the modal itself.
-$reveal-modal-bg: $white;
-$reveal-position-top: rem-calc(100);
-$reveal-default-width: 80%;
-$reveal-max-width: $row-width;
-$reveal-modal-padding: rem-calc(20);
-$reveal-box-shadow: 0 0 10px rgba($black,.4);
-
-// We use these to style the reveal close button
-$reveal-close-font-size: rem-calc(40);
-$reveal-close-top: rem-calc(8);
-$reveal-close-side: rem-calc(11);
-$reveal-close-color: $base;
-$reveal-close-weight: $font-weight-bold;
-
-// We use this to set the default radius used throughout the core.
-$reveal-radius: $global-radius;
-$reveal-round: $global-rounded;
-
-// We use these to control the modal border
-$reveal-border-style: solid;
-$reveal-border-width: 1px;
-$reveal-border-color: $steel;
-
-$reveal-modal-class: "reveal-modal";
-$close-reveal-modal-class: "close-reveal-modal";
- - -
- -

Semantic Markup With Sass

- -

You can create your own reveal modals using our Sass mixins.

- -

Setting the background

- -

You can use the reveal-bg() mixin to create your own reveal modal, like so:

- -
.custom-reveal-class {
-  @include reveal-bg();
-}
- - -

Creating the base structure

- -

You can use this mixin to create the structure of a reveal modal

- -
.custom-reveal-class {
-  @include reveal-modal-base(
-    // Provides reveal base styles, can be set to false to override.
-    $base-style:true,
-    // Sets reveal width Default: $reveal-default-width or 80%
-    $width:$reveal-default-width
-  );
-}
- - -

Set Reveal Base Styles

- -

You can use this mixin to style the reveal modal defaults

- -
.custom-reveal-class {
-  @include reveal-modal-style(
-    // Sets background color of reveal modal. Default: $reveal-modal-bg or #fff
-    $bg:$reveal-modal-bg,
-    // Set reveal border style. Default: $reveal-border-style or solid
-    $border:true,
-    // Width of border (i.e. 1px). Default: $reveal-border-width.
-    $border-style:$reveal-border-style,
-    // Color of border. Default: $reveal-border-color.
-    $border-width:$reveal-border-width,
-    // Color of border. Default: $reveal-border-color.
-    $border-color:$reveal-border-color,
-    // Choose whether or not to include the default box-shadow. Default: true, Options: false
-    $box-shadow:true,
-    // Default: $reveal-position-top or 50px
-    $top-offset:$reveal-position-top
-  );
-}
- - - -

Add a close button

- -

You can use this mixin to create a close button for the reveal modal

- -
.custom-reveal-class {
-  @include reveal-close(
-    $color:$reveal-close-color
-  );
-}
- - -

Note: rem-calc(); is a function we wrote to convert px to rem. It is included in _variables.scss.

-
-

Using the Javascript

- -
- Before you can use Reveal you'll want to verify that jQuery and foundation.min.js are available on your page. You can refer to the Javascript documentation on setting that up. -
- -

If you are not using foundation.min.js and individually adding plugins, include foundation.reveal.js AFTER the foundation.js file. Your markup should look something like this:

- -
<body>
-
-  ...
-
-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.reveal.js"></script>
-  <!-- Other JS plugins can be included here -->
-
-  <script>
-    $(document).foundation();
-  </script>
-
-</body>
- - -

Required Foundation Library: foundation.reveal.js

- -
Optional Javascript Configuration
- -

Reveal options can only be passed in during initialization at this time. However, you can bind to the open, opened, close, and closed events.

You can also specify an AJAX error callback with the option on_ajax_error. - -
{
-  animation: 'fadeAndPop',
-  animation_speed: 250,
-  close_on_background_click: true,
-  dismiss_modal_class: 'close-reveal-modal',
-  multiple_opened: false,
-  bg_class: 'reveal-modal-bg',
-  root_element: 'body',
-  on_ajax_error: $.noop,
-  bg : $('.reveal-modal-bg'),
-  css : {
-    open : {
-      'opacity': 0,
-      'visibility': 'visible',
-      'display' : 'block'
-    },
-    close : {
-      'opacity': 1,
-      'visibility': 'hidden',
-      'display': 'none'
-    }
-  }
-}
- - - -
- -### Adding New Reveal Content After Page Load - -If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following: - -
$(document).foundation();
- - -Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them. - -
$(document).foundation('reveal', 'reflow');
- - -* - -
Sass Errors?
- -

If the default "foundation" import was commented out, then make sure you import this file:

- -

SCSS

- -
@import "foundation/components/reveal";
- - - - -


-

-
- -
-

Building Blocks Using Reveal Modal

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/rtl.html b/dist/docs/components/rtl.html deleted file mode 100644 index 800f9ba7f..000000000 --- a/dist/docs/components/rtl.html +++ /dev/null @@ -1,620 +0,0 @@ - - - - - - - - Right-to-Left Support | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Right-to-Left Support

-
-

Right-to-left text direction support in Foundation allows you to easily switch text direction for all components.

- -
-

Setup

-

Foundation was built to support right-to-left text direction out of the box, but you'll need to make a couple of adjustments to your markup and Sass to get everything up and running.

-

Markup Changes for Right-to-Left Languages

-

You'll need to make a few changes to your markup to get the Javascript components working nice and smooth. In the html tag, you'll need to add a dir attribute with a value of rtl. Here's what your html tag should look like:

-

HTML

- -
<!-- This example is for a right-to-left Arabic layout -->
-<html class="no-js" lang="ar" dir="rtl">
- - -

Change the Language Too

-

You'll need to change your lang attribute value to match your language. Here's a handy list of common right-to-left languages and their html codes:

-
    -
  • Arabic: ar
    • -
  • Chinese: zh
    • -
  • Farsi: fa
    • -
  • Hebrew: he, iw
    • -
  • Japanese: ja
    • -
  • Urdu: ur
    • -
  • Yiddish: yi, ji
    • -
-
-

A Single Sass Adjustment

-

We made it really easy to switch the entire Foundation grid to right-to-left by changing the $text-direction Sass variable. Here's what the variable should look like:

-

Sass

-
$text-direction: rtl;
- - -

By changing this single variable, the entire grid and all the Foundation components will be switched to right-to-left orientation.

-
-

Using CSS

-

If you prefer vanilla CSS, use the customizer to download Foundation and get right-to-left support. Your download should be ready to use without any of the steps mentioned above.

-

Download Right-to-Left Foundation »

- - -
- - - - -


-

-
- -
-

Building Blocks Using Right-to-Left Support

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/sidenav.html b/dist/docs/components/sidenav.html deleted file mode 100644 index 9ef608db5..000000000 --- a/dist/docs/components/sidenav.html +++ /dev/null @@ -1,763 +0,0 @@ - - - - - - - - Side Nav | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Side Nav

-
-

Side nav, like you see on the Foundation docs, is a great way to provide navigation for your entire site, or for sections of an individual page.

- -
- - -
-

Basic

- -

You can create a side nav using minimal markup.

-
-
-

HTML

-
<ul class="side-nav">
-  <li><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
-  <li><a href="#">Link 3</a></li>
-  <li><a href="#">Link 4</a></li>
-</ul>
- -
-
-

Rendered HTML

- -
-
- -

Advanced

- -

Additional classes can be added to your side nav to change its appearance.

-
-
-

HTML

-
<ul class="side-nav">
-  <li class="active"><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
-  <li class="divider"></li>
-  <li><a href="#">Link 3</a></li>
-  <li><a href="#">Link 4</a></li>
-</ul>
- -
-
-

Rendered HTML

- -
-
- -
-

Accessibility

- -

Use this snippet to make side-nav more accessible. Adding the role attribute gives context to a screen reader. Using the Tab button, a user can navigate until they've reached the link below. (Use Shift+Tab to navigate back one step.)

-
-
-

HTML

-
 <ul class="side-nav" role="navigation" title="Link List">
-   <li role="menuitem"><a href="#">Link 1</a></li>
-   <li role="menuitem"><a href="#">Link 2</a></li>
-   <li role="menuitem"><a href="#">Link 3</a></li>
-   <li role="menuitem"><a href="#">Link 4</a></li>
- </ul>
- -
-
-

Rendered HTML

- - - -
-
- -

Note: It is bad practice to leave links that do not go anywhere on your live site. Use something like foo.html to fill them as you build.

-
-

Customize with Sass

-

The side nav can be easily customized using our Sass variables

-

SCSS

- -
$include-html-nav-classes: $include-html-classes;
-
-// We use this to control padding.
-$side-nav-padding: rem-calc(14 0);
-
-// We use these to control list styles.
-$side-nav-list-type: none;
-$side-nav-list-position: inside;
-$side-nav-list-margin: rem-calc(0 0 7 0);
-
-// We use these to control link styles.
-$side-nav-link-color: $primary-color;
-$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
-$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
-$side-nav-font-size: rem-calc(14);
-$side-nav-font-weight: normal;
-$side-nav-font-weight-active: $side-nav-font-weight;
-$side-nav-font-family: $body-font-family;
-$side-nav-font-family-active: $side-nav-font-family;
-
-// We use these to control border styles
-$side-nav-divider-size: 1px;
-$side-nav-divider-style: solid;
-$side-nav-divider-color: scale-color(#fff, $lightness: 10%);
- - - -
-

Semantic Markup with Sass

-

You can create your own sub nav with our Sass mixins.

-

Basic

- -

You can use the side-nav() mixin to create your own sub nav, like so:

-

SCSS

- -
.custom-side-nav {
-  @include side-nav();
-}
- - -

HTML

- -
<ul class="custom-side-nav">
-  <li class="active"><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
-  <li class="divider"></li>
-  <li><a href="#">Link 3</a></li>
-  <li><a href="#">Link 4</a></li>
-</ul>
- - -

Advanced

- -

You can further customize your side nav, like so:

-

SCSS

- -
.custom-sidenav-class {
-  @include side-nav(
-    // Border color of divider
-    $divider-color: '#ccc',
-    // Font size of nav items
-    $font-size:1.2em,
-    // Color of navigation links
-    $link-color:'#ccc',
-    // Color of navigation links on active
-    $link-color-active: '#444',
-    // Color of navigation links on hover
-    $link-color-hover: '#444'
-  );
-}
- - -

HTML

- -
<ul class="custom-side-nav">
-  <li class="active"><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
-  <li class="divider"></li>
-  <li><a href="#">Link 3</a></li>
-  <li><a href="#">Link 4</a></li>
-</ul>
- - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/side-nav";
-


-

-
- -
-

Building Blocks Using Side Nav

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/split_buttons.html b/dist/docs/components/split_buttons.html deleted file mode 100644 index 9b5368428..000000000 --- a/dist/docs/components/split_buttons.html +++ /dev/null @@ -1,770 +0,0 @@ - - - - - - - - Split Buttons | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Split Buttons

-
-

We've simplified our split dropdown buttons by removing the dedicated ones associated with a style of button. Instead, you'll use our new dropdown plugin to attach a split button to the button style of your choice.

- -
-

Split Button

- - -

Split Button

- - -

Split Button

- - -

Split Button

- - - -
-

Basic

- -

You can create a split button using minimal markup.

-
-
-

HTML

-
<a href="#" class="button split">Split Button <span data-dropdown="drop"></span></a><br>
-<ul id="drop" class="f-dropdown" data-dropdown-content>
-  <li><a href="#">This is a link</a></li>
-  <li><a href="#">This is another</a></li>
-  <li><a href="#">Yet another</a></li>
-</ul>
- -
-
-

Rendered HTML

- Split Button
- - -
-
- -
-

Advanced

- -

Additional classes can be added to your split buttons to change its appearance.

-
-
-

HTML

-
<a href="#" class="[tiny small medium large] [secondary alert success] [radius round] button split">Split Button <span data-dropdown="drop"></span></a><br>
-<ul id="drop" class="f-dropdown" data-dropdown-content>
-  <li><a href="#">This is a link</a></li>
-  <li><a href="#">This is another</a></li>
-  <li><a href="#">Yet another</a></li>
-</ul>
- -
-
-

HTML Rendered

-Split Button
- -
-
- -
-

Custom Pip

- -

If you desire to use your own pip in the split button, the no-pip class will remove ours and allow you to place any icon inside of the pip span

-
-
-

HTML

-
<a href="#" class="button split no-pip">Custom Pip<span><i class="fi-arrow-down"></i></span></a>
- -
-
-

HTML Rendered

-Custom Pip -
-
- -
-

Accessibility

-

This component is not yet accessible. Stay tuned for updates in future releases.

- -
-

Customize with Sass

-

Split buttons can be easily customized using our provided Sass variables.

-

SCSS

- -
$include-html-button-classes: $include-html-classes;
-
-/* We use these to control different shared styles for Split Buttons */
-$split-button-function-factor: 15%;
-$split-button-pip-color: #fff;
-$split-button-pip-color-alt: #333;
-$split-button-active-bg-tint: rgba(0,0,0,0.1);
-$split-button-span-border-color: rgba(255,255,255,0.5);
-
-/* We use these to control tiny split buttons */
-$split-button-padding-tny: $button-tny * 9;
-$split-button-span-width-tny: $button-tny * 6.5;
-$split-button-pip-size-tny: $button-tny;
-$split-button-pip-top-tny: $button-tny * 2;
-$split-button-pip-default-float-tny: rem-calc(-5);
-
-/* We use these to control small split buttons */
-$split-button-padding-sml: $button-sml * 7;
-$split-button-span-width-sml: $button-sml * 5;
-$split-button-pip-size-sml: $button-sml;
-$split-button-pip-top-sml: $button-sml * 1.5;
-$split-button-pip-default-float-sml: rem-calc(-9);
-
-/* We use these to control medium split buttons */
-$split-button-padding-med: $button-med * 6.4;
-$split-button-span-width-med: $button-med * 4;
-$split-button-pip-size-med: $button-med - rem-calc(3);
-$split-button-pip-top-med: $button-med * 1.5;
-$split-button-pip-default-float-med: rem-calc(-9);
-
-/* We use these to control large split buttons */
-$split-button-padding-lrg: $button-lrg * 6;
-$split-button-span-width-lrg: $button-lrg * 3.75;
-$split-button-pip-size-lrg: $button-lrg - rem-calc(6);
-$split-button-pip-top-lrg: $button-lrg + rem-calc(5);
-$split-button-pip-default-float-lrg: rem-calc(-9);
- - -
-

Semantic Markup with Sass

-

You can create your own split buttons using our Sass mixins.

-

Basic

- -

You can use the split-button() mixin to create your own split button, like so:

-

SCSS

- -
.custom-split-button-class {
-  @include split-button();
-}
- - -

HTML

- -
<a href="#" class="custom-split-button-class">Split Button Text <span></span></a>
- - -

Advanced

- -

You can further customize your split buttons using the provided options in the split-button mixin:

-

SCSS

- -
.custom-split-button-class {
-  @include split-button(
-    // Type of padding to apply. Default: medium.
-    // Options: tiny, small, medium, large.
-    $padding: medium,
-    // Color of the triangle. Default: $split-button-pip-color.
-    $pip-color: orange,
-    // Border color of button divider. Default: $primary-color.
-    $span-border: pink,
-    // Apply base style to split button. Default: true.
-    $base-style: true
-  );
-}
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/buttons";
-@import "foundation/components/split-buttons";
-


-

-
- -
-

Building Blocks Using Split Buttons

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/subnav.html b/dist/docs/components/subnav.html deleted file mode 100644 index 9c321bfe7..000000000 --- a/dist/docs/components/subnav.html +++ /dev/null @@ -1,729 +0,0 @@ - - - - - - - - Sub Nav | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Sub Nav

-
-

This simple sub nav is great for moving between different states of a page. We use these frequently to show iterations of something, typically by date, but they're also handy for filters like these.

- -
-
-
Filter:
-
All
-
Active
-
Pending
-
Suspended
-
- -
-

Basic

-

Add a .sub-nav class to a dl element and fill it full of definitions. You can use the definition title as a label at the beginning (useful for building filters on a page).

-

Add a title to the beginning of your list with the dt element. Add an .active class to a dd element to give it the active style.

-
-
-

HTML

-
<dl class="sub-nav">
-  <dt>Filter:</dt>
-  <dd class="active"><a href="#">All</a></dd>
-  <dd><a href="#">Active</a></dd>
-  <dd><a href="#">Pending</a></dd>
-  <dd class="hide-for-small-only"><a href="#">Suspended</a></dd>
-</dl>
- -
-
-

Rendered HTML

-
-
Filter:
-
All
-
Active
-
Pending
-
Suspended
-
- -
-
- -
-

Customize with Sass

-

Sub Navs can be easily customized using our provided Sass variables.

-

SCSS

- -
$include-html-nav-classes: $include-html-classes;
-
-// We use these to control margin and padding
-$sub-nav-list-margin: rem-calc(-4 0 18);
-$sub-nav-list-padding-top: rem-calc(4);
-
-// We use this to control the definition
-$sub-nav-font-size: rem-calc(14);
-$sub-nav-font-color: #999;
-$sub-nav-font-weight: normal;
-$sub-nav-text-decoration: none;
-$sub-nav-border-radius: 1000px;
-
-// We use these to control the active item styles
-$sub-nav-active-font-weight: bold;
-$sub-nav-active-bg: $primary-color;
-$sub-nav-active-color: #fff;
-$sub-nav-active-padding: rem-calc(3 9);
-$sub-nav-active-cursor: default;
-
-// We use these to the item divider
-$sub-nav-item-divider: "";
-$sub-nav-item-divider-margin: rem-calc(12);
- - -
-

Semantic Markup with Sass

-

You apply Sub Nav styles to semantic markup using Sass mixins.

-

Basic

- -

You can use the sub-nav() mixin to create your own sub nav with semantic markup, like so:

-
-
-

SCSS

-
.your-class-name {
-  @include sub-nav();
-}
- -
-
-

HTML

-
<dl class="your-class-name">
-  <dt>Filter:</dt>
-  <dd class="active"><a href="#">All</a></dd>
-  <dd><a href="#">Active</a></dd>
-  <dd><a href="#">Pending</a></dd>
-  <dd><a href="#">Suspended</a></dd>
-</dl>
- -
-
- - -

Advanced

- -

You can further customize your alert boxes using the provided options in the sub-nav() mixin:

-

SCSS

- -
.your-class-name {
-  @include sub-nav(
-    // Control the color of the divider between links.
-    $font-color: $primary-color,
-    // Control your font-size per label.
-    $font-size: rem-calc(14),
-    // Change the background color for your labels
-    $active-bg: $primary-color
-  );
-}
-

Note: rem-calc(); is a function we wrote to convert px to rem. It is included in _variables.scss.

-
-

Accessibility

- -

Use this snippet to make sub-nav more accessible. Adding the role attribute gives context to a screen reader. Using the Tab button, a user can navigate until they've reached the link below. (Use Shift+Tab to navigate back one step.)

-
-
-

SCSS

-
 <dl class="sub-nav" role="menu" title="Filter Menu List">
-    <dt>Filter:</dt>
-    <dd class="active" role="menuitem"><a href="#">All</a></dd>
-    <dd role="menuitem"><a href="#">Active</a></dd>
-    <dd role="menuitem"><a href="#">Pending</a></dd>
-    <dd role="menuitem"><a href="#">Suspended</a></dd>
-  </dl>
- -
-
-

HTML

- - - - -
-
- -

Note: It is bad practice to leave links that do not go anywhere on your live site. Use something like foo.html to fill them as you build.

-
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/sub-nav";
-


-

-
- -
-

Building Blocks Using Sub Nav

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/support.html b/dist/docs/components/support.html deleted file mode 100644 index 59925892d..000000000 --- a/dist/docs/components/support.html +++ /dev/null @@ -1,687 +0,0 @@ - - - - - - - - Support | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Support

-
-

Support

-

Foundation was designed for and tested on numerous browsers and devices. Here's the rundown on what's tested, and what to do if something misbehaves.

-
Browser and Device Support
-

We go to great lengths to ensure that Foundation works as expected on a variety of common browsers and devices. Given how forward-facing Foundation is there are some aesthetic properties which are not supported in older browsers (border radii, box shadows, etc), but the core elements are reliable across the board.

-
-
Browser/OS
-
The Grid
-
Layout/UI
-
JS
-
-
-
Chrome
-
✓
-
✓
-
✓
-
-
-
Firefox
-
✓
-
✓
-
✓
-
-
-
Safari
-
✓
-
✓
-
✓
-
-
-
IE10
-
✓
-
✓
-
✓
-
-
-
IE9
-
✓
-
✓
-
✓
-
-
-
IE8
-
●
-
●
-
✓
-
-
-
IE7
-
✗
-
●
-
●
-
- -
-
iOS (iPhone)
-
✓
-
✓
-
✓
-
-
-
iOS (iPad)
-
✓
-
✓
-
✓
-
-
-
Android 2, 4 (Phone)
-
✓
-
✓
-
✓
-
-
-
Android 2, 4 (Tablet)
-
✓
-
✓
-
✓
-
-
-
Windows Phone 7+
-
✓
-
✓
-
✓
-
-
-
Surface
-
✓
-
✓
-
✓
-
- -
-
Want IE8 Grid Support?
-

We know it can be hard to get clients to ditch support for IE8. We're hoping with the auto-update to IE10 release from Microsoft, we won't need to worry about it anymore. Until then, here's a gist with a grid that will work in IE8, just like it did in Foundation 3.

-

Foundation IE8 Grid

-
-
Upgrading from Foundation 3.x?
-

We've written a comprehensive Migration Guide to help you update your code for an existing or work in progress project.

-
-
- -#### Get Answers - -##### We've outlined some of the most common frequently asked questions so that you can easily find the answer, as well as given you a way to contact us directly with questions, feedback or concerns. - - -Read the FAQ or Ask a Question » See the Version Changelog » - -
- - -


-

-
- -
-

Building Blocks Using Support

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/switch.html b/dist/docs/components/switch.html deleted file mode 100644 index 75ec465d6..000000000 --- a/dist/docs/components/switch.html +++ /dev/null @@ -1,769 +0,0 @@ - - - - - - - - Switches | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Switches

-
-

Switches are toggle element that switch between an Off and On state on tap or click. They make use of checkbox inputs (or radio buttons) and require no javascript.

- -
-

Basic

- -

You can create a switch using minimal markup.

-
-
-

HTML

-
<div class="switch">
-  <input id="exampleCheckboxSwitch" type="checkbox">
-  <label for="exampleCheckboxSwitch"></label>
-</div> 
-
-<!-- Using radio buttons – each switch turns off the other two -->
-<div class="switch small">
-  <input id="exampleRadioSwitch1" type="radio" checked name="testGroup">
-  <label for="exampleRadioSwitch1"></label>
-</div> 
-
-<div class="switch radius">
-  <input id="exampleRadioSwitch2" type="radio" name="testGroup">
-  <label for="exampleRadioSwitch2"></label>
-</div> 
-
-<div class="switch round large">
-  <input id="exampleRadioSwitch3" type="radio" name="testGroup">
-  <label for="exampleRadioSwitch3"></label>
-</div>
- -
-
-

Rendered Checkbox HTML

-
- - -
- -

Rendered Radio HTML

- -
- - -
- -
- - -
- -
- - -
-
-
- -

The class options:

-
    -
  • radius: Add this to the the switch container to get a 3px radius paddle and edges
    • -
  • round: Add this to the the switch container to get a round paddle and edges
    • -
  • tiny: Set the height and text of the switch to tiny
    • -
  • small: Set the height and text of the switch to small
    • -
  • large: Set the height and text of the switch to large
    • -
-
-

Accessibility

-

To have switches work with ARIA, you will need to change the div to fieldset and add a tabindex of 0. Here is how to use aria-checked when using Switches to make it accessible to screen readers:

-

Because our switches are non-standard form elements, assistive devices need help figuring out what they are. To make switches more accessible, use the <fieldset> tag as a container, with the attribute tabindex="0", so keyboards can tab to it.

-
-
-

HTML

-
<fieldset class="switch" tabindex="0">
-  <input id="exampleCheckboxSwitch4" type="checkbox">
-  <label for="exampleCheckboxSwitch4"></label>
-</fieldset>
- - -
-
-

Rendered HTML

-
- - -
- -
-
- -
-

Customize with Sass

-

Switches can be easily customized using our Sass variables.

-

SCSS

- -
$include-html-form-classes: $include-html-classes;
-
-// Controlling background color for the switch container
-$switch-bg: $gainsboro;
-
-// We use these to control the switch heights for our default classes
-$switch-height-tny: 1.5rem;
-$switch-height-sml: 1.75rem;
-$switch-height-med: 2rem;
-$switch-height-lrg: 2.5rem;
-$switch-bottom-margin: 1.5rem;
-
-// We use these to style the switch-paddle
-$switch-paddle-bg: $white;
-$switch-paddle-transition-speed: .15s;
-$switch-paddle-transition-ease: ease-out;
-$switch-active-color: $primary-color !default;
- - -

The markup is very simple; you need a class on the container for the switch, and then an input and a label. You can use checkboxes or radio buttons — for radiu buttons remember that they can only be turned off by another radio button (one must be on).

-
<div class="switch">
-  <input id="switchName" type="checkbox">
-  <label for="switchName"></label>
-</div>
- - -
Quick Mixin
-

You can build your switches using our global mixin by including it on your custom class or ID in your own stylesheet. The mixin contains options for changing the key styles, the rest of the defaults can be modified using the available variables. The global mixin looks like this:

-
/* Using the default styles */
-.your-class-name { @include switch; }
- - -
- - -
- -

There are seven options you can customize on the fly when writing this mixin. These control things like radius, transition speed, and size.

-
/* Using the available options */
-.your-class-name {
-  @include switch($transition-speed, $transition-ease, $height, $paddle-bg, $active-color, $radius, $base-style);
-}
-
-/* This sets the speed at which the switch toggles */
-$transition-speed: $switch-paddle-transition-speed;
-
-/* This sets the ease of the switch transition */
-$transition-ease: $switch-paddle-transition-ease;
-
-/* This controls the overall height of the switch */
-$height: $switch-height-med;
-
-/* This controls the background of the paddle */
-$paddle-bg: $switch-paddle-bg;
-
-/* Set the background color for the switch when it's on */
-$active-color: $switch-active-color;
-
-/* Set this to true for default radius or any number for complete control */
-$radius: false;
-
-/* If you set this to false, base styles are left out */
-$base-style: true;
- - -
-

Semantic Markup With Sass

-

You can create your own switches using our Sass mixins. You have access to a few internal mixins that can create parts of the switch as needed. The base mixin will create a switch base that only includes structural styles.

-
.your-class-name { @include switch-base($transition-speed, $transition-ease); }
- - -
Size Mixin
-

The size mixin will let you control the size of the switch.

-
.your-class-name {
-  @include switch-base($transition-speed, $transition-ease);
-  @include switch-size($height);
-}
- - -
Style Mixin
-

The last internal mixin you have access to for switches is the style mixin. This will help you style paddle color, active color and radius.

-
.your-class-name {
-  @include switch-base($transition-speed, $transition-ease);
-  @include switch-size($height);
-  @include switch-style($paddle-bg, $active-color, $radius, $base-style);
-}
- - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/switches";
- - - - -


-

-
- -
-

Building Blocks Using Switches

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/tables.html b/dist/docs/components/tables.html deleted file mode 100644 index d84569097..000000000 --- a/dist/docs/components/tables.html +++ /dev/null @@ -1,811 +0,0 @@ - - - - - - - - Tables | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Tables

-
-

Okay, they're not the sexiest things ever, but tables get the job done (for tabular data, of course).

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table HeaderTable HeaderTable HeaderTable Header
Content Goes HereThis is longer content Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
- -
-

Basic

-

You can create a table using minimal markup.

-

HTML

-
<table>
-  <thead>
-    <tr>
-      <th width="200">Table Header</th>
-      <th>Table Header</th>
-      <th width="150">Table Header</th>
-      <th width="150">Table Header</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Content Goes Here</td>
-      <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
-      <td>Content Goes Here</td>
-      <td>Content Goes Here</td>
-    </tr>
-    <tr>
-      <td>Content Goes Here</td>
-      <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
-      <td>Content Goes Here</td>
-      <td>Content Goes Here</td>
-    </tr>
-    <tr>
-      <td>Content Goes Here</td>
-      <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
-      <td>Content Goes Here</td>
-      <td>Content Goes Here</td>
-    </tr>
-  </tbody>
-</table>
- - -

Rendered HTML

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table HeaderTable HeaderTable HeaderTable Header
Content Goes HereThis is longer content Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
- -
-

Accessibility

-

Tables have a lot of handy built-in features to make them more usable with screen readers. The key thing to remember is that vision-impaired users can't quickly scan a table like sighted users can. Typically, screen readers will read out the contents of a table one row at a time. Simpler tables with clear hierarchy and organization will be more easy to use for vision-impaired users.

-

Here are some things you can do to make your tables more accessible:

-

Define tables for data

-

Tables should almost always be used for actual data and not for creating page layouts. (You're using our awesome grid for layout anyway, right?) When a screen reader encounters a table, it runs a series of tests to determine if the table is a layout table or data table. The easiest way to define a table as being for data is by using <th> tags to define the headers of the table. Newer assistive software will also immediately interpret any table with the attribute role="grid" as being for data.

-
<table role="grid">
-  <!-- ... -->
-</table>
-

Add a summary

-

The contents of a table can be described using the <caption> tag. However, you can also add the summary attribute to a table to further clarify its use. The summary attribute is specifically designed to explain a table to a vision-impaired user. If a table has both a summary and a caption, the summary should not simply restate the caption.

-

The W3C offers this example for a table detailing a bus schedule:

-
<table summary="Schedule for Route 7 going downtown. Service begins 
-at 4:00 AM and ends at midnight. Intersections are listed in the top row. 
-Find the intersection closest to your starting point or destination, then read 
-down that column to find out what time the bus leaves that intersection.">
-  <tr>
-    <th>State & First</th>
-    <th>State & Sixth</th>
-    <th>State & Fifteenth</th>
-    <th>Fifteenth & Morrison</th>
-  </tr>
-  <tr>
-    <td>4:00</td>
-    <td>4:05</td>
-    <td>4:11</td>
-    <td>4:19</td>
-  </tr>
-  <!-- ... -->
-</table>
-

Building complex tables

-

Most accessibility groups recommend keeping tables simple if accessibility is a concern. A complex table could potentially be split into multiple, smaller tables instead of being kept together. That being said, when creating a complex table, there are a few things to keep in mind.

-

Always use <th> to define the headers for columns and rows. If a header cell is not a <th>, but a <td>, use the scope attribute to explain what kind of heading the cell is:

-
    -
  • scope="row" means the cell is a header for the row it's inside.
    • -
  • scope="column" means the cell is a header for the column it's inside.
    • -
-
<table>
-  <caption>Most Expensive Sandwiches by City</caption>
-  <tr>
-    <th scope="column">Rank</th>
-    <th scope="column">City</th>
-    <th scope="column">Price</th>
-  </tr>
-  <tr>
-    <td>1</td>
-    <td>2</td>
-    <td>3</td>
-  </tr>
-  <tr>
-    <td scope="row">Campbell, CA</td>
-    <td scope="row">New York, NY</td>
-    <td scope="row">Sandwich, IL</td>
-  </tr>
-  <tr>
-    <td>$12.99</td>
-    <td>$9.99</td>
-    <td>$8.99</td>
-  </tr>
-</table>
-

If a cell has multiple headers, use the headers attribute on the cell to define them. Give each header a unique ID, and then write the ID of each header in the headers attribute of the cell. Separate multiple headers with a space.

-
<table>
-  <caption>Cute Animals Per 1,000 People</caption>
-  <tr>
-    <th id="state">State</th>
-    <th id="dogs">Dogs</th>
-    <th id="cats">Cats</th>
-    <th id="rabbits">Rabbits</th>
-  </tr>
-  <tr>
-    <th id="california" headers="state">California</th>
-    <td headers="dogs california">3</td>
-    <td headers="cats california">1</td>
-    <td headers="rabbits california">10</td>
-  </tr>
-</table>
-
-

Customize with Sass

-

Tables can be easily customized using our Sass variables.

-
$include-html-table-classes: $include-html-classes;
-
-// These control the background color for the table and even rows
-$table-bg: $white;
-$table-even-row-bg: $snow;
-
-// These control the table cell border style
-$table-border-style: solid;
-$table-border-size: 1px;
-$table-border-color: $gainsboro;
-
-// These control the table head styles
-$table-head-bg: $white-smoke;
-$table-head-font-size: rem-calc(14);
-$table-head-font-color: $jet;
-$table-head-font-weight: $font-weight-bold;
-$table-head-padding: rem-calc(8 10 10);
-
-// These control the table foot styles
-$table-foot-bg: $table-head-bg;
-$table-foot-font-size: $table-head-font-size;
-$table-foot-font-color: $table-head-font-color;
-$table-foot-font-weight: $table-head-font-weight;
-$table-foot-padding: $table-head-padding;
-
-// These control the caption
-$table-caption-bg: transparent;
-$table-caption-font-color: $table-head-font-color;
-$table-caption-font-size: rem-calc(16);
-$table-caption-font-weight: bold;
-
-// These control the row padding and font styles
-$table-row-padding: rem-calc(9 10);
-$table-row-font-size: rem-calc(14);
-$table-row-font-color: $jet;
-$table-line-height: rem-calc(18);
-
-// These are for controlling the display and margin of tables
-$table-display: table-cell;
-$table-margin-bottom: rem-calc(20);
- - -

Note: rem-calc(); is a function we wrote to convert px to rem. It is included in _functions.scss.

-
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/tables";
- - - - -


-

-
- -
-

Building Blocks Using Tables

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/tabs.html b/dist/docs/components/tabs.html deleted file mode 100644 index f0cae31bd..000000000 --- a/dist/docs/components/tabs.html +++ /dev/null @@ -1,890 +0,0 @@ - - - - - - - - Tabs | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Tabs

-
-

Tabs are elements that help you organize and navigate multiple documents in a single container. They can be used for switching between items in the container.

- -
-

Horizontal Tabs

-
- -
-
-
-
- -
-
-

This is the first panel of the basic tab example. You can place all sorts of content here including a grid.

-
-
-
-
-

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

-
-
-

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

-
-
-

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

-
-
- -

-

Vertical Tabs

-
- -
-
-

This is the first panel of the basic tab example. This is the first panel of the basic tab example.

-
-
-

This is the second panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, nesciunt. Aperiam sed expedita quo. Ipsam iusto sapiente animi? Voluptatem ut facilis maxime minima. Aperiam, at non sequi molestias tempora. Enim.

-
-
-

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

-
-
-

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

-
-
- -

-
-

Basic

- -

You can create a group of horizontal tabs using minimal markup.

-
-
-

HTML

-
<ul class="tabs" data-tab>
-  <li class="tab-title active"><a href="#panel1">Tab 1</a></li>
-  <li class="tab-title"><a href="#panel2">Tab 2</a></li>
-  <li class="tab-title"><a href="#panel3">Tab 3</a></li>
-  <li class="tab-title"><a href="#panel4">Tab 4</a></li>
-</ul>
-<div class="tabs-content">
-  <div class="content active" id="panel1">
-    <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
-  </div>
-  <div class="content" id="panel2">
-    <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
-  </div>
-  <div class="content" id="panel3">
-    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
-  </div>
-  <div class="content" id="panel4">
-    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
-  </div>
-</div>
- -
-
-

Rendered HTML

- -
-
-

This is the first panel of the basic tab example. You can place all sorts of content here including a grid.

-
-
-

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

-
-
-

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

-
-
-

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

-
-
- - -

-

-

Note: Tabs used to require <dl> and <dd> markup. It now works with <ul>'s and <li>'s as well.

- -
-

Vertical Tabs

-

You can create a group of vertical tabs using minimal markup. Just adding the class vertical changes the orientation of horizontal tabs.

-

HTML

- -
<ul class="tabs vertical" data-tab>
-  <li class="tab-title active"><a href="#panel11">Tab 1</a></li>
-  <li class="tab-title"><a href="#panel21">Tab 2</a></li>
-  <li class="tab-title"><a href="#panel31">Tab 3</a></li>
-  <li class="tab-title"><a href="#panel41">Tab 4</a></li>
-</ul>
-<div class="tabs-content">
-  <div class="content active" id="panel11">
-    <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
-  </div>
-  <div class="content" id="panel21">
-    <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
-  </div>
-  <div class="content" id="panel31">
-    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
-  </div>
-  <div class="content" id="panel41">
-    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
-  </div>
-</div>
- - -

Rendered HTML

- -

-
-
-

This is the first panel of the basic tab example. You can place all sorts of content here including a grid.

-
-
-

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

-
-
-

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

-
-
-

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

-
-
- - - -
- -
-

Deep linking to tabs or tab contents

-

The tabs Foundation component can parse the location hash value and open the corresponding tab content pane. To enable deep linking set data-options="deep_linking:true". If the location hash maps to an element ID within a tab content pane, then the appropriate tab will become active and the browser window will scroll to the specified element. If you do not want to scroll to the specified element then set data-options="scroll_to_content: false".

-

In the following example, deep linking is enabled. If the location hash is #tabs-deeplink-2 then the second tab will become active. If the location hash is #tabs-deeplink-content-2 then the second tab will become active, and the browser will scroll to the paragraph tag with ID, tabs-deeplink-content-2.

-

-
-
-

First Panel Header

-

First panel content goes here...

-
- - -
- -
-

Callbacks

-

There are two ways to bind to callbacks in your tabs.

-
-
-

Callback function

-
<script>
-  $(document).foundation({
-    tab: {
-      callback : function (tab) {
-        console.log(tab);
-      }
-    }
-  });
-</script>
- -
-
-

Toggled Event

-
<script>
-  $('#myTabs').on('toggled', function (event, tab) {
-    console.log(tab);
-  });
-</script>
- -
-
- -
-

Accessibility

-

You can make tabs more accessible by using the code snippet below. The tabs are keyboard accessible meaning that a user can use the tab key or arrow keys to navigate through them. The role of tablist tells a screen reader what the element is and reads the necessary content.

-
-
-

HTML

-
<ul class="tabs" data-tab role="tablist">
-  <li class="tab-title active" role="presentation"><a href="#panel2-1" role="tab" tabindex="0" aria-selected="true" aria-controls="panel2-1">Tab 1</a></li>
-  <li class="tab-title" role="presentation"><a href="#panel2-2" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-2">Tab 2</a></li>
-  <li class="tab-title" role="presentation"><a href="#panel2-3" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-3">Tab 3</a></li>
-  <li class="tab-title" role="presentation"><a href="#panel2-4" role="tab" tabindex="0" aria-selected="false" aria-controls="panel2-4">Tab 4</a></li>
-</ul>
-<div class="tabs-content">
-  <section role="tabpanel" aria-hidden="false" class="content active" id="panel2-1">
-    <h2>First panel content goes here...</h2>
-  </section>
-  <section role="tabpanel" aria-hidden="true" class="content" id="panel2-2">
-    <h2>Second panel content goes here...</h2>
-  </section>
-  <section role="tabpanel" aria-hidden="true" class="content" id="panel2-3">
-    <h2>Third panel content goes here...</h2>
-  </section>
-  <section role="tabpanel" aria-hidden="true" class="content" id="panel2-4">
-    <h2>Fourth panel content goes here...</h2>
-  </section>
-</div>
- -
-
-

Rendered HTML

- -
-
-

First panel content goes here...

-
- - - -
- -

-

-
-

Adding New Tab Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('tab', 'reflow');
- - -
-

Customize with Sass

-

Tabs can be easily customized with the Sass variables provided in the _settings.scss file.

-

SCSS

- -
$include-html-tabs-classes: $include-html-classes;
-
-$tabs-navigation-padding: rem-calc(16);
-$tabs-navigation-bg-color: $silver;
-$tabs-navigation-active-bg-color: $white;
-$tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);
-$tabs-navigation-font-color: $jet;
-$tabs-navigation-active-font-color: $tabs-navigation-font-color;
-$tabs-navigation-font-size: rem-calc(16);
-$tabs-navigation-font-family: $body-font-family;
-
-$tabs-content-margin-bottom: rem-calc(24);
-$tabs-content-padding: $column-gutter/2;
-
-$tabs-vertical-navigation-margin-bottom: 1.25rem;
- - - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/tabs";
-


-

-
- -
-

Building Blocks Using Tabs

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/thumbnails.html b/dist/docs/components/thumbnails.html deleted file mode 100644 index 69c6f7f99..000000000 --- a/dist/docs/components/thumbnails.html +++ /dev/null @@ -1,709 +0,0 @@ - - - - - - - - Thumbnails | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Thumbnails

-
-

If you're going to use an image as an anchor, we've got you covered. All you gotta do is wrap an a.th around your image and voilà!

- -
-

-
-

Basic

- -

You can create a thumbnail image using minimal markup.

-
-
-

HTML

-
<a class="th" href="../img/demos/demo2.png">
-  <img src="../img/demos/demo2-th.png">
-</a>
- -
-
-

Rendered HTML

- -
-
- -
-

Accessibility

-

Here's how to use aria-label, role, and aria-hidden to make your thumbnails accessible.

-
-
-

HTML

-
<a class="th" role="button" aria-label="Thumbnail" href="../assets/img/examples/space.jpg">
-  <img aria-hidden=true src="../assets/img/examples/space-th-sm.jpg"/>
-</a>
- -
-
-

Rendered HTML

- - - -
-
- -
-

Advanced

- -

Additional classes can be added to your thumbnails to change its appearance.

-
-
-

HTML

-
<a class="th [radius]" href="#">
-  <img src="../assets/img/examples/earth-th-sm.jpg">
-</a>
- -
-
-

Rendered HTML

- -
-
- -
-

Customize with Sass

-

Thumbnails can be easily customized using our Sass variables.

-

SCSS

- -
$include-html-media-classes: $include-html-classes;
-
-// We use these to control border styles
-$thumb-border-style: solid;
-$thumb-border-width: 4px;
-$thumb-border-color: $white;
-$thumb-box-shadow: 0 0 0 1px rgba($black,.2);
-$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
-
-// Radius and transition speed for thumbs
-$thumb-radius: $global-radius;
-$thumb-transition-speed: 200ms;
- - -
-

Semantic Markup With Sass

-

You can create your own thumbnails using our own Sass mixins.

-

Basic

- -

You can use the thumb() mixin to create your own thumbnails, like so:

-

SCSS

- -
.custom-thumbnail-class {
-  @include thumb;
-}
- - -

HTML

- -
<a class="custom-thumbnail-class" href="../assets/img/examples/space.jpg">
-  <img src="../assets/img/examples/space-th-sm.jpg">
-</a>
- - -

Advanced

- -

You can further customize your thumbnails using the provided options in the thumb() mixin:

-

SCSS

- -
.custom-thumbnail-class {
-  @include thumb(
-    // Width of border around thumbnail
-    $border-width: 2px,
-    // Box shadow to apply to thumbnail
-    $box-shadow: 0 0 0 1px rgba(#000,.2),
-    // Box shadow to apply on hover
-    $box-shadow-hover: 0 0 6px 1px rgba(#ccc,0.5)
-  );
-}
- - -

HTML

- -
<a class="custom-thumbnail-class" href="../assets/img/examples/launch.jpg">
-  <img src="../assets/img/examples/launch-th.jpg">
-</a>
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/thumbs";
- - - - -


-

-
- -
-

Building Blocks Using Thumbnails

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/tooltips.html b/dist/docs/components/tooltips.html deleted file mode 100644 index 6b504aebc..000000000 --- a/dist/docs/components/tooltips.html +++ /dev/null @@ -1,726 +0,0 @@ - - - - - - - - Tooltips | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Tooltips

-
-

Tooltips are a quick way to provide extended information on a term or action on a page.

- -
-

-

The tooltips can be positioned on the "tip-bottom", which is the default position, "tip-top" (hehe), "tip-left", or "tip-right" of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full-width and bottom aligned.

- -
-

Basic

- -

You can create a tooltip using minimal markup.

-
-
-

HTML

- 
<span data-tooltip aria-haspopup="true" class="has-tip" title="Tooltips are awesome, you should totally use them!">extended information</span>
- -
-
-

Rendered HTML

- Hover on desktop or touch me on mobile! -
-
- -
-

Advanced

- -

Additional classes can be added to your tooltips to change its appearance.

-

HTML

- -
<span data-tooltip aria-haspopup="true" class="has-tip [tip-top tip-bottom tip-left tip-right] [radius round]" title="Tooltips are awesome, you should totally use them!">extended information</span>
- - -

Rendered HTML

- -

Hover on desktop and touch me on mobile!

-

You can now also add show_on to your data-options attribute to allow your tooltips to show on small, medium, or large when the page loads. They will show on all screen sizes by default.

- -
-
-

HTML

- 
<span data-tooltip aria-haspopup="true" class="has-tip" data-options="show_on:large" title="Large Screen Sizes">show on</span>
- -
-
-

Rendered HTML

-

Now tooltips have data-options! This tooltip will only show on.

-
-
- -

 

-

Disable for touch events

- -

If you don't want tooltips to interfere with a touch event, you can disable them for those devices, like so:

-

HTML

- -
<span data-tooltip aria-haspopup="true" data-options="disable_for_touch:true" class="has-tip" title="Tooltips are awesome, you should totally use them!">extended information</span>
- - -

Tooltips applied to <a> tags will automatically be disabled for touch events, so not to interfere with the link.

-
-

Accessibility

-

Tooltips need the attribute role="tooltip" so assistive devices understand what they are. On the text connected to the tooltip, you need the attribute aria-describedby, where the value is the ID of the tooltip it's connected to. Lucky for you, our JavaScript handles all of this for you!

-

The only markup change you'll need to make is adding the attribute aria-haspopup="true" to your tooltip text. It's helpful for screen readers, and it also makes tooltips easier to use on Windows 8 touch devices.

-
<a data-tooltip aria-haspopup="true" class="has-tip" title="Is great!">Accessibility</a>
-
-

Customize With Sass

-

Tooltips can be easily customized using our provided Sass variables.

-

SCSS

- -
$include-html-tooltip-classes: $include-html-classes;
-
-$has-tip-border-bottom: dotted 1px $iron;
-$has-tip-font-weight: $font-weight-bold;
-$has-tip-font-color: $oil;
-$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);
-$has-tip-font-color-hover: $primary-color;
-$has-tip-cursor-type: help;
-
-$tooltip-padding: rem-calc(12);
-$tooltip-bg: $oil;
-$tooltip-font-size: rem-calc(14);
-$tooltip-font-weight: $font-weight-normal;
-$tooltip-font-color: $white;
-$tooltip-line-height: 1.3;
-$tooltip-close-font-size: rem-calc(10);
-$tooltip-close-font-weight: $font-weight-normal;
-$tooltip-close-font-color: $monsoon;
-$tooltip-font-size-sml: rem-calc(14);
-$tooltip-radius: $global-radius;
-$tooltip-rounded: $global-rounded;
-$tooltip-pip-size: 5px;
-$tooltip-max-width: 300px;
- - -
-

Configure with Javascript

-

It's easy to configure tooltips using our Javascript. You can use data-attributes or plain old Javascript. Make sure jquery.js, foundation.js, and foundation.tooltip.js have been included on your page before continuing. For example, add the following before the closing <body> tag:

-

HTML

- -
<script src="js/vendor/jquery.js"></script>
-<script src="js/foundation/foundation.js"></script>
-<script src="js/foundation/foundation.tooltip.js"></script>
- - -

Basic

- -

Using data-attributes is the preferred method of making changes to our Javascript.

-

You will find all the data-options here: JavaScript Data Options

-

HTML

- -
<span data-tooltip data-options="hover_delay: 50;" class="has-tip" title="Tooltips are awesome, you should totally use them!">...</span>
- - -

Advanced

- -

You can adjust lots of settings. For example:

-

JS

- -
$(document).foundation({
-  tooltip: {
-    selector : '.has-tip',
-    additional_inheritable_classes : [],
-    tooltip_class : '.tooltip',
-    touch_close_text: 'tap to close',
-    disable_for_touch: false,
-    tip_template : function (selector, content) {
-      return '<span data-selector="' + selector + '" class="'
-        + Foundation.libs.tooltip.settings.tooltip_class.substring(1)
-        + '">' + content + '<span class="nub"></span></span>';
-    }
-  }
-});
- - -
-

Adding New Tooltip Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('tooltip', 'reflow');
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/tooltips";
-


-

-
- -
-

Building Blocks Using Tooltips

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/topbar.html b/dist/docs/components/topbar.html deleted file mode 100644 index d0bc1e0b4..000000000 --- a/dist/docs/components/topbar.html +++ /dev/null @@ -1,1173 +0,0 @@ - - - - - - - - Top Bar | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Top Bar

-
-

The Foundation Top Bar gives you a great way to display a complex navigation bar on small, medium or large screens.

- -
- - -
-

Build With HTML Classes

-

The top bar is a pretty complex piece of magical UI goodness. We rely on many presentational classes to define its look and feel, and there's a lot happening in the JS. The top bar is hoverable by default, but you can change it to use click events instead by adding data-options="is_hover: false" to the <nav> element. If you have a hoverable topbar, it will close itself on click by default, but this behavior can be prevented by setting data-options="dropdown_autoclose: false". See an example below.

-
-
- -
-
-

- -

HTML

-
<nav class="top-bar" data-topbar role="navigation">
-  <ul class="title-area">
-    <li class="name">
-      <h1><a href="#">My Site</a></h1>
-    </li>
-     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-  </ul>
-
-  <section class="top-bar-section">
-    <!-- Right Nav Section -->
-    <ul class="right">
-      <li class="active"><a href="#">Right Button Active</a></li>
-      <li class="has-dropdown">
-        <a href="#">Right Button Dropdown</a>
-        <ul class="dropdown">
-          <li><a href="#">First link in dropdown</a></li>
-          <li class="active"><a href="#">Active link in dropdown</a></li>
-        </ul>
-      </li>
-    </ul>
-
-    <!-- Left Nav Section -->
-    <ul class="left">
-      <li><a href="#">Left Nav Button</a></li>
-    </ul>
-  </section>
-</nav>
- - -
-

Positioning the Bar

-

The top bar is built with a single nav element with a class of top-bar. It will take on full-browser width by default. To make the top bar stay fixed as you scroll, wrap it in div class="fixed". If you want your navigation to be set to your grid width, wrap it in div class="contain-to-grid". You may use fixed and contain-to-grid together in the wrapping div (div class="contain-to-grid fixed).

-
-
- -
Fixed Navigation
- -
<div class="fixed">
-  <nav class="top-bar" data-topbar role="navigation">
-    ...
-  </nav>
-</div>
- -
-
- -
Contain to Grid
- -
<div class="contain-to-grid">
-  <nav class="top-bar" data-topbar role="navigation">
-    ...
-  </nav>
-</div>
- -
-
- -
-

Sticky Top Bar

-

You may also wrap your top bar in div class="sticky" and put it anywhere within your markup. When the navigation hits the top of the browser, it will act like the fixed top bar and stick to the top as users continue to scroll. Note: If you are using SCSS, you can control the default sticky class by adjusting the $topbar-sticky-class variable. Make sure the JS variable for sticky_class matches whatever class you use in the variable.

-
-
-
- -
- -

-

-

- -

You can also add sticky_on to your data-options attribute to allow your sticky bar to work on small, medium, or large when the page loads. This works in conjunction with the sticky class wrapper to target sticky for small, medium, or large. It will be sticky on all screen sizes by default.

-

Additionally, you can pass in an array to specify sticky on multiple sizes. For example, data-options="sticky_on: [small,large]" will be sticky on small and large, but NOT medium.

- -
<div class="contain-to-grid sticky">
-  <nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: large">
-    ...
-  </nav>
-</div>
- - -
-

-

Clickable Top Bar

-

You can now make the top bar clickable by adding a data-attribute to the nav element. Here's an example:

-
-
- - -
-
-

- -
<nav class="top-bar" data-topbar role="navigation" data-options="is_hover: false">
- - -
- -

Foundation will show the parent link on mobile navigation. A helpful way for mobile users navigate your site. Don't want them? Simply change the settings in the topbar.js file.

-
-
- -
-
-

- -
-

Built-in Components

-

Several common elements have been supported by default, each one of these elements gets added to either the ul.right or ul.left unordered lists within your Top Bar navigation.

- - - -
<li class="has-form">
-  <div class="row collapse">
-    <div class="large-8 small-9 columns">
-      <input type="text" placeholder="Find Stuff">
-    </div>
-    <div class="large-4 small-3 columns">
-      <a href="#" class="alert button expand">Search</a>
-    </div>
-  </div>
-</li>
- - -
Divider
-

Separate your buttons with dividers

-
<li class="divider"></li>
- - -
Button
-

Add buttons

-
<li class="has-form">
-  <a href="http://foundation.zurb.com/docs" class="button">Get Lucky</a>
-</li>
- - -
Label
-

Separate sections of your dropdowns with labels

-
<li><label>Dropdown Level 1 Label</label></li>
- - -
-

Remove the Title

-

If you want a bar that doesn't include a title, just take out the content within the list item, like so:

-
<nav class="top-bar" data-topbar role="navigation">
-  <ul class="title-area">
-    <li class="name"><!-- Leave this empty --></li>
-    ...
-  </ul>
-</nav>
- - -
-

Accessibility

-

The top bar is a complex component with a lot of different features. However, it's still fully keyboard and screen reader accessible. The main thing you need to add if upgrading from an older version of Foundation is the attribute role="navigation" to the top bar container. Additionally, if your page uses top bar and off-canvas navigation, add the attribute aria-hidden="true" to one of them—otherwise, the user's device will tab through (and possibly read) both of them before reaching any content.

-
-

Available SCSS Variables

-

We do include SCSS variable to help you control some of the styles for the top bar. Overall the styles are written mobile first, so they are much easier to override than the previous iteration of the top bar.

-
//
-// Top Bar Variables
-//
-$include-html-top-bar-classes: $include-html-classes;
-
-// Background color for the top bar
-$topbar-bg-color: $oil;
-$topbar-bg: $topbar-bg-color;
-
-// Height and margin
-$topbar-height: rem-calc(45);
-$topbar-margin-bottom: 0;
-
-// Controlling the styles for the title in the top bar
-$topbar-title-weight: $font-weight-normal;
-$topbar-title-font-size: rem-calc(17);
-
-// Style the top bar dropdown elements
-$topbar-dropdown-bg: $oil;
-$topbar-dropdown-link-color: $white;
-$topbar-dropdown-link-color-hover: $white;
-$topbar-dropdown-link-bg: $oil;
-$topbar-dropdown-link-bg-hover: $oil;
-$topbar-dropdown-link-weight: $font-weight-normal;
-$topbar-dropdown-toggle-size: 5px;
-$topbar-dropdown-toggle-color: $white;
-$topbar-dropdown-toggle-alpha: 0.4;
-
-// Set the link colors and styles for top-level nav
-$topbar-link-color: $white;
-$topbar-link-color-hover: $white;
-$topbar-link-color-active: $white;
-$topbar-link-color-active-hover: $white;
-$topbar-link-weight: $font-weight-normal;
-$topbar-link-font-size: rem-calc(13);
-$topbar-link-hover-lightness: -10%; // Darken by 10%
-$topbar-link-bg: $topbar-bg;
-$topbar-link-bg-hover: $jet;
-$topbar-link-bg-color-hover: $charcoal;
-$topbar-link-bg-active: $primary-color;
-$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
-$topbar-link-font-family: $body-font-family;
-$topbar-link-text-transform: none;
-$topbar-link-padding: $topbar-height / 3;
-$topbar-back-link-size: $h5-font-size;
-$topbar-link-dropdown-padding: 20px;
-$topbar-button-font-size: 0.75rem;
-$topbar-button-top: 7px;
-
-$topbar-dropdown-label-color: $monsoon;
-$topbar-dropdown-label-text-transform: uppercase;
-$topbar-dropdown-label-font-weight: $font-weight-bold;
-$topbar-dropdown-label-font-size: rem-calc(10);
-$topbar-dropdown-label-bg: $oil;
-
-// Top menu icon styles
-$topbar-menu-link-transform: uppercase;
-$topbar-menu-link-font-size: rem-calc(13);
-$topbar-menu-link-weight: $font-weight-bold;
-$topbar-menu-link-color: $white;
-$topbar-menu-icon-color: $white;
-$topbar-menu-link-color-toggled: $jumbo;
-$topbar-menu-icon-color-toggled: $jumbo;
-
-// Transitions and breakpoint styles
-$topbar-transition-speed: 300ms;
-// Using rem-calc for the below breakpoint causes issues with top bar
-$topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
-$topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})";
-
-// Divider Styles
-$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
-$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);
-
-// Sticky Class
-$topbar-sticky-class: ".sticky";
-$topbar-arrows: true; //Set false to remove the triangle icon from the menu item
- - - -

Note: rem-calc(); is a function we wrote to convert px to rem. It is included in _variables.scss.

-
-

Using the Javascript

-
- Before you can use the top bar you'll want to verify that jQuery and foundation.js are available on your page. You can refer to the Javascript documentation on setting that up. -
- -

Just add foundation.topbar.js AFTER the foundation.js file. Your markup should look something like this:

-
<body>
-
-  ...
-
-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation/foundation.js"></script>
-  <script src="js/foundation/foundation.topbar.js"></script>
-  <!-- Other JS plugins can be included here -->
-
-  <script>
-    $(document).foundation();
-  </script>
-
-</body>
- - -

Required Foundation Library: foundation.topbar.js

-
Optional Javascript Configuration
-

Top bar supports data-options configuration.

-
{
-  sticky_class : 'sticky',
-  custom_back_text: true, // Set this to false and it will pull the top level link name as the back text
-  back_text: 'Back', // Define what you want your custom back text to be if custom_back_text: true
-  is_hover: true,
-  mobile_show_parent_link: false, // will copy parent links into dropdowns for mobile navigation
-  scrolltop : true // jump to top when sticky nav menu toggle is clicked
-}
- - -
-

Adding New Top-bar After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('topbar', 'reflow');
- - -
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/top-bar";
-


-

-
- -
-

Building Blocks Using Top Bar

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/typography.html b/dist/docs/components/typography.html deleted file mode 100644 index eaf7f5d9b..000000000 --- a/dist/docs/components/typography.html +++ /dev/null @@ -1,1063 +0,0 @@ - - - - - - - - Typography | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Typography

-
-

Typography in Foundation 5 is meant to make your life easier by providing clean, attractive, simple default styles for all of the most basic typographical elements.

- -
-

Headers

-

Foundation includes styles for all of the header elements that are balanced and based on a modular scale (though modular-scale is not a dependency of Foundation).

-
-
-

HTML

- 
<h1>h1. This is a very large header.</h1>
-<h2>h2. This is a large header.</h2>
-<h3>h3. This is a medium header.</h3>
-<h4>h4. This is a moderate header.</h4>
-<h5>h5. This is a small header.</h5>
-<h6>h6. This is a tiny header.</h6>
- -
-
-

Rendered HTML

-
-

h1. This is a very large header.

-

h2. This is a large header.

-

h3. This is a medium header.

-

h4. This is a moderate header.

-
h5. This is a small header.
-
h6. This is a tiny header.
-
-
-
- -
-

Subheaders

-

Lighten up your headers by adding a class of .subheader to any header element.

-
-
-

HTML

- 
<h1 class="subheader">h1.subheader</h1>
-<h2 class="subheader">h2.subheader</h2>
-<h3 class="subheader">h3.subheader</h3>
-<h4 class="subheader">h4.subheader</h4>
-<h5 class="subheader">h5.subheader</h5>
-<h6 class="subheader">h6.subheader</h6>
- -
-
-

Rendered HTML

-
- -

h1.subheader

-

h2.subheader

-

h3.subheader

-

h4.subheader

-
h5.subheader
-
h6.subheader
- -
-
-
- -
-

Small Header Segments

-

By inserting a small element into a header Foundation will scale the header font size down for an inline element, allowing you to use this for subtitles or other secondary header text.

-
-
-

HTML

-
<h1>h1. <small>Small segment header.</small></h1>
-<h2>h2. <small>Small segment header.</small></h2>
-<h3>h3. <small>Small segment header.</small></h3>
-<h4>h4. <small>Small segment header.</small></h4>
-<h5>h5. <small>Small segment header.</small></h5>
-<h6>h6. <small>Small segment header.</small></h6>
- -
-
-

Rendered HTML

-
-

h1. Small segment header.

-

h2. Small segment header.

-

h3. Small segment header.

-

h4. Small segment header.

-
h5. Small segment header.
-
h6. Small segment header.
-
-
-
- -
-

Paragraphs

-

This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content -- so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold! You can also use em to italicize your words.

-

HTML

- -
<p>This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to <strong>make it bold!</strong>. You can also use em to <em>italicize your words</em>.</p>
- - -
-
Need to align text? We made some slick utility classes to help you out.
- - -

Links are very standard, and the color is preset to the Foundation primary color.

-

HTML

- -
<p>Links are very standard, and the <a href="http://www.youtube.com/watch?v=zT2aVoUkSDg">color is preset</a> to the Foundation primary color.</p>
- - -
-

Lists

-

Lists are helpful for, well, lists of things. Didn't see that coming did you! There are baked-in styles for a number of different unordered list styles, as well as ordered and definition lists.

-
-
-

HTML

- 
<ul class="disc">
-  <li>List item with a much longer description or more content.</li>
-  <li>List item</li>
-  <li>List item
-    <ul>
-      <li>Nested list item</li>
-      <li>Nested list item</li>
-      <li>Nested list item</li>
-    </ul>
-  </li>
-  <li>List item</li>
-  <li>List item</li>
-  <li>List item</li>
- </ul>
- -
-
-

Rendered HTML

-
    -
  • List item with a much longer description or more content.
    • -
  • List item
    • -
  • List item -
      -
    • Nested list item
      • -
    • Nested list item
      • -
    • Nested list item
      • -
    -
    • -
  • List item
    • -
  • List item
    • -
  • List item
    • -
-
-
- -
-
-

HTML

- 
<ul class="circle">
-  <li>List item with a much longer description or more content.</li>
-  <li>List item</li>
-  <li>List item
-    <ul>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-    </ul>
-  </li>
-  <li>List item</li>
-  <li>List item</li>
-  <li>List item</li>
- </ul>
- -
-
-

Rendered HTML

-
    -
  • List item with a much longer description or more content.
    • -
  • List item
    • -
  • List item -
      -
    • Nested List Item
      • -
    • Nested List Item
      • -
    • Nested List Item
      • -
    -
    • -
  • List item
    • -
  • List item
    • -
  • List item
    • -
-
-
- -
-
-

HTML

- 
<ul class="square">
-  <li>List item with a much longer description or more content.</li>
-  <li>List item</li>
-  <li>List item
-    <ul>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-    </ul>
-  </li>
-  <li>List item</li>
-  <li>List item</li>
-  <li>List item</li>
- </ul>
- -
-
-

Rendered HTML

-
    -
  • List item with a much longer description or more content.
    • -
  • List item
    • -
  • List item -
      -
    • Nested List Item
      • -
    • Nested List Item
      • -
    • Nested List Item
      • -
    -
    • -
  • List item
    • -
  • List item
    • -
  • List item
    • -
-
-
- -
-
-

HTML

- 
<ul class="no-bullet">
-  <li>List item with a much longer description or more content.</li>
-  <li>List item</li>
-  <li>List item
-    <ul>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-    </ul>
-  </li>
-  <li>List item</li>
-  <li>List item</li>
-  <li>List item</li>
- </ul>
- -
-
-

Rendered HTML

-
    -
  • List item with a much longer description or more content.
    • -
  • List item
    • -
  • List item -
      -
    • Nested List Item
      • -
    • Nested List Item
      • -
    • Nested List Item
      • -
    -
    • -
  • List item
    • -
  • List item
    • -
  • List item
    • -
-
-
- - -
-
-

HTML

- 
<ol>
-  <li>List item with a much longer description or more content.</li>
-  <li>List item</li>
-  <li>List item
-    <ol>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-      <li>Nested List Item</li>
-    </ol>
-  </li>
-  <li>List item</li>
-  <li>List item</li>
-  <li>List item</li>
- </ol>
- -
-
-

Rendered HTML

-
    -
  1. List item with a much longer description or more content.
    2. -
  2. List item
    3. -
  3. List item -
      -
    1. Nested List Item
      2. -
    2. Nested List Item
      3. -
    3. Nested List Item
      4. -
    -
    4. -
  4. List item
    5. -
  5. List item
    6. -
  6. List item
    7. -
-
-
- - -
-
-

HTML

- 
<dl>
-  <dt>Definition Title</dt>
-  <dd>Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.</dd>
-</dl>
- -
-
-

Rendered HTML

-
-
Definition Title
-
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
-
-
- -
-

-

Blockquotes

-

Sometimes other people say smart things, and you may want to mention that through a blockquote callout. We've got you covered.

-
-
-

HTML

-
<blockquote>Those people who think they know everything are a great annoyance to those of us who do.<cite>Isaac Asimov</cite></blockquote>
- -
-
-

Rendered HTML

-
Those people who think they know everything are a great annoyance to those of us who do.Isaac Asimov
-
-
- -
-

V-Cards

-

Here's a handy microformat-friendly list to address all your needs.

-
-
-

HTML

-
<ul class="vcard">
-  <li class="fn">Gaius Baltar</li>
-  <li class="street-address">123 Colonial Ave.</li>
-  <li class="locality">Caprica City</li>
-  <li><span class="state">Caprica</span>, <span class="zip">12345</span></li>
-  <li class="email"><a href="#">g.baltar@example.com</a></li>
-</ul>
- -
-
-

Rendered HTML

-
- -
-
-
- -
- -

Foundation includes print styles developed by HTML5 Boilerplate to give you some basic print-specific styles. These are activated when you print through a media query. It includes:

-
    -
  • Clearing out backgrounds, box shadows and text shadows
    • -
  • Appending link URLs after the anchor text
    • -
  • Bordering blockquotes and pre elements
    • -
  • Page cleanup and window minimization
    • -
-

On top of that, Foundation includes a couple of simple visibility classes you can use to control elements printing, or not printing. See Print Visibility for more information.

-
-

Available SCSS Variables

-

We've got a ton of variables for you to use to customize your typography.

-

SCSS

-
$include-html-type-classes: $include-html-classes;
-
-// We use these to control header font styles
-$header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-$header-font-weight: bold;
-$header-font-style: normal;
-$header-font-color: #222;
-$header-line-height: 1.4;
-$header-top-margin: .2rem;
-$header-bottom-margin: .5rem;
-$header-text-rendering: optimizeLegibility;
-
-// We use these to control header font sizes
-$h1-font-size: rem-calc(44);
-$h2-font-size: rem-calc(37);
-$h3-font-size: rem-calc(27);
-$h4-font-size: rem-calc(23);
-$h5-font-size: rem-calc(18);
-$h6-font-size: 1rem;
-
-// These control how subheaders are styled
-$subheader-line-height: 1.4;
-$subheader-font-color: scale-color($header-font-color, $lightness: 35%);
-$subheader-font-weight: 300;
-$subheader-top-margin: .2rem;
-$subheader-bottom-margin: .5rem;
-
-// A general small styling
-$small-font-size: 60%;
-$small-font-color: scale-color($header-font-color, $lightness: 35%);
-
-// We use these to style paragraphs
-$paragraph-font-family: inherit;
-$paragraph-font-weight: normal;
-$paragraph-font-size: 1rem;
-$paragraph-line-height: 1.6;
-$paragraph-margin-bottom: rem-calc(20);
-$paragraph-aside-font-size: rem-calc(14);
-$paragraph-aside-line-height: 1.35;
-$paragraph-aside-font-style: italic;
-$paragraph-text-rendering: optimizeLegibility;
-
-// We use these to style code tags
-$code-color: scale-color($alert-color, $lightness: -27%);
-$code-font-family: Consolas, Liberation Mono, Courier, monospace;
-$code-font-weight: bold;
-
-// We use these to style anchors
-$anchor-text-decoration: none;
-$anchor-font-color: $primary-color;
-$anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);
-
-// We use these to style the hr element
-$hr-border-width: 1px;
-$hr-border-style: solid;
-$hr-border-color: #ddd;
-$hr-margin: rem-calc(20);
-
-// We use these to style lists
-$list-style-position: outside;
-$list-side-margin: 0;
-$list-nested-margin: rem-calc(20);
-$definition-list-header-weight: bold;
-$definition-list-header-margin-bottom: .3rem;
-$definition-list-margin-bottom: rem-calc(12);
-
-// We use these to style blockquotes
-$blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
-$blockquote-padding: rem-calc(9 20 0 19);
-$blockquote-border: 1px solid #ddd;
-$blockquote-cite-font-size: rem-calc(13);
-$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
-$blockquote-cite-link-color: $blockquote-cite-font-color;
-
-// Acronym styles
-$acronym-underline: 1px dotted #ddd;
-
-// We use these to control padding and margin
-$microformat-padding: rem-calc(10 12);
-$microformat-margin: rem-calc(0 0 20 0);
-
-// We use these to control the border styles
-$microformat-border-width: 1px;
-$microformat-border-style: solid;
-$microformat-border-color: #ddd;
-
-// We use these to control full name font styles
-$microformat-fullname-font-weight: bold;
-$microformat-fullname-font-size: rem-calc(15);
-
-// We use this to control the summary font styles
-$microformat-summary-font-weight: bold;
-
-// We use this to control abbr padding
-$microformat-abbr-padding: rem-calc(0 1);
-
-// We use this to control abbr font styles
-$microformat-abbr-font-weight: bold;
-$microformat-abbr-font-decoration: none;
- - -
-
Sass Errors?
-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/type";
- - - - -


-

-
- -
-

Building Blocks Using Typography

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/components/visibility.html b/dist/docs/components/visibility.html deleted file mode 100644 index 535333d7f..000000000 --- a/dist/docs/components/visibility.html +++ /dev/null @@ -1,838 +0,0 @@ - - - - - - - - Visibility Classes | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Visibility Classes

-
-

Visibility classes let you show or hide elements based on screen size or device orientation. You can use visibility classes to control which elements users see depending on their browsing environment.

- -
-

- This text is shown only on a small screen. - This text is shown on medium screens and up. - This text is shown only on a medium screen. - This text is shown on large screens and up. - This text is shown only on a large screen. - This text is shown on xlarge screens and up. - This text is shown only on an xlarge screen. - This text is shown on xxlarge screens and up. -

- -
-

Show by Screen Size

-

In this example, we use the show visibility classes to show certain strings of text based on the device on which users view a page. If their browser meets the class's conditions, the element will be shown. If not, it will be hidden.

-
-
-

HTML

- 
<p class="panel">
-  <strong class="show-for-small-only">This text is shown only on a small screen.</strong>
-  <strong class="show-for-medium-up">This text is shown on medium screens and up.</strong>
-  <strong class="show-for-medium-only">This text is shown only on a medium screen.</strong>
-  <strong class="show-for-large-up">This text is shown on large screens and up.</strong>
-  <strong class="show-for-large-only">This text is shown only on a large screen.</strong>
-  <strong class="show-for-xlarge-up">This text is shown on xlarge screens and up.</strong>
-  <strong class="show-for-xlarge-only">This text is shown only on an xlarge screen.</strong>
-  <strong class="show-for-xxlarge-up">This text is shown on xxlarge screens and up.</strong>
-</p>
- -
-
-

Rendered HTML

-

- This text is shown only on a small screen. - This text is shown on medium screens and up. - This text is shown only on a medium screen. - This text is shown on large screens and up. - This text is shown only on a large screen. - This text is shown on xlarge screens and up. - This text is shown only on an xlarge screen. - This text is shown on xxlarge screens and up. -

-
-
- - - -

Hide by Screen Size

-

This example shows the opposite: It uses the hide visibility classes to state which elements should disappear based on your device's screen size or orientation. Users will see elements on every browser except those that meet these conditions.

-
-
-

HTML

-
<p class="panel">
-  <strong class="hide-for-small-only">You are <em>not</em> on a small screen.</strong>
-  <strong class="hide-for-medium-up">You are <em>not</em> on a medium, large, xlarge, or xxlarge screen.</strong>
-  <strong class="hide-for-medium-only">You are <em>not</em> on a medium screen.</strong>
-  <strong class="hide-for-large-up">You are <em>not</em> on a large, xlarge, or xxlarge screen.</strong>
-  <strong class="hide-for-large-only">You are <em>not</em> on a large screen.</strong>
-  <strong class="hide-for-xlarge-up">You are <em>not</em> on an xlarge screen and up.</strong>
-  <strong class="hide-for-xlarge-only">You are <em>not</em> on an xlarge screen.</strong>
-  <strong class="hide-for-xxlarge-up">You are <em>not</em> on an xxlarge screen.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are not on a small screen. - You are not on a medium, large, xlarge, or xxlarge screen. - You are not on a medium screen. - You are not on a large, xlarge, or xxlarge screen. - You are not on a large screen. - You are not on an xlarge screen and up. - You are not on an xlarge screen. - You are not on an xxlarge screen. -

-
-
- - - -

Orientation Detection

-

This straightforward example shows how two strings of text determine whether or not an element is visible in different orientations. This will change on mobile devices when you rotate the device. On desktop, the orientation is almost always reported as landscape.

-
-
-

HTML

- 
<p class="panel">
-  <strong class="show-for-landscape">You are in landscape orientation.</strong>
-  <strong class="show-for-portrait">You are in portrait orientation.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are in landscape orientation. - You are in portrait orientation. -

-
-
- - - -

Touch Detection

-

There are also visibility classes to hide or show content based on whether a device supports touch (as determined by Modernizr).

-
-
-

HTML

- 
<p class="panel">
-  <strong class="show-for-touch">You are on a touch-enabled device.</strong>
-  <strong class="hide-for-touch">You are not on a touch-enabled device.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are on a touch-enabled device. - You are not on a touch-enabled device. -

-
-
- - - -
-

Accessibility

-

Adding display: none to an element will prevent screen readers from reading it. However, there are techniques to hide content while still making it readable by screen readers.

-

Show for Screen Readers Only

-

To visually hide content, while still allowing assistive technology to read it, add the class show-for-sr.

-
-
-

HTML

-
<p class="show-for-sr">This text can only be read by a screen reader.</p>
-<p>There's a line of text above this one, you just can't see it.</p>
- -
-
-

Rendered HTML

-

This text can only be read by a screen reader.

-

There's a line of text above this one, you just can't see it.

-
-
- -

Hide for Screen Readers Only

-

To hide text from assistive technology, while still keeping it visible, add the attribute aria-hidden="true". This doesn't affect how the element looks, but screen readers will skip over it.

-
-
-

HTML

-
<p aria-hidden="true">This text can be seen, but won't be read by a screen reader.</p>
- -
-
-

Rendered HTML

- -
-
- - -

If your site has a lot of navigation, a screen reader will have to read through the entire navigation to get to your site's content. To remedy this, you can add a "skip link" at the very top of your page, which will send the user farther down the page, past the navigation when clicked on.

-

Use the class show-on-focus to hide an element, except when it has focus.

-
-
-

HTML

-
<p><a class="show-on-focus" href="#mainContent">Skip to Content</a></p>
-<div id="mainContent"></div>
- -
-
-

Rendered HTML

-

Skip to Content

-
-
- -

Responsive Visibility

-

Finally, if you want to hide some content but still make it accessible for screen readers, use the hidden visibility classes. Do not confuse these classes with hide visibility classes. Use these classes in conjunction with the hide and show visibility classes to control complex layouts while offering accessibility for those using screen readers.

-
-
-

HTML

-
<p class="panel">
-  <strong class="hidden-for-small-only">You are <em>not</em> on a small screen.</strong>
-  <strong class="hidden-for-medium-up">You are <em>not</em> on a medium, large, xlarge, or xxlarge screen.</strong>
-  <strong class="hidden-for-medium-only">You are <em>not</em> on a medium screen.</strong>
-  <strong class="hidden-for-large-up">You are <em>not</em> on a large, xlarge, or xxlarge screen.</strong>
-  <strong class="hidden-for-large-only">You are <em>not</em> on a large screen.</strong>
-  <strong class="hidden-for-xlarge-up">You are <em>not</em> on an xlarge screen and up.</strong>
-  <strong class="hidden-for-xlarge-only">You are <em>not</em> on an xlarge screen.</strong>
-  <strong class="hidden-for-xxlarge-up">You are <em>not</em> on an xxlarge screen.</strong>
-</p>
- -
-
-

Rendered HTML

-

- You are not on a small screen. - You are not on a medium, large, xlarge, or xxlarge screen. - You are not on a medium screen. - You are not on a large, xlarge, or xxlarge screen. - You are not on a large screen. - You are not on an xlarge screen and up. - You are not on an xlarge screen. - You are not on an xxlarge screen. -

-
-
- - - -

To reverse the rules defined by hidden, use the visible visibility classes.

-
-
-

HTML

- 
<p class="panel">
-  <strong class="visible-for-small-only">This text is shown only on a small screen.</strong>
-  <strong class="visible-for-medium-up">This text is shown on medium screens and up.</strong>
-  <strong class="visible-for-medium-only">This text is shown only on a medium screen.</strong>
-  <strong class="visible-for-large-up">This text is shown on large screens and up.</strong>
-  <strong class="visible-for-large-only">This text is shown only on a large screen.</strong>
-  <strong class="visible-for-xlarge-up">This text is shown on xlarge screens and up.</strong>
-  <strong class="visible-for-xlarge-only">This text is shown only on an xlarge screen.</strong>
-  <strong class="visible-for-xxlarge-up">This text is shown on xxlarge screens and up.</strong>
-</p>
- -
-
-

Rendered HTML

-

- This text is shown only on a small screen. - This text is shown on medium screens and up. - This text is shown only on a medium screen. - This text is shown on large screens and up. - This text is shown only on a large screen. - This text is shown on xlarge screens and up. - This text is shown only on an xlarge screen. - This text is shown on xxlarge screens and up. -

-
-
- - - -
- -

Foundation includes a couple of simple classes you can use to control elements printing, or not printing. Simply attach .show-for-print to an element to only show when printing, and .hide-for-print to hide something when printing.

-

Available classes:

-
    -
  • .show-for-print , .print-only (Visible for printing)
    • -
  • .hide-for-print , .hide-on-print (Hidden while printing)
    • -
-
-

Sass Errors?

-

If the default "foundation" import was commented out, then make sure you import this file:

-

SCSS

- -
@import "foundation/components/visibility";
- - - - -


-

-
- -
-

Building Blocks Using Visibility Classes

-
-
- -
-
- -
- -

Want more? Check out all the hot Building Blocks ⇨

-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - diff --git a/dist/docs/css.html b/dist/docs/css.html deleted file mode 100644 index c960a12b2..000000000 --- a/dist/docs/css.html +++ /dev/null @@ -1,729 +0,0 @@ - - - - - - - - Getting Started With Foundation CSS | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Getting Started With Foundation CSS

-

Here's the simplest way to get going. The straight CSS version of Foundation includes everything you need to start hacking away, right now! It's a perfect way to kickstart a new prototype or create a finished product with Foundation.

- -
-

Download and Install

-

To get going with Foundation, simply download a default or custom CSS package from the download page.

-

Download Foundation CSS

-
- -
-
-

Setting Up Your Project

-

After downloading the css files, follow these simple steps to get started:

-
-
-

1

-
-

First, after you unzip the package, move the folder to your desired location and open it in a text editor. If you don't have one already, we use Sublime Text here at ZURB because it's very customizable, powerful, and simply rocks.

-
-
-
-

2

-
-

The index.html is your homepage. It has been linked up with foundation.css, normalize, and all the necessary JavaScript files for you. Just add your code between the <body> tags.

-
-
-
-

3

-
-

Next, you should create a new stylesheet and link it in the header of your HTML file, like so:

-
  <link rel="stylesheet" href="css/foundation.css">
-
-  <!-- This is how you would link your custom stylesheet -->
-  <link rel="stylesheet" href="css/app.css">
-
-  <script src="js/vendor/modernizr.js"></script>
-
-</head>
- - -

Note: At ZURB, we call our custom stylesheets app.css. This is important for updating purposes: if you are going to add custom stylings to Foundation components, the code should be copied into your app.css file and edited there.

-
-
-
- -
- -
-
-

What You Get

-

When you download the Foundation CSS package, you'll receive a .zip file that contains all the things you need to get started with Foundation. Below we explain every file in detail and how you can add your custom CSS.

-
-
- -
-
-
-

Stylesheets

-
-
    -
  • - foundation.css -

    The default CSS for Foundation is kept here. You can find the component and its settings there. You will use this file as you are developing because it's easier to read.

    -
    • -
  • - foundation.min.css -

    A minified, much smaller CSS file you can use if you don't need or want to pick apart the actual underlying Foundation CSS.

    -
    • -
  • - normalize.css -

    We've included a copy of Normalize here to give you the option to remove quirks in browsers so that all webpages render elements consistently. We recommend you use this because some Foundation styles are dependant on it.

    -
    • -
-
-

JavaScript

-
-
    -
  • - foundation.min.js -

    If you are using any Foundation JavaScript components, this needs to be loaded on the page. We recommend at the end before your closing <body> tags like so: -

      <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation.min.js"></script>
-  <script>
-    $(document).foundation();
-  </script>
-</body>
    - -

    -
    • -
  • - /foundation -

    This is a directory that contains each plugin as a single JavaScript file, so you can check out the source code. And if you'd like, include certain ones but not others, or do your own minifying.

    -
    • -
  • - /vendor -

    This folder contains a few external JS files that Foundation makes use of including: Modernizr, another open-source tool from Paul Irish and Nicolas Gallagher, as well as jQuery 2.

    -
    • -
-
-
-
-

Other

-
-
    -
  • index.html

    This is an example index file which contains some sample markup (the grid, buttons, etc) as well as the basic structure of a responsive Foundation page. Feel free to change or destroy this file as you see fit, just bear in mind that some of the document <head> is required for the page to work including the CSS/JS that is linked up at the end of the document.

    • -
  • humans.txt

    Located in the site root just next to the robots.txt file. You don't have to use if you don't want. You can mention the developer, the designer, the copywriter, the webmaster, the SEO, SEM or SMO. Name as many people who helped make the site, or not.

    • -
  • robots.txt

    Website owners use the robots.txt file to give instructions about their site to web-crawling robots (also known as Web Wanderers, Crawlers, or Spiders). This is called The Robots Exclusion Protocol. Adding this page allows you to block web robots from indexing parts of your site. You can read more about it here.

    • -
-
-
- -
- - -
-
-

Best Practices

-

We have some best practice recommendations to help you optimize your experience with the Foundation CSS package.

-

Making Changes to Foundation Default Stylings

-
-
- -
-
-

In order to update your Foundation CSS when we release a new version, we recommend keeping your foundation.css file clean of any changes. Any components that you want to add your own stylings to should be copied to your app.css file where you can make changes there.

-

Note: be sure to link the app.css stylesheet into the <head> of your file.

-
-
-
-
- -
- - -

HTML Page Markup

- -

As you'll see in our index.html sample, Foundation pages have some specific markup required for them to work. This code block is a simple boilerplate for content-free Foundation pages that we hope comes in handy.

-

HTML

- -
<!DOCTYPE html>
-<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
-<html class="no-js" lang="en" >
-
-<head>
-  <meta charset="utf-8">
-  <!-- If you delete this meta tag World War Z will become a reality -->
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Foundation 5</title>
-
-  <!-- If you are using the CSS version, only link these 2 files, you may add app.css to use for your overrides if you like -->
-  <link rel="stylesheet" href="css/normalize.css">
-  <link rel="stylesheet" href="css/foundation.css">
-
-  <!-- If you are using the gem version, you need this only -->
-  <link rel="stylesheet" href="css/app.css">
-
-  <script src="js/vendor/modernizr.js"></script>
-
-</head>
-<body>
-
-  <!-- body content here -->
-
-  <script src="js/vendor/jquery.js"></script>
-  <script src="js/foundation.min.js"></script>
-  <script>
-    $(document).foundation();
-  </script>
-</body>
-</html>
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/index.html b/dist/docs/index.html deleted file mode 100644 index 565b9fef4..000000000 --- a/dist/docs/index.html +++ /dev/null @@ -1,1077 +0,0 @@ - - - - - - - - Getting Started | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Getting Started

-

Getting started with Foundation is easy. Whether you are a master of Sass, building a new app, or making your existing site responsive, we've got you covered.

-
- -
-
-

What is Foundation?

-

Foundation is the most advanced, responsive front-end framework in the world. The framework is mobile friendly and ready for you to customize it any way you want to use it.

-
-
- -
-
-

Millions of designers and engineers use Foundation as part of their workflows. It was the first framework to introduce the concepts of responsive design, semantics, mobile first and partials. It's also compatibile with most browsers and devices. Foundation is the professional choice for designers and engineers.

-

Why choose foundation? →

-

Foundation compatibility →

-
-
-
-
- -
- -
-
-

What Are You Building?

-

We have three different packages to get you started:

-
-
- -
-
- -

Hack on CSS

-

Skill level 

-

The straight CSS version is perfect if you want to just start writing code, rapid prototype, or building a simple, static site. We'll give you all the pieces you need, no setup required.

-

CSS Install →

-
- -
- -
- -

Customize with Sass

-

Skill level  

-

Check out to get started with Sass (SCSS) to let you customize... well, everything. Setup is straight forward and if you haven't used Sass before, once you do, you'll never look back.

-

Sass Install →

-
- -
- -
- -

Build an App

-

Skill level   

-

We use Rails to build our apps (Notable, Verify, Solidify, ZURB University, and the Foundation Forum) and you can too. We'll show you how to use the Foundation gem and get set up.

-

App Install →

-
-
- -
- -
-
-

What Comes With Foundation?

-

Foundation has a ton of components and structures to help you build a responsive site without having to worry about all of your baseline, foundational (see what we did there?) code.

-

You can see all of Foundation's components on one page called the Kitchen Sink or check out a small snapshot of what Foundation includes:

-
-
-
- -
-
-
-

The Grid

-

Our grid works on almost any device and has support for nesting, source ordering, offsets and device presentation. Frankly, it's a little too easy. In no time, you'll be creating complex layouts like this.

-

Need a head start on some of your designs or some extra inspiration to see the full potential of a responsive front-end framework? Check out a list of our Foundation resources!

-
-
-
-
-
-

12

-
-
-
-
-

6

-
-
-

6

-
-
-

6

-
-
-

6

-
-
-
-
-
-
-

4

-
-
-

4

-
-
-

8

-
-
-
-
-

4

-
-
-

3

-
-
-

9

-
-
-
-
-

4

-
-
-

3

-
-
-

3

-
-
-

6

-
-
-
-
-
-
-
-
- -
- - - -
-
-

Buttons

-

Clicking on stuff is awesome, so hook up your users with buttons to do stuff. There are some lightweight button styles for size, presentation, and color to make customizing your own button as easy as adding a class.

-
-
-
-
- Default Color -
-
- Secondary Color -
-
- Success Color -
-
- Alert Color -
-
-
-
- Default -
-
- Radius -
-
- Round -
-
-
-
-
- -
-
-
-
-
- Split Button
- -
-
- Hover & Click Button
- -
-
-
-
- -
- - - -
-
-

Navigation

-

People have to get around. Navigation styles in Foundation include: a robust top bar with dropdowns; button; search bars; a cool icon bar; a bitchin' off-canvas implementation; and a bunch of other navigational constructs.

-
-
-
-
- -
-
-
- - - - - - - - - - - - - - - -
-
- -
-
- - - - - - -
-
-
-
-

The Psychohistorians

-

Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire.

-
-
-
- -
-
-
- - -
-
-
- -
- -
-
-

Plugins

-

We've included a ton of JavaScript plugins written just for Foundation: pop-up modals (Reveal); add a required validation for forms (Abide); create content tabs; alerts; and tons more.

-
-
-
- Click me to Reveal a Modal -
-

This is a modal.

-

Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.

-

Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.

-

Second Modal...

- × -
-
-

This is a second modal.

-

See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.

- × -
-
-
-
- - If you didn't put in a date in the format 'mm/dd/yyyy,'' this error should appear. -
-
-
- -
-
-

First panel content goes here...

-
-
-

Second panel content goes here...

-
-
-

Third panel content goes here...

-
-
-
-
- This is a round warning alert. - × -
-
-
-
- -
- -
-
-

Test Drive Foundation

-

Want to give Foundation a quick spin? We've set up a Codepen where you can play around with the default Foundation download — HTML, CSS and JS. It's a pretty swanky way to just see what Foundation has to offer.

-
-
-
-
-
- -
-
-

We put together a small demo to show you how easy it is to start creating with the Foundation Grid! We've used visibility classes, a medium grid, and even source ordering. You can play with this Codepen yourself. Go ahead and fork it, change it, enjoy it!

-

See the Pen Grid Example by ZURB Foundation (@ZURBFoundation) on CodePen.

-
-
-

We put together a small demo to show you how to use a visibility class to have a Top bar on medium and large screens and an off-canvas menu for small screens. You can play with this Codepen yourself. Go ahead and fork it, change it, enjoy it!

-

See the Pen Navigation Example by ZURB Foundation (@ZURBFoundation) on CodePen.

-
-
-

We put together a small demo to show you how to use a our forms. We have check boxes, input boxes, and so much more. You can play with this Codepen yourself. Go ahead and fork it, change it, enjoy it!

-

See the Pen Foundation Forms by ZURB Foundation (@ZURBFoundation) on CodePen.

-
-
-

We have a small demo to show off one our coolest features, Interchange! Take a look at the code, you can even play with this Codepen yourself. Go ahead and fork it, change it, enjoy it!

-

See the Pen fcFnq by ZURB Foundation (@ZURBFoundation) on CodePen.

-
-
-
-
-
- -
- -
-
-

Foundation Resources

-

Not enough to get you started? Think again. Check out all the cool things we've got for you.

-
-
-
-
-

Components

-

If you need tools to help get your project started? We have some templates we've put together, custom code snippets in our Building Blocks, and responsive tables. We can also help if you need icon fonts or social icons.

-
-
-

Development Tools

-

The Foundation community has put together free themes for WordPress, Drupal, Shopify, Jekyll, and more! Or if you're looking for Angular directives for Foundation, Sublime Text Snippets, or Clips for Coda we can help you out.

-
-
-

Inspiration

-

Looking for something to jumpstart your creative juices? We've got you covered with a fully Responsive Gallery, our ZURB University Lessons, updates on the ZURBlog, and a glossary of product design terms with ZURB Word.

-
-
-
-
-

See the full list of resources our community have put together. →

-
-
- -
- -
-
-

Our Community

-

Foundation has grown a lot over the years and whether you want to help others, contribute to Foundation, or even contact us to solve issues for your business, we know where you need to go.

-
-
- -
-
- -

Foundation Community

-

Join the Foundation Community in our very own Forum, come support your peers! Get your questions answered or learn something new. This is your portal to the community.

-

Foundation Forum →

-
- -
- -
- -

Foundation on Github

-

Want to contribute to Foundation's open-source framework? Submit a fix and be counted as a contributor. See an issue, report it on GitHub. Want to see what's coming up? It's all happening on GitHub.

-

Contribute on Github →

-
- -
- -
- -

Business Support

-

Foundation Business Support is here to keep you projects moving along smoothly. Whether it's a complex problem or a simple fix we have a solution for your business.

-

Foundation Business Support →

-
-
- -
- -

Trending Forum Topics

- -
-
- -
-
- - -
-
See all topics → -
-
- - - - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/javascript-utilities.html b/dist/docs/javascript-utilities.html deleted file mode 100644 index afc4779be..000000000 --- a/dist/docs/javascript-utilities.html +++ /dev/null @@ -1,851 +0,0 @@ - - - - - - - - JavaScript Utilities | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

JavaScript Utilities

-

Foundation includes a handful of helpful JavaScript utilities to help you add common functionalities to your apps and plugins.

- -
-

Using the JavaScript Utilities

- -

There are two ways to use the Foundation utilities: by calling them within the Foundation.utils namespace and by inheriting them into an object.

-

Foundation.utils

- -

As long as foundation.js has been loaded into the page, you can access any of the Foundation utilities by calling Foundation.utils.{function_name}.

-

For example, if you type the following into the JavaScript console it will return a 6-digit alphanumeric string.

-
// Generates a random string of length n
-Foundation.utils.random_str(6);
- - -

Method Inheritance

- -

If you have any plain ole’ JavaScript object (a POJO), then you can inherit any of the Foundation JavaScript utilities by calling the Foundation.inherit method. To use the inherit method, pass in the object you want to inherit the methods, followed by a space separated string of methods that you want to inherit.

-
// Simple example
-var user = {};
-Foundation.inherit(user, 'random_str data_options');
-
-// Advanced Example
-Person = function() {
-  this.init = function() {
-    Foundation.inherit(this, 'random_str data_options');
-  }
-};
-
-var user = new Person();
-user.init();
- - - -
-

Selector Engine

- -

While jQuery’s selector engine is quite versatile, it can sometimes be a bit slow. Foundation’s “Big S” selector leverages the native browser API by using querySelectorAll(), making it up to 20% faster.

-

“Big S” can be used as a drop-in replacement for the jQuery $ selector in most cases.

-
-
-

jQuery Selector

-
// A simple selector
-$('.class #id');
-
-// A bracket selector
-$('label[for="input1"]');
-
-// A scoped selector
-$('dd > .content', '#accordion');
- -
-
-

“Big S” Selector

-
// A simple selector
-Foundation.utils.S('.class #id');
-
-// A bracket selector
-Foundation.utils.S('label[for="input1"]');
-
-// A scoped selector
-Foundation.utils.S('dd > .content', '#accordion');
- -
-
- -

Method Signature

-
// Arguments:
-//    Selector (String): CSS selector describing the element(s) to be
-//    returned as a jQuery object.
-//
-//    Scope (String): CSS selector describing the area to be searched. Default
-//    is document.
-//
-// Returns:
-//    Element (jQuery Object): jQuery object containing elements matching the
-//    selector within the scope.
-
-S(selector, scope) { ... }
- - -
-

Throttle & Debounce

- -

Many times when you create a callback, it’s advantageous to add a delay in order to prevent it from being triggered multiple times. Foundation includes two types of callback delays: throttle and debounce.

-

Throttle prevents a function from being executed more than once every n milliseconds. Throttling is often used in cases where it’s disadvantageous to trigger a callback every time an event is triggered (during a continuous action), but you still want to trigger a reaction while the event is occurring. Examples of this would be reacting to the browser window being resized, or animating an element.

-

Debounce prevents a function from being executed until it stops being invoked for n milliseconds. Debouncing is often used to prevent an action from being performed twice, such as double clicking a submit button, or to delay an event from occurring accidentally, such as an event triggered by hover.

-
-
-

Without Delay

-
// Button click handler
-$('.button').on('click', function(e){
-  // Handle Click
-});
-
-// Resize function
-$(window).on('resize', function(e){
-  // Do responsive stuff
-});
- -
-
-

With Delay

-
// Debounced button click handler
-$('.button').on('click', Foundation.utils.debounce(function(e){
-  // Handle Click
-}, 300, true));
-
-// Throttled resize function
-$(window).on('resize', Foundation.utils.throttle(function(e){
-  // Do responsive stuff
-}, 300));
- -
-
- -

Method Signature

-
// Arguments:
-//    Func (Function): Function to be throttled.
-//
-//    Delay (Integer): Function execution threshold in milliseconds.
-//
-// Returns:
-//    Lazy_function (Function): Function with throttling applied.
-
-throttle(func, delay) { ... }
-
-// Arguments:
-//    Func (Function): Function to be debounced.
-//
-//    Delay (Integer): Function execution threshold in milliseconds.
-//
-//    Immediate (Bool): Whether the function should be called at the beginning
-//    of the delay instead of the end. Default is false.
-//
-// Returns:
-//    Lazy_function (Function): Function with debouncing applied.
-
-debounce(func, delay, immediate) { ... }
- - -
-

Data Options

- -

The data_options method parses a semicolon delimited set of values in the selected element’s data-options HTML attribute. It’s useful for allowing settings to be passed into a script or plugin from the markup.

-
-
-

HTML

-
<div id="target" data-options="delay:4;color:red;animal:unicorn"></div>
- -
-
-

Javascript

-
var settings = Foundation.utils.data_options($('#target'));
- -
-
- -

Method Signature

-
// Arguments:
-//    el (jQuery Object): Element to be parsed.
-//    data_attr_name (string): Optional name of the data attribute containing the options string (defaults to 'options').
-//
-// Returns:
-//    Options (Javascript Object): Contents of the element's data-options
-//    attribute.
-
-data_options(el, data_attr_name) { ... }
- - -
-

Media Queries

- -

Media queries are the backbone of most responsive CSS techniques, though they can be a bit unwieldy to deal with. To make them easier to deal with, we’ve included two helper methods (register_media and add_custom_rule), as well as polyfilled the native function matchMedia to work with all the browsers Foundation supports.

-

Register Media is used to add a new media query to Foundation’s list of JavaScript-accessible media queries. These can be found by calling Foundation.media_queries. The method works by appending a meta tag to the head of the document and checking the font-family of the element’s computed styles for the media query string.

-

Add Custom Rules is a method to add a custom CSS rule as a string to the document. If a media query is passed in the method will apply the style within that media query, otherwise it will be applied globally.

-

Match Media can be used to check if the browser currently matches the media query passed in as a string. To use the function, call matchMedia() with the media query as an argument, and check the matches property (see example below).

-

In addition to this, you can also check the default Foundation media queries. The available methods are:

- -
// Small queries
-Foundation.utils.is_small_only();
-Foundation.utils.is_small_up();
-
-// Medium queries
-Foundation.utils.is_medium_only();
-Foundation.utils.is_medium_up();
-
-// Large queries
-Foundation.utils.is_large_only();
-Foundation.utils.is_large_up();
-
-// XLarge queries
-Foundation.utils.is_xlarge_only();
-Foundation.utils.is_xlarge_up();
-
-// XXLarge queries
-Foundation.utils.is_xxlarge_only();
-Foundation.utils.is_xxlarge_up();
- - -
-
-

CSS

-
/
- Note: The media query string in the font-family property has to be surrounded
- by slashes to be recognized by Phantom.js
-
- Note: Instead of being defined in the CSS, the following style rule could also
- be added to the document using Foundation.utils.add_custom_rule().
-*/
-meta.my-mq-custom {
-  font-family: "/only screen and (min-width: 40em)/";
-  width: 40em;
-}
- -
-
-

Javascript

-
// Register custom media query
-Foundation.utils.register_media('custom', 'my-mq-custom');
-
-// Check if the media query is activated
-if (matchMedia(Foundation.media_queries['custom']).matches){
-  ...
-};
-
-// Apply a custom CSS rule to the media query
-Foundation.utils.add_custom_rule('.js-generated-element { padding-top: ' + element.data('height') + 'px }', 'custom');
- -
-
- -

Method Signature

-
// Arguments:
-//    Media (String): Key string for the media query to be stored as in
-//    Foundation.media_queries
-//
-//    Class (String): Class name for the generated <meta> tag
-
-register_media(media, class) { ... }
-
-// Arguments:
-//    Rule (String): CSS rule to be appended to the document.
-//
-//    Media (String): Optional media query string for the CSS rule to be
-//    nested under.
-
-add_custom_rule(rule, media) { ... }
- - -
-

Image Loaded

- -

While binding to the document ready event is usually good enough for most plugins that manipulate the DOM, sometimes you need ALL the content to be loaded before you start calculating things like element sizes. This is especially important with images, which can take a while to load and significantly affect the layout of the page, depending on their size.

-

This can be avoided by using the image_loaded method, which lets you pass in a callback to be executed when an image has completely finished loading. Passing in a jQuery selector that matches multiple images will cause the callback to be executed when all of the images are fully loaded.

-

Example

-
Foundation.utils.image_loaded($('img.wait-for-me'), function(){
-  console.log('Image Loaded! :)');
-});
- - -

Method Signature

-
// Arguments:
-//    Image (jQuery Object): Image(s) to check if loaded.
-//
-//    Callback (Function): Foundation to execute when image is fully loaded.
-
-image_loaded(image, callback) { ... }
- - -
-

Random String

- -

The random_str method is a helper for generating random strings of a given length. This method is used by some of the Foundation plugins to ensure a reasonable probability of non-collision for IDs in dynamically generated DOM objects. Note that random_str should not be considered cryptographically secure.

-

Example

-
>> Foundation.utils.random_str(6);
-"P47PGD"
->> Foundation.utils.random_str(6);
-"JvuXFc"
->> Foundation.utils.random_str(6);
-"XOxB7j"
- - -

Method Signature

-
// Arguments:
-//    Length (Integer): Length of string to be generated. Defaults to random
-//    integer.
-//
-// Returns:
-//    Rand (String): Pseudo-random, alphanumeric string.
-
-random_str(length) { ... }
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/javascript.html b/dist/docs/javascript.html deleted file mode 100644 index 170f6649d..000000000 --- a/dist/docs/javascript.html +++ /dev/null @@ -1,1121 +0,0 @@ - - - - - - - - JavaScript Setup | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

JavaScript Setup

-

We streamlined how you implement Foundation plugins by combining them into a single plugin under the $.fn.foundation() jQuery namespace.

- -
-

Installation

-

Foundation JavaScript was designed to work with jQuery right out of the gate. In the <head> section of your page add Modernizr. Modernizr acts as a shim for HTML5 elements that older browsers may not recognize, and provides detection for mobile devices:

-
<script src="/js/vendor/modernizr.js"></script>
-

Before the closing body tag, insert JQuery and FastClick.

-

HTML

- -
<script src="/js/vendor/jquery.js"></script>
-<script src="/js/vendor/fastclick.js"></script>
-

Then either load each plugin individually, or include foundation.min.js, which automatically loads the Foundation Core and all JavaScript plugins.

-

HTML

- -
<script src="/js/foundation.min.js"></script>
-
-<!-- or individually -->
-
-<script src="/js/foundation.js"></script>
-<script src="/js/foundation.alert.js"></script>
-<!-- ... -->
-<script src="/js/foundation.dropdown.js"></script>
-<script src="/js/foundation.tab.js"></script>
-
-

Initialize Foundation

-

After you have included the Foundation JavaScript, just add a simple call to initialize all plugins on your page.

-

We recommend that you initialize Foundation at the end of the page <body>.

-

HTML

- -
<script>
-  $(document).foundation();
-</script>
-

Note: We include a tested version of jQuery in the Foundation repo to get you started quickly.

-
-

Adding New Content After Page Load

-

If you add new content after the page has been loaded, you will need to reinitialize the Foundation JavaScript by running the following:

-
$(document).foundation();
- - -

Reflow will make Foundation check the DOM for any elements and re-apply any listeners to them.

-
$(document).foundation('reflow');
- - -

To be efficient, target the actual Foundation plugin you need to reflow:

-
$(document).foundation('orbit', 'reflow');
-or
-$(document).foundation('tab', 'reflow');
-or
-$(document).foundation('interchange', 'reflow');
-etc...
- - -
-

Configuration

-

Foundation offers you options to customize plugin initialization. By default, calling $('#scope').foundation(); will initialize all available plugins on the page. Alternatively, you can pass individual plugins along with configuration options and a callback. This way, you can select which plugins you want to customize, and which are fine by default. You can take a look at the call here:

-
$(document).foundation({tab: {toggleable: false}});
-

The call will initialize all the plugins on the page and will configure tabs with toggleable enabled.

-

You can configure multiple libraries within the same call as well. Here are a few ways to make it happen:

-

JS

- -
$(document).foundation({
-  reveal : {
-    animation_speed: 500
-  },
-  tooltip : {
-    disable_for_touch: true
-  },
-  topbar : {
-    custom_back_text: false,
-    is_hover: false,
-    mobile_show_parent_link: true
-  }
-});
-

The above will initialize all of the plugins with default settings as well as customized settings for reveal, tooltip, and topbar.

-

Data Options

- -

Instead of passing the settings to the plugins using JavaScript, you can pass them through the markup using data-options. To pass in an option, just place it in the data-options HTML attribute of the element the plugin is being called on. To pass in multiple options, format them as a semicolon-delimited list:

-
<span data-tooltip data-options="disable_for_touch:true;touch_close_text:'close me'" class="has-tip" title="Tooltips are awesome!">Has Tooltip</span>
-

A chart of of all the available data-options is below.

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Abidelive_validatetrue
validate_on_blurtrue
focus_on_invalidtrue
error_labelstrue
timeout1000
Accordioncontent_class'content'
active_class'active'
multi_expandfalse
toggleabletrue
Clearingclose_selectors'.clearing-close'
open_selectors''
skip_selector''
touch_label'← Swipe to Advance →'
Dropdownactive_class'open'
is_hoverfalse
Interchangeload_attr'interchange'
Joyrideexposefalse
modaltrue
keyboardtrue
tip_location'bottom'
nub_position'auto'
scroll_speed1500
scroll_animation'linear'
timer0
start_timer_on_clicktrue
start_offset0
next_buttontrue
prev_buttontrue
tip_animation'fade'
pause_after[]
exposed[]
tip_animation_fade_speed300
cookie_monsterfalse
cookie_name'joyride'
cookie_domainfalse
cookie_expires365
tip_container'body'
expose_add_class''
Magellanactive_class'active'
threshold0
destination_threshold20
throttle_delay50
fixed_top0
offset_by_heighttrue
OffCanvasopen_method'move'
close_on_clickfalse
Orbitanimation'slide'
timer_speed10000
pause_on_hovertrue
resume_on_mouseoutfalse
next_on_clicktrue
animation_speed500
stack_on_smallfalse
navigation_arrowstrue
slide_numbertrue
slide_number_text'of'
container_class'orbit-container'
stack_on_small_class'orbit-stack-on-small'
next_class'orbit-next'
prev_class'orbit-prev'
timer_container_class'orbit-timer'
timer_paused_class'paused'
timer_progress_class'orbit-progress'
slides_container_class'orbit-slides-container'
preloader_class'preloader'
slide_selector'*'
bullets_container_class'orbit-bullets'
bullets_active_class'active'
slide_number_class'orbit-slide-number'
caption_class'orbit-caption'
active_slide_class'active'
orbit_transition_class'orbit-transitioning'
bulletstrue
circulartrue
timertrue
variable_heightfalse
swipetrue
Revealanimation'fadeAndPop'
animation_speed250
close_on_background_clicktrue
close_on_esctrue
dismiss_modal_class'close-reveal-modal'
multiple_openedfalse
bg_class'reveal-modal-bg'
root_element'body'
bg$('.reveal-modal-bg')
Slidersstart0
end100
step1
initial1
verticaltrue
display_selector'#sliderOutput'
Tabactive_class'active'
is_hoverfalse
Tooltipselector'.has-tip'
additional_inheritable_classes[]
tooltip_class'.tooltip'
append_to'body'
touch_close_text'Tap To Close'
disable_for_touchfalse
hover_delay50
Topbarindex0
sticky_class'sticky'
custom_back_texttrue
back_text'Back'
is_hovertrue
mobile_show_parent_linkfalse
scrolltoptrue
Plugin NameSettingDefault Value
- -
-
- - -
-

Configure on the fly

-

New to Foundation 5, you can now reconfigure instances of your plugin after the page has loaded and Foundation has already been initialized.

-

Let's pretend that we have an alert that was on our page when Foundation was first initialized:

-

HTML

- -
<div data-alert class="alert-box" id="myAlert">
-  This is a standard alert.
-  <a href="#" class="close">&times;</a>
-</div>
-

The default fade out speed is 300 milliseconds, if we wanted to change this to 3 seconds we could do the following:

-

JS

- -
$('#myAlert').foundation({alert: {speed: 3000}});
-

You can set any configuration option or callback this way.

-
-

Calling Internal Methods

-

Foundation JavaScript allows you call internal plugin methods by passing the method name as the second argument. This is necessary for plugins like Joyride, which are not initialized on page load by default.

-

This will fire the start method on Joyride:

-

JS

- -
$(document).foundation('joyride', 'start');
- -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/media-queries.html b/dist/docs/media-queries.html deleted file mode 100644 index 86ad04187..000000000 --- a/dist/docs/media-queries.html +++ /dev/null @@ -1,655 +0,0 @@ - - - - - - - - Media Queries | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Media Queries

-

We keep media queries fairly simple in Foundation and let the percentage-based grid do the heavy lifting across various screen sizes.

- -
-

Basic

- -

Media queries are built using ems in Foundation. At some point in time we will move to rem's, however, at the moment not all browsers like rem's in media queries.

-

CSS

- -
// Small screens
-@media only screen { } /* Define mobile styles */
-
-@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
-
-// Medium screens
-@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
-
-@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
-
-// Large screens
-@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
-
-@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
-
-// XLarge screens
-@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
-
-@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
-
-// XXLarge screens
-@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */
-
-

Customize With Sass

-

Media queries can be easily customized by changing the variable values in _settings.scss.

-

SCSS

- -
// Here we define the breakpoints which will become the upper border for each media size.
-// The function em-calc() calculates the em-value from a px-value.
-$small-breakpoint:  em-calc(640)  !default;
-$medium-breakpoint: em-calc(1024) !default;
-$large-breakpoint:  em-calc(1440) !default;
-$xlarge-breakpoint: em-calc(1920) !default;
-
-// Here we define the lower and upper bounds for each media size
-$small-range:   (0, $small-breakpoint) !default; /* 0, 640px */
-$medium-range:  ($small-breakpoint  + em-calc(1), $medium-breakpoint) !default; /* 641px, 1024px */
-$large-range:   ($medium-breakpoint + em-calc(1), $large-breakpoint)  !default; /* 1025px, 1440px */
-$xlarge-range:  ($large-breakpoint  + em-calc(1), $xlarge-breakpoint) !default; /* 1441px, 1920px */
-$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)) !default; /* 1921px, ... */
-
-// Media Queries
-$screen: "only screen" !default;
-
-$landscape: "#{$screen} and (orientation: landscape)" !default;
-$portrait: "#{$screen} and (orientation: portrait)" !default;
-
-$small-up: $screen !default;
-$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
-
-$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
-$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;
-
-$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
-$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;
-
-$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default;
-$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default;
-
-$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default;
-$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default;
-
-$retina: (
-  "#{$screen} and (-webkit-min-device-pixel-ratio: 2)",
-  "#{$screen} and (min--moz-device-pixel-ratio: 2)",
-  "#{$screen} and (-o-min-device-pixel-ratio: 2/1)",
-  "#{$screen} and (min-device-pixel-ratio: 2)",
-  "#{$screen} and (min-resolution: 192dpi)",
-  "#{$screen} and (min-resolution: 2dppx)"
-);
-

Style With Sass

- -

Use these media queries with the variables specified above.

-

SCSS

- -
@media #{$small-up} { }
-@media #{$small-only} { }
-
-@media #{$medium-up} { }
-@media #{$medium-only} { }
-
-@media #{$large-up} { }
-@media #{$large-only} { }
-
-@media #{$xlarge-up} { }
-@media #{$xlarge-only} { }
-
-@media #{$xxlarge-up} { }
-@media #{$xxlarge-only} { }
- -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/offcanvas.html b/dist/docs/offcanvas.html deleted file mode 100644 index aef6b01e2..000000000 --- a/dist/docs/offcanvas.html +++ /dev/null @@ -1,137 +0,0 @@ - - - - - - - - Media Queries | Foundation Docs - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - -
- -

The Spanish–American War was a conflict in 1898 between Spain and the United States, the result of American intervention in the Cuban War of Independence. American attacks on Spain's Pacific possessions led to involvement in the Philippine Revolution and ultimately to the Philippine–American War.[8]

-

Revolts against Spanish rule had occurred for some years in Cuba. There had been war scares before, as in the Virginius Affair in 1873. In the late 1890s, American public opinion was agitated by anti-Spanish propaganda led by journalists such as Joseph Pulitzer and William Hearst which used yellow journalism to criticize Spanish administration of Cuba. After the mysterious sinking of the American battleship Maine in Havana harbor, political pressures from the Democratic Party and certain industrialists pushed the administration of Republican President William McKinley into a war he had wished to avoid.[9] Compromise was sought by Spain, but rejected by the United States which sent an ultimatum to Spain demanding it surrender control of Cuba. First Madrid, then Washington, formally declared war.[10]

-

Although the main issue was Cuban independence, the ten-week war was fought in both the Caribbean and the Pacific. American naval power proved decisive, allowing U.S. expeditionary forces to disembark in Cuba against a Spanish garrison already brought to its knees by nationwide Cuban insurgent attacks and further wasted by yellow fever.[11] Numerically superior Cuban, Philippine, and American forces obtained the surrender of Santiago de Cuba and Manila despite the good performance of some Spanish infantry units and fierce fighting for positions such as San Juan Hill.[12] With two obsolete Spanish squadrons sunk in Santiago de Cuba and Manila Bay and a third, more modern fleet recalled home to protect the Spanish coasts, Madrid sued for peace.[13]

-

The result was the 1898 Treaty of Paris, negotiated on terms favorable to the U.S., which allowed temporary American control of Cuba, and ceded indefinite colonial authority over Puerto Rico, Guam and the Philippine islands[a] from Spain.[15] The defeat and collapse of the Spanish Empire was a profound shock to Spain's national psyche, and provoked a thoroughgoing philosophical and artistic reevaluation of Spanish society known as the Generation of '98.[13] The United States gained several island possessions spanning the globe and a rancorous new debate over the wisdom of expansionism.[16]

-

The combined problems arising from the Peninsular War (1807-1814), the loss of most of its colonies in the Americas in the early 19th-century Spanish American wars of independence, and three Carlist Wars (1832-1876) effected a new interpretation of Spain's remaining empire.[citation needed] Liberal Spanish élites like Antonio Cánovas del Castillo and Emilio Castelar offered new interpretations of the concept of "empire" to dovetail with Spain's emerging nationalism. Cánovas made clear in an address to the University of Madrid in 1882[17][18] his view of the Spanish nation as based on shared cultural and linguistic elements - on both sides of the Atlantic - that tied Spain's territories together.

-

As many[quantify] historians have argued in the present and the past, Cánovas saw Spanish imperialism as markedly different in its methods and purposes of colonization from those of rival empires like the British or French. Spaniards regarded the spreading of civilization and Christianity as Spain's major objective and contribution to the New World.[19] The concept of cultural unity bestowed special significance on Cuba, which had been Spanish for almost four hundred years, as an integral part of the Spanish nation. The focus on preserving the empire would have negative consequences for Spain's national pride in the aftermath of the Spanish–American War.

-

In 1823, U.S. President James Monroe enunciated the Monroe Doctrine, which stated that the United States would not tolerate further efforts by European governments to colonize land or interfere with states in the Americas; however, Spain's colony in Cuba was exempted. Before the Civil War Southern interests attempted to have the U.S. purchase Cuba and make it new slave territory. The proposal failed, and national attention shifted to the Civil War.

-

The U.S. became interested in a canal either in Nicaragua, or in Panama, where the Panama Canal was built, and realized the need for naval protection. Captain Alfred Thayer Mahan was an especially influential theorist; his ideas were much admired by Theodore Roosevelt, as the U.S. rapidly built a powerful fleet in the 1890s. Roosevelt served as Assistant Secretary of the Navy in 1897–98 and was an aggressive supporter of a war with Spain over Cuba.

-

Meanwhile the Cuba Libre movement, led by Cuban intellectual José Martí, had established offices in Florida[20] and New York to buy and smuggle weapons. It mounted a large propaganda campaign to generate sympathy that would lead to official pressure on Spain. Protestant churches and Democratic farmers were supportive, but business interests called on Washington to ignore them.[21]

-

Although Cuba attracted American attention, little note was made of the Philippines, Guam, or Puerto Rico.[22]

-

Historians see little popular demand for an empire, but note that Britain, France, Germany and Japan had expanded their overseas empires dramatically, in Africa, Asia and the Pacific.[23]

-

The first serious bid for Cuban independence, the Ten Years War, erupted in 1868 and was subdued by the authorities a decade later. Neither the fighting nor the reforms in the Pact of Zanjón (February 1878) quelled the desire of some revolutionaries for wider autonomy and ultimately independence. One such revolutionary, José Martí, continued to promote Cuban financial and political autonomy in exile. In early 1895, after years of organizing, Martí launched a three-pronged invasion of the island.[24]

-

The plan called for one group from Santo Domingo led by Máximo Gómez, one group from Costa Rica led by Antonio Maceo Grajales, and another from the United States (preemptively thwarted by U.S. officials in Florida) to land in different places on the island and provoke an uprising. While their call for revolution, the grito de Baíre, was successful, the result was not the grand show of force Martí had expected. With a quick victory effectively lost, the revolutionaries settled in to fight a protracted guerrilla campaign.[24]

-

Antonio Cánovas del Castillo, the architect of Spain’s Restoration constitution and the prime minister at the time, ordered General Arsenio Martínez-Campos, a distinguished veteran of the war against the previous uprising in Cuba, to quell the revolt. Campos’s reluctance to accept his new assignment and his method of containing the revolt to the province of Oriente earned him criticism in the Spanish press.[25]

-

The mounting pressure forced Cánovas to replace General Campos with General Valeriano Weyler, a soldier who had experience in quelling rebellions in overseas provinces and the Spanish metropole. Weyler deprived the insurgency of weaponry, supplies, and assistance by ordering the residents of some Cuban districts to move to reconcentration areas near the military headquarters.[25] This strategy was effective in slowing the spread of rebellion. In the United States, this fuelled the fire of anti-Spanish propaganda.[26] In a political speech President William McKinley used this to ram Spanish actions against armed rebels. He even said this "was not civilized warfare" but "extermination".[27][28]

- - -
- - - -
-
- - - - - - - - diff --git a/dist/docs/sass-files.html b/dist/docs/sass-files.html deleted file mode 100644 index 5b3afbaa3..000000000 --- a/dist/docs/sass-files.html +++ /dev/null @@ -1,711 +0,0 @@ - - - - - - - - What You Get with Foundation Sass | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

What You Get with Foundation Sass

-

We've put together all of the pieces you need in one package, let's see what's inside.

- -
- -
-
-

← Back to Getting Started

-

Everything Inside

-

Need a deeper look into what all the Foundation Sass files do? We've got you covered. Or if you simply need a file listing, check here.

-
-
- - - -
-
-
-

Customization

-
-
    -
  • Changes made here are preserved during update.
    • -
  • _settings.scss

    All of Foundation's Sass variables can be found and modified here to help you customize your version of Foundation.

    • -
  • app.scss

    Here you can determine what stylings will be in your project. By default all of Foundation is imported, but you can deactivate and select specific components you want to import or add your custom Sass here.

    • -
  • stylesheets folder

    We include a stylesheets folder where your HTML can refer to the CSS files. When your SCSS files compile, the resulting CSS files are saved here. It is important to not make an changes to files here as they may be overwritten. You can, however, simply write Vanilla CSS inside your SCSS file and it will be compiled just fine.

    • -
-
-
-
-

JavaScript

-
-
    -
  • app.js

    We initialize Foundation's javascript components here. This is also a great place to add in your own custom javascript.

    • -
  • jquery.min.js

    A minified jQuery file which is required for many Foundation components to work.

    • -
  • The following JS files will be linked up right before the closing </body> tag. This ensures that your styles and page loads first without having to wait for all the JS to load: -
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
-<script src="bower_components/foundation/js/foundation.min.js"></script>
-<script src="js/app.js"></script>
-</body>
    -
    • - -
-
-
- -
-
-
-

Bower Components

-
-
    -
  • The recommended install uses Bower to package up all the Foundation components and manage any updates. Bower manages the contents of this folder so don't change anything in this folder.
    • -
  • fastclick.js

    Fastclick gets rid of the ~300ms delay that mobile users expericing when "tapping" on a button. It's not a Foundation requirement, but makes your site feel faster.

    • -
  • foundation folder

    This is where we keep all the files that make foundation work. Any CSS and SCSS partials and javascript live here. Including the components here allows you to easily update your project with bower update command.

    • -
  • jquery

    We've included jQuery in here because anytime there is an update to jQuery with a Foundation release it will be updated as well.

    • -
  • jquery.cookie

    This is included in Foundation for our Joyride feature. It allows the browser to create a cookie specifically for the option to not show the Joyride tour a second time.

    • -
  • modernizr

    This acts as a shim for HTML5 elements that older browsers may not recognize, and provides detection for mobile devices. It also helps provide touch support on mobile devices with various browsers.

    • -
  • normalize.scss

    We've included a copy of Normalize here to give you the option to remove quirks in browsers so that all webpages render elements consistently. We recommend you use this because some Foundation styles are dependant on it.

    • -
-
-
-
-

Pre-Packaged Essentials

-
-
    -
  • index.html

    This is an example index file which contains some sample markup (the grid, buttons, etc) as well as the basic structure of a responsive Foundation page. Feel free to change or destroy this file as you see fit, just bear in mind that some of the document <head> is required for the page to work including the CSS/JS that is linked up at the end of the document.

    • -
  • humans.txt

    Located in the site root just next to the robots.txt file. You don't have to use if you don't want. You can mention the developer, the designer, the copywriter, the webmaster, the SEO, SEM or SMO. Name as many people who helped make the site, or not.

    • -
  • robots.txt

    Website owners use the robots.txt file to give instructions about their site to web-crawling robots (also known as Web Wanderers, Crawlers, or Spiders); this is called The Robots Exclusion Protocol. Adding this page allows you to block web robots from indexing parts of your site. You can read more about it here.

    • -
  • bower.json

    Bower helps you to download JS/SCSS/CSS files to your project folder for popular projects like Foundation and jQuery. It also allows you to easily update those files when a library is updated. Bower keeps track of these packages in a manifest file, bower.json. You can make it work for you and your workflow. You can target what version to update your project to here.

    • -
  • config.rb (compass project only)

    This is a Compass configuration file. It allows you to specify how to compile your Sass files (i.e. should the CSS be compressed or not) and also where to place the compiled CSS files (default is in the stylesheets/ directory). You can read more about Compass best practices here.

    • -
-
-
- -
- -
-
-

Foundation File List

-

Our Foundation Sass file structure will look just like this after you complete the download.

-
-
- -
-
-
    -
  •   bower_components
    • -
    -
  •   js
    • -
      -
    •   app.js
      • -
    -
    -
  •   scss
    • -
      -
    •   _settings.scss
      • -
    •   app.scss
      • -
    -
    -
  •   stylesheets
    • -
      -
    •   app.css
      • -
    -
    -
  •   bower.json
    • -
  •   config.rb
    • -
  •   humans.txt
    • -
  •   index.html
    • -
  •   robots.txt
    • -
-
-
-
-
-
-
-

What to know how to properly modify your files? Check out how to use Foundation Sass →

-
-
- -
- -
-
-

HTML Page Markup

-

As you'll see in our index.html sample, Foundation pages have some specific markup required for them to work. This code block is a simple boilerplate for content-free Foundation pages that we hope comes in handy. Go ahead and copy/paste this in when creating a new page.

-

HTML

-
<!doctype html>
-<html class="no-js" lang="en">
-
-  <head>
-    <meta charset="utf-8" />
-    <!-- if you remove this meta tag, the NSA will spy on you through your Xbox Kinect camera -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Foundation</title>
-    <link rel="stylesheet" href="stylesheets/app.css" />
-    <script src="bower_components/modernizr/modernizr.js"></script>
-  </head>
-
-  <body>
-
-    <!-- body content here -->
-
-    <script src="bower_components/jquery/dist/jquery.min.js"></script>
-    <script src="bower_components/foundation/js/foundation.min.js"></script>
-    <script src="js/app.js"></script>
-  </body>
-
-</html>
- -
-
- - - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/sass.html b/dist/docs/sass.html deleted file mode 100644 index 015b2bf4f..000000000 --- a/dist/docs/sass.html +++ /dev/null @@ -1,976 +0,0 @@ - - - - - - - - Getting Started With Sass | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Getting Started With Sass

-

Sass is the easiest way to customize Foundation!

- -
- - -
-
-

Three Easy Ways to Get Started

-

Setting up Foundation 5 Sass is quick and easy!

-

We recommend using the Command Line Interface. We've perfected the command line for quick and easy power, but you can use Foundation with just the files or other applications, like Mixture or CodeKit.

-
-
-
Recommend Install
-
Manual Download
-
Third Party Application
-
-
-
-
- -
- -
-
-

Recommended Install for Foundation

-
-
- -
-
-
-
-

Using this Command Line Interface will make updating a Foundation project super easy and help speed up your workflow. The CLI updates your project while leaving your customized styles in tact. We recommend this method since the CLI does many tasks for you.

-
-
- -
- - - -
-
-

What You'll Need

-

You'll want to install the following on your system before proceeding:

-
-
- -
-
- -

Git

-

Git is GitHub's version control system, this install basically commands the tools you'll use in the command line to work within GitHub.

-

Download Git →

-
- -
- - -
- -

NodeJS

-

Node allows JavaScript to run outside of the browser, and is necessary for Bower to package all the files into the project and link them together.

-

Download NodeJS →

-
- -
- -
- -

Ruby 1.9+

-

We wrote a Ruby script that downloads the Sass files and scaffolds the project. If you have a Mac, you probably already have Ruby installed.

-

Download Ruby →

-
-
- -
- - - -
-
-

How to Install the CLI

-

Using the CLI to install Foundation 5 only takes two easy commands. You only have to install the CLI once. Don't want to read? Check out this video we made to help you out.

-
-
-

1

-
-

We use Bower to manage updates to Foundation and the third-party libraries that Foundation is built on.

-

npm install -g bower grunt-cli

-
-
-
-

2

-
-

Installing the Foundation CLI on your computer only takes one command function.

-

gem install foundation


Note: If you run into permission errors running these commands in the CLI, you can add the word 'sudo' before the line inside the interface:

-

sudo npm install -g bower grunt-cli
sudo gem install foundation


If you use rbenv, rehash your shims after installing:

-

rbenv rehash

-
-
-
- -
- - - -
-
-

Compiling Sass into CSS & Creating a Project

-

Sass is a great way to speed up front-end development.

-

SCSS (Sassy CSS) syntax was introduced as "the new main syntax" for Sass and builds on the existing syntax of CSS. We created a SCSS version to allow more friendly and dynamic styling. This version also allows for greater customization than the HTML/CSS version. There are two easy ways our CLI helps you compile SCSS: Compass or Libsass with Grunt.

-
-
- -
-
-

Creating a Compass Project

-
-
-

1

-

If it's not installed already, you can install Compass using the following command:

-

gem install compass

-
-
-
-

2

-
-

Next we'll use the Foundation CLI to create a new project:

-

foundation new MY_PROJECT

-
-
-
-

3

-
-

Boom, your project is created! Now Foundation will be easy.

-

cd MY_PROJECT

-
-
-
-

4

-
-

Bundler is used to ensure all the correct libraries are used. If you don't have it, run gem install bundler

-

Then run bundle (only once per project)

-

Be sure to run compass watch in order to make changes.

-

bundle exec compass watch

-
-
- -
-
-

Creating a Libsass Project

-
-
-

1

-
-

First, navigate into the directory where you want to create your project:

-

cd path/to/sites

-
-
-
-

2

-
-

Next we'll use the Foundation CLI to create a new project:

-

foundation new project_name --libsass

-
-
-
-

3

-
-

Boom, your project is created! Now you need to use Grunt to compile everything before you start working:

-

cd project_name
grunt build

-
-
-
-

4

-
-

Be sure to run grunt in order to make changes.

-

grunt

-
-
-
- -
-
-

Check out what you get with the Sass download package. →

-
-
- - -
- - - - -
-
-

How to Update

-

Once you have Foundation installed updating your file is easy.

-
-
-

1

-
-

Specify the version you want to update to in your bower.json file.

-

See an example →

-
-
-
-

2

-
-

To update, 'cd' into the project folder in the CLI and the run 'bower update.'

-

bower update

-

Note: To verify the update has been made, you can see the version number in the bower.json file located in the bower-components folder under foundation.

-

See an example →

-
-
-
- -
- - - -
-
-

Install Foundation Manually

-

You can download our SCSS files and get set up to harness the power of Foundation without the CLI if you want. Here's how:

-
    -
  • First you will need to clone or download the master zip of the Foundation Compass Template from Github. This will be the root of your project.
    • -
  • Then you will create a directory called bower_components.
    • -
  • The next step is to clone or download the master zip of the bower-foundation repo in that directory.
    • -
  • Then rename this directory to "foundation"
    • -
-

Note: Alternatively you can place this somewhere else or move the files around.

-
    -
  • Just update your config.rb so that the add_import_path reflects the change i.e. add_import_path "bower_components/foundation/scss"
    • -
  • Then add jQuery and update the link in index.html to a local copy that you can download from the jQuery site.
    • -
-
-
- -
- - - -
-
-

Upgrade Manually With Compass

-

You'll need to install NodeJS and Bower before updating with Compass.

-

Note: You can install bower by running the following command:

-

npm install -g bower

-

We use bower to keep Foundation assets up to date within your project. Here's how you can update your project:

-
-
-
-

1

-
-

First, you need create a file named bower.json in the root of your Compass project. This should contain the following:

-

{
    "name": "PROJECT_NAME",
    "dependencies": {
       "foundation": "~5.4.7"
    }
} -

-
-
-

2

-
-

Next you will run bower update.

-

bower update

-

This will create a directory called bower_components/ in your project. Foundation's Sass and JavaScript files will be placed in the bower_components/foundation folder.

-
-

Check out what you get with the Sass download package. →

-
-
- -
- -
-
-

Build Using a Task Runner

-

Using Bower and a task runner like Grunt or Gulp, you can add our Sass files to your build process.

-
-
-

1

-
-

In a project with an existing bower.json, add Foundation to your bower components:

-

bower install foundation --save

-
-
-
-

2

-
-

Next, add bower_components/foundation/scss to your Sass compiler's import paths. The exact setting you need to change will depend on the plugin you're using. For example, this is how to add Foundation to a Grunt task using grunt-contrib-sass:

-

- sass: {
-   dist: {
-     options: {
-       style: 'expanded'
-       loadPath: ['bower_components/foundation/scss']
-     },
-     files: {
-       'main.css': 'main.scss',
-       'widgets.css': 'widgets.scss'
-     }
-   }
- } -

-

This configuration will work for gulp-sass:

-

- gulp.src('./scss/*.scss')
-   .pipe(sass({
-     includePaths: ['bower_components/foundation/scss']
-   }))
-   .pipe(gulp.dest('./css')); -

-
-
-
- -
- - - -
-
-

Third Party Applications

-

If you want a more hands-off and simple build of Foundation you can use these platforms to code with Foundation.

-
-
-
-
-
- -
-
-

Mixture

-

Get started quickly and build faster with Foundation using Mixture.io.

-

Publish your project online. It’s as easy as one click. Share your published URL, password protect, get feedback, client sign-off or even add your own domain and host your site.

- Learn More -
-
- -
- -
-
- -
-
-

CodeKit

-

A Mac app that allows you to build websites faster with Foundation.

-

With zero setup and Bower built right into the system, CodeKit can compile any language with one click updates. From auto-refresh browsers to built-in minifiers, CodeKit has everything inside to help you get started.

- Learn More -
-
- -
- -
-
- -
-
-

Cactus

-

Build your websites locally with the ease and flexibility of Foundation.

-

Using Cactus allows you to put the components of your website together with your local server without having to set up a server environment like Ruby. You can use it on your Mac to compile your SASS, start building templates, or for directing visual feedback.

- Learn More -
-
- -
- -
-
-

What's Next?

-

Now that you have Foundation Sass installed, check out the awesome stuff you get and how to use it.

-
-
-
-
- -

What You Get

-

The complete package! We'll cover the important files that are included when you download Sass and where to make customizations.

-

See What's Inside →

-
- -
- -
- -

How to Use

-

Harness SCSS's variable features easily through the included _settings.scss file. We cover important tips on the settings file, writing sass, and using mixins.

-

Find Out How →

-
- -
- -
- -

Global Styles

-

Every Foundation project needs to include these styles in order to work properly. These include things like basic formatting and global utility classes.

-

Take a Look →

-
-
- - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/upgrading.html b/dist/docs/upgrading.html deleted file mode 100644 index d8df1c610..000000000 --- a/dist/docs/upgrading.html +++ /dev/null @@ -1,844 +0,0 @@ - - - - - - - - Upgrading From Foundation 4 | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Upgrading From Foundation 4

-

Need to upgrade from Foundation 4? No problem. This handy migration guide makes it super easy!

- -

Upgrade your Rails project

-

Change the following line in your Gemfile:

-
gem 'zurb-foundation'
-

to:

-
gem 'foundation-rails'
-

Then run bundle install.

-
-

Upgrade using our CLI and Compass

-

Before continuing you'll need to install the following on your system:

- -

Our CLI can help you upgrade your Foundation 4 project to Foundation 5. It can be installed using the following commands in terminal:

-
gem install foundation
-foundation version #=> should say v1.0.3 or higher
-

So let's assume you have a project in ~/Sites/PROJECT_NAME. To upgrade it to Foundation 5 you would run the following in terminal:

-
cd ~/Sites/PROJECT_NAME
-foundation upgrade
-
-

Upgrade manually with Compass

-

Before continuing you'll need to install the following on your system:

- -

Starting in Foundation 5 there's no longer a Compass extension. Instead we use bower to keep Foundation assets up to date within your project. Here's how you can update your project:

-

Step 1: Create a bower.json file

-

In the root of your Compass project create a file called bower.json with this content:

-
{
-  "name": "PROJECT_NAME",
-  "dependencies": {
-    "foundation": "~5.1.0"
-  }
-}
-

Step 2: Install Foundation 5

-

Now run bower install. This will create a directory called bower_components/ in your project. Foundation's Sass and JavaScript files will be placed in the bower_components/foundation folder.

-

Step 3: Tell Compass where Foundation resides

-

You'll want to update your config.rb folder to change this line from:

-
require "zurb-foundation"
-

to:

-
add_import_path "bower_components/foundation/scss"
- -

Any references to the JavaScript files in your project will have changed. Links to Foundation JavaScript files should be changed from:

-
<script src="javascripts/foundation.min.js"></script>
-

to:

-
<script src="bower_components/foundation/js/foundation.min.js"></script>
-

This will ensure that when you run bower update to fetch the latest version of Foundation that the JavaScript is also updated.

-

Step 5: Recompile your project

-

Now run compass watch to recompile your project. If you see any errors please jump down to the upgrading your Sass section.

-
-

Upgrading the Sass

-

In Foundation 5 we removed the following components:

-
@import "foundation/components/sections";
-@import "foundation/components/custom-forms";
-
-

Upgrading the JavaScript

-

We have built a migration plugin, foundation-migrate, that will guide you through moving your old Foundation JavaScript over to the new syntax.

-

Foundation 5 removes support for Zepto. Here's how you can switch Zepto for jQuery:

-

HTML

- -
<!-- old Foundation 4 embed code -->
-<script>
-  document.write('<script src=/js/vendor/'
-    + ('__proto__' in {} ? 'zepto' : 'jquery')
-    + '.js><\/script>');
-</script>
-

All you need to do is add jQuery to the end of your body:

-

HTML

- -
<script src="/js/vendor/jquery.js"></script>
-

After you have included jQuery, you can drop in the Foundation library and initialize Foundation:

-

HTML

- -
<script src="/js/vendor/jquery.js"></script>
-<script src="/js/foundation/foundation.min.js"></script>
-<script>
-  $(document).foundation();
-</script>
-

In Foundation 4, you could pass a string of the plugins you want to initialize like $(document).foundation('topbar reveal');. You can no longer do this in Foundation 5. Everything is initialized by default.

-
-

Configuration changes

-

Configuration options are passed a little differently to the Foundation libraries:

-
-
-

The old way

- -
$(document).foundation('dropdown', {is_hover: false});
- -
-
-

The new way

- -
$(document).foundation({dropdown: {is_hover: false}});
- -
-
- -

In Foundation 5 you can reconfigure variables on the fly after the page has loaded and Foundation has been initialized:

-

JS

- -
$('#myTarget').foundation({dropdown: {is_hover: true}});
- - -
-

Javascript Variable Changes

-

All Javascript configuration variables are now under_score instead of camelCase:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
LibraryFoundation 4Foundation 5
dropdownactiveClassactive_class
topbarstickyClasssticky_class
joyridetipLocationtip_location
nubPositionnub_position
scrollSpeedscroll_speed
startTimeOnClickstart_timer_on_click
startOffsetstart_offset
nextButtonnext_button
tipAnimationtip_animation
pauseAfterpause_after
tipAnimationFadeSpeedtip_animation_fade_speed
cookieMonstercookie_monster
cookieNamecookie_name
cookieDomaincookie_domain
cookieExpirescookie_expires
tipContainertip_container
postRideCallbackpost_ride_callback
postStepCallbackpost_step_callback
preStepCallbackpre_step_callback
preRideCallbackpre_ride_callback
postExposeCallbackpost_expose_callback
exposeAddClassexpose_add_class
magellanactiveClassactive_class
revealanimationSpeedanimation_speed
closeOnBackgroundClickclose_on_background_click
closeOnEscclose_on_esc
dismissModalClassdismiss_modal_class
bgClassbg_class
tooltipadditionalInheritableClassesadditional_inheritable_classes
tooltipClasstooltip_class
touchCloseTexttouch_close_text
appendToappend_to
tipTemplatetip_template
- - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/using-sass.html b/dist/docs/using-sass.html deleted file mode 100644 index b7edf6852..000000000 --- a/dist/docs/using-sass.html +++ /dev/null @@ -1,669 +0,0 @@ - - - - - - - - How to Use Foundation Sass | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

How to Use Foundation Sass

-

Customizing your project with Foundation is easy, we recommend making different changes in different files which we will go over here.

- -
- -
-
-

← Back to Getting Started

-

_settings.scss

-

You will want to make changes to the settings file which includes tons of variables here that can be customized for each component.

-
-
-

Making changes is simple, in _settings.scss find the element you want to style (command/ctrl+f). Find the variable, uncomment the style, and change its value. Be sure to run grunt (libsass) or compass watch (compass) in order see any changes.

-
-
-
-
- -
-
-

Here we've made some example changes to the buttons.

-
    -
  • First, we changed the margin on the bottom of the buttons.
    • -
    -
  • Next the colors have been changed to snazzy, dodger blue.
    • -
    -
  • Finally, we changed the radius on the corners.
    • -

Now just need to save your changes and your Sass will compile. Just refresh the page to see yours changes!

-
-
-
-
- -
- -
-
-

Mixins

-

We use mixins to allow you to create your own components based on underlying Foundation styles.

-

A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. You can even pass in values to make your mixin more flexible. You can create custom mixins to speed up development, another example regarding buttons:

-
// Example mixin for custom button 
-
-.custom-button-class { 
-    @include button($padding, $bg, $radius, $full-width, $disabled, $is-input); 
-    }
- -

Here is an example of some variables you can customize:

-
// $padding - Used to build padding for buttons 
-Default: $button-med or rem-calc(12) $padding: 12px; 
-// Primary color set in settings file. 
-Default: $primary-color. $bg: orange; 
-// If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). 
-Default:false. $radius: true; 
-// We can set $full-width:true to remove side padding extend width. 
-Default: false $full-width: false; 
-// We can set $disabled:true to create a disabled transparent button. 
-Default: false $disabled: false; 
-// $is-input - <input>'s and <button>'s take on strange padding. We added this to help fix that.
-Default: false $is-input: false;
- -

Then you can use your new custom button by simply include the following html:

-
<a href="#" class="custom-button-class">...</a>
- -
-
- -
- -
-
-

app.scss

-

All of your project styles should go in this file..

-
-
- -
-
-

By default the _settings.scss is imported here - @import "settings" as well as all of Foundation SCSS - @import "foundation". If you don't want all of Foundation you can comment it out and then activate the individual imports you want below including the @import on line 5.

-

Note: Some Foundation components depend on other styles.

-
-
-
-
- -
-
-

After the @import tag is a great place to keep your custom Sass because it will get compiled into CSS right from here.

-
-
-
.img-panel {
-  position: relative;
-  padding-left: 6rem;
-  margin-bottom: 2rem; 
-
-  img {
-    position: absolute;
-    top: 1.7rem;
-    left: -($panel-padding * 1.5);
-    max-width: 6rem;
-  }
-}
- -
-
-

Here is an example of how you can write Sass inside the app.scss file.

-
-
-

The Sass version of Foundation still allows you to write Vanilla CSS as well. If you want to do so, it is best practice to write these CSS styles in the app.scss file.

-

Note: Any CSS files in the stylesheets folder will be overwritten when your Sass is compiled, be sure keep any changes away from the files in this folder.

-
-
- - -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - diff --git a/dist/docs/utility-classes.html b/dist/docs/utility-classes.html deleted file mode 100644 index 7186745d9..000000000 --- a/dist/docs/utility-classes.html +++ /dev/null @@ -1,727 +0,0 @@ - - - - - - - - Utility Classes | Foundation Docs - - - - - - - - - - - - - - - - - - - - - - -
-
Foundation 6 is here!
-
- - - -
-
- - - - - - - - - - - - - - - -
- -
-
-
-
-
Foundation Documentation
-
- - -
- - Download Foundation - - - - - - -
-
-
-
-

Utility Classes

-

Foundation includes a handful of helpful utility classes to add certain behaviors to your elements.

- -
-

Float Classes

- -

You can change the float behavior of an element by adding .left or .right to an HTML element. To clear floats, add the class .clearfix to the parent element.

-
-
-

HTML

-
<div class="panel clearfix">
-    <a class="button right">Float Right</a>
-    <a class="button left">Float Left</a>
-</div>
- -
-
-

Rendered HTML

-
- Float Right - Float Left -
- -

-

-
-

Radius and Rounded

- -

The .radius and .round classes allow you to easily apply a border-radius to a UI-element. Adding the class to a button group will apply the border radius only to the outside corners.

-
-
-

HTML

-
<div class="alert-box [radius round]" data-alert>Alert<a href="#" class="close">&times;</a></div>
-<div class="progress [radius round]">
-  <span class="meter" style="width:70%;"></span>
-</div>
-<a href="#" class="button [radius round]">Button</a>
-<span class="label [radius round]">Label</span>
-<span data-tooltip class="[radius round]" title="Tooltip">Tooltip</span>
- -
-
-

Rendered HTML

-
-
-
Radius Alert×
-
- -
- Radius Button -
- Radius Label -

- Radius Tooltip -

-
-
-
Round Alert×
-
- -
- Round Button -
- Round Label -

- Round Tooltip -

-
-
-
-
- -
-

Text Align Classes

- -

You can change the text alignment of an element by adding .text-left, .text-right, .text-center or .text-justify to an element.

-

Adding a size to the front of a text alignment class will cause it to only be applied on that size screen or larger (ex. .medium-text-center will center text for everything except small screens). Adding a size and only will apply the text alignment just for that media query (ex. .medium-only-text-center will center text just for medium screens).

-
-
-

HTML

-
<p class="text-left"><!-- text goes here --></p>
-<p class="text-right"><!-- text goes here --></p>
-<p class="text-center"><!-- text goes here --></p>
-<p class="text-justify"><!-- text goes here --></p>
- -
-
-

Rendered HTML

-

This text is left aligned. Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire.

-

This text is right aligned. Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire.

-

This text is center aligned. Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire.

-

This text is justified. Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire.

-
-
- -

Available Text Alignment Classes

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.text-left.text-right.text-center.text-justify
.small-text-left.small-text-right.small-text-center.small-text-justify
.small-only-text-left.small-only-text-right.small-only-text-center.small-only-text-justify
.medium-text-left.medium-text-right.medium-text-center.medium-text-justify
.medium-only-text-left.medium-only-text-right.medium-only-text-center.medium-only-text-justify
.large-text-left.large-text-right.large-text-center.large-text-justify
.large-only-text-left.large-only-text-right.large-only-text-center.large-only-text-justify
.xlarge-text-left.xlarge-text-right.xlarge-text-center.xlarge-text-justify
.xlarge-only-text-left.xlarge-only-text-right.xlarge-only-text-center.xlarge-only-text-justify
.xxlarge-text-left.xxlarge-text-right.xxlarge-text-center.xxlarge-text-justify
Align LeftAlign RightAlign CenterJustify
- - -
-

Hide an Element

-You can add the class .hide to an element to hide it. This will add the property display: none to the element.

-
<div class="hide"></div>
- -
-
- -
-
-
-
Stay on top of what’s happening in responsive design.
-

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »

-
-
-
-
-
- -
-
- -
-
-
-
-
-
- - -
-
-
-
-

Foundation for Sites

-

Foundation is a responsive front-end framework made by ZURB, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998. -

-
-
- -
-
-
-
-

Want more?

- -
-
-
-
-

Talk to us

-

Tweet us at
@ZURBfoundation

-

Business Support

-

Or check our support page

-
-
-
-
-

Stay Updated

-

Keep up with the latest on Foundation. Find us on Github.

- Stay Connected -
-
-
-
-
-
-
- - Studios - Helping more than 200 startups succeed since 1998. - -
-
- - Foundation - The most advanced front-end framework in the world. - -
-
- - Notable Design Apps - Prototype, iterate and collect feedback on your products. - -
-
- - University - Ideas, thoughts and design resources shared with you. - -
-
-
- -
-
-
-
    -
    • -
    • -
    • -
-
-
- - -

© 1998‐2015 ZURB, Inc. All rights reserved.

-
-
-
- -
- -
-
- - - - - - - - - -- 2.47.2