From 28a99a0e043c6ea0e6e5ab25a2a0b420449d34b0 Mon Sep 17 00:00:00 2001 From: Luca Beltrame Date: Sun, 26 Apr 2015 15:25:12 +0200 Subject: [PATCH] Remove everything --- LICENSE | 21 - README.md | 50 - _config.yml | 208 - _config_dev.yml | 9 - _data/authors.yml | 9 - _data/language.yml | 24 - _data/language_de.yml | 24 - _data/navigation.yml | 31 - _data/network.yml | 7 - _data/services.yml | 11 - _data/socialmedia.yml | 44 - _drafts/gallery.md | 23 - _drafts/page_all_frontmatter.md | 33 - _drafts/page_simple.md | 8 - _drafts/page_with_image.md | 32 - _drafts/page_with_table_of_contents.md | 31 - _drafts/page_without_image.md | 12 - _drafts/post_with_image.md | 31 - _drafts/post_without_image.md | 26 - _drafts/video.md | 14 - _includes/alert | 33 - _includes/breadcrumb.html | 17 - _includes/comments.html | 20 - _includes/favicon | 77 - _includes/footer.html | 85 - _includes/footer_scripts.html | 24 - _includes/google_search.html | 8 - _includes/head.html | 57 - _includes/improve_content.html | 19 - _includes/list-collection.html | 20 - _includes/list-posts.html | 53 - _includes/masthead.html | 141 - _includes/meta_information.html | 30 - _includes/navigation.html | 123 - _includes/next-previous-post-in-category.html | 41 - _includes/pagination.html | 42 - _includes/sidebar.html | 20 - _layouts/blog.html | 16 - _layouts/compress.html | 11 - _layouts/default.html | 16 - _layouts/frontpage.html | 107 - _layouts/page-fullwidth.html | 40 - _layouts/page.html | 65 - _layouts/redirect.html | 24 - _layouts/video.html | 33 - _sass/_02_settings_colors.scss | 150 - _sass/_03_settings_typography.scss | 59 - _sass/_04_settings_global.scss | 1452 ------- _sass/_04_settings_mixins_media_queries.scss | 432 --- _sass/_05_normalize.scss | 427 --- _sass/_05_settings_top-bar.scss | 73 - _sass/_06_typography.scss | 477 --- _sass/_07_layout.scss | 338 -- _sass/_09_elements.scss | 141 - _sass/_11_syntax-highlighting.scss | 66 - _sass/_functions.scss | 146 - _sass/foundation-components/_accordion.scss | 157 - _sass/foundation-components/_alert-boxes.scss | 128 - _sass/foundation-components/_block-grid.scss | 132 - _sass/foundation-components/_breadcrumbs.scss | 132 - .../foundation-components/_button-groups.scss | 197 - _sass/foundation-components/_buttons.scss | 259 -- _sass/foundation-components/_clearing.scss | 247 -- .../_dropdown-buttons.scss | 130 - _sass/foundation-components/_dropdown.scss | 262 -- _sass/foundation-components/_flex-video.scss | 51 - _sass/foundation-components/_forms.scss | 570 --- _sass/foundation-components/_global.scss | 480 --- _sass/foundation-components/_grid.scss | 289 -- _sass/foundation-components/_icon-bar.scss | 329 -- .../foundation-components/_inline-lists.scss | 57 - _sass/foundation-components/_joyride.scss | 222 -- _sass/foundation-components/_keystrokes.scss | 61 - _sass/foundation-components/_labels.scss | 106 - _sass/foundation-components/_magellan.scss | 34 - _sass/foundation-components/_offcanvas.scss | 515 --- _sass/foundation-components/_orbit.scss | 368 -- _sass/foundation-components/_pagination.scss | 162 - _sass/foundation-components/_panels.scss | 101 - .../_pricing-tables.scss | 150 - .../foundation-components/_progress-bars.scss | 79 - .../foundation-components/_range-slider.scss | 168 - _sass/foundation-components/_reveal.scss | 223 -- _sass/foundation-components/_side-nav.scss | 116 - .../foundation-components/_split-buttons.scss | 191 - _sass/foundation-components/_sub-nav.scss | 123 - _sass/foundation-components/_switches.scss | 238 -- _sass/foundation-components/_tables.scss | 135 - _sass/foundation-components/_tabs.scss | 123 - _sass/foundation-components/_thumbs.scss | 66 - _sass/foundation-components/_toolbar.scss | 70 - _sass/foundation-components/_tooltips.scss | 142 - _sass/foundation-components/_top-bar.scss | 689 ---- _sass/foundation-components/_type.scss | 525 --- _sass/foundation-components/_visibility.scss | 408 -- archive/archive.html | 29 - archive/index.html | 9 - assets/css/style_rss.css | 116 - assets/css/styles_feeling_responsive.scss | 44 - assets/fonts/.fontcustom-manifest.json | 262 -- assets/fonts/fontcustom.yml | 96 - assets/fonts/iconfont-preview.html | 1013 ----- assets/fonts/iconfont.css | 147 - assets/fonts/iconfont.eot | Bin 9590 -> 0 bytes assets/fonts/iconfont.svg | 264 -- assets/fonts/iconfont.ttf | Bin 9412 -> 0 bytes assets/fonts/iconfont.woff | Bin 6536 -> 0 bytes .../.fontcustom-manifest.json | 253 -- .../svg-files-for-custom-font/archive.svg | 11 - .../svg-files-for-custom-font/browser.svg | 10 - .../svg-files-for-custom-font/calendar.svg | 8 - .../svg-files-for-custom-font/camera.svg | 11 - .../fonts/svg-files-for-custom-font/chat.svg | 8 - .../fonts/svg-files-for-custom-font/check.svg | 9 - .../chevron-down.svg | 9 - .../chevron-left.svg | 9 - .../chevron-right.svg | 9 - .../svg-files-for-custom-font/chevron-up.svg | 9 - .../circle-with-cross.svg | 9 - .../circle-with-minus.svg | 8 - .../circle-with-plus.svg | 8 - .../fonts/svg-files-for-custom-font/cloud.svg | 9 - .../fonts/svg-files-for-custom-font/code.svg | 13 - .../fonts/svg-files-for-custom-font/cog.svg | 16 - .../svg-files-for-custom-font/dropbox.svg | 10 - .../fonts/svg-files-for-custom-font/edit.svg | 10 - .../svg-files-for-custom-font/export.svg | 8 - .../fonts/svg-files-for-custom-font/eye.svg | 10 - .../svg-files-for-custom-font/facebook.svg | 8 - .../svg-files-for-custom-font/feather.svg | 12 - .../svg-files-for-custom-font/github.svg | 15 - .../fonts/svg-files-for-custom-font/globe.svg | 18 - .../heart-outlined.svg | 11 - .../fonts/svg-files-for-custom-font/heart.svg | 8 - .../fonts/svg-files-for-custom-font/home.svg | 8 - .../svg-files-for-custom-font/instagram.svg | 12 - .../svg-files-for-custom-font/lab-flask.svg | 11 - .../fonts/svg-files-for-custom-font/leaf.svg | 9 - .../svg-files-for-custom-font/linkedin.svg | 13 - .../fonts/svg-files-for-custom-font/mail.svg | 11 - .../svg-files-for-custom-font/message.svg | 7 - .../fonts/svg-files-for-custom-font/mic.svg | 11 - .../svg-files-for-custom-font/network.svg | 24 - .../svg-files-for-custom-font/paper-plane.svg | 11 - .../svg-files-for-custom-font/pinterest.svg | 11 - .../svg-files-for-custom-font/price-tag.svg | 16 - .../svg-files-for-custom-font/rocket.svg | 11 - .../fonts/svg-files-for-custom-font/rss.svg | 9 - .../svg-files-for-custom-font/soundcloud.svg | 18 - .../star-outlined.svg | 8 - .../fonts/svg-files-for-custom-font/star.svg | 7 - .../svg-files-for-custom-font/thumbs-down.svg | 9 - .../svg-files-for-custom-font/thumbs-up.svg | 9 - .../fonts/svg-files-for-custom-font/tree.svg | 17 - .../svg-files-for-custom-font/tumblr.svg | 11 - .../svg-files-for-custom-font/twitter.svg | 13 - .../upload-to-cloud.svg | 11 - .../fonts/svg-files-for-custom-font/video.svg | 8 - .../fonts/svg-files-for-custom-font/vimeo.svg | 10 - .../svg-files-for-custom-font/warning.svg | 9 - .../fonts/svg-files-for-custom-font/xing.svg | 11 - .../svg-files-for-custom-font/youtube.svg | 8 - .../apple-touch-icon-114x114-precomposed.png | Bin 1181 -> 0 bytes .../apple-touch-icon-120x120-precomposed.png | Bin 973 -> 0 bytes .../apple-touch-icon-144x144-precomposed.png | Bin 1129 -> 0 bytes .../apple-touch-icon-152x152-precomposed.png | Bin 1181 -> 0 bytes .../apple-touch-icon-180x180-precomposed.png | Bin 1361 -> 0 bytes .../apple-touch-icon-72x72-precomposed.png | Bin 671 -> 0 bytes .../apple-touch-icon-76x76-precomposed.png | Bin 692 -> 0 bytes assets/img/apple-touch-icon-precomposed.png | Bin 568 -> 0 bytes assets/img/favicon-32x32.png | Bin 388 -> 0 bytes assets/img/logo.png | Bin 15290 -> 0 bytes assets/img/msapplication_tileimage.png | Bin 1129 -> 0 bytes assets/img/touch-icon-192x192.png | Bin 1421 -> 0 bytes assets/js/javascript.js | 3349 ----------------- assets/js/javascript.min.js | 5 - assets/js/modernizr.js | 1406 ------- assets/js/modernizr.min.js | 1 - blog/archive.html | 29 - blog/index.html | 9 - feed.xml | 20 - humans.txt | 27 - images/_fullsize/ilt_1920x1200.jpg | Bin 1286341 -> 0 bytes .../ad/ad-image-large-rectangle-336x280.png | Bin 39489 -> 0 bytes images/ad/ad-image-leaderboard-728x90.png | Bin 33195 -> 0 bytes .../ad/ad-image-medium-rectangle-300x250.png | Bin 25731 -> 0 bytes .../ad/ad-image-wide-skyscraper-160x600.png | Bin 40577 -> 0 bytes images/ad/ad-links-120x90.png | Bin 3265 -> 0 bytes images/ad/ad-links-160x90.png | Bin 3309 -> 0 bytes images/ad/ad-links-180x90.png | Bin 3363 -> 0 bytes images/ad/ad-links-200x90.png | Bin 3387 -> 0 bytes images/ad/ad-text-large-rectangle-336x280.png | Bin 18426 -> 0 bytes images/ad/ad-text-leaderboard-728x90.png | Bin 17539 -> 0 bytes images/ad/ad-text-wide-skyscraper-160x600.png | Bin 28536 -> 0 bytes .../ad/ad-video-large-rectangle-336x280.jpg | Bin 30884 -> 0 bytes .../ad/ad-video-medium-rectangle-300x250.jpg | Bin 29461 -> 0 bytes images/github-303x182.jpg | Bin 24911 -> 0 bytes images/header_drop.jpg | Bin 137620 -> 0 bytes images/header_homepage_13.jpg | Bin 54713 -> 0 bytes images/header_roadmap_1.jpg | Bin 274273 -> 0 bytes images/header_roadmap_2.jpg | Bin 155999 -> 0 bytes images/header_roadmap_3.jpg | Bin 420417 -> 0 bytes images/header_typewriter.jpg | Bin 183556 -> 0 bytes images/header_unsplash_1.jpg | Bin 104039 -> 0 bytes images/header_unsplash_12.jpg | Bin 109936 -> 0 bytes images/header_unsplash_2-970x.jpg | Bin 57169 -> 0 bytes images/header_unsplash_2.jpg | Bin 194457 -> 0 bytes images/header_unsplash_4.jpg | Bin 401773 -> 0 bytes images/header_unsplash_5.jpg | Bin 280900 -> 0 bytes images/header_unsplash_6.jpg | Bin 444847 -> 0 bytes images/header_unsplash_7.jpg | Bin 190064 -> 0 bytes images/header_unsplash_8.jpg | Bin 173021 -> 0 bytes images/header_unsplash_9.jpg | Bin 108434 -> 0 bytes images/homepage_typography.jpg | Bin 101312 -> 0 bytes images/homepage_typography_thumb.jpg | Bin 13440 -> 0 bytes images/pattern_concrete.jpg | Bin 20888 -> 0 bytes images/pattern_jquery-dark-grey-tile.png | Bin 3738 -> 0 bytes images/pattern_numblog_background-tile.jpg | Bin 3920 -> 0 bytes images/presentation-feeling-responsive.jpg | Bin 145085 -> 0 bytes images/promo-video-start.png | Bin 17822 -> 0 bytes ...start-video-feeling-responsive-302x182.jpg | Bin 17245 -> 0 bytes images/typewriter_thumb.jpg | Bin 9592 -> 0 bytes images/unsplash_1-303x182.jpg | Bin 18354 -> 0 bytes images/unsplash_1.jpg | Bin 55444 -> 0 bytes images/unsplash_1_thumb.jpg | Bin 10223 -> 0 bytes images/unsplash_2.jpg | Bin 58267 -> 0 bytes images/unsplash_2_thumb.jpg | Bin 10780 -> 0 bytes images/unsplash_3.jpg | Bin 140514 -> 0 bytes images/unsplash_3_thumb.jpg | Bin 12953 -> 0 bytes images/unsplash_4-303x182.jpg | Bin 24320 -> 0 bytes images/unsplash_4.jpg | Bin 104210 -> 0 bytes images/unsplash_4_thumb.jpg | Bin 11472 -> 0 bytes images/unsplash_5.jpg | Bin 137414 -> 0 bytes images/unsplash_5_thumb.jpg | Bin 16499 -> 0 bytes images/unsplash_6.jpg | Bin 183717 -> 0 bytes images/unsplash_6_bus_header.jpg | Bin 446407 -> 0 bytes images/unsplash_6_bus_thumb.jpg | Bin 15527 -> 0 bytes images/unsplash_7.jpg | Bin 80193 -> 0 bytes images/unsplash_7_thumb.jpg | Bin 10088 -> 0 bytes images/unsplash_8-302x182.jpg | Bin 6045 -> 0 bytes images/unsplash_9-302x182.jpg | Bin 14615 -> 0 bytes images/unsplash_9.jpg | Bin 942086 -> 0 bytes images/unsplash_brooklyn-bridge_header.jpg | Bin 300353 -> 0 bytes images/unsplash_brooklyn-bridge_thumb.jpg | Bin 11062 -> 0 bytes images/unsplash_eagle.jpg | Bin 259769 -> 0 bytes images/unsplash_leaf_header.jpg | Bin 544763 -> 0 bytes images/video-feeling-responsive-1280x720.jpg | Bin 180567 -> 0 bytes ...-feeling-responsive-tutorial-frontpage.jpg | Bin 306554 -> 0 bytes images/webdesign_screenshot_jcorneille.jpg | Bin 126680 -> 0 bytes images/webdesign_screenshot_nixdorf.jpg | Bin 86470 -> 0 bytes images/webdesign_screenshot_phlow.jpg | Bin 151730 -> 0 bytes images/webdesign_screenshot_schriefer.jpg | Bin 123983 -> 0 bytes images/webdesign_screenshot_stilwandel.jpg | Bin 136931 -> 0 bytes images/webdesign_screenshot_tarnkappe.jpg | Bin 92333 -> 0 bytes index.md | 21 - pages/404.md | 21 - pages/changelog.md | 107 - pages/contact.md | 17 - pages/design.md | 14 - pages/documentation.md | 326 -- pages/getting-started.md | 25 - pages/headers.md | 15 - pages/info.md | 51 - pages/redirected_page.md | 8 - pages/roadmap.md | 53 - pages/search.md | 12 - robots.txt | 7 - sitemap.xml | 53 - 268 files changed, 22354 deletions(-) delete mode 100644 LICENSE delete mode 100644 README.md delete mode 100644 _config.yml delete mode 100644 _config_dev.yml delete mode 100644 _data/authors.yml delete mode 100644 _data/language.yml delete mode 100644 _data/language_de.yml delete mode 100644 _data/navigation.yml delete mode 100644 _data/network.yml delete mode 100644 _data/services.yml delete mode 100644 _data/socialmedia.yml delete mode 100644 _drafts/gallery.md delete mode 100644 _drafts/page_all_frontmatter.md delete mode 100644 _drafts/page_simple.md delete mode 100644 _drafts/page_with_image.md delete mode 100644 _drafts/page_with_table_of_contents.md delete mode 100644 _drafts/page_without_image.md delete mode 100644 _drafts/post_with_image.md delete mode 100644 _drafts/post_without_image.md delete mode 100644 _drafts/video.md delete mode 100644 _includes/alert delete mode 100644 _includes/breadcrumb.html delete mode 100644 _includes/comments.html delete mode 100644 _includes/favicon delete mode 100755 _includes/footer.html delete mode 100755 _includes/footer_scripts.html delete mode 100644 _includes/google_search.html delete mode 100644 _includes/head.html delete mode 100644 _includes/improve_content.html delete mode 100644 _includes/list-collection.html delete mode 100644 _includes/list-posts.html delete mode 100644 _includes/masthead.html delete mode 100644 _includes/meta_information.html delete mode 100644 _includes/navigation.html delete mode 100644 _includes/next-previous-post-in-category.html delete mode 100644 _includes/pagination.html delete mode 100644 _includes/sidebar.html delete mode 100644 _layouts/blog.html delete mode 100644 _layouts/compress.html delete mode 100644 _layouts/default.html delete mode 100644 _layouts/frontpage.html delete mode 100644 _layouts/page-fullwidth.html delete mode 100644 _layouts/page.html delete mode 100644 _layouts/redirect.html delete mode 100644 _layouts/video.html delete mode 100644 _sass/_02_settings_colors.scss delete mode 100644 _sass/_03_settings_typography.scss delete mode 100644 _sass/_04_settings_global.scss delete mode 100644 _sass/_04_settings_mixins_media_queries.scss delete mode 100644 _sass/_05_normalize.scss delete mode 100644 _sass/_05_settings_top-bar.scss delete mode 100644 _sass/_06_typography.scss delete mode 100644 _sass/_07_layout.scss delete mode 100644 _sass/_09_elements.scss delete mode 100644 _sass/_11_syntax-highlighting.scss delete mode 100644 _sass/_functions.scss delete mode 100644 _sass/foundation-components/_accordion.scss delete mode 100644 _sass/foundation-components/_alert-boxes.scss delete mode 100644 _sass/foundation-components/_block-grid.scss delete mode 100644 _sass/foundation-components/_breadcrumbs.scss delete mode 100644 _sass/foundation-components/_button-groups.scss delete mode 100644 _sass/foundation-components/_buttons.scss delete mode 100644 _sass/foundation-components/_clearing.scss delete mode 100644 _sass/foundation-components/_dropdown-buttons.scss delete mode 100644 _sass/foundation-components/_dropdown.scss delete mode 100644 _sass/foundation-components/_flex-video.scss delete mode 100644 _sass/foundation-components/_forms.scss delete mode 100644 _sass/foundation-components/_global.scss delete mode 100644 _sass/foundation-components/_grid.scss delete mode 100644 _sass/foundation-components/_icon-bar.scss delete mode 100644 _sass/foundation-components/_inline-lists.scss delete mode 100644 _sass/foundation-components/_joyride.scss delete mode 100644 _sass/foundation-components/_keystrokes.scss delete mode 100644 _sass/foundation-components/_labels.scss delete mode 100644 _sass/foundation-components/_magellan.scss delete mode 100644 _sass/foundation-components/_offcanvas.scss delete mode 100644 _sass/foundation-components/_orbit.scss delete mode 100644 _sass/foundation-components/_pagination.scss delete mode 100644 _sass/foundation-components/_panels.scss delete mode 100644 _sass/foundation-components/_pricing-tables.scss delete mode 100644 _sass/foundation-components/_progress-bars.scss delete mode 100644 _sass/foundation-components/_range-slider.scss delete mode 100644 _sass/foundation-components/_reveal.scss delete mode 100644 _sass/foundation-components/_side-nav.scss delete mode 100644 _sass/foundation-components/_split-buttons.scss delete mode 100644 _sass/foundation-components/_sub-nav.scss delete mode 100644 _sass/foundation-components/_switches.scss delete mode 100644 _sass/foundation-components/_tables.scss delete mode 100644 _sass/foundation-components/_tabs.scss delete mode 100644 _sass/foundation-components/_thumbs.scss delete mode 100644 _sass/foundation-components/_toolbar.scss delete mode 100644 _sass/foundation-components/_tooltips.scss delete mode 100644 _sass/foundation-components/_top-bar.scss delete mode 100644 _sass/foundation-components/_type.scss delete mode 100644 _sass/foundation-components/_visibility.scss delete mode 100644 archive/archive.html delete mode 100644 archive/index.html delete mode 100644 assets/css/style_rss.css delete mode 100755 assets/css/styles_feeling_responsive.scss delete mode 100644 assets/fonts/.fontcustom-manifest.json delete mode 100644 assets/fonts/fontcustom.yml delete mode 100644 assets/fonts/iconfont-preview.html delete mode 100644 assets/fonts/iconfont.css delete mode 100644 assets/fonts/iconfont.eot delete mode 100644 assets/fonts/iconfont.svg delete mode 100644 assets/fonts/iconfont.ttf delete mode 100644 assets/fonts/iconfont.woff delete mode 100644 assets/fonts/svg-files-for-custom-font/.fontcustom-manifest.json delete mode 100644 assets/fonts/svg-files-for-custom-font/archive.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/browser.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/calendar.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/camera.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/chat.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/check.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/chevron-down.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/chevron-left.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/chevron-right.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/chevron-up.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/circle-with-cross.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/circle-with-minus.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/circle-with-plus.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/cloud.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/code.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/cog.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/dropbox.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/edit.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/export.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/eye.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/facebook.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/feather.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/github.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/globe.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/heart-outlined.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/heart.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/home.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/instagram.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/lab-flask.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/leaf.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/linkedin.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/mail.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/message.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/mic.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/network.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/paper-plane.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/pinterest.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/price-tag.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/rocket.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/rss.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/soundcloud.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/star-outlined.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/star.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/thumbs-down.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/thumbs-up.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/tree.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/tumblr.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/twitter.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/video.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/vimeo.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/warning.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/xing.svg delete mode 100644 assets/fonts/svg-files-for-custom-font/youtube.svg delete mode 100644 assets/img/apple-touch-icon-114x114-precomposed.png delete mode 100644 assets/img/apple-touch-icon-120x120-precomposed.png delete mode 100644 assets/img/apple-touch-icon-144x144-precomposed.png delete mode 100644 assets/img/apple-touch-icon-152x152-precomposed.png delete mode 100644 assets/img/apple-touch-icon-180x180-precomposed.png delete mode 100644 assets/img/apple-touch-icon-72x72-precomposed.png delete mode 100644 assets/img/apple-touch-icon-76x76-precomposed.png delete mode 100644 assets/img/apple-touch-icon-precomposed.png delete mode 100644 assets/img/favicon-32x32.png delete mode 100644 assets/img/logo.png delete mode 100644 assets/img/msapplication_tileimage.png delete mode 100644 assets/img/touch-icon-192x192.png delete mode 100755 assets/js/javascript.js delete mode 100755 assets/js/javascript.min.js delete mode 100644 assets/js/modernizr.js delete mode 100644 assets/js/modernizr.min.js delete mode 100644 blog/archive.html delete mode 100644 blog/index.html delete mode 100644 feed.xml delete mode 100644 humans.txt delete mode 100644 images/_fullsize/ilt_1920x1200.jpg delete mode 100644 images/ad/ad-image-large-rectangle-336x280.png delete mode 100644 images/ad/ad-image-leaderboard-728x90.png delete mode 100644 images/ad/ad-image-medium-rectangle-300x250.png delete mode 100644 images/ad/ad-image-wide-skyscraper-160x600.png delete mode 100644 images/ad/ad-links-120x90.png delete mode 100644 images/ad/ad-links-160x90.png delete mode 100644 images/ad/ad-links-180x90.png delete mode 100644 images/ad/ad-links-200x90.png delete mode 100644 images/ad/ad-text-large-rectangle-336x280.png delete mode 100644 images/ad/ad-text-leaderboard-728x90.png delete mode 100644 images/ad/ad-text-wide-skyscraper-160x600.png delete mode 100644 images/ad/ad-video-large-rectangle-336x280.jpg delete mode 100644 images/ad/ad-video-medium-rectangle-300x250.jpg delete mode 100644 images/github-303x182.jpg delete mode 100644 images/header_drop.jpg delete mode 100644 images/header_homepage_13.jpg delete mode 100644 images/header_roadmap_1.jpg delete mode 100644 images/header_roadmap_2.jpg delete mode 100644 images/header_roadmap_3.jpg delete mode 100644 images/header_typewriter.jpg delete mode 100644 images/header_unsplash_1.jpg delete mode 100644 images/header_unsplash_12.jpg delete mode 100644 images/header_unsplash_2-970x.jpg delete mode 100644 images/header_unsplash_2.jpg delete mode 100644 images/header_unsplash_4.jpg delete mode 100644 images/header_unsplash_5.jpg delete mode 100644 images/header_unsplash_6.jpg delete mode 100644 images/header_unsplash_7.jpg delete mode 100644 images/header_unsplash_8.jpg delete mode 100644 images/header_unsplash_9.jpg delete mode 100644 images/homepage_typography.jpg delete mode 100644 images/homepage_typography_thumb.jpg delete mode 100644 images/pattern_concrete.jpg delete mode 100644 images/pattern_jquery-dark-grey-tile.png delete mode 100644 images/pattern_numblog_background-tile.jpg delete mode 100644 images/presentation-feeling-responsive.jpg delete mode 100644 images/promo-video-start.png delete mode 100644 images/start-video-feeling-responsive-302x182.jpg delete mode 100644 images/typewriter_thumb.jpg delete mode 100644 images/unsplash_1-303x182.jpg delete mode 100644 images/unsplash_1.jpg delete mode 100644 images/unsplash_1_thumb.jpg delete mode 100644 images/unsplash_2.jpg delete mode 100644 images/unsplash_2_thumb.jpg delete mode 100644 images/unsplash_3.jpg delete mode 100644 images/unsplash_3_thumb.jpg delete mode 100644 images/unsplash_4-303x182.jpg delete mode 100644 images/unsplash_4.jpg delete mode 100644 images/unsplash_4_thumb.jpg delete mode 100644 images/unsplash_5.jpg delete mode 100644 images/unsplash_5_thumb.jpg delete mode 100644 images/unsplash_6.jpg delete mode 100644 images/unsplash_6_bus_header.jpg delete mode 100644 images/unsplash_6_bus_thumb.jpg delete mode 100644 images/unsplash_7.jpg delete mode 100644 images/unsplash_7_thumb.jpg delete mode 100644 images/unsplash_8-302x182.jpg delete mode 100644 images/unsplash_9-302x182.jpg delete mode 100644 images/unsplash_9.jpg delete mode 100644 images/unsplash_brooklyn-bridge_header.jpg delete mode 100644 images/unsplash_brooklyn-bridge_thumb.jpg delete mode 100644 images/unsplash_eagle.jpg delete mode 100644 images/unsplash_leaf_header.jpg delete mode 100644 images/video-feeling-responsive-1280x720.jpg delete mode 100644 images/video-feeling-responsive-tutorial-frontpage.jpg delete mode 100644 images/webdesign_screenshot_jcorneille.jpg delete mode 100644 images/webdesign_screenshot_nixdorf.jpg delete mode 100644 images/webdesign_screenshot_phlow.jpg delete mode 100644 images/webdesign_screenshot_schriefer.jpg delete mode 100644 images/webdesign_screenshot_stilwandel.jpg delete mode 100644 images/webdesign_screenshot_tarnkappe.jpg delete mode 100644 index.md delete mode 100644 pages/404.md delete mode 100644 pages/changelog.md delete mode 100644 pages/contact.md delete mode 100644 pages/design.md delete mode 100644 pages/documentation.md delete mode 100644 pages/getting-started.md delete mode 100644 pages/headers.md delete mode 100644 pages/info.md delete mode 100644 pages/redirected_page.md delete mode 100644 pages/roadmap.md delete mode 100644 pages/search.md delete mode 100644 robots.txt delete mode 100644 sitemap.xml diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 67bbcc8..0000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -The MIT License (MIT) - -Copyright (c) 2014 Moritz »mo.« Sauer // Phlow.de - -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/README.md b/README.md deleted file mode 100644 index d92ef08..0000000 --- a/README.md +++ /dev/null @@ -1,50 +0,0 @@ - -[![Start Video](https://github.com/Phlow/feeling-responsive/blob/gh-pages/images/video-feeling-responsive-1280x720.jpg)](https://www.youtube.com/embed/3b5zCFSmVvU) - -## A Responsive Jekyll Theme: *Feeling Responsive* - -Do you want to get to know *Feeling Responsive*? Than check it out first and have a look on its home at . - -To get to know *Feeling Responsive* check out all the features explained in the [documentation][1]. - -And what license is *Feeling Responsive* released under? [This one][2]. - - - -## Why use this theme? - -Feeling Responsive is heavily customizable. - -1. Language-Support :) -2. Optimized for speed and it's responsive. -3. Built on Foundation Framework. -4. Six different Headers. -5. Customizable navigation, footer,... - -**[More ›][3]** - - - -## Video Tutorial - -Click the image to [watch the YouTube-Video-Tutorial][4]. - -[![Start Video](https://github.com/Phlow/feeling-responsive/blob/gh-pages/images/video-feeling-responsive-tutorial-frontpage.jpg)](https://www.youtube.com/watch?v=rLS-BEvlEyY) - - - - - - - - - [1]: http://phlow.github.io/feeling-responsive/documentation/ - [2]: https://github.com/Phlow/feeling-responsive/blob/gh-pages/LICENSE - [3]: http://phlow.github.io/feeling-responsive/info/ - [4]: https://www.youtube.com/watch?v=rLS-BEvlEyY - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # diff --git a/_config.yml b/_config.yml deleted file mode 100644 index 1da3724..0000000 --- a/_config.yml +++ /dev/null @@ -1,208 +0,0 @@ -# ASCII-Font › http://patorjk.com/software/taag/#p=display&f=Slant&t=Phlow -# -# _____ _ __ _____ __ __ _ -# / ___/(_) /____ / ___/___ / /_/ /_(_)___ ____ ______ -# \__ \/ / __/ _ \ \__ \/ _ \/ __/ __/ / __ \/ __ `/ ___/ -# ___/ / / /_/ __/ ___/ / __/ /_/ /_/ / / / / /_/ (__ ) -# /____/_/\__/\___/ /____/\___/\__/\__/_/_/ /_/\__, /____/ -# /____/ -# -# Title of your website -title: "dennogumi.org" - - -# The slogan describes your website and is used on homepage in and other important places -slogan: "On the web since 1999" - - -# The description is used on homepage and in the footer to quickly describe your website. Use a maximum of 150 characters for SEO-purposes. -description: "None" - - -# This URL is the main adresse. Don't include a slash at the end. -# -url: "https://www.dennogumi.org" -baseurl: "/" - -# This is for the editing function in _/includes/improve_content.html -# Leave it empty if your site is not on GitHub/GitHub Pages -improve_content: "" - -# This URL points directly to the images directory making -# things easier to link to images in posts and templates. It needs a slash. -# -# Example: <img src="{{ site.urlimg }}/{{ post.image.title }}"> -# Markdown-Example for posts ![Image Text]({{ site.urlimg }}/image.jpg) -# -urlimg: "http://www.dennogumi.org/images/" - - -# Logo size is 600x80 pixels -logo: "logo.png" - - -# Paginates all X entries -paginate: 5 - - -# Pagination path › Important for blog page in /blog/ to work -paginate_path: "/page:num" - - -# Theme works best with Kramdown (using the table of contents function) -markdown: kramdown -permalink: /:categories/:title/ -highlight: pygments -excerpt_separator: "\n\n" -exclude: [] -include: ['.htaccess'] - - -# The language setting is used in /includes/header.html for html-settings -language: "en" - -# Exclude these files from your production _site -exclude: - - Gemfile - - Gemfile.lock - - LICENSE - - README.md - - -# -# ____ ____ ____ -# / __ \___ / __/___ ___ __/ / /_ -# / / / / _ \/ /_/ __ `/ / / / / __/ -# / /_/ / __/ __/ /_/ / /_/ / / /_ -# /_____/\___/_/ \__,_/\__,_/_/\__/ -# -# Default Settings - -defaults: - - - scope: - path: "" # an empty string here means all files in the project - type: "pages" - values: - show_meta: true # Show metadata beneath all pages - # sidebar: # Possible values › left, right › by default there will be no sidebar - comments: false - author: "Luca Beltrame" - - - scope: - path: "" - type: "posts" - values: - show_meta: true # Show metadata beneath all posts - # sidebar: # Possible values › left, right › by default there will be no sidebar - comments: false - author: "Luca Beltrame" - - - -# _ __ _ __ _ -# / | / /___ __ __(_)___ _____ _/ /_(_)___ ____ -# / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \ -# / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / / -# /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/ -# /____/ -# -# Open _data/navigation.yml to adjust the left and right topbar navigation -# - - - -# _____ __________ -# / ___// ____/ __ \ -# \__ \/ __/ / / / / -# ___/ / /___/ /_/ / -# /____/_____/\____/ Verify Website to Webmaster Tools - -google_author: "" -google_site_verification: "" -bing_webmastertools_id: "" -# alexa_verify_id: "" - - - -# ______ _ -# / ____/___ __ __(_)________ ____ _____ -# / /_ / __ `/ | / / / ___/ __ \/ __ \/ ___/ -# / __/ / /_/ /| |/ / / /__/ /_/ / / / (__ ) -# /_/ \__,_/ |___/_/\___/\____/_/ /_/____/ Favicon-Crap: Favicons, Chrome, Android & Apple Touch Buttons -# More information » https://mathiasbynens.be/notes/touch-icons - -favicon-32x32: "favicon-32x32.png" -touch-icon-192x192: "touch-icon-192x192.png" -apple-touch-icon-180x180-precomposed: "apple-touch-icon-180x180-precomposed.png" -apple-touch-icon-152x152-precomposed: "apple-touch-icon-152x152-precomposed.png" -apple-touch-icon-144x144-precomposed: "apple-touch-icon-144x144-precomposed.png" -apple-touch-icon-120x120-precomposed: "apple-touch-icon-120x120-precomposed.png" -apple-touch-icon-114x114-precomposed: "apple-touch-icon-114x114-precomposed.png" -apple-touch-icon-76x76-precomposed: "apple-touch-icon-76x76-precomposed.png" -apple-touch-icon-72x72-precomposed: "apple-touch-icon-72x72-precomposed.png" -apple-touch-icon-precomposed: "apple-touch-icon-precomposed.png" -msapplication_tileimage: "msapplication_tileimage.png" # Size 144x144 -msapplication_tilecolor: "#fabb00" - - -# ______ __ __ -# / ____/___ _________ / /_ ____ ____ / /__ -# / /_ / __ `/ ___/ _ \/ __ \/ __ \/ __ \/ //_/ -# / __/ / /_/ / /__/ __/ /_/ / /_/ / /_/ / ,< -# /_/ \__,_/\___/\___/_.___/\____/\____/_/|_| Facebook-Optimization › http://j.mp/fb_optimize - -og_image: "" -og_locale: "en_EN" -og_type: "" -og_title: "" -og_description: "" -# og_url: "" -# og_site_name: "" - - -# _____ _ __ __ ___ ___ -# / ___/____ _____(_)___ _/ / / |/ /__ ____/ (_)___ _ -# \__ \/ __ \/ ___/ / __ `/ / / /|_/ / _ \/ __ / / __ `/ -# ___/ / /_/ / /__/ / /_/ / / / / / / __/ /_/ / / /_/ / -# /____/\____/\___/_/\__,_/_/ /_/ /_/\___/\__,_/_/\__,_/ -# -# Open _data/socialmedia.yml to adjust the left and right topbar navigation -# - - -# ____ _ -# / __ \(_)________ ___ _______ -# / / / / / ___/ __ `/ / / / ___/ -# / /_/ / (__ ) /_/ / /_/ (__ ) -# /_____/_/____/\__, /\__,_/____/ -# /_/ -# -# used in _includes/comments.html - -disqus_shortname: dennogumi - - -# _____ -# / ___/____ ___________ -# \__ \/ __ `/ ___/ ___/ -# ___/ / /_/ (__ |__ ) More › http://sass-lang.com/ -# /____/\__,_/____/____/ More › http://jekyllrb.com/docs/assets/#sassscss -# - -sass: - sass_dir: _sass - style: :compressed - - -# ___ __ __ _ -# / | ____ ____ _/ /_ __/ /_(_)_________ -# / /| | / __ \/ __ `/ / / / / __/ / ___/ ___/ -# / ___ |/ / / / /_/ / / /_/ / /_/ / /__(__ ) -# /_/ |_/_/ /_/\__,_/_/\__, /\__/_/\___/____/ https://www.google.com/analytics/ -# /____/ -# -# used in _includes/footer_scripts.html - -google_analytics_tracking_id: "" - diff --git a/_config_dev.yml b/_config_dev.yml deleted file mode 100644 index 0855d45..0000000 --- a/_config_dev.yml +++ /dev/null @@ -1,9 +0,0 @@ -# -# This config-file is only needed for development. Instead of changing the url -# everytime you work locally on the project, you start both config-files, overwriting -# the first one with the development variables needed. -# -# Start development with › $ jekyll serve --config _config.yml,_config_dev.yml - -url: "http://localhost:4000" -urlimg: "http://localhost:4000/images/" diff --git a/_data/authors.yml b/_data/authors.yml deleted file mode 100644 index 5c4ec57..0000000 --- a/_data/authors.yml +++ /dev/null @@ -1,9 +0,0 @@ -# Author details -# -# 1. Edit information below -# 2. Change author in default settings in config.yml -# -# Ressource › http://blog.sorryapp.com/blogging-with-jekyll/2014/02/06/adding-authors-to-your-jekyll-site.html -your_author_name: - name: "Luca Beltrame" - url: https://www.dennogumi.org diff --git a/_data/language.yml b/_data/language.yml deleted file mode 100644 index e107f3e..0000000 --- a/_data/language.yml +++ /dev/null @@ -1,24 +0,0 @@ -info_website: "About This Site" -archive: "Archive" -blog_archive: "Blog Archive" -blog: "Blog" -comments_headline: "Dialogue & Discussion" -more: "More ›" -more_articles: "More Articles" -navigation_title: "Navigation" -new_blog_entries: "New Blog Articles" -next: "Next" -next_posts: "Next Posts" -previous: "Previous" -previous_posts: "Previous Posts" -read: "Read" -read_more: "Read More ›" -if_you_are_not_redirected_automatically: "If you are not redirected automatically," -click_here: "click here" -next_post_in: "Next Post in" -previous_post_in: "Previous Post in" -breadcrumb_start: "Start" -edit: "Edit" -this_content_is_open_source: "This content is open source." -help_improve_it: "Help improve it" -enter_search_term: "Enter search term and hit enter" \ No newline at end of file diff --git a/_data/language_de.yml b/_data/language_de.yml deleted file mode 100644 index 59b58dd..0000000 --- a/_data/language_de.yml +++ /dev/null @@ -1,24 +0,0 @@ -info_website: "Über diese Website" -archive: "Archiv" -blog_archive: "Blog Archiv" -blog: "Blog" -comments_headline: "Dialog & Diskussion" -more: "Mehr ›" -more_articles: "Mehr Artikel" -navigation_title: "Navigation" -new_blog_entries: "Neue Blog Artikel" -next: "Nächste" -next_posts: "Nächster Beitrag" -previous: "Vorherige" -previous_posts: "Vorheriger Beitrag" -read: "Lesen" -read_more: "Mehr lesen ›" -if_you_are_not_redirected_automatically: "Wenn Du nicht automatisch weitergeleitet wirst," -click_here: "klick hier" -next_post_in: "Nächster Beitrag in" -previous_post_in: "Vorheriger Beitrag in" -breadcrumb_start: "Start" -edit: "Editieren" -this_content_is_open_source: "Der Inhalt ist Open Source." -help_improve_it: "Hilf ihn zu verbessern" -enter_search_term: "Suchbegriff eingeben und Eingabetaste drücken" \ No newline at end of file diff --git a/_data/navigation.yml b/_data/navigation.yml deleted file mode 100644 index 2e13278..0000000 --- a/_data/navigation.yml +++ /dev/null @@ -1,31 +0,0 @@ -- title: Home - url: "/" - side: left - -- title: About - url: "/about/" - side: left - dropdown: - - title: "Bio" - url: "/about/bio/" - - title: "Interests" - url: "/about/interests/" - -- title: "Projects" - url: "/projects/" - side: left - dropdown: - - title: "Danbooru Client" - url: "/projects/danbooru-client/" - -- title: "Archive" - url: "/archive/" - side: right - -- title: "Search" - url: "/search/" - side: right - -- title: "Contact" - url: "/contact/" - side: right diff --git a/_data/network.yml b/_data/network.yml deleted file mode 100644 index 61cf5e3..0000000 --- a/_data/network.yml +++ /dev/null @@ -1,7 +0,0 @@ -- menu_name: "Links" - -#- name: "Icons by Daniel Bruce" - #url: "http://entypo.com/" - #class: "network-entypo" - #title: "Icons by Daniel Bruce" - diff --git a/_data/services.yml b/_data/services.yml deleted file mode 100644 index bbf2677..0000000 --- a/_data/services.yml +++ /dev/null @@ -1,11 +0,0 @@ -- menu_name: "Miscellaneous" - -- name: "RSS" - url: "/feed.xml" - class: "rss-link" - title: "Subscribe to RSS" - -- name: "sitemap.xml" - url: "/sitemap.xml" - class: "sitemap-link" - title: "Sitemap for Google Webmastertools" diff --git a/_data/socialmedia.yml b/_data/socialmedia.yml deleted file mode 100644 index 1abf48e..0000000 --- a/_data/socialmedia.yml +++ /dev/null @@ -1,44 +0,0 @@ -# - name: YouTube -# url: http://www.youtube.com/PhlowMedia -# class: icon-youtube -# title: "Videos, Video-Anleitungen und Filme von Phlow auf YouTube" -# -# - name: Twitter -# url: http://twitter.com/phlow -# class: icon-twitter -# title: "Immer das Neuste von Phlow gibt es auf Twitter" -# -# - name: Facebook -# url: http://www.facebook.com/phlow.media -# class: icon-facebook -# title: "Lass uns Freunde sein!" -# -# - name: Soundcloud -# url: http://soundcloud.com/phlow -# class: icon-soundcloud -# title: "Sounds und Downloads und mehr" -# -# - name: GitHub -# url: http://github.com/phlow -# class: icon-github -# title: Code und mehr... -# -# - name: Instagram -# url: http://instagram.com/phlowmedia -# class: icon-instagram -# title: "Bilder und Impressionen mit und ohne Filter..." -# -# - name: Pinterest -# url: http://www.pinterest.com/phlowmedia/ -# class: icon-pinterest -# title: "Bilder, Fotos, Illustrationen, Grafiken sammeln..." -# -# - name: Mixcloud -# url: http://www.mixcloud.com/phlow/ -# class: icon-cloud -# title: "Mixe, was sonst?" -# -# # - name: Xing -# # url: https://www.xing.com/profile/Moritzmo_Sauer -# # class: icon-xing -# # title: Xing Profil diff --git a/_drafts/gallery.md b/_drafts/gallery.md deleted file mode 100644 index 06af569..0000000 --- a/_drafts/gallery.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -layout: page -subheadline: -title: -teaser: -meta_description: -permalink: -categories: - - -tags: - - -image: - thumb: ---- - -<ul class="clearing-thumbs small-block-grid-3" data-clearing> - <li><a href="{{ site.urlimg }}_1.jpg"><img data-caption="" class="th" src="{{ site.urlimg }}thumb.jpg"></a></li> - <li><a href="{{ site.urlimg }}_2.jpg"><img data-caption="" class="th" src="{{ site.urlimg }}thumb.jpg"></a></li> - <li><a href="{{ site.urlimg }}_3.jpg"><img data-caption="" class="th" src="{{ site.urlimg }}thumb.jpg"></a></li> - <li><a href="{{ site.urlimg }}_4.jpg"><img data-caption="" class="th" src="{{ site.urlimg }}thumb.jpg"></a></li> - <li><a href="{{ site.urlimg }}_5.jpg"><img data-caption="" class="th" src="{{ site.urlimg }}thumb.jpg"></a></li> - <li><a href="{{ site.urlimg }}_6.jpg"><img data-caption="" class="th" src="{{ site.urlimg }}thumb.jpg"></a></li> -</ul> diff --git a/_drafts/page_all_frontmatter.md b/_drafts/page_all_frontmatter.md deleted file mode 100644 index 5ddb898..0000000 --- a/_drafts/page_all_frontmatter.md +++ /dev/null @@ -1,33 +0,0 @@ ---- -layout: page -subheadline: -title: -teaser: -meta_description: -permalink: -categories: - - -tags: - - -header: no -header: - image_fullwidth: - image: - pattern: - color: - background-color: "#fabb00" - title: - caption: - caption_url: -image: - title: - homepage: - thumb: - caption: - caption_url: -show_meta: false -sidebar: left -comments: true -breadcrumb: true ---- - diff --git a/_drafts/page_simple.md b/_drafts/page_simple.md deleted file mode 100644 index f694652..0000000 --- a/_drafts/page_simple.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: page -title: -teaser: -permalink: -header: no ---- - diff --git a/_drafts/page_with_image.md b/_drafts/page_with_image.md deleted file mode 100644 index 67cfc42..0000000 --- a/_drafts/page_with_image.md +++ /dev/null @@ -1,32 +0,0 @@ ---- -layout: page -subheadline: -title: -teaser: -meta_description: -permalink: -categories: - - -tags: - - -image: - title: - thumb: - homepage: - caption: - caption_url: ---- - - - - - [1]: # - [2]: # - [3]: # - [4]: # - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/_drafts/page_with_table_of_contents.md b/_drafts/page_with_table_of_contents.md deleted file mode 100644 index 7b2d232..0000000 --- a/_drafts/page_with_table_of_contents.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -layout: page-fullwidth -subheadline: -title: -teaser: -meta_description: -permalink: -categories: - - -tags: - - ---- -<div class="row"> -<div class="medium-4 medium-push-8 columns" markdown="1"> -<div class="panel radius" markdown="1"> -**Inhalt** -{: #toc } -* TOC -{:toc} -</div> -</div><!-- /.medium-4.columns --> - - - -<div class="medium-8 medium-pull-4 columns" markdown="1"> - - - -</div><!-- /.medium-8.columns --> -</div><!-- /.row --> - diff --git a/_drafts/page_without_image.md b/_drafts/page_without_image.md deleted file mode 100644 index 2eb198d..0000000 --- a/_drafts/page_without_image.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -layout: page -title: -subheadline: -teaser: -meta_description: -permalink: -categories: - - -tags: - - ---- diff --git a/_drafts/post_with_image.md b/_drafts/post_with_image.md deleted file mode 100644 index ede0fc4..0000000 --- a/_drafts/post_with_image.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -layout: post -title: "" -subheadline: "" -meta_description: "" -teaser: "" -categories: - - -tags: - - -image: - header: "" - thumb: "" - homepage: "" - caption: "" - url: "" ---- - - - - - [1]: # - [2]: # - [3]: # - [4]: # - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/_drafts/post_without_image.md b/_drafts/post_without_image.md deleted file mode 100644 index ee271b5..0000000 --- a/_drafts/post_without_image.md +++ /dev/null @@ -1,26 +0,0 @@ ---- -layout: post -title: -subheadline: -meta_description: -description: -categories: - - -tags: - - ---- - - - - - - [1]: # - [2]: # - [3]: # - [4]: # - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/_drafts/video.md b/_drafts/video.md deleted file mode 100644 index 41d48ef..0000000 --- a/_drafts/video.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: video -subheadline: -title: -teaser: -meta_description: -permalink: -image: -categories: - - -tags: - - video -iframe: "<iframe width='970' height='546' src='//www.youtube.com/embed/WoHxoz_0ykI' frameborder='0' allowfullscreen></iframe>" ---- diff --git a/_includes/alert b/_includes/alert deleted file mode 100644 index 4921b82..0000000 --- a/_includes/alert +++ /dev/null @@ -1,33 +0,0 @@ -{% comment %} -* -* This include lets you easily display an alert. -* To use the include no `.html` ending is necessary. -* You can use five different kinds of alerts: -* -* - warning -* - info -* - success -* - alert -* - text -* -* You can even use <html>-tags inside the alert. Beware: -* Use " and ' properly. -* -* Example: {% include alert info='Show an info alert with outstanding information' %} -* -{% endcomment %} - - -{% if include.warning %} -<div class="alert-box warning radius">{{ include.warning }}</div> -{% elsif include.info %} -<div class="alert-box info radius">{{ include.info }}</div> -{% elsif include.success %} -<div class="alert-box success radius">{{ include.success }}</div> -{% elsif include.alert %} -<div class="alert-box alert radius">{{ include.alert }}</div> -{% elsif include.text %} -<div class="alert-box text radius">{{ include.text }}</div> -{% elsif include.terminal %} -<div class="alert-box terminal radius">{{ include.terminal }}</div> -{% endif %} diff --git a/_includes/breadcrumb.html b/_includes/breadcrumb.html deleted file mode 100644 index 1de32c5..0000000 --- a/_includes/breadcrumb.html +++ /dev/null @@ -1,17 +0,0 @@ -{% comment %} -* -* http://stackoverflow.com/questions/9612235/what-are-some-good-ways-to-implement-breadcrumbs-on-a-jekyll-site -* -{% endcomment %} - -<nav class="breadcrumbs" role="menubar" aria-label="breadcrumbs"> - <li><a href="{{ site.url }}">{{ site.data.language.breadcrumb_start }}</a></li> - {% assign crumbs = page.url | split: '/' %} - {% for crumb in crumbs offset: 1 %} - {% if forloop.last %} - <li class="current">{{ page.title }}</li> - {% else %} - <li><a href="{{ site.url }}{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' }}{% endfor %}">{{ crumb | replace:'-',' ' }}</a> - {% endif %} - {% endfor %} -</nav> diff --git a/_includes/comments.html b/_includes/comments.html deleted file mode 100644 index 6c5fd08..0000000 --- a/_includes/comments.html +++ /dev/null @@ -1,20 +0,0 @@ - {% if page.comments %} - <h3 id="comments" class="t60">{{ site.data.language.comments_headline }}</h3> - - <div id="disqus_thread"></div> - <script type="text/javascript"> - /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ - var disqus_shortname = '{{ site.disqus_shortname }}'; - var disqus_identifier = '{{ page.url }}'; - - /* * * DON'T EDIT BELOW THIS LINE * * */ - (function() { - var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; - dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; - (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); - })(); - </script> - <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> - {% endif %} - - diff --git a/_includes/favicon b/_includes/favicon deleted file mode 100644 index 0e5a2a9..0000000 --- a/_includes/favicon +++ /dev/null @@ -1,77 +0,0 @@ -{% comment %} -* -* More Information › https://mathiasbynens.be/notes/touch-icons -* -{% endcomment %} - - -{% if site.favicon-32x32 %} - {% comment %} Regular Old-Skool Favicon: {% endcomment %} - <link rel="icon" sizes="32x32" href="{{ site.url }}/assets/img/{{ site.favicon-32x32 }}"> -{% endif %} - - -{% if site.touch-icon-192x192 %} - {% comment %} For Chrome for Android: {% endcomment %} - <link rel="icon" sizes="192x192" href="{{ site.url }}/assets/img/{{ site.touch-icon-192x192 }}"> -{% endif %} - - -{% if site.apple-touch-icon-180x180-precomposed %} - {% comment %} For iPhone 6 Plus with @3× display: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-180x180-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-152x152-precomposed %} - {% comment %} For iPad with @2× display running iOS ≥ 7: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-152x152-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-144x144-precomposed %} - {% comment %} For iPad with @2× display running iOS ≤ 6: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-144x144-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-120x120-precomposed %} - {% comment %} For iPhone with @2× display running iOS ≥ 7: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-120x120-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-114x114-precomposed %} - {% comment %} For iPhone with @2× display running iOS ≤ 6: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-114x114-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-76x76-precomposed %} - {% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-76x76-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-72x72-precomposed %} - {% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: {% endcomment %} - <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-72x72-precomposed }}"> -{% endif %} - - -{% if site.apple-touch-icon-precomposed %} - {% comment %} For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: {% endcomment %} - <link rel="apple-touch-icon-precomposed" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-precomposed }}">{% comment %} 57×57px {% endcomment %} -{% endif %} - - -{% if site.msapplication_tileimage %} - {% comment %} Favicon for Windows 8 {% endcomment %} - <meta name="msapplication-TileImage" content="{{ site.url }}/assets/img/{{ site.msapplication_tileimage }}"/> -{% endif %} - - -{% if site.msapplication_tilecolor %} - {% comment %} Background Color for Tile for Windows 8 {% endcomment %} - <meta name="msapplication-TileColor" content="{{ site.msapplication_tilecolor }}"> -{% endif %} diff --git a/_includes/footer.html b/_includes/footer.html deleted file mode 100755 index be979c0..0000000 --- a/_includes/footer.html +++ /dev/null @@ -1,85 +0,0 @@ - <div id="up-to-top" class="row"> - <div class="small-12 columns" style="text-align: right;"> - <a class="iconfont" href="#top-of-page"></a> - </div><!-- /.small-12.columns --> - </div><!-- /.row --> - - - <footer id="footer-content" class="bg-grau"> - <div id="footer"> - <div class="row"> - <div class="medium-6 large-5 columns"> - <h5 class="shadow-black">{{ site.data.language.info_website }}</h5> - - <p class="shadow-black"> - {{ site.description }} - <a href="{{ site.url }}/info/">{{ site.data.language.more }}</a> - </p> - </div><!-- /.large-6.columns --> - - - <div class="small-6 medium-3 large-3 large-offset-1 columns"> - {% for service_item in site.data.services %} - {% if forloop.first == true %} - <h5 class="shadow-black">{{ service_item.menu_name }}</h5> - {% endif %} - {% endfor %} - - <ul class="no-bullet shadow-black"> - {% for service_item in site.data.services %} - {% if service_item.url contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = site.url %} - {% endif %} - <li {% if service_item.class %}class="{{ service_item.class }}" {% endif %}> - <a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" {% endif %} title="{{ service_item.title }}">{{ service_item.name }}</a> - </li> - {% endfor %} - </ul> - </div><!-- /.large-4.columns --> - - - <div class="small-6 medium-3 large-3 columns"> - {% for network_item in site.data.network %} - {% if forloop.first == true %} - <h5 class="shadow-black">{{ network_item.menu_name }}</h5> - {% endif %} - {% endfor %} - - <ul class="no-bullet shadow-black"> - {% for network_item in site.data.network %} - {% if network_item.url contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = site.url %} - {% endif %} - <li {% if network_item.class %}class="{{ network_item.class }}" {% endif %}> - <a href="{{ domain }}{{ network_item.url }}" {% if network_item.url contains 'http' %}target="_blank" {% endif %} title="{{ network_item.title }}">{{ network_item.name }}</a> - </li> - {% endfor %} - </ul> - </div><!-- /.large-3.columns --> - </div><!-- /.row --> - - </div><!-- /#footer --> - - - <div id="subfooter"> - <nav class="row"> - <section id="subfooter-left" class="b30 small-12 medium-6 columns"> - <ul class="inline-list"> - <li>Created with ♥ by <a style="display:inline;" href="http://phlow.de/">Phlow</a> with <a style="display:inline;" href="http://jekyllrb.com/" target="_blank">Jekyll</a> using <a style="display:inline;" href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a> </li> - </ul> - </section> - - <section id="subfooter-right" class="small-12 medium-6 columns social-icons"> - <ul class="inline-list"> - {% for social_item in site.data.socialmedia %} - <li><a href="{{ social_item.url }}" target="_blank" class="{{ social_item.class }}" title="{{ social_item.title }}"></a></li> - {% endfor %} - </ul> - </section> - </nav> - </div><!-- /#subfooter --> - </footer> diff --git a/_includes/footer_scripts.html b/_includes/footer_scripts.html deleted file mode 100755 index ace1b49..0000000 --- a/_includes/footer_scripts.html +++ /dev/null @@ -1,24 +0,0 @@ -<script src="{{ site.url }}/assets/js/javascript.min.js"></script> - -{% if page.header.image_fullwidth %} -<script> - $("#masthead").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700}); - $("#masthead-with-text").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700}); -</script> -{% endif %} - - - -{% if site.google_analytics_tracking_id %} -<script> - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); - - ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); - ga('set', 'anonymizeIp', true); - ga('send', 'pageview'); - -</script> -{% endif %} diff --git a/_includes/google_search.html b/_includes/google_search.html deleted file mode 100644 index 3d6d4ec..0000000 --- a/_includes/google_search.html +++ /dev/null @@ -1,8 +0,0 @@ -<script language="Javascript" type="text/javascript"> - function google_search() - { - var query = document.getElementById("google-search").value; - window.open("http://google.com/search?q=" + query - + "%20site:" + "{{ site.url }}"); - } -</script> \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html deleted file mode 100644 index 39fa7a6..0000000 --- a/_includes/head.html +++ /dev/null @@ -1,57 +0,0 @@ -<!doctype html> -<html class="no-js" lang="{% if site.language == nil %}en{% else %}{{ site.language }}{% endif %}"> -<head> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} - - - - - - - - {% if site.google_site_verification %}{% endif %} - {% if site.bing_webmastertools_id %}{% endif %} - {% if page.meta_description %}{% elsif page.teaser %}{% elsif site.description %}{% endif %} - - {% if site.google_author %}{% endif %} - - {% include favicon %} - - - - {% if site.og_type %}{% endif %} - - {% if page.meta_description %}{% elsif page.description %}{% elsif site.description %}{% endif %} - - {% if site.title %}{% endif %} - {% if page.image.thumb %}{% endif %} - - {% if site.alexa_verify_id %}{% endif %} - - - {% if page.noindex == true %}{% endif %} - - - - {% unless page.style == NULL %} - - {% endunless %} - diff --git a/_includes/improve_content.html b/_includes/improve_content.html deleted file mode 100644 index 586ca48..0000000 --- a/_includes/improve_content.html +++ /dev/null @@ -1,19 +0,0 @@ -{% comment %} -* -* If your content is on Jekyll you can use this include -* to automatically generate a »Edit on GitHub Link« to -* give people a possibility to improve your content. -* -{% endcomment %} -
-
-
- {{ site.data.language.edit }} -

- {{ site.data.language.this_content_is_open_source }} - {{ site.data.language.help_improve_it }}.

-
-
-
- - diff --git a/_includes/list-collection.html b/_includes/list-collection.html deleted file mode 100644 index 8b26a4a..0000000 --- a/_includes/list-collection.html +++ /dev/null @@ -1,20 +0,0 @@ -{% comment %} -* -* This include lets you loop through a collection to list -* all entries in that collection. -* -* If you set »published: false« in front matter of a collection page -* the page gots filtered out via unless -* -* Example: {% include list-collection.html collection='wordpress' %} -* -{% endcomment %} - - diff --git a/_includes/list-posts.html b/_includes/list-posts.html deleted file mode 100644 index 8083a48..0000000 --- a/_includes/list-posts.html +++ /dev/null @@ -1,53 +0,0 @@ -{% comment %} -* -* Possible parameter for this loop: -* -* › entries -* › offset -* › category -* › tag -* -* Example for Category: {% include list-posts.html entries='3' offset='1' category='design' %} -* -* Example for Tag: {% include list-posts.html entries='5' tag='terminal' %} -* -* -* This loop works like this: -* -* 1. First we check if there was given a category for filtering › if include.categories == NULL -* 2. If no category is given for filtering do a general loop. -* 3. If a category/tag was given, assign category/tag to the variable category/tag › assign category = include.categories -* -{% endcomment %} - - - -{% assign category = include.category %} -{% assign tag = include.tag %} - - diff --git a/_includes/masthead.html b/_includes/masthead.html deleted file mode 100644 index adcec62..0000000 --- a/_includes/masthead.html +++ /dev/null @@ -1,141 +0,0 @@ -{% if page.header == NULL and page.header.image_fullwidth == NULL and page.header.pattern == NULL and page.header.background-color == NULL and page.header.title == NULL %} - -
-
-
- -
-
-
- -{% if page.breadcrumb == true %} -{% include breadcrumb.html %} -{% endif %} - - - - - -{% elsif page.header.title %} - -
-
-
-
{{ page.header.title }}
-
-
-
- -{% if page.breadcrumb == true %} -{% include breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header.image_fullwidth %} - -
-
-
- -
-
-
- -{% if page.breadcrumb == true %} -{% include breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header.pattern %} - -
-
-
- {{ site.title }} -
-
-
- -{% if page.breadcrumb == true %} -{% include breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header.background-color %} - -
-
-
- {{ site.title }} -
-
-
- -{% if page.breadcrumb == true %} -{% include breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header == false %} - -{% if page.breadcrumb == true %} -{% include breadcrumb.html %} -{% endif %} - -{% endif %} \ No newline at end of file diff --git a/_includes/meta_information.html b/_includes/meta_information.html deleted file mode 100644 index ba52bc9..0000000 --- a/_includes/meta_information.html +++ /dev/null @@ -1,30 +0,0 @@ -
-

- - {% assign author = site.data.authors[page.author] %} - - {% if author %} - - {% endif %} - - {% if page.date %} - - {% endif %} - - {% if page.categories %} {{ page.categories | join: ' · ' | upcase }}{% endif %} -
- {% for tag in page.tags %} {{tag}} {% endfor %} -

- -
- - {% if page.previous.url %} -
- {% endif %} -
{{ site.data.language.archive }}
- {% if page.next.url %} -
- {% endif %} -
-
\ No newline at end of file diff --git a/_includes/navigation.html b/_includes/navigation.html deleted file mode 100644 index 0888ea9..0000000 --- a/_includes/navigation.html +++ /dev/null @@ -1,123 +0,0 @@ - - diff --git a/_includes/next-previous-post-in-category.html b/_includes/next-previous-post-in-category.html deleted file mode 100644 index 80ca73b..0000000 --- a/_includes/next-previous-post-in-category.html +++ /dev/null @@ -1,41 +0,0 @@ -{% comment %} -* -* This include creates a next/previous link to a post of the same category -* using the categories-variable in front matter. -* -* Source: https://github.com/jekyll/jekyll/issues/260a#issue-495435 -* -* Use › {% include next-previous-post-in-category.html %} -* -{% endcomment %} - - -{% comment %} -* -* assign FIRST category from categories variable from front matter to cat -* and make a string from the array by using › join: '' -* -{% endcomment %} - -{% assign cat = page.categories | first | join: '' %} -{% for post in site.categories.[cat] %} -{% if post.url == page.url %} -{% assign post_index0 = forloop.index0 %} -{% assign post_index1 = forloop.index %} -{% endif %} -{% endfor %} -{% for post in site.categories.[cat] %} -{% if post_index0 == forloop.index %} -{% assign next_post = post.url %} -{% endif %} -{% if post_index1 == forloop.index0 %} -{% assign prev_post = post.url %} -{% endif %} -{% endfor %} -{% if next_post %} -{{ site.data.language.next_post_in }} {{ cat | upcase }} -{% endif %} -{% if prev_post %} -{{ site.data.language.previous_post_in }} {{ cat | upcase }} -{% endif %} - diff --git a/_includes/pagination.html b/_includes/pagination.html deleted file mode 100644 index bb43c7d..0000000 --- a/_includes/pagination.html +++ /dev/null @@ -1,42 +0,0 @@ -{% comment %} -* This loops through the paginated posts -* -* Total posts: {{ paginator.total_posts }} -* Total paginate-pages: {{ paginator.total_pages }} -* -{% endcomment %} - - -{% for post in paginator.posts %} -
-
-

{% if post.categories %}{{ post.categories | join: ' · ' }}{% endif %} – {% if post.subheadline %}{{ post.subheadline }}{% endif %}

-

{{ post.title }}

-

- {% if post.image.thumb %}{{ page.title escape_once }}{% endif %} - - {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.teaser %}{{ post.teaser | strip_html | escape }}{% endif %} - - {{ site.data.language.read_more }} -

-
-
-{% endfor %} - - - - diff --git a/_includes/sidebar.html b/_includes/sidebar.html deleted file mode 100644 index e3ceae1..0000000 --- a/_includes/sidebar.html +++ /dev/null @@ -1,20 +0,0 @@ - \ No newline at end of file diff --git a/_layouts/blog.html b/_layouts/blog.html deleted file mode 100644 index 5ee5bef..0000000 --- a/_layouts/blog.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -layout: default -format: blog-index -# Don't index these pages dear Google. -noindex: true ---- -
-
- {% include pagination.html %} -
- - -
- {% include sidebar.html %} -
-
\ No newline at end of file diff --git a/_layouts/compress.html b/_layouts/compress.html deleted file mode 100644 index 410ea18..0000000 --- a/_layouts/compress.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -# -# Jekyll layout that compresses HTML -# v1.1.2 -# http://jch.penibelst.de/ -# © 2014–2015 Anatol Broder -# MIT License -# ---- - -{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% assign _pre_befores = _content | split: "" %}{% case _pres.size %}{% when 2 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% when 1 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% endcase %}{% endfor %}{% if site.compress_html.comments.size == 2 %}{% assign _comment_befores = _content | split: site.compress_html.comments.first %}{% for _comment_before in _comment_befores %}{% assign _comment_content = _comment_before | split: site.compress_html.comments.last | first %}{% if _comment_content %}{% capture _comment %}{{ site.compress_html.comments.first }}{{ _comment_content }}{{ site.compress_html.comments.last }}{% endcapture %}{% assign _content = _content | remove: _comment %}{% endif %}{% endfor %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " ;; ;" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{{ _content }}{% endif %} diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index ef8555b..0000000 --- a/_layouts/default.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -layout: compress ---- -{% include head.html %} - - {% include navigation.html %} - - {% include masthead.html %} - - {{ content }} - - {% include footer.html %} - - {% include footer_scripts.html %} - - \ No newline at end of file diff --git a/_layouts/frontpage.html b/_layouts/frontpage.html deleted file mode 100644 index 1b2db78..0000000 --- a/_layouts/frontpage.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -layout: default -format: blog-index ---- -
-
-
-
-
-
- - -{% comment %} -* -* First check, if widget is empty or not by checking if there is a title -* -{% endcomment %} -
- {% if page.widget-1.title %} -
- {% if page.widget-1.image %}{% endif %}{% if page.widget-1.video %}{{ page.widget-1.video }}{% endif %} -

{{ page.widget-1.title }}

-

{{ page.widget-1.text }}

-

{{ site.data.language.more }}

-
- {% endif %} - - - {% if page.widget-2.title %} -
- {% if page.widget-2.image %}{% endif %}{% if page.widget-2.video %}{{ page.widget-2.video }}{% endif %} -

{{ page.widget-2.title }}

-

{{ page.widget-2.text }}

-

{{ site.data.language.more }}

-
- {% endif %} - - - {% if page.widget-3.title %} -
- {% if page.widget-3.image %}{% endif %}{% if page.widget-3.video %}{{ page.widget-3.video }}{% endif %} -

{{ page.widget-3.title }}

-

{{ page.widget-3.text }}

-

Download @ GitHub ›

-
- {% endif %} -
- - -{% comment %} -* -* First check, if there are any posts at all -* -{% endcomment %} - -{% unless site.posts == empty %} -
-
- {% for post in site.posts limit:1 %} - {% if post.image.homepage %} -

- {{ page.title escape_once }} -

- - {% if post.image.caption_url && post.image.caption %} -

- {{ post.image.caption }} -

- {% endif %} - {% elsif post.image.homepage == NULL %} -

{{ site.data.language.new_blog_entries }}

- {% endif %} - {% endfor %} -
-
- - -
-
- {% for post in site.posts limit:1 %} - {% if post.subheadline %}

{{ post.subheadline }}

{% endif %} -

{{ post.title }}

-

- {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.teaser %}{{ post.teaser | strip_html | escape }}{% endif %} - {{ site.data.language.read_more }} -

- {% endfor %} -
- - -
-

{{ site.data.language.more_articles }}

- {% include list-posts.html entries='3' offset='1' %} -
-
-{% endunless %} - - -{% comment %} -* -* Finally, if there is content, spit it out. -* -{% endcomment %} - -
- {{ content }} -
diff --git a/_layouts/page-fullwidth.html b/_layouts/page-fullwidth.html deleted file mode 100644 index 378a000..0000000 --- a/_layouts/page-fullwidth.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -layout: default -format: page-fullwidth ---- -{% if page.image.title %} -
-
- {{ page.title escape_once }} - {% if page.image.caption_url && page.image.caption %} -

- {{ page.image.caption }} -

- {% endif %} -
-
-{% endif %} - - -
-
- -
-
- {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} -

{{ page.title }}

-
- - {% if page.teaser %} -

- {{ page.teaser }} -

- {% endif %} - - {{ content }} -
- -
-
- - diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100644 index d1df87b..0000000 --- a/_layouts/page.html +++ /dev/null @@ -1,65 +0,0 @@ ---- -layout: default -format: post ---- -
-
-
-
- {% if page.image.title %} -
- {{ page.title escape_once }} - - {% if page.image.caption_url && page.image.caption %} -
- {{ page.image.caption }} -
- {% elsif page.image.caption %} -
- {{ page.image.caption }} -
- {% endif %} -
- {% endif %} - - - {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} -

{{ page.title }}

- -
- - - {% if page.teaser %} -

- {{ page.teaser }} -

- {% endif %} - - - {{ content }} - - - {% if page.show_meta == true %} - {% include meta_information.html %} - {% endif %} - - {% if page.comments == true %} - {% include comments.html %} - {% endif %} -
-
- - - {% if page.sidebar == "left" %} -
- {% include sidebar.html %} -
- {% endif %} - - - {% if page.sidebar == "right" %} -
- {% include sidebar.html %} -
- {% endif %} -
diff --git a/_layouts/redirect.html b/_layouts/redirect.html deleted file mode 100644 index fd3c926..0000000 --- a/_layouts/redirect.html +++ /dev/null @@ -1,24 +0,0 @@ ---- -# This layout is used to redirect pages, if you moved them. -# Use the following settings in front matter: -# -# layout: redirect -# sitemap: false -# permalink: /old-location/ -# redirect_to: /new-location/ -# -# Idea and Code by: http://codingtips.kanishkkunal.in/about/ ---- - - - - - - - - -

Redirecting...

- {{ site.language.if_you_are_not_redirected_automatically }} {{ site.language.click_here }}. - - - \ No newline at end of file diff --git a/_layouts/video.html b/_layouts/video.html deleted file mode 100644 index 939a5b5..0000000 --- a/_layouts/video.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -layout: default -format: video ---- -
-
-
-
- {{ page.iframe}} -
- -
-
-
- {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} -

{{ page.title }}

-
- {% if page.teaser %} -

- {{ page.teaser }} -

- {% endif %} - - {{ content }} - {% if page.show_meta == true %} - {% include meta_information.html %} - {% endif %} -
-
-
- -
-
diff --git a/_sass/_02_settings_colors.scss b/_sass/_02_settings_colors.scss deleted file mode 100644 index e8016c6..0000000 --- a/_sass/_02_settings_colors.scss +++ /dev/null @@ -1,150 +0,0 @@ -/* TOC – Color Variables - -- Basics -- Corporate Identity Colorpalette -- Foundation Color Variables -- Grey Scale -- Topbar-Navigation -- Footer -- Code - -*/ - - - -/* Basics -------------------------------------------------------------------- */ - -$text-color: #111; -$body-font-color: $text-color; -$body-bg: #fdfdfd; - - - -/* Corporate Identity Colorpalette - https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/ -------------------------------------------------------------------- */ - -$ci-1: #334D5C; // dark turquoise -$ci-2: #45B29D; // turquoise -$ci-3: #EFC94C; // yellow -$ci-4: #E27A3F; // orange -$ci-5: #DF4949; // red -$ci-6: #A1D044; // green - - - -/* Foundation Color Variables -------------------------------------------------------------------- */ - -$primary-color: $ci-1; -$secondary-color: $ci-6; -$alert-color: $ci-5; -$success-color: $ci-6; -$warning-color: $ci-4; -$info-color: $ci-1; - - - -/* Grey Scale -------------------------------------------------------------------- */ - -$grey-1: #E4E4E4; -$grey-2: #D7D7D7; -$grey-3: #CBCBCB; -$grey-4: #BEBEBE; -$grey-5: #A4A4A4; -$grey-6: #979797; -$grey-7: #8B8B8B; -$grey-8: #7E7E7E; -$grey-9: #646464; -$grey-10: #575757; -$grey-11: #4B4B4B; -$grey-12: #3E3E3E; -$grey-13: #313131; -$grey-14: #242424; -$grey-15: #171717; -$grey-16: #0B0B0B; - - - -/* Topbar-Navigation -------------------------------------------------------------------- */ - -$topbar-bg-color: #fff; - -$topbar-dropdown-toggle-color: $ci-1; - -$topbar-link-color: #000; -$topbar-link-color-hover: #000; -$topbar-link-color-active: #000; -$topbar-link-color-active-hover: #000; - -$topbar-dropdown-label-color: $ci-2; -$topbar-dropdown-link-bg-hover: $ci-6; - -$topbar-link-bg-active: $ci-6; // Active Navigation Link -$topbar-link-bg-hover: $ci-6; -$topbar-link-bg-active-hover: $ci-2; - - -$topbar-dropdown-bg: $ci-6; // Background Mobile Navigation -$topbar-dropdown-link-color: #000; -$topbar-dropdown-link-bg: $ci-2; - -$topbar-menu-link-color-toggled: $ci-1; -$topbar-menu-icon-color-toggled: $ci-1; -$topbar-menu-link-color: #000; -$topbar-menu-icon-color: #000; -$topbar-menu-link-color-toggled: $ci-6; -$topbar-menu-icon-color-toggled: $ci-6; - - - -/* Footer -------------------------------------------------------------------- */ - -$footer-bg: $grey-8; -$footer-color: #fff; -$footer-link-color: $ci-6; - - -$subfooter-bg: $grey-13; -$subfooter-color: $grey-8; -$subfooter-link-color: $grey-8; - - - -/* Code -------------------------------------------------------------------- */ - -$code-background-color: scale-color($secondary-color, $lightness: 70%); - -$highlight-background: #ffffff; -$highlight-comment: #999988; -$highlight-error: #a61717; -$highlight-comment-special: #999999; -$highlight-deleted: #000000; -$highlight-error-2: #aa0000; -$highlight-literal-string: #d14; -$highlight-literal-number: #009999; -$highlight-name-attribut: #008080; -$highlight-error-background: #e3d2d2; -$highlight-generic-deleted: #ffdddd; -$highlight-generic-deleted-specific: #ffaaaa; -$highlight-generic-inserted: #ddffdd; -$highlight-generic-inserted-specific: #aaffaa; -$highlight-generic-output: #888888; -$highlight-generic-prompt: #555555; -$highlight-subheading: #aaaaaa; -$highlight-keyword-type: #445588; -$highlight-name-builtin: #0086B3; -$highlight-name-class: #445588; -$highlight-name-entity: #800080; -$highlight-name-exception: #990000; -$highlight-name-function: #990000; -$highlight-name-namespace: #555555; -$highlight-name-tag: #000080; -$highlight-text-whitespace: #bbbbbb; -$highlight-literal-string-regex: #009926; -$highlight-literal-string-symbol: #990073; diff --git a/_sass/_03_settings_typography.scss b/_sass/_03_settings_typography.scss deleted file mode 100644 index b24fb15..0000000 --- a/_sass/_03_settings_typography.scss +++ /dev/null @@ -1,59 +0,0 @@ -/* TOC – Typography variables - -Modular Scale › http://modularscale.com/scale/?px1=16&px2=36&ra1=1.25&ra2=0 - -- Fonts -- Font Weight -- Font Size Variables - -*/ - -@import "functions"; // Allows the use of rem-calc() or lower-bound() in your settings - - - -/* Fonts -------------------------------------------------------------------- */ - -$base-font-size: 16px; -$rem-base: $base-font-size; -// $base-line-height is 24px while $base-font-size is 16px -$base-line-height: 1.5 !default; - - -$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; -$font-family-serif: "Volkhov", Georgia, Times, serif; -$font-family-monospace: "Lucida Console", Monaco, monospace; - -$body-font-family: $font-family-sans-serif; -$body-font-weight: normal; -$body-font-style: normal; - -$header-font-family: $font-family-serif; - - - -/* Font Weight -------------------------------------------------------------------- */ - -$font-weight-normal: normal; -$font-weight-bold: bold; - - - -/* Font Size Variables -------------------------------------------------------------------- */ - -$font-size-p: $base-font-size; -$font-size-h1: 2.441em; -$font-size-h2: 1.953em; -$font-size-h3: 1.563em; -$font-size-h4: 1.25em; -$font-size-h5: 1.152em; -$font-size-small: 0.8em; - -.font-size-h1 { font-size: $font-size-h1; } -.font-size-h2 { font-size: $font-size-h2; } -.font-size-h3 { font-size: $font-size-h3; } -.font-size-h4 { font-size: $font-size-h4; } -.font-size-h5 { font-size: $font-size-h5; } diff --git a/_sass/_04_settings_global.scss b/_sass/_04_settings_global.scss deleted file mode 100644 index bdb185c..0000000 --- a/_sass/_04_settings_global.scss +++ /dev/null @@ -1,1452 +0,0 @@ -$spacing-unit: 30px; - - -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// - -// Table of Contents -// Foundation Settings -// -// a. Base -// b. Grid -// c. Global -// d. Media Query Ranges -// e. Typography -// 01. Accordion -// 02. Alert Boxes -// 03. Block Grid -// 04. Breadcrumbs -// 05. Buttons -// 06. Button Groups -// 07. Clearing -// 08. Dropdown -// 09. Dropdown Buttons -// 10. Flex Video -// 11. Forms -// 12. Icon Bar -// 13. Inline Lists -// 14. Joyride -// 15. Keystrokes -// 16. Labels -// 17. Magellan -// 18. Off-canvas -// 19. Orbit -// 20. Pagination -// 21. Panels -// 22. Pricing Tables -// 23. Progress Bar -// 24. Range Slider -// 25. Reveal -// 26. Side Nav -// 27. Split Buttons -// 28. Sub Nav -// 29. Switch -// 30. Tables -// 31. Tabs -// 32. Thumbnails -// 33. Tooltips -// 34. Top Bar -// 36. Visibility Classes - -// a. Base -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// This is the default html and body font-size for the base rem value. -// $rem-base: 16px; - -// Allows the use of rem-calc() or lower-bound() in your settings -@import "functions"; - -// 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%; - -$base-font-size: 16px; -$rem-base: $base-font-size; - - -// The $base-font-size is 100% while $base-line-height is 150% -// $base-line-height: 150%; - -// We use this to control whether or not CSS classes come through in the gem files. -$include-html-classes: true; -// $include-print-styles: true; -$include-html-global-classes: $include-html-classes; - -// b. Grid -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-grid-classes: $include-html-classes; -// $include-xl-html-grid-classes: false; - -// $row-width: rem-calc(1000); -// $total-columns: 12; -// $column-gutter: rem-calc(30); - -// c. Global -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// We use these to define default font stacks -// $font-family-sans-serif: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; -// $font-family-serif: "Volkhov", Georgia, Times, serif; -// $font-family-monospace: "Lucida Console", Monaco, monospace; - -// We use these to define default font weights -// $font-weight-normal: normal !default; -// $font-weight-bold: bold !default; - -// $white : #FFFFFF; -// $ghost : #FAFAFA; -// $snow : #F9F9F9; -// $vapor : #F6F6F6; -// $white-smoke : #F5F5F5; -// $silver : #EFEFEF; -// $smoke : #EEEEEE; -// $gainsboro : #DDDDDD; -// $iron : #CCCCCC; -// $base : #AAAAAA; -// $aluminum : #999999; -// $jumbo : #888888; -// $monsoon : #777777; -// $steel : #666666; -// $charcoal : #555555; -// $tuatara : #444444; -// $oil : #333333; -// $jet : #222222; -// $black : #000000; - -// We use these as default colors throughout -// $primary-color: #008CBA; -// $secondary-color: #e7e7e7; -// $alert-color: #f04124; -// $success-color: #43AC6A; -// $warning-color: #f08a24; -// $info-color: #a0d3e8; - -// We use these to control various global styles -// $body-bg: $white; -// $body-font-color: $jet; -// $body-font-family: $font-family-sans-serif; -// $body-font-weight: $font-weight-normal; -// $body-font-style: normal; - -// We use this to control font-smoothing -// $font-smoothing: antialiased; - -// We use these to control text direction settings -// $text-direction: ltr; -// $opposite-direction: right; -// $default-float: left; -// $last-child-float: $opposite-direction; - -// We use these to make sure border radius matches unless we want it different. -$global-radius: 3px; -// $global-rounded: 1000px; - -// We use these to control inset shadow shiny edges and depressions. -// $shiny-edge-size: 0 1px 0; -// $shiny-edge-color: rgba($white, .5); -// $shiny-edge-active-color: rgba($black, .2); - -// // d. Media Query Ranges -// // - - - - - - - - - - - - - - - - - - - - - - - - - - -// $small-range: (0em, 40em); -// $medium-range: (40.063em, 64em); -// $large-range: (64.063em, 90em); -// $xlarge-range: (90.063em, 120em); -// $xxlarge-range: (120.063em, 99999999em); - -// $screen: "only screen"; - -// // $landscape: "#{$screen} and (orientation: landscape)"; -// // $portrait: "#{$screen} and (orientation: portrait)"; - -// $small-up: $screen; -// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; - -// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; -// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; - -// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; -// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; - -// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; -// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; - -// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; -// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; - -// 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; -// $cursor-default-value: default; -// $cursor-pointer-value: pointer; -// $cursor-help-value: help; -// $cursor-text-value: text; - -// e. Typography -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-type-classes: $include-html-classes; - -// We use these to control header font styles -// $header-font-family: $font-family-serif; -// $header-font-weight: $font-weight-normal; -// $header-font-style: normal; -// $header-font-color: $jet; -// $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(54); -// $h2-font-size: rem-calc(36); -// $h3-font-size: rem-calc(29); -// $h4-font-size: rem-calc(24); -// $h5-font-size: rem-calc(19); -// $h6-font-size: 1rem; - -// We use these to control header size reduction on small screens -// $h1-font-reduction: rem-calc(10) !default; -// $h2-font-reduction: rem-calc(10) !default; -// $h3-font-reduction: rem-calc(5) !default; -// $h4-font-reduction: rem-calc(5) !default; -// $h5-font-reduction: 0 !default; -// $h6-font-reduction: 0 !default; - -// These control how subheaders are styled. -// $subheader-line-height: 1.4; -// $subheader-font-color: scale-color($header-font-color, $lightness: 35%); -// $subheader-font-weight: $font-weight-normal; -// $subheader-top-margin: .2rem; -// $subheader-bottom-margin: .5rem; - -// A general 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: $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 tags -// $code-color: $oil; -// $code-font-family: $font-family-monospace; -// $code-font-weight: $font-weight-normal; -// $code-background-color: scale-color($secondary-color, $lightness: 70%); -// $code-border-size: 1px; -// $code-border-style: solid; -// $code-border-color: scale-color($code-background-color, $lightness: -10%); -// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1); - -// We use these to style anchors -// $anchor-text-decoration: none; -// $anchor-text-decoration-hover: none; -// $anchor-font-color: $primary-color; -// $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%); - -// We use these to style the
element -// $hr-border-width: 1px; -// $hr-border-style: solid; -$hr-border-color: $grey-3; -// $hr-margin: rem-calc(20); - -// We use these to style lists -// $list-font-family: $paragraph-font-family; -// $list-font-size: $paragraph-font-size; -// $list-line-height: $paragraph-line-height; -// $list-margin-bottom: $paragraph-margin-bottom; -// $list-style-position: outside; -$list-side-margin: 1.3rem; -// $list-ordered-side-margin: 1.4rem; -// $list-side-margin-no-bullet: 0; -// $list-nested-margin: rem-calc(20); -// $definition-list-header-weight: $font-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 $gainsboro; -// $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 $gainsboro; - -// 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: $gainsboro; - -// We use these to control full name font styles -// $microformat-fullname-font-weight: $font-weight-bold; -// $microformat-fullname-font-size: rem-calc(15); - -// We use this to control the summary font styles -// $microformat-summary-font-weight: $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: $font-weight-bold; -// $microformat-abbr-font-decoration: none; - -// 01. Accordion -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-accordion-classes: $include-html-classes; - -$accordion-navigation-padding: rem-calc(12); -$accordion-navigation-bg-color: #ffffff; -$accordion-navigation-hover-bg-color: $grey-1; -$accordion-navigation-active-bg-color: $grey-1; -// $accordion-navigation-font-color: $jet; -// $accordion-navigation-font-size: rem-calc(16); -// $accordion-navigation-font-family: $body-font-family; - -// $accordion-content-padding: $column-gutter/2; -$accordion-content-active-bg-color: $grey-1; - -// 02. Alert Boxes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-alert-classes: $include-html-classes; - -// We use this to control alert padding. -// $alert-padding-top: rem-calc(14); -// $alert-padding-default-float: $alert-padding-top; -// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); -// $alert-padding-bottom: $alert-padding-top; - -// We use these to control text style. -// $alert-font-weight: $font-weight-normal; -$alert-font-size: rem-calc(15); -// $alert-font-color: $white; -// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); - -// We use this for close hover effect. -// $alert-function-factor: -14%; - -// We use these to control border styles. -// $alert-border-style: solid; -// $alert-border-width: 1px; -// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); -// $alert-bottom-margin: rem-calc(20); - -// We use these to style the close buttons -// $alert-close-color: $oil; -// $alert-close-top: 50%; -// $alert-close-position: rem-calc(4); -// $alert-close-font-size: rem-calc(22); -// $alert-close-opacity: 0.3; -// $alert-close-opacity-hover: 0.5; -// $alert-close-padding: 9px 6px 4px; - -// We use this to control border radius -// $alert-radius: $global-radius; - -// We use this to control transition effects -// $alert-transition-speed: 300ms; -// $alert-transition-ease: ease-out; - -// 03. Block Grid -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-block-grid-classes: $include-html-classes; -// $include-xl-html-block-grid-classes: false; - -// We use this to control the maximum number of block grid elements per row -// $block-grid-elements: 12; -// $block-grid-default-spacing: rem-calc(20); -// $align-block-grid-to-grid: false; - -// Enables media queries for block-grid classes. Set to false if writing semantic HTML. -// $block-grid-media-queries: true; - -// 04. Breadcrumbs -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use this to set the background color for the breadcrumb container. -$crumb-bg: $grey-1; - -// We use these to set the padding around the breadcrumbs. -// $crumb-padding: rem-calc(9 9 14 0); -// $crumb-side-padding: rem-calc(12); - -// We use these to control border styles. -// $crumb-function-factor: -10%; -$crumb-border-size: 0; -// $crumb-border-style: solid; -$crumb-border-color: $grey-1; -$crumb-radius: 0; - -// We use these to set various text styles for breadcrumbs. -// $crumb-font-size: rem-calc(11); -// $crumb-font-color: $primary-color; -// $crumb-font-color-current: $oil; -// $crumb-font-color-unavailable: $aluminum; -// $crumb-font-transform: uppercase; -// $crumb-link-decor: underline; - -// We use these to control the slash between breadcrumbs -// $crumb-slash-color: $base; -$crumb-slash: "/"; - -// 05. Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to build padding for buttons. -// $button-tny: rem-calc(10); -// $button-sml: rem-calc(14); -// $button-med: rem-calc(16); -// $button-lrg: rem-calc(18); - -// We use this to control the display property. -// $button-display: inline-block; -// $button-margin-bottom: rem-calc(20); - -// We use these to control button text styles. -// $button-font-family: $body-font-family; -// $button-font-color: $white; -// $button-font-color-alt: $oil; -// $button-font-tny: rem-calc(11); -// $button-font-sml: rem-calc(13); -// $button-font-med: rem-calc(16); -// $button-font-lrg: rem-calc(20); -// $button-font-weight: $font-weight-normal; -// $button-font-align: center; - -// We use these to control various hover effects. -// $button-function-factor: -20%; - -// We use these to control button border and hover styles. -// $button-border-width: 0px; -// $button-border-style: solid; -// $button-bg-color: $primary-color; -// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor); -// $button-border-color: $button-bg-hover; -// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor); -// $secondary-button-border-color: $secondary-button-bg-hover; -// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor); -// $success-button-border-color: $success-button-bg-hover; -// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor); -// $alert-button-border-color: $alert-button-bg-hover; - -// We use this to set the default radius used throughout the core. -// $button-radius: $global-radius; -// $button-round: $global-rounded; - -// We use this to set default opacity and cursor for disabled buttons. -// $button-disabled-opacity: 0.7; -// $button-disabled-cursor: $cursor-default-value; - -// 06. Button Groups -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// Sets the margin for the right side by default, and the left margin if right-to-left direction is used -// $button-bar-margin-opposite: rem-calc(10); -// $button-group-border-width: 1px; - -// 07. Clearing -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-clearing-classes: $include-html-classes; - -// We use these to set the background colors for parts of Clearing. -// $clearing-bg: $oil; -// $clearing-caption-bg: $clearing-bg; -// $clearing-carousel-bg: rgba(51,51,51,0.8); -// $clearing-img-bg: $clearing-bg; - -// We use these to style the close button -// $clearing-close-color: $iron; -// $clearing-close-size: 30px; - -// We use these to style the arrows -// $clearing-arrow-size: 12px; -// $clearing-arrow-color: $clearing-close-color; - -// We use these to style captions -// $clearing-caption-font-color: $iron; -// $clearing-caption-font-size: 0.875em; -// $clearing-caption-padding: 10px 30px 20px; - -// We use these to make the image and carousel height and style -// $clearing-active-img-height: 85%; -// $clearing-carousel-height: 120px; -// $clearing-carousel-thumb-width: 120px; -// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); - -// 08. Dropdown -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-dropdown-classes: $include-html-classes; - -// We use these to controls height and width styles. -// $f-dropdown-max-width: 200px; -// $f-dropdown-height: auto; -// $f-dropdown-max-height: none; - -// Used for bottom position -// $f-dropdown-margin-top: 2px; - -// Used for right position -// $f-dropdown-margin-left: $f-dropdown-margin-top; - -// Used for left position -// $f-dropdown-margin-right: $f-dropdown-margin-top; - -// Used for top position -// $f-dropdown-margin-bottom: $f-dropdown-margin-top; - -// We use this to control the background color -// $f-dropdown-bg: $white; - -// We use this to set the border styles for dropdowns. -// $f-dropdown-border-style: solid; -// $f-dropdown-border-width: 1px; -// $f-dropdown-border-color: scale-color($white, $lightness: -20%); - -// We use these to style the triangle pip. -// $f-dropdown-triangle-size: 6px; -// $f-dropdown-triangle-color: $white; -// $f-dropdown-triangle-side-offset: 10px; - -// We use these to control styles for the list elements. -// $f-dropdown-list-style: none; -// $f-dropdown-font-color: $charcoal; -// $f-dropdown-font-size: rem-calc(14); -// $f-dropdown-list-padding: rem-calc(5, 10); -// $f-dropdown-line-height: rem-calc(18); -// $f-dropdown-list-hover-bg: $smoke ; -// $dropdown-mobile-default-float: 0; - -// We use this to control the styles for when the dropdown has custom content. -// $f-dropdown-content-padding: rem-calc(20); - -// Default radius for dropdown. -// $f-dropdown-radius: $global-radius; - - -// 09. Dropdown Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to set the color of the pip in dropdown buttons -// $dropdown-button-pip-color: $white; -// $dropdown-button-pip-color-alt: $oil; - -// $button-pip-tny: rem-calc(6); -// $button-pip-sml: rem-calc(7); -// $button-pip-med: rem-calc(9); -// $button-pip-lrg: rem-calc(11); - -// We use these to style tiny dropdown buttons -// $dropdown-button-padding-tny: $button-pip-tny * 7; -// $dropdown-button-pip-size-tny: $button-pip-tny; -// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; -// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1); - -// We use these to style small dropdown buttons -// $dropdown-button-padding-sml: $button-pip-sml * 7; -// $dropdown-button-pip-size-sml: $button-pip-sml; -// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; -// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1); - -// We use these to style medium dropdown buttons -// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); -// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); -// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; -// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2); - -// We use these to style large dropdown buttons -// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); -// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); -// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; -// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3); - -// 10. Flex Video -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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: 56.34%; - -// 11. Forms -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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); - -// 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-font-color-alt: $oil; - -// We use this to style the glowing effect of inputs when focused -// $input-include-glowing-effect: true; -// $glowing-effect-fade-time: 0.45s; -// $glowing-effect-color: $input-focus-border-color; - -// Select variables -// $select-bg-color: $ghost; -// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); - -// 12. Icon Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// We use these to style the icon-bar and items -// $include-html-icon-bar-classes: $include-html-classes; -// $icon-bar-bg: $oil; -// $icon-bar-font-color: $white; -// $icon-bar-font-size: 1rem; -// $icon-bar-hover-color: $primary-color; -// $icon-bar-icon-color: $white; -// $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; - -// 13. Inline Lists -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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 elements within list items -// $inline-list-children-display: block; - -// 14. Joyride -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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); - -// 15. Keystrokes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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; - -// 16. Labels -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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: $font-weight-normal; -// $label-font-color: $oil; -// $label-font-color-alt: $white; -// $label-font-family: $body-font-family; - -// 17. Magellan -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-magellan-classes: $include-html-classes; - -// $magellan-bg: $white; -// $magellan-padding: 0 !important; - -// 18. Off-canvas -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-off-canvas-classes: $include-html-classes; - -// $tabbar-bg: $oil; -// $tabbar-height: rem-calc(45); -// $tabbar-icon-width: $tabbar-height; -// $tabbar-line-height: $tabbar-height; -// $tabbar-color: $white; -// $tabbar-middle-padding: 0 rem-calc(10); - -// Off Canvas Divider Styles -// $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%); -// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); - -// Off Canvas Tab Bar Headers -// $tabbar-header-color: $white; -// $tabbar-header-weight: $font-weight-bold; -// $tabbar-header-line-height: $tabbar-height; -// $tabbar-header-margin: 0; - -// Off Canvas Menu Variables -// $off-canvas-width: rem-calc(250); -// $off-canvas-bg: $oil; -// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%); - -// Off Canvas Menu List Variables -// $off-canvas-label-padding: 0.3rem rem-calc(15); -// $off-canvas-label-color: $aluminum; -// $off-canvas-label-text-transform: uppercase; -// $off-canvas-label-font-size: rem-calc(12); -// $off-canvas-label-font-weight: $font-weight-bold; -// $off-canvas-label-bg: $tuatara; -// $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%); -// $off-canvas-label-border-bottom: none; -// $off-canvas-label-margin:0; -// $off-canvas-link-padding: rem-calc(10, 15); -// $off-canvas-link-color: rgba($white, 0.7); -// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%); -// $off-canvas-back-bg: $tuatara; -// $off-canvas-back-border-top: $off-canvas-label-border-top; -// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom; -// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%); -// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); -// $off-canvas-back-hover-border-bottom: none; - -// Off Canvas Menu Icon Variables -// $tabbar-menu-icon-color: $white; -// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); - -// $tabbar-menu-icon-text-indent: rem-calc(35); -// $tabbar-menu-icon-width: $tabbar-height; -// $tabbar-menu-icon-height: $tabbar-height; -// $tabbar-menu-icon-padding: 0; - -// $tabbar-hamburger-icon-width: rem-calc(16); -// $tabbar-hamburger-icon-left: false; -// $tabbar-hamburger-icon-top: false; -// $tabbar-hamburger-icon-thickness: 1px; -// $tabbar-hamburger-icon-gap: 6px; - -// Off Canvas Back-Link Overlay -// $off-canvas-overlay-transition: background 300ms ease; -// $off-canvas-overlay-cursor: pointer; -// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5); -// $off-canvas-overlay-background: rgba($white, 0.2); -// $off-canvas-overlay-background-hover: rgba($white, 0.05); - -// Transition Variables -// $menu-slide: "transform 500ms ease"; - -// 19. Orbit -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-orbit-classes: $include-html-classes; - -// We use these to control the caption styles -// $orbit-container-bg: none; -// $orbit-caption-bg: rgba(51,51,51, 0.8); -// $orbit-caption-font-color: $white; -// $orbit-caption-font-size: rem-calc(14); -// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" -// $orbit-caption-padding: rem-calc(10 14); -// $orbit-caption-height: auto; - -// We use these to control the left/right nav styles -// $orbit-nav-bg: transparent; -// $orbit-nav-bg-hover: rgba(0,0,0,0.3); -// $orbit-nav-arrow-color: $white; -// $orbit-nav-arrow-color-hover: $white; - -// We use these to control the timer styles -// $orbit-timer-bg: rgba(255,255,255,0.3); -// $orbit-timer-show-progress-bar: true; - -// We use these to control the bullet nav styles -// $orbit-bullet-nav-color: $iron; -// $orbit-bullet-nav-color-active: $aluminum; -// $orbit-bullet-radius: rem-calc(9); - -// We use these to controls the style of slide numbers -// $orbit-slide-number-bg: rgba(0,0,0,0); -// $orbit-slide-number-font-color: $white; -// $orbit-slide-number-padding: rem-calc(5); - -// Hide controls on small -// $orbit-nav-hide-for-small: true; -// $orbit-bullet-hide-for-small: true; -// $orbit-timer-hide-for-small: true; - -// Graceful Loading Wrapper and preloader -// $wrapper-class: "slideshow-wrapper"; -// $preloader-class: "preloader"; - -// 20. Pagination -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-pagination-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: $jet; -// $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 10 1); -// $pagination-link-font-color: $aluminum; -// $pagination-link-active-bg: scale-color($white, $lightness: -10%); - -// We use these for disabled anchor links -// $pagination-link-unavailable-cursor: default; -// $pagination-link-unavailable-font-color: $aluminum; -// $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: $white; -// $pagination-link-current-font-weight: $font-weight-bold; -// $pagination-link-current-cursor: default; -// $pagination-link-current-active-bg: $primary-color; - -// 21. Panels -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-panel-classes: $include-html-classes; - -// We use these to control the background and border styles -$panel-bg: $grey-1; -// $panel-border-style: solid; -// $panel-border-size: 1px; - -// We use this % to control how much we darken things on hover -// $panel-function-factor: -11%; -// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor); - -// We use these to set default inner padding and bottom margin -// $panel-margin-bottom: rem-calc(20); -// $panel-padding: rem-calc(20); - -// We use these to set default font colors -// $panel-font-color: $oil; -// $panel-font-color-alt: $white; - -// $panel-header-adjust: true; -// $callout-panel-link-color: $primary-color; - -// 22. Pricing Tables -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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); - -// 23. Progress Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use this to set the progress bar height -// $progress-bar-height: rem-calc(25); -// $progress-bar-color: $vapor ; - -// We use these to control the border styles -// $progress-bar-border-color: scale-color($white, $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 & 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; - -// 24. Range Slider -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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; - -// 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; - -// 25. Reveal -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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"; - -// 26. Side Nav -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use this to control padding. -$side-nav-padding: rem-calc(0 0 0 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 0 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: -40%); -$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: -40%); -$side-nav-font-size: rem-calc(16); - -// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025); -// $side-nav-link-margin: 0; -// $side-nav-link-padding: rem-calc(7 14); -// $side-nav-font-size: rem-calc(14); -// $side-nav-font-weight: $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 heading styles. -// $side-nav-heading-color: $side-nav-link-color; -// $side-nav-heading-font-size: $side-nav-font-size; -// $side-nav-heading-font-weight: bold; -// $side-nav-heading-text-transform: uppercase; - -// We use these to control border styles -$side-nav-divider-size: 1px; -$side-nav-divider-style: solid; -$side-nav-divider-color: $grey-1; - - - -// 27. Split Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to control different shared styles for Split Buttons -// $split-button-function-factor: 10%; -// $split-button-pip-color: $white; -// $split-button-pip-color-alt: $oil; -// $split-button-active-bg-tint: rgba(0,0,0,0.1); - -// We use these to control tiny split buttons -// $split-button-padding-tny: $button-pip-tny * 10; -// $split-button-span-width-tny: $button-pip-tny * 6; -// $split-button-pip-size-tny: $button-pip-tny; -// $split-button-pip-top-tny: $button-pip-tny * 2; -// $split-button-pip-default-float-tny: rem-calc(-6); - -// We use these to control small split buttons -// $split-button-padding-sml: $button-pip-sml * 10; -// $split-button-span-width-sml: $button-pip-sml * 6; -// $split-button-pip-size-sml: $button-pip-sml; -// $split-button-pip-top-sml: $button-pip-sml * 1.5; -// $split-button-pip-default-float-sml: rem-calc(-6); - -// We use these to control medium split buttons -// $split-button-padding-med: $button-pip-med * 9; -// $split-button-span-width-med: $button-pip-med * 5.5; -// $split-button-pip-size-med: $button-pip-med - rem-calc(3); -// $split-button-pip-top-med: $button-pip-med * 1.5; -// $split-button-pip-default-float-med: rem-calc(-6); - -// We use these to control large split buttons -// $split-button-padding-lrg: $button-pip-lrg * 8; -// $split-button-span-width-lrg: $button-pip-lrg * 5; -// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); -// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); -// $split-button-pip-default-float-lrg: rem-calc(-6); - -// 28. Sub Nav -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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-family: $body-font-family; -// $sub-nav-font-size: rem-calc(14); -// $sub-nav-font-color: $aluminum; -// $sub-nav-font-weight: $font-weight-normal; -// $sub-nav-text-decoration: none; -// $sub-nav-padding: rem-calc(3 16); -// $sub-nav-border-radius: 3px; -// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); - -// We use these to control the active item styles -// $sub-nav-active-font-weight: $font-weight-normal; -// $sub-nav-active-bg: $primary-color; -// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); -// $sub-nav-active-color: $white; -// $sub-nav-active-padding: $sub-nav-padding; -// $sub-nav-active-cursor: default; - -// $sub-nav-item-divider: ""; -// $sub-nav-item-divider-margin: rem-calc(12); - -// 29. Switch -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-form-classes: $include-html-classes; - -// Controlling border styles and background colors for the switch container -// $switch-border-color: scale-color($white, $lightness: -20%); -// $switch-border-style: solid; -// $switch-border-width: 1px; -// $switch-bg: $white; - -// We use these to control the switch heights for our default classes -// $switch-height-tny: rem-calc(22); -// $switch-height-sml: rem-calc(28); -// $switch-height-med: rem-calc(36); -// $switch-height-lrg: rem-calc(44); -// $switch-bottom-margin: rem-calc(20); - -// We use these to control default font sizes for our classes. -// $switch-font-size-tny: 11px; -// $switch-font-size-sml: 12px; -// $switch-font-size-med: 14px; -// $switch-font-size-lrg: 17px; -// $switch-label-side-padding: 6px; - -// We use these to style the switch-paddle -// $switch-paddle-bg: $white; -// $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%); -// $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%); -// $switch-paddle-border-width: 1px; -// $switch-paddle-border-style: solid; -// $switch-paddle-transition-speed: .1s; -// $switch-paddle-transition-ease: ease-out; -// $switch-positive-color: scale-color($success-color, $lightness: 94%); -// $switch-negative-color: $white-smoke; - -// Outline Style for tabbing through switches -// $switch-label-outline: 1px dotted $jumbo; - -// 30. Tables -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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: $grey-1; - -// 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: $grey-2; -// $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 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 layout, display and margin of tables -// $table-layout: auto; -// $table-display: table-cell; -// $table-margin-bottom: rem-calc(20); - -// 31. Tabs -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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; - -// 32. Thumbnails -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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; - -// 33. Tooltips -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $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; - -// 34. Top Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-top-bar-classes: $include-html-classes; - -// Background color for the top bar -// $topbar-bg-color: #fff; -// $topbar-bg: $topbar-bg-color; - -// Height and margin -// $topbar-height: 45px; -// $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-bg: $ci-2; -// $topbar-dropdown-link-weight: $font-weight-normal; -// $topbar-dropdown-toggle-size: 5px; -// $topbar-dropdown-toggle-color: $ci-2; -// $topbar-dropdown-toggle-alpha: 0.4; - -// Set the link colors and styles for top-level nav -// $topbar-link-color: #000; -// $topbar-link-color-hover: #000; -// $topbar-link-color-active: #000; -// $topbar-link-color-active-hover: #000; -// $topbar-link-weight: $font-weight-normal; -// $topbar-link-font-size: rem-calc(15); -// $topbar-link-hover-lightness: -10%; // Darken by 10% -// $topbar-link-bg: $topbar-bg; -// $topbar-link-bg-color-hover: #ff0; -// $topbar-link-bg-hover: #f00; -// $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: uppercase; -// $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: #f77; -// $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: $ci-6; -// $topbar-menu-icon-color-toggled: $ci-6; - -// Transitions and breakpoint styles -// $topbar-transition-speed: 300ms; -// Using rem-calc for the below breakpoint causes issues with top bar -// $topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout -// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default; - -// Divider Styles -// $topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%); -// $topbar-divider-border-top: solid 0px 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 - -// 36. Visibility Classes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-visibility-classes: $include-html-classes; -// $include-table-visibility-classes: true; -// $include-legacy-visibility-classes: true; -// $include-accessibility-classes: true; diff --git a/_sass/_04_settings_mixins_media_queries.scss b/_sass/_04_settings_mixins_media_queries.scss deleted file mode 100644 index e53c782..0000000 --- a/_sass/_04_settings_mixins_media_queries.scss +++ /dev/null @@ -1,432 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// -// 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; - - - -// -// 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) { - transition: $property $speed $ease; -} - -// @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 0 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 0 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 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 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; - - - - -// d. Media Query Ranges -// - - - - - - - - - - - - - - - - - - - - - - - - - - -$small-range: (0em, 40em); -$medium-range: (40.063em, 64em); -$large-range: (64.063em, 90em); -$xlarge-range: (90.063em, 120em); -$xxlarge-range: (120.063em, 99999999em); - - -$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)})"; - -$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-auto-value: auto !default; -$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.5.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-auto-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 visually and from screen readers - .hide { - display: none !important; - visibility: hidden; - } - - // Hide visually and from screen readers, but maintain layout - .invisible { visibility: hidden; } - - // 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%; } - } -} diff --git a/_sass/_05_normalize.scss b/_sass/_05_normalize.scss deleted file mode 100644 index 81c6f31..0000000 --- a/_sass/_05_normalize.scss +++ /dev/null @@ -1,427 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers. - */ - -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 { - -moz-box-sizing: content-box; - 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"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari 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; -} \ No newline at end of file diff --git a/_sass/_05_settings_top-bar.scss b/_sass/_05_settings_top-bar.scss deleted file mode 100644 index 38b7c65..0000000 --- a/_sass/_05_settings_top-bar.scss +++ /dev/null @@ -1,73 +0,0 @@ - -// 34. Top Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-top-bar-classes: $include-html-classes; - -// Background color for the top bar -$topbar-bg-color: #fff; -$topbar-bg: $topbar-bg-color; - -// Height and margin -$topbar-height: rem-calc(50); -// $topbar-margin-bottom: 0; - -// Controlling the styles for the title in the top bar -$topbar-title-weight: $font-weight-bold; -$topbar-title-font-size: rem-calc(19); - -// Style the top bar dropdown elements -// $topbar-dropdown-bg: $ci-1; -// $topbar-dropdown-link-color: $text-color; -// $topbar-dropdown-link-bg: $ci-2; -// $topbar-dropdown-link-weight: $font-weight-normal; -// $topbar-dropdown-toggle-size: 5px; -// $topbar-dropdown-toggle-color: $ci-2; -// $topbar-dropdown-toggle-alpha: 0.4; - -// Set the link colors and styles for top-level nav -// $topbar-link-color: #000; -// $topbar-link-color-hover: #fff; -// $topbar-link-color-active: $ci-1; -// $topbar-link-color-active-hover: #fff; -// $topbar-link-weight: 400; -$topbar-link-font-size: rem-calc(15); -// $topbar-link-hover-lightness: -10%; // Darken by 10% -// $topbar-link-bg: $topbar-bg; -// $topbar-link-bg-color-hover: #fff; -// $topbar-link-bg-hover: $ci-1; -// $topbar-link-bg-active: #fff; -// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); -// $topbar-link-font-family: $header-font-family; -$topbar-link-text-transform: uppercase; -// $topbar-link-padding: $topbar-height / 2; -// $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: #f77; -// $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: #fff; -// $topbar-menu-icon-color: #fff; -// $topbar-menu-link-color-toggled: $ci-1; -// $topbar-menu-icon-color-toggled: $ci-1; - -// Transitions and breakpoint styles -// $topbar-transition-speed: 300ms; -// Using rem-calc for the below breakpoint causes issues with top bar -$topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout -$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default; - -// Divider Styles -$topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%); -$topbar-divider-border-top: solid 0px scale-color($topbar-bg-color, $lightness: -50%); diff --git a/_sass/_06_typography.scss b/_sass/_06_typography.scss deleted file mode 100644 index 25fbc38..0000000 --- a/_sass/_06_typography.scss +++ /dev/null @@ -1,477 +0,0 @@ -/* TOC – Typography - -Check typography variables › _3_typography_settings.scss - -- Links -- Customize Foundation Typography -- Headlines -- Images -- Lists -- Tables -- Code -- Quotes -- Typography for Articles -- Smaller Fontsize for Bigteaser on small devices -- Additional typographical elements -- Footnotes -- Icon Font - -*/ - - - -/* Links -------------------------------------------------------------------- */ - -a, -a:link {} - -a:visited { - border-bottom: $grey-2; -} - -a:hover { - color: darken( $ci-1, 10% ); -} - -a:focus { - color: lighten( $ci-1, 20% ); -} - -a:active { - color: darken( $ci-1, 20% ); -} - - - -/* Customize Foundation Typography -------------------------------------------------------------------- */ - -p { - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} -p a, -article a { - font-weight: bold; - border-bottom: 1px dotted; -} -p a:hover, -article a:hover { - border-bottom: 2px solid; -} -p a.button, -.button, -.button:hover { - border: 0; - color: #fff; -} -p.button a { - border: 0; - color: #fff; - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -} - - - -/* Headlines -------------------------------------------------------------------- */ - -h1, h2, h3, h4, h5, h6 { - font-family: $header-font-family; - font-weight: normal; - padding: 0; -} - -h1 { - font-size: $font-size-h1; - margin-top: 0; -} -h2 { - font-size: $font-size-h2; - margin: 1.563em 0 0 0; -} - .blog-index h2 { - margin-top: 0; - } -h3 { - font-size: $font-size-h3; - margin: 1.152em 0 0 0; -} -h4 { - font-size: $font-size-h4; - margin: 1.152em 0 0 0; -} -h5 { - font-size: $font-size-h5; - margin: 1em 0 0 0; -} - - - -/* Images -------------------------------------------------------------------- */ - -img { border-radius: $global-radius;} - img.alignleft, - img.left { float: left; margin:5px 15px 5px 0; } - img.alignright, - img.right { float: right; margin:5px 0 5px 15px; } - img.aligncenter, - img.center { display: block; margin:0 auto 10px; } - -figure { - margin: 0 0 rem-calc(30) 0; -} -#masthead-with-background-color figure, -#masthead-with-pattern figure { - margin: 0; -} -figcaption, -.masthead-caption { - color: $grey-10; - font-family: $font-family-sans-serif; - font-size: rem-calc(13); - padding-top: rem-calc(2); -} -figcaption a, -.masthead-caption a { - border-bottom: 1px dotted $grey-4; - color: $grey-10; -} -figcaption a:hover, -.masthead-caption a:hover { - border-bottom: 2px solid $primary-color; - color: $primary-color; -} -.masthead-caption { - padding-right: 10px; - text-align: right; -} - - - -/* Tables -------------------------------------------------------------------- */ - -td { - vertical-align: top; -} - - - -/* Code -------------------------------------------------------------------- */ - -pre { - overflow: auto; - margin-bottom: rem-calc(20); - padding: 5px; - background-color: $code-background-color; - border-radius: $global-radius; -} -pre code { - padding: rem-calc(2) rem-calc(5) rem-calc(1) rem-calc(0); - border: 0; -} - -code { - font-size: rem-calc(14); - line-height: 1.5; -} - - - -/* Lists -------------------------------------------------------------------- */ - -ul, ol { - margin-left: 20px; - padding: 0; -} -li { - margin-left: 0; -} - -.no-bullet { - list-style: none; - margin-left: 0; -} - -li { - > ul, - > ol { - margin-bottom: 0; - } -} - -dl { - -} -dt:first-child { - padding-top: 0px; -} -dt { - font-weight: bold; - padding-top: 30px; -} -dd { -} -article dl dt { line-height: 1.3; } -article dl dd { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); } - - - -/* Quotes -------------------------------------------------------------------- */ - -blockquote { - font-style: italic; - position: relative; - border: none; - margin: 0 30px 30px 30px; - color: #4b4b4d -} - - blockquote p {font-style: italic; color: $grey-10; } - - blockquote:before { - display:block;content:"\00BB"; - font-size:80px; - position:absolute; - left:-25px; - top:-40px; - color:#4b4b4d - } - blockquote:after { - display:block; - content:"\00AB"; - font-size:80px; - position:absolute; - right:-10px; - bottom:-40px; - color:#4b4b4d; - } - blockquote cite:before { - content:"\2014 \0020" - } - blockquote cite a,blockquote cite a:visited { - color: #555 - } -cite { - padding-top: 5px; -} - -button, .button { - letter-spacing: 1px; -} - -mark { - background-color: scale-color($warning-color, $lightness: 60%); -} - - - -/* Typography for Articles -------------------------------------------------------------------- */ - -.subheadline { - font-size: rem-calc(16); - margin: 0; - text-transform: uppercase; -} -.teaser { - font-size: rem-calc(20); -} -.big-teaser { - font-style: italic; font-weight: 300; -} -.big-teaser a { - font-style: italic; font-weight: 400; -} - -/* Smaller Fontsize for Bigteaser on small devices */ -@media only screen { - .big-teaser { - font-size: rem-calc(20); - } -} -@media only screen and (min-width: 40.063em) { - .big-teaser { - font-size: rem-calc(29); - } -} - - - -/* Additional typographical elements -------------------------------------------------------------------- */ - -.sans { font-family: $font-family-sans-serif; } -.serif { font-family: $font-family-serif; } - -.font-size-h1 { font-size: $font-size-h1; } -.font-size-h2 { font-size: $font-size-h2; } -.font-size-h3 { font-size: $font-size-h3; } -.font-size-h4 { font-size: $font-size-h4; } -.font-size-h5 { font-size: $font-size-h5; } -.font-size-p { font-size: $font-size-p; } - - - -/* Footnotes -------------------------------------------------------------------- */ - -.footnotes { - margin-top: 60px; -} -.footnotes ol { - font-size: $font-size-small; -} - - - -/* Icon Font - See the icon-set/preview in /assets/fonts/iconfont-preview.html -------------------------------------------------------------------- */ - -@font-face { - font-family: 'iconfont'; - src: url('../fonts/iconfont.eot'); /* IE9 Compat Modes */ - src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/iconfont.woff') format('woff'), /* Pretty Modern Browsers */ - url('../fonts/iconfont.ttf') format('truetype'), /* Safari, Android, iOS */ - url('../fonts/iconfont.svg#svgFontName') format('svg'); /* Legacy iOS */ -} - -.iconfont { font-family: iconfont; } -.iconfont-48 { font-size: 48px; } - - -[data-icon]:before { content: attr(data-icon); } - -[data-icon]:before, -.icon-archive:before, -.icon-browser:before, -.icon-calendar:before, -.icon-camera:before, -.icon-chat:before, -.icon-check:before, -.icon-chevron-down:before, -.icon-chevron-left:before, -.icon-chevron-right:before, -.icon-chevron-up:before, -.icon-circle-with-cross:before, -.icon-circle-with-minus:before, -.icon-circle-with-plus:before, -.icon-cloud:before, -.icon-code:before, -.icon-cog:before, -.icon-dropbox:before, -.icon-edit:before, -.icon-export:before, -.icon-eye:before, -.icon-facebook:before, -.icon-feather:before, -.icon-github:before, -.icon-globe:before, -.icon-heart:before, -.icon-heart-outlined:before, -.icon-home:before, -.icon-instagram:before, -.icon-lab-flask:before, -.icon-leaf:before, -.icon-linkedin:before, -.icon-mail:before, -.icon-message:before, -.icon-mic:before, -.icon-network:before, -.icon-paper-plane:before, -.icon-pinterest:before, -.icon-price-tag:before, -.icon-rocket:before, -.icon-rss:before, -.icon-soundcloud:before, -.icon-star:before, -.icon-star-outlined:before, -.icon-thumbs-down:before, -.icon-thumbs-up:before, -.icon-tree:before, -.icon-tumblr:before, -.icon-twitter:before, -.icon-upload-to-cloud:before, -.icon-video:before, -.icon-vimeo:before, -.icon-warning:before, -.icon-xing:before, -.icon-youtube:before { - display: inline-block; -font-family: "iconfont"; -font-style: normal; -font-weight: normal; -font-variant: normal; -line-height: 1; -text-decoration: inherit; -text-rendering: optimizeLegibility; -text-transform: none; --moz-osx-font-smoothing: grayscale; --webkit-font-smoothing: antialiased; -font-smoothing: antialiased; -} - -.icon-archive:before { content: "\f100"; } -.icon-browser:before { content: "\f101"; } -.icon-calendar:before { content: "\f133"; } -.icon-camera:before { content: "\f102"; } -.icon-chat:before { content: "\f103"; } -.icon-check:before { content: "\f104"; } -.icon-chevron-down:before { content: "\f105"; } -.icon-chevron-left:before { content: "\f106"; } -.icon-chevron-right:before { content: "\f107"; } -.icon-chevron-up:before { content: "\f108"; } -.icon-circle-with-cross:before { content: "\f109"; } -.icon-circle-with-minus:before { content: "\f10a"; } -.icon-circle-with-plus:before { content: "\f10b"; } -.icon-cloud:before { content: "\f10c"; } -.icon-code:before { content: "\f10d"; } -.icon-cog:before { content: "\f10e"; } -.icon-dropbox:before { content: "\f10f"; } -.icon-edit:before { content: "\f110"; } -.icon-export:before { content: "\f111"; } -.icon-eye:before { content: "\f112"; } -.icon-facebook:before { content: "\f113"; } -.icon-feather:before { content: "\f114"; } -.icon-github:before { content: "\f115"; } -.icon-globe:before { content: "\f116"; } -.icon-heart:before { content: "\f117"; } -.icon-heart-outlined:before { content: "\f118"; } -.icon-home:before { content: "\f119"; } -.icon-instagram:before { content: "\f11a"; } -.icon-lab-flask:before { content: "\f11b"; } -.icon-leaf:before { content: "\f11c"; } -.icon-linkedin:before { content: "\f11d"; } -.icon-mail:before { content: "\f11e"; } -.icon-message:before { content: "\f11f"; } -.icon-mic:before { content: "\f120"; } -.icon-network:before { content: "\f121"; } -.icon-paper-plane:before { content: "\f122"; } -.icon-pinterest:before { content: "\f123"; } -.icon-price-tag:before { content: "\f124"; } -.icon-rocket:before { content: "\f125"; } -.icon-rss:before { content: "\f126"; } -.icon-soundcloud:before { content: "\f127"; } -.icon-star:before { content: "\f128"; } -.icon-star-outlined:before { content: "\f129"; } -.icon-thumbs-down:before { content: "\f12a"; } -.icon-thumbs-up:before { content: "\f12b"; } -.icon-tree:before { content: "\f134"; } -.icon-tumblr:before { content: "\f12c"; } -.icon-twitter:before { content: "\f12d"; } -.icon-upload-to-cloud:before { content: "\f12e"; } -.icon-video:before { content: "\f12f"; } -.icon-vimeo:before { content: "\f130"; } -.icon-warning:before { content: "\f131"; } -.icon-xing:before { content: "\f135"; } -.icon-youtube:before { content: "\f132"; } diff --git a/_sass/_07_layout.scss b/_sass/_07_layout.scss deleted file mode 100644 index f47a262..0000000 --- a/_sass/_07_layout.scss +++ /dev/null @@ -1,338 +0,0 @@ -/* TOC - -- Adjustments: Video Layout -- Navigation -- Search -- Masthead -- Masthead › small-only -- Masthead › medium-only -- Masthead › large-only -- Masthead › xlarge-up -- Breadcrumb -- Meta -- Jump to top -- Footer -- Subfooter -- CSS-Classes to add margin at top or bottom - -*/ - - - -/* Adjustments: Video Layout -------------------------------------------------------------------- */ - -body.video, -body.video #masthead-no-image-header { background: #000; } -body.video #masthead-no-image-header { margin-bottom: 60px; } -body.video h1, -body.video h2, -body.video h3, -body.video h4, -body.video h5, -body.video h6, -body.video p, -body.video a, -body.video blockquote:before, -body.video blockquote:after, -body.video cite a, { color: #fff; } -body.video cite a:visited, { color: #fff; } -body.video cite { color: #fff; } - - - -/* Navigation -------------------------------------------------------------------- */ - -#navigation { - -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); - box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); -} - - - -/* Search -------------------------------------------------------------------- */ - -#search { - padding: 20px 0 0 0; - background: $ci-4; -} - - - -/* Masthead -------------------------------------------------------------------- */ - -#masthead { - background: $primary-color; -} -#masthead-no-image-header { - background: $primary-color; -} -#masthead-with-text { - text-align: center; - font-size: rem-calc(54); - font-family: $header-font-family; - color: #fff; - text-transform: uppercase; - text-shadow: 0 2px 3px rgba(0,0,0,.4); -} -#masthead-no-image-header { - height: 175px; -} -#masthead-no-image-header #logo img { - margin-top: 60px; -} -.backstretch { - background: $primary-color; -} - -/* Masthead › small-only -------------------------------------------------------------------- */ - -@media #{$small-only} { - #logo img { - display: none; - } - #masthead { - height: 200px; - } - #masthead-with-pattern { - padding: 15px 0; - } - #masthead-with-background-color { - padding: 15px 0; - } - #masthead-with-text { - height: 220px; - padding: 30px 0; - font-size: rem-calc(36); - } - #masthead-no-image-header { - display: none; - } -} - - -/* Masthead › medium-only -------------------------------------------------------------------- */ - -@media #{$medium-only} { - #logo img { - margin-top: 60px; - } - #masthead { - height: 280px; - } - #masthead-with-pattern { - padding: 20px 0; - } - #masthead-with-background-color { - padding: 20px 0; - } - #masthead-with-text { - padding: 60px 0; - height: 300px; - } -} - - -/* Masthead › large-only -------------------------------------------------------------------- */ - -@media #{$large-only} { - #logo img { - margin-top: 80px; - } - #masthead { - height: 310px; - } - #masthead-with-pattern { - padding: 30px 0; - } - #masthead-with-background-color { - padding: 30px 0; - } - #masthead-with-text { - height: 330px; - padding: 60px 0; - } -} - - -/* Masthead › xlarge-up -------------------------------------------------------------------- */ - -@media #{$xlarge-up} { - #logo img { - margin-top: 110px; - } - #masthead { - height: 380px; - } - #masthead-with-pattern { - padding: 45px 0; - } - #masthead-with-background-color { - padding: 45px 0; - } - #masthead-with-text { - padding: 95px 0; - height: 400px; - } -} - - -#title-image-small { - height: 240px; -} -#title-image-large { - height: 520px; -} -#title-image-index-small { - height: 120px; -} -#title-image-index-large { - height: 260px; -} - - - -/* Breadcrumb -------------------------------------------------------------------- */ - -#breadcrumb { - background: scale-color($grey-1, $lightness: 55%); - border-top: 1px solid scale-color($grey-1, $lightness: 45%); - border-bottom: 1px solid scale-color($grey-1, $lightness: 45%); -} -.breadcrumbs>.current { - font-weight: bold; -} - - -/* Meta -------------------------------------------------------------------- */ - -#page-meta, #page-meta a { - color: $grey-5; -} - -#page-meta .button { - background: $grey-5; - border: 0; -} -#page-meta .button { - color: #fff; -} -#page-meta .button:hover { - background: $primary-color; -} - - - -/* Jump to top -------------------------------------------------------------------- */ - -#up-to-top { - padding: 160px 0 10px 0; -} -#up-to-top a { - font-size: 24px; - padding: 5px; - border-radius: 3px; -} -#up-to-top a:hover { - background: $grey-2; -} - - - -/* Footer -------------------------------------------------------------------- */ - -#footer { - padding-top: 30px; - padding-bottom: 20px; - background: $footer-bg; - color: $footer-color; - } - footer p, - footer li { - font-size: rem-calc(13); - font-weight: 300; - } - - #footer a { - color: $footer-link-color; - } - #footer h4, - #footer h5 { - letter-spacing: 1px; - color: #fff; - text-transform: uppercase; - } - - - -/* Subfooter -------------------------------------------------------------------- */ - -#subfooter { - background: $subfooter-bg; - color: $subfooter-color; - padding-top: 30px; - padding-bottom: 10px; -} - #subfooter-left ul.inline-list { - float: left; - } - #subfooter li a { - color: $subfooter-link-color; - text-transform: uppercase; - } - #subfooter li a:hover { - color: #fff; - } - #subfooter .social-icons li a { - font-size: rem-calc(23); - display: block; - width: 36px; - border-radius: 50%; - color: $subfooter-bg; - background: $subfooter-color; - text-align: center; - } - #subfooter .social-icons li a:hover { - background: $subfooter-bg; - color: #fff; - } - - - -/* CSS-Classes to add margin at top or bottom -------------------------------------------------------------------- */ - -.t10 { margin-top: 10px !important; } -.t15 { margin-top: 15px !important; } -.t20 { margin-top: 20px !important; } -.t30 { margin-top: 30px !important; } -.t50 { margin-top: 50px !important; } -.t60 { margin-top: 60px !important; } -.t70 { margin-top: 70px !important; } -.t80 { margin-top: 80px !important; } -.t90 { margin-top: 90px !important; } - -.b15 { margin-bottom: 15px !important; } -.b20 { margin-bottom: 20px !important; } -.b30 { margin-bottom: 30px !important; } -.b60 { margin-bottom: 60px !important; } - -.l15 { margin-left: 15px !important; } -.r15 { margin-right: 15px !important; } - -.pl20 { padding-left: 20px !important; } -.pr5 { padding-right: 5px !important; } -.pr10 { padding-right: 10px !important; } -.pr20 { padding-right: 20px !important; } \ No newline at end of file diff --git a/_sass/_09_elements.scss b/_sass/_09_elements.scss deleted file mode 100644 index f489c3a..0000000 --- a/_sass/_09_elements.scss +++ /dev/null @@ -1,141 +0,0 @@ -/* TOC - -- Table of Contents (Index) -- Panel -- Shadows -- Alerts -- Breadcrumb -- Button -- Side-Nav -- Meta -- Accordion - -*/ - - - -/* Table of Contents (Index) -------------------------------------------------------------------- */ - -#toc ul, -#toc ul ul, -#toc ul ul ul, { - list-style: none; - margin-left: 30px; -} -#toc ul { - margin-left: 0; - margin-top: $spacing-unit; -} - - - -/* Panel -------------------------------------------------------------------- */ - -.border-dotted { - border: 1px dotted $grey-5; - padding: rem-calc(20); - border-radius: $global-radius; -} - - - -/* Shadows -------------------------------------------------------------------- */ - -.shadow-no {text-shadow: rgba(0, 0, 0, 0) 0 0 0;} -.shadow-black {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;} -.shadow-white {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;} - - - -/* Alerts -------------------------------------------------------------------- */ - -.alert-box { - font-family: $font-family-sans-serif; - text-shadow: 0px 1px 1px rgba(0,0,0,0.9); -} - .alert-box p { - margin-bottom: 0; - } - .alert-box a { - text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); - color: #fff; - border-bottom: 1px dotted #fff; - } - .alert-box a:hover { - border-bottom: 1px solid #fff; - } - .alert-box.terminal { - background: $grey-12; - color: #fff; - border-color: scale-color($grey-12, $lightness: -14%); - font-family: $font-family-monospace; - } - .alert-box.terminal::before { - content: "$ "; - color: $ci-6; - } - .alert-box.text { - background-color: $grey-2; - text-shadow: 0px 0px 0px rgba(0,0,0,0.9); - border-color: scale-color($grey-2, $lightness: -14%); - color: $grey-12; - } - - - -/* Button -------------------------------------------------------------------- */ - -button, .button { letter-spacing: 1px; } - button.grey, .button.grey { background: $grey-10; } - button.grey:hover, - button.grey:focus, - .button.grey:hover, - .button.grey:focus { background-color: $grey-16; } - - - -/* Side-Nav -------------------------------------------------------------------- */ - -.side-nav li.title { text-transform: uppercase;} -.side-nav li { border-top: 1px solid $grey-3;} -.side-nav li a:not(.button) { border-bottom: 0; padding: 0.4375rem 0rem; } -.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: $grey-1; } - -.homepage p { margin: 0; padding: 0; color: $grey-10; } - - - -/* Meta -------------------------------------------------------------------- */ - -.meta-info p { - font-size: rem-calc(13); - color: scale-color($grey-1, $lightness: 40%); -} - .meta-info a { - text-decoration: underline; - color: scale-color($grey-1, $lightness: 40%); - } - .meta-info a:hover { - text-decoration: none; - color: $secondary-color; - } - - - -/* Accordion -------------------------------------------------------------------- */ - -dl.accordion { border-top: 1px solid $grey-2; } -.accordion dd { border-bottom: 1px solid $grey-2; } -dd.accordion-navigation span { padding-right: 12px; } -dd.accordion-navigation span:before { content: "\F107" } -dd.accordion-navigation.active span:before { content: "\F105" } -dd.accordion-navigation.active span:before { content: "\F105" } - diff --git a/_sass/_11_syntax-highlighting.scss b/_sass/_11_syntax-highlighting.scss deleted file mode 100644 index 67948cd..0000000 --- a/_sass/_11_syntax-highlighting.scss +++ /dev/null @@ -1,66 +0,0 @@ - -/* Syntax highlighting styles -------------------------------------------------------------------- */ - -.highlight { - background: #fff; - .c { color: #998; font-style: italic } // Comment - .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1 { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long -} diff --git a/_sass/_functions.scss b/_sass/_functions.scss deleted file mode 100644 index 10bcb79..0000000 --- a/_sass/_functions.scss +++ /dev/null @@ -1,146 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// This is the default html and body font-size for the base rem value. -$rem-base: 16px !default; - -// IMPORT ONCE -// We use this to prevent styles from being loaded multiple times for compenents that rely on other components. -$modules: () !default; -@mixin exports($name) { - // Import from global scope - $modules: $modules !global; - // Check if a module is already on the list - $module_index: index($modules, $name); - @if (($module_index == null) or ($module_index == false)) { - $modules: append($modules, $name) !global; - @content; - } -} - -// -// @functions -// - - -// RANGES -// We use these functions to define ranges for various things, like media queries. -@function lower-bound($range){ - @if length($range) <= 0 { - @return 0; - } - @return nth($range,1); -} - -@function upper-bound($range) { - @if length($range) < 2 { - @return 999999999999; - } - @return nth($range, 2); -} - -// STRIP UNIT -// It strips the unit of measure and returns it -@function strip-unit($num) { - @return $num / ($num * 0 + 1); -} - -// TEXT INPUT TYPES - -@function text-inputs( $types: all, $selector: input ) { - - $return: (); - - $all-text-input-types: - text - password - date - datetime - datetime-local - month - week - email - number - search - tel - time - url - color - textarea; - - @if $types == all { $types: $all-text-input-types; } - - @each $type in $types { - @if $type == textarea { - @if $selector == input { - $return: append($return, unquote('#{$type}'), comma) - } @else { - $return: append($return, unquote('#{$type}#{$selector}'), comma) - } - } @else { - $return: append($return, unquote('#{$selector}[type="#{$type}"]'), comma) - } - } - - @return $return; - -} - -// CONVERT TO REM -@function convert-to-rem($value, $base-value: $rem-base) { - $value: strip-unit($value) / strip-unit($base-value) * 1rem; - @if ($value == 0rem) { $value: 0; } // Turn 0rem into 0 - @return $value; -} - -@function data($attr) { - @if $namespace { - @return '[data-' + $namespace + '-' + $attr + ']'; - } - - @return '[data-' + $attr + ']'; -} - -// REM CALC - -// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's. -// Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported: -// -// rem-calc(10 20 30px 40); -// -// Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets -// -// rem-calc((10, 20, 30, 40px)); -// -// Optionally call with a different base (eg: 8px) to calculate rem. -// -// rem-calc(16px 32px 48px, 8px); -// -// If you require to comma separate your list -// -// rem-calc((16px, 32px, 48), 8px); - -@function rem-calc($values, $base-value: $rem-base) { - $max: length($values); - - @if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); } - - $remValues: (); - @for $i from 1 through $max { - $remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value)); - } - @return $remValues; -} - -// OLD EM CALC -// Deprecated: We'll drop support for this in 5.1.0, use rem-calc() -@function emCalc($values){ - @return rem-calc($values); -} - -// OLD EM CALC -// Deprecated: We'll drop support for this in 5.1.0, use rem-calc() -@function em-calc($values){ - @return rem-calc($values); -} diff --git a/_sass/foundation-components/_accordion.scss b/_sass/foundation-components/_accordion.scss deleted file mode 100644 index fb57509..0000000 --- a/_sass/foundation-components/_accordion.scss +++ /dev/null @@ -1,157 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// - -$include-html-accordion-classes: $include-html-classes !default; - -$accordion-navigation-padding: rem-calc(16) !default; -$accordion-navigation-bg-color: $silver !default; -$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default; -$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default; -$accordion-navigation-font-color: $jet !default; -$accordion-navigation-font-size: rem-calc(16) !default; -$accordion-navigation-font-family: $body-font-family !default; - -$accordion-content-padding: ($column-gutter/2) !default; -$accordion-content-active-bg-color: $white !default; - - -// Mixin: accordion-container() -// Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix -// Explicit Dependencies: a clearfix mixin *is* defined. -// Implicit Dependencies: None - -@mixin accordion-container() { - @include clearfix; - margin-bottom: 0; -} - -// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){ -// @params $bg-color: [ color or string ]: Specify the background color for the navigation element -// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered -// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. -// @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible -// @params $font-color [ color or string ]: Color of the font for accordion -// @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element -// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion - -@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){ - display: block; - margin-bottom: 0 !important; - @if type-of($active_class) != "string" { - @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component." - } - @else { - &.#{ $active_class } > a { - background: $active-bg; - } - } - > a { - background: $bg; - color: $font-color; - @if type-of($padding) != number { - @warn "`#{$padding}` was read as #{type-of($padding)}"; - @if $accordion-navigation-padding != null { - @warn "#{$padding} was read as a #{type-of($padding)}"; - @warn "`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)"; - padding: $accordion-navigation-padding; - } - @else { - @warn "`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding"; - padding: null; - } - } - @else { - padding: $padding; - } - display: block; - font-family: $font-family; - @if type-of($font-size) != number { - @warn "`#{$font-size}` was read as a #{type-of($font-size)}"; - @if $accordion-navigation-font-size != null { - @warn "`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size})."; - font-size: $accordion-navigation-font-size; - } - @else{ - @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size."; - font-size: null; - - } - } - @else { - font-size: $font-size; - } - &:hover { - background: $hover-bg; - } - } -} - -// Mixin: accordion-content($bg, $padding, $active-class) -// @params $padding [ number ]: Padding for the content of the container -// @params $bg [ color ]: Background color for the content when it's visible -// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. - -@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){ - display: none; - @if type-of($padding) != "number" { - @warn "#{$padding} was read as a #{type-of($padding)}"; - @if $accordion-content-padding != null { - @warn "`#{$padding}` isn't a valid number. $accordion-content-padding used instead"; - padding: $accordion-content-padding; - } @else { - @warn "`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding."; - padding: null; - } - } @else { - padding: $padding; - } - - @if type-of($active_class) != "string" { - @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. " - } - @else { - &.#{$active_class} { - display: block; - background: $bg; - } - } -} - -@include exports("accordion") { - @if $include-html-accordion-classes { - .accordion { - @include clearfix; - margin-bottom: 0; - .accordion-navigation, dd { - display: block; - margin-bottom: 0 !important; - &.active > a { background: $accordion-navigation-active-bg-color; } - > a { - background: $accordion-navigation-bg-color; - color: $accordion-navigation-font-color; - padding: $accordion-navigation-padding; - display: block; - font-family: $accordion-navigation-font-family; - font-size: $accordion-navigation-font-size; - &:hover { background: $accordion-navigation-hover-bg-color; } - } - - > .content { - display: none; - padding: $accordion-content-padding; - &.active { - display: block; - background: $accordion-content-active-bg-color; - } - } - } - } - } -} diff --git a/_sass/foundation-components/_alert-boxes.scss b/_sass/foundation-components/_alert-boxes.scss deleted file mode 100644 index 493fbaa..0000000 --- a/_sass/foundation-components/_alert-boxes.scss +++ /dev/null @@ -1,128 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Alert Box Variables -// -$include-html-alert-classes: $include-html-classes !default; - -// We use this to control alert padding. -$alert-padding-top: rem-calc(14) !default; -$alert-padding-default-float: $alert-padding-top !default; -$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default; -$alert-padding-bottom: $alert-padding-top !default; - -// We use these to control text style. -$alert-font-weight: $font-weight-normal !default; -$alert-font-size: rem-calc(13) !default; -$alert-font-color: $white !default; -$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default; - -// We use this for close hover effect. -$alert-function-factor: -14% !default; - -// We use these to control border styles. -$alert-border-style: solid !default; -$alert-border-width: 1px !default; -$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default; -$alert-bottom-margin: rem-calc(20) !default; - -// We use these to style the close buttons -$alert-close-color: $oil !default; -$alert-close-top: 50% !default; -$alert-close-position: rem-calc(4) !default; -$alert-close-font-size: rem-calc(22) !default; -$alert-close-opacity: 0.3 !default; -$alert-close-opacity-hover: 0.5 !default; -$alert-close-padding: 9px 6px 4px !default; -$alert-close-background: inherit !default; - -// We use this to control border radius -$alert-radius: $global-radius !default; - -$alert-transition-speed: 300ms !default; -$alert-transition-ease: ease-out !default; - -// -// Alert Mixins -// - -// We use this mixin to create a default alert base. -@mixin alert-base { - border-style: $alert-border-style; - border-width: $alert-border-width; - display: block; - font-weight: $alert-font-weight; - margin-bottom: $alert-bottom-margin; - position: relative; - padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float; - font-size: $alert-font-size; - @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease) -} - -// We use this mixin to add alert styles -// -// $bg - The background of the alert. Default: $primary-color. -@mixin alert-style($bg:$primary-color) { - - // This finds the lightness percentage of the background color. - $bg-lightness: lightness($bg); - - // We control which background color and border come through. - background-color: $bg; - border-color: scale-color($bg, $lightness: $alert-function-factor); - - // We control the text color for you based on the background color. - @if $bg-lightness > 70% { color: $alert-font-color-alt; } - @else { color: $alert-font-color; } - -} - -// We use this to create the close button. -@mixin alert-close { - font-size: $alert-close-font-size; - padding: $alert-close-padding; - line-height: 0; - position: absolute; - top: $alert-close-top; - margin-top: -($alert-close-font-size / 2); - #{$opposite-direction}: $alert-close-position; - color: $alert-close-color; - opacity: $alert-close-opacity; - background: $alert-close-background; - &:hover, - &:focus { opacity: $alert-close-opacity-hover; } -} - -// We use this to quickly create alerts with a single mixin. -// -// $bg - Background of alert. Default: $primary-color. -// $radius - Radius of alert box. Default: false. -@mixin alert($bg:$primary-color, $radius:false) { - @include alert-base; - @include alert-style($bg); - @include radius($radius); -} - -@include exports("alert-box") { - @if $include-html-alert-classes { - .alert-box { - @include alert; - - .close { @include alert-close; } - - &.radius { @include radius($alert-radius); } - &.round { @include radius($global-rounded); } - - &.success { @include alert-style($success-color); } - &.alert { @include alert-style($alert-color); } - &.secondary { @include alert-style($secondary-color); } - &.warning { @include alert-style($warning-color); } - &.info { @include alert-style($info-color); } - &.alert-close { opacity: 0} - } - } -} diff --git a/_sass/foundation-components/_block-grid.scss b/_sass/foundation-components/_block-grid.scss deleted file mode 100644 index 5c7bf14..0000000 --- a/_sass/foundation-components/_block-grid.scss +++ /dev/null @@ -1,132 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Block Grid Variables -// -$include-html-block-grid-classes: $include-html-classes !default; -$include-xl-html-block-grid-classes: false !default; - -// We use this to control the maximum number of block grid elements per row -$block-grid-elements: 12 !default; -$block-grid-default-spacing: rem-calc(20) !default; - -$align-block-grid-to-grid: false !default; -@if $align-block-grid-to-grid { - $block-grid-default-spacing: $column-gutter; -} - -// Enables media queries for block-grid classes. Set to false if writing semantic HTML. -$block-grid-media-queries: true !default; - -// -// Block Grid Mixins -// - -// Create a custom block grid -// -// $per-row - # of items to display per row. Default: false. -// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20). -// $base-style - Apply a base style to block grid. Default: true. -@mixin block-grid( - $per-row:false, - $spacing:$block-grid-default-spacing, - $include-spacing:true, - $base-style:true) { - - @if $base-style { - display: block; - padding: 0; - @if $align-block-grid-to-grid { - margin: 0; - } @else { - margin: 0 (-$spacing/2); - } - @include clearfix; - - &>li { - display: block; - height: auto; - float: $default-float; - @if $include-spacing { - padding: 0 ($spacing/2) $spacing; - } - } - } - - @if $per-row { - &>li { - width: 100%/$per-row; - @if $include-spacing { - padding: 0 ($spacing/2) $spacing; - } - list-style: none; - - &:nth-of-type(1n) { clear: none; } - &:nth-of-type(#{$per-row}n+1) { clear: both; } - @if $align-block-grid-to-grid { - @include block-grid-aligned($per-row, $spacing); - } - } - } -} - -@mixin block-grid-aligned($per-row, $spacing) { - @for $i from 1 through $block-grid-elements { - @if $per-row >= $i { - $grid-column: '+' + $i; - @if $per-row == $i { - $grid-column: ''; - } - &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) { - padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1)))); - padding-right: ($spacing - (($spacing / $per-row) * $i)); - } - } - } -} - -// Generate presentational markup for block grid. -// -// $size - Name of class to use, i.e. "large" will generate .large-block-grid-1, .large-block-grid-2, etc. -@mixin block-grid-html-classes($size,$include-spacing) { - @for $i from 1 through $block-grid-elements { - .#{$size}-block-grid-#{($i)} { - @include block-grid($i,$block-grid-default-spacing,$include-spacing,false); - } - } -} - -@include exports("block-grid") { - @if $include-html-block-grid-classes { - - [class*="block-grid-"] { @include block-grid; } - - @if $block-grid-media-queries { - @media #{$small-up} { - @include block-grid-html-classes($size:small,$include-spacing:false); - } - - @media #{$medium-up} { - @include block-grid-html-classes($size:medium,$include-spacing:false); - } - - @media #{$large-up} { - @include block-grid-html-classes($size:large,$include-spacing:false); - } - - @if $include-xl-html-block-grid-classes { - @media #{$xlarge-up} { - @include block-grid-html-classes($size:xlarge,$include-spacing:false); - } - - @media #{$xxlarge-up} { - @include block-grid-html-classes($size:xxlarge,$include-spacing:false); - } - } - } - } -} diff --git a/_sass/foundation-components/_breadcrumbs.scss b/_sass/foundation-components/_breadcrumbs.scss deleted file mode 100644 index 612a146..0000000 --- a/_sass/foundation-components/_breadcrumbs.scss +++ /dev/null @@ -1,132 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Breadcrumb Variables -// -$include-html-nav-classes: $include-html-classes !default; - -// We use this to set the background color for the breadcrumb container. -$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default; - -// We use these to set the padding around the breadcrumbs. -$crumb-padding: rem-calc(9 14 9) !default; -$crumb-side-padding: rem-calc(12) !default; - -// We use these to control border styles. -$crumb-function-factor: -10% !default; -$crumb-border-size: 1px !default; -$crumb-border-style: solid !default; -$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default; -$crumb-radius: $global-radius !default; - -// We use these to set various text styles for breadcrumbs. -$crumb-font-size: rem-calc(11) !default; -$crumb-font-color: $primary-color !default; -$crumb-font-color-current: $oil !default; -$crumb-font-color-unavailable: $aluminum !default; -$crumb-font-transform: uppercase !default; -$crumb-link-decor: underline !default; - -// We use these to control the slash between breadcrumbs -$crumb-slash-color: $base !default; -$crumb-slash: "/" !default; - -// -// Breadcrumb Mixins -// - -// We use this mixin to create a container around our breadcrumbs -@mixin crumb-container { - display: block; - padding: $crumb-padding; - overflow: hidden; - margin-#{$default-float}: 0; - list-style: none; - border-style: $crumb-border-style; - border-width: $crumb-border-size; - - // We control which background color and border come through. - background-color: $crumb-bg; - border-color: $crumb-border-color; -} - -// We use this mixin to create breadcrumb styles from list items. -@mixin crumbs { - - // A normal state will make the links look and act like clickable breadcrumbs. - margin: 0; - float: $default-float; - font-size: $crumb-font-size; - line-height: $crumb-font-size; - text-transform: $crumb-font-transform; - color: $crumb-font-color; - - &:hover a, &:focus a { text-decoration: $crumb-link-decor; } - - a { - color: $crumb-font-color; - } - - // Current is for the link of the current page - &.current { - cursor: $cursor-default-value; - color: $crumb-font-color-current; - a { - cursor: $cursor-default-value; - color: $crumb-font-color-current; - } - - &:hover, &:hover a, - &:focus, &:focus a { text-decoration: none; } - } - - // Unavailable removed color and link styles so it looks inactive. - &.unavailable { - color: $crumb-font-color-unavailable; - a { color: $crumb-font-color-unavailable; } - - &:hover, - &:hover a, - &:focus, - a:focus { - text-decoration: none; - color: $crumb-font-color-unavailable; - cursor: $cursor-default-value; - } - } - - &:before { - content: "#{$crumb-slash}"; - color: $crumb-slash-color; - margin: 0 $crumb-side-padding; - position: relative; - top: 1px; - } - - &:first-child:before { - content: " "; - margin: 0; - } -} - -@include exports("breadcrumbs") { - @if $include-html-nav-classes { - .breadcrumbs { - @include crumb-container; - @include radius($crumb-radius); - - &>* { - @include crumbs; - } - } - } -} - -/* Accessibility - hides the forward slash */ -[aria-label="breadcrumbs"] [aria-hidden="true"]:after { - content: "/"; - } diff --git a/_sass/foundation-components/_button-groups.scss b/_sass/foundation-components/_button-groups.scss deleted file mode 100644 index c989dfb..0000000 --- a/_sass/foundation-components/_button-groups.scss +++ /dev/null @@ -1,197 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "buttons"; - -// -// Button Group Variables -// -$include-html-button-classes: $include-html-classes !default; - -// Sets the margin for the right side by default, and the left margin if right-to-left direction is used -$button-bar-margin-opposite: rem-calc(10) !default; -$button-group-border-width: 1px !default; - -// -// Button Group Mixins -// - -// We use this to add styles for a button group container -@mixin button-group-container($styles:true, $float:false) { - @if $styles { - list-style: none; - margin: 0; - #{$default-float}: 0; - @include clearfix(); - } - @if $float { - float: #{$default-float}; - margin-#{$opposite-direction}: $button-bar-margin-opposite; - & div { overflow: hidden; } - } -} - -// We use this to control styles for button groups -@mixin button-group-style($radius:false, $even:false, $float:false, $orientation:horizontal) { - - > button, .button { - border-#{$default-float}: $button-group-border-width solid; - border-color: rgba(255, 255, 255, 0.5); - } - - &:first-child { - button, .button { - border-#{$default-float}: 0; - } - } - - // We use this to control the flow, or remove those styles completely. - @if $float { - margin: 0; - float: $float; - display: list-item; - // Make sure the first child doesn't get the negative margin. - &:first-child { margin-#{$default-float}: 0; } - } - @else { - margin: 0 -2px; - display: inline-block; - } - - @if $orientation == vertical { - display:block; - margin:0; - > button, .button { - border-top: $button-group-border-width solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin:0; - display: block; - } - - &:first-child { - button, .button { - border-top: 0; - } - } - } - - // We use these to control left and right radius on first/last buttons in the group. - @if $radius == true { - &, - & > a, - & > button, - & > .button { @include radius(0); } - &:first-child, - &:first-child > a, - &:first-child > button, - &:first-child > .button { - @if $orientation == vertical { - @include side-radius(top, $button-radius); - } - @else { - @include side-radius($default-float, $button-radius); - } - } - &:last-child, - &:last-child > a, - &:last-child > button, - &:last-child > .button { - @if $orientation == vertical { - @include side-radius(bottom, $button-radius); - } - @else { - @include side-radius($opposite-direction, $button-radius); - } - } - } - @else if $radius { - &, - & > a, - & > button, - & > .button { @include radius(0); } - &:first-child, - &:first-child > a, - &:first-child > button, - &:first-child > .button { - @if $orientation == vertical { - @include side-radius(top, $radius); - } - @else { - @include side-radius($default-float, $radius); - } - } - &:last-child, - &:last-child > a, - &:last-child > button, - &:last-child > .button { - @if $orientation == vertical { - @include side-radius(bottom, $radius); - } - @else { - @include side-radius($opposite-direction, $radius); - } - } - } - - // We use this to make the buttons even width across their container - @if $even { - width: percentage((100/$even) / 100); - button, .button { width: 100%; } - } -} - -@include exports("button-group") { - @if $include-html-button-classes { - .button-group { @include button-group-container; - - & > li { @include button-group-style(); } - - &.stack { - & > li { @include button-group-style($orientation:vertical); float: none; } - } - - &.stack-for-small { - & > li { - @include button-group-style($orientation:horizontal); - @media #{$small-only} { - @include button-group-style($orientation:vertical); - } - } - } - - &.radius > * { @include button-group-style($radius:$button-radius, $float:null); } - &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); } - &.radius.stack-for-small > * { - @media #{$medium-up} { - @include button-group-style($radius:$button-radius, $orientation:horizontal); - } - @media #{$small-only} { - @include button-group-style($radius:$button-radius, $orientation:vertical); - } - } - - &.round > * { @include button-group-style($radius:$button-round, $float:null); } - &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); } - &.round.stack-for-small > * { - @media #{$medium-up} { - @include button-group-style($radius:$button-round, $orientation:horizontal); - } - @media #{$small-only} { - @include button-group-style($radius:$button-med, $orientation:vertical); - } - } - - @for $i from 2 through 8 { - &.even-#{$i} li { @include button-group-style($even:$i, $float:null); } - } - } - - .button-bar { - @include clearfix; - .button-group { @include button-group-container($styles:false, $float:true); } - } - } -} diff --git a/_sass/foundation-components/_buttons.scss b/_sass/foundation-components/_buttons.scss deleted file mode 100644 index 022f6d5..0000000 --- a/_sass/foundation-components/_buttons.scss +++ /dev/null @@ -1,259 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-button-classes: $include-html-classes !default; - -// We use these to build padding for buttons. -$button-tny: rem-calc(10) !default; -$button-sml: rem-calc(14) !default; -$button-med: rem-calc(16) !default; -$button-lrg: rem-calc(18) !default; - -// We use this to control the display property. -$button-display: inline-block !default; -$button-margin-bottom: rem-calc(20) !default; - -// We use these to control button text styles. -$button-font-family: $body-font-family !default; -$button-font-color: $white !default; -$button-font-color-alt: $oil !default; -$button-font-tny: rem-calc(11) !default; -$button-font-sml: rem-calc(13) !default; -$button-font-med: rem-calc(16) !default; -$button-font-lrg: rem-calc(20) !default; -$button-font-weight: $font-weight-normal !default; -$button-font-align: center !default; - -// We use these to control various hover effects. -$button-function-factor: -20% !default; - -// We use these to control button border styles. -$button-border-width: 0 !default; -$button-border-style: solid !default; -$button-bg-color: $primary-color !default; -$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default; -$button-border-color: $button-bg-hover !default; -$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default; -$secondary-button-border-color: $secondary-button-bg-hover !default; -$success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default; -$success-button-border-color: $success-button-bg-hover !default; -$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default; -$alert-button-border-color: $alert-button-bg-hover !default; -$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default; -$warning-button-border-color: $warning-button-bg-hover !default; -$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default; -$info-button-border-color: $info-button-bg-hover !default; - -// We use this to set the default radius used throughout the core. -$button-radius: $global-radius !default; -$button-round: $global-rounded !default; - -// We use this to set default opacity and cursor for disabled buttons. -$button-disabled-opacity: 0.7 !default; -$button-disabled-cursor: $cursor-default-value !default; - - -// -// @MIXIN -// -// We use this mixin to create a default button base. -// -// $style - Sets base styles. Can be set to false. Default: true. -// $display - Used to control display property. Default: $button-display || inline-block - -@mixin button-base($style:true, $display:$button-display) { - @if $style { - border-style: $button-border-style; - border-width: $button-border-width; - cursor: $cursor-pointer-value; - font-family: $button-font-family; - font-weight: $button-font-weight; - line-height: normal; - margin: 0 0 $button-margin-bottom; - position: relative; - text-decoration: none; - text-align: $button-font-align; - -webkit-appearance: none; - border-radius:0; - } - @if $display { display: $display; } -} - -// @MIXIN -// -// We use this mixin to add button size styles -// -// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12) -// $full-width - We can set $full-width:true to remove side padding extend width - Default: false - -@mixin button-size($padding:$button-med, $full-width:false) { - - // We control which padding styles come through, - // these can be turned off by setting $padding:false - @if $padding { - padding-top: $padding; - padding-#{$opposite-direction}: $padding * 2; - padding-bottom: $padding + rem-calc(1); - padding-#{$default-float}: $padding * 2; - - // We control the font-size based on mixin input. - @if $padding == $button-med { font-size: $button-font-med; } - @else if $padding == $button-tny { font-size: $button-font-tny; } - @else if $padding == $button-sml { font-size: $button-font-sml; } - @else if $padding == $button-lrg { font-size: $button-font-lrg; } - } - - // We can set $full-width:true to remove side padding extend width. - @if $full-width { - // We still need to check if $padding is set. - @if $padding { - padding-top: $padding; - padding-bottom: $padding + rem-calc(1); - } @else if $padding == false { - padding-top:0; - padding-bottom:0; - } - padding-right: 0; - padding-left: 0; - width: 100%; - } -} - -// @MIXIN -// -// we use this mixin to create the button hover and border colors - -// @MIXIN -// -// We use this mixin to add button color styles -// -// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color. -// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true -// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false -// $bg-hover - Button Hover Background Color. Default: $button-bg-hover -// $border-color - Button Border Color. Default: $button-border-color -@mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) { - - // We control which background styles are used, - // these can be removed by setting $bg:false - @if $bg { - - @if $bg-hover == null { - $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor)); - } - - @if $border-color == null { - $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor)); - } - - // This find the lightness percentage of the background color. - $bg-lightness: lightness($bg); - $bg-hover-lightness: lightness($bg-hover); - - background-color: $bg; - border-color: $border-color; - &:hover, - &:focus { background-color: $bg-hover; } - - // We control the text color for you based on the background color. - color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color); - - &:hover, - &:focus { - color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color); - } - } - - // We can set $disabled:true to create a disabled transparent button. - @if $disabled { - cursor: $button-disabled-cursor; - opacity: $button-disabled-opacity; - box-shadow: none; - &:hover, - &:focus { background-color: $bg; } - } - - // We can control how much button radius is used. - @if $radius == true { @include radius($button-radius); } - @else if $radius { @include radius($radius); } - -} - -// @MIXIN -// -// We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, "the kitchen sink mixin" -// -// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12) -// $bg - Primary color set in settings file. Default: $button-bg. -// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false. -// $full-width - We can set $full-width:true to remove side padding extend width. Default:false. -// $disabled - We can set $disabled:true to create a disabled transparent button. Default:false. -// $is-prefix - Not used? Default:false. -// $bg-hover - Button Hover Color - Default null - see button-style mixin -// $border-color - Button Border Color - Default null - see button-style mixin -// $transition - We can control whether or not to include the background-color transition property - Default:true. -@mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) { - @include button-base; - @include button-size($padding, $full-width); - @include button-style($bg, $radius, $disabled, $bg-hover, $border-color); - - @if $transition { - @include single-transition(background-color); - } -} - - -@include exports("button") { - @if $include-html-button-classes { - - // Default styles applied outside of media query - button, .button { - @include button-base; - @include button-size; - @include button-style; - - @include single-transition(background-color); - - &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); } - &.success { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); } - &.alert { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); } - &.warning { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); } - &.info { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); } - - &.large { @include button-size($padding:$button-lrg); } - &.small { @include button-size($padding:$button-sml); } - &.tiny { @include button-size($padding:$button-tny); } - &.expand { @include button-size($padding:null,$full-width:true); } - - &.left-align { text-align: left; text-indent: rem-calc(12); } - &.right-align { text-align: right; padding-right: rem-calc(12); } - - &.radius { @include button-style($bg:false, $radius:true); } - &.round { @include button-style($bg:false, $radius:$button-round); } - - &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color); - &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); } - &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); } - &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); } - &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); } - &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); } - } - } - - //firefox 2px fix - button::-moz-focus-inner {border:0; padding:0;} - - @media #{$medium-up} { - button, .button { - @include button-base($style:false, $display:inline-block); - @include button-size($padding:false, $full-width:false); - } - } - } -} diff --git a/_sass/foundation-components/_clearing.scss b/_sass/foundation-components/_clearing.scss deleted file mode 100644 index 737af29..0000000 --- a/_sass/foundation-components/_clearing.scss +++ /dev/null @@ -1,247 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-clearing-classes: $include-html-classes !default; - -// We use these to set the background colors for parts of Clearing. -$clearing-bg: $oil !default; -$clearing-caption-bg: $clearing-bg !default; -$clearing-carousel-bg: rgba(51,51,51,0.8) !default; -$clearing-img-bg: $clearing-bg !default; - -// We use these to style the close button -$clearing-close-color: $iron !default; -$clearing-close-size: 30px !default; - -// We use these to style the arrows -$clearing-arrow-size: 12px !default; -$clearing-arrow-color: $clearing-close-color !default; - -// We use these to style captions -$clearing-caption-font-color: $iron !default; -$clearing-caption-font-size: 0.875em !default; -$clearing-caption-padding: 10px 30px 20px !default; - -// We use these to make the image and carousel height and style -$clearing-active-img-height: 85% !default; -$clearing-carousel-height: 120px !default; -$clearing-carousel-thumb-width: 120px !default; -$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default; - -@include exports("clearing") { - @if $include-html-clearing-classes { - // We decided to not create a mixin for Clearing because it relies - // on predefined classes and structure to work properly. - // The variables above should give enough control. - - /* Clearing Styles */ - .clearing-thumbs, #{data('clearing')} { - @include clearfix; - margin-bottom: 0; - margin-#{$default-float}: 0; - list-style: none; - - li { - float: $default-float; - margin-#{$opposite-direction}: 10px; - } - - &[class*="block-grid-"] li { - margin-#{$opposite-direction}: 0; - } - } - - .clearing-blackout { - background: $clearing-bg; - position: fixed; - width: 100%; - height: 100%; - top: 0; - #{$default-float}: 0; - z-index: 998; - - .clearing-close { display: block; } - } - - .clearing-container { - position: relative; - z-index: 998; - height: 100%; - overflow: hidden; - margin: 0; - } - - .clearing-touch-label { - position: absolute; - top: 50%; - left: 50%; - color: $base; - font-size: 0.6em; - } - - .visible-img { - height: 95%; - position: relative; - - img { - position: absolute; - #{$default-float}: 50%; - top: 50%; - margin-#{$default-float}: -50%; - max-height: 100%; - max-width: 100%; - } - } - - .clearing-caption { - color: $clearing-caption-font-color; - font-size: $clearing-caption-font-size; - line-height: 1.3; - margin-bottom: 0; - text-align: center; - bottom: 0; - background: $clearing-caption-bg; - width: 100%; - padding: $clearing-caption-padding; - position: absolute; - #{$default-float}: 0; - } - - .clearing-close { - z-index: 999; - padding-#{$default-float}: 20px; - padding-top: 10px; - font-size: $clearing-close-size; - line-height: 1; - color: $clearing-close-color; - display: none; - - &:hover, - &:focus { color: $iron; } - } - - .clearing-assembled .clearing-container { height: 100%; - .carousel > ul { display: none; } - } - - // If you want to show a lightbox, but only have a single image come through as the thumbnail - .clearing-feature li { - display: none; - &.clearing-featured-img { - display: block; - } - } - - // Large screen overrides - @media #{$medium-up} { - .clearing-main-prev, - .clearing-main-next { - position: absolute; - height: 100%; - width: 40px; - top: 0; - & > span { - position: absolute; - top: 50%; - display: block; - width: 0; - height: 0; - border: solid $clearing-arrow-size; - &:hover { opacity: 0.8; } - } - } - .clearing-main-prev { - #{$default-float}: 0; - & > span { - #{$default-float}: 5px; - border-color: transparent; - border-#{$opposite-direction}-color: $clearing-arrow-color; - } - } - .clearing-main-next { - #{$opposite-direction}: 0; - & > span { - border-color: transparent; - border-#{$default-float}-color: $clearing-arrow-color; - } - } - - .clearing-main-prev.disabled, - .clearing-main-next.disabled { opacity: 0.3; } - - .clearing-assembled .clearing-container { - - .carousel { - background: $clearing-carousel-bg; - height: $clearing-carousel-height; - margin-top: 10px; - text-align: center; - - & > ul { - display: inline-block; - z-index: 999; - height: 100%; - position: relative; - float: none; - - li { - display: block; - width: $clearing-carousel-thumb-width; - min-height: inherit; - float: $default-float; - overflow: hidden; - margin-#{$opposite-direction}: 0; - padding: 0; - position: relative; - cursor: $cursor-pointer-value; - opacity: 0.4; - clear: none; - - &.fix-height { - img { - height: 100%; - max-width: none; - } - } - - a.th { - border: none; - box-shadow: none; - display: block; - } - - img { - cursor: $cursor-pointer-value !important; - width: 100% !important; - } - - &.visible { opacity: 1; } - &:hover { opacity: 0.8; } - } - } - } - - .visible-img { - background: $clearing-img-bg; - overflow: hidden; - height: $clearing-active-img-height; - } - } - - .clearing-close { - position: absolute; - top: 10px; - #{$opposite-direction}: 20px; - padding-#{$default-float}: 0; - padding-top: 0; - } - } - - } -} diff --git a/_sass/foundation-components/_dropdown-buttons.scss b/_sass/foundation-components/_dropdown-buttons.scss deleted file mode 100644 index 3e45e5a..0000000 --- a/_sass/foundation-components/_dropdown-buttons.scss +++ /dev/null @@ -1,130 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-button-classes: $include-html-classes !default; - -// We use these to set the color of the pip in dropdown buttons -$dropdown-button-pip-color: $white !default; -$dropdown-button-pip-color-alt: $oil !default; - -$button-pip-tny: rem-calc(6) !default; -$button-pip-sml: rem-calc(7) !default; -$button-pip-med: rem-calc(9) !default; -$button-pip-lrg: rem-calc(11) !default; - -// We use these to style tiny dropdown buttons -$dropdown-button-padding-tny: $button-pip-tny * 7 !default; -$dropdown-button-pip-size-tny: $button-pip-tny !default; -$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default; -$dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1) !default; - -// We use these to style small dropdown buttons -$dropdown-button-padding-sml: $button-pip-sml * 7 !default; -$dropdown-button-pip-size-sml: $button-pip-sml !default; -$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default; -$dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1) !default; - -// We use these to style medium dropdown buttons -$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default; -$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default; -$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default; -$dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2) !default; - -// We use these to style large dropdown buttons -$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default; -$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default; -$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default; -$dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default; - -// @mixins -// -// Dropdown Button Mixin -// -// We use this mixin to build off of the button mixin and add dropdown button styles -// -// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large] -// $pip-color - Color of the little triangle that points to the dropdown. Default: $white. -// $base-style - Add in base-styles. This can be set to false. Default:true - -@mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) { - - // We add in base styles, but they can be negated by setting to 'false'. - @if $base-style { - position: relative; - outline: none; - - // This creates the base styles for the triangle pip - &::after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: solid; - border-color: $dropdown-button-pip-color transparent transparent transparent; - top: 50%; - } - } - - // If we're dealing with tiny buttons, use these styles - @if $padding == tiny { - padding-#{$opposite-direction}: $dropdown-button-padding-tny; - &:after { - border-width: $dropdown-button-pip-size-tny; - #{$opposite-direction}: $dropdown-button-pip-opposite-tny; - margin-top: $dropdown-button-pip-top-tny; - } - } - - // If we're dealing with small buttons, use these styles - @if $padding == small { - padding-#{$opposite-direction}: $dropdown-button-padding-sml; - &::after { - border-width: $dropdown-button-pip-size-sml; - #{$opposite-direction}: $dropdown-button-pip-opposite-sml; - margin-top: $dropdown-button-pip-top-sml; - } - } - - // If we're dealing with default (medium) buttons, use these styles - @if $padding == medium { - padding-#{$opposite-direction}: $dropdown-button-padding-med; - &::after { - border-width: $dropdown-button-pip-size-med; - #{$opposite-direction}: $dropdown-button-pip-opposite-med; - margin-top: $dropdown-button-pip-top-med; - } - } - - // If we're dealing with large buttons, use these styles - @if $padding == large { - padding-#{$opposite-direction}: $dropdown-button-padding-lrg; - &::after { - border-width: $dropdown-button-pip-size-lrg; - #{$opposite-direction}: $dropdown-button-pip-opposite-lrg; - margin-top: $dropdown-button-pip-top-lrg; - } - } - - // We can control the pip color. We didn't use logic in this case, just set it and forget it. - @if $pip-color { - &::after { border-color: $pip-color transparent transparent transparent; } - } -} - -@include exports("dropdown-button") { - @if $include-html-button-classes { - .dropdown.button, button.dropdown { @include dropdown-button; - &.tiny { @include dropdown-button(tiny,$base-style:false); } - &.small { @include dropdown-button(small,$base-style:false); } - &.large { @include dropdown-button(large,$base-style:false); } - &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; } - } - } -} diff --git a/_sass/foundation-components/_dropdown.scss b/_sass/foundation-components/_dropdown.scss deleted file mode 100644 index 215a76c..0000000 --- a/_sass/foundation-components/_dropdown.scss +++ /dev/null @@ -1,262 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-dropdown-classes: $include-html-classes !default; - -// We use these to controls height and width styles. -$f-dropdown-max-width: 200px !default; -$f-dropdown-height: auto !default; -$f-dropdown-max-height: none !default; - -// Used for bottom position -$f-dropdown-margin-top: 2px !default; - -// Used for right position -$f-dropdown-margin-left: $f-dropdown-margin-top !default; - -// Used for left position -$f-dropdown-margin-right: $f-dropdown-margin-top !default; - -// Used for top position -$f-dropdown-margin-bottom: $f-dropdown-margin-top !default; - -// We use this to control the background color -$f-dropdown-bg: $white !default; - -// We use this to set the border styles for dropdowns. -$f-dropdown-border-style: solid !default; -$f-dropdown-border-width: 1px !default; -$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default; - -// We use these to style the triangle pip. -$f-dropdown-triangle-size: 6px !default; -$f-dropdown-triangle-color: $white !default; -$f-dropdown-triangle-side-offset: 10px !default; - -// We use these to control styles for the list elements. -$f-dropdown-list-style: none !default; -$f-dropdown-font-color: $charcoal !default; -$f-dropdown-font-size: rem-calc(14) !default; -$f-dropdown-list-padding: rem-calc(5, 10) !default; -$f-dropdown-line-height: rem-calc(18) !default; -$f-dropdown-list-hover-bg: $smoke !default; -$dropdown-mobile-default-float: 0 !default; - -// We use this to control the styles for when the dropdown has custom content. -$f-dropdown-content-padding: rem-calc(20) !default; - -// Default radius for dropdown. -$f-dropdown-radius: $global-radius !default; - -// -// @mixins -// -// -// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.; -// We use this to style the dropdown container element. -// $content-list - Sets list-style. Default: list. Options: [list, content] -// $triangle - Sets if dropdown has triangle. Default:true. -// $max-width - Default: $f-dropdown-max-width || 200px. -@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) { - position: absolute; - left: -9999px; - list-style: $f-dropdown-list-style; - margin-#{$default-float}: 0; - outline: none; - - > *:first-child { margin-top: 0; } - > *:last-child { margin-bottom: 0; } - - @if $content == list { - width: 100%; - max-height: $f-dropdown-max-height; - height: $f-dropdown-height; - background: $f-dropdown-bg; - border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color; - font-size: $f-dropdown-font-size; - z-index: 89; - } - @else if $content == content { - padding: $f-dropdown-content-padding; - width: 100%; - height: $f-dropdown-height; - max-height: $f-dropdown-max-height; - background: $f-dropdown-bg; - border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color; - font-size: $f-dropdown-font-size; - z-index: 89; - } - - @if $triangle == bottom { - margin-top: $f-dropdown-margin-top; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom); - position: absolute; - top: -($f-dropdown-triangle-size * 2); - #{$default-float}: $f-dropdown-triangle-side-offset; - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom); - position: absolute; - top: -(($f-dropdown-triangle-size + 1) * 2); - #{$default-float}: $f-dropdown-triangle-side-offset - 1; - z-index: 88; - } - - &.right:before { - #{$default-float}: auto; - #{$opposite-direction}: $f-dropdown-triangle-side-offset; - } - &.right:after { - #{$default-float}: auto; - #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1; - } - } - - @if $triangle == $default-float { - margin-top: 0; - margin-#{$default-float}: $f-dropdown-margin-right; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction}); - position: absolute; - top: $f-dropdown-triangle-side-offset; - #{$default-float}: -($f-dropdown-triangle-size * 2); - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction}); - position: absolute; - top: $f-dropdown-triangle-side-offset - 1; - #{$default-float}: -($f-dropdown-triangle-size * 2) - 2; - z-index: 88; - } - - } - - @if $triangle == $opposite-direction { - margin-top: 0; - margin-#{$default-float}: -$f-dropdown-margin-right; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float}); - position: absolute; - top: $f-dropdown-triangle-side-offset; - #{$opposite-direction}: -($f-dropdown-triangle-size * 2); - #{$default-float}: auto; - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float}); - position: absolute; - top: $f-dropdown-triangle-side-offset - 1; - #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2; - #{$default-float}: auto; - z-index: 88; - } - - } - - @if $triangle == top { - margin-top: -$f-dropdown-margin-bottom; - margin-left: 0; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top); - position: absolute; - top: auto; - bottom: -($f-dropdown-triangle-size * 2); - #{$default-float}: $f-dropdown-triangle-side-offset; - #{$opposite-direction}: auto; - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top); - position: absolute; - top: auto; - bottom: -($f-dropdown-triangle-size * 2) - 2; - #{$default-float}: $f-dropdown-triangle-side-offset - 1; - #{$opposite-direction}: auto; - z-index: 88; - } - - } - - @if $max-width { max-width: $max-width; } - @else { max-width: $f-dropdown-max-width; } - -} - -// @MIXIN -// -// We use this to style the list elements or content inside the dropdown. - -@mixin dropdown-style { - font-size: $f-dropdown-font-size; - cursor: $cursor-pointer-value; - - line-height: $f-dropdown-line-height; - margin: 0; - - &:hover, - &:focus { background: $f-dropdown-list-hover-bg; } - - &.radius { @include radius($f-dropdown-radius); } - - a { - display: block; - padding: $f-dropdown-list-padding; - color: $f-dropdown-font-color; - } -} - -@include exports("dropdown") { - @if $include-html-dropdown-classes { - - /* Foundation Dropdowns */ - .f-dropdown { - @include dropdown-container(list, bottom); - - &.drop-#{$opposite-direction} { - @include dropdown-container(list, #{$default-float}); - } - - &.drop-#{$default-float} { - @include dropdown-container(list, #{$opposite-direction}); - } - - &.drop-top { - @include dropdown-container(list, top); - } - // max-width: none; - - li { @include dropdown-style; } - - // You can also put custom content in these dropdowns - &.content { @include dropdown-container(content, $triangle:false); } - - // Sizes - &.tiny { max-width: 200px; } - &.small { max-width: 300px; } - &.medium { max-width: 500px; } - &.large { max-width: 800px; } - &.mega { - width:100%!important; - max-width:100%!important; - - &.open{ - left:0!important; - } - } - } - - } -} diff --git a/_sass/foundation-components/_flex-video.scss b/_sass/foundation-components/_flex-video.scss deleted file mode 100644 index 631ca9b..0000000 --- a/_sass/foundation-components/_flex-video.scss +++ /dev/null @@ -1,51 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-media-classes: $include-html-classes !default; - -// We use these to control video container padding and margins -$flex-video-padding-top: rem-calc(25) !default; -$flex-video-padding-bottom: 67.5% !default; -$flex-video-margin-bottom: rem-calc(16) !default; - -// We use this to control widescreen bottom padding -$flex-video-widescreen-padding-bottom: 56.34% !default; - -// -// @mixins -// - -@mixin flex-video-container { - position: relative; - padding-top: $flex-video-padding-top; - padding-bottom: $flex-video-padding-bottom; - height: 0; - margin-bottom: $flex-video-margin-bottom; - overflow: hidden; - - &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; } - &.vimeo { padding-top: 0; } - - iframe, - object, - embed, - video { - position: absolute; - top: 0; - #{$default-float}: 0; - width: 100%; - height: 100%; - } -} - -@include exports("flex-video") { - @if $include-html-media-classes { - .flex-video { @include flex-video-container; } - } -} \ No newline at end of file diff --git a/_sass/foundation-components/_forms.scss b/_sass/foundation-components/_forms.scss deleted file mode 100644 index 80124fd..0000000 --- a/_sass/foundation-components/_forms.scss +++ /dev/null @@ -1,570 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "buttons"; - -// -// @variables -// -$include-html-form-classes: $include-html-classes !default; - -// We use this to set the base for lots of form spacing and positioning styles -$form-spacing: rem-calc(16) !default; - -// We use these to style the labels in different ways -$form-label-pointer: pointer !default; -$form-label-font-size: rem-calc(14) !default; -$form-label-font-weight: $font-weight-normal !default; -$form-label-line-height: 1.5 !default; -$form-label-font-color: scale-color($black, $lightness: 30%) !default; -$form-label-small-transform: capitalize !default; -$form-label-bottom-margin: 0 !default; -$input-font-family: inherit !default; -$input-font-color: rgba(0,0,0,0.75) !default; -$input-font-size: rem-calc(14) !default; -$input-bg-color: $white !default; -$input-focus-bg-color: scale-color($white, $lightness: -2%) !default; -$input-border-color: scale-color($white, $lightness: -20%) !default; -$input-focus-border-color: scale-color($white, $lightness: -40%) !default; -$input-border-style: solid !default; -$input-border-width: 1px !default; -$input-border-radius: $global-radius !default; -$input-disabled-bg: $gainsboro !default; -$input-disabled-cursor: $cursor-default-value !default; -$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default; -$input-include-glowing-effect: true !default; - -// We use these to style the fieldset border and spacing. -$fieldset-border-style: solid !default; -$fieldset-border-width: 1px !default; -$fieldset-border-color: $gainsboro !default; -$fieldset-padding: rem-calc(20) !default; -$fieldset-margin: rem-calc(18 0) !default; - -// We use these to style the legends when you use them -$legend-bg: $white !default; -$legend-font-weight: $font-weight-bold !default; -$legend-padding: rem-calc(0 3) !default; - -// We use these to style the prefix and postfix input elements -$input-prefix-bg: scale-color($white, $lightness: -5%) !default; -$input-prefix-border-color: scale-color($white, $lightness: -20%) !default; -$input-prefix-border-size: 1px !default; -$input-prefix-border-type: solid !default; -$input-prefix-overflow: hidden !default; -$input-prefix-font-color: $oil !default; -$input-prefix-font-color-alt: $white !default; - -// We use this setting to turn on/off HTML5 number spinners (the up/down arrows) -$input-number-spinners: true !default; - -// We use these to style the error states for inputs and labels -$input-error-message-padding: rem-calc(6 9 9) !default; -$input-error-message-top: -1px !default; -$input-error-message-font-size: rem-calc(12) !default; -$input-error-message-font-weight: $font-weight-normal !default; -$input-error-message-font-style: italic !default; -$input-error-message-font-color: $white !default; -$input-error-message-bg-color: $alert-color !default; -$input-error-message-font-color-alt: $oil !default; - -// We use this to style the glowing effect of inputs when focused -$glowing-effect-fade-time: 0.45s !default; -$glowing-effect-color: $input-focus-border-color !default; - -// Select variables -$select-bg-color: $ghost !default; -$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; - -// -// @MIXINS -// - -// We use this mixin to give us form styles for rows inside of forms -@mixin form-row-base { - .row { margin: 0 ((-$form-spacing) / 2); - - .column, - .columns { padding: 0 ($form-spacing / 2); } - - // Use this to collapse the margins of a form row - &.collapse { margin: 0; - - .column, - .columns { padding: 0; } - input { - @include side-radius($opposite-direction, 0); - } - - } - } - input.column, - input.columns, - textarea.column, - textarea.columns { padding-#{$default-float}: ($form-spacing / 2); } -} - -// @MIXIN -// -// We use this mixin to give all basic form elements their style -@mixin form-element { - background-color: $input-bg-color; - font-family: $input-font-family; - border: { - style: $input-border-style; - width: $input-border-width; - color: $input-border-color; - } - box-shadow: $input-box-shadow; - color: $input-font-color; - display: block; - font-size: $input-font-size; - margin: 0 0 $form-spacing 0; - padding: $form-spacing / 2; - height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); - width: 100%; - @include box-sizing(border-box); - @if $input-include-glowing-effect { - @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color); - } - // Basic focus styles - &:focus { - background: $input-focus-bg-color; - border-color: $input-focus-border-color; - outline: none; - } - // Disbaled Styles - &:disabled { - background-color: $input-disabled-bg; - cursor: $input-disabled-cursor; - } - - // Disabled background input background color - &[disabled], - &[readonly], - fieldset[disabled] & { - background-color: $input-disabled-bg; - cursor: $input-disabled-cursor; - } -} - -// @MIXIN -// -// We use this mixin to create form labels -// -// $alignment - Alignment options. Default: false. Options: [right, inline, false] -// $base-style - Control whether or not the base styles come through. Default: true. -@mixin form-label($alignment:false, $base-style:true) { - - // Control whether or not the base styles come through. - @if $base-style { - font-size: $form-label-font-size; - color: $form-label-font-color; - cursor: $form-label-pointer; - display: block; - font-weight: $form-label-font-weight; - line-height: $form-label-line-height; - margin-bottom: $form-label-bottom-margin; - } - - // Alignment options - @if $alignment == right { - float: none !important; - text-align: right; - } - @else if $alignment == inline { - margin: 0 0 $form-spacing 0; - padding: $form-spacing / 2 + rem-calc($input-border-width) 0; - } -} - -// We use this mixin to create postfix/prefix form Labels -@mixin prefix-postfix-base { - display: block; - position: relative; - z-index: 2; - text-align: center; - width: 100%; - padding-top: 0; - padding-bottom: 0; - border-style: $input-prefix-border-type; - border-width: $input-prefix-border-size; - overflow: $input-prefix-overflow; - font-size: $form-label-font-size; - height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); - line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); -} - -// @MIXIN -// -// We use this mixin to create prefix label styles -// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default; -// $is-button - Toggle position settings if prefix is a button. Default:false -// -@mixin prefix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) { - - @if $bg { - $bg-lightness: lightness($bg); - background: $bg; - border-#{$opposite-direction}: none; - - // Control the font color based on background brightness - @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } - @else { color: $input-prefix-font-color-alt; } - } - - @if $border { - border-color: $border; - } - - @if $is-button { - padding-#{$default-float}: 0; - padding-#{$opposite-direction}: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; - } - -} - -// @MIXIN -// -// We use this mixin to create postfix label styles -// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default; -// $is-button - Toggle position settings if prefix is a button. Default: false -@mixin postfix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) { - - @if $bg { - $bg-lightness: lightness($bg); - background: $bg; - border-#{$default-float}: none; - - // Control the font color based on background brightness - @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } - @else { color: $input-prefix-font-color-alt; } - } - - @if $border { - border-color: $border; - } - - @if $is-button { - padding-#{$default-float}: 0; - padding-#{$opposite-direction}: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; - } - -} - -// We use this mixin to style fieldsets -@mixin fieldset { - border: $fieldset-border-width $fieldset-border-style $fieldset-border-color; - padding: $fieldset-padding; - margin: $fieldset-margin; - - // and legend styles - legend { - font-weight: $legend-font-weight; - background: $legend-bg; - padding: $legend-padding; - margin: 0; - margin-#{$default-float}: rem-calc(-3); - } -} - -// @MIXIN -// -// We use this mixin to control border and background color of error inputs -// $color - Default: $alert-color (found in settings file) -@mixin form-error-color($color:$alert-color) { - border-color: $color; - background-color: rgba($color, 0.1); - - // Go back to normal on focus - &:focus { - background: $input-focus-bg-color; - border-color: $input-focus-border-color; - } -} - -// @MIXIN -// -// We use this simple mixin to style labels for error inputs -// $color - Default:$alert-color. Found in settings file -@mixin form-label-error-color($color:$alert-color) { color: $color; } - -// @MIXIN -// -// We use this mixin to create error message styles -// $bg - Default: $alert-color (Found in settings file) -@mixin form-error-message($bg:$input-error-message-bg-color) { - display: block; - padding: $input-error-message-padding; - margin-top: $input-error-message-top; - margin-bottom: $form-spacing; - font-size: $input-error-message-font-size; - font-weight: $input-error-message-font-weight; - font-style: $input-error-message-font-style; - - // We can control the text color based on the brightness of the background. - $bg-lightness: lightness($bg); - background: $bg; - @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; } - @else { color: $input-error-message-font-color-alt; } -} - -// We use this mixin to style select elements -@mixin form-select { - -webkit-appearance: none !important; - border-radius: 0; - background-color: $select-bg-color; - - // Hide the dropdown arrow shown in newer IE versions - &::-ms-expand { - display: none; - } - - // The custom arrow has some fake horizontal padding so we can align it - // from the right side of the element without relying on CSS3 - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); - - // We can safely use leftmost and rightmost now - background-position: if($text-direction == 'rtl', 0%, 100%) center; - - background-repeat: no-repeat; - border: { - style: $input-border-style; - width: $input-border-width; - color: $input-border-color; - } - padding: ($form-spacing / 2); - font-size: $input-font-size; - font-family: $body-font-family; - color: $input-font-color; - line-height: normal; - @include radius(0); - &.radius { @include radius($global-radius); } - &:hover { - background-color: $select-hover-bg-color; - border-color: $input-focus-border-color; - } - // Disabled Styles - &:disabled { - background-color: $input-disabled-bg; - cursor: $input-disabled-cursor; - } -} - -// We use this mixin to turn on/off HTML5 number spinners -@mixin html5number($browser, $on:true) { - @if $on==false { - @if $browser==webkit { - -webkit-appearance: none; - margin: 0; - } @else if $browser==moz { - -moz-appearance: textfield; - } - } -} - -@include exports("form") { - @if $include-html-form-classes { - /* Standard Forms */ - form { margin: 0 0 $form-spacing; } - - /* Using forms within rows, we need to set some defaults */ - form .row { @include form-row-base; } - - /* Label Styles */ - label { @include form-label; - &.right { @include form-label(right,false); } - &.inline { @include form-label(inline,false); } - /* Styles for required inputs */ - small { - text-transform: $form-label-small-transform; - color: scale-color($form-label-font-color, $lightness: 15%); - } - } - - /* Attach elements to the beginning or end of an input */ - .prefix, - .postfix { @include prefix-postfix-base; } - - /* Adjust padding, alignment and radius if pre/post element is a button */ - .postfix.button { @include button-size(false,false); @include postfix(false, false, true); } - .prefix.button { @include button-size(false,false); @include prefix(false, false, true); } - - .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); } - .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); } - .prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); } - .postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); } - - /* Separate prefix and postfix styles when on span or label so buttons keep their own */ - span.prefix,label.prefix { @include prefix(); } - span.postfix,label.postfix { @include postfix(); } - - /* We use this to get basic styling on all basic form elements */ - #{text-inputs(all, 'input')} { - -webkit-appearance: none; - border-radius: 0; - @include form-element; - @if $input-include-glowing-effect == false { - @include single-transition(all, 0.15s, linear); - } - &.radius { - @include radius($input-border-radius); - } - } - - form { - .row { - .prefix-radius.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($opposite-direction, $button-radius); } - .prefix { @include radius(0); @include side-radius($default-float, $button-radius); } - } - .postfix-radius.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($default-float, $button-radius); } - .postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); } - } - .prefix-round.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($opposite-direction, $button-round); } - .prefix { @include radius(0); @include side-radius($default-float, $button-round); } - } - .postfix-round.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($default-float, $button-round); } - .postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); } - } - } - } - - input[type="submit"] { - -webkit-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%; - } - - /* Add height value for select elements to match text input height */ - select { - @include form-select; - height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); - } - - /* Adjust margin for form elements below */ - input[type="file"], - input[type="checkbox"], - input[type="radio"], - select { - margin: 0 0 $form-spacing 0; - } - - input[type="checkbox"] + label, - input[type="radio"] + label { - display: inline-block; - margin-#{$default-float}: $form-spacing * .5; - margin-#{$opposite-direction}: $form-spacing; - margin-bottom: 0; - vertical-align: baseline; - } - - /* Normalize file input width */ - input[type="file"] { - width:100%; - } - - /* HTML5 Number spinners settings */ - input[type=number] { - @include html5number(moz, $input-number-spinners) - } - input[type="number"]::-webkit-inner-spin-button, - input[type="number"]::-webkit-outer-spin-button { - @include html5number(webkit, $input-number-spinners); - } - - /* We add basic fieldset styling */ - fieldset { - @include fieldset; - } - - /* Error Handling */ - - #{data('abide')} { - .error small.error, .error span.error, span.error, small.error { - @include form-error-message; - } - span.error, small.error { display: none; } - } - - span.error, small.error { - @include form-error-message; - } - - .error { - input, - textarea, - select { - margin-bottom: 0; - } - - input[type="checkbox"], - input[type="radio"] { - margin-bottom: $form-spacing - } - - label, - label.error { - @include form-label-error-color; - } - - small.error { - @include form-error-message; - } - - > label { - > small { - color: scale-color($form-label-font-color, $lightness: 15%); - background: transparent; - padding: 0; - text-transform: $form-label-small-transform; - font-style: normal; - font-size: 60%; - margin: 0; - display: inline; - } - } - - span.error-message { - display: block; - } - } - - input.error, - textarea.error, - select.error { - margin-bottom: 0; - } - label.error { @include form-label-error-color; } - } -} diff --git a/_sass/foundation-components/_global.scss b/_sass/foundation-components/_global.scss deleted file mode 100644 index 37d96eb..0000000 --- a/_sass/foundation-components/_global.scss +++ /dev/null @@ -1,480 +0,0 @@ -// 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: 1.5 !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) { - transition: $property $speed $ease; -} - -// @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 0 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 0 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; -} - -$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 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 - -// We use these to define default font stacks -$font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default; -$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default; -$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !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: $font-family-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: (0, 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-auto-value: auto !default; -$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.5.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-auto-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 visually and from screen readers - .hide { - display: none !important; - visibility: hidden; - } - - // Hide visually and from screen readers, but maintain layout - .invisible { visibility: hidden; } - - // 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%; } - } -} diff --git a/_sass/foundation-components/_grid.scss b/_sass/foundation-components/_grid.scss deleted file mode 100644 index aa4e77c..0000000 --- a/_sass/foundation-components/_grid.scss +++ /dev/null @@ -1,289 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-grid-classes: $include-html-classes !default; -$include-xl-html-grid-classes: false !default; - -$row-width: rem-calc(1000) !default; -$total-columns: 12 !default; - -$last-child-float: $opposite-direction !default; - -// -// Grid Functions -// - -// Deprecated: We'll drop support for this in 5.1, use grid-calc() -@function gridCalc($colNumber, $totalColumns) { - @warn "gridCalc() is deprecated, use grid-calc()"; - @return grid-calc($colNumber, $totalColumns); -} - -// @FUNCTION -// $colNumber - Found in settings file -// $totalColumns - Found in settings file -@function grid-calc($colNumber, $totalColumns) { - @return percentage(($colNumber / $totalColumns)); -} - -// -// @mixins -// - -// For creating container, nested, and collapsed rows. -// -// -// $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false. -@mixin grid-row($behavior: false) { - - // use @include grid-row(nest); to include a nested row - @if $behavior == nest { - width: auto; - margin-#{$default-float}: -($column-gutter/2); - margin-#{$opposite-direction}: -($column-gutter/2); - margin-top: 0; - margin-bottom: 0; - max-width: none; - } - - // use @include grid-row(collapse); to collapsed a container row margins - @else if $behavior == collapse { - width: 100%; - margin: 0; - max-width: $row-width; - } - - // use @include grid-row(nest-collapse); to collapse outer margins on a nested row - @else if $behavior == nest-collapse { - width: auto; - margin: 0; - max-width: none; - } - - // use @include grid-row; to use a container row - @else { - width: 100%; - margin-#{$default-float}: auto; - margin-#{$opposite-direction}: auto; - margin-top: 0; - margin-bottom: 0; - max-width: $row-width; - } - - // Clearfix for all rows - @include clearfix(); -} - -// Creates a column, should be used inside of a media query to control layouts -// -// $columns - The number of columns this should be -// $last-column - Is this the last column? Default: false. -// $center - Center these columns? Default: false. -// $offset - # of columns to offset. Default: false. -// $push - # of columns to push. Default: false. -// $pull - # of columns to pull. Default: false. -// $collapse - Get rid of gutter padding on column? Default: false. -// $float - Should this float? Default: true. Options: true, false, left, right. -@mixin grid-column( - $columns:false, - $last-column:false, - $center:false, - $offset:false, - $push:false, - $pull:false, - $collapse:false, - $float:true, - $position:false) { - - // If positioned for default .column, include relative position - // push and pull require position set - @if $position or $push or $pull { - position: relative; - } - - // If collapsed, get rid of gutter padding - @if $collapse { - padding-left: 0; - padding-right: 0; - } - - // Gutter padding whenever a column isn't set to collapse - // (use $collapse:null to do nothing) - @else if $collapse == false { - padding-left: ($column-gutter / 2); - padding-right: ($column-gutter / 2); - } - - // If a column number is given, calculate width - @if $columns { - width: grid-calc($columns, $total-columns); - - // If last column, float naturally instead of to the right - @if $last-column { float: $opposite-direction; } - } - - // Source Ordering, adds left/right depending on which you use. - @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; } - @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; } - - @if $float { - @if $float == left or $float == true { float: $default-float; } - @else if $float == right { float: $opposite-direction; } - @else { float: none; } - } - - // If centered, get rid of float and add appropriate margins - @if $center { - margin-#{$default-float}: auto; - margin-#{$opposite-direction}: auto; - float: none; - } - - // If offset, calculate appropriate margins - @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; } - -} - -// Create presentational classes for grid -// -// $size - Name of class to use, i.e. "large" will generate .large-1, .large-2, etc. -@mixin grid-html-classes($size) { - - @for $i from 0 through $total-columns - 1 { - .#{$size}-push-#{$i} { - @include grid-column($push:$i, $collapse:null, $float:false); - } - .#{$size}-pull-#{$i} { - @include grid-column($pull:$i, $collapse:null, $float:false); - } - } - - .column, - .columns { @include grid-column($columns:false, $position:true); } - - - @for $i from 1 through $total-columns { - .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } - } - - @for $i from 0 through $total-columns - 1 { - .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } - } - - .#{$size}-reset-order { - margin-#{$default-float}: 0; - margin-#{$opposite-direction}: 0; - left: auto; - right: auto; - float: $default-float; - } - - .column.#{$size}-centered, - .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); } - - .column.#{$size}-uncentered, - .columns.#{$size}-uncentered { - margin-#{$default-float}: 0; - margin-#{$opposite-direction}: 0; - float: $default-float; - } - - // Fighting [class*="column"] + [class*="column"]:last-child - .column.#{$size}-centered:last-child, - .columns.#{$size}-centered:last-child{ - float: none; - } - - // Fighting .column.-centered:last-child - .column.#{$size}-uncentered:last-child, - .columns.#{$size}-uncentered:last-child { - float: $default-float; - } - - .column.#{$size}-uncentered.opposite, - .columns.#{$size}-uncentered.opposite { - float: $opposite-direction; - } - - .row { - &.#{$size}-collapse { - > .column, - > .columns { @include grid-column($collapse:true, $float:false); } - - .row {margin-left:0; margin-right:0;} - } - &.#{$size}-uncollapse { - > .column, - > .columns { - @include grid-column; - } - } - } -} - -@include exports("grid") { - @if $include-html-grid-classes { - .row { - @include grid-row; - - &.collapse { - > .column, - > .columns { @include grid-column($collapse:true, $float:false); } - - .row {margin-left:0; margin-right:0;} - } - - .row { @include grid-row($behavior:nest); - &.collapse { @include grid-row($behavior:nest-collapse); } - } - } - - .column, - .columns { @include grid-column($columns:$total-columns); } - - [class*="column"] + [class*="column"]:last-child { float: $last-child-float; } - [class*="column"] + [class*="column"].end { float: $default-float; } - - @media #{$small-up} { - @include grid-html-classes($size:small); - } - - @media #{$medium-up} { - @include grid-html-classes($size:medium); - // Old push and pull classes - @for $i from 0 through $total-columns - 1 { - .push-#{$i} { - @include grid-column($push:$i, $collapse:null, $float:false); - } - .pull-#{$i} { - @include grid-column($pull:$i, $collapse:null, $float:false); - } - } - } - @media #{$large-up} { - @include grid-html-classes($size:large); - @for $i from 0 through $total-columns - 1 { - .push-#{$i} { - @include grid-column($push:$i, $collapse:null, $float:false); - } - .pull-#{$i} { - @include grid-column($pull:$i, $collapse:null, $float:false); - } - } - } - } - @if $include-xl-html-grid-classes { - @media #{$xlarge-up} { - @include grid-html-classes($size:xlarge); - } - @media #{$xxlarge-up} { - @include grid-html-classes($size:xxlarge); - } - } -} diff --git a/_sass/foundation-components/_icon-bar.scss b/_sass/foundation-components/_icon-bar.scss deleted file mode 100644 index c5c4889..0000000 --- a/_sass/foundation-components/_icon-bar.scss +++ /dev/null @@ -1,329 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - - -// @name -// @dependencies _global.scss - -$include-html-icon-bar-classes: $include-html-classes !default; - -// @variables - -// We use these to style the icon-bar and items -$icon-bar-bg: $oil !default; -$icon-bar-font-color: $white !default; -$icon-bar-font-color-hover: $icon-bar-font-color !default; -$icon-bar-font-size: 1rem !default; -$icon-bar-hover-color: $primary-color !default; -$icon-bar-icon-color: $white !default; -$icon-bar-icon-color-hover: $icon-bar-icon-color !default; -$icon-bar-icon-size: 1.875rem !default; -$icon-bar-image-width: 1.875rem !default; -$icon-bar-image-height: 1.875rem !default; -$icon-bar-active-color: $primary-color !default; -$icon-bar-item-padding: 1.25rem !default; - -// We use this to set default opacity and cursor for disabled icons. -$icon-bar-disabled-opacity: 0.7 !default; -$icon-bar-disabled-cursor: $cursor-default-value !default; - -// -// @mixins -// - -// We use this mixin to create the base styles for our Icon bar element. -// -@mixin icon-bar-base() { - - width: 100%; - font-size: 0; - display: inline-block; - - & > * { - text-align: center; - font-size: $icon-bar-font-size; - width: 25%; - margin: 0 auto; - display: block; - padding: $icon-bar-item-padding; - float: left; - - i, img { - display: block; - margin: 0 auto; - - & + label { - margin-top: .0625rem; - } - } - - i { - font-size: $icon-bar-icon-size; - vertical-align: middle; - } - - img { - width: $icon-bar-image-width; - height: $icon-bar-image-height; - } - } - - &.label-right > * { - - i, img { - margin: 0 .0625rem 0 0; - display: inline-block; - - & + label { - margin-top: 0; - } - } - - label { display: inline-block; } - } - - &.vertical.label-right > * { - text-align: left; - } - - &.vertical, &.small-vertical{ - height: 100%; - width: auto; - - .item { - width: auto; - margin: auto; - float: none; - } - } - - &.medium-vertical { - @media #{$medium-up} { - height: 100%; - width: auto; - - .item { - width: auto; - margin: auto; - float: none; - } - } - } - &.large-vertical { - @media #{$large-up} { - height: 100%; - width: auto; - - .item { - width: auto; - margin: auto; - float: none; - } - } - } -} - -// We use this mixin to create the size styles for icon bars. -@mixin icon-bar-size( - $padding: $icon-bar-item-padding, - $font-size: $icon-bar-font-size, - $icon-size: $icon-bar-icon-size, - $image-width: $icon-bar-image-width, - $image-height: $icon-bar-image-height) { - - & > * { - font-size: $font-size; - padding: $padding; - - i, img { - - & + label { - margin-top: .0625rem; - } - } - - i { - font-size: $icon-size; - } - - img { - width: $image-width; - height: $image-height; - } - } - -} - -@mixin icon-bar-style( - $bar-bg:$icon-bar-bg, - $bar-font-color:$icon-bar-font-color, - $bar-font-color-hover:$icon-bar-font-color-hover, - $bar-hover-color:$icon-bar-hover-color, - $bar-icon-color:$icon-bar-icon-color, - $bar-icon-color-hover:$icon-bar-icon-color-hover, - $bar-active-color:$icon-bar-active-color, - $base-style:true, - $disabled:false) { - - @if $base-style { - - background: $bar-bg; - - & > * { - label { color: $bar-font-color; } - - i { color: $bar-icon-color; } - } - - & > a:hover { - - background: $bar-hover-color; - - label { color: $bar-font-color-hover; } - - i { color: $bar-icon-color-hover; } - } - - & > a.active { - - background: $bar-active-color; - - label { color: $bar-font-color-hover; } - - i { color: $bar-icon-color-hover; } - } - } - @if $disabled { - .item.disabled { - opacity: $icon-bar-disabled-opacity; - cursor: $icon-bar-disabled-cursor; - >* { - opacity: $icon-bar-disabled-opacity; - cursor: $icon-bar-disabled-cursor; - } - } - } - -} - -// We use this to quickly create icon bars with a single mixin -// $height - The overall calculated height of the icon bar (horizontal) -// $bar-bg - the background color of the bar -// $bar-font-color - the font color -// $bar-hover-color - okay these are pretty obvious variables -// $bar-icon-color - maybe we could skip explaining them all? Okay this one does change icon color if you use an icon font -// $bar-active-color - the color of an active / hover state -// $base-style - Apply base styles? Default: true. -// $disabled - Allow disabled icons? Default: false. - -@mixin icon-bar( - $bar-bg:$icon-bar-bg, - $bar-font-color:$icon-bar-font-color, - $bar-font-color-hover:$icon-bar-font-color-hover, - $bar-hover-color:$icon-bar-hover-color, - $bar-icon-color:$icon-bar-icon-color, - $bar-icon-color-hover:$icon-bar-icon-color-hover, - $bar-active-color:$icon-bar-active-color, - $padding: $icon-bar-item-padding, - $font-size: $icon-bar-font-size, - $icon-size: $icon-bar-icon-size, - $image-width: $icon-bar-image-width, - $image-height: $icon-bar-image-height, - $base-style:true, - $disabled:false) { - @include icon-bar-base(); - @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height); - @include icon-bar-style($bar-bg, $bar-font-color, $bar-font-color-hover, $bar-hover-color, $bar-icon-color, $bar-icon-color-hover, $bar-active-color, $base-style, $disabled); -} - -@include exports("icon-bar") { - @if $include-html-icon-bar-classes { - .icon-bar { - @include icon-bar; - } - } -} - -@if $include-html-icon-bar-classes { - - // toolbar styles - - .icon-bar { - - // Counts - - &.two-up { - .item { width: 50%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.three-up { - .item { width: 33.3333%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.four-up { - .item { width: 25%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.five-up { - .item { width: 20%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.six-up { - .item { width: 16.66667%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - } -} diff --git a/_sass/foundation-components/_inline-lists.scss b/_sass/foundation-components/_inline-lists.scss deleted file mode 100644 index 9ee162d..0000000 --- a/_sass/foundation-components/_inline-lists.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-inline-list-classes: $include-html-classes !default; - -// We use this to control the margins and padding of the inline list. -$inline-list-top-margin: 0 !default; -$inline-list-opposite-margin: 0 !default; -$inline-list-bottom-margin: rem-calc(17) !default; -$inline-list-default-float-margin: rem-calc(-22) !default; -$inline-list-default-float-list-margin: rem-calc(22) !default; - -$inline-list-padding: 0 !default; - -// We use this to control the overflow of the inline list. -$inline-list-overflow: hidden !default; - -// We use this to control the list items -$inline-list-display: block !default; - -// We use this to control any elements within list items -$inline-list-children-display: block !default; - -// -// @mixins -// -// We use this mixin to create inline lists -@mixin inline-list { - margin: $inline-list-top-margin auto $inline-list-bottom-margin auto; - margin-#{$default-float}: $inline-list-default-float-margin; - margin-#{$opposite-direction}: $inline-list-opposite-margin; - padding: $inline-list-padding; - list-style: none; - overflow: $inline-list-overflow; - - & > li { - list-style: none; - float: $default-float; - margin-#{$default-float}: $inline-list-default-float-list-margin; - display: $inline-list-display; - &>* { display: $inline-list-children-display; } - } -} - -@include exports("inline-list") { - @if $include-html-inline-list-classes { - .inline-list { - @include inline-list(); - } - } -} diff --git a/_sass/foundation-components/_joyride.scss b/_sass/foundation-components/_joyride.scss deleted file mode 100644 index 37ac233..0000000 --- a/_sass/foundation-components/_joyride.scss +++ /dev/null @@ -1,222 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-joyride-classes: $include-html-classes !default; - -// Controlling default Joyride styles -$joyride-tip-bg: $oil !default; -$joyride-tip-default-width: 300px !default; -$joyride-tip-padding: rem-calc(18 20 24) !default; -$joyride-tip-border: solid 1px $charcoal !default; -$joyride-tip-radius: 4px !default; -$joyride-tip-position-offset: 22px !default; - -// Here, we're setting the tip font styles -$joyride-tip-font-color: $white !default; -$joyride-tip-font-size: rem-calc(14) !default; -$joyride-tip-header-weight: $font-weight-bold !default; - -// This changes the nub size -$joyride-tip-nub-size: 10px !default; - -// This adjusts the styles for the timer when its enabled -$joyride-tip-timer-width: 50px !default; -$joyride-tip-timer-height: 3px !default; -$joyride-tip-timer-color: $steel !default; - -// This changes up the styles for the close button -$joyride-tip-close-color: $monsoon !default; -$joyride-tip-close-size: 24px !default; -$joyride-tip-close-weight: $font-weight-normal !default; - -// When Joyride is filling the screen, we use this style for the bg -$joyride-screenfill: rgba(0,0,0,0.5) !default; - - -// We decided not to make a mixin for this because it relies on -// predefined classes to work properly. -@include exports("joyride") { - @if $include-html-joyride-classes { - - /* Foundation Joyride */ - .joyride-list { display: none; } - - /* Default styles for the container */ - .joyride-tip-guide { - display: none; - position: absolute; - background: $joyride-tip-bg; - color: $joyride-tip-font-color; - z-index: 101; - top: 0; - #{$default-float}: 2.5%; - font-family: inherit; - font-weight: $font-weight-normal; - width: 95%; - } - - .lt-ie9 .joyride-tip-guide { - max-width:800px; - #{$default-float}: 50%; - margin-#{$default-float}:-400px; - } - - .joyride-content-wrapper { - width: 100%; - - padding: $joyride-tip-padding; - - .button { margin-bottom: 0 !important; } - - .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 { - display: block; - position: absolute; - #{$default-float}: $joyride-tip-position-offset; - width: 0; - height: 0; - border: $joyride-tip-nub-size solid $joyride-tip-bg; - - &.top { - border-top-style: solid; - border-color: $joyride-tip-bg; - border-top-color: transparent !important; - border-#{$default-float}-color: transparent !important; - border-#{$opposite-direction}-color: transparent !important; - top: -($joyride-tip-nub-size*2); - } - &.bottom { - border-bottom-style: solid; - border-color: $joyride-tip-bg !important; - border-bottom-color: transparent !important; - border-#{$default-float}-color: transparent !important; - border-#{$opposite-direction}-color: transparent !important; - bottom: -($joyride-tip-nub-size*2); - } - - &.right { right: -($joyride-tip-nub-size*2); } - &.left { left: -($joyride-tip-nub-size*2); } - } - } - - /* 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 { - line-height: 1.25; - margin: 0; - font-weight: $joyride-tip-header-weight; - color: $joyride-tip-font-color; - } - .joyride-tip-guide p { - margin: rem-calc(0 0 18 0); - font-size: $joyride-tip-font-size; - line-height: 1.3; - } - - .joyride-timer-indicator-wrap { - width: $joyride-tip-timer-width; - height: $joyride-tip-timer-height; - border: $joyride-tip-border; - position: absolute; - #{$opposite-direction}: rem-calc(17); - bottom: rem-calc(16); - } - .joyride-timer-indicator { - display: block; - width: 0; - height: inherit; - background: $joyride-tip-timer-color; - } - - .joyride-close-tip { - position: absolute; - #{$opposite-direction}: 12px; - top: 10px; - color: $joyride-tip-close-color !important; - text-decoration: none; - font-size: $joyride-tip-close-size; - font-weight: $joyride-tip-close-weight; - line-height: .5 !important; - - &:hover, - &:focus { color: $smoke !important; } - } - - .joyride-modal-bg { - position: fixed; - height: 100%; - width: 100%; - background: transparent; - background: $joyride-screenfill; - z-index: 100; - display: none; - top: 0; - #{$default-float}: 0; - cursor: $cursor-pointer-value; - } - - .joyride-expose-wrapper { - background-color: $white; - position: absolute; - border-radius: 3px; - z-index: 102; - box-shadow: 0 0 15px $white; - } - - .joyride-expose-cover { - background: transparent; - border-radius: 3px; - position: absolute; - z-index: 9999; - top: 0; - left: 0; - } - - - /* Styles for screens that are at least 768px; */ - @media #{$small} { - .joyride-tip-guide { width: $joyride-tip-default-width; #{$default-float}: inherit; - .joyride-nub { - &.bottom { - border-color: $joyride-tip-bg !important; - border-bottom-color: transparent !important; - border-#{$default-float}-color: transparent !important; - border-#{$opposite-direction}-color: transparent !important; - bottom: -($joyride-tip-nub-size*2); - } - &.right { - border-color: $joyride-tip-bg !important; - border-top-color: transparent !important; - border-right-color: transparent !important; border-bottom-color: transparent !important; - top: $joyride-tip-position-offset; - left: auto; - right: -($joyride-tip-nub-size*2); - } - &.left { - border-color: $joyride-tip-bg !important; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-bottom-color: transparent !important; - top: $joyride-tip-position-offset; - left: -($joyride-tip-nub-size*2); - right: auto; - } - } - } - } - } -} diff --git a/_sass/foundation-components/_keystrokes.scss b/_sass/foundation-components/_keystrokes.scss deleted file mode 100644 index adebd6b..0000000 --- a/_sass/foundation-components/_keystrokes.scss +++ /dev/null @@ -1,61 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-keystroke-classes: $include-html-classes !default; - -// We use these to control text styles. -$keystroke-font: "Consolas", "Menlo", "Courier", monospace !default; -$keystroke-font-size: inherit !default; -$keystroke-font-color: $jet !default; -$keystroke-font-color-alt: $white !default; -$keystroke-function-factor: -7% !default; - -// We use this to control keystroke padding. -$keystroke-padding: rem-calc(2 4 0) !default; - -// We use these to control background and border styles. -$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default; -$keystroke-border-style: solid !default; -$keystroke-border-width: 1px !default; -$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default; -$keystroke-radius: $global-radius !default; - -// -// @mixins -// -// We use this mixin to create keystroke styles. -// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default; -@mixin keystroke($bg:$keystroke-bg) { - // This find the lightness percentage of the background color. - $bg-lightness: lightness($bg); - - background-color: $bg; - border-color: scale-color($bg, $lightness: $keystroke-function-factor); - - // We adjust the font color based on the brightness of the background. - @if $bg-lightness > 70% { color: $keystroke-font-color; } - @else { color: $keystroke-font-color-alt; } - - border-style: $keystroke-border-style; - border-width: $keystroke-border-width; - margin: 0; - font-family: $keystroke-font; - font-size: $keystroke-font-size; - padding: $keystroke-padding; -} - -@include exports("keystroke") { - @if $include-html-keystroke-classes { - .keystroke, - kbd { - @include keystroke; - @include radius($keystroke-radius); - } - } -} diff --git a/_sass/foundation-components/_labels.scss b/_sass/foundation-components/_labels.scss deleted file mode 100644 index 8d302d8..0000000 --- a/_sass/foundation-components/_labels.scss +++ /dev/null @@ -1,106 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-label-classes: $include-html-classes !default; - -// We use these to style the labels -$label-padding: rem-calc(4 8 4) !default; -$label-radius: $global-radius !default; - -// We use these to style the label text -$label-font-sizing: rem-calc(11) !default; -$label-font-weight: $font-weight-normal !default; -$label-font-color: $oil !default; -$label-font-color-alt: $white !default; -$label-font-family: $body-font-family !default; - -// -// @mixins -// -// We use this mixin to create a default label base. -@mixin label-base { - font-weight: $label-font-weight; - font-family: $label-font-family; - text-align: center; - text-decoration: none; - line-height: 1; - white-space: nowrap; - display: inline-block; - position: relative; - margin-bottom: auto; -} - -// @mixins -// -// We use this mixin to add label size styles. -// $padding - Used to determine label padding. Default: $label-padding || rem-calc(4 8 4) !default -// $text-size - Used to determine label text-size. Default: $text-size found in settings -@mixin label-size($padding:$label-padding, $text-size:$label-font-sizing) { - @if $padding { padding: $padding; } - @if $text-size { font-size: $text-size; } -} - -// @mixins -// -// We use this mixin to add label styles. -// $bg - Default: $primary-color (found in settings file) -// $radius - Default: false, Options: true, sets radius to $global-radius (found in settings file) -@mixin label-style($bg:$primary-color, $radius:false) { - - // We control which background color comes through - @if $bg { - - // This find the lightness percentage of the background color. - $bg-lightness: lightness($bg); - - background-color: $bg; - - // We control the text color for you based on the background color. - @if $bg-lightness < 70% { color: $label-font-color-alt; } - @else { color: $label-font-color; } - } - - // We use this to control the radius on labels. - @if $radius == true { @include radius($label-radius); } - @else if $radius { @include radius($radius); } - -} - -// @mixins -// -// We use this to add close buttons to alerts -// $padding - Default: $label-padding, -// $text-size - Default: $label-font-sizing, -// $bg - Default: $primary-color(found in settings file) -// $radius - Default: false, Options: true which sets radius to $global-radius (found in settings file) -@mixin label($padding:$label-padding, $text-size:$label-font-sizing, $bg:$primary-color, $radius:false) { - - @include label-base; - @include label-size($padding, $text-size); - @include label-style($bg, $radius); -} - -@include exports("label") { - @if $include-html-label-classes { - .label { - @include label-base; - @include label-size; - @include label-style; - - &.radius { @include label-style(false, true); } - &.round { @include label-style(false, $radius:1000px); } - - &.alert { @include label-style($alert-color); } - &.warning { @include label-style($warning-color); } - &.success { @include label-style($success-color); } - &.secondary { @include label-style($secondary-color); } - &.info { @include label-style($info-color); } - } - } -} diff --git a/_sass/foundation-components/_magellan.scss b/_sass/foundation-components/_magellan.scss deleted file mode 100644 index fb10c7d..0000000 --- a/_sass/foundation-components/_magellan.scss +++ /dev/null @@ -1,34 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-magellan-classes: $include-html-classes !default; - -$magellan-bg: $white !default; -$magellan-padding: 10px !default; - -@include exports("magellan") { - @if $include-html-magellan-classes { - - #{data('magellan-expedition')}, #{data('magellan-expedition-clone')} { - background: $magellan-bg; - z-index: 50; - min-width: 100%; - padding: $magellan-padding; - - .sub-nav { - margin-bottom: 0; - dd { margin-bottom: 0; } - a { - line-height: 1.8em; - } - } - } - - } -} diff --git a/_sass/foundation-components/_offcanvas.scss b/_sass/foundation-components/_offcanvas.scss deleted file mode 100644 index 8c86532..0000000 --- a/_sass/foundation-components/_offcanvas.scss +++ /dev/null @@ -1,515 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "type"; - -// 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%) !default; - -// 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; - - -// MIXINS -// Remove transition flicker on phones -@mixin kill-flicker { - // -webkit-transform: translateZ(0x); - -webkit-backface-visibility: hidden; -} - -// Basic properties for the content wraps -@mixin wrap-base { - position: relative; - width: 100%; -} - -@mixin translate3d($tx,$ty,$tz) { - -ms-transform: translate($tx,$ty); - -webkit-transform: translate3d($tx,$ty,$tz); - -moz-transform: translate3d($tx,$ty,$tz); - -ms-transform: translate3d($tx,$ty,$tz); - -o-transform: translate3d($tx,$ty,$tz); - transform: translate3d($tx,$ty,$tz) -} - -// basic styles for off-canvas menu container -@mixin off-canvas-menu($position) { - @include kill-flicker; - * { @include kill-flicker; } - width: $off-canvas-width; - top: 0; - bottom: 0; - position: absolute; - overflow-x: hidden; - overflow-y: auto; - background: $off-canvas-bg; - z-index: 1001; - box-sizing: content-box; - transition: transform 500ms ease 0s; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - - @if $position == left { - @include translate3d(-100%,0,0); - left: 0; - } - @if $position == right { - @include translate3d(100%,0,0); - right: 0; - } -} - -// OFF CANVAS WRAP -// Wrap visible content and prevent scroll bars -@mixin off-canvas-wrap { - @include kill-flicker; - @include wrap-base; - overflow: hidden; - &.move-right, - &.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; } -} - -// INNER WRAP -// Main content area that moves to reveal the off-canvas nav -@mixin inner-wrap { - // @include kill-flicker; - // removed for now till chrome fixes backface issue - @include wrap-base; - @include clearfix; - -webkit-transition: -webkit-#{$menu-slide}; - -moz-transition: -moz-#{$menu-slide}; - -ms-transition: -ms-#{$menu-slide}; - -o-transition: -o-#{$menu-slide}; - transition: #{$menu-slide}; -} - -// TAB BAR -// This is the tab bar base -@mixin tab-bar-base { - @include kill-flicker; - - // base styles - background: $tabbar-bg; - color: $tabbar-color; - height: $tabbar-height; - line-height: $tabbar-line-height; - - // make sure it's below the .exit-off-canvas link - position: relative; - // z-index: 999; - - // Typography - h1,h2,h3,h4,h5,h6 { - color: $tabbar-header-color; - font-weight: $tabbar-header-weight; - line-height: $tabbar-header-line-height; - margin: $tabbar-header-margin; - } - h1,h2,h3,h4 { font-size: $h5-font-size; } -} - -// SMALL SECTIONS -// These are small sections on the left and right that contain the off-canvas toggle buttons; -@mixin tabbar-small-section($position) { - width: $tabbar-icon-width; - height: $tabbar-height; - position: absolute; - top: 0; - @if $position == left { - border-right: $tabbar-left-section-border; - // box-shadow: 1px 0 0 scale-color($tabbar-bg, $lightness: 13%); - left: 0; - } - @if $position == right { - border-left: $tabbar-right-section-border; - // box-shadow: -1px 0 0 scale-color($tabbar-bg, $lightness: -50%); - right:0; - } -} - -@mixin tab-bar-section { - padding: $tabbar-middle-padding; - position: absolute; - text-align: center; - height: $tabbar-height; - top: 0; - @media #{$medium-up} { - &.left { text-align: left; } - &.right { text-align: right; } - } - - // still need to make these non-presentational - &.left { - left: 0; - right: $tabbar-icon-width; - } - &.right { - left: $tabbar-icon-width; - right: 0; - } - &.middle { - left: $tabbar-icon-width; - right: $tabbar-icon-width; - } -} - -// OFF CANVAS LIST -// This is the list of links in the off-canvas menu -@mixin off-canvas-list { - list-style-type: none; - padding:0; - margin:0; - - li { - label { - display: block; - padding: $off-canvas-label-padding; - color: $off-canvas-label-color; - text-transform: $off-canvas-label-text-transform; - font-size: $off-canvas-label-font-size; - font-weight: $off-canvas-label-font-weight; - background: $off-canvas-label-bg; - border-top: $off-canvas-label-border-top; - border-bottom: $off-canvas-label-border-bottom; - margin: $off-canvas-label-margin; - } - a { - display: block; - padding: $off-canvas-link-padding; - color: $off-canvas-link-color; - border-bottom: $off-canvas-link-border-bottom; - transition: background 300ms ease; - &:hover { - background: $off-canvas-bg-hover; - } - } - } - -} - -// BACK LINK -// This is an overlay that, when clicked, will toggle off the off canvas menu -@mixin back-link { - @include kill-flicker; - - transition: $off-canvas-overlay-transition; - cursor: $off-canvas-overlay-cursor; - box-shadow: $off-canvas-overlay-box-shadow; - - // fill the screen - display: block; - position: absolute; - background: $off-canvas-overlay-background; - top: 0; - bottom: 0; - left:0; - right:0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0,0,0,0); - - @media #{$medium-up} { - &:hover { - background: $off-canvas-overlay-background-hover; - } - } -} - -// -// DEFAULT CLASSES -// -@include exports("offcanvas") { - @if $include-html-off-canvas-classes { - - .off-canvas-wrap { @include off-canvas-wrap; } - .inner-wrap { @include inner-wrap; } - - .tab-bar { @include tab-bar-base; } - - .left-small { @include tabbar-small-section($position: left); } - .right-small { @include tabbar-small-section($position: right); } - - .tab-bar-section { @include tab-bar-section; } - - // MENU BUTTON - // This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future. - .tab-bar .menu-icon { - text-indent: $tabbar-menu-icon-text-indent; - width: $tabbar-menu-icon-width; - height: $tabbar-menu-icon-height; - display: block; - padding: $tabbar-menu-icon-padding; - color: $tabbar-menu-icon-color; - position: relative; - transform: translate3d(0,0,0); - - // @include for the hamburger menu-icon - // - // Arguments as follows: ($width, $left, $top, $thickness, $gap, $color, $hover-color) - // $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width. - // $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False - // $top - If false, icon will be centered vertically || explicitly set value in rem Default: = False - // $thickness - thickness of lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-thickness = 1px - // $gap - spacing between the lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-gap = 6px - // $color - icon color Default: $tabbar-menu-icon-color - // $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover - // $offcanvas - Set to true - @include hamburger($tabbar-hamburger-icon-width, $tabbar-hamburger-icon-left, $tabbar-hamburger-icon-top, $tabbar-hamburger-icon-thickness, $tabbar-hamburger-icon-gap, $tabbar-menu-icon-color, $tabbar-menu-icon-hover, true) - } - - .left-off-canvas-menu { @include off-canvas-menu($position: left); } - .right-off-canvas-menu { @include off-canvas-menu($position: right); } - - ul.off-canvas-list { @include off-canvas-list; } - - - // ANIMATION CLASSES - // These classes are added with JS and trigger the actual animation. - .move-right { - > .inner-wrap { - @include translate3d($off-canvas-width,0,0); - } - .exit-off-canvas { @include back-link;} - } - - .move-left { - > .inner-wrap { - @include translate3d(-($off-canvas-width),0,0); - - } - .exit-off-canvas { @include back-link; } - } - .offcanvas-overlap { - .left-off-canvas-menu, .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; - } - .exit-off-canvas { @include back-link; } - } - .offcanvas-overlap-left { - .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; - } - .exit-off-canvas { @include back-link; } - } - .offcanvas-overlap-right { - .left-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; - } - .exit-off-canvas { @include back-link; } - } - - // Older browsers - .no-csstransforms { - .left-off-canvas-menu { left: -($off-canvas-width); } - .right-off-canvas-menu { right: -($off-canvas-width); } - - .move-left > .inner-wrap { right: $off-canvas-width; } - .move-right > .inner-wrap { left: $off-canvas-width; } - } - - } -} - -// -// Off-Canvas Submenu Classes -// -@mixin off-canvas-submenu($position) { - @include kill-flicker; - * { @include kill-flicker; } - width: $off-canvas-width; - top: 0; - bottom: 0; - position: absolute; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - background: $off-canvas-bg; - z-index: 1002; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - @if $position == left { - @include translate3d(-100%,0,0); - left: 0; - } - @if $position == right { - @include translate3d(100%,0,0); - right: 0; - } - -webkit-transition: -webkit-#{$menu-slide}; - -moz-transition: -moz-#{$menu-slide}; - -ms-transition: -ms-#{$menu-slide}; - -o-transition: -o-#{$menu-slide}; - transition: #{$menu-slide}; - - //back button style like label - .back > a { - padding: $off-canvas-label-padding; - color: $off-canvas-label-color; - text-transform: $off-canvas-label-text-transform; - font-weight: $off-canvas-label-font-weight; - background: $off-canvas-back-bg; - border-top: $off-canvas-back-border-top; - border-bottom: $off-canvas-back-border-bottom; - &:hover { - background: $off-canvas-back-hover-bg; - border-top: $off-canvas-back-hover-border-top; - border-bottom: $off-canvas-back-hover-border-bottom; - } - margin: $off-canvas-label-margin; - @if $position == right { - @if $text-direction == rtl { - &:before { - @include icon-double-arrows($position: left); - } - } @else { - &:after { - @include icon-double-arrows($position: right); - } - } - } - @if $position == left { - @if $text-direction == rtl { - &:after { - @include icon-double-arrows($position: right); - } - } @else { - &:before { - @include icon-double-arrows($position: left); - } - } - } - } -} -//Left double angle quote or Right double angle quote chars -@mixin icon-double-arrows ($position){ - @if $position == left { - content: "\AB"; - @if $text-direction == rtl { - margin-left: 0.5rem; - } @else { - margin-right: 0.5rem; - } - } - @if $position == right { - content: "\BB"; - @if $text-direction == rtl { - margin-right: 0.5rem; - } @else { - margin-left: 0.5rem; - } - } - display: inline; -} - -@if $include-html-off-canvas-classes { - .left-submenu { - @include off-canvas-submenu($position: left); - &.move-right, &.offcanvas-overlap-right, &.offcanvas-overlap { - @include translate3d(0%,0,0); - } - } - - .right-submenu { - @include off-canvas-submenu($position: right); - &.move-left, &.offcanvas-overlap-left, &.offcanvas-overlap { - @include translate3d(0%,0,0); - } - } - - @if $text-direction == rtl { - .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - @include icon-double-arrows($position: left); - } - .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - @include icon-double-arrows($position: right); - } - } @else { - .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - @include icon-double-arrows($position: right); - } - .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - @include icon-double-arrows($position: left); - } - } -} diff --git a/_sass/foundation-components/_orbit.scss b/_sass/foundation-components/_orbit.scss deleted file mode 100644 index 3228d8a..0000000 --- a/_sass/foundation-components/_orbit.scss +++ /dev/null @@ -1,368 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// @variables -// -$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; - - -@include exports("orbit") { - @if $include-html-orbit-classes { - - @-webkit-keyframes rotate { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); } - } - @-moz-keyframes rotate { - from { -moz-transform: rotate(0deg); } - to { -moz-transform: rotate(360deg); } - } - @-o-keyframes rotate { - from { -o-transform: rotate(0deg); } - to { -o-transform: rotate(360deg); } - } - @keyframes rotate { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } - } - - /* Orbit Graceful Loading */ - .#{$wrapper-class} { - position: relative; - - ul { - // Prevent bullets showing before .orbit-container is loaded - list-style-type: none; - margin: 0; - - // Hide all list items - li, - li .orbit-caption { display: none; } - - // ...except for the first one - li:first-child { display: block; } - } - - .orbit-container { background-color: transparent; - - // Show images when .orbit-container is loaded - li { display: block; - - .orbit-caption { display: block; } - } - .orbit-bullets li { - display: inline-block; - } - } - - // Orbit preloader - .#{$preloader-class} { - display: block; - width: 40px; - height: 40px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -20px; - margin-left: -20px; - border: solid 3px; - border-color: $charcoal $white; - @include radius(1000px); - animation-name: rotate; - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-timing-function: linear; - } - } - - - .orbit-container { - overflow: hidden; - width: 100%; - position: relative; - background: $orbit-container-bg; - - .orbit-slides-container { - list-style: none; - margin: 0; - padding: 0; - position: relative; - - // Prevents images (and captions) from disappearing after first rotation on Chrome for Android - -webkit-transform: translateZ(0); - - img { display: block; max-width: 100%; } - - &>* { - position: absolute; - top: 0; - width: 100%; - @if $text-direction == rtl { - margin-right: 100%; - } - @else { - margin-left: 100%; - } - - &:first-child { - @if $text-direction == rtl { - margin-right: 0; - } - @else { - margin-left: 0; - } - } - - .orbit-caption { - @if $orbit-caption-position == "bottom" { - position: absolute; - bottom: 0; - } @else if $orbit-caption-position == "under" { - position: relative; - } - - background-color: $orbit-caption-bg; - color: $orbit-caption-font-color; - width: 100%; - padding: $orbit-caption-padding; - font-size: $orbit-caption-font-size; - } - } - } - - .orbit-slide-number { - position: absolute; - top: 10px; - #{$default-float}: 10px; - font-size: 12px; - span { font-weight: 700; padding: $orbit-slide-number-padding;} - color: $orbit-slide-number-font-color; - background: $orbit-slide-number-bg; - z-index: 10; - } - - .orbit-timer { - position: absolute; - top: 12px; - #{$opposite-direction}: 10px; - height: 6px; - width: 100px; - z-index: 10; - .orbit-progress { - @if $orbit-timer-show-progress-bar { - height: 3px; - background-color: $orbit-timer-bg; - display: block; - width: 0; - position: relative; - right: 20px; - top: 5px; - } - } - - // Play button - & > span { - display: none; - position: absolute; - top: 0; - #{$opposite-direction}: 0; - width: 11px; - height: 14px; - border: solid 4px $white; - border-top: none; - border-bottom: none; - } - - // Pause button - &.paused { - & > span { - #{$opposite-direction}: -4px; - top: 0; - width: 11px; - height: 14px; - border: inset 8px; - border-left-style: solid; - border-color: transparent; - border-left-color: $white; - &.dark { - border-left-color: $oil; - } - } - } - } - - - - &:hover .orbit-timer > span { display: block; } - - // Let's get those controls to be right in the center on each side - .orbit-prev, - .orbit-next { - position: absolute; - top: 45%; - margin-top: -25px; - width: 36px; - height: 60px; - line-height: 50px; - color: white; - background-color: $orbit-nav-bg; - text-indent: -9999px !important; - z-index: 10; - - &:hover { - background-color: $orbit-nav-bg-hover; - } - - & > span { - position: absolute; - top: 50%; - margin-top: -10px; - display: block; - width: 0; - height: 0; - border: inset 10px; - } - } - .orbit-prev { #{$default-float}: 0; - & > span { - border-#{$opposite-direction}-style: solid; - border-color: transparent; - border-#{$opposite-direction}-color: $orbit-nav-arrow-color; - } - &:hover > span { - border-#{$opposite-direction}-color: $orbit-nav-arrow-color-hover; - } - } - .orbit-next { #{$opposite-direction}: 0; - & > span { - border-color: transparent; - border-#{$default-float}-style: solid; - border-#{$default-float}-color: $orbit-nav-arrow-color; - #{$default-float}: 50%; - margin-#{$default-float}: -4px; - } - &:hover > span { - border-#{$default-float}-color: $orbit-nav-arrow-color-hover; - } - } - } - - .orbit-bullets-container { text-align: center; } - .orbit-bullets { - margin: 0 auto 30px auto; - overflow: hidden; - position: relative; - top: 10px; - float: none; - text-align: center; - display: block; - - li { - cursor:pointer; - display: inline-block; - width: $orbit-bullet-radius; - height: $orbit-bullet-radius; - background: $orbit-bullet-nav-color; - // float: $default-float; - float: none; - margin-#{$opposite-direction}: 6px; - @include radius(1000px); - - &.active { - background: $orbit-bullet-nav-color-active; - } - - &:last-child { margin-#{$opposite-direction}: 0; } - } - } - - .touch { - .orbit-container { - .orbit-prev, - .orbit-next { display: none; } - } - - .orbit-bullets { display: none; } - } - - - @media #{$medium-up} { - - .touch { - .orbit-container { - .orbit-prev, - .orbit-next { display: inherit; } - } - - .orbit-bullets { display: block; } - } - - } - - @media #{$small-only} { - .orbit-stack-on-small { - .orbit-slides-container {height: auto !important;} - .orbit-slides-container > * { - position: relative; - margin:0 !important; - opacity:1 !important; - } - - .orbit-slide-number { - display: none; - } - } - - @if $orbit-timer-hide-for-small { - .orbit-timer{display: none;} - } - @if $orbit-nav-hide-for-small { - .orbit-next,.orbit-prev{display: none;} - } - @if $orbit-bullet-hide-for-small { - .orbit-bullets{display: none;} - } - } - } -} diff --git a/_sass/foundation-components/_pagination.scss b/_sass/foundation-components/_pagination.scss deleted file mode 100644 index da6aada..0000000 --- a/_sass/foundation-components/_pagination.scss +++ /dev/null @@ -1,162 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-pagination-classes: $include-html-classes !default; - -// We use these to control the pagination container -$pagination-height: rem-calc(24) !default; -$pagination-margin: rem-calc(-5) !default; - -// We use these to set the list-item properties -$pagination-li-float: $default-float !default; -$pagination-li-height: rem-calc(24) !default; -$pagination-li-font-color: $jet !default; -$pagination-li-font-size: rem-calc(14) !default; -$pagination-li-margin: rem-calc(5) !default; - -// We use these for the pagination anchor links -$pagination-link-pad: rem-calc(1 10 1) !default; -$pagination-link-font-color: $aluminum !default; -$pagination-link-active-bg: scale-color($white, $lightness: -10%) !default; - -// We use these for disabled anchor links -$pagination-link-unavailable-cursor: default !default; -$pagination-link-unavailable-font-color: $aluminum !default; -$pagination-link-unavailable-bg-active: transparent !default; - -// We use these for currently selected anchor links -$pagination-link-current-background: $primary-color !default; -$pagination-link-current-font-color: $white !default; -$pagination-link-current-font-weight: $font-weight-bold !default; -$pagination-link-current-cursor: default !default; -$pagination-link-current-active-bg: $primary-color !default; - -// @mixins -// -// Style the pagination container. Currently only used when centering elements. -// $center - Default: false, Options: true -@mixin pagination-container($center:false) { - @if $center { text-align: center; } -} - -// @mixins -// Style unavailable list items -@mixin pagination-unavailable-item { - a, button { - cursor: $pagination-link-unavailable-cursor; - color: $pagination-link-unavailable-font-color; - } - &:hover a, - & a:focus, - - &:hover button, - & button:focus - { background: $pagination-link-unavailable-bg-active; } -} -// @mixins -// Style the current list item. Do not assume that the current item has -// an anchor element. -// $has-anchor - Default: true, Options: false -@mixin pagination-current-item($has-anchor: true) { - @if $has-anchor { - a, button { - background: $pagination-link-current-background; - color: $pagination-link-current-font-color; - font-weight: $pagination-link-current-font-weight; - cursor: $pagination-link-current-cursor; - - &:hover, - &:focus { background: $pagination-link-current-active-bg; } - } - } @else { - height: auto; - padding: $pagination-link-pad; - background: $pagination-link-current-background; - color: $pagination-link-current-font-color; - font-weight: $pagination-link-current-font-weight; - cursor: $pagination-link-current-cursor; - @include radius; - - &:hover, - &:focus { background: $pagination-link-current-active-bg; } - } -} - -// @mixins -// -// We use this mixin to set the properties for the creating Foundation pagination -// $center - Left or center align the li elements. Default: false -// $base-style - Sets base styles for pagination. Default: true, Options: false -// $use-default-classes - Makes unavailable & current classes available for use. Default: true -@mixin pagination($center:false, $base-style:true, $use-default-classes:true) { - - @if $base-style { - display: block; - min-height: $pagination-height; - margin-#{$default-float}: $pagination-margin; - - li { - height: $pagination-li-height; - color: $pagination-li-font-color; - font-size: $pagination-li-font-size; - margin-#{$default-float}: $pagination-li-margin; - - a, button { - display: block; - padding: $pagination-link-pad; - color: $pagination-link-font-color; - background: none; - @include radius; - font-weight: normal; - font-size: 1em; - line-height: inherit; - @include single-transition(background-color); - } - - &:hover a, - a:focus, - &:hover button, - button:focus - { background: $pagination-link-active-bg; } - - @if $use-default-classes { - &.unavailable { @include pagination-unavailable-item(); } - &.current { @include pagination-current-item(); } - } - } - } - - // Left or center align the li elements - li { - @if $center { - float: none; - display: inline-block; - } @else { - float: $pagination-li-float; - display: block; - } - } -} - -@include exports("pagination") { - @if $include-pagination-classes { - ul.pagination { - @include pagination; - } - - /* Pagination centred wrapper */ - .pagination-centered { - @include pagination-container(true); - - ul.pagination { - @include pagination(true, false); - } - } - } -} diff --git a/_sass/foundation-components/_panels.scss b/_sass/foundation-components/_panels.scss deleted file mode 100644 index b3018e3..0000000 --- a/_sass/foundation-components/_panels.scss +++ /dev/null @@ -1,101 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$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-function-factor: -11% !default; -$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !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-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default; -// -// @mixins -// -// We use this mixin to create panels. -// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default -// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20) -// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true -@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) { - - @if $bg { - $bg-lightness: lightness($bg); - - border-style: $panel-border-style; - border-width: $panel-border-size; - border-color: scale-color($bg, $lightness: $panel-function-factor); - margin-bottom: $panel-margin-bottom; - padding: $padding; - - background: $bg; - @if $bg-lightness >= 50% { color: $panel-font-color; } - @else { color: $panel-font-color-alt; } - - // Respect the padding, fool. - &>:first-child { margin-top: 0; } - &>:last-child { margin-bottom: 0; } - - @if $adjust { - // We set the font color based on the darkness of the bg. - @if $bg-lightness >= 50% { - h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; } - } - @else { - h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; } - } - - // reset header line-heights for panels - h1,h2,h3,h4,h5,h6 { - line-height: 1; margin-bottom: rem-calc(20) / 2; - &.subheader { line-height: 1.4; } - } - } - } -} - -@include exports("panel") { - @if $include-html-panel-classes { - - /* Panels */ - .panel { @include panel; - - &.callout { - @include panel(scale-color($primary-color, $lightness: 94%)); - a:not(.button) { - color: $callout-panel-link-color; - - &:hover, - &:focus { - color: $callout-panel-link-color-hover; - } - } - } - - &.radius { - @include radius; - } - - } - - } -} diff --git a/_sass/foundation-components/_pricing-tables.scss b/_sass/foundation-components/_pricing-tables.scss deleted file mode 100644 index 97b14c4..0000000 --- a/_sass/foundation-components/_pricing-tables.scss +++ /dev/null @@ -1,150 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-pricing-classes: $include-html-classes !default; - -// We use this to control the border color -$price-table-border: solid 1px $gainsboro !default; - -// We use this to control the bottom margin of the pricing table -$price-table-margin-bottom: rem-calc(20) !default; - -// We use these to control the title styles -$price-title-bg: $oil !default; -$price-title-padding: rem-calc(15 20) !default; -$price-title-align: center !default; -$price-title-color: $smoke !default; -$price-title-weight: $font-weight-normal !default; -$price-title-size: rem-calc(16) !default; -$price-title-font-family: $body-font-family !default; - -// We use these to control the price styles -$price-money-bg: $vapor !default; -$price-money-padding: rem-calc(15 20) !default; -$price-money-align: center !default; -$price-money-color: $oil !default; -$price-money-weight: $font-weight-normal !default; -$price-money-size: rem-calc(32) !default; -$price-money-font-family: $body-font-family !default; - - -// We use these to control the description styles -$price-bg: $white !default; -$price-desc-color: $monsoon !default; -$price-desc-padding: rem-calc(15) !default; -$price-desc-align: center !default; -$price-desc-font-size: rem-calc(12) !default; -$price-desc-weight: $font-weight-normal !default; -$price-desc-line-height: 1.4 !default; -$price-desc-bottom-border: dotted 1px $gainsboro !default; - -// We use these to control the list item styles -$price-item-color: $oil !default; -$price-item-padding: rem-calc(15) !default; -$price-item-align: center !default; -$price-item-font-size: rem-calc(14) !default; -$price-item-weight: $font-weight-normal !default; -$price-item-bottom-border: dotted 1px $gainsboro !default; - -// We use these to control the CTA area styles -$price-cta-bg: $white !default; -$price-cta-align: center !default; -$price-cta-padding: rem-calc(20 20 0) !default; - -// @mixins -// -// We use this to create the container element for the pricing tables -@mixin pricing-table-container { - border: $price-table-border; - margin-#{$default-float}: 0; - margin-bottom: $price-table-margin-bottom; - - & * { - list-style: none; - line-height: 1; - } -} -// @mixins -// -// We use this mixin to create the pricing table title styles -@mixin pricing-table-title { - background-color: $price-title-bg; - padding: $price-title-padding; - text-align: $price-title-align; - color: $price-title-color; - font-weight: $price-title-weight; - font-size: $price-title-size; - font-family: $price-title-font-family; -} - -// @mixins -// -// We use this mixin to control the pricing table price styles -@mixin pricing-table-price { - background-color: $price-money-bg; - padding: $price-money-padding; - text-align: $price-money-align; - color: $price-money-color; - font-weight: $price-money-weight; - font-size: $price-money-size; - font-family: $price-money-font-family; -} - -// @mixins -// -// We use this mixin to create the description styles for the pricing table -@mixin pricing-table-description { - background-color: $price-bg; - padding: $price-desc-padding; - text-align: $price-desc-align; - color: $price-desc-color; - font-size: $price-desc-font-size; - font-weight: $price-desc-weight; - line-height: $price-desc-line-height; - border-bottom: $price-desc-bottom-border; -} - -// @mixins -// -// We use this mixin to style the bullet items in the pricing table -@mixin pricing-table-bullet { - background-color: $price-bg; - padding: $price-item-padding; - text-align: $price-item-align; - color: $price-item-color; - font-size: $price-item-font-size; - font-weight: $price-item-weight; - border-bottom: $price-item-bottom-border; -} - -// @mixins -// -// We use this mixin to style the CTA area of the pricing tables -@mixin pricing-table-cta { - background-color: $price-cta-bg; - text-align: $price-cta-align; - padding: $price-cta-padding; -} - -@include exports("pricing-table") { - @if $include-html-pricing-classes { - - /* Pricing Tables */ - .pricing-table { - @include pricing-table-container; - - .title { @include pricing-table-title; } - .price { @include pricing-table-price; } - .description { @include pricing-table-description; } - .bullet-item { @include pricing-table-bullet; } - .cta-button { @include pricing-table-cta; } - } - - } -} diff --git a/_sass/foundation-components/_progress-bars.scss b/_sass/foundation-components/_progress-bars.scss deleted file mode 100644 index 974a710..0000000 --- a/_sass/foundation-components/_progress-bars.scss +++ /dev/null @@ -1,79 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-media-classes: $include-html-classes !default; - -// We use this to set the progress bar height -$progress-bar-height: rem-calc(25) !default; -$progress-bar-color: $vapor !default; - -// We use these to control the border styles -$progress-bar-border-color: scale-color($white, $lightness: 20%) !default; -$progress-bar-border-size: 1px !default; -$progress-bar-border-style: solid !default; -$progress-bar-border-radius: $global-radius !default; - -// We use these to control the margin & padding -$progress-bar-pad: rem-calc(2) !default; -$progress-bar-margin-bottom: rem-calc(10) !default; - -// We use these to set the meter colors -$progress-meter-color: $primary-color !default; -$progress-meter-secondary-color: $secondary-color !default; -$progress-meter-success-color: $success-color !default; -$progress-meter-alert-color: $alert-color !default; - -// @mixins -// -// We use this to set up the progress bar container -@mixin progress-container { - background-color: $progress-bar-color; - height: $progress-bar-height; - border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color; - padding: $progress-bar-pad; - margin-bottom: $progress-bar-margin-bottom; -} - -// @mixins -// -// $bg - Default: $progress-meter-color || $primary-color -@mixin progress-meter($bg:$progress-meter-color) { - background: $bg; - height: 100%; - display: block; -} - - -@include exports("progress-bar") { - @if $include-html-media-classes { - - /* Progress Bar */ - .progress { - @include progress-container; - - // Meter - .meter { - @include progress-meter; - } - &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); } - &.success .meter { @include progress-meter($bg:$progress-meter-success-color); } - &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); } - - &.radius { @include radius($progress-bar-border-radius); - .meter { @include radius($progress-bar-border-radius - 1); } - } - - &.round { @include radius(1000px); - .meter { @include radius(999px); } - } - - } - - } -} diff --git a/_sass/foundation-components/_range-slider.scss b/_sass/foundation-components/_range-slider.scss deleted file mode 100644 index 30203ea..0000000 --- a/_sass/foundation-components/_range-slider.scss +++ /dev/null @@ -1,168 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _range-slider.scss -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-range-slider-classes: $include-html-classes !default; - -// These variabels define the slider bar styles -$range-slider-bar-width: 100% !default; -$range-slider-bar-height: rem-calc(16) !default; - -$range-slider-bar-border-width: 1px !default; -$range-slider-bar-border-style: solid !default; -$range-slider-bar-border-color: $gainsboro !default; -$range-slider-radius: $global-radius !default; -$range-slider-round: $global-rounded !default; -$range-slider-bar-bg-color: $ghost !default; -$range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%) !default; - -// Vertical bar styles -$range-slider-vertical-bar-width: rem-calc(16) !default; -$range-slider-vertical-bar-height: rem-calc(200) !default; - -// These variabels define the slider handle styles -$range-slider-handle-width: rem-calc(32) !default; -$range-slider-handle-height: rem-calc(22) !default; -$range-slider-handle-position-top: rem-calc(-5) !default; -$range-slider-handle-bg-color: $primary-color !default; -$range-slider-handle-border-width: 1px !default; -$range-slider-handle-border-style: solid !default; -$range-slider-handle-border-color: none !default; -$range-slider-handle-radius: $global-radius !default; -$range-slider-handle-round: $global-rounded !default; -$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default; -$range-slider-handle-cursor: pointer !default; - -$range-slider-disabled-opacity: 0.7 !default; - -// -// @mixins -// - -@mixin range-slider-bar-base($vertical: false) { - display: block; - position: relative; - width: $range-slider-bar-width; - height: $range-slider-bar-height; - border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color; - margin: rem-calc(20 0); - -ms-touch-action: none; - touch-action: none; - @if $vertical == true { - display: inline-block; - width: $range-slider-vertical-bar-width; - height: $range-slider-vertical-bar-height; - } -} -@mixin range-slider-bar-style( - $bg: true, - $radius: false, - $round: false, - $disabled: false) { - @if $bg == true { background: $range-slider-bar-bg-color; } - @if $radius == true { @include radius($range-slider-radius); } - @if $round == true { @include radius($range-slider-round); } - @if $disabled == true { - cursor: $cursor-default-value; - opacity: $range-slider-disabled-opacity; - } -} - -@mixin range-slider-bar( - $bg: $range-slider-bar-bg-color, - $radius:false) { - @include range-slider-bar-base; - @include range-slider-bar-style; -} - -@mixin range-slider-handle-base() { - display: inline-block; - position: absolute; - z-index: 1; - top: $range-slider-handle-position-top; - width: $range-slider-handle-width; - height: $range-slider-handle-height; - border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color; - cursor: $range-slider-handle-cursor; - - // This removes the 300ms touch delay on Windows 8 - -ms-touch-action: manipulation; - touch-action: manipulation; -} -@mixin range-slider-handle-style( - $bg: true, - $radius: false, - $round: false, - $disabled: false) { - @if $bg == true { background: $range-slider-handle-bg-color; } - @if $radius == true { @include radius($range-slider-radius); } - @if $round == true { @include radius($range-slider-round); } - @if $disabled == true { - cursor: $cursor-default-value; - opacity: $range-slider-disabled-opacity; - } - &:hover { - background: $range-slider-handle-bg-hover-color; - } -} -@mixin range-slider-handle() { - @include range-slider-handle-base; - @include range-slider-handle-style; -} - -// CSS Generation -@include exports("range-slider-bar") { - @if $include-html-range-slider-classes { - .range-slider { - @include range-slider-bar-base; - @include range-slider-bar-style($bg:true, $radius:false); - &.vertical-range { - @include range-slider-bar-base($vertical: true); - .range-slider-handle { - margin-top: 0; - margin-#{$default-float}: -($range-slider-handle-width / 4); - position: absolute; - bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width); - } - .range-slider-active-segment { - width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); - height: auto; - bottom: 0; - } - } - &.radius { - @include range-slider-bar-style($radius:true); - .range-slider-handle { @include range-slider-handle-style($radius: true); } - } - &.round { - @include range-slider-bar-style($round:true); - .range-slider-handle { @include range-slider-handle-style($round: true); } - } - &.disabled, &[disabled] { - @include range-slider-bar-style($disabled:true); - .range-slider-handle { @include range-slider-handle-style($disabled: true); } - } - } - .range-slider-active-segment { - display: inline-block; - position: absolute; - height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); - background: $range-slider-active-segment-bg-color; - } - .range-slider-handle { - @include range-slider-handle-base; - @include range-slider-handle-style($bg:true, $radius: false); - } - } -} diff --git a/_sass/foundation-components/_reveal.scss b/_sass/foundation-components/_reveal.scss deleted file mode 100644 index 140173f..0000000 --- a/_sass/foundation-components/_reveal.scss +++ /dev/null @@ -1,223 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "grid"; - -// -// @name _reveal.scss -// @dependencies _global.scss -// - -$include-html-reveal-classes: $include-html-classes !default; - -// We use these to control the style of the reveal overlay. -$reveal-overlay-bg: rgba($black, .45) !default; -$reveal-overlay-bg-old: $black !default; - -// We use these to control the style of the modal itself. -$reveal-modal-bg: $white !default; -$reveal-position-top: rem-calc(100) !default; -$reveal-default-width: 80% !default; -$reveal-max-width: $row-width !default; -$reveal-modal-padding: rem-calc(20) !default; -$reveal-box-shadow: 0 0 10px rgba($black,.4) !default; - -// We use these to style the reveal close button -$reveal-close-font-size: rem-calc(40) !default; -$reveal-close-top: rem-calc(10) !default; -$reveal-close-side: rem-calc(22) !default; -$reveal-close-color: $base !default; -$reveal-close-weight: $font-weight-bold !default; - -// We use this to set the default radius used throughout the core. -$reveal-radius: $global-radius !default; -$reveal-round: $global-rounded !default; - -// We use these to control the modal border -$reveal-border-style: solid !default; -$reveal-border-width: 1px !default; -$reveal-border-color: $steel !default; - -$reveal-modal-class: "reveal-modal" !default; -$close-reveal-modal-class: "close-reveal-modal" !default; - -// -// @mixins -// - -// We use this to create the reveal background overlay styles -@mixin reveal-bg( $include-z-index-value: true ) { - //position: fixed; - position: absolute; // allows modal background to extend beyond window position - top: 0; - bottom: 0; - left: 0; - right: 0; - background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future. - background: $reveal-overlay-bg; - z-index: if( $include-z-index-value, 1004, auto ); - display: none; - #{$default-float}: 0; -} - -// We use this mixin to create the structure of a reveal modal -// -// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false -// $width - Sets reveal width Default: $reveal-default-width || 80% -// -@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) { - @if $base-style { - visibility: hidden; - display: none; - position: absolute; - z-index: 1005; - width: 100vw; - top:0; - border-radius: $border-radius; - #{$default-float}: 0; - - @media #{$small-only} { - min-height:100vh; - } - - // Make sure rows don't have a min-width on them - .column, .columns { min-width: 0; } - - // Get rid of margin from first and last element inside modal - & > :first-child { margin-top: 0; } - - & > :last-child { margin-bottom: 0; } - } - - @if $width { - @media #{$medium-up} { - width: $width; - max-width: $max-width; - left: 0; - right: 0; - margin: 0 auto; - } - } -} - -// We use this to style the reveal modal defaults -// -// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white -// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding. -// $border - Choose whether reveal uses a border. Default: true, Options: false -// $border-style - Set reveal border style. Default: $reveal-border-style || solid -// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width. -// $border-color - Color of border. Default: $reveal-border-color. -// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false -// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false -// $top-offset - Default: $reveal-position-top || 50px -@mixin reveal-modal-style( - $bg:false, - $padding:false, - $border:false, - $border-style:$reveal-border-style, - $border-width:$reveal-border-width, - $border-color:$reveal-border-color, - $box-shadow:false, - $radius:false, - $top-offset:false) { - - @if $bg { background-color: $bg; } - @if $padding != false { padding: $padding; } - - @if $border { border: $border-style $border-width $border-color; } - - // We can choose whether or not to include the default box-shadow. - @if $box-shadow { - box-shadow: $reveal-box-shadow; - } - - // We can control how much radius is used on the modal - @if $radius == true { @include radius($reveal-radius); } - @else if $radius { @include radius($radius); } - - @if $top-offset { - @media #{$medium-up} { - top: $top-offset; - } - } -} - -// We use this to create a close button for the reveal modal -// -// $color - Default: $reveal-close-color || $base -@mixin reveal-close($color:$reveal-close-color) { - font-size: $reveal-close-font-size; - line-height: 1; - position: absolute; - top: $reveal-close-top; - #{$opposite-direction}: $reveal-close-side; - color: $color; - font-weight: $reveal-close-weight; - cursor: $cursor-pointer-value; -} - -@include exports("reveal") { - @if $include-html-reveal-classes { - - // Reveal Modals - .reveal-modal-bg { @include reveal-bg; } - - .#{$reveal-modal-class} { - @include reveal-modal-base; - @include reveal-modal-style( - $bg:$reveal-modal-bg, - $padding:$reveal-modal-padding, - $border:true, - $box-shadow:true, - $radius:false, - $top-offset:$reveal-position-top - ); - @include reveal-modal-style($padding:$reveal-modal-padding * 1.5); - - &.radius { @include reveal-modal-style($radius:true); } - &.round { @include reveal-modal-style($radius:$reveal-round); } - &.collapse { @include reveal-modal-style($padding:0); } - &.tiny { @include reveal-modal-base(false, 30%); } - &.small { @include reveal-modal-base(false, 40%); } - &.medium { @include reveal-modal-base(false, 60%); } - &.large { @include reveal-modal-base(false, 70%); } - &.xlarge { @include reveal-modal-base(false, 95%); } - &.full { - @include reveal-modal-base(false, 100vw); - top:0; - left:0; - height:100%; - height: 100vh; - min-height:100vh; - max-width: none !important; - margin-left: 0 !important; - } - - .#{$close-reveal-modal-class} { @include reveal-close; } - } - - dialog { - @extend .#{$reveal-modal-class}; - display: none; - - &::backdrop, & + .backdrop { - @include reveal-bg(false); - } - - &[open]{ - display: block; - } - } - - // Reveal Print Styles: It should be invisible, adds no value being printed. - @media print { - dialog, .#{$reveal-modal-class} { - display: none; - background: $white !important; - } - } - } -} diff --git a/_sass/foundation-components/_side-nav.scss b/_sass/foundation-components/_side-nav.scss deleted file mode 100644 index d16be15..0000000 --- a/_sass/foundation-components/_side-nav.scss +++ /dev/null @@ -1,116 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// - -$include-html-nav-classes: $include-html-classes !default; - -// We use this to control padding. -$side-nav-padding: rem-calc(14 0) !default; - -// We use these to control list styles. -$side-nav-list-type: none !default; -$side-nav-list-position: outside !default; -$side-nav-list-margin: rem-calc(0 0 7 0) !default; - -// We use these to control link styles. -$side-nav-link-color: $primary-color !default; -$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default; -$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default; -$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default; -$side-nav-link-margin: 0 !default; -$side-nav-link-padding: rem-calc(7 14) !default; -$side-nav-font-size: rem-calc(14) !default; -$side-nav-font-weight: $font-weight-normal !default; -$side-nav-font-weight-active: $side-nav-font-weight !default; -$side-nav-font-family: $body-font-family !default; -$side-nav-font-family-active: $side-nav-font-family !default; - -// We use these to control heading styles. -$side-nav-heading-color: $side-nav-link-color !default; -$side-nav-heading-font-size: $side-nav-font-size !default; -$side-nav-heading-font-weight: bold !default; -$side-nav-heading-text-transform: uppercase !default; - -// We use these to control border styles -$side-nav-divider-size: 1px !default; -$side-nav-divider-style: solid !default; -$side-nav-divider-color: scale-color($white, $lightness: 10%) !default; - - -// -// @mixins -// - - -// We use this to style the side-nav -// -// $divider-color - Border color of divider. Default: $side-nav-divider-color. -// $font-size - Font size of nav items. Default: $side-nav-font-size. -// $link-color - Color of navigation links. Default: $side-nav-link-color. -// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover. -@mixin side-nav( - $divider-color:$side-nav-divider-color, - $font-size:$side-nav-font-size, - $link-color:$side-nav-link-color, - $link-color-hover:$side-nav-link-color-hover, - $link-bg-hover:$side-nav-link-bg-hover) { - display: block; - margin: 0; - padding: $side-nav-padding; - list-style-type: $side-nav-list-type; - list-style-position: $side-nav-list-position; - font-family: $side-nav-font-family; - - li { - margin: $side-nav-list-margin; - font-size: $font-size; - font-weight: $side-nav-font-weight; - - a:not(.button) { - display: block; - color: $link-color; - margin: $side-nav-link-margin; - padding: $side-nav-link-padding; - &:hover, - &:focus { - background: $link-bg-hover; - color: $link-color-hover; - } - } - - &.active > a:first-child:not(.button) { - color: $side-nav-link-color-active; - font-weight: $side-nav-font-weight-active; - font-family: $side-nav-font-family-active; - } - - &.divider { - border-top: $side-nav-divider-size $side-nav-divider-style; - height: 0; - padding: 0; - list-style: none; - border-top-color: $divider-color; - } - - &.heading { - color: $side-nav-heading-color; - font: { - size: $side-nav-heading-font-size; - weight: $side-nav-heading-font-weight; - } - text-transform: $side-nav-heading-text-transform; - } - } -} - -@include exports("side-nav") { - @if $include-html-nav-classes { - .side-nav { @include side-nav; } - } -} diff --git a/_sass/foundation-components/_split-buttons.scss b/_sass/foundation-components/_split-buttons.scss deleted file mode 100644 index 00b9f7a..0000000 --- a/_sass/foundation-components/_split-buttons.scss +++ /dev/null @@ -1,191 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "buttons"; -@import "dropdown-buttons"; - -// -// @name _split-buttons.scss -// @dependencies _buttons.scss, _global.scss -// - -// -// @variables -// - -$include-html-button-classes: $include-html-classes !default; - -// We use these to control different shared styles for Split Buttons -$split-button-function-factor: 10% !default; -$split-button-pip-color: $white !default; -$split-button-pip-color-alt: $oil !default; -$split-button-active-bg-tint: rgba(0,0,0,0.1) !default; - -// We use these to control tiny split buttons -$split-button-padding-tny: $button-pip-tny * 10 !default; -$split-button-span-width-tny: $button-pip-tny * 6 !default; -$split-button-pip-size-tny: $button-pip-tny !default; -$split-button-pip-top-tny: $button-pip-tny * 2 !default; -$split-button-pip-default-float-tny: rem-calc(-6) !default; - -// We use these to control small split buttons -$split-button-padding-sml: $button-pip-sml * 10 !default; -$split-button-span-width-sml: $button-pip-sml * 6 !default; -$split-button-pip-size-sml: $button-pip-sml !default; -$split-button-pip-top-sml: $button-pip-sml * 1.5 !default; -$split-button-pip-default-float-sml: rem-calc(-6) !default; - -// We use these to control medium split buttons -$split-button-padding-med: $button-pip-med * 9 !default; -$split-button-span-width-med: $button-pip-med * 5.5 !default; -$split-button-pip-size-med: $button-pip-med - rem-calc(3) !default; -$split-button-pip-top-med: $button-pip-med * 1.5 !default; -$split-button-pip-default-float-med: rem-calc(-6) !default; - -// We use these to control large split buttons -$split-button-padding-lrg: $button-pip-lrg * 8 !default; -$split-button-span-width-lrg: $button-pip-lrg * 5 !default; -$split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default; -$split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5) !default; -$split-button-pip-default-float-lrg: rem-calc(-6) !default; - - -// -// @mixins -// - -// We use this mixin to create split buttons that build upon the button mixins -// -// $padding - Type of padding to apply. Default: medium. Options: tiny, small, medium, large. -// $pip-color - Color of the triangle. Default: $split-button-pip-color. -// $span-border - Border color of button divider. Default: $primary-color. -// $base-style - Apply base style to split button. Default: true. -@mixin split-button( - $padding:medium, - $pip-color:$split-button-pip-color, - $span-border:$primary-color, - $base-style:true) { - - // With this, we can control whether or not the base styles come through. - @if $base-style { - position: relative; - - // Styling for the split arrow clickable area - span { - display: block; - height: 100%; - position: absolute; - #{$opposite-direction}: 0; - top: 0; - border-#{$default-float}: solid 1px; - - // Building the triangle pip indicator - &:after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: inset; - top: 50%; - - #{$default-float}: 50%; - } - - &:active { background-color: $split-button-active-bg-tint; } - } - } - - // Control the border color for the span area of the split button - @if $span-border { - span { - border-#{$default-float}-color: rgba(255,255,255,0.5); - } - } - - // Style of the button and clickable area for tiny sizes - @if $padding == tiny { - padding-#{$opposite-direction}: $split-button-padding-tny; - - span { width: $split-button-span-width-tny; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-tny; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-tny; - } - } - } - - // Style of the button and clickable area for small sizes - @else if $padding == small { - padding-#{$opposite-direction}: $split-button-padding-sml; - - span { width: $split-button-span-width-sml; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-sml; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-sml; - } - } - } - - // Style of the button and clickable area for default (medium) sizes - @else if $padding == medium { - padding-#{$opposite-direction}: $split-button-padding-med; - - span { width: $split-button-span-width-med; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-med; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-med; - } - } - } - - // Style of the button and clickable area for large sizes - @else if $padding == large { - padding-#{$opposite-direction}: $split-button-padding-lrg; - - span { width: $split-button-span-width-lrg; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-lrg; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-lrg; - } - } - } - - // Control the color of the triangle pip - @if $pip-color { - span:after { border-color: $pip-color transparent transparent transparent; } - } -} - -@include exports("split-button") { - @if $include-html-button-classes { - - .split.button { @include split-button; - - &.secondary { @include split-button(false, $split-button-pip-color, $secondary-color, false); } - &.alert { @include split-button(false, false, $alert-color, false); } - &.success { @include split-button(false, false, $success-color, false); } - - &.tiny { @include split-button(tiny, false, false, false); } - &.small { @include split-button(small, false, false, false); } - &.large { @include split-button(large, false, false, false); } - &.expand { padding-left: 2rem; } - - &.secondary { @include split-button(false, $split-button-pip-color-alt, false, false); } - - &.radius span { @include side-radius($opposite-direction, $global-radius); } - &.round span { @include side-radius($opposite-direction, 1000px); } - } - - } -} diff --git a/_sass/foundation-components/_sub-nav.scss b/_sass/foundation-components/_sub-nav.scss deleted file mode 100644 index 5364499..0000000 --- a/_sass/foundation-components/_sub-nav.scss +++ /dev/null @@ -1,123 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _sub-nav.scss -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-nav-classes: $include-html-classes !default; - -// We use these to control margin and padding -$sub-nav-list-margin: rem-calc(-4 0 18) !default; -$sub-nav-list-padding-top: rem-calc(4) !default; - -// We use this to control the definition -$sub-nav-font-family: $body-font-family !default; -$sub-nav-font-size: rem-calc(14) !default; -$sub-nav-font-color: $aluminum !default; -$sub-nav-font-weight: $font-weight-normal !default; -$sub-nav-text-decoration: none !default; -$sub-nav-padding: rem-calc(3 16) !default; -$sub-nav-border-radius: 3px !default; -$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default; - - -// We use these to control the active item styles - -$sub-nav-active-font-weight: $font-weight-normal !default; -$sub-nav-active-bg: $primary-color !default; -$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default; -$sub-nav-active-color: $white !default; -$sub-nav-active-padding: $sub-nav-padding !default; -$sub-nav-active-cursor: default !default; - -$sub-nav-item-divider: "" !default; -$sub-nav-item-divider-margin: rem-calc(12) !default; - -// -// @mixins -// - - -// Create a sub-nav item -// -// $font-color - Font color. Default: $sub-nav-font-color. -// $font-size - Font size. Default: $sub-nav-font-size. -// $active-bg - Background of active nav item. Default: $sub-nav-active-bg. -// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover. -@mixin sub-nav( - $font-color: $sub-nav-font-color, - $font-size: $sub-nav-font-size, - $active-bg: $sub-nav-active-bg, - $active-bg-hover: $sub-nav-active-bg-hover) { - display: block; - width: auto; - overflow: hidden; - margin: $sub-nav-list-margin; - padding-top: $sub-nav-list-padding-top; - - dt { - text-transform: uppercase; - } - - dt, - dd, - li { - float: $default-float; - display: inline; - margin-#{$default-float}: rem-calc(16); - margin-bottom: 0; - font-family: $sub-nav-font-family; - font-weight: $sub-nav-font-weight; - font-size: $font-size; - color: $font-color; - - a { - text-decoration: $sub-nav-text-decoration; - color: $sub-nav-font-color; - padding: $sub-nav-padding; - &:hover { - color: $sub-nav-font-color-hover; - } - } - - &.active a { - @include radius($sub-nav-border-radius); - font-weight: $sub-nav-active-font-weight; - background: $active-bg; - padding: $sub-nav-active-padding; - cursor: $sub-nav-active-cursor; - color: $sub-nav-active-color; - &:hover { - background: $active-bg-hover; - } - } - @if $sub-nav-item-divider != "" { - margin-#{$default-float}: 0; - - &:before { - content: "#{$sub-nav-item-divider}"; - margin: 0 $sub-nav-item-divider-margin; - } - - &:first-child:before { - content: ""; - margin: 0; - } - } - } -} - -@include exports("sub-nav") { - @if $include-html-nav-classes { - .sub-nav { @include sub-nav; } - } -} diff --git a/_sass/foundation-components/_switches.scss b/_sass/foundation-components/_switches.scss deleted file mode 100644 index 33f4284..0000000 --- a/_sass/foundation-components/_switches.scss +++ /dev/null @@ -1,238 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-form-classes: $include-html-classes !default; - -// Controlling background color for the switch container -$switch-bg: $gainsboro !default; - -// We use these to control the switch heights for our default classes -$switch-height-tny: 1.5rem !default; -$switch-height-sml: 1.75rem !default; -$switch-height-med: 2rem !default; -$switch-height-lrg: 2.5rem !default; -$switch-bottom-margin: 1.5rem !default; - -// We use these to style the switch-paddle -$switch-paddle-bg: $white !default; -$switch-paddle-transition-speed: .15s !default; -$switch-paddle-transition-ease: ease-out !default; -$switch-active-color: $primary-color !default; - - -// -// @mixins -// - -// We use this mixin to create the base styles for our switch element. -// -// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed. -// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease. -@mixin switch-base( - $transition-speed:$switch-paddle-transition-speed, - $transition-ease:$switch-paddle-transition-ease) { - - padding: 0; - border: none; - position: relative; - outline: 0; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - - // Default label styles for type and transition - label { - display: block; - margin-bottom: ($switch-height-med / 2); - position: relative; - color: transparent; - background: $switch-bg; - text-indent: 100%; - width: $switch-height-med * 2; height: $switch-height-med; - cursor: pointer; - - // Transition for the switch label to follow paddle - @include single-transition(left, $transition-speed, $transition-ease); - } - - // So that we don't need to recreate the form with any JS, we use the - // existing checkbox or radio button, but we cleverly position and hide it. - input { - opacity: 0; - position: absolute; - top: 9px; - left: 10px; - padding:0; - - & + label { margin-left: 0; margin-right: 0; } - } - - // The paddle for the switch is created from an after psuedoclass - // content element. This is sized and positioned, and reacts to - // the state of the input. - - label:after { - content: ""; - display: block; - background: $switch-paddle-bg; - position: absolute; - top: .25rem; - left: .25rem; - width: $switch-height-med - 0.5rem; - height: $switch-height-med - 0.5rem; - - -webkit-transition: left $transition-speed $transition-ease; - -moz-transition: left $transition-speed $transition-ease; - -o-transition: translate3d(0,0,0); - transition: left $transition-speed $transition-ease; - - -webkit-transform: translate3d(0,0,0); - -moz-transform: translate3d(0,0,0); - -o-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - input:checked + label { - background: $switch-active-color; - } - - input:checked + label:after { - left: $switch-height-med + 0.25rem; - } -} - -// We use this mixin to create the size styles for switches. -// -// $height - Height (in px) of the switch. Default: $switch-height-med. -// $font-size - Font size of text in switch. Default: $switch-font-size-med. -// $line-height - Line height of switch. Default: 2.3rem. -@mixin switch-size($height: $switch-height-med) { - - label { - width: $height * 2; - height: $height; - } - - label:after { - width: $height - 0.5rem; - height: $height - 0.5rem; - } - - input:checked + label:after { - left: $height + 0.25rem; - } - -} - -// We use this mixin to add color and other fanciness to the switches. -// -// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg. -// $active-color - Background color of positive side of switch. Default: $switch-positive-color. -// $negative-color - Background color of negative side of switch. Default: $switch-negative-color. -// $radius - Radius to apply to switch. Default: false. -// $base-style - Apply base styles? Default: true. -@mixin switch-style( - $paddle-bg:$switch-paddle-bg, - $active-color:$switch-active-color, - $radius:false, - $base-style:true) { - - @if $base-style { - - label { - color: transparent; - background: $switch-bg; - } - - label:after { - background: $paddle-bg; - } - - input:checked + label { - background: $active-color; - } - } - - // Setting up the radius for switches - @if $radius == true { - label { - border-radius: 2rem; - } - label:after { - border-radius: 2rem; - } - } - @else if $radius { - label { - border-radius: $radius; - } - label:after { - border-radius: $radius; - } - } - -} - -// We use this to quickly create switches with a single mixin -// -// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed. -// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease. -// $height - Height (in px) of the switch. Default: $switch-height-med. -// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg. -// $active-color - Background color of an active switch. Default: $switch-active-color. -// $radius - Radius to apply to switch. Default: false. -// $base-style - Apply base styles? Default: true. -@mixin switch( - $transition-speed: $switch-paddle-transition-speed, - $transition-ease: $switch-paddle-transition-ease, - $height: $switch-height-med, - $paddle-bg: $switch-paddle-bg, - $active-color: $switch-active-color, - $radius:false, - $base-style:true) { - @include switch-base($transition-speed, $transition-ease); - @include switch-size($height); - @include switch-style($paddle-bg, $active-color, $radius, $base-style); -} - -@include exports("switch") { - @if $include-html-form-classes { - .switch { - @include switch; - - // Large radio switches - &.large { @include switch-size($switch-height-lrg); } - - // Small radio switches - &.small { @include switch-size($switch-height-sml); } - - // Tiny radio switches - &.tiny { @include switch-size($switch-height-tny); } - - // Add a radius to the switch - &.radius { - label { @include radius(4px); } - label:after { @include radius(3px); } - } - - // Make the switch completely round, like a pill - &.round { @include radius(1000px); - label { @include radius(2rem); } - label:after { @include radius(2rem); } - } - - } - } -} diff --git a/_sass/foundation-components/_tables.scss b/_sass/foundation-components/_tables.scss deleted file mode 100644 index ba3e42e..0000000 --- a/_sass/foundation-components/_tables.scss +++ /dev/null @@ -1,135 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _tables.scss -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-table-classes: $include-html-classes !default; - -// These control the background color for the table and even rows -$table-bg: $white !default; -$table-even-row-bg: $snow !default; - -// These control the table cell border style -$table-border-style: solid !default; -$table-border-size: 1px !default; -$table-border-color: $gainsboro !default; - -// These control the table head styles -$table-head-bg: $white-smoke !default; -$table-head-font-size: rem-calc(14) !default; -$table-head-font-color: $jet !default; -$table-head-font-weight: $font-weight-bold !default; -$table-head-padding: rem-calc(8 10 10) !default; - -// These control the table foot styles -$table-foot-bg: $table-head-bg !default; -$table-foot-font-size: $table-head-font-size !default; -$table-foot-font-color: $table-head-font-color !default; -$table-foot-font-weight: $table-head-font-weight !default; -$table-foot-padding: $table-head-padding !default; - -// These control the caption -$table-caption-bg: transparent !default; -$table-caption-font-color: $table-head-font-color !default; -$table-caption-font-size: rem-calc(16) !default; -$table-caption-font-weight: bold !default; - -// These control the row padding and font styles -$table-row-padding: rem-calc(9 10) !default; -$table-row-font-size: rem-calc(14) !default; -$table-row-font-color: $jet !default; -$table-line-height: rem-calc(18) !default; - -// These are for controlling the layout, display and margin of tables -$table-layout: auto !default; -$table-display: table-cell !default; -$table-margin-bottom: rem-calc(20) !default; - - -// -// @mixins -// - -@mixin table { - background: $table-bg; - margin-bottom: $table-margin-bottom; - border: $table-border-style $table-border-size $table-border-color; - table-layout: $table-layout; - - caption { - background: $table-caption-bg; - color: $table-caption-font-color; - font: { - size: $table-caption-font-size; - weight: $table-caption-font-weight; - } - } - - thead { - background: $table-head-bg; - - tr { - th, - td { - padding: $table-head-padding; - font-size: $table-head-font-size; - font-weight: $table-head-font-weight; - color: $table-head-font-color; - } - } - } - - tfoot { - background: $table-foot-bg; - - tr { - th, - td { - padding: $table-foot-padding; - font-size: $table-foot-font-size; - font-weight: $table-foot-font-weight; - color: $table-foot-font-color; - } - } - } - - tr { - th, - td { - padding: $table-row-padding; - font-size: $table-row-font-size; - color: $table-row-font-color; - text-align: $default-float; - } - - &.even, - &.alt, - &:nth-of-type(even) { background: $table-even-row-bg; } - } - - thead tr th, - tfoot tr th, - tfoot tr td, - tbody tr th, - tbody tr td, - tr td { display: $table-display; line-height: $table-line-height; } -} - - -@include exports("table") { - @if $include-html-table-classes { - table { - @include table; - } - } -} diff --git a/_sass/foundation-components/_tabs.scss b/_sass/foundation-components/_tabs.scss deleted file mode 100644 index 4049378..0000000 --- a/_sass/foundation-components/_tabs.scss +++ /dev/null @@ -1,123 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "grid"; - -// -// @variables -// - -$include-html-tabs-classes: $include-html-classes !default; - -$tabs-navigation-padding: rem-calc(16) !default; -$tabs-navigation-bg-color: $silver !default; -$tabs-navigation-active-bg-color: $white !default; -$tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default; -$tabs-navigation-font-color: $jet !default; -$tabs-navigation-active-font-color: $tabs-navigation-font-color !default; -$tabs-navigation-font-size: rem-calc(16) !default; -$tabs-navigation-font-family: $body-font-family !default; - -$tabs-content-margin-bottom: rem-calc(24) !default; -$tabs-content-padding: ($column-gutter/2) !default; - -$tabs-vertical-navigation-margin-bottom: 1.25rem !default; - -@include exports("tab") { - @if $include-html-tabs-classes { - .tabs { - @include clearfix; - margin-bottom: 0 !important; - margin-left: 0; - dd, .tab-title { - position: relative; - margin-bottom: 0 !important; - list-style: none; - float: $default-float; - > a { - outline: none; - display: block; - background: { - color: $tabs-navigation-bg-color; - } - color: $tabs-navigation-font-color; - padding: $tabs-navigation-padding $tabs-navigation-padding * 2; - font-family: $tabs-navigation-font-family; - font-size: $tabs-navigation-font-size; - &:hover { - background: { - color: $tabs-navigation-hover-bg-color; - } - } - } - &.active a { - background: { - color: $tabs-navigation-active-bg-color; - } - color:$tabs-navigation-active-font-color; - } - } - &.radius { - dd:first-child, .tab:first-child { - a { @include side-radius($default-float, $global-radius); } - } - dd:last-child, .tab:last-child { - a { @include side-radius($opposite-direction, $global-radius); } - } - } - &.vertical { - dd, .tab-title { - position: inherit; - float: none; - display: block; - top: auto; - } - } - } - - .tabs-content { - @include clearfix; - margin-bottom: $tabs-content-margin-bottom; - width: 100%; - > .content { - display: none; - float: $default-float; - padding: $tabs-content-padding 0; - width: 100%; - &.active { display: block; float: none; } - &.contained { padding: $tabs-content-padding; } - } - &.vertical { - display: block; - > .content { padding: 0 $tabs-content-padding; } - } - } - @media #{$medium-up} { - .tabs { - &.vertical { - width: 20%; - max-width: 20%; - float: $default-float; - margin: 0 0 $tabs-vertical-navigation-margin-bottom; - } - } - .tabs-content { - &.vertical { - width: 80%; - max-width: 80%; - float: $default-float; - margin-#{$default-float}: -1px; - padding-#{$default-float}: 1rem; - } - } - } - .no-js { - .tabs-content > .content { - display: block; - float: none; - } - } - } -} diff --git a/_sass/foundation-components/_thumbs.scss b/_sass/foundation-components/_thumbs.scss deleted file mode 100644 index 4a0596e..0000000 --- a/_sass/foundation-components/_thumbs.scss +++ /dev/null @@ -1,66 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _thumbs.scss -// @dependencies _globals.scss -// - -// -// @variables -// - -$include-html-media-classes: $include-html-classes !default; - -// We use these to control border styles -$thumb-border-style: solid !default; -$thumb-border-width: 4px !default; -$thumb-border-color: $white !default; -$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default; -$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default; - -// Radius and transition speed for thumbs -$thumb-radius: $global-radius !default; -$thumb-transition-speed: 200ms !default; - -// -// @mixins -// - -// We use this to create image thumbnail styles. -// -// $border-width - Width of border around thumbnail. Default: $thumb-border-width. -// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow. -// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover. -@mixin thumb( - $border-width:$thumb-border-width, - $box-shadow:$thumb-box-shadow, - $box-shadow-hover:$thumb-box-shadow-hover) { - line-height: 0; - display: inline-block; - border: $thumb-border-style $border-width $thumb-border-color; - max-width: 100%; - box-shadow: $box-shadow; - - &:hover, - &:focus { - box-shadow: $box-shadow-hover; - } -} - - -@include exports("thumb") { - @if $include-html-media-classes { - - /* Image Thumbnails */ - .th { - @include thumb; - @include single-transition(all,$thumb-transition-speed,ease-out); - - &.radius { @include radius($thumb-radius); } - } - } -} \ No newline at end of file diff --git a/_sass/foundation-components/_toolbar.scss b/_sass/foundation-components/_toolbar.scss deleted file mode 100644 index e39934d..0000000 --- a/_sass/foundation-components/_toolbar.scss +++ /dev/null @@ -1,70 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source -// toolbar styles - -.toolbar { - background: $oil; - width: 100%; - font-size: 0; - display: inline-block; - - &.label-bottom .tab .tab-content { - i, img { margin-bottom: 10px; } - } - - &.label-right .tab .tab-content { - i, img { margin-right: 10px; display: inline-block;} - label { display: inline-block; } - } - - &.vertical.label-right .tab .tab-content { - text-align: left; - } - - &.vertical { - height: 100%; - width: auto; - - .tab { - width: auto; - margin: auto; - float: none; - } - } - - .tab { - text-align: center; - width: 25%; - margin: 0 auto; - display: block; - padding: 20px; - float: left; - - &:hover { - background: rgba($white, 0.1); - } - } -} - -.toolbar .tab-content { - font-size: 16px; - text-align: center; - - label { color: $iron; } - - i { - font-size: 30px; - display: block; - margin: 0 auto; - color: $iron; - vertical-align: middle; - } - - img { - width: 30px; - height: 30px; - display: block; - margin: 0 auto; - } -} \ No newline at end of file diff --git a/_sass/foundation-components/_tooltips.scss b/_sass/foundation-components/_tooltips.scss deleted file mode 100644 index f94ff34..0000000 --- a/_sass/foundation-components/_tooltips.scss +++ /dev/null @@ -1,142 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Tooltip Variables -// -$include-html-tooltip-classes: $include-html-classes !default; - -$has-tip-border-bottom: dotted 1px $iron !default; -$has-tip-font-weight: $font-weight-bold !default; -$has-tip-font-color: $oil !default; -$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default; -$has-tip-font-color-hover: $primary-color !default; -$has-tip-cursor-type: help !default; - -$tooltip-padding: rem-calc(12) !default; -$tooltip-bg: $oil !default; -$tooltip-font-size: rem-calc(14) !default; -$tooltip-font-weight: $font-weight-normal !default; -$tooltip-font-color: $white !default; -$tooltip-line-height: 1.3 !default; -$tooltip-close-font-size: rem-calc(10) !default; -$tooltip-close-font-weight: $font-weight-normal !default; -$tooltip-close-font-color: $monsoon !default; -$tooltip-font-size-sml: rem-calc(14) !default; -$tooltip-radius: $global-radius !default; -$tooltip-rounded: $global-rounded !default; -$tooltip-pip-size: 5px !default; -$tooltip-max-width: 300px !default; - -@include exports("tooltip") { - @if $include-html-tooltip-classes { - - /* Tooltips */ - .has-tip { - border-bottom: $has-tip-border-bottom; - cursor: $has-tip-cursor-type; - font-weight: $has-tip-font-weight; - color: $has-tip-font-color; - - &:hover, - &:focus { - border-bottom: $has-tip-border-bottom-hover; - color: $has-tip-font-color-hover; - } - - &.tip-left, - &.tip-right { float: none !important; } - } - - .tooltip { - display: none; - position: absolute; - z-index: 1006; - font-weight: $tooltip-font-weight; - font-size: $tooltip-font-size; - line-height: $tooltip-line-height; - padding: $tooltip-padding; - max-width: $tooltip-max-width; - #{$default-float}: 50%; - width: 100%; - color: $tooltip-font-color; - background: $tooltip-bg; - - &>.nub { - display: block; - #{$default-float}: $tooltip-pip-size; - position: absolute; - width: 0; - height: 0; - border: solid $tooltip-pip-size; - border-color: transparent transparent $tooltip-bg transparent; - top: -($tooltip-pip-size * 2); - pointer-events: none; - - &.rtl { - left: auto; - #{$opposite-direction}: $tooltip-pip-size; - } - } - - &.radius { - @include radius($tooltip-radius); - } - &.round { - @include radius($tooltip-rounded); - &>.nub { - left: 2rem; - } - } - - &.opened { - color: $has-tip-font-color-hover !important; - border-bottom: $has-tip-border-bottom-hover !important; - } - } - - .tap-to-close { - display: block; - font-size: $tooltip-close-font-size; - color: $tooltip-close-font-color; - font-weight: $tooltip-close-font-weight; - } - - @media #{$small} { - .tooltip { - &>.nub { - border-color: transparent transparent $tooltip-bg transparent; - top: -($tooltip-pip-size * 2); - } - &.tip-top>.nub { - border-color: $tooltip-bg transparent transparent transparent; - top: auto; - bottom: -($tooltip-pip-size * 2); - } - - &.tip-left, - &.tip-right { float: none !important; } - - &.tip-left>.nub { - border-color: transparent transparent transparent $tooltip-bg; - right: -($tooltip-pip-size * 2); - left: auto; - top: 50%; - margin-top: -$tooltip-pip-size; - } - &.tip-right>.nub { - border-color: transparent $tooltip-bg transparent transparent; - right: auto; - left: -($tooltip-pip-size * 2); - top: 50%; - margin-top: -$tooltip-pip-size; - } - - } - } - - } -} diff --git a/_sass/foundation-components/_top-bar.scss b/_sass/foundation-components/_top-bar.scss deleted file mode 100644 index ce59a47..0000000 --- a/_sass/foundation-components/_top-bar.scss +++ /dev/null @@ -1,689 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "grid"; -@import "buttons"; -@import "forms"; - -// -// Top Bar Variables -// -$include-html-top-bar-classes: $include-html-classes !default; - -// Background color for the top bar -$topbar-bg-color: $oil !default; -$topbar-bg: $topbar-bg-color !default; - -// Height and margin -$topbar-height: rem-calc(45) !default; -$topbar-margin-bottom: 0 !default; - -// Controlling the styles for the title in the top bar -$topbar-title-weight: $font-weight-normal !default; -$topbar-title-font-size: rem-calc(17) !default; - -// Set the link colors and styles for top-level nav -$topbar-link-color: $white !default; -$topbar-link-color-hover: $white !default; -$topbar-link-color-active: $white !default; -$topbar-link-color-active-hover: $white !default; -$topbar-link-weight: $font-weight-normal !default; -$topbar-link-font-size: rem-calc(13) !default; -$topbar-link-hover-lightness: -10% !default; // Darken by 10% -$topbar-link-bg: $topbar-bg !default; -$topbar-link-bg-hover: $oil !default; -$topbar-link-bg-color-hover: $charcoal !default; -$topbar-link-bg-active: $primary-color !default; -$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default; -$topbar-link-font-family: $body-font-family !default; -$topbar-link-text-transform: none !default; -$topbar-link-padding: ($topbar-height / 3) !default; -$topbar-back-link-size: rem-calc(18) !default; -$topbar-link-dropdown-padding: rem-calc(20) !default; -$topbar-button-font-size: 0.75rem !default; -$topbar-button-top: 7px !default; - -// Style the top bar dropdown elements -$topbar-dropdown-bg: $oil !default; -$topbar-dropdown-link-color: $white !default; -$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default; -$topbar-dropdown-link-bg: $oil !default; -$topbar-dropdown-link-bg-hover: $oil !default; -$topbar-dropdown-link-weight: $font-weight-normal !default; -$topbar-dropdown-toggle-size: 5px !default; -$topbar-dropdown-toggle-color: $white !default; -$topbar-dropdown-toggle-alpha: 0.4 !default; - -$topbar-dropdown-label-color: $monsoon !default; -$topbar-dropdown-label-text-transform: uppercase !default; -$topbar-dropdown-label-font-weight: $font-weight-bold !default; -$topbar-dropdown-label-font-size: rem-calc(10) !default; -$topbar-dropdown-label-bg: $oil !default; - -// Top menu icon styles -$topbar-menu-link-transform: uppercase !default; -$topbar-menu-link-font-size: rem-calc(13) !default; -$topbar-menu-link-weight: $font-weight-bold !default; -$topbar-menu-link-color: $white !default; -$topbar-menu-icon-color: $white !default; -$topbar-menu-link-color-toggled: $jumbo !default; -$topbar-menu-icon-color-toggled: $jumbo !default; - -// Transitions and breakpoint styles -$topbar-transition-speed: 300ms !default; -// Using rem-calc for the below breakpoint causes issues with top bar -$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout -$topbar-media-query: $medium-up !default; - -// Top-bar input styles -$topbar-input-height: rem-calc(28) !default; - -// Divider Styles -$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default; -$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default; - -// Sticky Class -$topbar-sticky-class: ".sticky" !default; -$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item -$topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text from dropdown subnavigation li - -// Accessibility mixins for hiding and showing the menu dropdown items -@mixin topbar-hide-dropdown { - // Makes an element visually hidden by default, but visible when focused. - display: block; - @include element-invisible(); -} - -@mixin topbar-show-dropdown { - display: block; - @include element-invisible-off(); - position: absolute !important; // Reset the position from static to absolute -} - -@include exports("top-bar") { - - @if $include-html-top-bar-classes { - - // Used to provide media query values for javascript components. - // This class is generated despite the value of $include-html-top-bar-classes - // to ensure width calculations work correctly. - meta.foundation-mq-topbar { - font-family: "/" + unquote($topbar-media-query) + "/"; - width: $topbar-breakpoint; - } - - /* Wrapped around .top-bar to contain to grid width */ - .contain-to-grid { - width: 100%; - background: $topbar-bg; - - .top-bar { margin-bottom: $topbar-margin-bottom; } - } - - // Wrapped around .top-bar to make it stick to the top - .fixed { - width: 100%; - #{$default-float}: 0; - position: fixed; - top: 0; - z-index: 99; - - &.expanded:not(.top-bar) { - overflow-y: auto; - height: auto; - width: 100%; - max-height: 100%; - - .title-area { - position: fixed; - width: 100%; - z-index: 99; - } - // Ensure you can scroll the menu on small screens - .top-bar-section { - z-index: 98; - margin-top: $topbar-height; - } - } - } - - .top-bar { - overflow: hidden; - height: $topbar-height; - line-height: $topbar-height; - position: relative; - background: $topbar-bg; - margin-bottom: $topbar-margin-bottom; - - // Topbar Global list Styles - ul { - margin-bottom: 0; - list-style: none; - } - - .row { max-width: none; } - - form, - input { margin-bottom: 0; } - - input { - height: $topbar-input-height; - padding-top: .35rem; - padding-bottom: .35rem; - font-size: $topbar-button-font-size; - } - - .button, button { - padding-top: .35rem + rem-calc(1); - padding-bottom: .35rem + rem-calc(1); - margin-bottom: 0; - font-size: $topbar-button-font-size; - // position: relative; - // top: -1px; - - // Corrects a slight misalignment when put next to an input field - @media #{$small-only} { - position: relative; - top: -1px; - } - } - - // Title Area - .title-area { - position: relative; - margin: 0; - } - - .name { - height: $topbar-height; - margin: 0; - font-size: $rem-base; - - h1, h2, h3, h4, p, span { - line-height: $topbar-height; - font-size: $topbar-title-font-size; - margin: 0; - a { - font-weight: $topbar-title-weight; - color: $topbar-link-color; - width: 75%; - display: block; - padding: 0 $topbar-link-padding; - } - } - } - - // Menu toggle button on small devices - .toggle-topbar { - position: absolute; - #{$opposite-direction}: 0; - top: 0; - - a { - color: $topbar-link-color; - text-transform: $topbar-menu-link-transform; - font-size: $topbar-menu-link-font-size; - font-weight: $topbar-menu-link-weight; - position: relative; - display: block; - padding: 0 $topbar-link-padding; - height: $topbar-height; - line-height: $topbar-height; - } - - // Adding the class "menu-icon" will add the 3-line icon people love and adore. - &.menu-icon { - top: 50%; - margin-top: -16px; - - a { - @if $text-direction == rtl { - text-indent: -58px; - } - height: 34px; - line-height: 33px; - padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding; - color: $topbar-menu-link-color; - position: relative; - - & { - // @include hamburger icon - // - // 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 - // $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, here it isn't set b/c it would override $topbar-menu-icon-color-toggled - // $offcanvas - Set to false of @include in topbar - @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, "", false); - } - } - } - } - - // Change things up when the top-bar is expanded - &.expanded { - height: auto; - background: transparent; - - .title-area { background: $topbar-bg; } - - .toggle-topbar { - a { color: $topbar-menu-link-color-toggled; - span::after { - // Shh, don't tell, but box-shadows create the menu icon :) - // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above - box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled, - 0 7px 0 1px $topbar-menu-icon-color-toggled, - 0 14px 0 1px $topbar-menu-icon-color-toggled; - } - } - } - } - } - - // Right and Left Navigation that stacked by default - .top-bar-section { - #{$default-float}: 0; - position: relative; - width: auto; - @include single-transition($default-float, $topbar-transition-speed); - - ul { - padding: 0; - width: 100%; - height: auto; - display: block; - font-size: $rem-base; - margin: 0; - } - - .divider, - [role="separator"] { - border-top: $topbar-divider-border-top; - clear: both; - height: 1px; - width: 100%; - } - - ul li { - background: $topbar-dropdown-bg; - & > a { - display: block; - width: 100%; - color: $topbar-link-color; - padding: 12px 0 12px 0; - padding-#{$default-float}: $topbar-link-padding; - font-family: $topbar-link-font-family; - font-size: $topbar-link-font-size; - font-weight: $topbar-link-weight; - text-transform: $topbar-link-text-transform; - - &.button { - font-size: $topbar-link-font-size; - padding-#{$opposite-direction}: $topbar-link-padding; - padding-#{$default-float}: $topbar-link-padding; - @include button-style($bg:$primary-color); - } - &.button.secondary { @include button-style($bg:$secondary-color); } - &.button.success { @include button-style($bg:$success-color); } - &.button.alert { @include button-style($bg:$alert-color); } - &.button.warning { @include button-style($bg:$warning-color); } - } - - > button { - font-size: $topbar-link-font-size; - padding-#{$opposite-direction}: $topbar-link-padding; - padding-#{$default-float}: $topbar-link-padding; - @include button-style($bg:$primary-color); - - &.secondary { @include button-style($bg:$secondary-color); } - &.success { @include button-style($bg:$success-color); } - &.alert { @include button-style($bg:$alert-color); } - &.warning { @include button-style($bg:$warning-color); } - } - - // Apply the hover link color when it has that class - &:hover:not(.has-form) > a { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - color: $topbar-link-color-hover; - } - - // Apply the active link color when it has that class - &.active > a { - background: $topbar-link-bg-active; - color: $topbar-link-color-active; - &:hover { - background: $topbar-link-bg-active-hover; - color: $topbar-link-color-active-hover; - } - } - } - - // Add some extra padding for list items contains buttons - .has-form { padding: $topbar-link-padding; } - - // Styling for list items that have a dropdown within them. - .has-dropdown { - position: relative; - - & > a { - &:after { - @if ($topbar-arrows){ - @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); - } - margin-#{$opposite-direction}: $topbar-link-padding; - margin-top: -($topbar-dropdown-toggle-size / 2) - 2; - position: absolute; - top: 50%; - #{$opposite-direction}: 0; - } - } - - &.moved { position: static; - & > .dropdown { - @include topbar-show-dropdown(); - width: 100%; - } - & > a:after { - display: none; - } - } - } - - // Styling elements inside of dropdowns - .dropdown { - padding: 0; - position: absolute; - #{$default-float}: 100%; - top: 0; - z-index: 99; - @include topbar-hide-dropdown(); - - li { - width: 100%; - height: auto; - - a { - font-weight: $topbar-dropdown-link-weight; - padding: 8px $topbar-link-padding; - &.parent-link { - font-weight: $topbar-link-weight; - } - } - - &.title h5, &.parent-link { - // Back Button - margin-bottom: 0; - margin-top: 0; - font-size: $topbar-back-link-size; - a { - color: $topbar-link-color; - // line-height: ($topbar-height / 2); - display: block; - &:hover { background:none; } - } - } - &.has-form { padding: 8px $topbar-link-padding; } - .button, button { top: auto; } - } - - label { - padding: 8px $topbar-link-padding 2px; - margin-bottom: 0; - text-transform: $topbar-dropdown-label-text-transform; - color: $topbar-dropdown-label-color; - font-weight: $topbar-dropdown-label-font-weight; - font-size: $topbar-dropdown-label-font-size; - } - } - } - - .js-generated { display: block; } - - - // Top Bar styles intended for screen sizes above the breakpoint. - @media #{$topbar-media-query} { - .top-bar { - background: $topbar-bg; - @include clearfix; - overflow: visible; - - .toggle-topbar { display: none; } - - .title-area { float: $default-float; } - .name h1 a { width: auto; } - - input, - .button, - button { - font-size: rem-calc(14); - position: relative; - height: $topbar-input-height; - top: (($topbar-height - $topbar-input-height) / 2); - } - - &.expanded { background: $topbar-bg; } - } - - .contain-to-grid .top-bar { - max-width: $row-width; - margin: 0 auto; - margin-bottom: $topbar-margin-bottom; - } - - .top-bar-section { - @include single-transition(none,0,0); - #{$default-float}: 0 !important; - - ul { - width: auto; - height: auto !important; - display: inline; - - li { - float: $default-float; - .js-generated { display: none; } - } - } - - li { - &.hover { - > a:not(.button) { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - color: $topbar-link-color-hover; - } - } - &:not(.has-form) { - a:not(.button) { - padding: 0 $topbar-link-padding; - line-height: $topbar-height; - background: $topbar-link-bg; - &:hover { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - } - } - } - &.active:not(.has-form) { - a:not(.button) { - padding: 0 $topbar-link-padding; - line-height: $topbar-height; - color: $topbar-link-color-active; - background: $topbar-link-bg-active; - &:hover { - background: $topbar-link-bg-active-hover; - color: $topbar-link-color-active-hover; - } - } - } - } - - .has-dropdown { - @if($topbar-arrows){ - & > a { - padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important; - &:after { - @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top); - margin-top: -($topbar-dropdown-toggle-size / 2); - top: ($topbar-height / 2); - } - } - } - - &.moved { position: relative; - & > .dropdown { - @include topbar-hide-dropdown(); - } - } - - &.hover, &.not-click:hover { - & > .dropdown { - @include topbar-show-dropdown(); - } - } - > a:focus + .dropdown { - @include topbar-show-dropdown(); - } - - .dropdown li.has-dropdown { - & > a { - @if ($topbar-dropdown-arrows){ - &:after { - border: none; - content: "\00bb"; - top: 1rem; - margin-top: -1px; - #{$opposite-direction}: 5px; - line-height: 1.2; - } - } - } - } - } - - .dropdown { - #{$default-float}: 0; - top: auto; - background: transparent; - min-width: 100%; - - li { - a { - color: $topbar-dropdown-link-color; - line-height: $topbar-height; - white-space: nowrap; - padding: 12px $topbar-link-padding; - background: $topbar-dropdown-link-bg; - } - - &:not(.has-form):not(.active) { - & > a:not(.button) { - color: $topbar-dropdown-link-color; - background: $topbar-dropdown-link-bg; - } - - &:hover > a:not(.button) { - color: $topbar-dropdown-link-color-hover; - background-color: $topbar-link-bg-color-hover; - @if ($topbar-dropdown-link-bg-hover) { - background: $topbar-dropdown-link-bg-hover; - } - } - } - - label { - white-space: nowrap; - background: $topbar-dropdown-label-bg; - } - - // Second Level Dropdowns - .dropdown { - #{$default-float}: 100%; - top: 0; - } - } - } - - & > ul > .divider, - & > ul > [role="separator"] { - border-bottom: none; - border-top: none; - border-#{$opposite-direction}: $topbar-divider-border-bottom; - clear: none; - height: $topbar-height; - width: 0; - } - - .has-form { - background: $topbar-link-bg; - padding: 0 ($topbar-height / 3); - height: $topbar-height; - } - - // Position overrides for ul.right and ul.left - .#{$opposite-direction} { - li .dropdown { - #{$default-float}: auto; - #{$opposite-direction}: 0; - - li .dropdown { #{$opposite-direction}: 100%; } - } - } - .#{$default-float} { - li .dropdown { - #{$opposite-direction}: auto; - #{$default-float}: 0; - - li .dropdown { #{$default-float}: 100%; } - } - } - } - - // Degrade gracefully when Javascript is disabled. Displays dropdown and changes - // background & text color on hover. - .no-js .top-bar-section { - ul li { - // Apply the hover link color when it has that class - &:hover > a { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - color: $topbar-link-color-hover; - } - - // Apply the active link color when it has that class - &:active > a { - background: $topbar-link-bg-active; - color: $topbar-link-color-active; - } - } - - .has-dropdown { - &:hover { - & > .dropdown { - @include topbar-show-dropdown(); - } - } - > a:focus + .dropdown { - @include topbar-show-dropdown(); - } - } - } - } - } -} diff --git a/_sass/foundation-components/_type.scss b/_sass/foundation-components/_type.scss deleted file mode 100644 index ff19996..0000000 --- a/_sass/foundation-components/_type.scss +++ /dev/null @@ -1,525 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -$include-html-type-classes: $include-html-classes !default; - -// We use these to control header font styles -$header-font-family: $body-font-family !default; -$header-font-weight: $font-weight-normal !default; -$header-font-style: $font-weight-normal !default; -$header-font-color: $jet !default; -$header-line-height: 1.4 !default; -$header-top-margin: .2rem !default; -$header-bottom-margin: .5rem !default; -$header-text-rendering: optimizeLegibility !default; - -// We use these to control header font sizes -$h1-font-size: rem-calc(44) !default; -$h2-font-size: rem-calc(37) !default; -$h3-font-size: rem-calc(27) !default; -$h4-font-size: rem-calc(23) !default; -$h5-font-size: rem-calc(18) !default; -$h6-font-size: 1rem !default; - -// We use these to control header size reduction on small screens -$h1-font-reduction: rem-calc(10) !default; -$h2-font-reduction: rem-calc(10) !default; -$h3-font-reduction: rem-calc(5) !default; -$h4-font-reduction: rem-calc(5) !default; -$h5-font-reduction: 0 !default; -$h6-font-reduction: 0 !default; - -// These control how subheaders are styled. -$subheader-line-height: 1.4 !default; -$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default; -$subheader-font-weight: $font-weight-normal !default; -$subheader-top-margin: .2rem !default; -$subheader-bottom-margin: .5rem !default; - -// A general styling -$small-font-size: 60% !default; -$small-font-color: scale-color($header-font-color, $lightness: 35%) !default; - -// We use these to style paragraphs -$paragraph-font-family: inherit !default; -$paragraph-font-weight: $font-weight-normal !default; -$paragraph-font-size: 1rem !default; -$paragraph-line-height: 1.6 !default; -$paragraph-margin-bottom: rem-calc(20) !default; -$paragraph-aside-font-size: rem-calc(14) !default; -$paragraph-aside-line-height: 1.35 !default; -$paragraph-aside-font-style: italic !default; -$paragraph-text-rendering: optimizeLegibility !default; - -// We use these to style tags -$code-color: $oil !default; -$code-font-family: $font-family-monospace !default; -$code-font-weight: $font-weight-normal !default; -$code-background-color: scale-color($secondary-color, $lightness: 70%) !default; -$code-border-size: 1px !default; -$code-border-style: solid !default; -$code-border-color: scale-color($code-background-color, $lightness: -10%) !default; -$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default; - -// We use these to style anchors -$anchor-text-decoration: none !default; -$anchor-text-decoration-hover: none !default; -$anchor-font-color: $primary-color !default; -$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default; - -// We use these to style the
element -$hr-border-width: 1px !default; -$hr-border-style: solid !default; -$hr-border-color: $gainsboro !default; -$hr-margin: rem-calc(20) !default; - -// We use these to style lists -$list-font-family: $paragraph-font-family !default; -$list-font-size: $paragraph-font-size !default; -$list-line-height: $paragraph-line-height !default; -$list-margin-bottom: $paragraph-margin-bottom !default; -$list-style-position: outside !default; -$list-side-margin: 1.1rem !default; -$list-ordered-side-margin: 1.4rem !default; -$list-side-margin-no-bullet: 0 !default; -$list-nested-margin: rem-calc(20) !default; -$definition-list-header-weight: $font-weight-bold !default; -$definition-list-header-margin-bottom: .3rem !default; -$definition-list-margin-bottom: rem-calc(12) !default; - -// We use these to style blockquotes -$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default; -$blockquote-padding: rem-calc(9 20 0 19) !default; -$blockquote-border: 1px solid $gainsboro !default; -$blockquote-cite-font-size: rem-calc(13) !default; -$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default; -$blockquote-cite-link-color: $blockquote-cite-font-color !default; - -// Acronym styles -$acronym-underline: 1px dotted $gainsboro !default; - -// We use these to control padding and margin -$microformat-padding: rem-calc(10 12) !default; -$microformat-margin: rem-calc(0 0 20 0) !default; - -// We use these to control the border styles -$microformat-border-width: 1px !default; -$microformat-border-style: solid !default; -$microformat-border-color: $gainsboro !default; - -// We use these to control full name font styles -$microformat-fullname-font-weight: $font-weight-bold !default; -$microformat-fullname-font-size: rem-calc(15) !default; - -// We use this to control the summary font styles -$microformat-summary-font-weight: $font-weight-bold !default; - -// We use this to control abbr padding -$microformat-abbr-padding: rem-calc(0 1) !default; - -// We use this to control abbr font styles -$microformat-abbr-font-weight: $font-weight-bold !default; -$microformat-abbr-font-decoration: none !default; - -// Text alignment class names -$align-class-names: - small-only, - small, - medium-only, - medium, - large-only, - large, - xlarge-only, - xlarge, - xxlarge-only, - xxlarge; - -// Text alignment breakpoints -$align-class-breakpoints: - $small-only, - $small-up, - $medium-only, - $medium-up, - $large-only, - $large-up, - $xlarge-only, - $xlarge-up, - $xxlarge-only, - $xxlarge-up; - -// Generates text align and justify classes -@mixin align-classes{ - .text-left { text-align: left !important; } - .text-right { text-align: right !important; } - .text-center { text-align: center !important; } - .text-justify { text-align: justify !important; } - - @for $i from 1 through length($align-class-names) { - @media #{(nth($align-class-breakpoints, $i))} { - .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; } - .#{(nth($align-class-names, $i))}-text-right { text-align: right !important; } - .#{(nth($align-class-names, $i))}-text-center { text-align: center !important; } - .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; } - } - } -} - -// -// Typography Placeholders -// - -// These will throw a deprecation warning if used within a media query. -@mixin lead { - font-size: $paragraph-font-size + rem-calc(3.5); - line-height: 1.6; -} - -@mixin subheader { - line-height: $subheader-line-height; - color: $subheader-font-color; - font-weight: $subheader-font-weight; - margin-top: $subheader-top-margin; - margin-bottom: $subheader-bottom-margin; -} -@include exports("type") { - @if $include-html-type-classes { - // Responsive Text alignment - @include align-classes; - - /* 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: $anchor-font-color; - text-decoration: $anchor-text-decoration; - line-height: inherit; - - &:hover, - &:focus { - color: $anchor-font-color-hover; - @if $anchor-text-decoration-hover != $anchor-text-decoration { - text-decoration: $anchor-text-decoration-hover; - } - } - - img { border:none; } - } - - /* Default paragraph styles */ - p { - font-family: $paragraph-font-family; - font-weight: $paragraph-font-weight; - font-size: $paragraph-font-size; - line-height: $paragraph-line-height; - margin-bottom: $paragraph-margin-bottom; - text-rendering: $paragraph-text-rendering; - - &.lead { @include lead; } - - & aside { - font-size: $paragraph-aside-font-size; - line-height: $paragraph-aside-line-height; - font-style: $paragraph-aside-font-style; - } - } - - /* Default header styles */ - h1, h2, h3, h4, h5, h6 { - font-family: $header-font-family; - font-weight: $header-font-weight; - font-style: $header-font-style; - color: $header-font-color; - text-rendering: $header-text-rendering; - margin-top: $header-top-margin; - margin-bottom: $header-bottom-margin; - line-height: $header-line-height; - - small { - font-size: $small-font-size; - color: $small-font-color; - line-height: 0; - } - } - - h1 { font-size: $h1-font-size - $h1-font-reduction; } - h2 { font-size: $h2-font-size - $h2-font-reduction; } - h3 { font-size: $h3-font-size - $h3-font-reduction; } - h4 { font-size: $h4-font-size - $h4-font-reduction; } - h5 { font-size: $h5-font-size - $h5-font-reduction; } - h6 { font-size: $h6-font-size - $h6-font-reduction; } - - .subheader { @include subheader; } - - hr { - border: $hr-border-style $hr-border-color; - border-width: $hr-border-width 0 0; - clear: both; - margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width)); - height: 0; - } - - /* Helpful Typography Defaults */ - em, - i { - font-style: italic; - line-height: inherit; - } - - strong, - b { - font-weight: $font-weight-bold; - line-height: inherit; - } - - small { - font-size: $small-font-size; - line-height: inherit; - } - - code { - font-family: $code-font-family; - font-weight: $code-font-weight; - color: $code-color; - background-color: $code-background-color; - border-width: $code-border-size; - border-style: $code-border-style; - border-color: $code-border-color; - padding: $code-padding; - } - - /* Lists */ - ul, - ol, - dl { - font-size: $list-font-size; - line-height: $list-line-height; - margin-bottom: $list-margin-bottom; - list-style-position: $list-style-position; - font-family: $list-font-family; - } - - ul { - margin-#{$default-float}: $list-side-margin; - &.no-bullet { - margin-#{$default-float}: $list-side-margin-no-bullet; - li { - ul, - ol { - margin-#{$default-float}: $list-nested-margin; - margin-bottom: 0; - list-style: none; - } - } - } - } - - /* Unordered Lists */ - ul { - li { - ul, - ol { - margin-#{$default-float}: $list-nested-margin; - margin-bottom: 0; - } - } - &.square, - &.circle, - &.disc { - li ul { list-style: inherit; } - } - - &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;} - &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;} - &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;} - &.no-bullet { list-style: none; } - } - - /* Ordered Lists */ - ol { - margin-#{$default-float}: $list-ordered-side-margin; - li { - ul, - ol { - margin-#{$default-float}: $list-nested-margin; - margin-bottom: 0; - } - } - } - - /* Definition Lists */ - dl { - dt { - margin-bottom: $definition-list-header-margin-bottom; - font-weight: $definition-list-header-weight; - } - dd { margin-bottom: $definition-list-margin-bottom; } - } - - /* Abbreviations */ - abbr, - acronym { - text-transform: uppercase; - font-size: 90%; - color: $body-font-color; - cursor: $cursor-help-value; - } - abbr { - text-transform: none; - &[title] { - border-bottom: $acronym-underline; - } - } - - /* Blockquotes */ - blockquote { - margin: 0 0 $paragraph-margin-bottom; - padding: $blockquote-padding; - border-#{$default-float}: $blockquote-border; - - cite { - display: block; - font-size: $blockquote-cite-font-size; - color: $blockquote-cite-font-color; - &:before { - content: "\2014 \0020"; - } - - a, - a:visited { - color: $blockquote-cite-link-color; - } - } - } - blockquote, - blockquote p { - line-height: $paragraph-line-height; - color: $blockquote-font-color; - } - - /* Microformats */ - .vcard { - display: inline-block; - margin: $microformat-margin; - border: $microformat-border-width $microformat-border-style $microformat-border-color; - padding: $microformat-padding; - - li { - margin: 0; - display: block; - } - .fn { - font-weight: $microformat-fullname-font-weight; - font-size: $microformat-fullname-font-size; - } - } - - .vevent { - .summary { font-weight: $microformat-summary-font-weight; } - - abbr { - cursor: $cursor-default-value; - text-decoration: $microformat-abbr-font-decoration; - font-weight: $microformat-abbr-font-weight; - border: none; - padding: $microformat-abbr-padding; - } - } - - - @media #{$medium-up} { - h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; } - h1 { font-size: $h1-font-size; } - h2 { font-size: $h2-font-size; } - h3 { font-size: $h3-font-size; } - h4 { font-size: $h4-font-size; } - h5 { font-size: $h5-font-size; } - h6 { font-size: $h6-font-size; } - } - - // Only include these styles if you want them. - @if $include-print-styles { - /* - * 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) - */ - .print-only { display: none !important; } - @media print { - * { - background: transparent !important; - color: $black !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) ")"; } - - // Don't show links for images, or javascript/internal links - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { content: ""; } - - pre, - blockquote { - border: 1px solid $aluminum; - 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.5cm; } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { page-break-after: avoid; } - - .hide-on-print { display: none !important; } - .print-only { display: block !important; } - .hide-for-print { display: none !important; } - .show-for-print { display: inherit !important; } - } - } - - } -} diff --git a/_sass/foundation-components/_visibility.scss b/_sass/foundation-components/_visibility.scss deleted file mode 100644 index d8c4aff..0000000 --- a/_sass/foundation-components/_visibility.scss +++ /dev/null @@ -1,408 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Foundation Visibility Classes -// -$include-html-visibility-classes: $include-html-classes !default; -$include-accessibility-classes: true !default; -$include-table-visibility-classes: true !default; -$include-legacy-visibility-classes: true !default; - -// -// Media Class Names -// -// Visibility Breakpoints -$visibility-breakpoint-sizes: - small, - medium, - large, - xlarge, - xxlarge; - -$visibility-breakpoint-queries: - unquote($small-up), - unquote($medium-up), - unquote($large-up), - unquote($xlarge-up), - unquote($xxlarge-up); - -@mixin visibility-loop { - @each $current-visibility-breakpoint in $visibility-breakpoint-sizes { - $visibility-inherit-list: (); - $visibility-none-list: (); - - $visibility-visible-list: (); - $visibility-hidden-list: (); - - $visibility-table-list: (); - $visibility-table-header-group-list: (); - $visibility-table-row-group-list: (); - $visibility-table-row-list: (); - $visibility-table-cell-list: (); - - @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes { - @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) { - // Smaller than current breakpoint - - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - - // Foundation 4 compatibility: - // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes - // for small, medium, and large breakpoints only - @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - } - - } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) { - // Larger than current breakpoint - - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - - // Foundation 4 compatibility: - // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes - // for small, medium, and large breakpoints only - @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - } - - } @else { - // Current breakpoint - - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - - // Foundation 4 compatibility: - // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes - // for small, medium, and large breakpoints only - @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - } - } - } - - /* #{$current-visibility-breakpoint} displays */ - @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} { - #{$visibility-inherit-list} { - display: inherit !important; - } - #{$visibility-none-list} { - display: none !important; - } - @if $include-accessibility-classes != false { - #{$visibility-visible-list} { - @include element-invisible-off; - } - #{$visibility-hidden-list} { - @include element-invisible; - } - } - @if $include-table-visibility-classes != false { - #{$visibility-table-list} { - display: table !important; - } - #{$visibility-table-header-group-list} { - display: table-header-group !important; - } - #{$visibility-table-row-group-list} { - display: table-row-group !important; - } - #{$visibility-table-row-list} { - display: table-row !important; - } - #{$visibility-table-cell-list} { - display: table-cell !important; - } - } - } - } -} - - -@if $include-html-visibility-classes != false { - - @include visibility-loop; - - /* 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, - &.show-for-portrait { display: table !important; } - } - thead { - &.hide-for-landscape, - &.show-for-portrait { display: table-header-group !important; } - } - tbody { - &.hide-for-landscape, - &.show-for-portrait { display: table-row-group !important; } - } - tr { - &.hide-for-landscape, - &.show-for-portrait { display: table-row !important; } - } - td, - th { - &.hide-for-landscape, - &.show-for-portrait { display: table-cell !important; } - } - - @media #{$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, - &.hide-for-portrait { display: table !important; } - } - thead { - &.show-for-landscape, - &.hide-for-portrait { display: table-header-group !important; } - } - tbody { - &.show-for-landscape, - &.hide-for-portrait { display: table-row-group !important; } - } - tr { - &.show-for-landscape, - &.hide-for-portrait { display: table-row !important; } - } - td, - th { - &.show-for-landscape, - &.hide-for-portrait { display: table-cell !important; } - } - } - - @media #{$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, - &.hide-for-landscape { display: table !important; } - } - thead { - &.show-for-portrait, - &.hide-for-landscape { display: table-header-group !important; } - } - tbody { - &.show-for-portrait, - &.hide-for-landscape { display: table-row-group !important; } - } - tr { - &.show-for-portrait, - &.hide-for-landscape { display: table-row !important; } - } - td, - th { - &.show-for-portrait, - &.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; } - - - /* Print visibility */ - @media print { - .show-for-print { display: block; } - .hide-for-print { display: none; } - - 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; } - - } - -} diff --git a/archive/archive.html b/archive/archive.html deleted file mode 100644 index 8bda794..0000000 --- a/archive/archive.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -layout: default -title: "Blog Archive" -teaser: "Check out all blog posts in my blog archive. Click on a headline to read the teaser." -breadcrumb: true -image: - header: header_unsplash_8.jpg -permalink: "/archive/" ---- -
-
-

{{ page.title }}

- {% if page.teaser %}

{{ page.teaser }}

{% endif %} - -
- {% assign counter = 1 %} - {% for post in site.posts limit:1000 %} -
- {% if post.subheadline %}{{ post.subheadline }} › {% endif %}{{ post.title }} -
- {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.teaser %}{{ post.teaser | strip_html | escape }}{% endif %} - {{ site.data.language.read_more }}

-
-
- {% assign counter=counter | plus:1 %} - {% endfor %} -
-
-
diff --git a/archive/index.html b/archive/index.html deleted file mode 100644 index fd8f1f5..0000000 --- a/archive/index.html +++ /dev/null @@ -1,9 +0,0 @@ ---- -layout: blog -title: "Blog" -teaser: "This is the Feeling Responsive Blog Template." -image: - header: "unsplash_6_bus_header.jpg" - thumb: "unsplash_6_bus_thumb.jpg" ---- - diff --git a/assets/css/style_rss.css b/assets/css/style_rss.css deleted file mode 100644 index 7463350..0000000 --- a/assets/css/style_rss.css +++ /dev/null @@ -1,116 +0,0 @@ -rss { -display:block; -margin:10px; -padding: 10px 0; -font-size: 62.5%; -} - -rss:before { -content:"\00BB Sie befinden sich auf einem RSS-NewsFeed, nicht auf der Website. Bitte besuchen Sie die Website bueltge.de"; -font-size: 2em; -color: red; -margin: 10px; -} - -channel { -display:block; -background-color:#eee; -font-size: 1.2em; -font-family: Verdana, Arial, Helvetice, sans-serif; -padding: 5px 0; -} - -item { -display: block; -padding:10px; -margin: 5px 0; -border-top:1px solid #CCC; -border-bottom:1px solid #CCC; -background-color: white; -} - -channel>title, channel>description, channel>pubDate { -display: block; -margin: 10px; -background-color: #eee; -color: #556B2F; -} - -channel>pubDate { -font-size: .8em; -} - -channel>pubDate:before { -content:"Letzte Aktualisierung: "; -} - -channel>title { -font-size: 1.6em; -font-weight: bold; -} - -channel>description { -font-size: 1.1em; -margin-bottom: 10px; -font-weight: bold; -} - -item { -font-size: 0px -} - -item>title { -font-weight:bold; -font-size: 12px; -} - -item>title:after { -content:" \00BB "; -} - -item>link, item>pubDate, item>category { -color: #556B2F; -font-size: 11px; -} - -item>link:before { -content:" Link zum Beitrag: "; -color: black; -} - -item>pubDate:before { -color: black; -content:" erstellt am: "; -margin-left: 100%; -} - -item>category:before { -color: black; -content:" in Kategorie: "; -} - -item>description:before { -color: black; -font-weight:bold; -content:" \00BB "; -} - -item>description { -font-size: 11px; -margin-left: 100%; -} - -item>description:after { -color: black; -font-weight:bold; -content:" \00AB "; -} - -channel>link, channel>generator, channel>language, channel>docs, channel>image { -display: none; -} - -item>comments, item>guid { - -display: none; -} \ No newline at end of file diff --git a/assets/css/styles_feeling_responsive.scss b/assets/css/styles_feeling_responsive.scss deleted file mode 100755 index 5c0091f..0000000 --- a/assets/css/styles_feeling_responsive.scss +++ /dev/null @@ -1,44 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - -@import "functions.scss"; -@import "02_settings_colors.scss"; -@import "03_settings_typography.scss"; -@import "04_settings_mixins_media_queries.scss"; -@import "04_settings_global.scss"; -@import "05_settings_top-bar.scss"; -@import "05_normalize.scss"; // normalize.css v3.0.2 - -@import "foundation-components/top-bar.scss"; -@import "foundation-components/accordion"; -@import "foundation-components/alert-boxes"; -@import "foundation-components/breadcrumbs"; -@import "foundation-components/block-grid"; -@import "foundation-components/button-groups"; -@import "foundation-components/buttons"; -@import "foundation-components/clearing"; -@import "foundation-components/dropdown"; -@import "foundation-components/dropdown-buttons"; -@import "foundation-components/flex-video"; -@import "foundation-components/forms"; -@import "foundation-components/grid"; -@import "foundation-components/inline-lists"; -@import "foundation-components/keystrokes"; -@import "foundation-components/panels"; -@import "foundation-components/reveal"; -@import "foundation-components/side-nav"; -@import "foundation-components/sub-nav"; -@import "foundation-components/tables"; -@import "foundation-components/thumbs"; -@import "foundation-components/top-bar"; -@import "foundation-components/type"; -@import "foundation-components/visibility"; - -@import "06_typography.scss"; -@import "07_layout"; -@import "foundation-components/grid"; -@import "09_elements"; - -@import "11_syntax-highlighting"; diff --git a/assets/fonts/.fontcustom-manifest.json b/assets/fonts/.fontcustom-manifest.json deleted file mode 100644 index dfb4588..0000000 --- a/assets/fonts/.fontcustom-manifest.json +++ /dev/null @@ -1,262 +0,0 @@ -{ - "checksum": { - "previous": "c5cdc0a58b7277d1f320a4ad50aa8ae2ad47fa6ed879c164db1cfb75439bd1d9", - "current": "c5cdc0a58b7277d1f320a4ad50aa8ae2ad47fa6ed879c164db1cfb75439bd1d9" - }, - "fonts": [ - "./iconfont.ttf", - "./iconfont.svg", - "./iconfont.woff", - "./iconfont.eot" - ], - "glyphs": { - "archive": { - "codepoint": 61696, - "source": "svg-files-for-custom-font/archive.svg" - }, - "browser": { - "codepoint": 61697, - "source": "svg-files-for-custom-font/browser.svg" - }, - "calendar": { - "codepoint": 61747, - "source": "svg-files-for-custom-font/calendar.svg" - }, - "camera": { - "codepoint": 61698, - "source": "svg-files-for-custom-font/camera.svg" - }, - "chat": { - "codepoint": 61699, - "source": "svg-files-for-custom-font/chat.svg" - }, - "check": { - "codepoint": 61700, - "source": "svg-files-for-custom-font/check.svg" - }, - "chevron-down": { - "codepoint": 61701, - "source": "svg-files-for-custom-font/chevron-down.svg" - }, - "chevron-left": { - "codepoint": 61702, - "source": "svg-files-for-custom-font/chevron-left.svg" - }, - "chevron-right": { - "codepoint": 61703, - "source": "svg-files-for-custom-font/chevron-right.svg" - }, - "chevron-up": { - "codepoint": 61704, - "source": "svg-files-for-custom-font/chevron-up.svg" - }, - "circle-with-cross": { - "codepoint": 61705, - "source": "svg-files-for-custom-font/circle-with-cross.svg" - }, - "circle-with-minus": { - "codepoint": 61706, - "source": "svg-files-for-custom-font/circle-with-minus.svg" - }, - "circle-with-plus": { - "codepoint": 61707, - "source": "svg-files-for-custom-font/circle-with-plus.svg" - }, - "cloud": { - "codepoint": 61708, - "source": "svg-files-for-custom-font/cloud.svg" - }, - "code": { - "codepoint": 61709, - "source": "svg-files-for-custom-font/code.svg" - }, - "cog": { - "codepoint": 61710, - "source": "svg-files-for-custom-font/cog.svg" - }, - "dropbox": { - "codepoint": 61711, - "source": "svg-files-for-custom-font/dropbox.svg" - }, - "edit": { - "codepoint": 61712, - "source": "svg-files-for-custom-font/edit.svg" - }, - "export": { - "codepoint": 61713, - "source": "svg-files-for-custom-font/export.svg" - }, - "eye": { - "codepoint": 61714, - "source": "svg-files-for-custom-font/eye.svg" - }, - "facebook": { - "codepoint": 61715, - "source": "svg-files-for-custom-font/facebook.svg" - }, - "feather": { - "codepoint": 61716, - "source": "svg-files-for-custom-font/feather.svg" - }, - "github": { - "codepoint": 61717, - "source": "svg-files-for-custom-font/github.svg" - }, - "globe": { - "codepoint": 61718, - "source": "svg-files-for-custom-font/globe.svg" - }, - "heart": { - "codepoint": 61719, - "source": "svg-files-for-custom-font/heart.svg" - }, - "heart-outlined": { - "codepoint": 61720, - "source": "svg-files-for-custom-font/heart-outlined.svg" - }, - "home": { - "codepoint": 61721, - "source": "svg-files-for-custom-font/home.svg" - }, - "instagram": { - "codepoint": 61722, - "source": "svg-files-for-custom-font/instagram.svg" - }, - "lab-flask": { - "codepoint": 61723, - "source": "svg-files-for-custom-font/lab-flask.svg" - }, - "leaf": { - "codepoint": 61724, - "source": "svg-files-for-custom-font/leaf.svg" - }, - "linkedin": { - "codepoint": 61725, - "source": "svg-files-for-custom-font/linkedin.svg" - }, - "mail": { - "codepoint": 61726, - "source": "svg-files-for-custom-font/mail.svg" - }, - "message": { - "codepoint": 61727, - "source": "svg-files-for-custom-font/message.svg" - }, - "mic": { - "codepoint": 61728, - "source": "svg-files-for-custom-font/mic.svg" - }, - "network": { - "codepoint": 61729, - "source": "svg-files-for-custom-font/network.svg" - }, - "paper-plane": { - "codepoint": 61730, - "source": "svg-files-for-custom-font/paper-plane.svg" - }, - "pinterest": { - "codepoint": 61731, - "source": "svg-files-for-custom-font/pinterest.svg" - }, - "price-tag": { - "codepoint": 61732, - "source": "svg-files-for-custom-font/price-tag.svg" - }, - "rocket": { - "codepoint": 61733, - "source": "svg-files-for-custom-font/rocket.svg" - }, - "rss": { - "codepoint": 61734, - "source": "svg-files-for-custom-font/rss.svg" - }, - "soundcloud": { - "codepoint": 61735, - "source": "svg-files-for-custom-font/soundcloud.svg" - }, - "star": { - "codepoint": 61736, - "source": "svg-files-for-custom-font/star.svg" - }, - "star-outlined": { - "codepoint": 61737, - "source": "svg-files-for-custom-font/star-outlined.svg" - }, - "thumbs-down": { - "codepoint": 61738, - "source": "svg-files-for-custom-font/thumbs-down.svg" - }, - "thumbs-up": { - "codepoint": 61739, - "source": "svg-files-for-custom-font/thumbs-up.svg" - }, - "tree": { - "codepoint": 61748, - "source": "svg-files-for-custom-font/tree.svg" - }, - "tumblr": { - "codepoint": 61740, - "source": "svg-files-for-custom-font/tumblr.svg" - }, - "twitter": { - "codepoint": 61741, - "source": "svg-files-for-custom-font/twitter.svg" - }, - "upload-to-cloud": { - "codepoint": 61742, - "source": "svg-files-for-custom-font/upload-to-cloud.svg" - }, - "video": { - "codepoint": 61743, - "source": "svg-files-for-custom-font/video.svg" - }, - "vimeo": { - "codepoint": 61744, - "source": "svg-files-for-custom-font/vimeo.svg" - }, - "warning": { - "codepoint": 61745, - "source": "svg-files-for-custom-font/warning.svg" - }, - "xing": { - "codepoint": 61749, - "source": "svg-files-for-custom-font/xing.svg" - }, - "youtube": { - "codepoint": 61746, - "source": "svg-files-for-custom-font/youtube.svg" - } - }, - "options": { - "autowidth": false, - "config": "fontcustom.yml", - "css_selector": ".icon-{{glyph}}", - "debug": false, - "font_ascent": 448, - "font_descent": 64, - "font_design_size": 20, - "font_em": 512, - "font_name": "iconfont", - "force": false, - "input": { - "templates": "svg-files-for-custom-font", - "vectors": "svg-files-for-custom-font" - }, - "no_hash": true, - "output": { - "css": ".", - "fonts": ".", - "preview": "." - }, - "preprocessor_path": null, - "quiet": false, - "templates": [ - "css", - "preview" - ] - }, - "templates": [ - "./iconfont.css", - "./iconfont-preview.html" - ] -} \ No newline at end of file diff --git a/assets/fonts/fontcustom.yml b/assets/fonts/fontcustom.yml deleted file mode 100644 index ccc911c..0000000 --- a/assets/fonts/fontcustom.yml +++ /dev/null @@ -1,96 +0,0 @@ -# ============================================================================= -# Font Custom Configuration -# This file should live in the directory where you run `fontcustom compile`. -# For more info, visit . -# ============================================================================= - - -# ----------------------------------------------------------------------------- -# Project Info -# ----------------------------------------------------------------------------- - -# The font's name. Also determines the file names of generated templates. -font_name: iconfont - -# Format of CSS selectors. {{glyph}} is substituted for the glyph name. -css_selector: .icon-{{glyph}} - -# Generate fonts without asset-busting hashes. -no_hash: true - -# Encode WOFF fonts into the generated CSS. -#base64: true - -# Forces compilation, even if inputs have not changed -#force: true - -# Display (possibly useful) debugging messages. -#debug: true - -# Hide status messages. -#quiet: true - - -# ----------------------------------------------------------------------------- -# Input / Output Locations -# You can save generated fonts, CSS, and other files to different locations -# here. Font Custom can also read input vectors and templates from different -# places. -# -# NOTE: -# - Be sure to preserve the whitespace in these YAML hashes. -# - INPUT[:vectors] and OUTPUT[:fonts] are required. Everything else is -# optional. -# - Specify output locations for custom templates by including their file -# names as the key. -# ----------------------------------------------------------------------------- - -input: - vectors: svg-files-for-custom-font -# templates: my/templates - -output: - fonts: . - css: . -# preview: app/views/styleguide -# my-custom-template.yml: path/to/template/output - - -# ----------------------------------------------------------------------------- -# Templates -# A YAML array of templates and files to generate alongside fonts. Custom -# templates should be saved in the INPUT[:templates] directory and referenced -# by their base file name. -# -# For Rails and Compass templates, set `preprocessor_path` as the relative -# path from OUTPUT[:css] to OUTPUT[:fonts]. By default, these are the same -# directory. -# -# Included in Font Custom: preview, css, scss, scss-rails -# Default: css, preview -# ----------------------------------------------------------------------------- - -#templates: -#- scss-rails -#- preview -#- my-custom-template.yml - -#preprocessor_path: ../fonts/ - - -# ----------------------------------------------------------------------------- -# Font Settings (defaults shown) -# ----------------------------------------------------------------------------- - -# Size (in pica points) for which your font is designed. -font_design_size: 20 - -# The em size. Setting this will scale the entire font to the given size. -#font_em: 512 - -# The font's ascent and descent. Used to calculate the baseline. -#font_ascent: 448 -#font_descent: 64 - -# Horizontally fit glyphs to their individual vector widths. -#autowidth: false diff --git a/assets/fonts/iconfont-preview.html b/assets/fonts/iconfont-preview.html deleted file mode 100644 index 188c22a..0000000 --- a/assets/fonts/iconfont-preview.html +++ /dev/null @@ -1,1013 +0,0 @@ - - - - iconfont glyphs preview - - - - - - - - - -
-
-

iconfont contains 54 glyphs:

- Toggle Preview Characters -
- - -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- - - -
- - diff --git a/assets/fonts/iconfont.css b/assets/fonts/iconfont.css deleted file mode 100644 index e54ad53..0000000 --- a/assets/fonts/iconfont.css +++ /dev/null @@ -1,147 +0,0 @@ -/* - Icon Font: iconfont -*/ - -@font-face { - font-family: "iconfont"; - src: url("./iconfont.eot"); - src: url("./iconfont.eot?#iefix") format("embedded-opentype"), - url("./iconfont.woff") format("woff"), - url("./iconfont.ttf") format("truetype"), - url("./iconfont.svg#iconfont") format("svg"); - font-weight: normal; - font-style: normal; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { - @font-face { - font-family: "iconfont"; - src: url("./iconfont.svg#iconfont") format("svg"); - } -} - -[data-icon]:before { content: attr(data-icon); } - -[data-icon]:before, -.icon-archive:before, -.icon-browser:before, -.icon-calendar:before, -.icon-camera:before, -.icon-chat:before, -.icon-check:before, -.icon-chevron-down:before, -.icon-chevron-left:before, -.icon-chevron-right:before, -.icon-chevron-up:before, -.icon-circle-with-cross:before, -.icon-circle-with-minus:before, -.icon-circle-with-plus:before, -.icon-cloud:before, -.icon-code:before, -.icon-cog:before, -.icon-dropbox:before, -.icon-edit:before, -.icon-export:before, -.icon-eye:before, -.icon-facebook:before, -.icon-feather:before, -.icon-github:before, -.icon-globe:before, -.icon-heart:before, -.icon-heart-outlined:before, -.icon-home:before, -.icon-instagram:before, -.icon-lab-flask:before, -.icon-leaf:before, -.icon-linkedin:before, -.icon-mail:before, -.icon-message:before, -.icon-mic:before, -.icon-network:before, -.icon-paper-plane:before, -.icon-pinterest:before, -.icon-price-tag:before, -.icon-rocket:before, -.icon-rss:before, -.icon-soundcloud:before, -.icon-star:before, -.icon-star-outlined:before, -.icon-thumbs-down:before, -.icon-thumbs-up:before, -.icon-tree:before, -.icon-tumblr:before, -.icon-twitter:before, -.icon-upload-to-cloud:before, -.icon-video:before, -.icon-vimeo:before, -.icon-warning:before, -.icon-xing:before, -.icon-youtube:before { - display: inline-block; - font-family: "iconfont"; - font-style: normal; - font-weight: normal; - font-variant: normal; - line-height: 1; - text-decoration: inherit; - text-rendering: optimizeLegibility; - text-transform: none; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; -} - -.icon-archive:before { content: "\f100"; } -.icon-browser:before { content: "\f101"; } -.icon-calendar:before { content: "\f133"; } -.icon-camera:before { content: "\f102"; } -.icon-chat:before { content: "\f103"; } -.icon-check:before { content: "\f104"; } -.icon-chevron-down:before { content: "\f105"; } -.icon-chevron-left:before { content: "\f106"; } -.icon-chevron-right:before { content: "\f107"; } -.icon-chevron-up:before { content: "\f108"; } -.icon-circle-with-cross:before { content: "\f109"; } -.icon-circle-with-minus:before { content: "\f10a"; } -.icon-circle-with-plus:before { content: "\f10b"; } -.icon-cloud:before { content: "\f10c"; } -.icon-code:before { content: "\f10d"; } -.icon-cog:before { content: "\f10e"; } -.icon-dropbox:before { content: "\f10f"; } -.icon-edit:before { content: "\f110"; } -.icon-export:before { content: "\f111"; } -.icon-eye:before { content: "\f112"; } -.icon-facebook:before { content: "\f113"; } -.icon-feather:before { content: "\f114"; } -.icon-github:before { content: "\f115"; } -.icon-globe:before { content: "\f116"; } -.icon-heart:before { content: "\f117"; } -.icon-heart-outlined:before { content: "\f118"; } -.icon-home:before { content: "\f119"; } -.icon-instagram:before { content: "\f11a"; } -.icon-lab-flask:before { content: "\f11b"; } -.icon-leaf:before { content: "\f11c"; } -.icon-linkedin:before { content: "\f11d"; } -.icon-mail:before { content: "\f11e"; } -.icon-message:before { content: "\f11f"; } -.icon-mic:before { content: "\f120"; } -.icon-network:before { content: "\f121"; } -.icon-paper-plane:before { content: "\f122"; } -.icon-pinterest:before { content: "\f123"; } -.icon-price-tag:before { content: "\f124"; } -.icon-rocket:before { content: "\f125"; } -.icon-rss:before { content: "\f126"; } -.icon-soundcloud:before { content: "\f127"; } -.icon-star:before { content: "\f128"; } -.icon-star-outlined:before { content: "\f129"; } -.icon-thumbs-down:before { content: "\f12a"; } -.icon-thumbs-up:before { content: "\f12b"; } -.icon-tree:before { content: "\f134"; } -.icon-tumblr:before { content: "\f12c"; } -.icon-twitter:before { content: "\f12d"; } -.icon-upload-to-cloud:before { content: "\f12e"; } -.icon-video:before { content: "\f12f"; } -.icon-vimeo:before { content: "\f130"; } -.icon-warning:before { content: "\f131"; } -.icon-xing:before { content: "\f135"; } -.icon-youtube:before { content: "\f132"; } diff --git a/assets/fonts/iconfont.eot b/assets/fonts/iconfont.eot deleted file mode 100644 index 5d952f97d813830c3c33ccc5a3fbe5d5ef97bdeb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9590 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 - - - - -Created by FontForge 20150330 at Wed Apr 15 23:17:37 2015 - By Guni,,, -Copyright (c) 2015, Guni,,, - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/fonts/iconfont.ttf b/assets/fonts/iconfont.ttf deleted file mode 100644 index 43db1c08cc5cad599f4cf061e7938b099be2c4f2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9412 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 - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/browser.svg b/assets/fonts/svg-files-for-custom-font/browser.svg deleted file mode 100644 index ca8c89d..0000000 --- a/assets/fonts/svg-files-for-custom-font/browser.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/calendar.svg b/assets/fonts/svg-files-for-custom-font/calendar.svg deleted file mode 100644 index f654214..0000000 --- a/assets/fonts/svg-files-for-custom-font/calendar.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/camera.svg b/assets/fonts/svg-files-for-custom-font/camera.svg deleted file mode 100644 index 0f11476..0000000 --- a/assets/fonts/svg-files-for-custom-font/camera.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chat.svg b/assets/fonts/svg-files-for-custom-font/chat.svg deleted file mode 100644 index 65b5612..0000000 --- a/assets/fonts/svg-files-for-custom-font/chat.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/check.svg b/assets/fonts/svg-files-for-custom-font/check.svg deleted file mode 100644 index 08ee56d..0000000 --- a/assets/fonts/svg-files-for-custom-font/check.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-down.svg b/assets/fonts/svg-files-for-custom-font/chevron-down.svg deleted file mode 100644 index 7604d89..0000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-down.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-left.svg b/assets/fonts/svg-files-for-custom-font/chevron-left.svg deleted file mode 100644 index 7fda040..0000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-left.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-right.svg b/assets/fonts/svg-files-for-custom-font/chevron-right.svg deleted file mode 100644 index 0b2251c..0000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-right.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-up.svg b/assets/fonts/svg-files-for-custom-font/chevron-up.svg deleted file mode 100644 index eb3c9c5..0000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-up.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg b/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg deleted file mode 100644 index cf71b40..0000000 --- a/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg b/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg deleted file mode 100644 index 065344d..0000000 --- a/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg b/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg deleted file mode 100644 index f4f815c..0000000 --- a/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/cloud.svg b/assets/fonts/svg-files-for-custom-font/cloud.svg deleted file mode 100644 index a009fe5..0000000 --- a/assets/fonts/svg-files-for-custom-font/cloud.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/code.svg b/assets/fonts/svg-files-for-custom-font/code.svg deleted file mode 100644 index 33a99fd..0000000 --- a/assets/fonts/svg-files-for-custom-font/code.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/cog.svg b/assets/fonts/svg-files-for-custom-font/cog.svg deleted file mode 100644 index bc6fcfa..0000000 --- a/assets/fonts/svg-files-for-custom-font/cog.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/dropbox.svg b/assets/fonts/svg-files-for-custom-font/dropbox.svg deleted file mode 100644 index 61f72c2..0000000 --- a/assets/fonts/svg-files-for-custom-font/dropbox.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/edit.svg b/assets/fonts/svg-files-for-custom-font/edit.svg deleted file mode 100644 index bda9f0e..0000000 --- a/assets/fonts/svg-files-for-custom-font/edit.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/export.svg b/assets/fonts/svg-files-for-custom-font/export.svg deleted file mode 100644 index ebcfc1f..0000000 --- a/assets/fonts/svg-files-for-custom-font/export.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/eye.svg b/assets/fonts/svg-files-for-custom-font/eye.svg deleted file mode 100644 index a735aa9..0000000 --- a/assets/fonts/svg-files-for-custom-font/eye.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/facebook.svg b/assets/fonts/svg-files-for-custom-font/facebook.svg deleted file mode 100644 index dd14318..0000000 --- a/assets/fonts/svg-files-for-custom-font/facebook.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/feather.svg b/assets/fonts/svg-files-for-custom-font/feather.svg deleted file mode 100644 index fcff3c1..0000000 --- a/assets/fonts/svg-files-for-custom-font/feather.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/github.svg b/assets/fonts/svg-files-for-custom-font/github.svg deleted file mode 100644 index 0ed94d3..0000000 --- a/assets/fonts/svg-files-for-custom-font/github.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/globe.svg b/assets/fonts/svg-files-for-custom-font/globe.svg deleted file mode 100644 index 59b1570..0000000 --- a/assets/fonts/svg-files-for-custom-font/globe.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/heart-outlined.svg b/assets/fonts/svg-files-for-custom-font/heart-outlined.svg deleted file mode 100644 index b1cec2f..0000000 --- a/assets/fonts/svg-files-for-custom-font/heart-outlined.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/heart.svg b/assets/fonts/svg-files-for-custom-font/heart.svg deleted file mode 100644 index 5156b11..0000000 --- a/assets/fonts/svg-files-for-custom-font/heart.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/home.svg b/assets/fonts/svg-files-for-custom-font/home.svg deleted file mode 100644 index 63e8a4e..0000000 --- a/assets/fonts/svg-files-for-custom-font/home.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/instagram.svg b/assets/fonts/svg-files-for-custom-font/instagram.svg deleted file mode 100644 index 9f7b527..0000000 --- a/assets/fonts/svg-files-for-custom-font/instagram.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/lab-flask.svg b/assets/fonts/svg-files-for-custom-font/lab-flask.svg deleted file mode 100644 index d40e70e..0000000 --- a/assets/fonts/svg-files-for-custom-font/lab-flask.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/leaf.svg b/assets/fonts/svg-files-for-custom-font/leaf.svg deleted file mode 100644 index 27be546..0000000 --- a/assets/fonts/svg-files-for-custom-font/leaf.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/linkedin.svg b/assets/fonts/svg-files-for-custom-font/linkedin.svg deleted file mode 100644 index 4541e3c..0000000 --- a/assets/fonts/svg-files-for-custom-font/linkedin.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/mail.svg b/assets/fonts/svg-files-for-custom-font/mail.svg deleted file mode 100644 index 5988c16..0000000 --- a/assets/fonts/svg-files-for-custom-font/mail.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/message.svg b/assets/fonts/svg-files-for-custom-font/message.svg deleted file mode 100644 index cae288b..0000000 --- a/assets/fonts/svg-files-for-custom-font/message.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/mic.svg b/assets/fonts/svg-files-for-custom-font/mic.svg deleted file mode 100644 index 81f58e1..0000000 --- a/assets/fonts/svg-files-for-custom-font/mic.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/network.svg b/assets/fonts/svg-files-for-custom-font/network.svg deleted file mode 100644 index 977de03..0000000 --- a/assets/fonts/svg-files-for-custom-font/network.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/paper-plane.svg b/assets/fonts/svg-files-for-custom-font/paper-plane.svg deleted file mode 100644 index 57919d5..0000000 --- a/assets/fonts/svg-files-for-custom-font/paper-plane.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/pinterest.svg b/assets/fonts/svg-files-for-custom-font/pinterest.svg deleted file mode 100644 index b5f6f6e..0000000 --- a/assets/fonts/svg-files-for-custom-font/pinterest.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/price-tag.svg b/assets/fonts/svg-files-for-custom-font/price-tag.svg deleted file mode 100644 index 1c7fa4f..0000000 --- a/assets/fonts/svg-files-for-custom-font/price-tag.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/rocket.svg b/assets/fonts/svg-files-for-custom-font/rocket.svg deleted file mode 100644 index 3eb7415..0000000 --- a/assets/fonts/svg-files-for-custom-font/rocket.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/rss.svg b/assets/fonts/svg-files-for-custom-font/rss.svg deleted file mode 100644 index f8f6033..0000000 --- a/assets/fonts/svg-files-for-custom-font/rss.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/soundcloud.svg b/assets/fonts/svg-files-for-custom-font/soundcloud.svg deleted file mode 100644 index 3b38471..0000000 --- a/assets/fonts/svg-files-for-custom-font/soundcloud.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/star-outlined.svg b/assets/fonts/svg-files-for-custom-font/star-outlined.svg deleted file mode 100644 index 4759c40..0000000 --- a/assets/fonts/svg-files-for-custom-font/star-outlined.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/star.svg b/assets/fonts/svg-files-for-custom-font/star.svg deleted file mode 100644 index d5d321a..0000000 --- a/assets/fonts/svg-files-for-custom-font/star.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/thumbs-down.svg b/assets/fonts/svg-files-for-custom-font/thumbs-down.svg deleted file mode 100644 index 171e2aa..0000000 --- a/assets/fonts/svg-files-for-custom-font/thumbs-down.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/thumbs-up.svg b/assets/fonts/svg-files-for-custom-font/thumbs-up.svg deleted file mode 100644 index dee3008..0000000 --- a/assets/fonts/svg-files-for-custom-font/thumbs-up.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/tree.svg b/assets/fonts/svg-files-for-custom-font/tree.svg deleted file mode 100644 index 45a2580..0000000 --- a/assets/fonts/svg-files-for-custom-font/tree.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/tumblr.svg b/assets/fonts/svg-files-for-custom-font/tumblr.svg deleted file mode 100644 index 7bc6350..0000000 --- a/assets/fonts/svg-files-for-custom-font/tumblr.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/twitter.svg b/assets/fonts/svg-files-for-custom-font/twitter.svg deleted file mode 100644 index 136d229..0000000 --- a/assets/fonts/svg-files-for-custom-font/twitter.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg b/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg deleted file mode 100644 index 0786847..0000000 --- a/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/video.svg b/assets/fonts/svg-files-for-custom-font/video.svg deleted file mode 100644 index f54ba00..0000000 --- a/assets/fonts/svg-files-for-custom-font/video.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/vimeo.svg b/assets/fonts/svg-files-for-custom-font/vimeo.svg deleted file mode 100644 index 81ed1c0..0000000 --- a/assets/fonts/svg-files-for-custom-font/vimeo.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/warning.svg b/assets/fonts/svg-files-for-custom-font/warning.svg deleted file mode 100644 index a571a25..0000000 --- a/assets/fonts/svg-files-for-custom-font/warning.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/xing.svg b/assets/fonts/svg-files-for-custom-font/xing.svg deleted file mode 100644 index ca14ad7..0000000 --- a/assets/fonts/svg-files-for-custom-font/xing.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/youtube.svg b/assets/fonts/svg-files-for-custom-font/youtube.svg deleted file mode 100644 index 8dbfef6..0000000 --- a/assets/fonts/svg-files-for-custom-font/youtube.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/img/apple-touch-icon-114x114-precomposed.png b/assets/img/apple-touch-icon-114x114-precomposed.png deleted file mode 100644 index 1297c5f8cc61a893dd3b1ab1730f01b6e573de94..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1181 zcmV;O1Y-M%P)00000J*j{F000DJNkl z9w1U}@j(!Mu%h-s#M)YKNwwHY)ik>^Id-OZ@q_flxLli&U)nM^XfgAf!H zRJ)QKFX7(`OrAb>wxcy?b_V+W%mkGAnG)(?5lRY>m}5- z?bb6pZ*bx0Ni*gxS-rlbY|nwCCof#Dyj%6O_RWXS%|Vq=+h96QG;m`6vP1Q;#t%$i zdOK`iKxy5x`{fTEHRKdk?Sq*(nawuPR;t8IEENexiK3{_vt+X*QEZz&NNAR2{ILOM zJmb>Pw)n6P&&wpE%y-d|+Xd@5u`bPskw3aG`GLu3C7&=6<$jIoOMYNXaXTt9j$ks{ z64e4%iH(dJWjTTgNO;mVlyL-OP3&)Lf+v`SX7HI9n-;%`$asRW$WBKF49;LH_=Jh5 ze{*=i;0ned72(MEg2`xexDnnGE5K%7@&#iDJ~9UkzF@4CeP%11!6Y=5%dTWcX1p@` zk~0{K?1a$_f3W2=sC|79Qd_x#38-(A{w!m2#t}ThSZzCV%;)nR_Z{np1fF1auZP%| zSmY}NfioDli2)2?00S7n00uD2EJx6mCG_QpOkc zlI2LB$A!I27d^7In><v3YN{BYP3L~^(W9i|uH>>Ib-z=+!L^alUvAKfkc4F<4F)=aDz;&3O491eAxU17~jBd-kCzWc?#H-wBu!C+kgI z`+g}sXXu!jD>m&qa=!B6i;peV_fFcF!V6NbBB$azoumG@vC^QQ;o}>?00uCC0SsUO0~o*n z1~7mD3}65Q7{CAqFn|FJU;z6|U>>wR-nBi+gK78Id*UTlo1$+HAiAv!??{k3@SNqA z{m3%pr-gYQ{YV#e45hD}c}H#V*Qjxqn}g3Tm(Cd=yQMQx8DmSXz1DB?h_hRW`THMC zH#a|`a~9WYa@mcKw9|b;w54xD7p%FqbKW42vx!aLeY?>>sa@Gwg+z8>2|Z^zr(UY& z_BdEke`}ANaCU@FK$26i2C5{saSzKbM8`V^`;!fY2*3c=1y~^QjnNc^-^3<521~zK vS$;FYDlf0J=ibS`t6=j+C@3hXf3bc7za_GSco&4s00000NkvXXu0mjfKS?yl diff --git a/assets/img/apple-touch-icon-120x120-precomposed.png b/assets/img/apple-touch-icon-120x120-precomposed.png deleted file mode 100644 index f5df4de4d3a83a9123f65c62ba759ad2307b1796..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 973 zcmV;;12X)HP)8>UeL>WQ^5~RnpLxDvX3j~XzB)Wu=9lCTeI;e-VCF!(U zdB{@;eW?k-R+^L_taiwfT#!Qd?Y@ucz1a_2cU^tkym_q5|Kwq3fAgRB-psuJjsWnm zHw2225eY*PiIf6~Xu~W5?F&;rN-;hE1PB|3d$Eiug@T7oz&$vmQVJOl+LiH8X26oF z*_N>)uZe4le)TjGG+_a_8ra4i;OjMxW=B01&}`02yo6 zu#UYVDKm#faDzNh%wY&B?0B4vp+=u^NKr!gEn8Us#C@_!Hu3I62S(uN=F@To9U3$jZ`NfB->n`7J^9*=r{8C)aXQ{{%Si=+DFTFm0FuvYJ zid~ATYAOy`1Fysirp0y4GFVN(FdKNCDkF#K!CI|D#wq5%wPt;$(`{3E@(HVbG`?q7uR>AI7t5Z&Xarv>6jm@py{X^s57gfvV zYEm{fO2$c6CzxAUR*}PUJw~KrP4mZ7vpW#I7ksnFVGeVc!yM)?hdIn)4s)2p9NuKG zkmNj<+iEy`elBU*7>Ni9R-xpl1?cjvf)(6f;2@u&t_zV<(OG-Xb&dv;l-8t)r#Fu~ z#h6YL&py!jcv8VB&RyzyOKl0&tDSeasdqMfR44g4Sfd^v9{ka76_A(;ra65K_&hIGHc^bT3I}W00000NkvXXu0mjfTpG$c diff --git a/assets/img/apple-touch-icon-144x144-precomposed.png b/assets/img/apple-touch-icon-144x144-precomposed.png deleted file mode 100644 index 09aa93aa68e4e851a19d919d8baeddd70c9e2b2c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1129 zcmV-v1eW`WP)iy# zDoK2Z2#+3o5Tde!4hpmApu>{R-JIj!Tx;Vx9=q+#{>tC?!55vKkH7!Se`e=5GlXC; zeI``k9gD#I`}N_;qMC|Ihf-0!UR^VbSQpyI1G@Z6)HiH z1E2zU6>1YjS%CuL$tDK?-r#M9je zcw!TVB&8Kqg9{>ImLqk_~9JS|L3g#~G&TD!Ll@ z02m;FYz=HgP%1QDGRF)CNX;#C#|Huu$N_WAfPi>12iA~L(yz%FGbq~-PfiZk8LI5ys1+b=55(qdbzgoWeZyzavM5a&?-xX z;u1$so1eRF-^ojL_nJSoS$bG5g4TJ`CNId_x~H_FuJJ|dub^I<-lmde(KQfbEg#xC zBeYJLwM!}zH)?PdQq1{Jk`)NM{ZD_8PBdrd=uC_f z+vJ@wKX>!)6Xn-$K7RXM3BC=(D4iIcgDW3DB5h_?{`TUsOEtHfKmJgnQlUH&qxb6h zpp!yReDcKE*&BBrJX2MF|GAXq8mPkwnszUN&AAcnKQs=;DJ*Z?;sEYj2c;Ai2)~yh z2tf!!5P}edAOs-@K?p(+f)Iot1R)4P2trV}puDJnC@%kFTDg14Xu+|aDq%%Q!&klgCQ3audON6!mU&6!Yh=Cv zpcj}XyOmxq00000J*j{F000DJNkl z9w1U}@j(!Mu%h-s#M)YKNwwHY)ik>^Id-OZ@q_flxLli&U)nM^XfgAf!H zRJ)QKFX7(`OrAb>wxcy?b_V+W%mkGAnG)(?5lRY>m}5- z?bb6pZ*bx0Ni*gxS-rlbY|nwCCof#Dyj%6O_RWXS%|Vq=+h96QG;m`6vP1Q;#t%$i zdOK`iKxy5x`{fTEHRKdk?Sq*(nawuPR;t8IEENexiK3{_vt+X*QEZz&NNAR2{ILOM zJmb>Pw)n6P&&wpE%y-d|+Xd@5u`bPskw3aG`GLu3C7&=6<$jIoOMYNXaXTt9j$ks{ z64e4%iH(dJWjTTgNO;mVlyL-OP3&)Lf+v`SX7HI9n-;%`$asRW$WBKF49;LH_=Jh5 ze{*=i;0ned72(MEg2`xexDnnGE5K%7@&#iDJ~9UkzF@4CeP%11!6Y=5%dTWcX1p@` zk~0{K?1a$_f3W2=sC|79Qd_x#38-(A{w!m2#t}ThSZzCV%;)nR_Z{np1fF1auZP%| zSmY}NfioDli2)2?00S7n00uD2EJx6mCG_QpOkc zlI2LB$A!I27d^7In><v3YN{BYP3L~^(W9i|uH>>Ib-z=+!L^alUvAKfkc4F<4F)=aDz;&3O491eAxU17~jBd-kCzWc?#H-wBu!C+kgI z`+g}sXXu!jD>m&qa=!B6i;peV_fFcF!V6NbBB$azoumG@vC^QQ;o}>?00uCC0SsUO0~o*n z1~7mD3}65Q7{CAqFn|FJU;z6|U>>wR-nBi+gK78Id*UTlo1$+HAiAv!??{k3@SNqA z{m3%pr-gYQ{YV#e45hD}c}H#V*Qjxqn}g3Tm(Cd=yQMQx8DmSXz1DB?h_hRW`THMC zH#a|`a~9WYa@mcKw9|b;w54xD7p%FqbKW42vx!aLeY?>>sa@Gwg+z8>2|Z^zr(UY& z_BdEke`}ANaCU@FK$26i2C5{saSzKbM8`V^`;!fY2*3c=1y~^QjnNc^-^3<521~zK vS$;FYDlf0J=ibS`t6=j+C@3hXf3bc7za_GSco&4s00000NkvXXu0mjfKS?yl diff --git a/assets/img/apple-touch-icon-180x180-precomposed.png b/assets/img/apple-touch-icon-180x180-precomposed.png deleted file mode 100644 index 3f0e0dadd3b2162d8cdee608b9d8291a68fd028f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1361 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 diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png deleted file mode 100644 index beeba850b05cc17d4decf98ca4fb04f3123a5c6e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 388 zcmV-~0ek+5P)OYDC z1|WMONP!;%D-#f~Gc;o=KsJGy!TLX%8&DN6GO*vos{lyWKXHb+2b%&0cpzaYU}0op zW@cewU}VIqzz@Y(tS0b?s+hXRrLtjF@bCZSGY{YW`v3R;Gj0ZKR=^_a-~T6ESQY&H zKfiw7hQpU1etU@B1eiBDMC6!oI5L2Nof$(8(*#CFCj1Hrnm{WB3-HASBMUps1U44z zN|+edfD|M$U<(CC29dm#cYlHM#kU)4>TEC)3rf!V^ZzJ@DNGDTOJ~hn00Q&p&0buI iVFD3=kp&5$`T_t^g6hOWAnASp0000!Qm5 diff --git a/assets/img/logo.png b/assets/img/logo.png deleted file mode 100644 index 998a3c93735f6bbd7a111031d09474964542b78e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15290 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 R{j%q?))uzr#RRuI{{Z7%b}|3} diff --git a/assets/js/javascript.js b/assets/js/javascript.js deleted file mode 100755 index 1c5fe99..0000000 --- a/assets/js/javascript.js +++ /dev/null @@ -1,3349 +0,0 @@ -/*! - * jQuery JavaScript Library v2.1.1 - * 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: 2014-05-01T17:11Z - */ -!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=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(hb.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=ob[a]={};return _.each(a.match(nb)||[],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+Math.random()}function i(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(ub,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:tb.test(c)?_.parseJSON(c):c}catch(e){}sb.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=Kb.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++)rb.set(a[c],"globalEval",!b||rb.get(b[c],"globalEval"))}function q(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(rb.hasData(a)&&(f=rb.access(a),g=rb.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])}sb.hasData(a)&&(h=sb.access(a),i=_.extend({},h),sb.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&&yb.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=Ob[a];return c||(c=t(a,b),"none"!==c&&c||(Nb=(Nb||_(" - - × ---> \ No newline at end of file diff --git a/pages/404.md b/pages/404.md deleted file mode 100644 index e01a364..0000000 --- a/pages/404.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -layout: page -title: "Oops! Noting here..." -subheadline: "404" -teaser: "Maybe the webpage moved or we deleted it. Or did you maybe mistype the URL?" -permalink: "/404.html" ---- -## No problem! - -Try... -...to start over on the [home page]({{ site.url }}). -...our **search**. - - -### Search and Find - -{% include google_search.html %} - -
- -
\ No newline at end of file diff --git a/pages/changelog.md b/pages/changelog.md deleted file mode 100644 index b8f1f00..0000000 --- a/pages/changelog.md +++ /dev/null @@ -1,107 +0,0 @@ ---- -layout: page -title: "Change is good!" -subheadline: "Feeling Responsive Theme Changelog" -teaser: "History and changelog of Feeling Responsive Theme" -header: - image_fullwidth: "header_unsplash_9.jpg" -permalink: "/changelog/" ---- - -2015-03-30 // Version 1.2 -: Added [alert-include]({{ site.url }}/documentation/#alert-embed-an-alert-in-your-content) and structured Sass-files. - -2015-03-25 // Video -: Made a new [video tutorial](https://www.youtube.com/embed/rLS-BEvlEyY) - -
- -2015-03-02 // Version 1.1 -: Added [Foundation Reveal](http://foundation.zurb.com/docs/components/reveal.html) to the mix to show videos and content in a popup window. Try it out right know :) - -2015-02-26 // Version 1.0 -: OK. Let's try it. Here is *Feeling Responsive* Version 1.0, with a shiny video. - -
- - -2015-02-25 // Version 0.99.1 -: Added support for Google Analtics. Added `_include/next-previous-post-in-category.html` to generate links from one post in a category to another post in that same category. Example at the bottom of [Grid & Colors]({{ site.url }}/design/grid/#bottom). Added `noindex`-variable for search engine optimization ([read more](https://support.google.com/webmasters/answer/93710?hl=en)). Changed code for breadcrumb. Added [Improve-Content-Include]({{ site.url }}/documentation/#improvecontenthtml). - -2015-02-19 // Version 0.99 -: Yes! Now *Feeling Responsive* uses the built-in sass-support by Jekyll. Open `_sass` and dig deeper into customizing this theme using your colors, typography and so on... - -2015-02-18 // Version 0.98 -: Now with author-support and [Schema.org microdata](http://schema.org). Edit author(s) in `authors.yml` and use it via front matter like `author: your_author_name`. Added [Disqus-comments]({{ site.url}}/design/comments/#comments) to the mix. - -2015-02-17 // Version 0.97 -: Simplicity. Reduced templates. Now there is one page/post-template with two switches via front matter to turn on metadata at the end of the page/post via `show_meta: true/false` and to add a left or right sidebar via `sidebar: left/right`. The defaults are declared in `config.yml`. I also changed the variable `description` to `teaser` because it's more logigally. - -2015-02-12 // Version 0.96 -: Added `frontpage`-layout with three widgets-areas. The layout simplifies the process to change content on the frontpage. - -2015-02-09 // Version 0.95 -: Now with custom icon font using only entypo icons necessary. Eliminated one one request and reduced the font-file to 9kb. You can easily customize the font yourself using [Font Custom][7] and the included `fontcustom.yml` in `assets/fonts/`. - -2015-01-12 // Version 0.94 -: Added Windows 8-Tile in `config.yml` and `header.html`. Added `_config_dev.yml` for easier local development. Use `jekyll serve --config _config.yml,_config_dev.yml` to overwrite `url`-settings of the main configuration. Added `_data/network.yml` to customize links in the footer-area. Now with 404-page and a google-powered search. - -2014-12-22 // Version 0.93 -: Improved speed through the use of [webfontloader](https://github.com/typekit/webfontloader). Reduced Volkhov font and only embedded normal weight. Now fonts load asynchronous and the package is 53kb lighter. - -2014-12-21 // Version 0.92 -: A new polished version, with a stronger and better color scheme. [Have a look ›]({{ site.url }}/design/grid/#color-scheme-and-colors-codes). Added foundation `.scss-files` to `assets/scss/` for savety. - -2014-10-08 // Version 0.91 -: Moved images folder from `assets/img/` to `images` to fasten access to folder. Moved all pages to `pages/`-folder for better organization. Added language-functionality. *Feeling Responsive* is now translation ready. - -2014-09-21 // Version 0.9 -: Optimized code, tweaked CSS, added images, deleted `header: "no"` from front matter (because it not necessary), added drafts to the new `_drafts`-folder to begin posts and pages faster and enhanced the documentation. Huh, 1.0 I am coming. - -2014-09-16 // Version 0.8 -: Added [video post format][5] for that cinematic flavor. Added URL- and Credit-feature to images and revamped the homepage a little bit to give blog-content more exposure. Optimized some includes, especially the `_include/list-posts.html`-Include which support some nifty parameters. - -2014-09-15 // Version 0.7 -: Added an [example of a gallery][4] to show how to use Clearing Lightbox. Meta information is used in posts via `/include/meta_information.html`. To optimize pages/posts for search engines you have now have an extra front matter-variable called `meta_description`. Also the theme supports facebook open graph information. - -2014-09-12 // Version 0.6 -: Finally the [blogpage][1] has pagination and an [archive for all blog-posts][2] using the [foundation accordion][3]. - -2014-08-22 // Version 0.5 -: Better typograpyh, extended [documentation]({{ site.url}}/documentation/) and little subtle css-things to make *Feeling Responsive* a little better. - -2014-08-17 // Version 0.4 -: First beta release of »Feeling Responsive« with the current jekyll templates. - -2014-08-17 // Version 0.3 -: First release – only *HTML-Version* – of »Feeling Responsive« on Github-Pages with some hickups. - -2014-07-26 // Version 0.2 -: Updated Navigation & Social Media-Configuration via custom data in `_data` - -2014-07-07 // Version 0.1 -: Start of theme coding and development. - -2014-06-23 -: First Ideas and scribbles at the beach in [Bergen/Netherlands][6]. - - - -
-
- -
- × -
- - - [1]: {{ site.url }}/blog/ - [2]: {{ site.url }}/blog/archive/ - [3]: http://foundation.zurb.com/docs/components/accordion.html - [4]: {{ site.url }}/design/gallery/ - [5]: {{ site.url }}/design/video/ - [6]: https://www.google.de/maps/place/Strandpaviljoen+Joep+B.V./@51.9960733,5.830135,6z/data=!4m2!3m1!1s0x47cf5918df69093b:0x7c11ab31102c1c8a - [7]: fontcustom.com - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/pages/contact.md b/pages/contact.md deleted file mode 100644 index 54b2b05..0000000 --- a/pages/contact.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: page -title: "Contact" -show_meta: false -subheadline: "Wufoo-powered contact forms" -teaser: "Get in touch with me? Use the contact form." -permalink: "/contact/" ---- -If you need a fabulous contact form for your website, I suggest you use [Wufoo][1]. You can use three forms for free, you get no spam and if you get more than 100 entries you have to pay. - -
- -
- - - - [1]: http://www.wufoo.com/ diff --git a/pages/design.md b/pages/design.md deleted file mode 100644 index 6a678e9..0000000 --- a/pages/design.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: page -show_meta: false -title: "Style your content!" -subheadline: "Layouts of Feeling Responsive" -header: - image_fullwidth: "header_unsplash_5.jpg" -permalink: "/design/" ---- - \ No newline at end of file diff --git a/pages/documentation.md b/pages/documentation.md deleted file mode 100644 index b849246..0000000 --- a/pages/documentation.md +++ /dev/null @@ -1,326 +0,0 @@ ---- -layout: page-fullwidth -title: "Theme Documentation" -subheadline: "How to use Feeling Responsive" -teaser: "The documentation is a work in progress..." -permalink: "/documentation/" -header: - image_fullwidth: "header_roadmap_2.jpg" ---- -
-
-
-**Table of Contents** -{: #toc } -* TOC -{:toc} -
-
- - - -
-{% include improve_content.html %} - -## Different Page/Posts Formats {#formats} - -*Feeling Responsive* supports you with different templates for your content. These are the actual page/post formats: - -### Page/Post -The [page/post format]({{ site.url }}/design/page/) has no sidebar by default, its content is centered and beneath the content the visitor gets some metadata like categories, tags, date and author if provided via data in front matter of the post. - -use in front matter via: `layout: page` - -### Page/Post with a left or right sidebar -If you want to show the sidebar, just enter `sidebar: left` or `sidebar: right` in front matter, and *whoops, there it is*! To customize the content of the sidebar, open `_includes/sidebar.html`. - - -### Page/Post with or without metadata -If you want to show metadata like categories, tags and date at the end of the page, just enter `show_meta: true`. It's on by default. You can change it via `config.yml`. To turn of metadata just enter – *yes, you guessed right* – `show_meta: false`. - - - -### Page Full Width -If you want full control of styling a page, than use the [page fullwidth template]({{ site.url }}/design/page-fullwidth/). To set up a grid, just use the [foundation grid system](http://foundation.zurb.com/docs/components/grid.html). - -use in front matter via: `layout: page-fullwidth` - - -### Frontpage -This template is special. It allows you to define three *widgets* which are displayed with a headline, image, description and a link to the content. It's used for the [homepage]({{ site.url }}) of this website. - -use in front matter via: `layout: frontpage` - - -### Video -If you're a video producer or cineast, you'll like the [video template]({{ site.url }}/design/video/). It darkens the layout to black and lets the video stand out full-width. - -use in front matter via: `layout: video` - -[Up to table of contents](#toc) -{: .text-right } - - - - -## Style your content with {#styling} - -Feeling Responsive offers lots of possibilities to style your articles. You can style your content in different ways. There are elements like subheadlines, feature images, header images, homepage images, meta data like categories and tags and many more. - - -### subheadlines - -If you need a subheadline for an article, just define a subheadline in front matter like this: - -`subheadline: "Subheadline"` - -### Quotes - -Quotes mix it up a little bit, if you write long articles. So use quotes: - -> Age is an issue of mind over matter. If you don't mind, it doesn't matter. -Mark Twain - -[Up to table of contents](#toc) -{: .text-right } - - -## Comments - -You can use comments with *Feeling Responsive* by the way of Disqus. If you want to use Disqus-Comments just open `config.yml` and add your `disqus_shortname`. [More on how to use Disqus ›](https://disqus.com/websites/) - -By default comments are turned off. You can customize the default behaviour in `config.yml`. To **turn on comments** just add `comments: true` to front matter using the page layout `layout: page`. - -[Up to table of contents](#toc) -{: .text-right } - - - - -## Responsive Videos - -With foundation responsive videos are easy. [More ›](http://foundation.zurb.com/docs/components/flex_video.html) - -
- -
- -### Code to use for flexible videos - -{% highlight html %} -
-