From b2da00b6ea36b408ecafcec94494d422d388ddb9 Mon Sep 17 00:00:00 2001 From: Paul C Pederson Date: Tue, 7 Apr 2015 17:40:18 -0700 Subject: [PATCH] Release --- dist/content.json | 1883 ++++++++++ dist/css/calcite-web.css | 3107 +++++++++++++++++ dist/css/calcite-web.min.css | 1 + dist/img/banner.jpg | Bin 0 -> 43784 bytes dist/img/favicon.ico | Bin 0 -> 6518 bytes dist/img/icons/calcite-large/3d.svg | 100 + dist/img/icons/calcite-large/add-content.svg | 31 + .../img/icons/calcite-large/add-to-legend.svg | 52 + dist/img/icons/calcite-large/analysis.svg | 26 + dist/img/icons/calcite-large/approved.svg | 30 + dist/img/icons/calcite-large/arrow-down.svg | 30 + dist/img/icons/calcite-large/basemap.svg | 120 + dist/img/icons/calcite-large/bookmark.svg | 38 + dist/img/icons/calcite-large/cancel.svg | 31 + dist/img/icons/calcite-large/close.svg | 29 + dist/img/icons/calcite-large/description.svg | 33 + dist/img/icons/calcite-large/details.svg | 50 + dist/img/icons/calcite-large/down.svg | 30 + dist/img/icons/calcite-large/edit.svg | 33 + .../icons/calcite-large/features-hosted.svg | 44 + dist/img/icons/calcite-large/features.svg | 34 + dist/img/icons/calcite-large/file-gray.svg | 38 + dist/img/icons/calcite-large/file.svg | 38 + dist/img/icons/calcite-large/globe.svg | 88 + .../icons/calcite-large/hide-in-legend.svg | 54 + dist/img/icons/calcite-large/imagery.svg | 68 + .../icons/calcite-large/layer-download.svg | 34 + .../calcite-large/layer-export-to-file.svg | 43 + dist/img/icons/calcite-large/layer-export.svg | 33 + dist/img/icons/calcite-large/layer-zoom.svg | 42 + dist/img/icons/calcite-large/map-download.svg | 49 + dist/img/icons/calcite-large/map-image.svg | 50 + .../icons/calcite-large/measure-distance.svg | 50 + .../img/icons/calcite-large/measure-point.svg | 53 + dist/img/icons/calcite-large/measure.svg | 55 + dist/img/icons/calcite-large/print.svg | 43 + dist/img/icons/calcite-large/remove.svg | 33 + dist/img/icons/calcite-large/rename.svg | 38 + dist/img/icons/calcite-large/scale.svg | 42 + dist/img/icons/calcite-large/search.svg | 35 + dist/img/icons/calcite-large/tiles.svg | 41 + dist/img/icons/calcite-large/transparency.svg | 59 + dist/img/icons/calcite-large/up.svg | 30 + dist/img/icons/calcite-large/web-map-blue.svg | 39 + dist/img/icons/calcite-large/web-map.svg | 39 + .../web-mapping-application-gray.svg | 43 + .../calcite-large/web-mapping-application.svg | 43 + .../img/icons/calcite-large/your-location.svg | 29 + dist/img/icons/calcite-large/zoom-out.svg | 40 + dist/img/icons/calcite/3d.svg | 38 + dist/img/icons/calcite/add-content.svg | 31 + dist/img/icons/calcite/add-to-legend.svg | 47 + dist/img/icons/calcite/analysis.svg | 55 + dist/img/icons/calcite/approved.svg | 32 + dist/img/icons/calcite/arrow-down.svg | 30 + dist/img/icons/calcite/basemap.svg | 84 + dist/img/icons/calcite/bookmark.svg | 38 + dist/img/icons/calcite/cancel.svg | 31 + dist/img/icons/calcite/close.svg | 29 + dist/img/icons/calcite/description.svg | 31 + dist/img/icons/calcite/details.svg | 41 + dist/img/icons/calcite/down.svg | 29 + dist/img/icons/calcite/edit.svg | 33 + dist/img/icons/calcite/features-hosted.svg | 42 + dist/img/icons/calcite/features.svg | 35 + dist/img/icons/calcite/file-gray.svg | 36 + dist/img/icons/calcite/file.svg | 36 + dist/img/icons/calcite/globe.svg | 78 + dist/img/icons/calcite/hide-in-legend.svg | 48 + dist/img/icons/calcite/imagery.svg | 41 + dist/img/icons/calcite/layer-download.svg | 32 + .../icons/calcite/layer-export-to-file.svg | 41 + dist/img/icons/calcite/layer-export.svg | 32 + dist/img/icons/calcite/layer-zoom.svg | 44 + dist/img/icons/calcite/map-download.svg | 41 + dist/img/icons/calcite/map-image.svg | 41 + dist/img/icons/calcite/measure-distance.svg | 40 + dist/img/icons/calcite/measure-point.svg | 47 + dist/img/icons/calcite/measure.svg | 45 + dist/img/icons/calcite/print.svg | 40 + dist/img/icons/calcite/remove.svg | 33 + dist/img/icons/calcite/rename.svg | 37 + dist/img/icons/calcite/scale.svg | 38 + dist/img/icons/calcite/search.svg | 34 + dist/img/icons/calcite/tiles.svg | 40 + dist/img/icons/calcite/transparency.svg | 50 + dist/img/icons/calcite/up.svg | 28 + dist/img/icons/calcite/web-map-blue.svg | 39 + dist/img/icons/calcite/web-map.svg | 39 + .../calcite/web-mapping-application-gray.svg | 47 + .../icons/calcite/web-mapping-application.svg | 47 + dist/img/icons/calcite/your-location.svg | 29 + dist/img/icons/calcite/zoom-out.svg | 35 + dist/img/icons/vecticons/announcement.svg | 46 + dist/img/icons/vecticons/auth.svg | 39 + dist/img/icons/vecticons/browser.svg | 42 + dist/img/icons/vecticons/checkmark.svg | 38 + dist/img/icons/vecticons/close.svg | 15 + dist/img/icons/vecticons/data.svg | 11 + dist/img/logo/esri-logo-reversed.svg | 255 ++ dist/img/logo/esri-logo.svg | 255 ++ dist/js/calcite-web.js | 670 ++++ dist/js/calcite-web.min.js | 5 + dist/sass/calcite-web.scss | 123 + dist/sass/calcite-web/base/_colors.scss | 66 + dist/sass/calcite-web/base/_config.scss | 67 + dist/sass/calcite-web/base/_reset.scss | 65 + dist/sass/calcite-web/base/variables.scss | 144 + dist/sass/calcite-web/components/_alert.scss | 51 + .../calcite-web/components/_breadcrumbs.scss | 35 + dist/sass/calcite-web/components/_button.scss | 147 + .../calcite-web/components/_dropdown.scss | 46 + .../calcite-web/components/_esri-logo.scss | 38 + dist/sass/calcite-web/components/_form.scss | 215 ++ dist/sass/calcite-web/components/_loader.scss | 125 + dist/sass/calcite-web/components/_panel.scss | 86 + .../calcite-web/components/_search-bar.scss | 29 + dist/sass/calcite-web/components/_table.scss | 130 + .../sass/calcite-web/components/_tooltip.scss | 48 + dist/sass/calcite-web/grid/_block-groups.scss | 58 + dist/sass/calcite-web/grid/_columns.scss | 151 + dist/sass/calcite-web/grid/_grid.scss | 14 + .../calcite-web/grid/_gutter-helpers.scss | 17 + dist/sass/calcite-web/grid/_gutter.scss | 38 + .../calcite-web/grid/_leader-trailer.scss | 58 + dist/sass/calcite-web/grid/_left-right.scss | 36 + dist/sass/calcite-web/grid/_mixins.scss | 24 + dist/sass/calcite-web/grid/_pre-post.scss | 89 + dist/sass/calcite-web/grid/_show-hide.scss | 38 + dist/sass/calcite-web/grid/_sticky.scss | 12 + dist/sass/calcite-web/icons/_config.scss | 14 + dist/sass/calcite-web/icons/_icons.scss | 30 + .../sass/calcite-web/patterns/_accordion.scss | 47 + dist/sass/calcite-web/patterns/_carousel.scss | 56 + dist/sass/calcite-web/patterns/_drawers.scss | 70 + .../calcite-web/patterns/_expanding-nav.scss | 43 + dist/sass/calcite-web/patterns/_footer.scss | 22 + dist/sass/calcite-web/patterns/_modal.scss | 46 + dist/sass/calcite-web/patterns/_side-nav.scss | 54 + dist/sass/calcite-web/patterns/_sub-nav.scss | 50 + .../sass/calcite-web/patterns/_super-nav.scss | 27 + dist/sass/calcite-web/patterns/_tabs.scss | 98 + .../sass/calcite-web/patterns/_third-nav.scss | 37 + dist/sass/calcite-web/patterns/_toolbar.scss | 17 + dist/sass/calcite-web/patterns/_top-nav.scss | 74 + dist/sass/calcite-web/type/_config.scss | 31 + dist/sass/calcite-web/type/_faces.scss | 162 + dist/sass/calcite-web/type/_helpers.scss | 58 + dist/sass/calcite-web/type/_import.scss | 122 + dist/sass/calcite-web/type/_mixins.scss | 157 + dist/sass/calcite-web/type/_scale.scss | 63 + dist/sass/calcite-web/type/_styles.scss | 165 + dist/sass/calcite-web/type/_type.scss | 13 + dist/sass/calcite-web/type/_unicode.scss | 74 + dist/sass/calcite-web/utils/_animation.scss | 41 + dist/sass/calcite-web/utils/_appearance.scss | 9 + dist/sass/calcite-web/utils/_box-shadow.scss | 9 + dist/sass/calcite-web/utils/_box-sizing.scss | 9 + dist/sass/calcite-web/utils/_calc.scss | 10 + dist/sass/calcite-web/utils/_clearfix.scss | 21 + dist/sass/calcite-web/utils/_inline.scss | 17 + dist/sass/calcite-web/utils/_keyframes.scss | 14 + dist/sass/calcite-web/utils/_overflow.scss | 14 + dist/sass/calcite-web/utils/_prefixer.scss | 52 + dist/sass/calcite-web/utils/_responsive.scss | 17 + dist/sass/calcite-web/utils/_transform.scss | 17 + dist/sass/calcite-web/utils/_transition.scss | 34 + dist/sass/calcite-web/utils/_utils.scss | 19 + dist/sass/calcite-web/utils/_visibility.scss | 20 + 169 files changed, 13874 insertions(+) create mode 100644 dist/content.json create mode 100644 dist/css/calcite-web.css create mode 100644 dist/css/calcite-web.min.css create mode 100644 dist/img/banner.jpg create mode 100644 dist/img/favicon.ico create mode 100644 dist/img/icons/calcite-large/3d.svg create mode 100644 dist/img/icons/calcite-large/add-content.svg create mode 100644 dist/img/icons/calcite-large/add-to-legend.svg create mode 100644 dist/img/icons/calcite-large/analysis.svg create mode 100644 dist/img/icons/calcite-large/approved.svg create mode 100644 dist/img/icons/calcite-large/arrow-down.svg create mode 100644 dist/img/icons/calcite-large/basemap.svg create mode 100644 dist/img/icons/calcite-large/bookmark.svg create mode 100644 dist/img/icons/calcite-large/cancel.svg create mode 100644 dist/img/icons/calcite-large/close.svg create mode 100644 dist/img/icons/calcite-large/description.svg create mode 100644 dist/img/icons/calcite-large/details.svg create mode 100644 dist/img/icons/calcite-large/down.svg create mode 100644 dist/img/icons/calcite-large/edit.svg create mode 100644 dist/img/icons/calcite-large/features-hosted.svg create mode 100644 dist/img/icons/calcite-large/features.svg create mode 100644 dist/img/icons/calcite-large/file-gray.svg create mode 100644 dist/img/icons/calcite-large/file.svg create mode 100644 dist/img/icons/calcite-large/globe.svg create mode 100644 dist/img/icons/calcite-large/hide-in-legend.svg create mode 100644 dist/img/icons/calcite-large/imagery.svg create mode 100644 dist/img/icons/calcite-large/layer-download.svg create mode 100644 dist/img/icons/calcite-large/layer-export-to-file.svg create mode 100644 dist/img/icons/calcite-large/layer-export.svg create mode 100644 dist/img/icons/calcite-large/layer-zoom.svg create mode 100644 dist/img/icons/calcite-large/map-download.svg create mode 100644 dist/img/icons/calcite-large/map-image.svg create mode 100644 dist/img/icons/calcite-large/measure-distance.svg create mode 100644 dist/img/icons/calcite-large/measure-point.svg create mode 100644 dist/img/icons/calcite-large/measure.svg create mode 100644 dist/img/icons/calcite-large/print.svg create mode 100644 dist/img/icons/calcite-large/remove.svg create mode 100644 dist/img/icons/calcite-large/rename.svg create mode 100644 dist/img/icons/calcite-large/scale.svg create mode 100644 dist/img/icons/calcite-large/search.svg create mode 100644 dist/img/icons/calcite-large/tiles.svg create mode 100644 dist/img/icons/calcite-large/transparency.svg create mode 100644 dist/img/icons/calcite-large/up.svg create mode 100644 dist/img/icons/calcite-large/web-map-blue.svg create mode 100644 dist/img/icons/calcite-large/web-map.svg create mode 100644 dist/img/icons/calcite-large/web-mapping-application-gray.svg create mode 100644 dist/img/icons/calcite-large/web-mapping-application.svg create mode 100644 dist/img/icons/calcite-large/your-location.svg create mode 100644 dist/img/icons/calcite-large/zoom-out.svg create mode 100644 dist/img/icons/calcite/3d.svg create mode 100644 dist/img/icons/calcite/add-content.svg create mode 100644 dist/img/icons/calcite/add-to-legend.svg create mode 100644 dist/img/icons/calcite/analysis.svg create mode 100644 dist/img/icons/calcite/approved.svg create mode 100644 dist/img/icons/calcite/arrow-down.svg create mode 100644 dist/img/icons/calcite/basemap.svg create mode 100644 dist/img/icons/calcite/bookmark.svg create mode 100644 dist/img/icons/calcite/cancel.svg create mode 100644 dist/img/icons/calcite/close.svg create mode 100644 dist/img/icons/calcite/description.svg create mode 100644 dist/img/icons/calcite/details.svg create mode 100644 dist/img/icons/calcite/down.svg create mode 100644 dist/img/icons/calcite/edit.svg create mode 100644 dist/img/icons/calcite/features-hosted.svg create mode 100644 dist/img/icons/calcite/features.svg create mode 100644 dist/img/icons/calcite/file-gray.svg create mode 100644 dist/img/icons/calcite/file.svg create mode 100644 dist/img/icons/calcite/globe.svg create mode 100644 dist/img/icons/calcite/hide-in-legend.svg create mode 100644 dist/img/icons/calcite/imagery.svg create mode 100644 dist/img/icons/calcite/layer-download.svg create mode 100644 dist/img/icons/calcite/layer-export-to-file.svg create mode 100644 dist/img/icons/calcite/layer-export.svg create mode 100644 dist/img/icons/calcite/layer-zoom.svg create mode 100644 dist/img/icons/calcite/map-download.svg create mode 100644 dist/img/icons/calcite/map-image.svg create mode 100644 dist/img/icons/calcite/measure-distance.svg create mode 100644 dist/img/icons/calcite/measure-point.svg create mode 100644 dist/img/icons/calcite/measure.svg create mode 100644 dist/img/icons/calcite/print.svg create mode 100644 dist/img/icons/calcite/remove.svg create mode 100644 dist/img/icons/calcite/rename.svg create mode 100644 dist/img/icons/calcite/scale.svg create mode 100644 dist/img/icons/calcite/search.svg create mode 100644 dist/img/icons/calcite/tiles.svg create mode 100644 dist/img/icons/calcite/transparency.svg create mode 100644 dist/img/icons/calcite/up.svg create mode 100644 dist/img/icons/calcite/web-map-blue.svg create mode 100644 dist/img/icons/calcite/web-map.svg create mode 100644 dist/img/icons/calcite/web-mapping-application-gray.svg create mode 100644 dist/img/icons/calcite/web-mapping-application.svg create mode 100644 dist/img/icons/calcite/your-location.svg create mode 100644 dist/img/icons/calcite/zoom-out.svg create mode 100644 dist/img/icons/vecticons/announcement.svg create mode 100644 dist/img/icons/vecticons/auth.svg create mode 100644 dist/img/icons/vecticons/browser.svg create mode 100644 dist/img/icons/vecticons/checkmark.svg create mode 100644 dist/img/icons/vecticons/close.svg create mode 100644 dist/img/icons/vecticons/data.svg create mode 100644 dist/img/logo/esri-logo-reversed.svg create mode 100644 dist/img/logo/esri-logo.svg create mode 100644 dist/js/calcite-web.js create mode 100644 dist/js/calcite-web.min.js create mode 100644 dist/sass/calcite-web.scss create mode 100644 dist/sass/calcite-web/base/_colors.scss create mode 100644 dist/sass/calcite-web/base/_config.scss create mode 100644 dist/sass/calcite-web/base/_reset.scss create mode 100644 dist/sass/calcite-web/base/variables.scss create mode 100644 dist/sass/calcite-web/components/_alert.scss create mode 100644 dist/sass/calcite-web/components/_breadcrumbs.scss create mode 100644 dist/sass/calcite-web/components/_button.scss create mode 100644 dist/sass/calcite-web/components/_dropdown.scss create mode 100644 dist/sass/calcite-web/components/_esri-logo.scss create mode 100644 dist/sass/calcite-web/components/_form.scss create mode 100644 dist/sass/calcite-web/components/_loader.scss create mode 100644 dist/sass/calcite-web/components/_panel.scss create mode 100644 dist/sass/calcite-web/components/_search-bar.scss create mode 100644 dist/sass/calcite-web/components/_table.scss create mode 100644 dist/sass/calcite-web/components/_tooltip.scss create mode 100644 dist/sass/calcite-web/grid/_block-groups.scss create mode 100644 dist/sass/calcite-web/grid/_columns.scss create mode 100644 dist/sass/calcite-web/grid/_grid.scss create mode 100644 dist/sass/calcite-web/grid/_gutter-helpers.scss create mode 100644 dist/sass/calcite-web/grid/_gutter.scss create mode 100644 dist/sass/calcite-web/grid/_leader-trailer.scss create mode 100644 dist/sass/calcite-web/grid/_left-right.scss create mode 100644 dist/sass/calcite-web/grid/_mixins.scss create mode 100644 dist/sass/calcite-web/grid/_pre-post.scss create mode 100644 dist/sass/calcite-web/grid/_show-hide.scss create mode 100644 dist/sass/calcite-web/grid/_sticky.scss create mode 100644 dist/sass/calcite-web/icons/_config.scss create mode 100644 dist/sass/calcite-web/icons/_icons.scss create mode 100644 dist/sass/calcite-web/patterns/_accordion.scss create mode 100644 dist/sass/calcite-web/patterns/_carousel.scss create mode 100644 dist/sass/calcite-web/patterns/_drawers.scss create mode 100644 dist/sass/calcite-web/patterns/_expanding-nav.scss create mode 100644 dist/sass/calcite-web/patterns/_footer.scss create mode 100644 dist/sass/calcite-web/patterns/_modal.scss create mode 100644 dist/sass/calcite-web/patterns/_side-nav.scss create mode 100644 dist/sass/calcite-web/patterns/_sub-nav.scss create mode 100644 dist/sass/calcite-web/patterns/_super-nav.scss create mode 100644 dist/sass/calcite-web/patterns/_tabs.scss create mode 100644 dist/sass/calcite-web/patterns/_third-nav.scss create mode 100644 dist/sass/calcite-web/patterns/_toolbar.scss create mode 100644 dist/sass/calcite-web/patterns/_top-nav.scss create mode 100644 dist/sass/calcite-web/type/_config.scss create mode 100644 dist/sass/calcite-web/type/_faces.scss create mode 100644 dist/sass/calcite-web/type/_helpers.scss create mode 100644 dist/sass/calcite-web/type/_import.scss create mode 100644 dist/sass/calcite-web/type/_mixins.scss create mode 100644 dist/sass/calcite-web/type/_scale.scss create mode 100644 dist/sass/calcite-web/type/_styles.scss create mode 100644 dist/sass/calcite-web/type/_type.scss create mode 100644 dist/sass/calcite-web/type/_unicode.scss create mode 100644 dist/sass/calcite-web/utils/_animation.scss create mode 100644 dist/sass/calcite-web/utils/_appearance.scss create mode 100644 dist/sass/calcite-web/utils/_box-shadow.scss create mode 100644 dist/sass/calcite-web/utils/_box-sizing.scss create mode 100644 dist/sass/calcite-web/utils/_calc.scss create mode 100644 dist/sass/calcite-web/utils/_clearfix.scss create mode 100644 dist/sass/calcite-web/utils/_inline.scss create mode 100644 dist/sass/calcite-web/utils/_keyframes.scss create mode 100644 dist/sass/calcite-web/utils/_overflow.scss create mode 100644 dist/sass/calcite-web/utils/_prefixer.scss create mode 100644 dist/sass/calcite-web/utils/_responsive.scss create mode 100644 dist/sass/calcite-web/utils/_transform.scss create mode 100644 dist/sass/calcite-web/utils/_transition.scss create mode 100644 dist/sass/calcite-web/utils/_utils.scss create mode 100644 dist/sass/calcite-web/utils/_visibility.scss diff --git a/dist/content.json b/dist/content.json new file mode 100644 index 000000000..4ae529f5c --- /dev/null +++ b/dist/content.json @@ -0,0 +1,1883 @@ +{ + "elements": [ + { + "_id": "0e93f7c2-6302-4724-a15a-a32c2592be38", + "name": "Overview", + "slug": "get-started", + "tags": [ + "calcite-web", + "web", + "Overview", + "Get Started", + "Get Started", + "get-started" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Calcite Web

\\n\\n

Calcite Web is a CSS framework built with Sass. A dependency-free JavaScript library for use with interactive patterns like tabs and modals is also included.

\\n

Calcite Web is a web adaptation of Calcite, the desktop framework developed for ArcGIS Pro. The idea is to have designs be consistent, but also embrace the characteristics that make each medium unique.

\\n

Calcite Web was built for developers. It is meant to be flexible enough that you can accomplish 80% of your website with the default patterns. If you use Calcite Web as a Sass library, you'll also get a set of very helpful mixins to help you make new patterns and components that fit in with the Calcite methodology and aesthetic.

\\n

Using Calcite Web

\\n

There are two main ways to use Calcite Web:

\\n\\n

Using this framework as a Sass library will give you the most power, but whatever your flavor, we have you covered.

\\n\"" + }, + { + "_id": "b8750ed0-85a9-4640-9644-7afe84e708c1", + "name": "Static Files", + "slug": "static-files", + "tags": [ + "calcite-web", + "web", + "Static Files", + "Get Started", + "Get Started", + "get-started" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Static Files

\\n

This is probably the easiest way, but you won't get any of the helpful Sass mixins. If you're looking to get up and running quickly, just download the latest release and move the zipped files to wherever you keep your assets (CSS, JavaScript, images). Be sure to use the documentation site to copy and paste patterns, components, and even a sample html boilerplate.

\\n

A CDN is being planned for future releases, allowing you to reference Calcite Web static assets on a server.

\\n

When used statically, one very helpful thing to know is that Calcite Web comes bundled with several modifier classes. For example, if you need to add some margin to the top of an element, instead of writing a class and adding it yourself, you can use the built in leader-X class:

\\n
<div class="leader-3">\\n  This item will get three 'lines' of margin at the top.\\n</div>\\n
\\n

This will keep spacing consistent and you won't have to write any CSS! There are modifier classes for virtually everything: padding, margin, text-color, background-color, etc. Be sure to read the documentation to learn what is possible.

\\n\"" + }, + { + "_id": "28241474-c950-4ae3-84ec-374a5513804c", + "name": "Ruby Gem", + "slug": "ruby-gem", + "tags": [ + "calcite-web", + "web", + "Ruby Gem", + "Get Started", + "Get Started", + "get-started" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Ruby Gem

\\n

To install Calcite-Web as a ruby gem, reference the gem from your Gemfile:

\\n
gem "calcite-web", :git => "https://github.com/Esri/calcite-web.git", :tag => "current.tag.version"\\n

Be sure to use the replace current.tag.version with the most up to date tag.

\\n

This makes Calcite Web available as a Compass extension. To use Calcite Web, make sure you require the gem in your compass config file (usually found at config/compass.rb). an example config file might look like this:

\\n
require 'calcite-web'\\n\\ncss_dir = "stylesheets"\\nsass_dir = "sass"\\n
\\n

Then in your project's sass files, just import it:

\\n
@import "calcite-web";\\n

That will give you everything including Sass utilities. You will also need to copy over the JavaScript and image assets to your static folder (see above).

\\n

Calcite Web has a built in library of mixins that cover everything from animation to font-size. To be sure you're building your site in the easiest way (and the most visually consistent way) read up on everything that's available on the Sass Page.

\\n\"" + }, + { + "_id": "5ddecbb1-3f18-4603-9b67-5c927673fae1", + "name": "NPM", + "slug": "npm", + "tags": [ + "calcite-web", + "web", + "NPM", + "Get Started", + "Get Started", + "get-started" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

NPM

\\n

To install Calcite Web with npm, type:

\\n
npm install --save-dev git://github.com/Esri/calcite-web.git\\n
\\n

You can also use a specific release by appending the version number to the end:

\\n
npm install --save-dev git://github.com/Esri/calcite-web.git#v0.0.10\\n
\\n

Then, if you're using sass, be sure to add node_modules/calcite-web/dist/sass/ to your load path along with the list-files.rb script (used for automatically generating sass from a folder of icons. If you're using grunt-contrib-sass you add that like this:

\\n
'sass': {\\n  target: {\\n    options: {\\n      loadPath: 'node_modules/calcite-web/dist/sass/',\\n      require: './lib/list-files.rb'\\n    },\\n    files: {\\n      'path/to.css': 'path/to.scss'\\n    }\\n  }\\n}\\n
\\n

Then in your main .scss file, you can just require the framework: @import "calcite-web";. Everything mentioned about mixins above in the Ruby gem section applies to the Node module as well, so scroll up a bit and learn more about how Calcite Web functions as a Sass library;

\\n\"" + }, + { + "_id": "53a4132e-ce9f-4e10-bf10-366778372167", + "name": "Install", + "slug": "install", + "tags": [ + "calcite-web", + "web", + "Install", + "Contributing", + "Get Started", + "get-started" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Install

\\n

Installing Calcite Web was designed to be fairly painless. If you have any problems, be sure to submit an issue.

\\n

Install Dependencies

\\n

Calcite Web has three main dependencies. If you already have these on your computer, you can skip these steps:

\\n
    \\n
  1. Visit nodejs.org to install Node.
    2. \\n
  2. npm install -g grunt-cli to install Grunt.
    3. \\n
  3. gem install sass to install Sass.
    4. \\n
\\n

Fork the Repository

\\n

All the code for Calcite Web lives on GitHub. We use the fork and pull model to manage contribution.

\\n
    \\n
  1. Fork the repository so you have your own copy (your-username/calcite-web)
    2. \\n
  2. Clone the repo locally with git clone https://github.com/your-username/calcite-web.git
    3. \\n
  3. Move into the clone repo: cd calcite-web
    4. \\n
  4. Install project dependencies: npm install
    5. \\n
\\n

You should also add Esri/calcite-web as a remote at this point. We generally call this remote branch 'upstream':

\\n
git remote add upstream https://github.com/Esri/calcite-web.git\\n
\"" + }, + { + "_id": "99ea74b8-7a26-4dd2-8944-e82dcb1d39cb", + "name": "Development", + "slug": "development", + "tags": [ + "calcite-web", + "web", + "Development", + "Contributing", + "Get Started", + "get-started" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Development

\\n

To run a development environment, just type grunt. You should have a copy of the documentation site live at localhost:8888. As you develop features and fix bugs, be sure to write notes in CHANGELOG.md.

\\n

How We Use GitHub

\\n

All the code for Calcite Web lives on GitHub. We use the fork and pull model to manage contribution. To contribute, you should:

\\n
    \\n
  1. Commit your changes.
    2. \\n
  2. Note your changes in CHANGELOG.md
    3. \\n
  3. Make sure your copy is up to date: git pull upstream master
    4. \\n
  4. Push your changes to your fork: /your-username/calcite-web
    5. \\n
  5. Open a pull-request from your fork (/your-username/calcite-web) to the 'upstream' fork (/Esri/calcite-web).
    6. \\n
\\n\"" + }, + { + "_id": "d1002cfd-11e1-4720-b05d-60b1f057c818", + "name": "Versioning", + "slug": "versioning", + "tags": [ + "calcite-web", + "web", + "Versioning", + "Contributing", + "Get Started", + "get-started" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Versioning

\\n

Calcite Web uses SemVer (Semantic Versioning) for its releases. This means that version numbers are basically formatted like MAJOR.MINOR.PATCH. If you're well acquainted with SemVer you should skip to releasing a new version below.

\\n

Major

\\n

Breaking changes are signified with a new first number. For example, moving from 1.0.0 to 2.0.0 implies breaking changes.

\\n

Minor

\\n

New components, new helper classes, or substantial visual changes to existing components and patterns are minor releases. These are signified by the second number changing. So from 1.1.2 to 1.2.0 there are minor changes.

\\n

Patches

\\n

The final number signifies patches such as fixing a pattern or component in a certain browser, or fixing an existing bug. Small changes to the documentation site and the tooling around the Calcite Web library are also considered patches.

\\n

Releasing a New Version

\\n
    \\n
  1. Change the version number in package.json to the desired version number.
    2. \\n
  2. Write a description of the changes, additions, and bug fixes in CHANGELOG.md.
    3. \\n
  3. Make sure Esri/calcite-web is up-to-date with your changes.
    4. \\n
  4. Run grunt release and enter your GitHub username and password.
    5. \\n
\\n\"" + }, + { + "_id": "323de7b8-663b-4ee2-8ff8-b8068171d9a0", + "name": "Deploying the Documentation", + "slug": "deploy-the-documentation", + "tags": [ + "calcite-web", + "web", + "Deploying the Documentation", + "Contributing", + "Get Started", + "get-started" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Deploy the Documentation

\\n

To update the documentation site, just make sure you have push access to the Esri/calcite-web repository and type grunt deploy. This will build the site and deploy to gh-pages.

\\n

The site should be updated at http://esri.github.io/calcite-web/ in just a few moments.

\\n\"" + }, + { + "_id": "0c1050c6-27df-4a9f-b7a3-bea7b0b0954b", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Typefaces", + "Type", + "type" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Type

\\n\\n

The Calcite Type System uses a combination of mixins and helper classes to achieve a clear visual style, focusing primarily on simplifying typesetting processes. Using the mixins and classes properly will ensure that all properties are consistent, beautiful, and robust.

\\n

Typefaces

\\n

We expose four sets of type families for use in Calcite Web; a Header Family, a Body Family, a Secondary Family, and a Code Family. Each of these type families have a set of weights and styles, defined by their application. For example, the Header Family has more weights than the Body family, reflecting its role as primary UI face, and heavy lifting header face.

\\n

The typographic pallete for Calcite Web differs slightly from the official Esri branding document. All typefaces are examined in detail below.

\\n

Calcite Web provides a set of weights for each typeface. These are used by either using the helper class in html, or writing sass to include the mixin, or extending the helper class. The available weights for each face are below. Proper care has been taken to ensure that all type systems used by Calcite avoid faux-bold and faux-italics styled by the browser.

\\n

Vertical Rhythym

\\n

Vertical rhythym is maintained in the Calcite Web Type System by the use of the $baseline variable. $baseline sets a standard and regular leading in relation to the body copy – 1.5rem. This variable is used for any measurement on the vertical axis in the page, including the leader and trailer grid helper classes and padding for components like buttons which use standard measurements like 3/$baseline and 2/$baseline.

\\n

Proportional Scales

\\n

Text sizes are defined by a simple modular scale. The scale is defined by two base sizes for type - body at 1rem and small at 0.75rem - and extrapolates a series of larger type sizes based on a single ratio; 1.25, or a major third interval. All type sizes are set in rems, which have more than acceptable browser support. Rems are used for type sizing and all vertical measurements, defined either by the $baseline variable or the modular scale and font size mixins. This prevents odd sizing issues with nested content, unpredictable results with scaling, and provides a solid anchor for determining sizes.

\\n\"" + }, + { + "_id": "6918aafb-dbc4-4508-b73a-01cc4711af1d", + "name": "Header Face", + "slug": "avenir-regular", + "tags": [ + "calcite-web", + "web", + "Header Face", + "Typefaces", + "Type", + "type" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Header Face

\\n

Avenir Next is a recut of the classic Avenir typeface, by Adrian Frutiger and Akira Kobayashi. It has been reworked for use on the web, and contains more weights, styles, and other improvements. Avenir Next improves on Avenir in web-specific settings.

\\n

Applies the the header face, along with a set of smart weight interactions and typographic defaults, to an element.

\\n

Avenir Next

\\n

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

\\n

Amazingly few discotheques provide jukeboxes.

\\n\\n

Amazingly few discotheques provide jukeboxes.

\\n

Amazingly few discotheques provide jukeboxes.

\\n

Amazingly few discotheques provide jukeboxes.

\\n

Amazingly few discotheques provide jukeboxes.

\\n

Amazingly few discotheques provide jukeboxes.

\\n
Amazingly few discotheques provide jukeboxes.
\\n\\n\"", + "modifiers": [ + "avenir-light", + "avenir-light-italic", + "avenir-regular", + "avenir-italic", + "avenir-demi", + "avenir-demi-italic", + "avenir-bold-italic" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "d8652d8a-f86e-4aae-be91-a0e496ca96fc", + "name": "Body Face", + "slug": "body-face", + "tags": [ + "calcite-web", + "web", + "Body Face", + "Typefaces", + "Type", + "type" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Content Face

\\n

While there is no official Esri brand typeface for long form applications, Calcite Web employs Frutiger for this purpose. Frutiger evokes some of the stronger qualities of our default typefaces - Lucida Grande and Segoe UI - while presenting a consistent voice across platforms. Frutiger pairs remarkably well with Avenir, as they are both designed by Adrian Frutiger, with strong influences from Univers.

\\n

Frutiger

\\n

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

\\n

Amazingly few discotheques provide jukeboxes.

\"", + "modifiers": [ + "body-face", + "body-italic", + "body-bold" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "5c57b63b-f9af-450a-8f0c-b877ef2ee8bf", + "name": "Secondary Face", + "slug": "secondary-face", + "tags": [ + "calcite-web", + "web", + "Secondary Face", + "Typefaces", + "Type", + "type" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Secondary Face

\\n

Kepler, designer by Robert Slimbach, is used as a Serif alternative to the sans-serif body face.

\\n

Kepler

\\n

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

\\n

Amazingly few discotheques provide jukeboxes.

\"", + "modifiers": [ + "secondary-face", + "secondary-italic", + "secondary-bold", + "secondary-bold-italic" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "0e6fb89b-ec62-49c1-a076-61d15693c4c8", + "name": "Code Face", + "slug": "code-face", + "tags": [ + "calcite-web", + "web", + "Code Face", + "Typefaces", + "Type", + "type" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Code Face

\\n

Designed by Microsoft's Lucas DeGroot, Consolas is a clean, readable, and simple monospace face for documenting code blocks.

\\n

Consolas

\\n

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

\\n

Amazingly few discotheques provide jukeboxes.

\\n\"", + "modifiers": [ + "code-face" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "76ae62a6-f8cb-4e60-92de-5c1d7013a985", + "name": "Overview", + "slug": "composition-helpers", + "tags": [ + "calcite-web", + "web", + "Overview", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 7, + "LastModified": 1428453612602, + "description": "\"

Composition Helpers

\\n

Calcite Web provides a set of html class helpers for basic type composition. The goal of these helpers is to provide a set of tools that allows for typographic treatments that differ from the default style set without writing additional css.

\\n\"" + }, + { + "_id": "fca01d0c-a767-45e7-b7c1-c76df4dbf235", + "name": "Text modifiers", + "slug": "text-modifiers", + "tags": [ + "calcite-web", + "web", + "Text modifiers", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Text Modifiers

\\n

Build in classes that allow for quick customization and composition for a wide range of use cases.

\\n\"", + "modifiers": [ + "text-light", + "text-ellipsis", + "text-rule", + "text-inline", + "text-center", + "text-left", + "text-right" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "fca01d0c-a767-45e7-b7c1-c76df4dbf235", + "name": "Sizes", + "slug": "text-size", + "tags": [ + "calcite-web", + "web", + "Sizes", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Text Size

\\n

Helpers classes apply the font-size($n) mixin to an element. This allows for quick resizing of text elements up and down the modular type size scale.

\\n\"", + "modifiers": [ + "font-size--3", + "font-size--2", + "font-size--1", + "font-size-0", + "font-size-1", + "font-size-2", + "font-size-3", + "font-size-4", + "font-size-5", + "font-size-6", + "font-size-7", + "font-size-8" + ], + "sample_code": "\"

Grumpy wizards make toxic brew for the evil Queen and Jack.

\"" + }, + { + "_id": "f2002b89-6a32-40de-aee8-dac683459c18", + "name": "Color", + "slug": "text-color", + "tags": [ + "calcite-web", + "web", + "Color", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Text Color

\\n

Sets the font color of the element to any of the Calcite colors available.

\\n\"", + "modifiers": [ + "text-red", + "text-green", + "text-blue", + "text-purple", + "text-orange", + "text-brown", + "text-white", + "text-light-gray", + "text-gray", + "text-dark-gray", + "text-darker-gray", + "text-darkest-gray", + "text-off-black" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "491ab42e-ce0a-4f62-a174-932a96d3374e", + "name": "Link Color", + "slug": "link-color", + "tags": [ + "calcite-web", + "web", + "Link Color", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"\\n

Sets the color of links within the element, or the link itself, to available Calcite colors.

\\n\"", + "modifiers": [ + "link-red", + "link-green", + "link-blue", + "link-purple", + "link-orange", + "link-brown", + "link-white", + "link-light-gray", + "link-gray", + "link-dark-gray", + "link-darker-gray", + "link-darkest-gray", + "link-off-black" + ], + "sample_code": "\"

Amazingly few discotheques provide jukeboxes.

\"" + }, + { + "_id": "09911685-b661-48e0-be49-3dac2159ab58", + "name": "Bulleted List", + "slug": "list-bulleted", + "tags": [ + "calcite-web", + "web", + "Bulleted List", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

List Bulleted

\\n

Adds the Calcite styles for bulleted lists to an unordered list.

\\n\"", + "modifiers": [ + "list-bulleted" + ], + "sample_code": "\"\"" + }, + { + "_id": "c6aa58c9-3654-4e58-9eca-2eeb6765ac87", + "name": "Numbered List", + "slug": "list-numbered", + "tags": [ + "calcite-web", + "web", + "Numbered List", + "Composition Helpers", + "Type", + "type" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

List Numbered

\\n

Adds the Calcite styles for large numbered lists to an ordered list. Useful for listing steps in a process.

\\n\"", + "modifiers": [ + "list-numbered" + ], + "sample_code": "\"
    \\n
  1. Amazing
    2. \\n
  2. discotheques
    3. \\n
  3. \\n

    jukeboxes

    \\n
      \\n
    1. Amazing
      2. \\n
    2. discotheques
      3. \\n
    3. jukeboxes
      4. \\n
    \\n
    4. \\n
\"" + }, + { + "_id": "c77ab0ff-109f-4324-bdb5-19b2649dcea4", + "name": "Overview", + "slug": "type-defaults", + "tags": [ + "calcite-web", + "web", + "Overview", + "Defaults", + "Type", + "type" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Type Defaults

\\n

All default text elements are styled to facilitate smooth reading, simple flow, and appropriate proportions. This is a default paragraph. This is a default link. Below is a sample of default type elements.

\\n

Header One

\\n

Header Two

\\n

Header Three

\\n

Header Four

\\n
Header Five
\\n
Header Six
\\n
    \\n
  1. List One
    2. \\n
  2. List Two
    3. \\n
  3. List Three
    4. \\n
\\n\\n
\\n

Lorem Ipsum Blockquote

\\n
\\n

Lorem ipsum paragraph with strong, bold text and emphasis, italic text.

\\n\"" + }, + { + "_id": "3289a3b7-40c1-4f8a-a091-24f85e8ac50e", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Grid", + "Grid", + "grid" + ], + "sort_order": 9, + "LastModified": 1428453612602, + "description": "\"

Grid

\\n\\n

The Calcite Grid System includes a full, responsive, and configurable grid with columns, a container, and a 'Block Group' grid. The main grid is different from standard css grid systems in two key ways:

\\n
    \\n
  1. Column widths are defined by the viewport size rather than percentage of their containers.
    2. \\n
  2. Built-in smart defaults for responsive sizing puts less columns across the screen at smaller sizes, rather than smaller columns.
    3. \\n
\\n

These two principles mean that a column becomes a standard unit of measurement, creating a constant and abstracted grid system that stands behind the content of a page rather than within it.

\\n

The Grid

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
Max WidthBreakpointNo. Columns
1280pxDesktop24
860pxTablet12
480pxPhone6
\\n\"" + }, + { + "_id": "e250b7ce-88d4-49c4-921f-0250963f246b", + "name": "Configuration", + "slug": "configuration", + "tags": [ + "calcite-web", + "web", + "Configuration", + "Grid", + "Grid", + "grid" + ], + "sort_order": 8, + "LastModified": 1428453612602, + "description": "\"

Configuration

\\n

If you are using Calcite Web as a Sass library, you can customize the grid with Sass variables. Below are the different settings you have access to and their default values:

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
VariableDefaultDescription
$small480pxSmallest (phone) breakpoint size in pixels
$medium860pxMedium (tablet) breakpoint size in pixels
$large1280pxLargest (desktop) breakdpoint size in pixels
$vw-ratio0.9Amount of screen used by grid (0 - 1)
$container-min0Smallest size of container
$container-max$large * $vw-ratioMaximum size of the container
$column-gutter1remSpace between columns
$ie8-supportfalseWhether you'd like to support Internet Explorer 8
$column-gutter-fallback20pxFallback for space between columns for IE8
$container-width-fallback960pxFixed container size
$large-classcolumnPrefix word desktop size columns
$large-column-count24How many columns to use on the desktop breakpoint
$medium-classtabletPrefix word for tablet breakpoint
$medium-column-count12How many columns to use on tablet breakpoint
$small-classphonePrefix word for phone breakpoint
$small-column-count6How many columns to use for phone breakpoint
$vertical-range6How many leader and trailer classes to generate
\\n

You can override these values to create a custom, project-specific grid in your own project. For example, to use a 16 column grid instead of the default 24 columns, you would set the $large-column-count variable after importing the library:

\\n
@import calcite-web;\\n$large-column-count: 16;\\n
\"" + }, + { + "_id": "4f3afff4-4307-49d9-89f5-d72e74428f74", + "name": "Container", + "slug": "container", + "tags": [ + "calcite-web", + "web", + "Container", + "Grid", + "Grid", + "grid" + ], + "sort_order": 7, + "LastModified": 1428453612602, + "description": "\"

Container

\\n

The .grid-container class is required to contain the grid. Using the column classes without them being nested in a containing div will cause unexpected results.

\\n

The container class applies a max width to the content it contains and handles the column relationship with the viewport window, preventing collisions with scroll bars or other exciting bugs.

\\n
<div class="grid-container">\\n    <div class="column-24">\\n        <blockquote>Contain the Columns</blockquote>\\n    </div>\\n</div>\\n
\\n\"" + }, + { + "_id": "59bb117c-3d4a-4118-be8f-ce4f6c82f6c1", + "name": "Columns", + "slug": "columns", + "tags": [ + "calcite-web", + "web", + "Columns", + "Grid", + "Grid", + "grid" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Columns

\\n

A column is a constant unit of measurement. The width of a column is dynamic, but always between a fixed range. Columns will never get too large or too small. As the viewport gets smaller the Calcite Grid System will simply put less columns on the page.

\\n

By default, large screens hold 24 columns, medium tablet-sized screens hold 12, and phone-sized screens hold 6. The grid will fold columns at these breakpoints. That means an element that is 3 columns wide will always be 3 columns wide, no matter how big or small the screen.

\\n

On large screens, 3 columns out of 24 is proportionally a small peice of screen real estate. On Phones, the Grid will leave the element at 3 columns wide -- proportionally more real estate, as 3/6 columns is more significant than 3/24.

\\n

View the example

\\n\"" + }, + { + "_id": "2b507129-e407-4e1d-b391-4f34f004c7b2", + "name": "Responsive Columns", + "slug": "responsive-columns", + "tags": [ + "calcite-web", + "web", + "Responsive Columns", + "Grid", + "Grid", + "grid" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Responsive Columns

\\n

The width of elements can be explicitly defined for breakpoints where columns would normally fold by default. This can be done with the phone-column-n and tablet-column-n classes. For example, .column-12 would default to the full 12/12 column width at a tablet size. Adding to the same element .tablet-column-6 would prevent the default behavior, and at a tablet viewport, the element would be 6/12 columns.

\\n

View the example

\\n\"" + }, + { + "_id": "213d4570-e92a-4cb0-ac03-f0b756e28cd0", + "name": "Nested Columns", + "slug": "nested-columns", + "tags": [ + "calcite-web", + "web", + "Nested Columns", + "Grid", + "Grid", + "grid" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Nested Columns

\\n

Contrary to other flexible-width grid systems, Calcite Grid columns do not change behavior when nested. Because a column is a constant measurement relative to the size of the viewport, nested columns still span the same width as their non-nested counterparts. An element with .column-6 nested within an element with .column-12 is the same size as an un-nested .column-6. Further, clearing of the column-gutter is automatically done for you with :first-child and :last-child psuedo-selectors on all column classes.

\\n

Column-folding behavior is almost entirely automatic. The only exception is gutter clearing behaviors on deeply nested items after column folding occurs - in some situations we can not know what columns are now first or last in their rows. This will cause the column to be inset from the edge of the container. The example below solves this by introducing first-column classes, along with tablet-first-column and phone-first-column.

\\n

There are four levels of nesting in this example, the more transparent the blue, the deeper the column is nested.

\\n

View the example

\\n\"" + }, + { + "_id": "b85a062f-c886-484a-99f9-10c8a7abb35d", + "name": "Rows", + "slug": "rows", + "tags": [ + "calcite-web", + "web", + "Rows", + "Grid", + "Grid", + "grid" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Rows

\\n

Because columns can now be nested without changing their behavior, we don't need rows, really. However, you still may find that a tall, narrow column with a short wide neighbor can cause float issues with subsequent columns.

\\n

With this grid you can wrap the first two columns in a 24 column grid, which will act in the same manner as a row.

\\n

View the example

\\n\"" + }, + { + "_id": "0a02534e-1f3d-4366-8431-d8d5b0bd159f", + "name": "Block Groups", + "slug": "block-groups", + "tags": [ + "calcite-web", + "web", + "Block Groups", + "Grid", + "Grid", + "grid" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Block Groups

\\n

Block groups are designed for quickly creating gridded content, such as a tile pattern or image gallery. Block groups are percentage based, so they can subdivide columns. Block groups have the ability to break the regular grid system, and thus should be used sparingly and with thought.

\\n

View the example

\\n\"" + }, + { + "_id": "fde4e890-c67e-485f-b194-69673542d237", + "name": "Responsive Block Groups", + "slug": "responsive-block-groups", + "tags": [ + "calcite-web", + "web", + "Responsive Block Groups", + "Grid", + "Grid", + "grid" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Responsive Block Groups

\\n

Block groups have responsive tablet- and phone- prefix classes. These allow the flow of content across repeating rows of content to be easily tweaked across viewport widths in scenarios where the default column resizing or responsive column classes would be too verbose or cumbersome.

\\n
<div class="block-group block-group-4-up tablet-block-group-2-up phone-block-group-1-up">\\n
\\n

View the example

\\n\"" + }, + { + "_id": "a33b3232-7401-4bcd-8b6f-82e8d797ae2a", + "name": "Pre & Post", + "slug": "pre-and-post", + "tags": [ + "calcite-web", + "web", + "Pre & Post", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 7, + "LastModified": 1428453612602, + "description": "\"

Pre and Post

\\n

Pre and Post classes are used to move your columns laterally across the grid by defining how many columns they should be from their neighbors on either side.

\\n

Pre and Post classes do not responsively fold. This prevents a pre-5 from pushing content off the edge of the screen on phone sizes. Responsive tablet- and phone- classes are exposed for defining pre and post behavior on breakpoints.

\\n

Pre and post helpers are available from .pre-1 and .post-1 to .pre-24 and .post-24.

\\n

View the example

\\n\"" + }, + { + "_id": "9579cd13-2f03-4457-98a6-661085e1fdf7", + "name": "Leader & Trailer", + "slug": "leader-and-trailer", + "tags": [ + "calcite-web", + "web", + "Leader & Trailer", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Leader and Trailer

\\n

The leader and trailer classes are designed for quick vertical adjustments with markup. The standard leader-n and trailer-n classes add top and bottom margin to the element, as multiples of the $baseline variable, or 1.5rem.

\\n

The padding- prefix adds lines of padding instead of margin, and both classes can be used in conjunction.

\\n

Calcite Web provides a $vertical-range variable that sets the maximum value of n for the leader-n and trailer-n classes at 6.

\\n

Leader and trailer classes also have additional responsive tablet- and phone- prefix classes. These allow you to add different amounts of space above and below an element at different screen sizes.

\\n

For example, if you wanted an element to have 3 lines of margin above it on desktop, but that was too much on a phone, you could use responsive classes to specify that:

\\n
<div class="leader-3 phone-leader-1"></div>\\n

These also apply to padding-leader and padding-trailer

\\n\"", + "modifiers": [ + "leader-0", + "leader-1", + "leader-2", + "leader-3", + "leader-4", + "leader-5", + "leader-6", + "trailer-0", + "trailer-1", + "trailer-2", + "trailer-3", + "trailer-4", + "trailer-5", + "trailer-6", + "padding-leader-0", + "padding-leader-1", + "padding-leader-2", + "padding-leader-3", + "padding-leader-4", + "padding-leader-5", + "padding-leader-6", + "padding-trailer-0", + "padding-trailer-1", + "padding-trailer-2", + "padding-trailer-3", + "padding-trailer-4", + "padding-trailer-5", + "padding-trailer-6" + ], + "sample_code": "\"
{{modifier}}
\"" + }, + { + "_id": "66fcd5d4-445d-44c8-aae9-7eb85e6d27c7", + "name": "Gutter", + "slug": "gutter", + "tags": [ + "calcite-web", + "web", + "Gutter", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Gutter

\\n\"", + "modifiers": [ + "gutter-left-0", + "gutter-right-0", + "gutter-left-quarter", + "gutter-right-quarter", + "gutter-left-third", + "gutter-right-third", + "gutter-left-half", + "gutter-right-half", + "gutter-left-1", + "gutter-right-1", + "gutter-left-2", + "gutter-right-2", + "gutter-left-3", + "gutter-right-3", + "gutter-left-4", + "gutter-right-4" + ], + "sample_code": "\"
{{modifier}}
\"" + }, + { + "_id": "655ca374-bd47-4fe4-9a4d-e3c259c57458", + "name": "First & Last", + "slug": "first-and-last", + "tags": [ + "calcite-web", + "web", + "First & Last", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

First and Last

\\n

The first and last classes are used for\\naligning grid columns when the Grid System is unable to determine which columns are first or last in their rows. This will cause the column to be inset from the edge of the container. The example below solves this by introducing first-column and last-column classes, along with tablet-first-column, phone-first-column, tablet-last-column, and phone-last-column.

\\n\"" + }, + { + "_id": "6eff5153-abea-42e1-9cb2-000b1409e638", + "name": "Show & Hide", + "slug": "show-and-hide", + "tags": [ + "calcite-web", + "web", + "Show & Hide", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Show and Hide

\\n

These convenience classes are meant to help with quick responsive layout. Below are the classes and what breakpoints they are visible on:

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
Helper ClassVisible on PhoneVisible on TabletVisible on Desktop
phone-hidenoyesyes
tablet-hidenonoyes
phone-showyesnono
tablet-showyesyesno
tablet-onlynoyesno
\\n

Show Helpers

\\n

Essentially, the show classes will show that breakpoint and the breakpoint below it. So if you'd like something to be visible only on a phone, you would use phone-show. If you used tablet-show, the element would be visible on tablet and phone.

\\n

Hide Helpers

\\n

Hide helpers are very similar to show helpers. A responsive hide class will hide that breakpoint and the breakpoint below it. So if you wanted something to be visible on only desktop, you could use tablet-hide, hiding the element on tablet and phone. Or if you wanted something to be hidden only on a phone, phone-hide would hide it on the phone only.

\\n\"" + }, + { + "_id": "48beff7a-ef70-4fb7-ac96-af8436dcb243", + "name": "Left & Right", + "slug": "left-and-right", + "tags": [ + "calcite-web", + "web", + "Left & Right", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Left and Right

\\n

Use a class of right on html elements to float elements to the right. Use a class of left on html elements to float elements to the left.

\\n

Left and right classes also have additional responsive tablet- and phone- prefix classes. These allow you to float an element right on a large screen, but float it left when the screen is smaller.

\\n

For example, if you wanted an element to float right on desktop, but left on a phone, you could use responsive right and left classes to specify that:

\\n
<div class="right phone-left"></div>\\n
\"" + }, + { + "_id": "52a300e2-4415-444c-9ffb-1326637e88dc", + "name": "Inline", + "slug": "inline", + "tags": [ + "calcite-web", + "web", + "Inline", + "Grid Helpers", + "Grid", + "grid" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Inline

\\n

Adds display: inline-block to an element.

\\n\"" + }, + { + "_id": "1a74846a-39ee-437b-bce2-c4c2535e7276", + "name": "Overview", + "slug": "interactive-layout-helpers", + "tags": [ + "calcite-web", + "web", + "Overview", + "Interactive Layout Helpers", + "Grid", + "grid" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Interactive Layout Helpers

\\n

JavaScript dependent helper classes that surface simple class-based hooks for common interactive layout patterns.

\\n\"" + }, + { + "_id": "10a12805-c75a-4b38-bea6-287759d8f868", + "name": "Scroll Show & Hide", + "slug": "scroll-show-and-hide", + "tags": [ + "calcite-web", + "web", + "Scroll Show & Hide", + "Interactive Layout Helpers", + "Grid", + "grid" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Scroll Show and Hide

\\n

Some layouts call for elements to appear or disappear as the user scrolls down the page. An element with the scroll-show class will appear when it reaches a point specified by the data-top=x attribute, appearing when it comes within the given value of the top of the screen.

\\n\"" + }, + { + "_id": "35f1c06e-c344-4d83-8b68-8c0828d6ab37", + "name": "Scroll Sticky", + "slug": "scroll-sticky", + "tags": [ + "calcite-web", + "web", + "Scroll Sticky", + "Interactive Layout Helpers", + "Grid", + "grid" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Scroll Sticky

\\n

Elements that become position fixed as they reach a certain position in the viewport are refered to as 'sticky'. The js-sticky class takes an data-top=x attribute that defines the point from the top of the window the sticky element will stick.

\\n\"" + }, + { + "_id": "7234c859-df11-4fed-80ca-c4626fbe89bc", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Icon Sets", + "Icons", + "icons" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Icons

\\n\\n

Icons in Calcite Web come in two different flavors: one color and multi-color. The one color (or monochromatic) icon set is delivered as an icon font. The multi-color icons are delivered as a set of SVG icons with corresponsponding icon classes.

\\n

Both sets can be called in the same way from your html. to display a download icon. For example:

\\n
<span class="icon-download"></span>\\n
\\n\"" + }, + { + "_id": "498a8593-caea-4ea3-8d50-1b60f923ff5b", + "name": "Icon Font", + "slug": "font", + "tags": [ + "calcite-web", + "web", + "Icon Font", + "Icon Sets", + "Icons", + "icons" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Icon Font

\\n

The monochromatic icon set is delivered as an icon font. Icon fonts have several advantages such as the ability to quickly change their color, and the fact that icon fonts size themselves to be proportional to the text you place them with.

\\n

Monochromatic icons are generally 'interface' icons, and are named after the action you'd like to illustrate, instead of the noun the icon represents. For example, the delete icon has a class of icon-delete (the action) and not icon-trash (the noun). The reason for this is that if we decide another icon describes the action or idea better than the current one, we can change it without breaking existing code.

\\n\"" + }, + { + "_id": "6587644f-5306-43b7-b736-b02d0605516c", + "name": "Color Icons", + "slug": "color", + "tags": [ + "calcite-web", + "web", + "Color Icons", + "Icon Sets", + "Icons", + "icons" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Color Icons

\\n

Color icons can't be delivered as an icon font, so they are delivered as basic SVG files. These icons generally describe specific tools, and are largely based on the official Calcite icon set used in Desktop.

\\n

You cannot change the colors of these icons, but you can change the size. Full color icons are designed at specific sizes. You can use these sizes with size modifier classes. When you use icon-small you will automatically use the icon design that is specified for the smaller size. Often times the smaller icons are reduced visually with less detail so as to remain legible.

\\n\"" + }, + { + "_id": "f3abfe1e-d55b-4fc0-9bbf-4a0f759d44de", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Components", + "Components", + "components" + ], + "sort_order": 10, + "LastModified": 1428453612602, + "description": "\"

Components

\\n\\n

Components are reusable blocks that can be used across any part of a Calcite site. They can be used within patterns or on their own.

\\n\"" + }, + { + "_id": "c69d9df6-f58c-4d5b-9b72-688e9c67ca64", + "name": "Buttons", + "slug": "buttons", + "tags": [ + "calcite-web", + "web", + "Buttons", + "Components", + "Components", + "components" + ], + "sort_order": 9, + "LastModified": 1428453612602, + "description": "\"

Buttons

\\n

Buttons are created by adding a class of btn to either a <button> or <a> element. btn-{color} classes can be mixed with btn-{style} classes.

\\n
<a href="#" class="btn"> Button </a>\\n<button class="btn">  Button </button>\\n<button class="btn btn-red btn-arrow">  Red Button with Arrow </button>\\n
\\n\"", + "modifiers": [ + "btn-arrow", + "btn-transparent", + "btn-clear", + "btn-clear-white", + "btn-small", + "btn-large", + "btn-fill", + "btn-disabled", + "btn-red", + "btn-green", + "btn-blue", + "btn-orange" + ], + "sample_code": "\"\"" + }, + { + "_id": "d6b176ee-cc95-45f8-8db9-a3f557bac4d9", + "name": "Button Groups", + "slug": "button-groups", + "tags": [ + "calcite-web", + "web", + "Button Groups", + "Components", + "Components", + "components" + ], + "sort_order": 8, + "LastModified": 1428453612602, + "description": "\"

Button Groups

\\n

Button groups are ... groups of buttons. The button group allows for sets of buttons to be directly adjacent to each other without borders or margins interfering.

\\n\"", + "modifiers": true, + "sample_code": "\"\"" + }, + { + "_id": "2fabab1c-0017-42d1-b4f5-52421ae630ed", + "name": "Dropdowns", + "slug": "dropdowns", + "tags": [ + "calcite-web", + "web", + "Dropdowns", + "Components", + "Components", + "components" + ], + "sort_order": 7, + "LastModified": 1428453612602, + "description": "\"

Dropdowns

\\n
\\n

Dropdowns rely on the calcite-web.js JavaScript library for their functionality. See the JavaScript Documentation for more information.

\\n
\\n

Dropdowns are good for showing multiple options under a single call to action. For example, if you had a download button, and you needed the user to choose a format for the download, you could put several choices in a dropdown.

\\n

Dropdowns differ from select elements in that they don't have a default state or a 'current' state. Instead, they offer a jumping off point for a series of related actions.

\\n\"", + "modifiers": [ + "dropdown-right" + ], + "sample_code": "\"
\\n \\n Dropdown Select\\n \\n \\n
\"" + }, + { + "_id": "136f44d9-7e03-4869-9a5d-6177a9831a5b", + "name": "Loader", + "slug": "loader", + "tags": [ + "calcite-web", + "web", + "Loader", + "Components", + "Components", + "components" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Loader

\\n

The loader element is a placeholder while content is being retreived or rendered. By default, the loader is set to display: none; and requires an is-active class to display.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n
\\n
Loading
\\n
\"" + }, + { + "_id": "9a6b6e52-3860-4fbc-8917-fb02636c8ed9", + "name": "Alerts", + "slug": "alerts", + "tags": [ + "calcite-web", + "web", + "Alerts", + "Components", + "Components", + "components" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Alerts

\\n

Alerts are used to inform users of state changes, errors, or successful actions. Alerts are only visible if they have the is-active class. Without as is-active class, the alert will be set to display: none;

\\n

Calcite does not manage alert classes be default - you will have to write your own JavaScript handlers for this.

\\n\"", + "modifiers": [ + "alert-red", + "alert-green" + ], + "sample_code": "\"
\\n Something Happened!\\n close\\n
\"" + }, + { + "_id": "6c29e0a4-4e14-4c98-9edf-1d348ce6f553", + "name": "Panels", + "slug": "panels", + "tags": [ + "calcite-web", + "web", + "Panels", + "Components", + "Components", + "components" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Panels

\\n

Panels are useful to draw attention or contain certain text on a page. They are simple containers, which can be used to help guide users through the visual hierarchy of your design. Adding borders and padding to any of the panels shown below allows for framing content as a call-out.

\\n\"", + "modifiers": [ + "panel-padded", + "panel-bordered", + "panel-white", + "panel-off-white", + "panel-dark", + "panel-dark-blue", + "panel-blue", + "panel-light-blue" + ], + "sample_code": "\"
\\n

This is a panel.

\\n

Panels set background color and frame content.

\\n
\\n\\n\"" + }, + { + "_id": "f6281457-56ae-4edd-bd23-149531e9a731", + "name": "Breadcrumbs", + "slug": "breadcrumbs", + "tags": [ + "calcite-web", + "web", + "Breadcrumbs", + "Components", + "Components", + "components" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Breadcrumbs

\\n

Breadcrumbs are a set of links or spans inside of a <nav> element. The crumb class will take care of spacing, alignment, and icons. Normal text and link helpers can be applied to breadcrumbs to allow for a range of contexts.

\\n\"", + "modifiers": true, + "sample_code": "\"\"" + }, + { + "_id": "19e8dbb4-f877-40ec-9344-8655c4e261b6", + "name": "Tooltips", + "slug": "tooltips", + "tags": [ + "calcite-web", + "web", + "Tooltips", + "Components", + "Components", + "components" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Tooltips

\\n

Tooltips use a data-message attribute to provide contextual help on hover. Tooltips can apply to any element.

\\n\"", + "modifiers": [ + "tooltip-left", + "tooltip-right" + ], + "sample_code": "\"
\\n ?\\n
\"" + }, + { + "_id": "21d0b59b-bb08-4aac-a486-880891246ba2", + "name": "Tables", + "slug": "tables", + "tags": [ + "calcite-web", + "web", + "Tables", + "Components", + "Components", + "components" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Tables

\\n

Tables have been styled by default. No extra classes are required, although there are some modifer classes available for specific flavors.

\\n

By default, a large table breaking your layout will horizontally scroll when it is too large for the layout. You can solve this problem by wrapping a table in a <div> with the .overflow-auto helper class:

\\n
<div class="overflow-auto">\\n  <table>...</table>\\n</div>\\n

Tables that are too wide for the layout will be constrained and scroll horizontally.

\\n\"", + "modifiers": [ + "table-blue", + "table-striped", + "table-plain", + "table-striped table-blue" + ], + "sample_code": "\"\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
Thing 1Thing 2Thing 3
abc
xyz
\\n\"" + }, + { + "_id": "8fbc1527-ab31-4c93-af2f-1761116d178c", + "name": "Form Overview", + "slug": "form-overview", + "tags": [ + "calcite-web", + "web", + "Form Overview", + "Forms", + "Components", + "components" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Form Overview

\\n

The forms section provides basic styling of form elements in addition to a basic reset.

\\n

Labels for form elements should describe what the field is, while placeholder text should describe the specifics about formatting or examples for the input text.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n\\n \\n\\n \\n\\n \\n\\n \\n\\n \\n\\n
\\n Email Preferences:\\n \\n \\n \\n
\\n\\n
\\n Gender:\\n \\n \\n
\\n\\n \\n\\n \\n\\n
\"" + }, + { + "_id": "06ae4847-e8ff-4270-8897-e2ad5fc9c52d", + "name": "Search Bar", + "slug": "search-bar", + "tags": [ + "calcite-web", + "web", + "Search Bar", + "Forms", + "Components", + "components" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Search Bar

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n \\n
\\n\"" + }, + { + "_id": "2845e289-ccce-4f3e-b825-4e2a8d6395d9", + "name": "Text Inputs", + "slug": "text-inputs", + "tags": [ + "calcite-web", + "web", + "Text Inputs", + "Forms", + "Components", + "components" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Text Inputs

\\n

All text inputs are styled by default. They receive a 1px border, a CSS3 transition, and a very distinct :focus style which helps provide feedback to the user while they engage with a form. The size of the forms and buttons are calibrated to they can exist in-line to each other.

\\n\"", + "modifiers": [ + "input-error", + "input-warning", + "input-success" + ], + "sample_code": "\"\\n\"" + }, + { + "_id": "7326581a-f2f5-42be-9a46-d79faec27253", + "name": "Selects", + "slug": "selects", + "tags": [ + "calcite-web", + "web", + "Selects", + "Forms", + "Components", + "components" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Selects

\\n\"", + "modifiers": [ + "input-error", + "input-warning", + "input-success" + ], + "sample_code": "\"\"" + }, + { + "_id": "d745e424-540c-4ee3-954b-27bd1a121ee9", + "name": "Checkboxes", + "slug": "checkboxes", + "tags": [ + "calcite-web", + "web", + "Checkboxes", + "Forms", + "Components", + "components" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Checkboxes

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n Checkbox Label:\\n \\n \\n
\"" + }, + { + "_id": "9004bf43-d962-43e7-a5b8-8bc0905557ea", + "name": "Radio Buttons", + "slug": "radio-buttons", + "tags": [ + "calcite-web", + "web", + "Radio Buttons", + "Forms", + "Components", + "components" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Radio Buttons

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n Choose One Color\\n \\n \\n \\n
\"" + }, + { + "_id": "ecacdf63-466d-4897-b597-0357a8833427", + "name": "Esri Logo", + "slug": "esri-logo", + "tags": [ + "calcite-web", + "web", + "Esri Logo", + "Branding", + "Components", + "components" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Esri Logo

\\n

A minimum buffer zone of clear space is maintained around the logo. Display of the logo should not be less than 78 x 28 pixels. This minimun size and buffer is part of the component, designed to be as simple to use as possible.

\\n

Use of the reverse logo should only be on top of dark backgrounds. Neither logo should be used on top of images, or altered in any way.

\\n\"", + "modifiers": [ + "esri-logo-reverse", + "esri-logo-condensed" + ], + "sample_code": "\"\"" + }, + { + "_id": "102c73b6-ac62-4ef7-b74b-0adb04a5a9f6", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 10, + "LastModified": 1428453612602, + "description": "\"

Patterns

\\n\\n

Patterns are specific UI schemes that use a collection of components and pattern-specific css to solve a common design problem. Patterns can either stand alone entirely as markup, or be dependent on JavaScript to accomplish certain behaviors.

\\n

To use a pattern, follow the structures defined in the sample code.

\\n\"" + }, + { + "_id": "8c6b323a-b24c-4a2e-841b-a349f1262322", + "name": "Basic Page", + "slug": "basic-html-page", + "tags": [ + "calcite-web", + "web", + "Basic Page", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 9, + "LastModified": 1428453612602, + "description": "\"

Basic HTML Page

\\n

A basic starting point for an html page using Calcite Web might be something like this:

\\n
<!doctype html>\\n<!--[if lt IE 9]>  <html class="ie lt-ie9 ie8"> <![endif]-->\\n<!--[if IE 9]>     <html class="ie ie9"> <![endif]-->\\n<!--[if !IE]><!--> <html> <!--<![endif]-->\\n  <head>\\n    <meta charset="utf-8">\\n    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">\\n    <meta name="viewport" content="width=device-width, user-scalable=no">\\n    <title>Calcite Web</title>\\n    <link rel="shortcut icon" href="/img/favicon.ico">\\n    <link type="text/css" rel="stylesheet" href="/assets/stylesheets/calcite.css">\\n    <!--[if lt IE 9]>\\n      <script src="/assets/javascripts/libs/selectivizr.js" type="text/javascript"></script>\\n      <script src="/assets/javascripts/libs/html5shiv.js" type="text/javascript"></script>\\n    <![endif]-->\\n  </head>\\n  <body>\\n    <div class="wrapper">\\n        <!-- header -->\\n        <!-- content of page -->\\n    </div>\\n    <div class="footer">\\n      <!-- content of footer -->\\n    </div>\\n    <script src="/assets/javascripts/calcite-web.js"></script>\\n  </body>\\n</html>\\n
\\n\"" + }, + { + "_id": "4fd8bd45-2b8e-4a40-af68-fa96e6de13af", + "name": "Top Nav", + "slug": "top-nav", + "tags": [ + "calcite-web", + "web", + "Top Nav", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 8, + "LastModified": 1428453612602, + "description": "\"

Top Navigation

\\n

Top navigation is the primary, header level navigation for a web site. It contains the root level pages, user logins, and the site title. This pattern has basic responsive functionality than can either be combined with the drawer pattern, or be modified to suit specific use cases.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n
\\n
\\n Calcite for Unicorns\\n \\n
\\n
\\n ☰ Calcite for Unicorns\\n
\\n
\\n
\"" + }, + { + "_id": "b5e31f9b-4f04-40bc-9dde-e56f24b4604d", + "name": "User Sign In", + "slug": "user-sign-in", + "tags": [ + "calcite-web", + "web", + "User Sign In", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 7, + "LastModified": 1428453612602, + "description": "\"

User Sign In

\\n

Designed to be combined with the top navigation pattern on sites where a logged in portion is accessible. Once a use is logged in, it should be replaced with the user navigation pattern.

\\n\"", + "modifiers": true, + "sample_code": "\"\"" + }, + { + "_id": "f31d7b16-9788-4d3e-821b-902f9b77937b", + "name": "User Nav", + "slug": "user-nav", + "tags": [ + "calcite-web", + "web", + "User Nav", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

User Nav

\\n

Designed to be combined with the user sign in pattern pattern on sites where a logged in portion is accessible.

\\n

The user navigation element is just a dropdown with a few special styles.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n\\n
\\n \\\"Sloth\\n Sloth Aldrin\\n
\\n\\n \\n
\"" + }, + { + "_id": "1636ba83-321f-4bbd-8f20-a9ff6c749f41", + "name": "Sub Nav", + "slug": "sub-nav", + "tags": [ + "calcite-web", + "web", + "Sub Nav", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Sub Navigation

\\n

The 'Sub-Nav' provides a second level of hierarchy to a site. While the top-nav includes the top-most level of navigation, the sub-nav includes navigation for sections nested inside that. The subnav has a tabbed navigation pattern, a title, and room for a call to action.

\\n

You can also turn the sub-nav into a more graphically-driven banner by adding padding-leader and padding-trailer classes to the title, thereby increasing the vertical size of the sub-nav.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n
\\n

Fields

\\n
\\n Meadows ↓\\n \\n
\\n \\n
\\n
\"" + }, + { + "_id": "a54ce149-a63f-4e69-9fb4-671880061a40", + "name": "Third Nav", + "slug": "third-nav", + "tags": [ + "calcite-web", + "web", + "Third Nav", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Third Navigation

\\n

Tertiary navigation is necessary only when the information architecture of the site requires three levels of hierarchy within pages. A breadcrumb component can also be used in this pattern.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n
\\n \\n
\\n
\"" + }, + { + "_id": "6e6b700d-62e4-4651-87df-78fee8bd1120", + "name": "Side Nav", + "slug": "side-nav", + "tags": [ + "calcite-web", + "web", + "Side Nav", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Side Navigation

\\n

Sidebar can be used either for in-page navigation – like on this page – or for lists of articles unde a given topic.

\\n\"", + "modifiers": true, + "sample_code": "\"\"" + }, + { + "_id": "72f7f8cf-3c9f-460c-b5d1-597a42a8f10c", + "name": "Footer", + "slug": "footer", + "tags": [ + "calcite-web", + "web", + "Footer", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Footer

\\n

Standard footer for ArcGIS and Esri properties. The footer in Calcite Web is 'sticky' by default. This means that if the page doesn't have sufficient height, the footer will still hug the bottom of the screen. For this to work properly, you must use a div with a class of wrapper. See the basic HTML page for an example.

\\n
<footer class="footer avenir-regular leader-3">\\n  <div class="container">\\n    <nav class="column-6">\\n      <h6>Arc<span>GIS</span></h6>\\n      <ul class="list-bulleted">\\n        <li><a href="http://www.arcgis.com/about/">Home</a></li>\\n        <li><a href="http://www.arcgis.com/about/features.html">Features</a></li>\\n        <li><a href="http://www.arcgis.com/about/pricing.html">Pricing</a></li>\\n      </ul>\\n    </nav>\\n\\n    <nav class="column-6">\\n      <h6>Arc<span>GIS</span> for Developers</h6>\\n      <ul>\\n        <li><a href="/en/">Home</a></li>\\n        <li><a href="/en/features/">Features</a></li>\\n        <li><a href="http://blogs.esri.com/esri/arcgis/category/developer/">Blog</a></li>\\n      </ul>\\n    </nav>\\n\\n    <nav class="column-6">\\n      <h6>About Esri</h6>\\n      <ul>\\n        <li><a href="http://www.esri.com/about-esri/">About Us</a></li>\\n        <li><a href="http://www.esri.com/careers/">Careers</a></li>\\n        <li><a href="http://blogs.esri.com/esri/esri-insider/">Insiders Blog</a></li>\\n        <li><a href="http://www.esri.com/events/user-conference/index.html">User Conference</a></li>\\n        <li><a href="http://www.esri.com/events/devsummit/index.html">Developer Summit</a></li>\\n      </ul>\\n    </nav>\\n\\n    <nav class="column-6 padding-leader-half">\\n      <a class="esri-logo" href="http://esri.com"></a>\\n      <section class="footer-social-nav">\\n        <a class="icon-twitter" href="https://twitter.com/Esri/"></a>\\n        <a class="icon-facebook" href="https://www.facebook.com/esrigis/"></a>\\n        <a class="icon-github" href="http://esri.github.com/"></a>\\n        <a class="icon-email" href="http://www.esri.com/about-esri/contact/"></a>\\n      </section>\\n    </nav>\\n    <div class="column-24">\\n      <p><small>© Copyright 2013 Environmental Systems Research Institute, Inc. | <a href="http://www.esri.com/legal/privacy">Privacy</a> | <a href="http://www.esri.com/legal/software-license">Legal</a></small></p>\\n    </div>\\n  </div>\\n</footer>\\n
\"" + }, + { + "_id": "aa4653d3-0283-4f3a-92ff-ff736ab11e83", + "name": "Pagination", + "slug": "pagination", + "tags": [ + "calcite-web", + "web", + "Pagination", + "Patterns", + "Patterns", + "patterns" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Pagination

\\n

Use the pagination pattern to navigation between pages of displayed content, either in a gallery or a search result view.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n Previous\\n 1\\n 2\\n 3\\n ...\\n 20\\n Next\\n
\"" + }, + { + "_id": "a066105f-aa00-4b7a-8d84-2b5db2d9fbb5", + "name": "Modals", + "slug": "modals", + "tags": [ + "calcite-web", + "web", + "Modals", + "Interactive Patterns", + "Patterns", + "patterns" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Modals

\\n

Modals are meant to "take over" the screen and focus users attention on a dialog which presents the user with an opportunity to add, modify or create content. A modal should always be centered both vertically and horizontally within the browser window. When a modal is opened, the interface darkens and disables all other user interface elements in order to force a user to take an action required by their workflow.

\\n\"", + "modifiers": true, + "sample_code": "\"
\\n
\\n x\\n

Modal!

\\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\\n tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\\n cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non\\n proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

\\n\\n \\n \\n
\\n
\\n\\nShow Modal\\n\"" + }, + { + "_id": "1f77faa4-b6f2-4b00-bd5f-f357da5814e0", + "name": "Tabs", + "slug": "tabs", + "tags": [ + "calcite-web", + "web", + "Tabs", + "Interactive Patterns", + "Patterns", + "patterns" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Tabs

\\n

The framework includes a quick set of styles for a tabbed interface pattern. The full tab container will expand to fit its parent.

\\n

As an added bonus, this component supports intelligently restricting the width of tabs if they get too long and numerous.

\\n\"", + "modifiers": [ + "tabs-gray", + "tabs-transparent" + ], + "sample_code": "\"
\\n \\n
\\n
\\n

Tab 1 section

\\n
\\n
\\n

Tab 2 section

\\n
\\n
\\n

Tab 3 section

\\n
\\n
\\n
\"" + }, + { + "_id": "93e95ff8-0ad4-478b-b1c4-d87a34486b05", + "name": "Accordions", + "slug": "accordions", + "tags": [ + "calcite-web", + "web", + "Accordions", + "Interactive Patterns", + "Patterns", + "patterns" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Accordions

\\n

The js-accordion class provides the JavaScript binding for the accordion pattern, which handles which pane of the accordion is active via the is-active class.

\\n\"", + "modifiers": true, + "sample_code": "\"\"" + }, + { + "_id": "c5ffc172-f526-4952-a18f-9f06a7d9724c", + "name": "Carousels", + "slug": "carousel", + "tags": [ + "calcite-web", + "web", + "Carousels", + "Interactive Patterns", + "Patterns", + "patterns" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Carousel

\\n

Calcite Web comes with a very lightweight carousel (or slider). We urge you to use carousels very sparingly as several reports show that carousels can be detrimental to user experience.

\\n

If you decide a carousel is the best experience for your use case, the Calcite Web carousel is very straightforward. Simply create a div with the class of carousel with any number of elements that have a class of carousel-slide. The carousel uses calcite-web.js for the interactive elements. For this reason you'll also need to add a class of js-carousel to add JavaScript functionality.

\\n

Navigation for the carousel can be any link inside the carousel wrapper. Simply add a js-carousel-link class and a data-slide attribute with a number representing the slide number the link should navigate to. Numbering starts at 1.

\\n
\\n

Note: it's recommended to set a height on the carousel-slides element to make sure it will fit your content vertically.

\\n
\\n\"", + "modifiers": true, + "sample_code": "\"
\\n\\n \\n «\\n »\\n\\n \\n
\\n
\\n

Slide One

\\n
\\n
\\n

Slide Two

\\n
\\n
\\n

Slide Three

\\n
\\n
\\n

Slide Four

\\n
\\n
\\n

Slide Five

\\n
\\n
\\n\\n \\n \\n\\n
\"" + }, + { + "_id": "e538b8cd-ce5e-4f86-823a-ebb5ec041039", + "name": "Drawers", + "slug": "drawers", + "tags": [ + "calcite-web", + "web", + "Drawers", + "Interactive Patterns", + "Patterns", + "patterns" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Drawers

\\n

The off-canvas "drawer" pattern is used primarily for top-level mobile navigation.

\\n

Open Left Drawer

\\n

Open Right Drawer

\\n
 <body>\\n  <!-- Drawer -->\\n    <div class="drawer drawer-left js-drawer" data-drawer="top-nav">\\n      <nav class="drawer-nav">\\n        <aside class="side-nav">\\n          <h2 class="side-nav-title padding-leader-half padding-trailer-half text-large">Esri Patterns</h2>\\n          <div class="panel padding-trailer-half padding-leader-half">\\n            <label class="trailer-0">\\n              <input type='search' placeholder='Search'>\\n            </label>\\n          </div>\\n          <a href="#" class="side-nav-link padding-trailer-half padding-leader-half">Branding</a>\\n          <a href="{{relativePath}}" class="side-nav-link padding-trailer-half padding-leader-half">Web</a></a>\\n          <a href="#" class="side-nav-link padding-trailer-half padding-leader-half">Mobile</a>\\n          <a href="#" class="side-nav-link padding-trailer-half padding-leader-half">Presentations</a>\\n        </aside>\\n      </nav>\\n    </div>\\n\\n  <!-- Main Content Wrapper -->\\n  <div class="wrapper">\\n    <!-- ...all site content goes here... -->\\n  </div>\\n </body>\\n
\"" + }, + { + "_id": "60b94e36-5263-494d-85a5-828b4379d6dd", + "name": "Expanding Nav", + "slug": "expanding-nav", + "tags": [ + "calcite-web", + "web", + "Expanding Nav", + "Interactive Patterns", + "Patterns", + "patterns" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Expanding Nav

\\n

The exanding nav pattern is designed for use beneath the Top Nav pattern. It can be used to create search, or the esri.com style Mega Nav Dropdown. Expanding navs are controlled by the js-expanding-toggle classes, which bind the javascript function to the element, and the data-expanding-nav attribute, which ties toggle controllers to specfific expanding navs.

\\n\"" + }, + { + "_id": "caefd32d-f525-4d88-8558-f2f5336fca58", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Sass", + "Sass", + "sass" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

SASS

\\n\\n

Using Calcite Web as a Sass library is very powerful. After you successfully import the library (see the getting started page you can fully customize and use all of the Calcite Web Framework.

\\n

Custom Build

\\n

Calcite comes with the ability to only generate the css you actually need for your project. Class generation is controlled by setting the following variables to true or false. Setting all of these variables to false will prevent Calcite Web from generating any css classes while still exposing the complete set of mixins.

\\n

For example, if didn't want to export the css for any of the type helpers, you would simply set the $include-type variable to false;

\\n
@import "calcite-web";\\n$include-type: false;\\n

Now in your project, you still have access to type mixins like word-spacing() and tracking() but your generated css file will have none of the generated static classes. Below are a list of all the configurable 'include' variables and a description of what they toggle on and off.

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
VariableDescription
$include-gridEverything grid related (viewport grid, block grid, and responsive grid)
$fold-gridResponsive grid classes and media queries
$block-gridBlock grid classes and media queries
$include-typeAll type related classes
$include-avenir-familyHeader family classes
$include-body-familyBody family classes
$include-secondary-familySecondary family classes
$include-code-familyCode family classes
$include-type-defaultsAll default styles for type elements
$include-iconsAll icon sets, colors, and sizes
$include-one-color-iconsThe monochromatic icon set
$include-color-iconsThe full color icon set
$include-alertsAlert styles and color modifier classes
$include-tablesTable styles and modifier classes
$include-panelPanel styles and color modifier classes
$include-buttonButton styles and all modifier classes (size, colors, disabled, etc)
$include-breadcrumbsBreadcrumb styles and modifier classes
$include-tooltipTooltip styles and modifier classes
$include-footerFooter styles
$include-paginationPagination styles
$include-side-navSide nav styles
$include-sub-navSub Nav styles and modifiers
$include-third-navThird nav styles and modifiers
$include-top-navAll top navigation elements, media queries, and encompassed patterns
$include-tabsTab styles and modifier classes
$include-modalModal styles
$include-accordionAccordian styles
\\n

Custom Selectors

\\n

All classes are styled by mixins of the same name, meaning that the btn class is simply including the btn() mixin. You can style your own elements or classnames to match exactly that of the existing classes by including these mixins.

\\n
.my-button-class {\\n  @include btn()\\n}\\n\\n.my-colored-button-class {\\n  @include btn()\\n  @include btn-color($value, $hover-value);\\n}\\n
\\n

In this manner you can extend the classnames of some other existing framework with the visual style of the Calcite Web framework.

\\n\"" + }, + { + "_id": "d7dd7bef-8663-46c2-83a0-2879638b8e88", + "name": "Overview", + "slug": "variables", + "tags": [ + "calcite-web", + "web", + "Overview", + "Variables", + "Sass", + "sass" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Variables

\\n

Calcite Web comes with several variables. These variables represent project-standard configurations of different aspects. For example, $baseline can be used in your Sass to set a property to the default typographic baseline of Calcite Web.

\\n

These variables can also be configured in your own project to change the library for project-specific applications.

\\n

Below are all of the variables and a brief description of what they represent.

\\n\"" + }, + { + "_id": "5d7bc93b-2030-4150-acd2-086582d9c9f1", + "name": "Breakpoints", + "slug": "breakpoints", + "tags": [ + "calcite-web", + "web", + "Breakpoints", + "Variables", + "Sass", + "sass" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Breakpoints

\\n

Calcite Web comes with several variables representing the default screen sizes.

\\n
// Breakpoints\\n$small:  480px  !default;\\n$medium: 860px  !default;\\n$large:  1280px !default;\\n
\\n

In static classes, these breakpoints are often expressed as phone-, tablet-, desktop-.

\\n\"" + }, + { + "_id": "5a1759db-3818-422b-8f9f-863ef1849b67", + "name": "UI Variables", + "slug": "ui-variables", + "tags": [ + "calcite-web", + "web", + "UI Variables", + "Variables", + "Sass", + "sass" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

UI Variables

\\n

Controls specific aspects and behaviors across the UI.

\\n
$transition: 150ms linear;\\n$box-shadow: 0 0 16px 0 rgba(0,0,0,0.05) !default;\\n$drawer-width: 280px !default;\\n$footer-height: 250px;\\n
\\n

$transtion is a speed and easing function used throughout the framework for motion effects.

\\n

$box-shadow ensures consistent box shadow effects for adding depths to elements.

\\n

$drawer-width controls the width of the hidden left and right drawers.

\\n

$footer-height controls the height of the footer.

\\n\"" + }, + { + "_id": "fd29d552-426e-4a6e-9988-b9caad79cdf1", + "name": "Type Composition", + "slug": "type-composition", + "tags": [ + "calcite-web", + "web", + "Type Composition", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 7, + "LastModified": 1428453612602, + "description": "\"

Type Composition

\\n

Calcite Web has a helpful set of mixins for composing type. We recommend you use these mixins wherever possible when writing your own components as it will keep the visual proportions and styles in line with the rest of the framework.

\\n\"" + }, + { + "_id": "585869bd-5bc5-4c36-b3f0-f9c44acaa0bb", + "name": "Font Size", + "slug": "font-size", + "tags": [ + "calcite-web", + "web", + "Font Size", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 6, + "LastModified": 1428453612602, + "description": "\"

Font Size

\\n

The Calcite Web type system uses a modular typographic scale to ensure a consistent tonal range within all text elements. This modular scale is created from the body size of the type, and a second, smaller size. These two type sizes anchor the scale, and using a precise ratio can be expanded to an entire set of sizes for all typographic needs.

\\n

The font-size($n) mixin takes an integer, positive or negative, and sets all type within the element to the size defined by traversing that number of steps up or down the typographic scale.

\\n

'0' represents the normal text size while '-1' is a type size smaller, and '1' is a type size larger. So if you'd like to have a very large pull-quote or something of that nature, you could use @include font-size(6). This means that the text you've styled will be six steps up the typographic scale from the normal body size.

\\n

The font-size($n) mixin relies on the modular-scale($n) mixin to define the scale, and apply it to typographic elements.

\\n\"" + }, + { + "_id": "3f0e370f-8901-49db-a537-2deacaa1d12d", + "name": "Modular Scale", + "slug": "modular-scale", + "tags": [ + "calcite-web", + "web", + "Modular Scale", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Modular Scale

\\n

The modular-scale($n) behaves the same as the font-size($n) mixin, but returns a raw rem value rather than css styles specific to type elements. This means that the modular-scale($n) mixin can be used to define heights, widths, padding, margins, or any other property of an element so that it adheres to the modular scale defined by the typography.\\nSetting the max width of an article to a large multiple of the text size is a way to define a comfortable reading measure related to the proportional decisions of the content.

\\n\"" + }, + { + "_id": "8a11b8b2-a98a-436c-b082-abbb03e8d2aa", + "name": "Tracking", + "slug": "tracking", + "tags": [ + "calcite-web", + "web", + "Tracking", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Tracking

\\n

Tracking is the space between letters in a word. The tracking($n) mixin accepts an integer, and applies letterspacing to the element as fractions of 1/1000 of an em.\\n@include tracking(500) will apply 1/2 em letterspacing.\\n@include tracking(166) will apply a hairline em letterspacing.

\\n\"" + }, + { + "_id": "413a58a8-12fa-47c4-95e3-a771cdb000ea", + "name": "Leading", + "slug": "leading", + "tags": [ + "calcite-web", + "web", + "Leading", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Leading

\\n

Leading is the space between lines in a text block. The leading($n) mixin accepts an integer, and sets the line height of the element to the integer times the standard baseline unit.

\\n\"" + }, + { + "_id": "0e37d6f4-a571-408c-92d6-c1edeac71db7", + "name": "Word Spacing", + "slug": "word-spacing", + "tags": [ + "calcite-web", + "web", + "Word Spacing", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Word Spacing

\\n

Word spacing is - well - the space between words. The word-spacing($n) mixin accepts an integer, and applies letterspacing to the element as fractions of 1/1000 of an em. If you're familiar with word-spacing in design programs like Adobe InDesign, the word-spacing mixin will immidiately feel fairly natural.

\\n

While you can pass any integer to the mixin, below is a list of values you can pass to the word-spacing mixin to achieve well known typographic defaults:

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
ValueNumber
emword-spacing(1000)
enword-spacing(500)
thickword-spacing(333)
midword-spacing(250)
thinword-spacing(200)
hairword-spacing(166)
\\n\"" + }, + { + "_id": "aa2293d9-1e16-4add-9e70-f49dbebec7ae", + "name": "Unicode Variables", + "slug": "unicode-variables", + "tags": [ + "calcite-web", + "web", + "Unicode Variables", + "Type Composition", + "Sass", + "sass" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Unicode Variables

\\n

Sass Unicode variables provide a simple way to display unicode characters as content in css declarations.

\\n\"" + }, + { + "_id": "1456a860-3e4d-4f99-b443-9ba179ca65e1", + "name": "Utility Mixins", + "slug": "utility-mixins", + "tags": [ + "calcite-web", + "web", + "Utility Mixins", + "Utilities", + "Sass", + "sass" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Utility Mixins

\\n

Utility mixins are used to construct complicated behaviors for components and patterns, provide baseline functionality for doc elements, and take care of browser prefixing.

\\n

Most utility mixins are borrowed from Bourbon. If mixins share a name, then they share the same code base.

\\n

Use the utility mixins inside the selector you wish to apply the styles to, passing the arguments in if required. For example, to apply a clearfix to an element with the class .my-div, the use the following Sass:

\\n
.my-div {\\n  @include clearfix();\\n}\\n
\\n

If the mixin accepts arguments, pass them into the parenthesis:

\\n
.my-div {\\n  @include box-sizing(border-box);\\n}\\n
\\n

Quick Reference

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
MixinArguments
appearance$value
animation$animations...
box-sizing$box
box-shadow$shadow
calc$property, $value
clearfixnone
keyframes$name
prefixer$property, $value, $prefixes
respond-to$max, $mi, $type
transform$property
transform-origin$axes
transform-style$style
transition$value
transition-prefixed$value
transition-property$value
transition-duration$value
transition-timing-function$value
transition-delay$value
visiblenone
invisiblenone
hidenone
\\n

Animation

\\n

The animation mixin allows you to declare cross-browser animations. The mixin accepts

\\n
box:hover {\\n  @include animation(scale 1.0s ease-in, slide 2.0s ease);\\n}\\n
\\n

Or, use individual animation mixins:

\\n
box:hover {\\n  @include animation-name(scale, slide);\\n  @include animation-duration(2s);\\n  @include animation-timing-function(ease);\\n  @include animation-iteration-count(infinite);\\n}\\n
\\n

Appearance

\\n

The appearance CSS property is used to display an element using a platform-native styling based on the operating system's theme. For example, to remove browser specific styling for a ui element, use:

\\n
@include appearance(none);\\n
\\n

Box-Sizing

\\n

Set the box-sizing property for all browsers (with browser prefixes):

\\n
@include box-sizing(border-box);\\n
\\n

Valid values are content-box, border-box, and inherit.

\\n

Box-Shadow

\\n

Set the box-shadow property for all browsers (with browser prefixes):

\\n
@include box-shadow(border-box);\\n
\\n

Calc

\\n

Shorthand for setting a property to use a calc value. Pass the property you'd like to set, then the value you'd like to use:

\\n
@include calc(width, '100px - 10%');\\n
\\n

Clearfix

\\n

Applies the framework-standard clear for floated elements:

\\n
@include clearfix();\\n
\\n

Keyframes

\\n

For creating animations, you can use the keyframes mixin. This mixin accepts an animation name. Then inside the mixin, write your animation as a content block:

\\n
@include keyframes(ANIMATION_NAME){\\n  0%   { background-color: #ffccf2; }\\n  100% { background-color: #ccffff; }\\n};\\n
\\n

Now you can use the animation mixin as a named animation like this:

\\n
.animation-class {\\n  @include animation( @include animation(ANIMATION_NAME 200ms ease-in);)\\n}\\n

Prefixer

\\n

This is one of the most flexible mixins in the library. Use it to add browser prefixes to a property:

\\n
@include prefixer(margin-end, 5%, webkit moz spec);\\n
\\n

In this way you can prefix any property. Adding the spec as the last argument will also output the property without a prefix.

\\n

Respond To

\\n

The respond-to mixin adds media queries for use in responsive design. The mixin accepts three arguments: maximum size, minimum size, and type (screen, print, etc). You can pass just the first out of convenience. This mixin works well with the breakpoint variables:

\\n
.my-div {\\n  @include respond-to($small){\\n    padding: 1rem;\\n  }\\n}\\n
\\n

This will compile to the following css:

\\n
@media screen and (max-width: 480px) {\\n  .my-div {\\n    padding: 1rem;\\n  }\\n}\\n
\\n

You can assemble more complicated media queries by using both min and max:

\\n
@include respond-to($large, $medium) { ... }\\n

This will add styles that only appear between the $medium and $large screen sizes.

\\n

Transform

\\n

The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set. transform, transform-origin, and transform-style all add the necessary browser prefixes for interacting with their respective transform properties.

\\n
@include transform(translateY(50px));\\n@include transform(scale(0.9) rotate(-3deg));\\n@include transform-origin(center top);\\n@include transform-style(preserve-3d);\\n
\\n

Transition

\\n

This mixin provides a shorthand syntax and supports multiple transitions.

\\n
@include transition(all 2.0s ease-in-out);\\n@include transition(opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);\\n
\\n

Or you can use the individual transition properties:

\\n
@include transition-property(transform);\\n@include transition-duration(1.0s);\\n@include transition-timing-function(ease-in);\\n@include transition-delay(0.5s);\\n

Transition Prefixed

\\n

To transition vendor-prefixed properties, e.g. -webkit-transform and -moz-transform, there is an additional convinience transition-prefixed() mixin:

\\n
@include transition-prefixed(transform3d(0,0,0) 200ms linear);\\n

This will generate vendor prefixed properties and values.

\\n

Visibility

\\n

The visibility mixins change the visibility property. This is useful for removing and adding elements at certain breakpoints or with certain class names. No arguments are passed. Invisible sets visibility: hidden on the object, leaving in the in document flow, but removing it from view. hide() will completely remove the item with display:none.

\\n
@include hide();\\n@include invisible();\\n@include visible();\\n
\\n\"" + }, + { + "_id": "3a6b6c9f-9108-4546-a8fe-2dcbca936b11", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Interactive Patterns", + "JavaScript", + "javascript" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

JavaScript

\\n\\n

Calcite Web includes a small JavaScript library. calcite-web.js is a lightweight and dependency-free library made to enable interactive behaviors for certain patterns and components.

\\n

Currently, the following components and patterns rely on calcite-web.js:

\\n\\n

To use calcite-web.js simply include a reference to it in your html and then run the calcite.init() method. For example, say your JavaScript was located in a file called script.js. You can bind all the JavaScript patterns from script.js like this:

\\n
// On document ready\\nwindow.onload = function () {\\n  // Initialize all calcite.js patterns\\n  calcite.init();\\n};\\n
\\n\"" + }, + { + "_id": "774add83-6f64-45d3-aedb-e36b147ee3da", + "name": "Overview", + "slug": "utility-functions", + "tags": [ + "calcite-web", + "web", + "Overview", + "Utility Functions", + "JavaScript", + "javascript" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Utility Functions

\\n

calcite-web.js also has methods for DOM traversal and manipulation, array manipulation, and browser feature detection. If the needs of a project are not too complex it can be used in place of jQuery, Dojo, or other large frameworks.

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
functionaction
calcite.dom.event()Returns standard interaction event (click). Touch support will be added soon.
calcite.dom.addEvent(domNode, event, fn)Adds a callback function to an event on an element.
calcite.dom.removeEvent(domNode, event, fn)Removes a callback function from an event on an element.
calcite.dom.eventTarget()Returns the target element of an event.
calcite.dom.preventDefault(event)Prevents default behavior of an event.
calcite.dom.stopPropagation(event)Stops an event from bubbling up the DOM tree.
calcite.dom.hasClass(event)Checks if an element has a specific class. Returns boolean.
calcite.dom.addClass(domNode, className)Adds one or more classes to an element.
calcite.dom.removeClass(domNode, classes)Removes one or more classes from an element.
calcite.dom.closest(domNode, classes)Returns closest element up the DOM tree matching a given class. Returns DOM node.
calcite.dom.getAttr(className, context)Returns the value of an element's attribute.
calcite.dom.nodeListToArray(domNodeList)Takes a DOM node list and returns an array.
calcite.arr.indexOf(obj, arr, offset)Returns the index of an object in an array with optional offset. Returns number.
calcite.dom.isTouch()Detects touch. Could be improved for more coverage. Returns boolean.
\\n\"" + }, + { + "_id": "1c2831b4-e10a-48c8-a973-553612a2757d", + "name": "DOM Utilities", + "slug": "dom-utilities", + "tags": [ + "calcite-web", + "web", + "DOM Utilities", + "Utility Functions", + "JavaScript", + "javascript" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

DOM utilities

\\n

The following functions allow for basic DOM manipulation and traversal. These helpers are used by JavaScript dependent patterns, and can be included in any custom JavaScript in Calcite Web projects.

\\n

Events

\\n

calcite.dom.event()

\\n

Returns interaction event for the current browser environment. Currently only returns 'click'. Will be more useful when touch support is added.

\\n
var event = calcite.dom.event(); // => 'click'\\n
\\n

calcite.dom.addEvent(domNode, event, fn)

\\n

Adds a callback function to an event on an element.

\\n
var event = calcite.dom.event();\\nvar node = document.getElementsByTagName('body')[0];\\n\\nfunction action (event) {\\n  console.log('hola');\\n};\\n\\ncalcite.dom.addEvent(node, event, action); // action will now fire when body is clicked\\n
\\n

calcite.dom.removeEvent(domNode, event, fn)

\\n

Removes a callback function from an event on an element.

\\n
var event = calcite.dom.event();\\nvar node = document.getElementsByTagName('body')[0];\\n\\nfunction action (event) {\\n  console.log('hola');\\n};\\n\\ncalcite.dom.addEvent(node, event, action); // action will now fire when body is clicked\\ncalcite.dom.removeEvent(node, event, action); // action has been removed from body click event\\n
\\n

calcite.dom.eventTarget(event)

\\n

Returns the target DOM node of an event.

\\n
var event = calcite.dom.event();\\nvar node = document.getElementsByTagName('body')[0];\\n\\nfunction action (event) {\\n  var target = calcite.dom.eventTarget(event);\\n  console.log(target);\\n};\\n\\ncalcite.dom.addEvent(node, event, action);\\n
\\n

Clicking the body will now log the contents of the <body> DOM node.

\\n

calcite.dom.preventDefault(event)

\\n

Prevents default behavior of an event.

\\n
var event = calcite.dom.event();\\nvar node = document.getElementsByTagName('a')[0];\\n\\nfunction action (event) {\\n  calcite.dom.preventDefault(event);\\n};\\n\\ncalcite.dom.addEvent(node, event, action);\\n
\\n

This will prevent the first <a> DOM node in the document from performing its default behavior (sending the user to the link in its href attribute).

\\n

calcite.dom.stopPropagation(event)

\\n

Stops an event from bubbling up the DOM tree. This is useful if events have been bound to both a parent DOM node and a child DOM node.

\\n
var event = calcite.dom.event();\\nvar node = document.getElementsByTagName('a')[0];\\n\\nfunction action (event) {\\n  calcite.dom.stopPropagation(event);\\n};\\n\\ncalcite.dom.addEvent(node, event, action);\\n
\\n

If, for example, the <body> DOM node also has a function bound to a click event, this will prevent a user's click from triggering it.

\\n

Manipulation & Traversal

\\n

calcite.dom.hasClass(node, class)

\\n

Checks if the node currently has the provided class. For example, given the following html:

\\n
<div class="apple" id="test"></div>\\n
\\n

The hasClass utility can be used as follows:

\\n
var node = document.getElementById('test');\\nvar isApple = calcite.dom.hasClass(node, 'apple');\\nconsole.log(isApple); // true\\n
\\n

calcite.dom.addClass(domNode, classes)

\\n

Adds one or more classes to a given element. Multiple classes should be passed as a space-separated string, like this:

\\n
var node = document.getElementById('test');\\ncalcite.dom.addClass(node, 'apples bananas oranges');\\n
\\n

calcite.dom.removeClass(domNode, event, fn)

\\n

Removes one or more classes from an element. Like addClass, multiple classes should be separated with a space and passed as a single string:

\\n
var node = document.getElementById('test');\\ncalcite.dom.removeClass(node, 'apples bananas oranges');\\n
\\n

calcite.dom.closest(class, element)

\\n

Searches up the DOM tree to find the closest parent element with a given class.

\\n
var nodes = document.querySelector('.child-element');\\n\\nfunction clickHandler (event) {\\n  var closestNode = dom.closest('parent-class', event.target);\\n}\\n\\nfor (var i = 0; i < nodes.length; i++) {\\n  dom.addEvent(nodes[i], dom.event(), clickHandler);\\n}\\n
\\n

calcite.dom.getAttr(element, attribute)

\\n

For a given element, get the value of a specific attribute.

\\n
var node = document.getElementsByTagName('input')[0];\\nvar value = calcite.dom.getAttr(node, 'value');\\n
\\n

calcite.dom.nodeListToArray(domNodeList)

\\n

Turn a node list (usually returned from a query) into an array.

\\n
var nodes = document.getElementsByTagName('a');\\nvar nodeArray = calcite.dom.nodeListToArray(nodes);\\n
\\n\"" + }, + { + "_id": "685846d5-4624-4517-b4ce-a52f1d831811", + "name": "Array Manipulation", + "slug": "array-manipulation", + "tags": [ + "calcite-web", + "web", + "Array Manipulation", + "Utility Functions", + "JavaScript", + "javascript" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

Array manipulation

\\n

calcite.arr.indexOf(obj, arr, offset)

\\n

Returns the index of an object in an array with optional offset.

\\n
var list = ['a','b','c'];\\ncalcite.arr.indexOf('b', list); // => 1\\n
\"" + }, + { + "_id": "55213a54-ebac-4ca3-9664-b2686f5975ae", + "name": "Browser Feature Detection", + "slug": "browser-feature-detection", + "tags": [ + "calcite-web", + "web", + "Browser Feature Detection", + "Utility Functions", + "JavaScript", + "javascript" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Browser feature detection

\\n

calcite.browser.isTouch()

\\n

Returns true if the device is touch-enabled. For standard devices, returns false.

\\n
var isTouchEnabled = calcite.browser.isTouch();\\n
\\n\"" + }, + { + "_id": "c67b8815-4f70-4759-b8aa-128beb04624b", + "name": "Homepage", + "slug": "homepage", + "tags": [ + "calcite-web", + "web", + "Homepage", + "Building Layouts", + "Layouts", + "page-layouts" + ], + "sort_order": 5, + "LastModified": 1428453612602, + "description": "\"

Homepage

\\n

The homepage layout is designed for quickly establishing an entry point for a new project that succinctly describes the purpose and vision for the project, and enables a high-click through to the content held within. The homepage structures should be augmented with clear and concise copy, and visual assets that illustrate and illuminate the text.

\\n

View Homepage Layout

\\n\"" + }, + { + "_id": "b81a5ca4-3d82-41bc-b855-38114245d411", + "name": "Product Page", + "slug": "product", + "tags": [ + "calcite-web", + "web", + "Product Page", + "Building Layouts", + "Layouts", + "page-layouts" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Product Page

\\n

Product pages are the marketing-forward descriptions of products, services, or other offerings. The landing page is an extension the homepage, but provides more in-depth overview of the aspect being presented. Again, clear, concise copy and useful illustrations are a requisite for this layout.

\\n

View Landing Layout

\\n\"" + }, + { + "_id": "e08f8684-5b33-4b2c-bb89-6333666fd85e", + "name": "Documentation", + "slug": "documentation", + "tags": [ + "calcite-web", + "web", + "Documentation", + "Building Layouts", + "Layouts", + "page-layouts" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Documentation

\\n

Documentation pages are the technically focused descriptions of products, services, or other offerings. The documentation layout will be the key content for any product using the Calcite Web system, and as such it has been designed with rigor for primary use.

\\n

View Documentation Layout

\\n\"" + }, + { + "_id": "fe69c8b6-fd9d-4db0-b1a7-bdfa4bb65759", + "name": "API Reference", + "slug": "api-reference", + "tags": [ + "calcite-web", + "web", + "API Reference", + "Building Layouts", + "Layouts", + "page-layouts" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

API Reference

\\n

Reference pages are similar to documentation pages, but handle content that needs to live in tables, and has more specific needs than a general written documentation page. These two pages live in harmony together, teaching all who come before them like a pair of wizened sages.

\\n

View API Reference Layout

\\n\"" + }, + { + "_id": "fc8fd951-037e-475f-b5ba-e685b9ca7213", + "name": "Blog", + "slug": "blog", + "tags": [ + "calcite-web", + "web", + "Blog", + "Building Layouts", + "Layouts", + "page-layouts" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Blog

\\n

Blog posts are mostly about long-form content layout. Luckily, calcite-web has built in type styles that make this style of page very easy to build.

\\n

View Blog Layout

\\n\"" + } + ], + "colors": [ + { + "_id": "59e05d70-8952-43d4-bc1f-c121b08fe943", + "name": "Overview", + "slug": "overview", + "tags": [ + "calcite-web", + "web", + "Overview", + "Palette", + "Color", + "color" + ], + "sort_order": 4, + "LastModified": 1428453612602, + "description": "\"

Color

\\n\\n

An extensive set of color variables are set up inside of config. Color names are generally semantic and simple, making them very easy to remember. Color variables are references like any other Sass variable:

\\n
.element-to-style{\\n  color: $gray;\\n}\\n
\\n\"" + }, + { + "_id": "0d5b6033-a27c-4d16-aca8-67aa78fe2d8c", + "name": "Grayscale", + "slug": "grayscale", + "tags": [ + "calcite-web", + "web", + "Grayscale", + "Palette", + "Color", + "color" + ], + "sort_order": 3, + "LastModified": 1428453612602, + "description": "\"

Grayscale

\\n

Calcite Web mostly deals with large-field layouts and a broader range of visual communication, including small interfaces and long format reading. With this in mind, Calcite Web's grayscale differs from that of Calcite Desktop.

\\n

Calcite web provides a short list of simple color variables, while supporting the complete set of official calcite colors.

\\n\"" + }, + { + "_id": "35333048-5b8b-427d-baf2-a069bfa995f4", + "name": "UI Colors", + "slug": "ui-colors", + "tags": [ + "calcite-web", + "web", + "UI Colors", + "Palette", + "Color", + "color" + ], + "sort_order": 2, + "LastModified": 1428453612602, + "description": "\"

UI Colors

\\n

Calcite web exposes a set of Sass variables for the UI palette. Each color has three values: light, regular, and dark. The complete set of calcite colors is also supported.\\n.

\\n\"" + }, + { + "_id": "befed6dc-7581-40d9-a518-b1488213d55e", + "name": "Type Colors", + "slug": "type-colors", + "tags": [ + "calcite-web", + "web", + "Type Colors", + "Palette", + "Color", + "color" + ], + "sort_order": 1, + "LastModified": 1428453612602, + "description": "\"

Type Colors

\\n

Three basic colors are set for color in typography. It's not recommended to change these values, but they are provided for your reference.

\\n
$type-color: $off-black;\\n$link-color: $blue;\\n$link-hover: $light-blue;\\n
\\n

In writing Sass it's often easier to remember $type-color is the color of type than it is to remember the specific grayscale value that is the default for type.

\\n\"" + } + ] +} diff --git a/dist/css/calcite-web.css b/dist/css/calcite-web.css new file mode 100644 index 000000000..ec2e0e14d --- /dev/null +++ b/dist/css/calcite-web.css @@ -0,0 +1,3107 @@ +@charset "UTF-8"; +@import url(http://fast.fonts.net//t/1.css?apiType=css&projectid=9431e9a5-7a6d-4b5f-82be-4d935972de5a); +@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=a2f744b5-a294-49c0-8af9-4599ad0ab33f); +html { + overflow-y: scroll; + height: 100%; + font-size: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + +body { + min-height: 100%; + margin: 0; } + +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { + display: block; } + +audio, canvas, video { + display: inline-block; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden] { + display: none; } + +svg:not(:root) { + overflow: hidden; } + +img { + max-width: 100%; + height: auto; } + +.clearfix:after, .grid-container:after, [class*="column-"]:last-of-type:after, form:after, fieldset:after { + content: ''; + display: table; + clear: both; } + +.overflow-auto { + overflow: auto; } + +.inline { + display: inline-block; } + +.grid-container { + width: 90vw; + max-width: 1152px; + min-width: 0; + padding-right: 0; + padding-left: 0; + margin-right: auto; + margin-left: auto; } + +[class*="column-"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 90vw; + padding-left: 0.5rem; + padding-right: 0.5rem; + margin: 0; + float: left; } + [class*="column-"] [class*="column-"]:first-of-type { + margin-left: -0.5rem; } + [class*="column-"] [class*="column-"]:last-of-type { + margin-right: -0.5rem; } + +.first-column { + margin-left: -0.5rem; } + +.last-column { + margin-right: -0.5rem; } + +@media screen and (min-width: 860px) { + .column-1 { + width: 3.74vw; + max-width: 48px; } + .column-1 > .column-1 { + margin-left: -0.5rem; } + .column-2 { + width: 7.49vw; + max-width: 96px; } + .column-2 > .column-2 { + margin-left: -0.5rem; } + .column-3 { + width: 11.24vw; + max-width: 144px; } + .column-3 > .column-3 { + margin-left: -0.5rem; } + .column-4 { + width: 14.99vw; + max-width: 192px; } + .column-4 > .column-4 { + margin-left: -0.5rem; } + .column-5 { + width: 18.74vw; + max-width: 240px; } + .column-5 > .column-5 { + margin-left: -0.5rem; } + .column-6 { + width: 22.49vw; + max-width: 288px; } + .column-6 > .column-6 { + margin-left: -0.5rem; } + .column-7 { + width: 26.24vw; + max-width: 336px; } + .column-7 > .column-7 { + margin-left: -0.5rem; } + .column-8 { + width: 29.99vw; + max-width: 384px; } + .column-8 > .column-8 { + margin-left: -0.5rem; } + .column-9 { + width: 33.74vw; + max-width: 432px; } + .column-9 > .column-9 { + margin-left: -0.5rem; } + .column-10 { + width: 37.49vw; + max-width: 480px; } + .column-10 > .column-10 { + margin-left: -0.5rem; } + .column-11 { + width: 41.24vw; + max-width: 528px; } + .column-11 > .column-11 { + margin-left: -0.5rem; } + .column-12 { + width: 44.99vw; + max-width: 576px; } + .column-12 > .column-12 { + margin-left: -0.5rem; } + .column-13 { + width: 48.74vw; + max-width: 624px; } + .column-13 > .column-13 { + margin-left: -0.5rem; } + .column-14 { + width: 52.49vw; + max-width: 672px; } + .column-14 > .column-14 { + margin-left: -0.5rem; } + .column-15 { + width: 56.24vw; + max-width: 720px; } + .column-15 > .column-15 { + margin-left: -0.5rem; } + .column-16 { + width: 59.99vw; + max-width: 768px; } + .column-16 > .column-16 { + margin-left: -0.5rem; } + .column-17 { + width: 63.74vw; + max-width: 816px; } + .column-17 > .column-17 { + margin-left: -0.5rem; } + .column-18 { + width: 67.49vw; + max-width: 864px; } + .column-18 > .column-18 { + margin-left: -0.5rem; } + .column-19 { + width: 71.24vw; + max-width: 912px; } + .column-19 > .column-19 { + margin-left: -0.5rem; } + .column-20 { + width: 74.99vw; + max-width: 960px; } + .column-20 > .column-20 { + margin-left: -0.5rem; } + .column-21 { + width: 78.74vw; + max-width: 1008px; } + .column-21 > .column-21 { + margin-left: -0.5rem; } + .column-22 { + width: 82.49vw; + max-width: 1056px; } + .column-22 > .column-22 { + margin-left: -0.5rem; } + .column-23 { + width: 86.24vw; + max-width: 1104px; } + .column-23 > .column-23 { + margin-left: -0.5rem; } + .column-24 { + width: 89.99vw; + max-width: 1152px; } + .column-24 > .column-24 { + margin-left: -0.5rem; } } + +@media screen and (max-width: 859px) { + .column-1 { + width: 7.49vw; } + .column-2 { + width: 14.99vw; } + .column-3 { + width: 22.49vw; } + .column-4 { + width: 29.99vw; } + .column-5 { + width: 37.49vw; } + .column-6 { + width: 44.99vw; } + .column-7 { + width: 52.49vw; } + .column-8 { + width: 59.99vw; } + .column-9 { + width: 67.49vw; } + .column-10 { + width: 74.99vw; } + .column-11 { + width: 82.49vw; } + .column-12 { + width: 89.99vw; } + .tablet-column-1 { + width: 7.49vw; } + .tablet-column-2 { + width: 14.99vw; } + .tablet-column-3 { + width: 22.49vw; } + .tablet-column-4 { + width: 29.99vw; } + .tablet-column-5 { + width: 37.49vw; } + .tablet-column-6 { + width: 44.99vw; } + .tablet-column-7 { + width: 52.49vw; } + .tablet-column-8 { + width: 59.99vw; } + .tablet-column-9 { + width: 67.49vw; } + .tablet-column-10 { + width: 74.99vw; } + .tablet-column-11 { + width: 82.49vw; } + .tablet-column-12 { + width: 89.99vw; } + .tablet-first-column { + margin-left: -0.5rem; } + .tablet-last-column { + margin-right: -0.5rem; } } + +@media screen and (max-width: 479px) { + .column-1 { + width: 14.99vw; } + .column-2 { + width: 29.99vw; } + .column-3 { + width: 44.99vw; } + .column-4 { + width: 59.99vw; } + .column-5 { + width: 74.99vw; } + .column-6 { + width: 89.99vw; } + .tablet-column-1 { + width: 14.99vw; } + .tablet-column-2 { + width: 29.99vw; } + .tablet-column-3 { + width: 44.99vw; } + .tablet-column-4 { + width: 59.99vw; } + .tablet-column-5 { + width: 74.99vw; } + .tablet-column-6 { + width: 89.99vw; } + .phone-column-1 { + width: 14.99vw; } + .phone-column-2 { + width: 29.99vw; } + .phone-column-3 { + width: 44.99vw; } + .phone-column-4 { + width: 59.99vw; } + .phone-column-5 { + width: 74.99vw; } + .phone-column-6 { + width: 89.99vw; } + .phone-first-column { + margin-left: -0.5rem; } + .phone-last-column { + margin-right: -0.5rem; } } + +@media screen and (max-width: 479px) { + .phone-pre-0 { + margin-left: -0.1vw !important; } + [class*="column-"] .phone-pre-0:first-child { + margin-left: calc(0vw - 0.5rem) !important; } + .phone-post-0 { + margin-right: -0.1vw !important; } + .phone-pre-1 { + margin-left: 14.9vw !important; } + [class*="column-"] .phone-pre-1:first-child { + margin-left: calc(15vw - 0.5rem) !important; } + .phone-post-1 { + margin-right: 14.9vw !important; } + .phone-pre-2 { + margin-left: 29.9vw !important; } + [class*="column-"] .phone-pre-2:first-child { + margin-left: calc(30vw - 0.5rem) !important; } + .phone-post-2 { + margin-right: 29.9vw !important; } + .phone-pre-3 { + margin-left: 44.9vw !important; } + [class*="column-"] .phone-pre-3:first-child { + margin-left: calc(45vw - 0.5rem) !important; } + .phone-post-3 { + margin-right: 44.9vw !important; } + .phone-pre-4 { + margin-left: 59.9vw !important; } + [class*="column-"] .phone-pre-4:first-child { + margin-left: calc(60vw - 0.5rem) !important; } + .phone-post-4 { + margin-right: 59.9vw !important; } + .phone-pre-5 { + margin-left: 74.9vw !important; } + [class*="column-"] .phone-pre-5:first-child { + margin-left: calc(75vw - 0.5rem) !important; } + .phone-post-5 { + margin-right: 74.9vw !important; } + .phone-pre-6 { + margin-left: 89.9vw !important; } + [class*="column-"] .phone-pre-6:first-child { + margin-left: calc(90vw - 0.5rem) !important; } + .phone-post-6 { + margin-right: 89.9vw !important; } } + +@media screen and (max-width: 859px) { + .tablet-pre-0 { + margin-left: -0.1vw !important; } + [class*="column-"] .tablet-pre-0:first-child { + margin-left: calc(0vw - 0.5rem) !important; } + .tablet-post-0 { + margin-right: -0.1vw !important; } + .tablet-pre-1 { + margin-left: 7.4vw !important; } + [class*="column-"] .tablet-pre-1:first-child { + margin-left: calc(7.5vw - 0.5rem) !important; } + .tablet-post-1 { + margin-right: 7.4vw !important; } + .tablet-pre-2 { + margin-left: 14.9vw !important; } + [class*="column-"] .tablet-pre-2:first-child { + margin-left: calc(15vw - 0.5rem) !important; } + .tablet-post-2 { + margin-right: 14.9vw !important; } + .tablet-pre-3 { + margin-left: 22.4vw !important; } + [class*="column-"] .tablet-pre-3:first-child { + margin-left: calc(22.5vw - 0.5rem) !important; } + .tablet-post-3 { + margin-right: 22.4vw !important; } + .tablet-pre-4 { + margin-left: 29.9vw !important; } + [class*="column-"] .tablet-pre-4:first-child { + margin-left: calc(30vw - 0.5rem) !important; } + .tablet-post-4 { + margin-right: 29.9vw !important; } + .tablet-pre-5 { + margin-left: 37.4vw !important; } + [class*="column-"] .tablet-pre-5:first-child { + margin-left: calc(37.5vw - 0.5rem) !important; } + .tablet-post-5 { + margin-right: 37.4vw !important; } + .tablet-pre-6 { + margin-left: 44.9vw !important; } + [class*="column-"] .tablet-pre-6:first-child { + margin-left: calc(45vw - 0.5rem) !important; } + .tablet-post-6 { + margin-right: 44.9vw !important; } + .tablet-pre-7 { + margin-left: 52.4vw !important; } + [class*="column-"] .tablet-pre-7:first-child { + margin-left: calc(52.5vw - 0.5rem) !important; } + .tablet-post-7 { + margin-right: 52.4vw !important; } + .tablet-pre-8 { + margin-left: 59.9vw !important; } + [class*="column-"] .tablet-pre-8:first-child { + margin-left: calc(60vw - 0.5rem) !important; } + .tablet-post-8 { + margin-right: 59.9vw !important; } + .tablet-pre-9 { + margin-left: 67.4vw !important; } + [class*="column-"] .tablet-pre-9:first-child { + margin-left: calc(67.5vw - 0.5rem) !important; } + .tablet-post-9 { + margin-right: 67.4vw !important; } + .tablet-pre-10 { + margin-left: 74.9vw !important; } + [class*="column-"] .tablet-pre-10:first-child { + margin-left: calc(75vw - 0.5rem) !important; } + .tablet-post-10 { + margin-right: 74.9vw !important; } + .tablet-pre-11 { + margin-left: 82.4vw !important; } + [class*="column-"] .tablet-pre-11:first-child { + margin-left: calc(82.5vw - 0.5rem) !important; } + .tablet-post-11 { + margin-right: 82.4vw !important; } + .tablet-pre-12 { + margin-left: 89.9vw !important; } + [class*="column-"] .tablet-pre-12:first-child { + margin-left: calc(90vw - 0.5rem) !important; } + .tablet-post-12 { + margin-right: 89.9vw !important; } } + +@media screen and (min-width: 860px) { + .pre-0 { + margin-left: -0.1vw !important; } + [class*="column-"] .pre-0:first-child { + margin-left: calc(0vw - 0.5rem) !important; } + .post-0 { + margin-right: -0.1vw !important; } + .pre-1 { + margin-left: 3.65vw !important; } + [class*="column-"] .pre-1:first-child { + margin-left: calc(3.75vw - 0.5rem) !important; } + .post-1 { + margin-right: 3.65vw !important; } + .pre-2 { + margin-left: 7.4vw !important; } + [class*="column-"] .pre-2:first-child { + margin-left: calc(7.5vw - 0.5rem) !important; } + .post-2 { + margin-right: 7.4vw !important; } + .pre-3 { + margin-left: 11.15vw !important; } + [class*="column-"] .pre-3:first-child { + margin-left: calc(11.25vw - 0.5rem) !important; } + .post-3 { + margin-right: 11.15vw !important; } + .pre-4 { + margin-left: 14.9vw !important; } + [class*="column-"] .pre-4:first-child { + margin-left: calc(15vw - 0.5rem) !important; } + .post-4 { + margin-right: 14.9vw !important; } + .pre-5 { + margin-left: 18.65vw !important; } + [class*="column-"] .pre-5:first-child { + margin-left: calc(18.75vw - 0.5rem) !important; } + .post-5 { + margin-right: 18.65vw !important; } + .pre-6 { + margin-left: 22.4vw !important; } + [class*="column-"] .pre-6:first-child { + margin-left: calc(22.5vw - 0.5rem) !important; } + .post-6 { + margin-right: 22.4vw !important; } + .pre-7 { + margin-left: 26.15vw !important; } + [class*="column-"] .pre-7:first-child { + margin-left: calc(26.25vw - 0.5rem) !important; } + .post-7 { + margin-right: 26.15vw !important; } + .pre-8 { + margin-left: 29.9vw !important; } + [class*="column-"] .pre-8:first-child { + margin-left: calc(30vw - 0.5rem) !important; } + .post-8 { + margin-right: 29.9vw !important; } + .pre-9 { + margin-left: 33.65vw !important; } + [class*="column-"] .pre-9:first-child { + margin-left: calc(33.75vw - 0.5rem) !important; } + .post-9 { + margin-right: 33.65vw !important; } + .pre-10 { + margin-left: 37.4vw !important; } + [class*="column-"] .pre-10:first-child { + margin-left: calc(37.5vw - 0.5rem) !important; } + .post-10 { + margin-right: 37.4vw !important; } + .pre-11 { + margin-left: 41.15vw !important; } + [class*="column-"] .pre-11:first-child { + margin-left: calc(41.25vw - 0.5rem) !important; } + .post-11 { + margin-right: 41.15vw !important; } + .pre-12 { + margin-left: 44.9vw !important; } + [class*="column-"] .pre-12:first-child { + margin-left: calc(45vw - 0.5rem) !important; } + .post-12 { + margin-right: 44.9vw !important; } + .pre-13 { + margin-left: 48.65vw !important; } + [class*="column-"] .pre-13:first-child { + margin-left: calc(48.75vw - 0.5rem) !important; } + .post-13 { + margin-right: 48.65vw !important; } + .pre-14 { + margin-left: 52.4vw !important; } + [class*="column-"] .pre-14:first-child { + margin-left: calc(52.5vw - 0.5rem) !important; } + .post-14 { + margin-right: 52.4vw !important; } + .pre-15 { + margin-left: 56.15vw !important; } + [class*="column-"] .pre-15:first-child { + margin-left: calc(56.25vw - 0.5rem) !important; } + .post-15 { + margin-right: 56.15vw !important; } + .pre-16 { + margin-left: 59.9vw !important; } + [class*="column-"] .pre-16:first-child { + margin-left: calc(60vw - 0.5rem) !important; } + .post-16 { + margin-right: 59.9vw !important; } + .pre-17 { + margin-left: 63.65vw !important; } + [class*="column-"] .pre-17:first-child { + margin-left: calc(63.75vw - 0.5rem) !important; } + .post-17 { + margin-right: 63.65vw !important; } + .pre-18 { + margin-left: 67.4vw !important; } + [class*="column-"] .pre-18:first-child { + margin-left: calc(67.5vw - 0.5rem) !important; } + .post-18 { + margin-right: 67.4vw !important; } + .pre-19 { + margin-left: 71.15vw !important; } + [class*="column-"] .pre-19:first-child { + margin-left: calc(71.25vw - 0.5rem) !important; } + .post-19 { + margin-right: 71.15vw !important; } + .pre-20 { + margin-left: 74.9vw !important; } + [class*="column-"] .pre-20:first-child { + margin-left: calc(75vw - 0.5rem) !important; } + .post-20 { + margin-right: 74.9vw !important; } + .pre-21 { + margin-left: 78.65vw !important; } + [class*="column-"] .pre-21:first-child { + margin-left: calc(78.75vw - 0.5rem) !important; } + .post-21 { + margin-right: 78.65vw !important; } + .pre-22 { + margin-left: 82.4vw !important; } + [class*="column-"] .pre-22:first-child { + margin-left: calc(82.5vw - 0.5rem) !important; } + .post-22 { + margin-right: 82.4vw !important; } + .pre-23 { + margin-left: 86.15vw !important; } + [class*="column-"] .pre-23:first-child { + margin-left: calc(86.25vw - 0.5rem) !important; } + .post-23 { + margin-right: 86.15vw !important; } + .pre-24 { + margin-left: 89.9vw !important; } + [class*="column-"] .pre-24:first-child { + margin-left: calc(90vw - 0.5rem) !important; } + .post-24 { + margin-right: 89.9vw !important; } } + +@media screen and (min-width: 1280px) { + .pre-0 { + margin-left: 0px !important; } + [class*="column-"] .pre-0:first-child { + margin-left: calc(0px - 0.5rem) !important; } + .post-0 { + margin-right: 0px !important; } + .pre-1 { + margin-left: 48px !important; } + [class*="column-"] .pre-1:first-child { + margin-left: calc(48px - 0.5rem) !important; } + .post-1 { + margin-right: 48px !important; } + .pre-2 { + margin-left: 96px !important; } + [class*="column-"] .pre-2:first-child { + margin-left: calc(96px - 0.5rem) !important; } + .post-2 { + margin-right: 96px !important; } + .pre-3 { + margin-left: 144px !important; } + [class*="column-"] .pre-3:first-child { + margin-left: calc(144px - 0.5rem) !important; } + .post-3 { + margin-right: 144px !important; } + .pre-4 { + margin-left: 192px !important; } + [class*="column-"] .pre-4:first-child { + margin-left: calc(192px - 0.5rem) !important; } + .post-4 { + margin-right: 192px !important; } + .pre-5 { + margin-left: 240px !important; } + [class*="column-"] .pre-5:first-child { + margin-left: calc(240px - 0.5rem) !important; } + .post-5 { + margin-right: 240px !important; } + .pre-6 { + margin-left: 288px !important; } + [class*="column-"] .pre-6:first-child { + margin-left: calc(288px - 0.5rem) !important; } + .post-6 { + margin-right: 288px !important; } + .pre-7 { + margin-left: 336px !important; } + [class*="column-"] .pre-7:first-child { + margin-left: calc(336px - 0.5rem) !important; } + .post-7 { + margin-right: 336px !important; } + .pre-8 { + margin-left: 384px !important; } + [class*="column-"] .pre-8:first-child { + margin-left: calc(384px - 0.5rem) !important; } + .post-8 { + margin-right: 384px !important; } + .pre-9 { + margin-left: 432px !important; } + [class*="column-"] .pre-9:first-child { + margin-left: calc(432px - 0.5rem) !important; } + .post-9 { + margin-right: 432px !important; } + .pre-10 { + margin-left: 480px !important; } + [class*="column-"] .pre-10:first-child { + margin-left: calc(480px - 0.5rem) !important; } + .post-10 { + margin-right: 480px !important; } + .pre-11 { + margin-left: 528px !important; } + [class*="column-"] .pre-11:first-child { + margin-left: calc(528px - 0.5rem) !important; } + .post-11 { + margin-right: 528px !important; } + .pre-12 { + margin-left: 576px !important; } + [class*="column-"] .pre-12:first-child { + margin-left: calc(576px - 0.5rem) !important; } + .post-12 { + margin-right: 576px !important; } + .pre-13 { + margin-left: 624px !important; } + [class*="column-"] .pre-13:first-child { + margin-left: calc(624px - 0.5rem) !important; } + .post-13 { + margin-right: 624px !important; } + .pre-14 { + margin-left: 672px !important; } + [class*="column-"] .pre-14:first-child { + margin-left: calc(672px - 0.5rem) !important; } + .post-14 { + margin-right: 672px !important; } + .pre-15 { + margin-left: 720px !important; } + [class*="column-"] .pre-15:first-child { + margin-left: calc(720px - 0.5rem) !important; } + .post-15 { + margin-right: 720px !important; } + .pre-16 { + margin-left: 768px !important; } + [class*="column-"] .pre-16:first-child { + margin-left: calc(768px - 0.5rem) !important; } + .post-16 { + margin-right: 768px !important; } + .pre-17 { + margin-left: 816px !important; } + [class*="column-"] .pre-17:first-child { + margin-left: calc(816px - 0.5rem) !important; } + .post-17 { + margin-right: 816px !important; } + .pre-18 { + margin-left: 864px !important; } + [class*="column-"] .pre-18:first-child { + margin-left: calc(864px - 0.5rem) !important; } + .post-18 { + margin-right: 864px !important; } + .pre-19 { + margin-left: 912px !important; } + [class*="column-"] .pre-19:first-child { + margin-left: calc(912px - 0.5rem) !important; } + .post-19 { + margin-right: 912px !important; } + .pre-20 { + margin-left: 960px !important; } + [class*="column-"] .pre-20:first-child { + margin-left: calc(960px - 0.5rem) !important; } + .post-20 { + margin-right: 960px !important; } + .pre-21 { + margin-left: 1008px !important; } + [class*="column-"] .pre-21:first-child { + margin-left: calc(1008px - 0.5rem) !important; } + .post-21 { + margin-right: 1008px !important; } + .pre-22 { + margin-left: 1056px !important; } + [class*="column-"] .pre-22:first-child { + margin-left: calc(1056px - 0.5rem) !important; } + .post-22 { + margin-right: 1056px !important; } + .pre-23 { + margin-left: 1104px !important; } + [class*="column-"] .pre-23:first-child { + margin-left: calc(1104px - 0.5rem) !important; } + .post-23 { + margin-right: 1104px !important; } + .pre-24 { + margin-left: 1152px !important; } + [class*="column-"] .pre-24:first-child { + margin-left: calc(1152px - 0.5rem) !important; } + .post-24 { + margin-right: 1152px !important; } } + +.leader-half { + margin-top: 0.775rem; } + +.trailer-half { + margin-bottom: 0.775rem; } + +.padding-leader-half { + padding-top: 0.775rem; } + +.padding-trailer-half { + padding-bottom: 0.775rem; } + +.leader-0 { + margin-top: 0rem; } + +.trailer-0 { + margin-bottom: 0rem; } + +.padding-leader-0 { + padding-top: 0rem; } + +.padding-trailer-0 { + padding-bottom: 0rem; } + +.leader-1 { + margin-top: 1.55rem; } + +.trailer-1 { + margin-bottom: 1.55rem; } + +.padding-leader-1 { + padding-top: 1.55rem; } + +.padding-trailer-1 { + padding-bottom: 1.55rem; } + +.leader-2 { + margin-top: 3.1rem; } + +.trailer-2 { + margin-bottom: 3.1rem; } + +.padding-leader-2 { + padding-top: 3.1rem; } + +.padding-trailer-2 { + padding-bottom: 3.1rem; } + +.leader-3 { + margin-top: 4.65rem; } + +.trailer-3 { + margin-bottom: 4.65rem; } + +.padding-leader-3 { + padding-top: 4.65rem; } + +.padding-trailer-3 { + padding-bottom: 4.65rem; } + +.leader-4 { + margin-top: 6.2rem; } + +.trailer-4 { + margin-bottom: 6.2rem; } + +.padding-leader-4 { + padding-top: 6.2rem; } + +.padding-trailer-4 { + padding-bottom: 6.2rem; } + +.leader-5 { + margin-top: 7.75rem; } + +.trailer-5 { + margin-bottom: 7.75rem; } + +.padding-leader-5 { + padding-top: 7.75rem; } + +.padding-trailer-5 { + padding-bottom: 7.75rem; } + +.leader-6 { + margin-top: 9.3rem; } + +.trailer-6 { + margin-bottom: 9.3rem; } + +.padding-leader-6 { + padding-top: 9.3rem; } + +.padding-trailer-6 { + padding-bottom: 9.3rem; } + +@media screen and (max-width: 859px) { + .tablet-leader-0 { + margin-top: 0rem; } + .tablet-trailer-0 { + margin-bottom: 0rem; } + .tablet-padding-leader-0 { + padding-top: 0rem; } + .tablet-padding-trailer-0 { + padding-bottom: 0rem; } + .tablet-leader-1 { + margin-top: 1.55rem; } + .tablet-trailer-1 { + margin-bottom: 1.55rem; } + .tablet-padding-leader-1 { + padding-top: 1.55rem; } + .tablet-padding-trailer-1 { + padding-bottom: 1.55rem; } + .tablet-leader-2 { + margin-top: 3.1rem; } + .tablet-trailer-2 { + margin-bottom: 3.1rem; } + .tablet-padding-leader-2 { + padding-top: 3.1rem; } + .tablet-padding-trailer-2 { + padding-bottom: 3.1rem; } + .tablet-leader-3 { + margin-top: 4.65rem; } + .tablet-trailer-3 { + margin-bottom: 4.65rem; } + .tablet-padding-leader-3 { + padding-top: 4.65rem; } + .tablet-padding-trailer-3 { + padding-bottom: 4.65rem; } + .tablet-leader-4 { + margin-top: 6.2rem; } + .tablet-trailer-4 { + margin-bottom: 6.2rem; } + .tablet-padding-leader-4 { + padding-top: 6.2rem; } + .tablet-padding-trailer-4 { + padding-bottom: 6.2rem; } + .tablet-leader-5 { + margin-top: 7.75rem; } + .tablet-trailer-5 { + margin-bottom: 7.75rem; } + .tablet-padding-leader-5 { + padding-top: 7.75rem; } + .tablet-padding-trailer-5 { + padding-bottom: 7.75rem; } + .tablet-leader-6 { + margin-top: 9.3rem; } + .tablet-trailer-6 { + margin-bottom: 9.3rem; } + .tablet-padding-leader-6 { + padding-top: 9.3rem; } + .tablet-padding-trailer-6 { + padding-bottom: 9.3rem; } } + +@media screen and (max-width: 479px) { + .phone-leader-0 { + margin-top: 0rem; } + .phone-trailer-0 { + margin-bottom: 0rem; } + .phone-padding-leader-0 { + padding-top: 0rem; } + .phone-padding-trailer-0 { + padding-bottom: 0rem; } + .phone-leader-1 { + margin-top: 1.55rem; } + .phone-trailer-1 { + margin-bottom: 1.55rem; } + .phone-padding-leader-1 { + padding-top: 1.55rem; } + .phone-padding-trailer-1 { + padding-bottom: 1.55rem; } + .phone-leader-2 { + margin-top: 3.1rem; } + .phone-trailer-2 { + margin-bottom: 3.1rem; } + .phone-padding-leader-2 { + padding-top: 3.1rem; } + .phone-padding-trailer-2 { + padding-bottom: 3.1rem; } + .phone-leader-3 { + margin-top: 4.65rem; } + .phone-trailer-3 { + margin-bottom: 4.65rem; } + .phone-padding-leader-3 { + padding-top: 4.65rem; } + .phone-padding-trailer-3 { + padding-bottom: 4.65rem; } + .phone-leader-4 { + margin-top: 6.2rem; } + .phone-trailer-4 { + margin-bottom: 6.2rem; } + .phone-padding-leader-4 { + padding-top: 6.2rem; } + .phone-padding-trailer-4 { + padding-bottom: 6.2rem; } + .phone-leader-5 { + margin-top: 7.75rem; } + .phone-trailer-5 { + margin-bottom: 7.75rem; } + .phone-padding-leader-5 { + padding-top: 7.75rem; } + .phone-padding-trailer-5 { + padding-bottom: 7.75rem; } + .phone-leader-6 { + margin-top: 9.3rem; } + .phone-trailer-6 { + margin-bottom: 9.3rem; } + .phone-padding-leader-6 { + padding-top: 9.3rem; } + .phone-padding-trailer-6 { + padding-bottom: 9.3rem; } } + +@media screen and (min-width: 860px) { + .phone-show { + display: none !important; } + .tablet-show { + display: none !important; } + .tablet-only { + display: none !important; } } + +@media screen and (max-width: 859px) and (min-width: 480px) { + .tablet-hide { + display: none !important; } + .phone-show { + display: none !important; } } + +@media screen and (max-width: 479px) { + .phone-hide { + display: none !important; } + .tablet-hide { + display: none !important; } + .tablet-only { + display: none !important; } } + +.invisible { + visibility: hidden; } + +.visible { + visibility: visible; } + +.hide { + display: none !important; } + +.left { + float: left; } + +.right { + float: right; } + +@media screen and (max-width: 859px) and (min-width: 480px) { + .tablet-left { + float: left; } + .tablet-right { + float: right; } } + +@media screen and (max-width: 479px) { + .phone-left { + float: left; } + .phone-right { + float: right; } } + +@media screen and (max-width: 860px) { + .tablet-block-group-1-up .block { + width: 100%; } + .tablet-block-group-2-up .block { + width: 50%; } + .tablet-block-group-3-up .block { + width: 33.33333%; } + .tablet-block-group-4-up .block { + width: 25%; } + .tablet-block-group-5-up .block { + width: 20%; } } + +@media screen and (max-width: 480px) { + .phone-block-group-1-up .block { + width: 100%; } + .phone-block-group-2-up .block { + width: 50%; } + .phone-block-group-3-up .block { + width: 33.33333%; } + .phone-block-group-4-up .block { + width: 25%; } + .phone-block-group-5-up .block { + width: 20%; } } + +.block-group { + font-family: monospace; + letter-spacing: -.65em; + margin-left: -0.5rem; + margin-right: -0.5rem; + text-align: left; + display: block; } + .block-group.center { + text-align: center; } + +.block { + position: relative; + display: inline-block; + float: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-left: 0.5rem; + padding-right: 0.5rem; + letter-spacing: normal; + text-align: left; + vertical-align: top; } + +.block-group-1-up .block { + width: 100%; } + +.block-group-2-up .block { + width: 50%; } + +.block-group-3-up .block { + width: 33.33333%; } + +.block-group-4-up .block { + width: 25%; } + +.block-group-5-up .block { + width: 20%; } + +.is-sticky { + position: fixed; + z-index: 10; } + .is-sticky.scroll-show, .is-sticky .scroll-show { + visibility: visible; } + +.scroll-show { + visibility: hidden; } + +@font-face { + font-family: "Avenir Next W01_n3"; + src: url("http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Avenir Next W01"; + src: url("http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/f401df6f-54eb-406c-b46a-90b9451c598d.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/276fe25e-e430-4376-b33c-705dd77b3dba.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/869dc33b-3685-4d74-a51c-82b435579093.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#869dc33b-3685-4d74-a51c-82b435579093") format("svg"); + font-weight: 300; + font-style: normal; } + +@font-face { + font-family: "Avenir Next W01_n4"; + src: url("http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Avenir Next W01"; + src: url("http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/1e9892c0-6927-4412-9874-1b82801ba47a.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/52a192b1-bea5-4b48-879f-107f009b666f.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#52a192b1-bea5-4b48-879f-107f009b666f") format("svg"); + font-weight: 400; + font-style: normal; } + +@font-face { + font-family: "Avenir Next W01_n5"; + src: url("http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Avenir Next W01"; + src: url("http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/f26faddb-86cc-4477-a253-1e1287684336.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg"); + font-weight: 500; + font-style: normal; } + +@font-face { + font-family: "Avenir Next W01_n6"; + src: url("http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Avenir Next W01"; + src: url("http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/99affa9a-a5e9-4559-bd07-20cf0071852d.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg"); + font-weight: 600; + font-style: normal; } + +@font-face { + font-family: "Frutiger W01_i3"; + src: url("http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Frutiger W01"; + src: url("http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/dda818d0-9f7a-4574-8d17-8e3546cb04fb.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/1078a920-3def-4194-ba69-46751fb9af38.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg"); + font-weight: 300; + font-style: italic; } + +@font-face { + font-family: "Frutiger W01_n3"; + src: url("http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Frutiger W01"; + src: url("http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/3f5a5b87-e71e-4544-be0c-da4daa132710.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg"); + font-weight: 300; + font-style: normal; } + +@font-face { + font-family: "Frutiger W01_n5"; + src: url("http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); } + +@font-face { + font-family: "Frutiger W01"; + src: url("http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); + src: url("http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("http://fast.fonts.net/dv2/14/9b1fae67-8764-448a-a926-54b09bd0b06b.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("http://fast.fonts.net/dv2/3/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("http://fast.fonts.net/dv2/1/076311f8-a01b-4389-a5eb-334a62e62d45.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("http://fast.fonts.net/dv2/11/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg"); + font-weight: 500; + font-style: normal; } + +@font-face { + font-family: "Kepler W01_n4"; + src: url("https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); } + +@font-face { + font-family: "Kepler W01"; + src: url("https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); + font-weight: 400; + font-style: normal; } + +@font-face { + font-family: "Kepler W01"; + src: url("https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f"); + src: url("https://fast.fonts.net/dv2/3/10d5fc2c-8305-41ba-819e-2a21768f55f9.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("woff"), url("https://fast.fonts.net/dv2/1/7d640a8e-eb57-4e6f-9d25-0989dd7c9e6b.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("truetype"), url("https://fast.fonts.net/dv2/11/236a68b6-2675-430a-861c-ae2a383ee6df.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#236a68b6-2675-430a-861c-ae2a383ee6df") format("svg"); + font-weight: 400; + font-style: normal; } + +@font-face { + font-family: "Kepler W01_i4"; + src: url("https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); } + +@font-face { + font-family: "Kepler W01"; + src: url("https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); + font-weight: 400; + font-style: italic; } + +@font-face { + font-family: "Kepler W01"; + src: url("https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f"); + src: url("https://fast.fonts.net/dv2/3/f3084f2a-c66f-4bf9-a4e6-56f35a712ed9.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("woff"), url("https://fast.fonts.net/dv2/1/63490ffd-79af-4b85-a111-96a223f44fe0.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("truetype"), url("https://fast.fonts.net/dv2/11/13d1ca9b-990e-41fa-aae1-1f9c817c0fb7.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#13d1ca9b-990e-41fa-aae1-1f9c817c0fb7") format("svg"); + font-weight: 400; + font-style: italic; } + +@font-face { + font-family: "Kepler W01_n6"; + src: url("https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); } + +@font-face { + font-family: "Kepler W01"; + src: url("https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); + font-weight: 600; + font-style: normal; } + +@font-face { + font-family: "Kepler W01"; + src: url("https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f"); + src: url("https://fast.fonts.net/dv2/3/ebc0a5b7-edf8-4e33-a0e3-9dcde51e3631.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("woff"), url("https://fast.fonts.net/dv2/1/bdfcf764-ebf8-4964-906c-23016768ade9.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("truetype"), url("https://fast.fonts.net/dv2/11/aceb4785-a95c-4dd2-b8ac-2817cbadd13c.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#aceb4785-a95c-4dd2-b8ac-2817cbadd13c") format("svg"); + font-weight: 600; + font-style: normal; } + +.avenir-light, .block, h1, h2, h3, h4, h5, h6 { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 300; + font-style: normal; } + .avenir-light b, .block b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .avenir-light strong, .block strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { + font-weight: 400; } + +.avenir-light-italic { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 300; + font-style: italic; } + .avenir-light-italic b, .avenir-light-italic strong { + font-weight: 400; } + +.avenir-regular, .breadcrumbs, .tooltip:before, table > thead, input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='time'], input[type='week'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='number'], input[type='password'], input[type='month'], textarea, select, .loader-text, .search-bar, .top-nav, .top-nav-list, .third-nav, .toolbar, .side-nav, .dropdown-menu, .accordion, .side-nav-title, .accordion-title { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 400; + font-style: normal; } + .avenir-regular b, .breadcrumbs b, .tooltip:before b, table > thead b, input[type='date'] b, input[type='datetime'] b, input[type='datetime-local'] b, input[type='email'] b, input[type='time'] b, input[type='week'] b, input[type='search'] b, input[type='tel'] b, input[type='text'] b, input[type='url'] b, input[type='number'] b, input[type='password'] b, input[type='month'] b, textarea b, select b, .loader-text b, .search-bar b, .top-nav b, .top-nav-list b, .third-nav b, .toolbar b, .side-nav b, .dropdown-menu b, .accordion b, .side-nav-title b, .accordion-title b, .avenir-regular strong, .breadcrumbs strong, .tooltip:before strong, table > thead strong, input[type='date'] strong, input[type='datetime'] strong, input[type='datetime-local'] strong, input[type='email'] strong, input[type='time'] strong, input[type='week'] strong, input[type='search'] strong, input[type='tel'] strong, input[type='text'] strong, input[type='url'] strong, input[type='number'] strong, input[type='password'] strong, input[type='month'] strong, textarea strong, select strong, .loader-text strong, .search-bar strong, .top-nav strong, .top-nav-list strong, .third-nav strong, .toolbar strong, .side-nav strong, .dropdown-menu strong, .accordion strong, .side-nav-title strong, .accordion-title strong { + font-weight: 500; } + +.avenir-italic { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 400; + font-style: italic; } + .avenir-italic b, .avenir-italic strong { + font-weight: 500; } + +.avenir-demi { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 500; + font-style: normal; } + .avenir-demi b, .avenir-demi strong { + font-weight: 600; } + +.avenir-demi-italic { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 500; + font-style: italic; } + .avenir-demi-italic b, .avenir-demi-italic strong { + font-weight: 600; } + +.avenir-bold, .third-nav-link.is-active { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 600; + font-style: normal; } + .avenir-bold b, .third-nav-link.is-active b, .avenir-bold strong, .third-nav-link.is-active strong { + font-weight: 600; } + +.avenir-bold-italic { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 600; + font-style: italic; } + .avenir-bold-italic b, .avenir-bold-italic strong { + font-weight: 600; } + +.code-face, .code-face .block { + letter-spacing: 0em; + font-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Monaco', 'Courier New', Courier, monospace; + font-weight: 400; + font-style: normal; } + .code-face b, .code-face strong, .code-face .block b, .code-face .block strong { + font-weight: 400; } + +.code-italic, .code-italic .block { + letter-spacing: 0em; + font-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Monaco', 'Courier New', Courier, monospace; + font-weight: 400; + font-style: italic; } + .code-italic b, .code-italic strong, .code-italic .block b, .code-italic .block strong { + font-weight: 400; } + +html { + font-size: 17px; } + +body { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 300; + font-style: normal; + font-size: 1rem; + line-height: 1.55rem; + line-height: 1.55rem; + color: #4c4c4c; + -webkit-font-feature-settings: "kern"; + -moz-font-feature-settings: "kern"; + font-feature-settings: "kern"; + font-kerning: normal; + text-rendering: optimizeLegibility; + -moz-font-feature-settings: 'liga= 1','calt=0'; + -moz-font-feature-settings: "liga" 1,"calt" 0; + -webkit-font-feature-settings: "liga" 1,"calt" 0; + -ms-font-feature-settings: 'liga= 1','calt=0'; + -o-font-feature-settings: "liga" 1,"calt" 0; + font-feature-settings: "liga" 1,"calt" 0; } + body b, body strong { + font-weight: 400; } + +h1, h2, h3, h4, h5, h6 { + margin: 0 0 1.55rem 0; } + +h1 { + font-size: 1.85546875rem; + line-height: 3.1rem; } + +h2 { + font-size: 1.5625rem; } + +h3 { + font-size: 1.484375rem; + line-height: 2.325rem; } + +h4 { + font-size: 1.25rem; } + +h5 { + font-size: 1.1875rem; + line-height: 1.55rem; } + +h6 { + font-size: 1rem; + line-height: 1.55rem; } + +code, kbd, pre, samp { + font-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Monaco', 'Courier New', Courier, monospace; } + +code { + padding: .25rem; + border-radius: 3px; + border: 1px solid #efefef; + color: #595959; + background: #f8f8f8; + white-space: pre; + font-size: 0.85em; } + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; + max-width: 100%; + margin-bottom: 1.55rem; } + pre code { + padding: 1rem; + display: block; + overflow: auto; + word-wrap: normal; + font-size: 0.875rem; + line-height: 1.55rem; } + +p, ul, ol, dl, blockquote { + margin-top: 0; + margin-bottom: 1.55rem; } + +blockquote { + margin: 1.55rem 0; + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 400; + font-style: normal; + padding-left: 1rem; + border-left: 3px solid #cccccc; + color: #6e6e6e; } + blockquote b, blockquote strong { + font-weight: 500; } + +blockquote, blockquote p { + font-size: 1.1875rem; + line-height: 1.55rem; } + +a { + color: #3b8fc4; + text-decoration: none; + -webkit-transition: color 150ms linear; + transition: color 150ms linear; } + a:hover, a:focus { + color: #56a5d8; } + +ul, ol { + padding: 0; + list-style-position: inside; + margin-bottom: 1.55rem; } + ul ul, ul ol, ol ul, ol ol { + padding-left: 1.55rem; + margin: 0; } + +small, sup, sub { + font-size: 0.8em; } + +sub, sup { + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +mark { + padding: 0 0.1em 0.1em; } + +hr { + margin: 3.1rem 0; + border: none; + border-top: 1px solid #cccccc; } + +figure { + margin: 0 0 3.1rem 0; } + figure img { + max-width: 100%; } + +figcaption { + margin: 0.3875rem 0; + padding-left: 0.775rem; + border-left: 3px solid #828282; + font-size: 0.875rem; + line-height: 1.55rem; + font-style: italic; + color: #828282; } + +table { + margin-bottom: 1.55rem; } + +.esri-logo { + margin: 0.3875rem; + content: ""; + display: inline-block; + background-repeat: no-repeat; + background-position: center; + background-color: transparent; + min-height: 30px; + min-width: 70px; + line-height: 0; + background-size: 100% 100%; + background-image: url('../img/logo/esri-logo.svg'); } + +.esri-logo-reverse { + margin: 0.3875rem; + content: ""; + display: inline-block; + background-repeat: no-repeat; + background-position: center; + background-color: transparent; + min-height: 30px; + min-width: 70px; + line-height: 0; + background-size: 100% 100%; + background-image: url('../img/logo/esri-logo.svg'); + background-image: url('../img/logo/esri-logo-reversed.svg'); } + +.esri-logo-condensed { + margin-left: 0; + margin-right: 0; + margin-bottom: -0.125rem; + margin-top: -0.135rem; } + +.btn { + position: relative; + display: inline-block; + padding: 0.31rem .9rem; + width: auto; + color: white; + border: 1px solid #196fa6; + background-color: #3b8fc4; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.05s linear; + transition: all 0.05s linear; + cursor: pointer; + white-space: nowrap; + font-size: 0.9375rem; + line-height: 1.55rem; + font-weight: 400; } + .btn:hover, .btn:focus { + background-color: #196fa6; + color: white; } + +.btn-arrow:after { + content: " →"; } + +.btn-transparent { + background: none; + color: #3b8fc4; + border: none; } + .btn-transparent:hover { + color: #56a5d8; + background: none; } + .btn-transparent.btn-disabled { + background: none; + color: #959595; } + .btn-transparent.btn-disabled:hover { + color: #959595; + background: none; } + +.btn-clear { + color: #3b8fc4; + background: transparent; + border-color: #3b8fc4; } + .btn-clear:hover { + color: white; + background: #196fa6; + border-color: #196fa6; } + +.btn-clear-white { + background: none; + color: white; + border: 1px solid white; } + .btn-clear-white:hover { + color: #959595; + background: white; } + +.btn-small { + font-size: 0.875rem; + line-height: 1.55rem; + padding: 0.2325rem .675rem; } + +.btn-large { + font-size: 1rem; + line-height: 1.55rem; + padding: .5rem 1rem .5rem; } + +.btn-fill { + width: 100%; + text-align: center; } + +.btn-grouped { + float: left; } + .btn-grouped + .btn-grouped { + border-left: none; } + .btn-grouped:last-of-type { + float: none; } + +.btn-red { + background-color: #c6542d; + border-color: #ab3c16; } + .btn-red:hover { + background-color: #ab3c16; } + +.btn-green { + background-color: #5a9359; + border-color: #338033; } + .btn-green:hover { + background-color: #338033; } + +.btn-blue { + background-color: #3b8fc4; + border-color: #196fa6; } + .btn-blue:hover { + background-color: #196fa6; } + +.btn-orange { + background-color: #eda959; + border-color: #e8912e; } + .btn-orange:hover { + background-color: #e8912e; } + +.btn:disabled, .btn-disabled, button[disabled] { + background-color: #f8f8f8; + border-color: #efefef; + cursor: default; + pointer-events: none; + color: #959595; } + .btn:disabled:hover, .btn-disabled:hover, button[disabled]:hover { + background-color: #a9a9a9; + color: #959595; } + +.dropdown { + position: relative; + display: inline-block; } + .dropdown.is-active .dropdown-menu { + display: block; } + +.dropdown-btn:after { + content: "\25bc"; + padding-left: .75em; + font-size: 0.875rem; + line-height: 1.55rem; } + +.dropdown-menu { + position: absolute; + min-width: 200px; + max-width: 300px; + margin-top: -1px; + -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); + z-index: 1000; + display: none; } + .dropdown-menu.dropdown-right { + right: 0; } + +.dropdown-link { + clear: both; + white-space: nowrap; } + +.breadcrumbs { + font-size: 0.875rem; + line-height: 1.55rem; + color: #828282; } + .breadcrumbs a { + color: #828282; } + .breadcrumbs a:hover { + color: #6e6e6e; } + +.crumb:after { + font-size: 0.8125rem; + line-height: 1.55rem; + content: "/"; + padding: 0 0.25em 0 0.5em; + opacity: 0.5; } +.crumb.is-active { + font-weight: 600; } + .crumb.is-active:after { + content: none; } + +.tooltip { + position: relative; + display: inline-block; } + +.tooltip:before { + content: attr(data-message); + position: absolute; + top: 1.55rem; + left: -6em; + width: 12em; + padding: 0.3875rem 0.775rem; + display: block; + font-size: 0.9375rem; + line-height: 1.55rem; + text-align: center; + background-color: rgba(0, 0, 0, 0.75); + color: #f8f8f8; + pointer-events: none; + opacity: 0; + z-index: 4; + -webkit-transition: all, 150ms linear; + transition: all, 150ms linear; + -webkit-transform: translate3d(0, 4px, 0); + -moz-transform: translate3d(0, 4px, 0); + -ms-transform: translate3d(0, 4px, 0); + -o-transform: translate3d(0, 4px, 0); + transform: translate3d(0, 4px, 0); } + +.tooltip-left:before { + left: 0; } + +.tooltip-right:before { + left: auto; + right: 0; } + +.tooltip:hover:before { + -webkit-transition: all, 150ms linear; + transition: all, 150ms linear; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } + +.alert { + font-size: 0.9375rem; + line-height: 1.55rem; + padding: 0.775rem 0.775rem; + color: #196fa6; + background-color: #94c6e6; + position: relative; + display: none; + z-index: 100; + max-width: 40em; + border: 1px solid #3b8fc4; + -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); } + .alert.is-active { + display: block; } + .alert a:hover { + color: #196fa6; } + +.alert-red { + background-color: #f3d9d0; + color: #ab3c16; + border-color: #e4a793; } + +.alert-green { + background-color: #cadecb; + color: #338033; + border-color: #9bc19c; } + +.alert-close { + position: absolute; + right: 0.775rem; } + +.panel { + background-color: #efefef; } + .panel:after { + content: ''; + display: table; + clear: both; } + .panel [class*="column-"] { + padding-left: 1.5rem; + padding-right: 1.5rem; } + +.panel-bordered { + border: 1px solid #a9a9a9; + margin: -1px; } + +.panel-padded { + padding-left: 1rem; + padding-right: 1rem; } + +.panel-dark { + background-color: #595959; } + .panel-dark.panel-bordered { + border: 1px solid #4c4c4c; } + +.panel-white { + background-color: white; } + .panel-white.panel-bordered { + border: 1px solid #efefef; } + +.panel-dark-blue { + background-color: #004575; } + .panel-dark-blue.panel-bordered { + border: 1px solid #007ac2; } + +.panel-blue { + background-color: #3b8fc4; } + .panel-blue.panel-bordered { + border: 1px solid #56a5d8; } + +.panel-light-blue { + background-color: #56a5d8; } + .panel-light-blue.panel-bordered { + border: 1px solid #3b8fc4; } + +.panel-off-white { + background-color: #f8f8f8; } + .panel-off-white.panel-bordered { + border: 1px solid #efefef; } + +table { + width: 100%; + background-color: white; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #cccccc; + text-align: left; + overflow: auto; + font-size: 0.875rem; + line-height: 1.55rem; } + table > thead { + background-color: #efefef; + border-bottom: 1px solid #cccccc; + font-size: 1rem; + line-height: 1.55rem; } + table > tbody { + overflow: auto; + width: 100%; } + table > tfoot { + background-color: #efefef; + border-top: 1px solid #cccccc; } + table th, table td { + font-weight: normal; + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; + padding: 0.5166666667rem; } + table tr { + border-bottom: 1px solid #cccccc; + text-align: left; } + table tr:last-child { + border-bottom: none; } + table caption { + color: #959595; + caption-side: bottom; + line-height: 1.55rem; + padding: 0.3875rem 0.775rem; } + +.table-blue { + border: 1px solid #3b8fc4; } + .table-blue > thead { + background-color: #3b8fc4; + border: none; + border-bottom: 1px solid #3b8fc4; + color: white; } + .table-blue > thead tr:nth-child(even) { + background-color: #bcdaed; + color: #4c4c4c; } + .table-blue > tfoot { + border-top: 1px solid #3b8fc4; } + .table-blue th, .table-blue td { + border-left: 1px solid #3b8fc4; + border-right: 1px solid #3b8fc4; } + .table-blue tr { + border-bottom: 1px solid #3b8fc4; } + +.table-plain { + border: none; } + .table-plain > thead, .table-plain > tfoot, .table-plain th, .table-plain td { + background-color: transparent; + border: none; } + .table-plain tr { + border: none; } + .table-plain tr:nth-child(even) { + background-color: transparent; } + .table-plain tr:nth-child(even) td { + background-color: transparent; } + +.table-striped tr:nth-child(even) { + background-color: #f8f8f8; } + .table-striped tr:nth-child(even) td { + background-color: #f8f8f8; } +.table-striped.table-blue tr:nth-child(even) { + background-color: #d2e9f9; } + .table-striped.table-blue tr:nth-child(even) td { + background-color: #d2e9f9; } + +form { + margin: 0; + padding: 0; } + +fieldset { + margin: 0 0 1.55rem 0; + padding: 0; + border: none; + display: block; } + fieldset label { + margin-bottom: 0; + font-size: 0.9375rem; + line-height: 1.55rem; + color: #595959; } + +label, legend { + display: block; + font-size: 1rem; + line-height: 1.55rem; + margin: 0 0 1.55rem 0; } + +label.required:after { + font-size: 0.8125rem; + line-height: 1.55rem; + text-transform: uppercase; + content: "required"; + color: #c6542d; + position: absolute; + right: 0.5166666667rem; + top: 0.5166666667rem; } + +legend { + margin-bottom: .1rem; } + +input, select, textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: 100%; + outline: none; + outline-offset: 0; + vertical-align: baseline; + margin: 0.3875rem 0 0 0; } + input[disabled], select[disabled], textarea[disabled] { + cursor: default; } + +input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='time'], input[type='week'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='number'], input[type='password'], input[type='month'], textarea { + display: inline-block; + padding: 0.31rem; + font-size: 0.9375rem; + line-height: 1.55rem; + color: #595959; + border: 1px solid #a9a9a9; + border-radius: 0; + -webkit-transition: border-color 150ms linear; + transition: border-color 150ms linear; + -webkit-appearance: textfield; } + input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='email']:focus, input[type='time']:focus, input[type='week']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, input[type='number']:focus, input[type='password']:focus, input[type='month']:focus, textarea:focus { + border-color: #3b8fc4; } + input[type='date'].input-error, input[type='datetime'].input-error, input[type='datetime-local'].input-error, input[type='email'].input-error, input[type='time'].input-error, input[type='week'].input-error, input[type='search'].input-error, input[type='tel'].input-error, input[type='text'].input-error, input[type='url'].input-error, input[type='number'].input-error, input[type='password'].input-error, input[type='month'].input-error, textarea.input-error { + border-color: #c6542d; } + input[type='date'].input-error:focus, input[type='datetime'].input-error:focus, input[type='datetime-local'].input-error:focus, input[type='email'].input-error:focus, input[type='time'].input-error:focus, input[type='week'].input-error:focus, input[type='search'].input-error:focus, input[type='tel'].input-error:focus, input[type='text'].input-error:focus, input[type='url'].input-error:focus, input[type='number'].input-error:focus, input[type='password'].input-error:focus, input[type='month'].input-error:focus, textarea.input-error:focus { + border-color: #3b8fc4; } + input[type='date'].input-warning, input[type='datetime'].input-warning, input[type='datetime-local'].input-warning, input[type='email'].input-warning, input[type='time'].input-warning, input[type='week'].input-warning, input[type='search'].input-warning, input[type='tel'].input-warning, input[type='text'].input-warning, input[type='url'].input-warning, input[type='number'].input-warning, input[type='password'].input-warning, input[type='month'].input-warning, textarea.input-warning { + border-color: #d9bf2b; } + input[type='date'].input-warning:focus, input[type='datetime'].input-warning:focus, input[type='datetime-local'].input-warning:focus, input[type='email'].input-warning:focus, input[type='time'].input-warning:focus, input[type='week'].input-warning:focus, input[type='search'].input-warning:focus, input[type='tel'].input-warning:focus, input[type='text'].input-warning:focus, input[type='url'].input-warning:focus, input[type='number'].input-warning:focus, input[type='password'].input-warning:focus, input[type='month'].input-warning:focus, textarea.input-warning:focus { + border-color: #3b8fc4; } + input[type='date'].input-success, input[type='datetime'].input-success, input[type='datetime-local'].input-success, input[type='email'].input-success, input[type='time'].input-success, input[type='week'].input-success, input[type='search'].input-success, input[type='tel'].input-success, input[type='text'].input-success, input[type='url'].input-success, input[type='number'].input-success, input[type='password'].input-success, input[type='month'].input-success, textarea.input-success { + border-color: #5a9359; } + input[type='date'].input-success:focus, input[type='datetime'].input-success:focus, input[type='datetime-local'].input-success:focus, input[type='email'].input-success:focus, input[type='time'].input-success:focus, input[type='week'].input-success:focus, input[type='search'].input-success:focus, input[type='tel'].input-success:focus, input[type='text'].input-success:focus, input[type='url'].input-success:focus, input[type='number'].input-success:focus, input[type='password'].input-success:focus, input[type='month'].input-success:focus, textarea.input-success:focus { + border-color: #3b8fc4; } + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; } + +input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='time'], input[type='week'], input[type='month'] { + max-height: 2.325rem; } + input[type='date'].input-error, input[type='datetime'].input-error, input[type='datetime-local'].input-error, input[type='time'].input-error, input[type='week'].input-error, input[type='month'].input-error { + border-color: #c6542d; } + +input[type='button'], input[type='reset'], input[type='submit'], button { + position: relative; + display: inline-block; + padding: 0.31rem .9rem; + width: auto; + color: white; + border: 1px solid #196fa6; + background-color: #3b8fc4; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.05s linear; + transition: all 0.05s linear; + cursor: pointer; + white-space: nowrap; + font-size: 0.9375rem; + line-height: 1.55rem; + font-weight: 400; } + input[type='button']:hover, input[type='button']:focus, input[type='reset']:hover, input[type='reset']:focus, input[type='submit']:hover, input[type='submit']:focus, button:hover, button:focus { + background-color: #196fa6; + color: white; } + +input[type="file"]::-webkit-file-upload-button { + -webkit-appearance: none; + position: relative; + display: inline-block; + padding: 0.31rem .9rem; + width: auto; + color: white; + border: 1px solid #196fa6; + background-color: #3b8fc4; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.05s linear; + transition: all 0.05s linear; + cursor: pointer; + white-space: nowrap; + font-size: 0.9375rem; + line-height: 1.55rem; + font-weight: 400; } + input[type="file"]::-webkit-file-upload-button:hover, input[type="file"]::-webkit-file-upload-button:focus { + background-color: #196fa6; + color: white; } + +::-ms-browse { + position: relative; + display: inline-block; + padding: 0.31rem .9rem; + width: auto; + color: white; + border: 1px solid #196fa6; + background-color: #3b8fc4; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.05s linear; + transition: all 0.05s linear; + cursor: pointer; + white-space: nowrap; + font-size: 0.9375rem; + line-height: 1.55rem; + font-weight: 400; } + ::-ms-browse:hover, ::-ms-browse:focus { + background-color: #196fa6; + color: white; } + +input[type='radio'], input[type='checkbox'] { + float: left; + width: auto; + margin: .3rem .3rem 0 .2rem; } + input[type='radio']:focus, input[type='checkbox']:focus { + outline: 1px solid #3b8fc4; } + +select { + width: auto; + height: 2.325rem; + font-size: 0.9375rem; + line-height: 1.55rem; + border: 1px solid #a9a9a9; + background-color: #efefef; } + select:focus { + border-color: #3b8fc4; } + +.input-error { + border-color: #c6542d; } + .input-error:focus { + border-color: #3b8fc4; } + +.input-warning { + border-color: #d9bf2b; } + .input-warning:focus { + border-color: #3b8fc4; } + +.input-success { + border-color: #5a9359; } + .input-success:focus { + border-color: #3b8fc4; } + +.loader-bars:before, .loader-bars:after, .loader-bars { + background: #56a5d8; + -webkit-animation: load 0.8s infinite ease-in-out; + animation: load 0.8s infinite ease-in-out; + width: 0.85rem; + height: 2rem; } + +.loader-bars:before, .loader-bars:after { + position: absolute; + top: 0; + content: ''; } + +@-webkit-keyframes load { + 0%, 80%, 100% { + box-shadow: 0 0 #56a5d8; + background: #56a5d8; + height: 2rem; } + + 40% { + box-shadow: 0 -0.5rem #3b8fc4; + background: #3b8fc4; + height: 2.5rem; } } + +@keyframes load { + 0%, 80%, 100% { + box-shadow: 0 0 #3b8fc4; + background: #56a5d8; + height: 2rem; } + + 40% { + box-shadow: 0 -0.5rem #3b8fc4; + background: #3b8fc4; + height: 2.5rem; } } + +.loader { + display: none; } + .loader.is-active { + display: block; } + +.loader-bars { + text-indent: -9999em; + margin: auto; + position: absolute; + right: 50%; + font-size: 11px; + -webkit-animation-delay: 0.16s; + animation-delay: 0.16s; } + .loader-bars:before { + left: -1.25rem; } + .loader-bars:after { + left: 1.25rem; + -webkit-animation-delay: 0.32s; + animation-delay: 0.32s; } + +.loader-text { + text-align: center; + padding-top: 4rem; } + .loader-text:after { + content: "\2026"; } + +.ie9 .loader-bars { + position: inherit; + background-color: transparent; + background-image: url('../img/loader-ie9.gif'); + background-position: center top; + animation: none; + -webkit-animation-delay: none; + -webkit-animation: none; + width: 64px; + height: 64px; } + .ie9 .loader-bars:before, .ie9 .loader-bars:after { + background: none; + animation: none; + -webkit-animation: none; + width: 0px; + height: 0px; } +.ie9 .loader-text { + padding-top: 2rem; } + +.search-bar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: relative; } + .search-bar input[type="search"], .search-bar input[type="text"] { + padding-right: 4.25em; } + +.search-submit { + position: relative; + display: inline-block; + padding: 0.31rem .9rem; + width: auto; + color: white; + border: 1px solid #196fa6; + background-color: #3b8fc4; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.05s linear; + transition: all 0.05s linear; + cursor: pointer; + white-space: nowrap; + font-size: 0.9375rem; + line-height: 1.55rem; + font-weight: 400; + color: #3b8fc4; + background: transparent; + border-color: #3b8fc4; + border-color: transparent; + position: absolute; + top: 0.3875rem; + right: 0; + bottom: 0; + z-index: 3; } + .search-submit:hover, .search-submit:focus { + background-color: #196fa6; + color: white; } + .search-submit:hover { + color: white; + background: #196fa6; + border-color: #196fa6; } + +.top-nav { + padding: 1.1625rem 0; } + +.top-nav-title { + font-size: 1.1875rem; + line-height: 1.55rem; + float: left; + padding-right: 2rem; } + +.top-nav-list { + float: left; + line-height: 1.6em; } + +.top-nav-link { + margin-right: 1em; } + +.sign-in { + float: right; + margin-top: -0.2583333333rem; + margin-bottom: -1.55rem; } + +.user { + font-size: 0.875rem; + line-height: 1.55rem; + z-index: 3; + cursor: pointer; } + +.user-image { + float: left; + height: 1.7rem; + width: 1.7rem; + border-radius: 50%; + border: 1px solid #efefef; + margin-top: -2px; } + +.user-name { + z-index: 2; + line-height: 2; + padding-left: 0.3875rem; } + .user-name:after { + padding-left: 0.3875rem; + content: "\25bc"; + font-size: .5rem; + vertical-align: .1rem; } + +.user-nav { + margin-top: 0.3875rem; } + +.super-nav { + position: relative; + background-color: #323232; + height: 4.65rem; + color: #f8f8f8; + top: 0; + margin-bottom: -4.65rem; + -webkit-transform: translate3d(0, -4.65rem, 0); + -moz-transform: translate3d(0, -4.65rem, 0); + -ms-transform: translate3d(0, -4.65rem, 0); + -o-transform: translate3d(0, -4.65rem, 0); + transform: translate3d(0, -4.65rem, 0); + -webkit-transition: 150ms linear; + transition: 150ms linear; } + .super-nav.is-active { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: 150ms linear; + transition: 150ms linear; + margin-bottom: 0; } + +.expanding-nav { + position: absolute; + top: 4rem; + left: 0; + right: 0; + bottom: 0; + background-color: #cccccc; + max-height: 0; + overflow: hidden; + opacity: 0; + z-index: 40; + pointer-events: none; + -webkit-transform: translate3d(0, -20px, 0); + -moz-transform: translate3d(0, -20px, 0); + -ms-transform: translate3d(0, -20px, 0); + -o-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + -webkit-transition: -webkit- transform 400ms ease-out, opacity 400ms ease-out, max-height 400ms ease-out; + -moz-transition: -moz- transform 400ms ease-out, opacity 400ms ease-out, max-height 400ms ease-out; + -o-transition: -o- transform 400ms ease-out, opacity 400ms ease-out, max-height 400ms ease-out; + transition: transform 400ms ease-out, opacity 400ms ease-out, max-height 400ms ease-out; } + .expanding-nav.is-active { + max-height: 100vh; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; } + +.expanding-nav-menu { + position: absolute; + top: 0; + left: 0; + right: 0; + opacity: 0; + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .expanding-nav-menu.is-active { + opacity: 1; } + +.sub-nav { + background-color: #efefef; } + +.sub-nav-title { + margin-top: 1.55rem; + display: inline-block; + float: left; + line-height: 1.25; } + +.sub-nav-list { + width: 100%; + margin-top: 0.775rem; + float: left; } + +.sub-nav-link { + padding: .25em .75em; + margin: 0 .25em 0 0; + float: left; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + color: #efefef; + font-size: 0.9375rem; + line-height: 1.55rem; + background-color: rgba(0, 0, 0, 0.45); + -webkit-transition: background-color 150ms linear, color 150ms 150ms linear; + transition: background-color 150ms linear, color 150ms 150ms linear; } + .sub-nav-link:hover, .sub-nav-link:focus { + background-color: rgba(0, 0, 0, 0.3); + color: white; } + .sub-nav-link.is-active { + background-color: white; + color: #4c4c4c; } + +.third-nav { + border-bottom: 1px solid #efefef; + background-color: white; + padding: 0.3875rem 0; + width: 100%; } + .third-nav nav { + margin-left: 0.775rem; } + +.third-nav-link { + color: #595959; + font-size: 0.875rem; + line-height: 1.55rem; + margin-right: 1.1625rem; } + .third-nav-link:hover { + color: #3b8fc4; } + +.toolbar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + border: 1px solid #cccccc; + background-color: #f8f8f8; } + +.side-nav, .dropdown-menu, .accordion { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + border: 1px solid #efefef; + border-top: none; + background-color: white; } + +.side-nav-title, .accordion-title { + margin: 0; + padding: 0.5166666667rem; + font-size: 0.9375rem; + line-height: 1.55rem; + background-color: #f8f8f8; + border-top: 1px solid #efefef; } + +.side-nav-link, .dropdown-link { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0.5166666667rem; + font-size: 0.875rem; + line-height: 1.55rem; + background-color: white; + border-top: 1px solid #efefef; + -webkit-transition: all 150ms linear; + transition: all 150ms linear; } + .side-nav-link:after, .dropdown-link:after { + content: "»"; + opacity: 0; + float: right; + padding: 0 0.3875rem; + -webkit-transition: all 150ms linear; + transition: all 150ms linear; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + .side-nav-link:hover:after, .dropdown-link:hover:after { + opacity: 1; + -webkit-transform: translate3d(8px, 0, 0); + -moz-transform: translate3d(8px, 0, 0); + -ms-transform: translate3d(8px, 0, 0); + -o-transform: translate3d(8px, 0, 0); + transform: translate3d(8px, 0, 0); } + +body { + display: flex; + height: 100%; + flex-direction: column; } + +.wrapper { + flex: 1 0 auto; } + +.footer { + flex: none; } + +.footer { + background-color: #f8f8f8; } + +.tab-nav:after { + content: ''; + display: table; + clear: both; } + +.tab-title { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 0.875rem; + line-height: 1.55rem; + -webkit-transition: all, 150ms linear; + transition: all, 150ms linear; + padding: 0.3875rem 0.775rem; + float: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + background-color: #f8f8f8; + border: 1px solid #cccccc; + border-left: none; + cursor: pointer; } + .tab-title:first-child { + border-left: 1px solid #cccccc; } + .tab-title:hover { + background-color: #fbfbfb; } + .tab-title.is-active { + border-bottom: 1px solid white; + background-color: white; } + .tab-title.is-active:hover { + background-color: white; } + +.tab-contents { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #cccccc; + margin-top: -1px; } + +.tab-section { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: white; + display: none; + padding: 0.775rem; + overflow: auto; } + .tab-section.is-active { + display: block; } + +.tabs-gray .tab-title { + background-color: white; } + .tabs-gray .tab-title.is-active { + background-color: #f8f8f8; + border-bottom: 1px solid #f8f8f8; } +.tabs-gray .tab-section { + background-color: #f8f8f8; } + +.tabs-transparent .tab-title { + background-color: transparent; + border: 1px solid transparent; } + .tabs-transparent .tab-title.is-active { + background-color: transparent; + border: 1px solid #cccccc; + border-bottom: 1px solid white; } +.tabs-transparent .tab-contents { + border-bottom: none; + border-left: none; + border-right: none; } +.tabs-transparent .tab-section { + background-color: transparent; + padding-left: 0; + padding-right: 0; } + +.modal-overlay { + display: none; + background: rgba(0, 0, 0, 0.75); + overflow-y: scroll; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 50; } + .modal-overlay.is-active { + display: block; } + +.modal-content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: relative; + top: 45vh; + left: 50vw; + -webkit-transform: translate3d(-50%, -50%, 0); + -moz-transform: translate3d(-50%, -50%, 0); + -ms-transform: translate3d(-50%, -50%, 0); + -o-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + max-height: 80vh; + z-index: 100; + background: #f8f8f8; + border: 1px solid #efefef; + padding: 1.55rem; + opacity: 1; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } + +.ie9 .modal-content { + -ms-transform: translate(-50%, -50%); } + +.accordion-section.is-active .accordion-content { + display: block; + border-top: 1px solid #efefef; } +.accordion-section.is-active .accordion-title:before { + content: "\25be"; + font-size: 1rem; + line-height: 1.55rem; } + +.accordion-title { + cursor: pointer; + -webkit-transition: all, 150ms linear; + transition: all, 150ms linear; } + .accordion-title:before { + content: "\25b6"; + padding-right: 0.5em; + font-size: 0.625rem; + line-height: 1.55rem; } + .accordion-title:hover { + -webkit-transition: all, 150ms linear; + transition: all, 150ms linear; + background-color: #efefef; } + +.accordion-content { + display: none; } + +.carousel-prev, .carousel-next { + position: absolute; + top: 50%; + margin-top: -0.775rem; + width: 1.55rem; + height: 1.55rem; + text-align: center; + color: white; + background: rgba(0, 0, 0, 0.75); + z-index: 10; } + +.carousel { + overflow-x: hidden; + position: relative; } + +.carousel-slides { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: -webkit- transform 150ms linear; + -moz-transition: -moz- transform 150ms linear; + -o-transition: -o- transform 150ms linear; + transition: transform 150ms linear; } + +.carousel-slide { + position: relative; + float: left; + height: 100%; } + +.carousel-prev { + left: 0; } + +.carousel-next { + right: 0; } + +.is-first-slide.carousel-prev, .is-last-slide.carousel-next { + pointer-events: none; + opacity: 0.2; } + +.drawer { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + visibility: hidden; + overflow: hidden; + opacity: 0; + background: rgba(0, 0, 0, 0.75); + -webkit-transition: visibility 0ms linear 200ms, opacity 200ms linear; + transition: visibility 0ms linear 200ms, opacity 200ms linear; + z-index: 1001; } + .drawer.is-active { + visibility: visible; + opacity: 1; + background-color: rgba(0, 0, 0, 0.75); + -webkit-transition-delay: 0ms; + transition-delay: 0ms; } + .drawer.is-active.drawer-left .drawer-nav { + -webkit-transform: translate3d(280px, 0, 0); + -moz-transform: translate3d(280px, 0, 0); + -ms-transform: translate3d(280px, 0, 0); + -o-transform: translate3d(280px, 0, 0); + transform: translate3d(280px, 0, 0); } + .drawer.is-active.drawer-right .drawer-nav { + -webkit-transform: translate3d(-280px, 0, 0); + -moz-transform: translate3d(-280px, 0, 0); + -ms-transform: translate3d(-280px, 0, 0); + -o-transform: translate3d(-280px, 0, 0); + transform: translate3d(-280px, 0, 0); } + +.drawer-nav { + position: absolute; + top: 0; + height: 100%; + width: 280px; + margin: 0; + padding: 0; + list-style: none; + background: white; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); + -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); + -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); + transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); } + +.drawer-left .drawer-nav { + left: -280px; } + +.drawer-right .drawer-nav { + left: 100%; } + +.ie9 .drawer.is-active.drawer-left .drawer-nav { + -ms-transform: translate(280px, 0); } +.ie9 .drawer.is-active.drawer-right .drawer-nav { + -ms-transform: translate(-280px, 0); } + +.link-red a, .alert-red a, a.link-red, a.alert-red { + color: #c6542d; } + .link-red a:hover, .alert-red a:hover, a.link-red:hover, a.alert-red:hover { + color: #ab3c16; } + +.link-green a, .alert-green a, a.link-green, a.alert-green { + color: #5a9359; } + .link-green a:hover, .alert-green a:hover, a.link-green:hover, a.alert-green:hover { + color: #338033; } + +.link-blue a, a.link-blue { + color: #3b8fc4; } + .link-blue a:hover, a.link-blue:hover { + color: #196fa6; } + +.link-purple a, a.link-purple { + color: #9081bc; } + .link-purple a:hover, a.link-purple:hover { + color: #7461a8; } + +.link-orange a, a.link-orange { + color: #eda959; } + .link-orange a:hover, a.link-orange:hover { + color: #e8912e; } + +.link-brown a, a.link-brown { + color: #a57946; } + .link-brown a:hover, a.link-brown:hover { + color: #8c5e2a; } + +.link-white a, a.link-white { + color: white; } + .link-white a:hover, a.link-white:hover { + color: #efefef; } + +.link-light-gray a, a.link-light-gray { + color: #a9a9a9; } + .link-light-gray a:hover, a.link-light-gray:hover { + color: #959595; } + +.link-gray a, a.link-gray { + color: #959595; } + .link-gray a:hover, a.link-gray:hover { + color: #828282; } + +.link-dark-gray a, a.link-dark-gray { + color: #828282; } + .link-dark-gray a:hover, a.link-dark-gray:hover { + color: #6e6e6e; } + +.link-darker-gray a, .side-nav-link a, .dropdown-link a, a.link-darker-gray, a.side-nav-link, a.dropdown-link { + color: #6e6e6e; } + .link-darker-gray a:hover, .side-nav-link a:hover, .dropdown-link a:hover, a.link-darker-gray:hover, a.side-nav-link:hover, a.dropdown-link:hover { + color: #595959; } + +.link-darkest-gray a, .third-nav-link.is-active:hover a, a.link-darkest-gray, a.third-nav-link.is-active:hover { + color: #595959; } + .link-darkest-gray a:hover, .third-nav-link.is-active:hover a:hover, a.link-darkest-gray:hover, a.third-nav-link.is-active:hover { + color: #4c4c4c; } + +.link-off-black a, .top-nav-title a, .top-nav-link a, a.link-off-black, a.top-nav-title, a.top-nav-link { + color: #4c4c4c; } + .link-off-black a:hover, .top-nav-title a:hover, .top-nav-link a:hover, a.link-off-black:hover, a.top-nav-title:hover, a.top-nav-link:hover { + color: #323232; } + +.text-red { + color: #c6542d; } + +.text-green { + color: #5a9359; } + +.text-blue { + color: #3b8fc4; } + +.text-purple { + color: #9081bc; } + +.text-orange { + color: #eda959; } + +.text-brown { + color: #a57946; } + +.text-white, .panel-dark, .panel-dark-blue, .panel-blue, .panel-light-blue { + color: white; } + +.text-light-gray { + color: #a9a9a9; } + +.text-gray { + color: #959595; } + +.text-dark-gray { + color: #828282; } + +.text-darker-gray, .panel-white, .panel-off-white { + color: #6e6e6e; } + +.text-darkest-gray { + color: #595959; } + +.text-off-black { + color: #4c4c4c; } + +.text-rule { + border-bottom: 1px solid #a9a9a9; } + +.text-inline { + display: inline; } + +.text-center { + text-align: center; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-light { + opacity: 0.66; } + +.text-ellipsis { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +.list-numbered { + counter-reset: li; + list-style: none; + position: relative; + padding-bottom: 1em; } + .list-numbered > li { + padding: 0.3em .25em .25em 2.5em; + position: relative; + margin-bottom: 0.75em; } + .list-numbered > li:before { + letter-spacing: 0em; + font-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + font-weight: 300; + font-style: normal; + content: counter(li); + counter-increment: li; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 0.75em; + padding: 0 .5em 0 0; + color: #959595; + font-size: 1.1875rem; + line-height: 1.55rem; + line-height: 2.325rem; + text-align: right; + border-right: 2px solid #cccccc; } + .list-numbered > li:before b, .list-numbered > li:before strong { + font-weight: 400; } + .list-numbered > li:after { + content: "."; + display: block; + clear: left; + visibility: hidden; + line-height: 0; + height: 0; } + .list-numbered .list-numbered { + margin-bottom: 0; + padding-bottom: 0; } + .list-numbered .list-numbered > li:before { + content: counter(li, lower-alpha); } + +.list-bulleted { + list-style-type: circle; } + +.font-size--3 { + font-size: 0.8125rem; + line-height: 1.55rem; } + +.font-size--2 { + font-size: 0.875rem; + line-height: 1.55rem; } + +.font-size--1 { + font-size: 0.9375rem; + line-height: 1.55rem; } + +.font-size-0 { + font-size: 1rem; + line-height: 1.55rem; } + +.font-size-1 { + font-size: 1.1875rem; + line-height: 1.55rem; } + +.font-size-2 { + font-size: 1.25rem; } + +.font-size-3 { + font-size: 1.484375rem; + line-height: 2.325rem; } + +.font-size-4 { + font-size: 1.5625rem; } + +.font-size-5 { + font-size: 1.85546875rem; + line-height: 3.1rem; } + +.font-size-6 { + font-size: 1.953125rem; + line-height: 3.1rem; } + +.font-size-7 { + font-size: 2.3193359375rem; + line-height: 3.1rem; } + +.font-size-8 { + font-size: 2.44140625rem; + line-height: 3.1rem; } + +.leader-half { + margin-top: 0.775rem; } + +.trailer-half { + margin-bottom: 0.775rem; } + +.padding-leader-half { + padding-top: 0.775rem; } + +.padding-trailer-half { + padding-bottom: 0.775rem; } + +.leader-0 { + margin-top: 0rem; } + +.trailer-0 { + margin-bottom: 0rem; } + +.padding-leader-0 { + padding-top: 0rem; } + +.padding-trailer-0 { + padding-bottom: 0rem; } + +.leader-1 { + margin-top: 1.55rem; } + +.trailer-1 { + margin-bottom: 1.55rem; } + +.padding-leader-1 { + padding-top: 1.55rem; } + +.padding-trailer-1 { + padding-bottom: 1.55rem; } + +.leader-2 { + margin-top: 3.1rem; } + +.trailer-2 { + margin-bottom: 3.1rem; } + +.padding-leader-2 { + padding-top: 3.1rem; } + +.padding-trailer-2 { + padding-bottom: 3.1rem; } + +.leader-3 { + margin-top: 4.65rem; } + +.trailer-3 { + margin-bottom: 4.65rem; } + +.padding-leader-3 { + padding-top: 4.65rem; } + +.padding-trailer-3 { + padding-bottom: 4.65rem; } + +.leader-4 { + margin-top: 6.2rem; } + +.trailer-4 { + margin-bottom: 6.2rem; } + +.padding-leader-4 { + padding-top: 6.2rem; } + +.padding-trailer-4 { + padding-bottom: 6.2rem; } + +.leader-5 { + margin-top: 7.75rem; } + +.trailer-5 { + margin-bottom: 7.75rem; } + +.padding-leader-5 { + padding-top: 7.75rem; } + +.padding-trailer-5 { + padding-bottom: 7.75rem; } + +.leader-6 { + margin-top: 9.3rem; } + +.trailer-6 { + margin-bottom: 9.3rem; } + +.padding-leader-6 { + padding-top: 9.3rem; } + +.padding-trailer-6 { + padding-bottom: 9.3rem; } + +@media screen and (max-width: 859px) { + .tablet-leader-0 { + margin-top: 0rem; } + .tablet-trailer-0 { + margin-bottom: 0rem; } + .tablet-padding-leader-0 { + padding-top: 0rem; } + .tablet-padding-trailer-0 { + padding-bottom: 0rem; } + .tablet-leader-1 { + margin-top: 1.55rem; } + .tablet-trailer-1 { + margin-bottom: 1.55rem; } + .tablet-padding-leader-1 { + padding-top: 1.55rem; } + .tablet-padding-trailer-1 { + padding-bottom: 1.55rem; } + .tablet-leader-2 { + margin-top: 3.1rem; } + .tablet-trailer-2 { + margin-bottom: 3.1rem; } + .tablet-padding-leader-2 { + padding-top: 3.1rem; } + .tablet-padding-trailer-2 { + padding-bottom: 3.1rem; } + .tablet-leader-3 { + margin-top: 4.65rem; } + .tablet-trailer-3 { + margin-bottom: 4.65rem; } + .tablet-padding-leader-3 { + padding-top: 4.65rem; } + .tablet-padding-trailer-3 { + padding-bottom: 4.65rem; } + .tablet-leader-4 { + margin-top: 6.2rem; } + .tablet-trailer-4 { + margin-bottom: 6.2rem; } + .tablet-padding-leader-4 { + padding-top: 6.2rem; } + .tablet-padding-trailer-4 { + padding-bottom: 6.2rem; } + .tablet-leader-5 { + margin-top: 7.75rem; } + .tablet-trailer-5 { + margin-bottom: 7.75rem; } + .tablet-padding-leader-5 { + padding-top: 7.75rem; } + .tablet-padding-trailer-5 { + padding-bottom: 7.75rem; } + .tablet-leader-6 { + margin-top: 9.3rem; } + .tablet-trailer-6 { + margin-bottom: 9.3rem; } + .tablet-padding-leader-6 { + padding-top: 9.3rem; } + .tablet-padding-trailer-6 { + padding-bottom: 9.3rem; } } + +@media screen and (max-width: 479px) { + .phone-leader-0 { + margin-top: 0rem; } + .phone-trailer-0 { + margin-bottom: 0rem; } + .phone-padding-leader-0 { + padding-top: 0rem; } + .phone-padding-trailer-0 { + padding-bottom: 0rem; } + .phone-leader-1 { + margin-top: 1.55rem; } + .phone-trailer-1 { + margin-bottom: 1.55rem; } + .phone-padding-leader-1 { + padding-top: 1.55rem; } + .phone-padding-trailer-1 { + padding-bottom: 1.55rem; } + .phone-leader-2 { + margin-top: 3.1rem; } + .phone-trailer-2 { + margin-bottom: 3.1rem; } + .phone-padding-leader-2 { + padding-top: 3.1rem; } + .phone-padding-trailer-2 { + padding-bottom: 3.1rem; } + .phone-leader-3 { + margin-top: 4.65rem; } + .phone-trailer-3 { + margin-bottom: 4.65rem; } + .phone-padding-leader-3 { + padding-top: 4.65rem; } + .phone-padding-trailer-3 { + padding-bottom: 4.65rem; } + .phone-leader-4 { + margin-top: 6.2rem; } + .phone-trailer-4 { + margin-bottom: 6.2rem; } + .phone-padding-leader-4 { + padding-top: 6.2rem; } + .phone-padding-trailer-4 { + padding-bottom: 6.2rem; } + .phone-leader-5 { + margin-top: 7.75rem; } + .phone-trailer-5 { + margin-bottom: 7.75rem; } + .phone-padding-leader-5 { + padding-top: 7.75rem; } + .phone-padding-trailer-5 { + padding-bottom: 7.75rem; } + .phone-leader-6 { + margin-top: 9.3rem; } + .phone-trailer-6 { + margin-bottom: 9.3rem; } + .phone-padding-leader-6 { + padding-top: 9.3rem; } + .phone-padding-trailer-6 { + padding-bottom: 9.3rem; } } + +.gutter-left-quarter { + padding-left: 0.25rem; } + +.gutter-right-quarter { + padding-right: 0.25rem; } + +.gutter-left-third { + padding-left: 0.3333333333rem; } + +.gutter-right-third { + padding-right: 0.3333333333rem; } + +.gutter-left-half { + padding-left: 0.5rem; } + +.gutter-right-half { + padding-right: 0.5rem; } + +.gutter-left-0 { + padding-left: 0rem; } + +.gutter-right-0 { + padding-right: 0rem; } + +.gutter-left-1 { + padding-left: 1rem; } + +.gutter-right-1 { + padding-right: 1rem; } + +.gutter-left-2 { + padding-left: 2rem; } + +.gutter-right-2 { + padding-right: 2rem; } + +.gutter-left-3 { + padding-left: 3rem; } + +.gutter-right-3 { + padding-right: 3rem; } + +.gutter-left-4 { + padding-left: 4rem; } + +.gutter-right-4 { + padding-right: 4rem; } + +@media screen and (max-width: 859px) { + .tablet-gutter-left-0 { + padding-left: 0rem; } + .tablet-gutter-right-0 { + padding-right: 0rem; } + .tablet-gutter-left-1 { + padding-left: 1rem; } + .tablet-gutter-right-1 { + padding-right: 1rem; } + .tablet-gutter-left-2 { + padding-left: 2rem; } + .tablet-gutter-right-2 { + padding-right: 2rem; } + .tablet-gutter-left-3 { + padding-left: 3rem; } + .tablet-gutter-right-3 { + padding-right: 3rem; } + .tablet-gutter-left-4 { + padding-left: 4rem; } + .tablet-gutter-right-4 { + padding-right: 4rem; } } + +@media screen and (max-width: 479px) { + .phone-gutter-left-0 { + padding-left: 0rem; } + .phone-gutter-right-0 { + padding-right: 0rem; } + .phone-gutter-left-1 { + padding-left: 1rem; } + .phone-gutter-right-1 { + padding-right: 1rem; } + .phone-gutter-left-2 { + padding-left: 2rem; } + .phone-gutter-right-2 { + padding-right: 2rem; } + .phone-gutter-left-3 { + padding-left: 3rem; } + .phone-gutter-right-3 { + padding-right: 3rem; } + .phone-gutter-left-4 { + padding-left: 4rem; } + .phone-gutter-right-4 { + padding-right: 4rem; } } diff --git a/dist/css/calcite-web.min.css b/dist/css/calcite-web.min.css new file mode 100644 index 000000000..00c39548b --- /dev/null +++ b/dist/css/calcite-web.min.css @@ -0,0 +1 @@ +@charset "UTF-8";@import url(http://fast.fonts.net//t/1.css?apiType=css&projectid=9431e9a5-7a6d-4b5f-82be-4d935972de5a);@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=a2f744b5-a294-49c0-8af9-4599ad0ab33f);body,html{height:100%}code,pre{white-space:pre}body,figcaption,h6,pre code{line-height:1.55rem}.alert,.dropdown-menu{-moz-box-shadow:0 0 16px 0 rgba(0,0,0,.05);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.05)}hr,table>tfoot{border-top:1px solid #ccc}table tr,table>thead{border-bottom:1px solid #ccc}.accordion,.block,.dropdown-link,.dropdown-menu,.modal-content,.search-bar,.search-submit,.side-nav,.side-nav-link,.tab-contents,.tab-section,.tab-title,[class*=column-],button,input,input[type=button],input[type=reset],input[type=submit],select,textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:17px}body{min-height:100%;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}svg:not(:root){overflow:hidden}.overflow-auto,pre code,table,table>tbody{overflow:auto}img{max-width:100%;height:auto}.clearfix:after,.grid-container:after,[class*=column-]:last-of-type:after,fieldset:after,form:after{content:'';display:table;clear:both}.inline{display:inline-block}.grid-container{width:90vw;max-width:1152px;min-width:0;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}[class*=column-]{box-sizing:border-box;width:90vw;padding-left:.5rem;padding-right:.5rem;margin:0;float:left}.first-column,[class*=column-] [class*=column-]:first-of-type{margin-left:-.5rem}.last-column,[class*=column-] [class*=column-]:last-of-type{margin-right:-.5rem}@media screen and (min-width:860px){.column-10>.column-10,.column-11>.column-11,.column-13>.column-13,.column-14>.column-14,.column-15>.column-15,.column-16>.column-16,.column-17>.column-17,.column-18>.column-18,.column-19>.column-19,.column-1>.column-1,.column-20>.column-20,.column-21>.column-21,.column-22>.column-22,.column-23>.column-23,.column-24>.column-24,.column-2>.column-2,.column-3>.column-3,.column-4>.column-4,.column-5>.column-5,.column-6>.column-6,.column-7>.column-7,.column-8>.column-8,.column-9>.column-9{margin-left:-.5rem}.column-1{width:3.74vw;max-width:48px}.column-2{width:7.49vw;max-width:96px}.column-3{width:11.24vw;max-width:144px}.column-4{width:14.99vw;max-width:192px}.column-5{width:18.74vw;max-width:240px}.column-6{width:22.49vw;max-width:288px}.column-7{width:26.24vw;max-width:336px}.column-8{width:29.99vw;max-width:384px}.column-9{width:33.74vw;max-width:432px}.column-10{width:37.49vw;max-width:480px}.column-11{width:41.24vw;max-width:528px}.column-12{width:44.99vw;max-width:576px}.column-12>.column-12{margin-left:-.5rem}.column-13{width:48.74vw;max-width:624px}.column-14{width:52.49vw;max-width:672px}.column-15{width:56.24vw;max-width:720px}.column-16{width:59.99vw;max-width:768px}.column-17{width:63.74vw;max-width:816px}.column-18{width:67.49vw;max-width:864px}.column-19{width:71.24vw;max-width:912px}.column-20{width:74.99vw;max-width:960px}.column-21{width:78.74vw;max-width:1008px}.column-22{width:82.49vw;max-width:1056px}.column-23{width:86.24vw;max-width:1104px}.column-24{width:89.99vw;max-width:1152px}}figure img,pre{max-width:100%}@media screen and (max-width:859px){.column-1{width:7.49vw}.column-2{width:14.99vw}.column-3{width:22.49vw}.column-4{width:29.99vw}.column-5{width:37.49vw}.column-6{width:44.99vw}.column-7{width:52.49vw}.column-8{width:59.99vw}.column-9{width:67.49vw}.column-10{width:74.99vw}.column-11{width:82.49vw}.column-12{width:89.99vw}.tablet-column-1{width:7.49vw}.tablet-column-2{width:14.99vw}.tablet-column-3{width:22.49vw}.tablet-column-4{width:29.99vw}.tablet-column-5{width:37.49vw}.tablet-column-6{width:44.99vw}.tablet-column-7{width:52.49vw}.tablet-column-8{width:59.99vw}.tablet-column-9{width:67.49vw}.tablet-column-10{width:74.99vw}.tablet-column-11{width:82.49vw}.tablet-column-12{width:89.99vw}.tablet-first-column{margin-left:-.5rem}.tablet-last-column{margin-right:-.5rem}}@media screen and (max-width:479px){.column-1{width:14.99vw}.column-2{width:29.99vw}.column-3{width:44.99vw}.column-4{width:59.99vw}.column-5{width:74.99vw}.column-6{width:89.99vw}.tablet-column-1{width:14.99vw}.tablet-column-2{width:29.99vw}.tablet-column-3{width:44.99vw}.tablet-column-4{width:59.99vw}.tablet-column-5{width:74.99vw}.tablet-column-6{width:89.99vw}.phone-column-1{width:14.99vw}.phone-column-2{width:29.99vw}.phone-column-3{width:44.99vw}.phone-column-4{width:59.99vw}.phone-column-5{width:74.99vw}.phone-column-6{width:89.99vw}.phone-first-column{margin-left:-.5rem}.phone-last-column{margin-right:-.5rem}.phone-pre-0{margin-left:-.1vw!important}[class*=column-] .phone-pre-0:first-child{margin-left:calc(0vw - .5rem)!important}.phone-post-0{margin-right:-.1vw!important}.phone-pre-1{margin-left:14.9vw!important}[class*=column-] .phone-pre-1:first-child{margin-left:calc(15vw - .5rem)!important}.phone-post-1{margin-right:14.9vw!important}.phone-pre-2{margin-left:29.9vw!important}[class*=column-] .phone-pre-2:first-child{margin-left:calc(30vw - .5rem)!important}.phone-post-2{margin-right:29.9vw!important}.phone-pre-3{margin-left:44.9vw!important}[class*=column-] .phone-pre-3:first-child{margin-left:calc(45vw - .5rem)!important}.phone-post-3{margin-right:44.9vw!important}.phone-pre-4{margin-left:59.9vw!important}[class*=column-] .phone-pre-4:first-child{margin-left:calc(60vw - .5rem)!important}.phone-post-4{margin-right:59.9vw!important}.phone-pre-5{margin-left:74.9vw!important}[class*=column-] .phone-pre-5:first-child{margin-left:calc(75vw - .5rem)!important}.phone-post-5{margin-right:74.9vw!important}.phone-pre-6{margin-left:89.9vw!important}[class*=column-] .phone-pre-6:first-child{margin-left:calc(90vw - .5rem)!important}.phone-post-6{margin-right:89.9vw!important}}@media screen and (max-width:859px){.tablet-pre-0{margin-left:-.1vw!important}[class*=column-] .tablet-pre-0:first-child{margin-left:calc(0vw - .5rem)!important}.tablet-post-0{margin-right:-.1vw!important}.tablet-pre-1{margin-left:7.4vw!important}[class*=column-] .tablet-pre-1:first-child{margin-left:calc(7.5vw - .5rem)!important}.tablet-post-1{margin-right:7.4vw!important}.tablet-pre-2{margin-left:14.9vw!important}[class*=column-] .tablet-pre-2:first-child{margin-left:calc(15vw - .5rem)!important}.tablet-post-2{margin-right:14.9vw!important}.tablet-pre-3{margin-left:22.4vw!important}[class*=column-] .tablet-pre-3:first-child{margin-left:calc(22.5vw - .5rem)!important}.tablet-post-3{margin-right:22.4vw!important}.tablet-pre-4{margin-left:29.9vw!important}[class*=column-] .tablet-pre-4:first-child{margin-left:calc(30vw - .5rem)!important}.tablet-post-4{margin-right:29.9vw!important}.tablet-pre-5{margin-left:37.4vw!important}[class*=column-] .tablet-pre-5:first-child{margin-left:calc(37.5vw - .5rem)!important}.tablet-post-5{margin-right:37.4vw!important}.tablet-pre-6{margin-left:44.9vw!important}[class*=column-] .tablet-pre-6:first-child{margin-left:calc(45vw - .5rem)!important}.tablet-post-6{margin-right:44.9vw!important}.tablet-pre-7{margin-left:52.4vw!important}[class*=column-] .tablet-pre-7:first-child{margin-left:calc(52.5vw - .5rem)!important}.tablet-post-7{margin-right:52.4vw!important}.tablet-pre-8{margin-left:59.9vw!important}[class*=column-] .tablet-pre-8:first-child{margin-left:calc(60vw - .5rem)!important}.tablet-post-8{margin-right:59.9vw!important}.tablet-pre-9{margin-left:67.4vw!important}[class*=column-] .tablet-pre-9:first-child{margin-left:calc(67.5vw - .5rem)!important}.tablet-post-9{margin-right:67.4vw!important}.tablet-pre-10{margin-left:74.9vw!important}[class*=column-] .tablet-pre-10:first-child{margin-left:calc(75vw - .5rem)!important}.tablet-post-10{margin-right:74.9vw!important}.tablet-pre-11{margin-left:82.4vw!important}[class*=column-] .tablet-pre-11:first-child{margin-left:calc(82.5vw - .5rem)!important}.tablet-post-11{margin-right:82.4vw!important}.tablet-pre-12{margin-left:89.9vw!important}[class*=column-] .tablet-pre-12:first-child{margin-left:calc(90vw - .5rem)!important}.tablet-post-12{margin-right:89.9vw!important}}@media screen and (min-width:860px){.pre-0{margin-left:-.1vw!important}[class*=column-] .pre-0:first-child{margin-left:calc(0vw - .5rem)!important}.post-0{margin-right:-.1vw!important}.pre-1{margin-left:3.65vw!important}[class*=column-] .pre-1:first-child{margin-left:calc(3.75vw - .5rem)!important}.post-1{margin-right:3.65vw!important}.pre-2{margin-left:7.4vw!important}[class*=column-] .pre-2:first-child{margin-left:calc(7.5vw - .5rem)!important}.post-2{margin-right:7.4vw!important}.pre-3{margin-left:11.15vw!important}[class*=column-] .pre-3:first-child{margin-left:calc(11.25vw - .5rem)!important}.post-3{margin-right:11.15vw!important}.pre-4{margin-left:14.9vw!important}[class*=column-] .pre-4:first-child{margin-left:calc(15vw - .5rem)!important}.post-4{margin-right:14.9vw!important}.pre-5{margin-left:18.65vw!important}[class*=column-] .pre-5:first-child{margin-left:calc(18.75vw - .5rem)!important}.post-5{margin-right:18.65vw!important}.pre-6{margin-left:22.4vw!important}[class*=column-] .pre-6:first-child{margin-left:calc(22.5vw - .5rem)!important}.post-6{margin-right:22.4vw!important}.pre-7{margin-left:26.15vw!important}[class*=column-] .pre-7:first-child{margin-left:calc(26.25vw - .5rem)!important}.post-7{margin-right:26.15vw!important}.pre-8{margin-left:29.9vw!important}[class*=column-] .pre-8:first-child{margin-left:calc(30vw - .5rem)!important}.post-8{margin-right:29.9vw!important}.pre-9{margin-left:33.65vw!important}[class*=column-] .pre-9:first-child{margin-left:calc(33.75vw - .5rem)!important}.post-9{margin-right:33.65vw!important}.pre-10{margin-left:37.4vw!important}[class*=column-] .pre-10:first-child{margin-left:calc(37.5vw - .5rem)!important}.post-10{margin-right:37.4vw!important}.pre-11{margin-left:41.15vw!important}[class*=column-] .pre-11:first-child{margin-left:calc(41.25vw - .5rem)!important}.post-11{margin-right:41.15vw!important}.pre-12{margin-left:44.9vw!important}[class*=column-] .pre-12:first-child{margin-left:calc(45vw - .5rem)!important}.post-12{margin-right:44.9vw!important}.pre-13{margin-left:48.65vw!important}[class*=column-] .pre-13:first-child{margin-left:calc(48.75vw - .5rem)!important}.post-13{margin-right:48.65vw!important}.pre-14{margin-left:52.4vw!important}[class*=column-] .pre-14:first-child{margin-left:calc(52.5vw - .5rem)!important}.post-14{margin-right:52.4vw!important}.pre-15{margin-left:56.15vw!important}[class*=column-] .pre-15:first-child{margin-left:calc(56.25vw - .5rem)!important}.post-15{margin-right:56.15vw!important}.pre-16{margin-left:59.9vw!important}[class*=column-] .pre-16:first-child{margin-left:calc(60vw - .5rem)!important}.post-16{margin-right:59.9vw!important}.pre-17{margin-left:63.65vw!important}[class*=column-] .pre-17:first-child{margin-left:calc(63.75vw - .5rem)!important}.post-17{margin-right:63.65vw!important}.pre-18{margin-left:67.4vw!important}[class*=column-] .pre-18:first-child{margin-left:calc(67.5vw - .5rem)!important}.post-18{margin-right:67.4vw!important}.pre-19{margin-left:71.15vw!important}[class*=column-] .pre-19:first-child{margin-left:calc(71.25vw - .5rem)!important}.post-19{margin-right:71.15vw!important}.pre-20{margin-left:74.9vw!important}[class*=column-] .pre-20:first-child{margin-left:calc(75vw - .5rem)!important}.post-20{margin-right:74.9vw!important}.pre-21{margin-left:78.65vw!important}[class*=column-] .pre-21:first-child{margin-left:calc(78.75vw - .5rem)!important}.post-21{margin-right:78.65vw!important}.pre-22{margin-left:82.4vw!important}[class*=column-] .pre-22:first-child{margin-left:calc(82.5vw - .5rem)!important}.post-22{margin-right:82.4vw!important}.pre-23{margin-left:86.15vw!important}[class*=column-] .pre-23:first-child{margin-left:calc(86.25vw - .5rem)!important}.post-23{margin-right:86.15vw!important}.pre-24{margin-left:89.9vw!important}[class*=column-] .pre-24:first-child{margin-left:calc(90vw - .5rem)!important}.post-24{margin-right:89.9vw!important}}@media screen and (min-width:1280px){.pre-0{margin-left:0!important}[class*=column-] .pre-0:first-child{margin-left:calc(0 - .5rem)!important}.post-0{margin-right:0!important}.pre-1{margin-left:48px!important}[class*=column-] .pre-1:first-child{margin-left:calc(48px - .5rem)!important}.post-1{margin-right:48px!important}.pre-2{margin-left:96px!important}[class*=column-] .pre-2:first-child{margin-left:calc(96px - .5rem)!important}.post-2{margin-right:96px!important}.pre-3{margin-left:144px!important}[class*=column-] .pre-3:first-child{margin-left:calc(144px - .5rem)!important}.post-3{margin-right:144px!important}.pre-4{margin-left:192px!important}[class*=column-] .pre-4:first-child{margin-left:calc(192px - .5rem)!important}.post-4{margin-right:192px!important}.pre-5{margin-left:240px!important}[class*=column-] .pre-5:first-child{margin-left:calc(240px - .5rem)!important}.post-5{margin-right:240px!important}.pre-6{margin-left:288px!important}[class*=column-] .pre-6:first-child{margin-left:calc(288px - .5rem)!important}.post-6{margin-right:288px!important}.pre-7{margin-left:336px!important}[class*=column-] .pre-7:first-child{margin-left:calc(336px - .5rem)!important}.post-7{margin-right:336px!important}.pre-8{margin-left:384px!important}[class*=column-] .pre-8:first-child{margin-left:calc(384px - .5rem)!important}.post-8{margin-right:384px!important}.pre-9{margin-left:432px!important}[class*=column-] .pre-9:first-child{margin-left:calc(432px - .5rem)!important}.post-9{margin-right:432px!important}.pre-10{margin-left:480px!important}[class*=column-] .pre-10:first-child{margin-left:calc(480px - .5rem)!important}.post-10{margin-right:480px!important}.pre-11{margin-left:528px!important}[class*=column-] .pre-11:first-child{margin-left:calc(528px - .5rem)!important}.post-11{margin-right:528px!important}.pre-12{margin-left:576px!important}[class*=column-] .pre-12:first-child{margin-left:calc(576px - .5rem)!important}.post-12{margin-right:576px!important}.pre-13{margin-left:624px!important}[class*=column-] .pre-13:first-child{margin-left:calc(624px - .5rem)!important}.post-13{margin-right:624px!important}.pre-14{margin-left:672px!important}[class*=column-] .pre-14:first-child{margin-left:calc(672px - .5rem)!important}.post-14{margin-right:672px!important}.pre-15{margin-left:720px!important}[class*=column-] .pre-15:first-child{margin-left:calc(720px - .5rem)!important}.post-15{margin-right:720px!important}.pre-16{margin-left:768px!important}[class*=column-] .pre-16:first-child{margin-left:calc(768px - .5rem)!important}.post-16{margin-right:768px!important}.pre-17{margin-left:816px!important}[class*=column-] .pre-17:first-child{margin-left:calc(816px - .5rem)!important}.post-17{margin-right:816px!important}.pre-18{margin-left:864px!important}[class*=column-] .pre-18:first-child{margin-left:calc(864px - .5rem)!important}.post-18{margin-right:864px!important}.pre-19{margin-left:912px!important}[class*=column-] .pre-19:first-child{margin-left:calc(912px - .5rem)!important}.post-19{margin-right:912px!important}.pre-20{margin-left:960px!important}[class*=column-] .pre-20:first-child{margin-left:calc(960px - .5rem)!important}.post-20{margin-right:960px!important}.pre-21{margin-left:1008px!important}[class*=column-] .pre-21:first-child{margin-left:calc(1008px - .5rem)!important}.post-21{margin-right:1008px!important}.pre-22{margin-left:1056px!important}[class*=column-] .pre-22:first-child{margin-left:calc(1056px - .5rem)!important}.post-22{margin-right:1056px!important}.pre-23{margin-left:1104px!important}[class*=column-] .pre-23:first-child{margin-left:calc(1104px - .5rem)!important}.post-23{margin-right:1104px!important}.pre-24{margin-left:1152px!important}[class*=column-] .pre-24:first-child{margin-left:calc(1152px - .5rem)!important}.post-24{margin-right:1152px!important}}@media screen and (max-width:859px){.tablet-leader-0{margin-top:0}.tablet-trailer-0{margin-bottom:0}.tablet-padding-leader-0{padding-top:0}.tablet-padding-trailer-0{padding-bottom:0}.tablet-leader-1{margin-top:1.55rem}.tablet-trailer-1{margin-bottom:1.55rem}.tablet-padding-leader-1{padding-top:1.55rem}.tablet-padding-trailer-1{padding-bottom:1.55rem}.tablet-leader-2{margin-top:3.1rem}.tablet-trailer-2{margin-bottom:3.1rem}.tablet-padding-leader-2{padding-top:3.1rem}.tablet-padding-trailer-2{padding-bottom:3.1rem}.tablet-leader-3{margin-top:4.65rem}.tablet-trailer-3{margin-bottom:4.65rem}.tablet-padding-leader-3{padding-top:4.65rem}.tablet-padding-trailer-3{padding-bottom:4.65rem}.tablet-leader-4{margin-top:6.2rem}.tablet-trailer-4{margin-bottom:6.2rem}.tablet-padding-leader-4{padding-top:6.2rem}.tablet-padding-trailer-4{padding-bottom:6.2rem}.tablet-leader-5{margin-top:7.75rem}.tablet-trailer-5{margin-bottom:7.75rem}.tablet-padding-leader-5{padding-top:7.75rem}.tablet-padding-trailer-5{padding-bottom:7.75rem}.tablet-leader-6{margin-top:9.3rem}.tablet-trailer-6{margin-bottom:9.3rem}.tablet-padding-leader-6{padding-top:9.3rem}.tablet-padding-trailer-6{padding-bottom:9.3rem}}@media screen and (max-width:479px){.phone-leader-0{margin-top:0}.phone-trailer-0{margin-bottom:0}.phone-padding-leader-0{padding-top:0}.phone-padding-trailer-0{padding-bottom:0}.phone-leader-1{margin-top:1.55rem}.phone-trailer-1{margin-bottom:1.55rem}.phone-padding-leader-1{padding-top:1.55rem}.phone-padding-trailer-1{padding-bottom:1.55rem}.phone-leader-2{margin-top:3.1rem}.phone-trailer-2{margin-bottom:3.1rem}.phone-padding-leader-2{padding-top:3.1rem}.phone-padding-trailer-2{padding-bottom:3.1rem}.phone-leader-3{margin-top:4.65rem}.phone-trailer-3{margin-bottom:4.65rem}.phone-padding-leader-3{padding-top:4.65rem}.phone-padding-trailer-3{padding-bottom:4.65rem}.phone-leader-4{margin-top:6.2rem}.phone-trailer-4{margin-bottom:6.2rem}.phone-padding-leader-4{padding-top:6.2rem}.phone-padding-trailer-4{padding-bottom:6.2rem}.phone-leader-5{margin-top:7.75rem}.phone-trailer-5{margin-bottom:7.75rem}.phone-padding-leader-5{padding-top:7.75rem}.phone-padding-trailer-5{padding-bottom:7.75rem}.phone-leader-6{margin-top:9.3rem}.phone-trailer-6{margin-bottom:9.3rem}.phone-padding-leader-6{padding-top:9.3rem}.phone-padding-trailer-6{padding-bottom:9.3rem}}blockquote,dl,ol,p,pre,ul{margin-bottom:1.55rem}@media screen and (min-width:860px){.phone-show,.tablet-only,.tablet-show{display:none!important}}.invisible{visibility:hidden}.is-sticky .scroll-show,.is-sticky.scroll-show,.visible{visibility:visible}.hide{display:none!important}.left{float:left}.right{float:right}@media screen and (max-width:859px)and (min-width:480px){.phone-show,.tablet-hide{display:none!important}.tablet-left{float:left}.tablet-right{float:right}}@media screen and (max-width:479px){.phone-hide,.tablet-hide,.tablet-only{display:none!important}.phone-left{float:left}.phone-right{float:right}}@media screen and (max-width:860px){.tablet-block-group-1-up .block{width:100%}.tablet-block-group-2-up .block{width:50%}.tablet-block-group-3-up .block{width:33.33333%}.tablet-block-group-4-up .block{width:25%}.tablet-block-group-5-up .block{width:20%}}@media screen and (max-width:480px){.phone-block-group-1-up .block{width:100%}.phone-block-group-2-up .block{width:50%}.phone-block-group-3-up .block{width:33.33333%}.phone-block-group-4-up .block{width:25%}.phone-block-group-5-up .block{width:20%}}.block-group{font-family:monospace;letter-spacing:-.65em;margin-left:-.5rem;margin-right:-.5rem;text-align:left;display:block}.avenir-bold,.avenir-bold-italic,.avenir-demi,.avenir-demi-italic,.avenir-italic,.avenir-light,.avenir-light-italic,.block,.third-nav-link.is-active,h1,h2,h3,h4,h5,h6{font-family:'Avenir Next W01','Avenir Next',Avenir,'Helvetica Neue',Helvetica,Arial,sans-serif}.block-group.center{text-align:center}.block{position:relative;display:inline-block;float:none;box-sizing:border-box;padding-left:.5rem;padding-right:.5rem;text-align:left;vertical-align:top}.block-group-1-up .block{width:100%}.block-group-2-up .block{width:50%}.block-group-3-up .block{width:33.33333%}.block-group-4-up .block{width:25%}.block-group-5-up .block{width:20%}.is-sticky{position:fixed;z-index:10}.btn,.dropdown,sub,sup{position:relative}.drawer,.scroll-show{visibility:hidden}@font-face{font-family:"Avenir Next W01_n3";src:url(http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Avenir Next W01";src:url(http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/f401df6f-54eb-406c-b46a-90b9451c598d.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/276fe25e-e430-4376-b33c-705dd77b3dba.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/869dc33b-3685-4d74-a51c-82b435579093.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#869dc33b-3685-4d74-a51c-82b435579093)format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Avenir Next W01_n4";src:url(http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Avenir Next W01";src:url(http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/1e9892c0-6927-4412-9874-1b82801ba47a.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/52a192b1-bea5-4b48-879f-107f009b666f.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#52a192b1-bea5-4b48-879f-107f009b666f)format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Avenir Next W01_n5";src:url(http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Avenir Next W01";src:url(http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/f26faddb-86cc-4477-a253-1e1287684336.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#a89d6ad1-a04f-4a8f-b140-e55478dbea80)format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Avenir Next W01_n6";src:url(http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Avenir Next W01";src:url(http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/99affa9a-a5e9-4559-bd07-20cf0071852d.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#99affa9a-a5e9-4559-bd07-20cf0071852d)format("svg");font-weight:600;font-style:normal}@font-face{font-family:"Frutiger W01_i3";src:url(http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Frutiger W01";src:url(http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/dda818d0-9f7a-4574-8d17-8e3546cb04fb.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/1078a920-3def-4194-ba69-46751fb9af38.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3)format("svg");font-weight:300;font-style:italic}@font-face{font-family:"Frutiger W01_n3";src:url(http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Frutiger W01";src:url(http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/3f5a5b87-e71e-4544-be0c-da4daa132710.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#3f5a5b87-e71e-4544-be0c-da4daa132710)format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Frutiger W01_n5";src:url(http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot")}@font-face{font-family:"Frutiger W01";src:url(http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix);src:url(http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix)format("eot"),url(http://fast.fonts.net/dv2/14/9b1fae67-8764-448a-a926-54b09bd0b06b.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff2"),url(http://fast.fonts.net/dv2/3/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("woff"),url(http://fast.fonts.net/dv2/1/076311f8-a01b-4389-a5eb-334a62e62d45.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a)format("truetype"),url(http://fast.fonts.net/dv2/11/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877)format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Kepler W01_n4";src:url(https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("eot")}@font-face{font-family:"Kepler W01";src:url(https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("eot");font-weight:400;font-style:normal}@font-face{font-family:"Kepler W01";src:url(https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f);src:url(https://fast.fonts.net/dv2/3/10d5fc2c-8305-41ba-819e-2a21768f55f9.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("woff"),url(https://fast.fonts.net/dv2/1/7d640a8e-eb57-4e6f-9d25-0989dd7c9e6b.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("truetype"),url(https://fast.fonts.net/dv2/11/236a68b6-2675-430a-861c-ae2a383ee6df.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#236a68b6-2675-430a-861c-ae2a383ee6df)format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Kepler W01_i4";src:url(https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("eot")}@font-face{font-family:"Kepler W01";src:url(https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("eot");font-weight:400;font-style:italic}@font-face{font-family:"Kepler W01";src:url(https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f);src:url(https://fast.fonts.net/dv2/3/f3084f2a-c66f-4bf9-a4e6-56f35a712ed9.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("woff"),url(https://fast.fonts.net/dv2/1/63490ffd-79af-4b85-a111-96a223f44fe0.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("truetype"),url(https://fast.fonts.net/dv2/11/13d1ca9b-990e-41fa-aae1-1f9c817c0fb7.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#13d1ca9b-990e-41fa-aae1-1f9c817c0fb7)format("svg");font-weight:400;font-style:italic}@font-face{font-family:"Kepler W01_n6";src:url(https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("eot")}@font-face{font-family:"Kepler W01";src:url(https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("eot");font-weight:600;font-style:normal}@font-face{font-family:"Kepler W01";src:url(https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f);src:url(https://fast.fonts.net/dv2/3/ebc0a5b7-edf8-4e33-a0e3-9dcde51e3631.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("woff"),url(https://fast.fonts.net/dv2/1/bdfcf764-ebf8-4964-906c-23016768ade9.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f)format("truetype"),url(https://fast.fonts.net/dv2/11/aceb4785-a95c-4dd2-b8ac-2817cbadd13c.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#aceb4785-a95c-4dd2-b8ac-2817cbadd13c)format("svg");font-weight:600;font-style:normal}.avenir-light,.block,h1,h2,h3,h4,h5,h6{letter-spacing:0;font-weight:300;font-style:normal}.avenir-light b,.avenir-light strong,.block b,.block strong,h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong{font-weight:400}.avenir-light-italic{letter-spacing:0;font-weight:300;font-style:italic}.avenir-light-italic b,.avenir-light-italic strong{font-weight:400}.accordion,.accordion-title,.avenir-regular,.breadcrumbs,.dropdown-menu,.loader-text,.search-bar,.side-nav,.side-nav-title,.third-nav,.toolbar,.tooltip:before,.top-nav,.top-nav-list,input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=time],input[type=week],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=number],input[type=password],input[type=month],select,table>thead,textarea{letter-spacing:0;font-family:'Avenir Next W01','Avenir Next',Avenir,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-style:normal}.accordion b,.accordion strong,.accordion-title b,.accordion-title strong,.avenir-regular b,.avenir-regular strong,.breadcrumbs b,.breadcrumbs strong,.dropdown-menu b,.dropdown-menu strong,.loader-text b,.loader-text strong,.search-bar b,.search-bar strong,.side-nav b,.side-nav strong,.side-nav-title b,.side-nav-title strong,.third-nav b,.third-nav strong,.toolbar b,.toolbar strong,.tooltip:before b,.tooltip:before strong,.top-nav b,.top-nav strong,.top-nav-list b,.top-nav-list strong,input[type=date] b,input[type=date] strong,input[type=datetime] b,input[type=datetime] strong,input[type=datetime-local] b,input[type=datetime-local] strong,input[type=email] b,input[type=email] strong,input[type=time] b,input[type=time] strong,input[type=week] b,input[type=week] strong,input[type=search] b,input[type=search] strong,input[type=tel] b,input[type=tel] strong,input[type=text] b,input[type=text] strong,input[type=url] b,input[type=url] strong,input[type=number] b,input[type=number] strong,input[type=password] b,input[type=password] strong,input[type=month] b,input[type=month] strong,select b,select strong,table>thead b,table>thead strong,textarea b,textarea strong{font-weight:500}.avenir-italic{letter-spacing:0;font-weight:400;font-style:italic}.avenir-demi,.avenir-italic b,.avenir-italic strong{font-weight:500}.avenir-demi{letter-spacing:0;font-style:normal}.avenir-demi b,.avenir-demi strong{font-weight:600}.avenir-demi-italic{letter-spacing:0;font-weight:500;font-style:italic}.avenir-bold b,.avenir-bold strong,.avenir-bold-italic,.avenir-bold-italic b,.avenir-bold-italic strong,.avenir-demi-italic b,.avenir-demi-italic strong,.third-nav-link.is-active b,.third-nav-link.is-active strong{font-weight:600}.avenir-bold,.third-nav-link.is-active{letter-spacing:0;font-weight:600;font-style:normal}.avenir-bold-italic{letter-spacing:0;font-style:italic}.code-face,.code-face .block,.code-italic,.code-italic .block,code,kbd,pre,samp{font-family:Consolas,'Andale Mono','Lucida Console',Monaco,'Courier New',Courier,monospace}.code-face,.code-face .block,.code-face .block b,.code-face .block strong,.code-face b,.code-face strong,.code-italic .block b,.code-italic .block strong,.code-italic b,.code-italic strong,blockquote,body b,body strong{font-weight:400}.code-face,.code-face .block{letter-spacing:0;font-style:normal}.code-italic,.code-italic .block{letter-spacing:0;font-weight:400;font-style:italic}blockquote,body{font-style:normal}body{letter-spacing:0;font-family:'Avenir Next W01','Avenir Next',Avenir,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;font-size:1rem;color:#4c4c4c;font-kerning:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:'liga= 1','calt=0';-moz-font-feature-settings:"liga" 1,"calt" 0;-webkit-font-feature-settings:"liga" 1,"calt" 0;-ms-font-feature-settings:'liga= 1','calt=0';-o-font-feature-settings:"liga" 1,"calt" 0;font-feature-settings:"liga" 1,"calt" 0}h1,h2,h3,h4,h5,h6{margin:0 0 1.55rem}h1{font-size:1.85546875rem;line-height:3.1rem}h2{font-size:1.5625rem}h3{font-size:1.484375rem;line-height:2.325rem}h4{font-size:1.25rem}blockquote,blockquote p,h5{font-size:1.1875rem;line-height:1.55rem}h6{font-size:1rem}.list-numbered>li:before,.sub-nav-link,blockquote{font-family:'Avenir Next W01','Avenir Next',Avenir,'Helvetica Neue',Helvetica,Arial,sans-serif}code{padding:.25rem;border-radius:3px;border:1px solid #efefef;color:#595959;background:#f8f8f8;font-size:.85em}.esri-logo,.esri-logo-reverse{background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;background-position:center}pre{white-space:pre-wrap;word-wrap:break-word}.btn,.dropdown-link,.search-submit,.tab-title,.text-ellipsis{white-space:nowrap}pre code{padding:1rem;display:block;word-wrap:normal;font-size:.875rem}.btn,.dropdown,.esri-logo,.esri-logo-reverse{display:inline-block}blockquote,dl,ol,p,ul{margin-top:0}blockquote{margin:1.55rem 0;letter-spacing:0;padding-left:1rem;border-left:3px solid #ccc;color:#6e6e6e}blockquote b,blockquote strong{font-weight:500}a{color:#3b8fc4;text-decoration:none;-webkit-transition:color 150ms linear;transition:color 150ms linear}a:focus,a:hover{color:#56a5d8}ol,ul{padding:0;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{padding-left:1.55rem;margin:0}small,sub,sup{font-size:.8em}sub,sup{line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}mark{padding:0 .1em .1em}hr{margin:3.1rem 0;border:none}figure{margin:0 0 3.1rem}figcaption{margin:.3875rem 0;padding-left:.775rem;border-left:3px solid #828282;font-size:.875rem;font-style:italic;color:#828282}.esri-logo,.esri-logo-reverse{margin:.3875rem;line-height:0}.btn-grouped+.btn-grouped,.tab-title{border-left:none}table{margin-bottom:1.55rem}.esri-logo{content:"";min-height:30px;min-width:70px;background-image:url(../img/logo/esri-logo.svg)}.esri-logo-reverse{content:"";min-height:30px;min-width:70px;background-image:url(../img/logo/esri-logo-reversed.svg)}.esri-logo-condensed{margin:-.135rem 0 -.125rem}.btn{padding:.31rem .9rem;width:auto;color:#fff;border:1px solid #196fa6;background-color:#3b8fc4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .05s linear;transition:all .05s linear;cursor:pointer;font-size:.9375rem;line-height:1.55rem;font-weight:400}.tooltip:before,.tooltip:hover:before{-webkit-transition:all,150ms linear;transition:all,150ms linear}.btn:focus,.btn:hover{background-color:#196fa6;color:#fff}.btn-arrow:after{content:" →"}.btn-transparent{background:0 0;color:#3b8fc4;border:none}.btn-transparent:hover{color:#56a5d8;background:0 0}.btn-transparent.btn-disabled{background:0 0;color:#959595}.btn-transparent.btn-disabled:hover{color:#959595;background:0 0}.btn-clear{color:#3b8fc4;background:0 0;border-color:#3b8fc4}.btn-clear:hover{color:#fff;background:#196fa6;border-color:#196fa6}.btn-clear-white{background:0 0;color:#fff;border:1px solid #fff}.btn-clear-white:hover{color:#959595;background:#fff}.btn-small{font-size:.875rem;line-height:1.55rem;padding:.2325rem .675rem}.btn-large{font-size:1rem;line-height:1.55rem;padding:.5rem 1rem}.btn-fill{width:100%;text-align:center}.btn-grouped{float:left}.btn-grouped:last-of-type{float:none}.btn-red{background-color:#c6542d;border-color:#ab3c16}.btn-red:hover{background-color:#ab3c16}.btn-green{background-color:#5a9359;border-color:#338033}.btn-green:hover{background-color:#338033}.btn-blue{background-color:#3b8fc4;border-color:#196fa6}.btn-blue:hover{background-color:#196fa6}.btn-orange{background-color:#eda959;border-color:#e8912e}.btn-orange:hover{background-color:#e8912e}.btn-disabled,.btn:disabled,button[disabled]{background-color:#f8f8f8;border-color:#efefef;cursor:default;pointer-events:none;color:#959595}.btn-disabled:hover,.btn:disabled:hover,button[disabled]:hover{background-color:#a9a9a9;color:#959595}.breadcrumbs,.breadcrumbs a{color:#828282}.dropdown.is-active .dropdown-menu{display:block}.dropdown-btn:after{content:"\25bc";padding-left:.75em;font-size:.875rem;line-height:1.55rem}.dropdown-menu{position:absolute;min-width:200px;max-width:300px;margin-top:-1px;box-shadow:0 0 16px 0 rgba(0,0,0,.05);z-index:1000;display:none}.dropdown-menu.dropdown-right{right:0}.dropdown-link{clear:both}.breadcrumbs{font-size:.875rem;line-height:1.55rem}.breadcrumbs a:hover{color:#6e6e6e}.crumb:after{font-size:.8125rem;line-height:1.55rem;content:"/";padding:0 .25em 0 .5em;opacity:.5}.crumb.is-active{font-weight:600}.crumb.is-active:after{content:none}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(data-message);position:absolute;top:1.55rem;left:-6em;width:12em;padding:.3875rem .775rem;display:block;font-size:.9375rem;line-height:1.55rem;text-align:center;background-color:rgba(0,0,0,.75);color:#f8f8f8;pointer-events:none;opacity:0;z-index:4;-webkit-transform:translate3d(0,4px,0);-moz-transform:translate3d(0,4px,0);-ms-transform:translate3d(0,4px,0);-o-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0)}.alert,.alert a:hover{color:#196fa6}table,table tr{text-align:left}.tooltip-left:before{left:0}.tooltip-right:before{left:auto;right:0}.tooltip:hover:before{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.alert{font-size:.9375rem;line-height:1.55rem;padding:.775rem;background-color:#94c6e6;position:relative;display:none;z-index:100;max-width:40em;border:1px solid #3b8fc4;box-shadow:0 0 16px 0 rgba(0,0,0,.05)}.alert.is-active{display:block}.alert-red{background-color:#f3d9d0;color:#ab3c16;border-color:#e4a793}.alert-green{background-color:#cadecb;color:#338033;border-color:#9bc19c}.alert-close{position:absolute;right:.775rem}.panel{background-color:#efefef}.panel:after{content:'';display:table;clear:both}.panel [class*=column-]{padding-left:1.5rem;padding-right:1.5rem}.panel-bordered{border:1px solid #a9a9a9;margin:-1px}.panel-padded{padding-left:1rem;padding-right:1rem}.panel-dark{background-color:#595959}.panel-dark.panel-bordered{border:1px solid #4c4c4c}.panel-white{background-color:#fff}.panel-white.panel-bordered{border:1px solid #efefef}.panel-dark-blue{background-color:#004575}.panel-dark-blue.panel-bordered{border:1px solid #007ac2}.panel-blue{background-color:#3b8fc4}.panel-blue.panel-bordered{border:1px solid #56a5d8}.panel-light-blue{background-color:#56a5d8}.panel-light-blue.panel-bordered{border:1px solid #3b8fc4}.panel-off-white{background-color:#f8f8f8}.panel-off-white.panel-bordered{border:1px solid #efefef}table{width:100%;background-color:#fff;border-collapse:collapse;border-spacing:0;border:1px solid #ccc;font-size:.875rem;line-height:1.55rem}table>tfoot,table>thead{background-color:#efefef}table>thead{font-size:1rem;line-height:1.55rem}table>tbody{width:100%}table td,table th{font-weight:400;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:.5166666667rem}.loader-text,.text-center{text-align:center}table tr:last-child{border-bottom:none}.table-blue tr,.table-blue>thead{border-bottom:1px solid #3b8fc4}table caption{color:#959595;caption-side:bottom;line-height:1.55rem;padding:.3875rem .775rem}.table-blue{border:1px solid #3b8fc4}.table-blue>thead,.table-plain,.table-plain tr,fieldset{border:none}.table-blue>thead{background-color:#3b8fc4;color:#fff}.table-blue>thead tr:nth-child(even){background-color:#bcdaed;color:#4c4c4c}.table-blue>tfoot{border-top:1px solid #3b8fc4}.table-blue td,.table-blue th{border-left:1px solid #3b8fc4;border-right:1px solid #3b8fc4}.table-plain td,.table-plain th,.table-plain>tfoot,.table-plain>thead{background-color:transparent;border:none}.table-plain tr:nth-child(even),.table-plain tr:nth-child(even) td{background-color:transparent}.table-striped tr:nth-child(even),.table-striped tr:nth-child(even) td{background-color:#f8f8f8}.table-striped.table-blue tr:nth-child(even),.table-striped.table-blue tr:nth-child(even) td{background-color:#d2e9f9}form{margin:0;padding:0}fieldset{margin:0 0 1.55rem;padding:0;display:block}fieldset label{margin-bottom:0;font-size:.9375rem;line-height:1.55rem;color:#595959}label,legend{display:block;font-size:1rem;line-height:1.55rem;margin:0 0 1.55rem}label.required:after{font-size:.8125rem;line-height:1.55rem;text-transform:uppercase;content:"required";color:#c6542d;position:absolute;right:.5166666667rem;top:.5166666667rem}legend{margin-bottom:.1rem}input,select,textarea{box-sizing:border-box;display:block;width:100%;outline:0;outline-offset:0;vertical-align:baseline;margin:.3875rem 0 0}input[disabled],select[disabled],textarea[disabled]{cursor:default}.accordion-title,.search-submit,.tab-title,.user{cursor:pointer}input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=time],input[type=week],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=number],input[type=password],input[type=month],textarea{display:inline-block;padding:.31rem;font-size:.9375rem;line-height:1.55rem;color:#595959;border:1px solid #a9a9a9;border-radius:0;-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;-webkit-appearance:textfield}input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=time]:focus,input[type=week]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=number]:focus,input[type=password]:focus,input[type=month]:focus,textarea:focus{border-color:#3b8fc4}input[type=date].input-error,input[type=datetime].input-error,input[type=datetime-local].input-error,input[type=email].input-error,input[type=time].input-error,input[type=week].input-error,input[type=search].input-error,input[type=tel].input-error,input[type=text].input-error,input[type=url].input-error,input[type=number].input-error,input[type=password].input-error,input[type=month].input-error,textarea.input-error{border-color:#c6542d}input[type=date].input-error:focus,input[type=datetime].input-error:focus,input[type=datetime-local].input-error:focus,input[type=email].input-error:focus,input[type=time].input-error:focus,input[type=week].input-error:focus,input[type=search].input-error:focus,input[type=tel].input-error:focus,input[type=text].input-error:focus,input[type=url].input-error:focus,input[type=number].input-error:focus,input[type=password].input-error:focus,input[type=month].input-error:focus,textarea.input-error:focus{border-color:#3b8fc4}input[type=date].input-warning,input[type=datetime].input-warning,input[type=datetime-local].input-warning,input[type=email].input-warning,input[type=time].input-warning,input[type=week].input-warning,input[type=search].input-warning,input[type=tel].input-warning,input[type=text].input-warning,input[type=url].input-warning,input[type=number].input-warning,input[type=password].input-warning,input[type=month].input-warning,textarea.input-warning{border-color:#d9bf2b}input[type=date].input-warning:focus,input[type=datetime].input-warning:focus,input[type=datetime-local].input-warning:focus,input[type=email].input-warning:focus,input[type=time].input-warning:focus,input[type=week].input-warning:focus,input[type=search].input-warning:focus,input[type=tel].input-warning:focus,input[type=text].input-warning:focus,input[type=url].input-warning:focus,input[type=number].input-warning:focus,input[type=password].input-warning:focus,input[type=month].input-warning:focus,textarea.input-warning:focus{border-color:#3b8fc4}input[type=date].input-success,input[type=datetime].input-success,input[type=datetime-local].input-success,input[type=email].input-success,input[type=time].input-success,input[type=week].input-success,input[type=search].input-success,input[type=tel].input-success,input[type=text].input-success,input[type=url].input-success,input[type=number].input-success,input[type=password].input-success,input[type=month].input-success,textarea.input-success{border-color:#5a9359}input[type=date].input-success:focus,input[type=datetime].input-success:focus,input[type=datetime-local].input-success:focus,input[type=email].input-success:focus,input[type=time].input-success:focus,input[type=week].input-success:focus,input[type=search].input-success:focus,input[type=tel].input-success:focus,input[type=text].input-success:focus,input[type=url].input-success:focus,input[type=number].input-success:focus,input[type=password].input-success:focus,input[type=month].input-success:focus,textarea.input-success:focus{border-color:#3b8fc4}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=date],input[type=datetime],input[type=datetime-local],input[type=time],input[type=week],input[type=month]{max-height:2.325rem}input[type=date].input-error,input[type=datetime].input-error,input[type=datetime-local].input-error,input[type=time].input-error,input[type=week].input-error,input[type=month].input-error{border-color:#c6542d}button,input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-block;padding:.31rem .9rem;width:auto;color:#fff;border:1px solid #196fa6;background-color:#3b8fc4;box-sizing:border-box;-webkit-transition:all .05s linear;transition:all .05s linear;cursor:pointer;white-space:nowrap;font-size:.9375rem;line-height:1.55rem;font-weight:400}button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#196fa6;color:#fff}input[type=file]::-webkit-file-upload-button{-webkit-appearance:none;position:relative;display:inline-block;padding:.31rem .9rem;width:auto;color:#fff;border:1px solid #196fa6;background-color:#3b8fc4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .05s linear;transition:all .05s linear;cursor:pointer;white-space:nowrap;font-size:.9375rem;line-height:1.55rem;font-weight:400}input[type=file]::-webkit-file-upload-button:focus,input[type=file]::-webkit-file-upload-button:hover{background-color:#196fa6;color:#fff}::-ms-browse{position:relative;display:inline-block;padding:.31rem .9rem;width:auto;color:#fff;border:1px solid #196fa6;background-color:#3b8fc4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .05s linear;transition:all .05s linear;cursor:pointer;white-space:nowrap;font-size:.9375rem;line-height:1.55rem;font-weight:400}::-ms-browse:focus,::-ms-browse:hover{background-color:#196fa6;color:#fff}input[type=radio],input[type=checkbox]{float:left;width:auto;margin:.3rem .3rem 0 .2rem}input[type=radio]:focus,input[type=checkbox]:focus{outline:#3b8fc4 solid 1px}select{width:auto;height:2.325rem;font-size:.9375rem;line-height:1.55rem;border:1px solid #a9a9a9;background-color:#efefef}select:focus{border-color:#3b8fc4}.input-error{border-color:#c6542d}.input-error:focus{border-color:#3b8fc4}.input-warning{border-color:#d9bf2b}.input-warning:focus{border-color:#3b8fc4}.input-success{border-color:#5a9359}.input-success:focus{border-color:#3b8fc4}.loader-bars,.loader-bars:after,.loader-bars:before{background:#56a5d8;-webkit-animation:load .8s infinite ease-in-out;animation:load .8s infinite ease-in-out;width:.85rem;height:2rem}.loader-bars:after,.loader-bars:before{position:absolute;top:0;content:''}@-webkit-keyframes load{0%,100%,80%{box-shadow:0 0 #56a5d8;background:#56a5d8;height:2rem}40%{box-shadow:0 -.5rem #3b8fc4;background:#3b8fc4;height:2.5rem}}@keyframes load{0%,100%,80%{box-shadow:0 0 #3b8fc4;background:#56a5d8;height:2rem}40%{box-shadow:0 -.5rem #3b8fc4;background:#3b8fc4;height:2.5rem}}.loader{display:none}.loader.is-active{display:block}.loader-bars{text-indent:-9999em;margin:auto;position:absolute;right:50%;font-size:11px;-webkit-animation-delay:.16s;animation-delay:.16s}.loader-bars:before{left:-1.25rem}.loader-bars:after{left:1.25rem;-webkit-animation-delay:.32s;animation-delay:.32s}.loader-text{padding-top:4rem}.loader-text:after{content:"\2026"}.ie9 .loader-bars{position:inherit;background-color:transparent;background-image:url(../img/loader-ie9.gif);background-position:center top;animation:none;-webkit-animation:none;width:64px;height:64px}.ie9 .loader-bars:after,.ie9 .loader-bars:before{background:0 0;animation:none;-webkit-animation:none;width:0;height:0}.ie9 .loader-text{padding-top:2rem}.search-bar{box-sizing:border-box;position:relative}.search-bar input[type=search],.search-bar input[type=text]{padding-right:4.25em}.search-submit{display:inline-block;padding:.31rem .9rem;width:auto;border:1px solid #196fa6;box-sizing:border-box;-webkit-transition:all .05s linear;transition:all .05s linear;font-size:.9375rem;line-height:1.55rem;font-weight:400;color:#3b8fc4;background:0 0;border-color:transparent;position:absolute;top:.3875rem;right:0;bottom:0;z-index:3}.super-nav,.super-nav.is-active{-webkit-transition:150ms linear}.search-submit:focus,.search-submit:hover{background-color:#196fa6;color:#fff}.search-submit:hover{color:#fff;background:#196fa6;border-color:#196fa6}.top-nav{padding:1.1625rem 0}.top-nav-title{font-size:1.1875rem;line-height:1.55rem;float:left;padding-right:2rem}.top-nav-list{float:left;line-height:1.6em}.top-nav-link{margin-right:1em}.sign-in{float:right;margin-top:-.2583333333rem;margin-bottom:-1.55rem}.user{font-size:.875rem;line-height:1.55rem;z-index:3}.user-image{float:left;height:1.7rem;width:1.7rem;border-radius:50%;border:1px solid #efefef;margin-top:-2px}.user-name{z-index:2;line-height:2;padding-left:.3875rem}.user-name:after{padding-left:.3875rem;content:"\25bc";font-size:.5rem;vertical-align:.1rem}.user-nav{margin-top:.3875rem}.super-nav{position:relative;background-color:#323232;height:4.65rem;color:#f8f8f8;top:0;margin-bottom:-4.65rem;-webkit-transform:translate3d(0,-4.65rem,0);-moz-transform:translate3d(0,-4.65rem,0);-ms-transform:translate3d(0,-4.65rem,0);-o-transform:translate3d(0,-4.65rem,0);transform:translate3d(0,-4.65rem,0);transition:150ms linear}.super-nav.is-active{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:150ms linear;margin-bottom:0}.expanding-nav{position:absolute;top:4rem;left:0;right:0;bottom:0;background-color:#ccc;max-height:0;overflow:hidden;opacity:0;z-index:40;pointer-events:none;-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-o-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-webkit-transition:-webkit- transform 400ms ease-out,opacity 400ms ease-out,max-height 400ms ease-out;-moz-transition:-moz- transform 400ms ease-out,opacity 400ms ease-out,max-height 400ms ease-out;-o-transition:-o- transform 400ms ease-out,opacity 400ms ease-out,max-height 400ms ease-out;transition:transform 400ms ease-out,opacity 400ms ease-out,max-height 400ms ease-out}.dropdown-link:after,.expanding-nav.is-active,.side-nav-link:after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}.expanding-nav.is-active{max-height:100vh;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);opacity:1}.expanding-nav-menu{position:absolute;top:0;left:0;right:0;opacity:0;-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.expanding-nav-menu.is-active{opacity:1}.sub-nav{background-color:#efefef}.sub-nav-title{margin-top:1.55rem;display:inline-block;float:left;line-height:1.25}.sub-nav-list{width:100%;margin-top:.775rem;float:left}.sub-nav-link{padding:.25em .75em;margin:0 .25em 0 0;float:left;color:#efefef;font-size:.9375rem;line-height:1.55rem;background-color:rgba(0,0,0,.45);-webkit-transition:background-color 150ms linear,color 150ms 150ms linear;transition:background-color 150ms linear,color 150ms 150ms linear}.sub-nav-link:focus,.sub-nav-link:hover{background-color:rgba(0,0,0,.3);color:#fff}.sub-nav-link.is-active{background-color:#fff;color:#4c4c4c}.third-nav{border-bottom:1px solid #efefef;background-color:#fff;padding:.3875rem 0;width:100%}.third-nav nav{margin-left:.775rem}.third-nav-link{color:#595959;font-size:.875rem;line-height:1.55rem;margin-right:1.1625rem}.third-nav-link:hover{color:#3b8fc4}.toolbar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;border:1px solid #ccc;background-color:#f8f8f8}.accordion,.dropdown-menu,.side-nav{box-sizing:border-box;padding:0;border:1px solid #efefef;border-top:none;background-color:#fff}.accordion-title,.side-nav-title{margin:0;padding:.5166666667rem;font-size:.9375rem;line-height:1.55rem;background-color:#f8f8f8;border-top:1px solid #efefef}.dropdown-link,.side-nav-link{display:block;box-sizing:border-box;padding:.5166666667rem;font-size:.875rem;line-height:1.55rem;background-color:#fff;border-top:1px solid #efefef;-webkit-transition:all 150ms linear;transition:all 150ms linear}.footer,.tab-title{background-color:#f8f8f8}.dropdown-link:after,.side-nav-link:after{content:"»";opacity:0;float:right;padding:0 .3875rem;-webkit-transition:all 150ms linear;transition:all 150ms linear;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}.accordion-title,.accordion-title:hover,.tab-title{transition:all,150ms linear;-webkit-transition:all,150ms linear}.dropdown-link:hover:after,.side-nav-link:hover:after{opacity:1;-webkit-transform:translate3d(8px,0,0);-moz-transform:translate3d(8px,0,0);-ms-transform:translate3d(8px,0,0);-o-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}body{display:flex;flex-direction:column}.wrapper{flex:1 0 auto}.footer{flex:none}.tab-nav:after{content:'';display:table;clear:both}.tab-title{box-sizing:border-box;font-size:.875rem;line-height:1.55rem;padding:.3875rem .775rem;float:left;overflow:hidden;text-overflow:ellipsis;border:1px solid #ccc}.tab-title:first-child{border-left:1px solid #ccc}.tab-title:hover{background-color:#fbfbfb}.tab-section,.tab-title.is-active,.tab-title.is-active:hover,.tabs-gray .tab-title{background-color:#fff}.tab-title.is-active{border-bottom:1px solid #fff}.tab-contents{box-sizing:border-box;border:1px solid #ccc;margin-top:-1px}.tab-section{box-sizing:border-box;display:none;padding:.775rem;overflow:auto}.tab-section.is-active{display:block}.tabs-gray .tab-title.is-active{background-color:#f8f8f8;border-bottom:1px solid #f8f8f8}.tabs-gray .tab-section{background-color:#f8f8f8}.tabs-transparent .tab-title{background-color:transparent;border:1px solid transparent}.tabs-transparent .tab-title.is-active{background-color:transparent;border:1px solid #ccc;border-bottom:1px solid #fff}.tabs-transparent .tab-contents{border-bottom:none;border-left:none;border-right:none}.tabs-transparent .tab-section{background-color:transparent;padding-left:0;padding-right:0}.modal-overlay{display:none;background:rgba(0,0,0,.75);overflow-y:scroll;position:fixed;top:0;bottom:0;left:0;right:0;z-index:50}.modal-overlay.is-active{display:block}.modal-content{box-sizing:border-box;position:relative;top:45vh;left:50vw;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);max-height:80vh;z-index:100;background:#f8f8f8;border:1px solid #efefef;padding:1.55rem;opacity:1;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ie9 .modal-content{-ms-transform:translate(-50%,-50%)}.accordion-section.is-active .accordion-content{display:block;border-top:1px solid #efefef}.accordion-section.is-active .accordion-title:before{content:"\25be";font-size:1rem;line-height:1.55rem}.accordion-title:before{content:"\25b6";padding-right:.5em;font-size:.625rem;line-height:1.55rem}.accordion-title:hover{background-color:#efefef}.accordion-content{display:none}.carousel-next,.carousel-prev{position:absolute;top:50%;margin-top:-.775rem;width:1.55rem;height:1.55rem;text-align:center;color:#fff;background:rgba(0,0,0,.75);z-index:10}.carousel{overflow-x:hidden;position:relative}.carousel-slides{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit- transform 150ms linear;-moz-transition:-moz- transform 150ms linear;-o-transition:-o- transform 150ms linear;transition:transform 150ms linear}.carousel-slide{position:relative;float:left;height:100%}.carousel-prev{left:0}.carousel-next{right:0}.is-first-slide.carousel-prev,.is-last-slide.carousel-next{pointer-events:none;opacity:.2}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;background:rgba(0,0,0,.75);-webkit-transition:visibility 0ms linear 200ms,opacity 200ms linear;transition:visibility 0ms linear 200ms,opacity 200ms linear;z-index:1001}.drawer.is-active{visibility:visible;opacity:1;background-color:rgba(0,0,0,.75);-webkit-transition-delay:0ms;transition-delay:0ms}.drawer.is-active.drawer-left .drawer-nav{-webkit-transform:translate3d(280px,0,0);-moz-transform:translate3d(280px,0,0);-ms-transform:translate3d(280px,0,0);-o-transform:translate3d(280px,0,0);transform:translate3d(280px,0,0)}.drawer.is-active.drawer-right .drawer-nav{-webkit-transform:translate3d(-280px,0,0);-moz-transform:translate3d(-280px,0,0);-ms-transform:translate3d(-280px,0,0);-o-transform:translate3d(-280px,0,0);transform:translate3d(-280px,0,0)}.drawer-nav{position:absolute;top:0;height:100%;width:280px;margin:0;padding:0;list-style:none;background:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit- transform 200ms cubic-bezier(.215,.44,.42,.88);-moz-transition:-moz- transform 200ms cubic-bezier(.215,.44,.42,.88);-o-transition:-o- transform 200ms cubic-bezier(.215,.44,.42,.88);transition:transform 200ms cubic-bezier(.215,.44,.42,.88)}.drawer-left .drawer-nav{left:-280px}.drawer-right .drawer-nav{left:100%}.ie9 .drawer.is-active.drawer-left .drawer-nav{-ms-transform:translate(280px,0)}.ie9 .drawer.is-active.drawer-right .drawer-nav{-ms-transform:translate(-280px,0)}.alert-red a,.link-red a,a.alert-red,a.link-red{color:#c6542d}.alert-red a:hover,.link-red a:hover,a.alert-red:hover,a.link-red:hover{color:#ab3c16}.alert-green a,.link-green a,a.alert-green,a.link-green{color:#5a9359}.alert-green a:hover,.link-green a:hover,a.alert-green:hover,a.link-green:hover{color:#338033}.link-blue a,a.link-blue{color:#3b8fc4}.link-blue a:hover,a.link-blue:hover{color:#196fa6}.link-purple a,a.link-purple{color:#9081bc}.link-purple a:hover,a.link-purple:hover{color:#7461a8}.link-orange a,a.link-orange{color:#eda959}.link-orange a:hover,a.link-orange:hover{color:#e8912e}.link-brown a,a.link-brown{color:#a57946}.link-brown a:hover,a.link-brown:hover{color:#8c5e2a}.link-white a,a.link-white{color:#fff}.link-white a:hover,a.link-white:hover{color:#efefef}.link-light-gray a,a.link-light-gray{color:#a9a9a9}.link-gray a,.link-light-gray a:hover,a.link-gray,a.link-light-gray:hover{color:#959595}.link-dark-gray a,.link-gray a:hover,a.link-dark-gray,a.link-gray:hover{color:#828282}.dropdown-link a,.link-dark-gray a:hover,.link-darker-gray a,.side-nav-link a,a.dropdown-link,a.link-dark-gray:hover,a.link-darker-gray,a.side-nav-link{color:#6e6e6e}.dropdown-link a:hover,.link-darker-gray a:hover,.link-darkest-gray a,.side-nav-link a:hover,.third-nav-link.is-active:hover a,a.dropdown-link:hover,a.link-darker-gray:hover,a.link-darkest-gray,a.side-nav-link:hover,a.third-nav-link.is-active:hover{color:#595959}.link-darkest-gray a:hover,.link-off-black a,.third-nav-link.is-active:hover a:hover,.top-nav-link a,.top-nav-title a,a.link-darkest-gray:hover,a.link-off-black,a.third-nav-link.is-active:hover,a.top-nav-link,a.top-nav-title{color:#4c4c4c}.link-off-black a:hover,.top-nav-link a:hover,.top-nav-title a:hover,a.link-off-black:hover,a.top-nav-link:hover,a.top-nav-title:hover{color:#323232}.text-red{color:#c6542d}.text-green{color:#5a9359}.text-blue{color:#3b8fc4}.text-purple{color:#9081bc}.text-orange{color:#eda959}.text-brown{color:#a57946}.panel-blue,.panel-dark,.panel-dark-blue,.panel-light-blue,.text-white{color:#fff}.text-light-gray{color:#a9a9a9}.text-gray{color:#959595}.text-dark-gray{color:#828282}.panel-off-white,.panel-white,.text-darker-gray{color:#6e6e6e}.text-darkest-gray{color:#595959}.text-off-black{color:#4c4c4c}.text-rule{border-bottom:1px solid #a9a9a9}.text-inline{display:inline}.text-left{text-align:left}.text-right{text-align:right}.text-light{opacity:.66}.text-ellipsis{overflow:hidden;text-overflow:ellipsis}.list-numbered{counter-reset:li;list-style:none;position:relative;padding-bottom:1em}.list-numbered>li{padding:.3em .25em .25em 2.5em;position:relative;margin-bottom:.75em}.list-numbered>li:before{letter-spacing:0;font-weight:300;font-style:normal;content:counter(li);counter-increment:li;position:absolute;top:0;left:0;height:100%;width:.75em;padding:0 .5em 0 0;color:#959595;font-size:1.1875rem;line-height:1.55rem;line-height:2.325rem;text-align:right;border-right:2px solid #ccc}.list-numbered>li:before b,.list-numbered>li:before strong{font-weight:400}.list-numbered>li:after{content:".";display:block;clear:left;visibility:hidden;line-height:0;height:0}.font-size--1,.font-size--2,.font-size--3,.font-size-0,.font-size-1{line-height:1.55rem}.list-numbered .list-numbered{margin-bottom:0;padding-bottom:0}.list-numbered .list-numbered>li:before{content:counter(li,lower-alpha)}.list-bulleted{list-style-type:circle}.font-size--3{font-size:.8125rem}.font-size--2{font-size:.875rem}.font-size--1{font-size:.9375rem}.font-size-0{font-size:1rem}.font-size-1{font-size:1.1875rem}.font-size-2{font-size:1.25rem}.font-size-3{font-size:1.484375rem;line-height:2.325rem}.font-size-5,.font-size-6,.font-size-7,.font-size-8{line-height:3.1rem}.font-size-4{font-size:1.5625rem}.font-size-5{font-size:1.85546875rem}.font-size-6{font-size:1.953125rem}.font-size-7{font-size:2.3193359375rem}.font-size-8{font-size:2.44140625rem}.leader-half{margin-top:.775rem}.trailer-half{margin-bottom:.775rem}.padding-leader-half{padding-top:.775rem}.padding-trailer-half{padding-bottom:.775rem}.leader-0{margin-top:0}.trailer-0{margin-bottom:0}.padding-leader-0{padding-top:0}.padding-trailer-0{padding-bottom:0}.leader-1{margin-top:1.55rem}.trailer-1{margin-bottom:1.55rem}.padding-leader-1{padding-top:1.55rem}.padding-trailer-1{padding-bottom:1.55rem}.leader-2{margin-top:3.1rem}.trailer-2{margin-bottom:3.1rem}.padding-leader-2{padding-top:3.1rem}.padding-trailer-2{padding-bottom:3.1rem}.leader-3{margin-top:4.65rem}.trailer-3{margin-bottom:4.65rem}.padding-leader-3{padding-top:4.65rem}.padding-trailer-3{padding-bottom:4.65rem}.leader-4{margin-top:6.2rem}.trailer-4{margin-bottom:6.2rem}.padding-leader-4{padding-top:6.2rem}.padding-trailer-4{padding-bottom:6.2rem}.leader-5{margin-top:7.75rem}.trailer-5{margin-bottom:7.75rem}.padding-leader-5{padding-top:7.75rem}.padding-trailer-5{padding-bottom:7.75rem}.leader-6{margin-top:9.3rem}.trailer-6{margin-bottom:9.3rem}.padding-leader-6{padding-top:9.3rem}.padding-trailer-6{padding-bottom:9.3rem}.gutter-left-quarter{padding-left:.25rem}.gutter-right-quarter{padding-right:.25rem}.gutter-left-third{padding-left:.3333333333rem}.gutter-right-third{padding-right:.3333333333rem}.gutter-left-half{padding-left:.5rem}.gutter-right-half{padding-right:.5rem}.gutter-left-0{padding-left:0}.gutter-right-0{padding-right:0}.gutter-left-1{padding-left:1rem}.gutter-right-1{padding-right:1rem}.gutter-left-2{padding-left:2rem}.gutter-right-2{padding-right:2rem}.gutter-left-3{padding-left:3rem}.gutter-right-3{padding-right:3rem}.gutter-left-4{padding-left:4rem}.gutter-right-4{padding-right:4rem}@media screen and (max-width:859px){.tablet-leader-0{margin-top:0}.tablet-trailer-0{margin-bottom:0}.tablet-padding-leader-0{padding-top:0}.tablet-padding-trailer-0{padding-bottom:0}.tablet-leader-1{margin-top:1.55rem}.tablet-trailer-1{margin-bottom:1.55rem}.tablet-padding-leader-1{padding-top:1.55rem}.tablet-padding-trailer-1{padding-bottom:1.55rem}.tablet-leader-2{margin-top:3.1rem}.tablet-trailer-2{margin-bottom:3.1rem}.tablet-padding-leader-2{padding-top:3.1rem}.tablet-padding-trailer-2{padding-bottom:3.1rem}.tablet-leader-3{margin-top:4.65rem}.tablet-trailer-3{margin-bottom:4.65rem}.tablet-padding-leader-3{padding-top:4.65rem}.tablet-padding-trailer-3{padding-bottom:4.65rem}.tablet-leader-4{margin-top:6.2rem}.tablet-trailer-4{margin-bottom:6.2rem}.tablet-padding-leader-4{padding-top:6.2rem}.tablet-padding-trailer-4{padding-bottom:6.2rem}.tablet-leader-5{margin-top:7.75rem}.tablet-trailer-5{margin-bottom:7.75rem}.tablet-padding-leader-5{padding-top:7.75rem}.tablet-padding-trailer-5{padding-bottom:7.75rem}.tablet-leader-6{margin-top:9.3rem}.tablet-trailer-6{margin-bottom:9.3rem}.tablet-padding-leader-6{padding-top:9.3rem}.tablet-padding-trailer-6{padding-bottom:9.3rem}.tablet-gutter-left-0{padding-left:0}.tablet-gutter-right-0{padding-right:0}.tablet-gutter-left-1{padding-left:1rem}.tablet-gutter-right-1{padding-right:1rem}.tablet-gutter-left-2{padding-left:2rem}.tablet-gutter-right-2{padding-right:2rem}.tablet-gutter-left-3{padding-left:3rem}.tablet-gutter-right-3{padding-right:3rem}.tablet-gutter-left-4{padding-left:4rem}.tablet-gutter-right-4{padding-right:4rem}}@media screen and (max-width:479px){.phone-leader-0{margin-top:0}.phone-trailer-0{margin-bottom:0}.phone-padding-leader-0{padding-top:0}.phone-padding-trailer-0{padding-bottom:0}.phone-leader-1{margin-top:1.55rem}.phone-trailer-1{margin-bottom:1.55rem}.phone-padding-leader-1{padding-top:1.55rem}.phone-padding-trailer-1{padding-bottom:1.55rem}.phone-leader-2{margin-top:3.1rem}.phone-trailer-2{margin-bottom:3.1rem}.phone-padding-leader-2{padding-top:3.1rem}.phone-padding-trailer-2{padding-bottom:3.1rem}.phone-leader-3{margin-top:4.65rem}.phone-trailer-3{margin-bottom:4.65rem}.phone-padding-leader-3{padding-top:4.65rem}.phone-padding-trailer-3{padding-bottom:4.65rem}.phone-leader-4{margin-top:6.2rem}.phone-trailer-4{margin-bottom:6.2rem}.phone-padding-leader-4{padding-top:6.2rem}.phone-padding-trailer-4{padding-bottom:6.2rem}.phone-leader-5{margin-top:7.75rem}.phone-trailer-5{margin-bottom:7.75rem}.phone-padding-leader-5{padding-top:7.75rem}.phone-padding-trailer-5{padding-bottom:7.75rem}.phone-leader-6{margin-top:9.3rem}.phone-trailer-6{margin-bottom:9.3rem}.phone-padding-leader-6{padding-top:9.3rem}.phone-padding-trailer-6{padding-bottom:9.3rem}.phone-gutter-left-0{padding-left:0}.phone-gutter-right-0{padding-right:0}.phone-gutter-left-1{padding-left:1rem}.phone-gutter-right-1{padding-right:1rem}.phone-gutter-left-2{padding-left:2rem}.phone-gutter-right-2{padding-right:2rem}.phone-gutter-left-3{padding-left:3rem}.phone-gutter-right-3{padding-right:3rem}.phone-gutter-left-4{padding-left:4rem}.phone-gutter-right-4{padding-right:4rem}} \ No newline at end of file diff --git a/dist/img/banner.jpg b/dist/img/banner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..213293f39dc2d20bb38f869c0bb52ee32c7bcdc6 GIT binary patch literal 43784 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
R=anw_9==%W}q98U7Q(_;QPOY}!8 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 literal 0 HcmV?d00001 diff --git a/dist/img/favicon.ico b/dist/img/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..9cc0f87516ec483ffd833c47a761fa131268c47a GIT binary patch literal 6518 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 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/add-content.svg b/dist/img/icons/calcite-large/add-content.svg new file mode 100644 index 000000000..0e2e54918 --- /dev/null +++ b/dist/img/icons/calcite-large/add-content.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/add-to-legend.svg b/dist/img/icons/calcite-large/add-to-legend.svg new file mode 100644 index 000000000..cefeb6a39 --- /dev/null +++ b/dist/img/icons/calcite-large/add-to-legend.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/analysis.svg b/dist/img/icons/calcite-large/analysis.svg new file mode 100644 index 000000000..b30e63988 --- /dev/null +++ b/dist/img/icons/calcite-large/analysis.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/approved.svg b/dist/img/icons/calcite-large/approved.svg new file mode 100644 index 000000000..3ddf6effd --- /dev/null +++ b/dist/img/icons/calcite-large/approved.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/arrow-down.svg b/dist/img/icons/calcite-large/arrow-down.svg new file mode 100644 index 000000000..118d09b75 --- /dev/null +++ b/dist/img/icons/calcite-large/arrow-down.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/basemap.svg b/dist/img/icons/calcite-large/basemap.svg new file mode 100644 index 000000000..ddfbf4447 --- /dev/null +++ b/dist/img/icons/calcite-large/basemap.svg @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/bookmark.svg b/dist/img/icons/calcite-large/bookmark.svg new file mode 100644 index 000000000..5c601d829 --- /dev/null +++ b/dist/img/icons/calcite-large/bookmark.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/cancel.svg b/dist/img/icons/calcite-large/cancel.svg new file mode 100644 index 000000000..f9c4fa3b0 --- /dev/null +++ b/dist/img/icons/calcite-large/cancel.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/close.svg b/dist/img/icons/calcite-large/close.svg new file mode 100644 index 000000000..27db12585 --- /dev/null +++ b/dist/img/icons/calcite-large/close.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/description.svg b/dist/img/icons/calcite-large/description.svg new file mode 100644 index 000000000..f9bc4e81f --- /dev/null +++ b/dist/img/icons/calcite-large/description.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/details.svg b/dist/img/icons/calcite-large/details.svg new file mode 100644 index 000000000..9cb39b01b --- /dev/null +++ b/dist/img/icons/calcite-large/details.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/down.svg b/dist/img/icons/calcite-large/down.svg new file mode 100644 index 000000000..6e6aaef70 --- /dev/null +++ b/dist/img/icons/calcite-large/down.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/edit.svg b/dist/img/icons/calcite-large/edit.svg new file mode 100644 index 000000000..f89930d9c --- /dev/null +++ b/dist/img/icons/calcite-large/edit.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/features-hosted.svg b/dist/img/icons/calcite-large/features-hosted.svg new file mode 100644 index 000000000..f3b64f1d6 --- /dev/null +++ b/dist/img/icons/calcite-large/features-hosted.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/features.svg b/dist/img/icons/calcite-large/features.svg new file mode 100644 index 000000000..60d59a5e1 --- /dev/null +++ b/dist/img/icons/calcite-large/features.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/file-gray.svg b/dist/img/icons/calcite-large/file-gray.svg new file mode 100644 index 000000000..b82cd1bb2 --- /dev/null +++ b/dist/img/icons/calcite-large/file-gray.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/file.svg b/dist/img/icons/calcite-large/file.svg new file mode 100644 index 000000000..b38cce180 --- /dev/null +++ b/dist/img/icons/calcite-large/file.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/globe.svg b/dist/img/icons/calcite-large/globe.svg new file mode 100644 index 000000000..ecea9fc02 --- /dev/null +++ b/dist/img/icons/calcite-large/globe.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/hide-in-legend.svg b/dist/img/icons/calcite-large/hide-in-legend.svg new file mode 100644 index 000000000..91ffc27c6 --- /dev/null +++ b/dist/img/icons/calcite-large/hide-in-legend.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/imagery.svg b/dist/img/icons/calcite-large/imagery.svg new file mode 100644 index 000000000..312783bbb --- /dev/null +++ b/dist/img/icons/calcite-large/imagery.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/layer-download.svg b/dist/img/icons/calcite-large/layer-download.svg new file mode 100644 index 000000000..588c6ec0a --- /dev/null +++ b/dist/img/icons/calcite-large/layer-download.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/layer-export-to-file.svg b/dist/img/icons/calcite-large/layer-export-to-file.svg new file mode 100644 index 000000000..bd55e0c01 --- /dev/null +++ b/dist/img/icons/calcite-large/layer-export-to-file.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/layer-export.svg b/dist/img/icons/calcite-large/layer-export.svg new file mode 100644 index 000000000..eaa963351 --- /dev/null +++ b/dist/img/icons/calcite-large/layer-export.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/layer-zoom.svg b/dist/img/icons/calcite-large/layer-zoom.svg new file mode 100644 index 000000000..6ad19e29c --- /dev/null +++ b/dist/img/icons/calcite-large/layer-zoom.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/map-download.svg b/dist/img/icons/calcite-large/map-download.svg new file mode 100644 index 000000000..a77f5be22 --- /dev/null +++ b/dist/img/icons/calcite-large/map-download.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/map-image.svg b/dist/img/icons/calcite-large/map-image.svg new file mode 100644 index 000000000..c836918f6 --- /dev/null +++ b/dist/img/icons/calcite-large/map-image.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/measure-distance.svg b/dist/img/icons/calcite-large/measure-distance.svg new file mode 100644 index 000000000..0d4b83fa0 --- /dev/null +++ b/dist/img/icons/calcite-large/measure-distance.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/measure-point.svg b/dist/img/icons/calcite-large/measure-point.svg new file mode 100644 index 000000000..9d6d1f363 --- /dev/null +++ b/dist/img/icons/calcite-large/measure-point.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/measure.svg b/dist/img/icons/calcite-large/measure.svg new file mode 100644 index 000000000..711e11f47 --- /dev/null +++ b/dist/img/icons/calcite-large/measure.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/print.svg b/dist/img/icons/calcite-large/print.svg new file mode 100644 index 000000000..f055136b2 --- /dev/null +++ b/dist/img/icons/calcite-large/print.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/remove.svg b/dist/img/icons/calcite-large/remove.svg new file mode 100644 index 000000000..1f1f9ecdd --- /dev/null +++ b/dist/img/icons/calcite-large/remove.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/rename.svg b/dist/img/icons/calcite-large/rename.svg new file mode 100644 index 000000000..b47753573 --- /dev/null +++ b/dist/img/icons/calcite-large/rename.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/scale.svg b/dist/img/icons/calcite-large/scale.svg new file mode 100644 index 000000000..6307deb5c --- /dev/null +++ b/dist/img/icons/calcite-large/scale.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/search.svg b/dist/img/icons/calcite-large/search.svg new file mode 100644 index 000000000..f48d6a1b2 --- /dev/null +++ b/dist/img/icons/calcite-large/search.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/tiles.svg b/dist/img/icons/calcite-large/tiles.svg new file mode 100644 index 000000000..684d3c1eb --- /dev/null +++ b/dist/img/icons/calcite-large/tiles.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/transparency.svg b/dist/img/icons/calcite-large/transparency.svg new file mode 100644 index 000000000..945dd68b1 --- /dev/null +++ b/dist/img/icons/calcite-large/transparency.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/up.svg b/dist/img/icons/calcite-large/up.svg new file mode 100644 index 000000000..fd79c3354 --- /dev/null +++ b/dist/img/icons/calcite-large/up.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/web-map-blue.svg b/dist/img/icons/calcite-large/web-map-blue.svg new file mode 100644 index 000000000..89a09be8e --- /dev/null +++ b/dist/img/icons/calcite-large/web-map-blue.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/web-map.svg b/dist/img/icons/calcite-large/web-map.svg new file mode 100644 index 000000000..5e6340c0b --- /dev/null +++ b/dist/img/icons/calcite-large/web-map.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/web-mapping-application-gray.svg b/dist/img/icons/calcite-large/web-mapping-application-gray.svg new file mode 100644 index 000000000..527c83595 --- /dev/null +++ b/dist/img/icons/calcite-large/web-mapping-application-gray.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/web-mapping-application.svg b/dist/img/icons/calcite-large/web-mapping-application.svg new file mode 100644 index 000000000..1783de07b --- /dev/null +++ b/dist/img/icons/calcite-large/web-mapping-application.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/your-location.svg b/dist/img/icons/calcite-large/your-location.svg new file mode 100644 index 000000000..e76ee5148 --- /dev/null +++ b/dist/img/icons/calcite-large/your-location.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite-large/zoom-out.svg b/dist/img/icons/calcite-large/zoom-out.svg new file mode 100644 index 000000000..e7a748f35 --- /dev/null +++ b/dist/img/icons/calcite-large/zoom-out.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/3d.svg b/dist/img/icons/calcite/3d.svg new file mode 100644 index 000000000..a04fb9357 --- /dev/null +++ b/dist/img/icons/calcite/3d.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/add-content.svg b/dist/img/icons/calcite/add-content.svg new file mode 100644 index 000000000..087ede2c1 --- /dev/null +++ b/dist/img/icons/calcite/add-content.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/add-to-legend.svg b/dist/img/icons/calcite/add-to-legend.svg new file mode 100644 index 000000000..2400270dc --- /dev/null +++ b/dist/img/icons/calcite/add-to-legend.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/analysis.svg b/dist/img/icons/calcite/analysis.svg new file mode 100644 index 000000000..b746000f1 --- /dev/null +++ b/dist/img/icons/calcite/analysis.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/approved.svg b/dist/img/icons/calcite/approved.svg new file mode 100644 index 000000000..2da013e81 --- /dev/null +++ b/dist/img/icons/calcite/approved.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/arrow-down.svg b/dist/img/icons/calcite/arrow-down.svg new file mode 100644 index 000000000..ca9824175 --- /dev/null +++ b/dist/img/icons/calcite/arrow-down.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/basemap.svg b/dist/img/icons/calcite/basemap.svg new file mode 100644 index 000000000..c783b1195 --- /dev/null +++ b/dist/img/icons/calcite/basemap.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/bookmark.svg b/dist/img/icons/calcite/bookmark.svg new file mode 100644 index 000000000..974545112 --- /dev/null +++ b/dist/img/icons/calcite/bookmark.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/cancel.svg b/dist/img/icons/calcite/cancel.svg new file mode 100644 index 000000000..8482307e0 --- /dev/null +++ b/dist/img/icons/calcite/cancel.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/close.svg b/dist/img/icons/calcite/close.svg new file mode 100644 index 000000000..c12566654 --- /dev/null +++ b/dist/img/icons/calcite/close.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/description.svg b/dist/img/icons/calcite/description.svg new file mode 100644 index 000000000..9484cc95f --- /dev/null +++ b/dist/img/icons/calcite/description.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/details.svg b/dist/img/icons/calcite/details.svg new file mode 100644 index 000000000..8496a8cc4 --- /dev/null +++ b/dist/img/icons/calcite/details.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/down.svg b/dist/img/icons/calcite/down.svg new file mode 100644 index 000000000..cadcb635e --- /dev/null +++ b/dist/img/icons/calcite/down.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/edit.svg b/dist/img/icons/calcite/edit.svg new file mode 100644 index 000000000..8f7f82065 --- /dev/null +++ b/dist/img/icons/calcite/edit.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/features-hosted.svg b/dist/img/icons/calcite/features-hosted.svg new file mode 100644 index 000000000..043b9af6e --- /dev/null +++ b/dist/img/icons/calcite/features-hosted.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/features.svg b/dist/img/icons/calcite/features.svg new file mode 100644 index 000000000..e7debc37e --- /dev/null +++ b/dist/img/icons/calcite/features.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/file-gray.svg b/dist/img/icons/calcite/file-gray.svg new file mode 100644 index 000000000..c5477b6ee --- /dev/null +++ b/dist/img/icons/calcite/file-gray.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/file.svg b/dist/img/icons/calcite/file.svg new file mode 100644 index 000000000..43cfa7dab --- /dev/null +++ b/dist/img/icons/calcite/file.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/globe.svg b/dist/img/icons/calcite/globe.svg new file mode 100644 index 000000000..71c75f0ee --- /dev/null +++ b/dist/img/icons/calcite/globe.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/hide-in-legend.svg b/dist/img/icons/calcite/hide-in-legend.svg new file mode 100644 index 000000000..c3d720fa3 --- /dev/null +++ b/dist/img/icons/calcite/hide-in-legend.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/imagery.svg b/dist/img/icons/calcite/imagery.svg new file mode 100644 index 000000000..756e1649e --- /dev/null +++ b/dist/img/icons/calcite/imagery.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/layer-download.svg b/dist/img/icons/calcite/layer-download.svg new file mode 100644 index 000000000..67ac52137 --- /dev/null +++ b/dist/img/icons/calcite/layer-download.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/layer-export-to-file.svg b/dist/img/icons/calcite/layer-export-to-file.svg new file mode 100644 index 000000000..408059f54 --- /dev/null +++ b/dist/img/icons/calcite/layer-export-to-file.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/layer-export.svg b/dist/img/icons/calcite/layer-export.svg new file mode 100644 index 000000000..5ac86a122 --- /dev/null +++ b/dist/img/icons/calcite/layer-export.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/layer-zoom.svg b/dist/img/icons/calcite/layer-zoom.svg new file mode 100644 index 000000000..d76fec647 --- /dev/null +++ b/dist/img/icons/calcite/layer-zoom.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/map-download.svg b/dist/img/icons/calcite/map-download.svg new file mode 100644 index 000000000..d6381e89b --- /dev/null +++ b/dist/img/icons/calcite/map-download.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/map-image.svg b/dist/img/icons/calcite/map-image.svg new file mode 100644 index 000000000..6d22f30be --- /dev/null +++ b/dist/img/icons/calcite/map-image.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/measure-distance.svg b/dist/img/icons/calcite/measure-distance.svg new file mode 100644 index 000000000..c1dfdfe28 --- /dev/null +++ b/dist/img/icons/calcite/measure-distance.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/measure-point.svg b/dist/img/icons/calcite/measure-point.svg new file mode 100644 index 000000000..bedfb7599 --- /dev/null +++ b/dist/img/icons/calcite/measure-point.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/measure.svg b/dist/img/icons/calcite/measure.svg new file mode 100644 index 000000000..3cf35b7f9 --- /dev/null +++ b/dist/img/icons/calcite/measure.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/print.svg b/dist/img/icons/calcite/print.svg new file mode 100644 index 000000000..f0ad20811 --- /dev/null +++ b/dist/img/icons/calcite/print.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/remove.svg b/dist/img/icons/calcite/remove.svg new file mode 100644 index 000000000..e574936cf --- /dev/null +++ b/dist/img/icons/calcite/remove.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/rename.svg b/dist/img/icons/calcite/rename.svg new file mode 100644 index 000000000..536f062f5 --- /dev/null +++ b/dist/img/icons/calcite/rename.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/scale.svg b/dist/img/icons/calcite/scale.svg new file mode 100644 index 000000000..f80ed214b --- /dev/null +++ b/dist/img/icons/calcite/scale.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/search.svg b/dist/img/icons/calcite/search.svg new file mode 100644 index 000000000..dd344edd4 --- /dev/null +++ b/dist/img/icons/calcite/search.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/tiles.svg b/dist/img/icons/calcite/tiles.svg new file mode 100644 index 000000000..3bfede725 --- /dev/null +++ b/dist/img/icons/calcite/tiles.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/transparency.svg b/dist/img/icons/calcite/transparency.svg new file mode 100644 index 000000000..8c606de2a --- /dev/null +++ b/dist/img/icons/calcite/transparency.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/up.svg b/dist/img/icons/calcite/up.svg new file mode 100644 index 000000000..462ee150d --- /dev/null +++ b/dist/img/icons/calcite/up.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/web-map-blue.svg b/dist/img/icons/calcite/web-map-blue.svg new file mode 100644 index 000000000..76cf0aaad --- /dev/null +++ b/dist/img/icons/calcite/web-map-blue.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/web-map.svg b/dist/img/icons/calcite/web-map.svg new file mode 100644 index 000000000..e43bc8ecf --- /dev/null +++ b/dist/img/icons/calcite/web-map.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/web-mapping-application-gray.svg b/dist/img/icons/calcite/web-mapping-application-gray.svg new file mode 100644 index 000000000..7afccefc6 --- /dev/null +++ b/dist/img/icons/calcite/web-mapping-application-gray.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/web-mapping-application.svg b/dist/img/icons/calcite/web-mapping-application.svg new file mode 100644 index 000000000..400e815f2 --- /dev/null +++ b/dist/img/icons/calcite/web-mapping-application.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/your-location.svg b/dist/img/icons/calcite/your-location.svg new file mode 100644 index 000000000..595d5d221 --- /dev/null +++ b/dist/img/icons/calcite/your-location.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/calcite/zoom-out.svg b/dist/img/icons/calcite/zoom-out.svg new file mode 100644 index 000000000..2130a2739 --- /dev/null +++ b/dist/img/icons/calcite/zoom-out.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/vecticons/announcement.svg b/dist/img/icons/vecticons/announcement.svg new file mode 100644 index 000000000..483ee0c5c --- /dev/null +++ b/dist/img/icons/vecticons/announcement.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/vecticons/auth.svg b/dist/img/icons/vecticons/auth.svg new file mode 100644 index 000000000..94cabe0cc --- /dev/null +++ b/dist/img/icons/vecticons/auth.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/vecticons/browser.svg b/dist/img/icons/vecticons/browser.svg new file mode 100644 index 000000000..dbcac36ac --- /dev/null +++ b/dist/img/icons/vecticons/browser.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/vecticons/checkmark.svg b/dist/img/icons/vecticons/checkmark.svg new file mode 100644 index 000000000..eb6b8ad23 --- /dev/null +++ b/dist/img/icons/vecticons/checkmark.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/icons/vecticons/close.svg b/dist/img/icons/vecticons/close.svg new file mode 100644 index 000000000..0f8ebd960 --- /dev/null +++ b/dist/img/icons/vecticons/close.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + diff --git a/dist/img/icons/vecticons/data.svg b/dist/img/icons/vecticons/data.svg new file mode 100644 index 000000000..0d650f4c2 --- /dev/null +++ b/dist/img/icons/vecticons/data.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/dist/img/logo/esri-logo-reversed.svg b/dist/img/logo/esri-logo-reversed.svg new file mode 100644 index 000000000..ec14e11c0 --- /dev/null +++ b/dist/img/logo/esri-logo-reversed.svg @@ -0,0 +1,255 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/img/logo/esri-logo.svg b/dist/img/logo/esri-logo.svg new file mode 100644 index 000000000..3d08a81ad --- /dev/null +++ b/dist/img/logo/esri-logo.svg @@ -0,0 +1,255 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/js/calcite-web.js b/dist/js/calcite-web.js new file mode 100644 index 000000000..b18909efe --- /dev/null +++ b/dist/js/calcite-web.js @@ -0,0 +1,670 @@ +/* calcite-web - v0.1.2 - 2015-04-07 +* https://github.com/esri/calcite-web +* Copyright (c) 2015 Environmental Systems Research Institute, Inc. +* Apache 2.0 License */ +(function Calcite () { + +var calcite = { + version: '0.0.9' +}; + +// ┌───────────────┐ +// │ DOM Utilities │ +// └───────────────┘ + +calcite.dom = {}; + +// ┌──────────────────────┐ +// │ DOM Event Management │ +// └──────────────────────┘ + +// returns standard interaction event, later will add touch support +calcite.dom.event = function () { + return 'click'; +}; + +// add a callback function to an event on a DOM node +calcite.dom.addEvent = function (domNode, event, fn) { + if (domNode.addEventListener) { + return domNode.addEventListener(event, fn, false); + } + if (domNode.attachEvent) { + return domNode.attachEvent('on' + event, fn); + } +}; + +// remove a specific function binding from a DOM node event +calcite.dom.removeEvent = function (domNode, event, fn) { + if (domNode.removeEventListener) { + return domNode.removeEventListener(event, fn, false); + } + if (domNode.detachEvent) { + return domNode.detachEvent('on' + event, fn); + } +}; + +// get the target element of an event +calcite.dom.eventTarget = function (event) { + if (!event.target) { + return event.srcElement; + } + if (event.target) { + return event.target; + } +}; + +// prevent default behavior of an event +calcite.dom.preventDefault = function (event) { + if (event.preventDefault) { + return event.preventDefault(); + } + if (event.returnValue) { + event.returnValue = false; + } +}; + +// stop and event from bubbling up the DOM tree +calcite.dom.stopPropagation = function (event) { + event = event || window.event; + if (event.stopPropagation) { + return event.stopPropagation(); + } + if (event.cancelBubble) { + event.cancelBubble = true; + } +}; + +// ┌────────────────────┐ +// │ Class Manipulation │ +// └────────────────────┘ + +// check if an element has a specific class +calcite.dom.hasClass = function (domNode, className) { + var exp = new RegExp(' ' + className + ' '); + if (exp.test(' ' + domNode.className + ' ')) { + return true; + } + + return false; +}; + +// add one or more classes to an element +calcite.dom.addClass = function (domNode, classes) { + classes = classes.split(' '); + + for (var i = 0; i < classes.length; i++) { + if (!calcite.dom.hasClass(domNode, classes[i])) { + domNode.className += ' ' + classes[i]; + } + } +}; + +// remove one or more classes from an element +calcite.dom.removeClass = function (domNode, classes) { + classes = classes.split(' '); + + for (var i = 0; i < classes.length; i++) { + var newClass = ' ' + domNode.className.replace( /[\t\r\n]/g, ' ') + ' '; + + if (calcite.dom.hasClass(domNode, classes[i])) { + while (newClass.indexOf(' ' + classes[i] + ' ') >= 0) { + newClass = newClass.replace(' ' + classes[i] + ' ', ' '); + } + + domNode.className = newClass.replace(/^\s+|\s+$/g, ''); + } + } +}; + +// ┌───────────────┐ +// │ DOM Traversal │ +// └───────────────┘ + +// returns closest element up the DOM tree matching a given class +calcite.dom.closest = function (className, context) { + var result, current; + for (current = context; current; current = current.parentNode) { + if (current.nodeType === 1 && calcite.dom.hasClass(current, className)) { + result = current; + break; + } + } + return current; +}; + +// get an attribute for an element +calcite.dom.getAttr = function(domNode, attr) { + if (domNode.getAttribute) { + return domNode.getAttribute(attr); + } + + var result; + var attrs = domNode.attributes; + + for (var i = 0; i < attrs.length; i++) { + if (attrs[i].nodeName === attr) { + result = attrs[i].nodeValue; + } + } + + return result; +}; + +// ┌───────────────────┐ +// │ Object Conversion │ +// └───────────────────┘ + +// turn a domNodeList into an array +calcite.dom.nodeListToArray = function (domNodeList) { + var array = []; + for (var i = 0; i < domNodeList.length; i++) { + array.push(domNodeList[i]); + } + return array; +}; + +// ┌────────────────────┐ +// │ Array Manipulation │ +// └────────────────────┘ + +calcite.arr = {}; + +// return the index of an object in an array with optional offset +calcite.arr.indexOf = function (obj, arr, offset) { + var i = offset || 0; + + if (arr.indexOf) { + return arr.indexOf(obj, i); + } + + for (i; i < arr.length; i++) { + if (arr[i] === obj) { + return i; + } + } + + return -1; +}; + +// ┌───────────────────────────┐ +// │ Browser Feature Detection │ +// └───────────────────────────┘ +// detect features like touch, ie, etc. + +calcite.browser = {}; + +// detect touch, could be improved for more coverage +calcite.browser.isTouch = function () { + if (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)) { + return true; + } + return false; +}; + +// ┌─────────────┐ +// │ JS Patterns │ +// └─────────────┘ +// javascript logic for ui patterns + +function findElements (className) { + var elements = document.querySelectorAll(className); + if (elements.length) { + return calcite.dom.nodeListToArray(elements); + } else { + return false; + } +} + +// remove 'is-active' class from every element in an array +function removeActive (array) { + if (typeof array == 'object') { + array = calcite.dom.nodeListToArray(array); + } + array.forEach(function (item) { + calcite.dom.removeClass(item, 'is-active'); + }); +} + +// remove 'is-active' from array, add to element +function toggleActive (array, el) { + var isActive = calcite.dom.hasClass(el, 'is-active'); + if (isActive) { + calcite.dom.removeClass(el, 'is-active'); + } else { + removeActive(array); + calcite.dom.addClass(el, 'is-active'); + } +} + +// ┌───────────┐ +// │ Accordion │ +// └───────────┘ +// collapsible accordion list + +calcite.accordion = function () { + var accordions = findElements('.js-accordion'); + + if (!accordions) { + return; + } + + for (var i = 0; i < accordions.length; i++) { + var children = accordions[i].children; + for (var j = 0; j < children.length; j++) { + calcite.dom.addEvent(children[j], calcite.dom.event(), toggleAccordion); + } + } + + function toggleAccordion (event) { + var parent = calcite.dom.closest('accordion-section', calcite.dom.eventTarget(event)); + if (calcite.dom.hasClass(parent, 'is-active')) { + calcite.dom.removeClass(parent, 'is-active'); + } else { + calcite.dom.addClass(parent, 'is-active'); + } + } + +}; + +// ┌──────────┐ +// │ Carousel │ +// └──────────┘ +// show carousel with any number of slides + +calcite.carousel = function () { + + var carousels = findElements('.js-carousel'); + + if (!carousels) { + return; + } + + for (var i = 0; i < carousels.length; i++) { + + var carousel = carousels[i]; + var wrapper = carousel.querySelectorAll('.carousel-slides')[0]; + var slides = carousel.querySelectorAll('.carousel-slide'); + var toggles = calcite.dom.nodeListToArray(carousel.querySelectorAll('.js-carousel-link')); + + wrapper.style.width = slides.length * 100 + '%'; + + calcite.dom.addClass(slides[0], 'is-active'); + calcite.dom.addClass(carousel, 'is-first-slide'); + + for (var k = 0; k < slides.length; k++) { + slides[k].style.width = 100 / slides.length + '%'; + } + + for (var j = 0; j < toggles.length; j++) { + calcite.dom.addEvent(toggles[j], calcite.dom.event(), toggleSlide); + } + + } + + function toggleSlide (e) { + calcite.dom.preventDefault(e); + var link = calcite.dom.eventTarget(e); + var index = calcite.dom.getAttr(link, 'data-slide'); + var carousel = calcite.dom.closest('carousel', link); + var current = carousel.querySelectorAll('.carousel-slide.is-active')[0]; + var slides = carousel.querySelectorAll('.carousel-slide'); + var wrapper = carousel.querySelectorAll('.carousel-slides')[0]; + + if (index == 'prev') { + index = calcite.arr.indexOf(current, slides); + if (index === 0) { index = 1; } + } else if (index == 'next') { + index = calcite.arr.indexOf(current, slides) + 2; + if (index > slides.length) { index = slides.length; } + } + + calcite.dom.removeClass(carousel, 'is-first-slide is-last-slide'); + + if (index == slides.length) { calcite.dom.addClass(carousel, 'is-last-slide');} + if (index == 1) { calcite.dom.addClass(carousel, 'is-first-slide');} + + removeActive(slides); + calcite.dom.addClass(slides[index - 1], 'is-active'); + var offset = (index - 1)/slides.length * -100 + '%'; + wrapper.style.transform= 'translate3d(' + offset + ',0,0)'; + } + +}; + +// ┌──────────┐ +// │ Dropdown │ +// └──────────┘ +// show and hide dropdown menus + +calcite.dropdown = function () { + var toggles = findElements('.js-dropdown-toggle'); + var dropdowns = findElements('.js-dropdown'); + if (!dropdowns) { + return; + } + + function closeAllDropdowns () { + for (var i = 0; i < dropdowns.length; i++) { + calcite.dom.removeClass(dropdowns[i], 'is-active'); + } + } + + function toggleDropdown (dropdown) { + var isActive = calcite.dom.hasClass(dropdown, 'is-active'); + if (isActive) { + calcite.dom.removeClass(dropdown, 'is-active'); + } else { + calcite.dom.stopPropagation(); + closeAllDropdowns(); + calcite.dom.addClass(dropdown, 'is-active'); + calcite.dom.addEvent(document.body, calcite.dom.event(), function(event) { + closeAllDropdowns(); + }); + } + } + + function bindDropdown (toggle) { + calcite.dom.addEvent(toggle, calcite.dom.event(), function(event) { + calcite.dom.preventDefault(event); + var dropdown = calcite.dom.closest('js-dropdown', toggle); + toggleDropdown(dropdown); + }); + } + + for (var i = 0; i < toggles.length; i++) { + bindDropdown(toggles[i]); + } +}; + +// ┌────────┐ +// │ Drawer │ +// └────────┘ +// show and hide drawers +calcite.drawer = function () { + + var toggles = findElements('.js-drawer-toggle'); + var drawers = findElements('.js-drawer'); + + if (!drawers) { + return; + } + + function bindToggle (toggle) { + calcite.dom.addEvent(toggle, calcite.dom.event(), function(event) { + calcite.dom.preventDefault(event); + var target = calcite.dom.getAttr(toggle, 'data-drawer'); + for (var i = 0; i < drawers.length; i++) { + var drawer = drawers[i]; + var isTarget = calcite.dom.getAttr(drawers[i], 'data-drawer'); + if (target == isTarget) { + toggleActive(drawers, drawer); + } + } + }); + } + + function bindDrawer (drawer) { + calcite.dom.addEvent(drawer, calcite.dom.event(), function(event) { + toggleActive(drawers, drawer); + }); + } + + for (var i = 0; i < toggles.length; i++) { + bindToggle(toggles[i]); + } + for (var j = 0; j < drawers.length; j++) { + bindDrawer(drawers[j]); + } +}; + +// ┌───────────────┐ +// │ Expanding Nav │ +// └───────────────┘ +// show and hide exanding nav located under topnav +calcite.expandingNav = function () { + var toggles = findElements('.js-expanding-toggle'); + var expanders = findElements('.js-expanding'); + + if (!expanders) { + return; + } + + function bindToggle (toggle) { + calcite.dom.addEvent(toggle, calcite.dom.event(), function(event) { + calcite.dom.preventDefault(event); + + var sectionName = calcite.dom.getAttr(toggle, 'data-expanding-nav'); + var sections = document.querySelectorAll('.js-expanding-nav'); + var section = document.querySelectorAll('.js-expanding-nav[data-expanding-nav="' + sectionName + '"]')[0]; + var expander = calcite.dom.closest('js-expanding', section); + var isOpen = calcite.dom.hasClass(expander, 'is-active'); + var shouldClose = calcite.dom.hasClass(section, 'is-active'); + + if (isOpen) { + if (shouldClose) { + calcite.dom.removeClass(expander, 'is-active'); + } + toggleActive(sections, section); + } else { + toggleActive(sections, section); + calcite.dom.addClass(expander, 'is-active'); + } + + }); + } + + for (var i = 0; i < toggles.length; i++) { + bindToggle(toggles[i]); + } +}; + +// ┌───────┐ +// │ Modal │ +// └───────┘ +// show and hide modal dialogues + +calcite.modal = function () { + + var toggles = findElements('.js-modal-toggle'); + var modals = findElements('.js-modal'); + + if (!modals) { + return; + } + + function bindToggle (toggle) { + calcite.dom.addEvent(toggle, calcite.dom.event(), function(event) { + calcite.dom.preventDefault(event); + var target = calcite.dom.getAttr(toggle, 'data-modal'); + for (var i = 0; i < modals.length; i++) { + var modal = modals[i]; + var isTarget = calcite.dom.getAttr(modals[i], 'data-modal'); + if (target == isTarget) { + toggleActive(modals, modal); + } + } + }); + } + + function bindModal (modal) { + calcite.dom.addEvent(modal, calcite.dom.event(), function(event) { + calcite.dom.preventDefault(event); + toggleActive(modals, modal); + }); + } + + for (var i = 0; i < toggles.length; i++) { + bindToggle(toggles[i]); + } + for (var j = 0; j < modals.length; j++) { + bindModal(modals[j]); + } +}; + + +// ┌──────┐ +// │ Tabs │ +// └──────┘ +// tabbed content pane + +calcite.tabs = function () { + var tabs = findElements('.js-tab'); + var tabGroups = findElements('.js-tab-group'); + + if (!tabs) { + return; + } + + // set max width for each tab + for (var j = 0; j < tabGroups.length; j++) { + var tabsInGroup = tabGroups[j].querySelectorAll('.js-tab'); + var percent = 100 / tabsInGroup.length; + for (var k = 0; k < tabsInGroup.length; k++){ + tabsInGroup[k].style.maxWidth = percent + '%'; + } + } + + function switchTab (event) { + calcite.dom.preventDefault(event); + + var tab = calcite.dom.closest('js-tab', calcite.dom.eventTarget(event)); + var tabGroup = calcite.dom.closest('js-tab-group', tab); + var tabs = tabGroup.querySelectorAll('.js-tab'); + var contents = tabGroup.querySelectorAll('.js-tab-section'); + var index = calcite.arr.indexOf(tab, tabs); + + removeActive(tabs); + removeActive(contents); + + calcite.dom.addClass(tab, 'is-active'); + calcite.dom.addClass(contents[index], 'is-active'); + } + + // attach the switchTab event to all tabs + for (var i = 0; i < tabs.length; i++) { + calcite.dom.addEvent(tabs[i], calcite.dom.event(), switchTab); + } + +}; + +// ┌────────┐ +// │ Sticky │ +// └────────┘ +// sticks things to the window + +calcite.sticky = function () { + var elements = findElements('.js-sticky'); + + if (!elements) { + return; + } + + var stickies = []; + + for (var i = 0; i < elements.length; i++) { + var el = elements[i]; + var top = el.offsetTop; + var dataTop = calcite.dom.getAttr(el, 'data-top'); + + if (dataTop) { + top = top - parseInt(dataTop, 0); + } + + stickies.push({ + active: false, + top: top, + shim: el.cloneNode('deep'), + element: el + }); + } + + function handleScroll(item, offset) { + var elem = item.element; + var parent = elem.parentNode; + var distance = item.top - offset; + var dataTop = calcite.dom.getAttr(el, 'data-top'); + + if (distance < 1 && !item.active) { + item.shim.style.visiblity = 'hidden'; + parent.insertBefore(item.shim, elem); + calcite.dom.addClass(elem, 'is-sticky'); + item.active = true; + elem.style.top = dataTop + 'px'; + } else if (item.active && offset < item.top){ + parent.removeChild(item.shim); + calcite.dom.removeClass(elem, 'is-sticky'); + elem.style.top = null; + item.active = false; + } + } + + calcite.dom.addEvent(window, 'scroll', function() { + var offset = window.pageYOffset; + for (var i = 0; i < stickies.length; i++) { + handleScroll(stickies[i], offset); + } + }); + +}; + +// ┌────────────────────┐ +// │ Initialize Calcite │ +// └────────────────────┘ +// start up Calcite and attach all the patterns +// optionally pass an array of patterns you'd like to watch + +calcite.init = function (patterns) { + if (patterns) { + for (var i = 0; i < patterns.length; i++) { + calcite[patterns[i]](); + } + } else { + calcite.modal(); + calcite.dropdown(); + calcite.drawer(); + calcite.expandingNav(); + calcite.tabs(); + calcite.accordion(); + calcite.carousel(); + calcite.sticky(); + } + + // add a touch class to the body + if ( calcite.browser.isTouch() ) { + calcite.dom.addClass(document.body, 'calcite-touch'); + } +}; + +// ┌───────────────────┐ +// │ Expose Calcite.js │ +// └───────────────────┘ +// implementation borrowed from Leaflet + +// define calcite as a global variable, saving the original to restore later if needed +function expose () { + var oldCalcite = window.calcite; + + calcite.noConflict = function () { + window.calcite = oldCalcite; + return this; + }; + + window.calcite = calcite; +} + +// no NPM/AMD for now because it just causes issues +// @TODO: bust them into AMD & NPM distros + +// // define Calcite for CommonJS module pattern loaders (NPM, Browserify) +// if (typeof module === 'object' && typeof module.exports === 'object') { +// module.exports = calcite; +// } + +// // define Calcite as an AMD module +// else if (typeof define === 'function' && define.amd) { +// define(calcite); +// } + +expose(); + +})(); diff --git a/dist/js/calcite-web.min.js b/dist/js/calcite-web.min.js new file mode 100644 index 000000000..7751dc2b6 --- /dev/null +++ b/dist/js/calcite-web.min.js @@ -0,0 +1,5 @@ +/* calcite-web - v0.1.2 - 2015-04-07 +* https://github.com/esri/calcite-web +* Copyright (c) 2015 Environmental Systems Research Institute, Inc. +* Apache 2.0 License */ +!function(){function findElements(className){var elements=document.querySelectorAll(className);return elements.length?calcite.dom.nodeListToArray(elements):!1}function removeActive(array){"object"==typeof array&&(array=calcite.dom.nodeListToArray(array)),array.forEach(function(item){calcite.dom.removeClass(item,"is-active")})}function toggleActive(array,el){var isActive=calcite.dom.hasClass(el,"is-active");isActive?calcite.dom.removeClass(el,"is-active"):(removeActive(array),calcite.dom.addClass(el,"is-active"))}function expose(){var oldCalcite=window.calcite;calcite.noConflict=function(){return window.calcite=oldCalcite,this},window.calcite=calcite}var calcite={version:"0.0.9"};calcite.dom={},calcite.dom.event=function(){return"click"},calcite.dom.addEvent=function(domNode,event,fn){return domNode.addEventListener?domNode.addEventListener(event,fn,!1):domNode.attachEvent?domNode.attachEvent("on"+event,fn):void 0},calcite.dom.removeEvent=function(domNode,event,fn){return domNode.removeEventListener?domNode.removeEventListener(event,fn,!1):domNode.detachEvent?domNode.detachEvent("on"+event,fn):void 0},calcite.dom.eventTarget=function(event){return event.target?event.target?event.target:void 0:event.srcElement},calcite.dom.preventDefault=function(event){return event.preventDefault?event.preventDefault():void(event.returnValue&&(event.returnValue=!1))},calcite.dom.stopPropagation=function(event){return event=event||window.event,event.stopPropagation?event.stopPropagation():void(event.cancelBubble&&(event.cancelBubble=!0))},calcite.dom.hasClass=function(domNode,className){var exp=new RegExp(" "+className+" ");return exp.test(" "+domNode.className+" ")?!0:!1},calcite.dom.addClass=function(domNode,classes){classes=classes.split(" ");for(var i=0;i=0;)newClass=newClass.replace(" "+classes[i]+" "," ");domNode.className=newClass.replace(/^\s+|\s+$/g,"")}}},calcite.dom.closest=function(className,context){var result,current;for(current=context;current;current=current.parentNode)if(1===current.nodeType&&calcite.dom.hasClass(current,className)){result=current;break}return current},calcite.dom.getAttr=function(domNode,attr){if(domNode.getAttribute)return domNode.getAttribute(attr);for(var result,attrs=domNode.attributes,i=0;i0?!0:!1},calcite.accordion=function(){function toggleAccordion(event){var parent=calcite.dom.closest("accordion-section",calcite.dom.eventTarget(event));calcite.dom.hasClass(parent,"is-active")?calcite.dom.removeClass(parent,"is-active"):calcite.dom.addClass(parent,"is-active")}var accordions=findElements(".js-accordion");if(accordions)for(var i=0;islides.length&&(index=slides.length)),calcite.dom.removeClass(carousel,"is-first-slide is-last-slide"),index==slides.length&&calcite.dom.addClass(carousel,"is-last-slide"),1==index&&calcite.dom.addClass(carousel,"is-first-slide"),removeActive(slides),calcite.dom.addClass(slides[index-1],"is-active");var offset=(index-1)/slides.length*-100+"%";wrapper.style.transform="translate3d("+offset+",0,0)"}var carousels=findElements(".js-carousel");if(carousels)for(var i=0;idistance&&!item.active?(item.shim.style.visiblity="hidden",parent.insertBefore(item.shim,elem),calcite.dom.addClass(elem,"is-sticky"),item.active=!0,elem.style.top=dataTop+"px"):item.active&&offset thead { + background-color: $lightest-gray; + border-bottom: 1px solid $lighter-gray; + @extend .avenir-regular; + @include font-size(0); + } + + > tbody { + overflow: auto; + width: 100%; + } + + > tfoot { + background-color: $lightest-gray; + border-top: 1px solid $lighter-gray; + } + + th, td { + font-weight: normal; + border-left: 1px solid $lighter-gray; + border-right: 1px solid $lighter-gray; + padding: $baseline/3; + } + + tr { + border-bottom: 1px solid $lighter-gray; + text-align: left; + &:last-child { + border-bottom: none; + } + } + + caption { + color: $gray; + caption-side: bottom; + line-height: $baseline; + padding: $baseline/4 $baseline/2; + } + +} + + @mixin table-blue() { + border: 1px solid $blue; + + > thead { + background-color: $blue; + border: none; + border-bottom: 1px solid $blue; + color: $white; + tr:nth-child(even) { + background-color: $lighter-blue; + color: $type-color; + } + } + + > tfoot { + border-top: 1px solid $blue; + } + + th, td { + border-left: 1px solid $blue; + border-right: 1px solid $blue; + } + + tr { + border-bottom: 1px solid $blue; + } + } + + @mixin table-plain() { + border: none; + + > thead, > tfoot, th, td { + background-color: transparent; + border: none; + } + + tr { + border: none; + &:nth-child(even){ + background-color: transparent; + td { + background-color: transparent; + } + } + } + } + + @mixin table-striped() { + tr { + &:nth-child(even){ + background-color: $off-white; + td { + background-color: $off-white; + } + } + } + &.table-blue { + tr { + &:nth-child(even){ + background-color: $lightest-blue; + td { + background-color: $lightest-blue; + } + } + } + } + } + +@if $include-tables == true { + table {@include table();} + .table-blue {@include table-blue();} + .table-plain {@include table-plain();} + .table-striped {@include table-striped();} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/components/_tooltip.scss b/dist/sass/calcite-web/components/_tooltip.scss new file mode 100644 index 000000000..e53921b16 --- /dev/null +++ b/dist/sass/calcite-web/components/_tooltip.scss @@ -0,0 +1,48 @@ +// ┌──────────┐ +// │ Tooltips │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/components/#tooltips +// ↳ components → _tooltips.md +@if $include-tooltip { + + .tooltip { + position: relative; + display: inline-block; + } + + .tooltip:before { + content: attr(data-message); + position: absolute; + top: $baseline; + left: -6em; + width: 12em; + padding: $baseline/4 $baseline/2; + display: block; + @include font-size(-1); + @extend .avenir-regular; + text-align: center; + background-color: $transparent-black; + color: $off-white; + pointer-events: none; + opacity: 0; + z-index: 4; + @include transition(all, $transition); + @include transform(translate3d(0, 4px, 0)); + } + + .tooltip-left:before { + left: 0; + } + + .tooltip-right:before { + left: auto; + right: 0; + } + + .tooltip:hover:before { + @include transition(all, $transition); + @include transform(translate3d(0, 0, 0)); + opacity: 1; + } + +} \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_block-groups.scss b/dist/sass/calcite-web/grid/_block-groups.scss new file mode 100644 index 000000000..ad2703076 --- /dev/null +++ b/dist/sass/calcite-web/grid/_block-groups.scss @@ -0,0 +1,58 @@ +// ┌──────────────┐ +// │ Block Groups │ +// └──────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#block-groups +// ↳ grid → _block-groups.md + +@mixin block-group() { + font-family: monospace; + letter-spacing: -.65em; + margin-left: -0.5*$column-gutter; + margin-right: -0.5*$column-gutter; + text-align: left; + display: block; + &.center { + text-align: center; + } +} + +@mixin block() { + @extend .avenir-light; + position: relative; + display: inline-block; + float: none; + @include box-sizing(border-box); + padding-left: 0.5*$column-gutter; + padding-right: 0.5*$column-gutter; + letter-spacing: normal; + text-align: left; + vertical-align: top; +} + +@mixin _block-grid ($prefix: "") { + .#{$prefix}block-group-1-up .block { width: 100%; } + .#{$prefix}block-group-2-up .block { width: 50%; } + .#{$prefix}block-group-3-up .block { width: 33.33333%; } + .#{$prefix}block-group-4-up .block { width: 25%; } + .#{$prefix}block-group-5-up .block { width: 20%; } +} + +// ┌─────────────────────────┐ +// │ Responsive Block Groups │ +// └─────────────────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#responsive-block-groups +// ↳ grid → _responsive-block-groups.md + +@include respond-to($medium){ + @include _block-grid($medium-class + '-'); +} + +@include respond-to($small){ + @include _block-grid($small-class + '-'); +} + +@if $block-grid == true { + .block-group {@include block-group();} + .block {@include block();} + @include _block-grid(); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_columns.scss b/dist/sass/calcite-web/grid/_columns.scss new file mode 100644 index 000000000..6c88471a1 --- /dev/null +++ b/dist/sass/calcite-web/grid/_columns.scss @@ -0,0 +1,151 @@ +// ┌───────────┐ +// │ Container │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#container +// ↳ grid → _container.md + +@mixin grid-container() { + @extend %clearfix; + width: $container-width; + max-width: $container-max; + min-width: $container-min; + padding-right: 0; + padding-left: 0; + margin-right: auto; + margin-left: auto; +} + +// ┌─────────┐ +// │ Columns │ +// └─────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#columns +// ↳ grid → _columns.md + +@mixin column-base() { + @include box-sizing(border-box); + width: $container-width; + padding-left: $column-gutter / 2; + padding-right: $column-gutter / 2; + margin: 0; + float: left; + [class*="column-"]:first-of-type { + margin-left: -$column-gutter / 2; + } + [class*="column-"]:last-of-type { + margin-right: -$column-gutter / 2; + } + &:last-of-type { @extend %clearfix; } +} + +// ┌────────────────┐ +// │ First and Last │ +// └────────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#first-and-last +// ↳ grid → _first-and-last.md + +@mixin first-column() { + margin-left: -($column-gutter/2); +} + +@mixin last-column() { + margin-right: -($column-gutter / 2); +} + +// ┌────────────────────┐ +// │ Responsive Columns │ +// └────────────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#responsive-columns +// ↳ grid → _responsive-columns.md + +@mixin responsive-column() { + + @if $fold-grid == true { + + @media screen and (min-width: $medium) { + @for $n from 1 through $large-column-count { + .column-#{$n} { + width: ($n / $large-column-count) * $container-width - .01vw; + max-width: ($n / $large-column-count) * $container-max; + > .column-#{$n} { + margin-left: -($column-gutter/2); + } + } + } + } + + @media screen and (max-width: $medium - 1) { + @for $n from 1 through $medium-column-count { + .column-#{$n} { + width: ($n / $medium-column-count) * $container-width - .01vw; + } + } + @for $n from 1 through $medium-column-count { + .#{$medium-class}-column-#{$n} { + width: ($n / $medium-column-count) * $container-width - .01vw; + } + } + .#{$medium-class}-first-column { + margin-left: -($column-gutter / 2); + } + .#{$medium-class}-last-column { + margin-right: -($column-gutter / 2); + } + } + + @media screen and (max-width: $small - 1) { + @for $n from 1 through $small-column-count { + .column-#{$n}{ + width: ($n / $small-column-count) * $container-width - .01vw; + } + } + @for $n from 1 through $small-column-count { + .#{$medium-class}-column-#{$n}{ + width: ($n / $small-column-count) * $container-width - .01vw; + } + } + @for $n from 1 through $small-column-count { + .#{$small-class}-column-#{$n} { + width: ($n / $small-column-count) * $container-width - .01vw; + } + } + .#{$small-class}-first-column { + margin-left: -($column-gutter / 2); + } + .#{$small-class}-last-column { + margin-right: -($column-gutter / 2); + } + } + + } @else { + + @for $n from 1 through $large-column-count { + .column-#{$n} { + width: ($n / $large-column-count) * $container-width - .01vw; + max-width: ($n / $large-column-count) * $container-max; + > .column-#{$n} { + margin-left: -($column-gutter/2); + } + } + } + + } +} + +@if $include-grid == true { + .grid-container { + @include grid-container(); + } + + [class*="column-"] { + @include column-base(); + } + + .first-column { + @include first-column(); + } + .last-column { + @include last-column(); + } + + @include responsive-column(); +} diff --git a/dist/sass/calcite-web/grid/_grid.scss b/dist/sass/calcite-web/grid/_grid.scss new file mode 100644 index 000000000..bb8fac43e --- /dev/null +++ b/dist/sass/calcite-web/grid/_grid.scss @@ -0,0 +1,14 @@ +// ┌──────┐ +// │ Grid │ +// └──────┘ +// ↳ http://esri.github.io/calcite-web/grid/#overview +// ↳ grid → _overview.md +@import "mixins"; +@import "columns"; +@import "pre-post"; +@import "leader-trailer"; +@import "gutter"; +@import "show-hide"; +@import "left-right"; +@import "block-groups"; +@import "sticky"; \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_gutter-helpers.scss b/dist/sass/calcite-web/grid/_gutter-helpers.scss new file mode 100644 index 000000000..c5588841e --- /dev/null +++ b/dist/sass/calcite-web/grid/_gutter-helpers.scss @@ -0,0 +1,17 @@ +@if $include-grid == true { + +.gutter-left-quarter { @include gutter-left-quarter(); } +.gutter-right-quarter { @include gutter-right-quarter(); } +.gutter-left-third { @include gutter-left-third(); } +.gutter-right-third { @include gutter-right-third(); } + + .gutter-left-half { @include gutter-left-half(); } + .gutter-right-half { @include gutter-right-half(); } + + @for $i from 0 through $horizontal-range { + .gutter-left-#{$i} { @include gutter-left($i) ;} + .gutter-right-#{$i} { @include gutter-right($i) ;} + } + + @include responsive-gutter(); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_gutter.scss b/dist/sass/calcite-web/grid/_gutter.scss new file mode 100644 index 000000000..2c3c53d5f --- /dev/null +++ b/dist/sass/calcite-web/grid/_gutter.scss @@ -0,0 +1,38 @@ +// ┌────────┐ +// │ Gutter │ +// └────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#gutter +// ↳ grid → _gutter.md + +@mixin gutter-left-quarter() { padding-left: $column-gutter/4; } +@mixin gutter-right-quarter() { padding-right: $column-gutter/4; } +@mixin gutter-left-third() { padding-left: $column-gutter/3; } +@mixin gutter-right-third() { padding-right: $column-gutter/3; } +@mixin gutter-left-half() { padding-left: $column-gutter/2; } +@mixin gutter-right-half() { padding-right: $column-gutter/2; } + +@mixin gutter-left($n) { padding-left: $n * $column-gutter; } +@mixin gutter-right($n) { padding-right: $n * $column-gutter; } + +// Responsive gutter-left and gutter-right +@mixin responsive-gutter() { + @if $fold-grid == true { + + // Medium + @media screen and (max-width: $medium - 1) { + @for $i from 0 through $horizontal-range { + .#{$medium-class}-gutter-left-#{$i} { padding-left: $i * $column-gutter; } + .#{$medium-class}-gutter-right-#{$i} { padding-right: $i * $column-gutter; } + } + } + + // Small + @media screen and (max-width: $small - 1) { + @for $i from 0 through $horizontal-range { + .#{$small-class}-gutter-left-#{$i} { padding-left: $i * $column-gutter; } + .#{$small-class}-gutter-right-#{$i} { padding-right: $i * $column-gutter; } + } + } + } +} + diff --git a/dist/sass/calcite-web/grid/_leader-trailer.scss b/dist/sass/calcite-web/grid/_leader-trailer.scss new file mode 100644 index 000000000..44a1f3a4f --- /dev/null +++ b/dist/sass/calcite-web/grid/_leader-trailer.scss @@ -0,0 +1,58 @@ +// ┌────────────────┐ +// │ Leader Trailer │ +// └────────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#leader-and-trailer +// ↳ grid → _leader-and-trailer.md + +@mixin leader-half() { margin-top: 0.5 * $baseline; } +@mixin trailer-half() { margin-bottom: 0.5 * $baseline; } +@mixin padding-leader-half() { padding-top: 0.5 * $baseline; } +@mixin padding-trailer-half() { padding-bottom: 0.5 * $baseline; } + +@mixin leader($n) { margin-top: $n * $baseline; } +@mixin trailer($n) { margin-bottom: $n * $baseline; } +@mixin padding-leader($n) { padding-top: $n * $baseline; } +@mixin padding-trailer($n) { padding-bottom: $n * $baseline; } + +// Responsive Leader and Trailer +@mixin responsive-leader-trailer() { + @if $fold-grid == true { + + // Medium + @media screen and (max-width: $medium - 1) { + @for $i from 0 through $vertical-range { + .#{$medium-class}-leader-#{$i} { margin-top: $i * $baseline; } + .#{$medium-class}-trailer-#{$i} { margin-bottom: $i * $baseline; } + .#{$medium-class}-padding-leader-#{$i} { padding-top: $i * $baseline; } + .#{$medium-class}-padding-trailer-#{$i} { padding-bottom: $i * $baseline; } + } + } + + // Small + @media screen and (max-width: $small - 1) { + @for $i from 0 through $vertical-range { + .#{$small-class}-leader-#{$i} { margin-top: $i * $baseline; } + .#{$small-class}-trailer-#{$i} { margin-bottom: $i * $baseline; } + .#{$small-class}-padding-leader-#{$i} { padding-top: $i * $baseline; } + .#{$small-class}-padding-trailer-#{$i} { padding-bottom: $i * $baseline; } + } + } + } +} + +@if $include-grid == true { + + .leader-half { @include leader-half(); } + .trailer-half { @include trailer-half(); } + .padding-leader-half { @include padding-leader-half(); } + .padding-trailer-half { @include padding-trailer-half(); } + + @for $i from 0 through $vertical-range { + .leader-#{$i} { @include leader($i) ;} + .trailer-#{$i} { @include trailer($i) ;} + .padding-leader-#{$i} { @include padding-leader($i) ;} + .padding-trailer-#{$i} { @include padding-trailer($i) ;} + } + + @include responsive-leader-trailer(); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_left-right.scss b/dist/sass/calcite-web/grid/_left-right.scss new file mode 100644 index 000000000..b2b58b9cb --- /dev/null +++ b/dist/sass/calcite-web/grid/_left-right.scss @@ -0,0 +1,36 @@ +// ┌────────────────┐ +// │ Left and Right │ +// └────────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#left-and-right +// ↳ grid → _left-and-right.md + +@mixin left() { float: left } +@mixin right(){ float: right } + +@mixin include-left-right(){ + .left { @include left(); } + .right { @include right(); } +} + +// Responsive Left and Right +@mixin responsive-left-right(){ + @if $fold-grid == true { + + // Medium + @media screen and (max-width: $medium - 1) and (min-width: $small) { + .#{$medium-class}-left { float: left } + .#{$medium-class}-right { float: right } + } + + // Small + @media screen and (max-width: $small - 1) { + .#{$small-class}-left { float: left } + .#{$small-class}-right { float: right } + } + } +} + +@if $include-grid == true { + @include include-left-right(); + @include responsive-left-right(); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_mixins.scss b/dist/sass/calcite-web/grid/_mixins.scss new file mode 100644 index 000000000..2e62fac86 --- /dev/null +++ b/dist/sass/calcite-web/grid/_mixins.scss @@ -0,0 +1,24 @@ +@mixin column($n) { + @extend .column-base; + width: ($n / $large-column-count) * $container-width - .01vw; + max-width: ($n / $large-column-count) * $large-column-max; +} + +@mixin column-width($n) { + width: ($n / $large-column-count) * $container-width - .01vw; + max-width: ($n / $large-column-count) * $large-column-max; +} + +@mixin pre($n, $count: $large-column-count) { + margin-left: ($n / $count) * $container-width - 0.1vw !important; +} + +@mixin pre-calc($n, $count: $large-column-count) { + $margin: ($n / $count) * $container-width; + $clear: $column-gutter / 2; + margin-left: calc(#{$margin} - #{$clear}) !important; +} + +@mixin post($n, $count: $large-column-count) { + margin-right: ($n / $count) * $container-width - 0.1vw !important; +} \ No newline at end of file diff --git a/dist/sass/calcite-web/grid/_pre-post.scss b/dist/sass/calcite-web/grid/_pre-post.scss new file mode 100644 index 000000000..ede993665 --- /dev/null +++ b/dist/sass/calcite-web/grid/_pre-post.scss @@ -0,0 +1,89 @@ +// ┌──────────────┐ +// │ Pre and Post │ +// └──────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#pre-and-post +// ↳ grid → _pre-and-post.md + +@mixin responsive-pre-post(){ + + @if $fold-grid == true { + + // Small Columns + @media screen and (max-width: $small - 1) { + @for $n from 0 through $small-column-count { + .#{$small-class}-pre-#{$n} { + @include pre($n, $small-column-count); + } + [class*="column-"] .#{$small-class}-pre-#{$n}:first-child { + @include pre-calc($n, $small-column-count); + } + .#{$small-class}-post-#{$n} { + @include post($n, $small-column-count); + } + } + } + + // Medium Columns + @media screen and (max-width: $medium - 1) { + @for $n from 0 through $medium-column-count { + .#{$medium-class}-pre-#{$n} { + @include pre($n, $medium-column-count); + } + [class*="column-"] .#{$medium-class}-pre-#{$n}:first-child { + @include pre-calc($n, $medium-column-count); + } + .#{$medium-class}-post-#{$n} { + @include post($n, $medium-column-count); + } + } + } + + // Large Columns + @media screen and (min-width: $medium) { + @for $n from 0 through $large-column-count { + .pre-#{$n} { + @include pre($n, $large-column-count); + } + [class*="column-"] .pre-#{$n}:first-child { + @include pre-calc($n, $large-column-count); + } + .post-#{$n} { + @include post($n, $large-column-count); + } + } + } + } @else { + .pre-#{$n} { + @include pre($n, $large-column-count); + } + [class*="column-"] .pre-#{$n}:first-child { + @include pre-calc($n, $large-column-count); + } + .post-#{$n} { + @include post($n, $large-column-count); + } + } +} + +@mixin fixed-pre-post(){ + + // Fixed Pre and Post + @media screen and (min-width: $large) { + @for $n from 0 through $large-column-count { + .pre-#{$n} { + margin-left: ($n / $large-column-count) * $container-max !important; + } + [class*="column-"] .pre-#{$n}:first-child { + $margin: ($n / $large-column-count) * $container-max; + $clear: $column-gutter / 2; + margin-left: calc(#{$margin} - #{$clear}) !important; + } + .post-#{$n} { margin-right: ($n / $large-column-count) * $container-max !important; } + } + } +} + +@if $include-grid == true { + @include responsive-pre-post(); + @include fixed-pre-post(); +} diff --git a/dist/sass/calcite-web/grid/_show-hide.scss b/dist/sass/calcite-web/grid/_show-hide.scss new file mode 100644 index 000000000..db0f4f15d --- /dev/null +++ b/dist/sass/calcite-web/grid/_show-hide.scss @@ -0,0 +1,38 @@ +// ┌───────────────┐ +// │ Show and Hide │ +// └───────────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#show-and-hide +// ↳ grid → _show-and-hide.md + +// Responsive Show and Hide +@mixin responsive-show-hide(){ + @if $fold-grid == true { + + // Large + @media screen and (min-width: $medium) { + .#{$small-class}-show {@include hide();} + .#{$medium-class}-show {@include hide();} + .#{$medium-class}-only {@include hide();} + } + + // Medium + @media screen and (max-width: $medium - 1) and (min-width: $small) { + .#{$medium-class}-hide {@include hide();} + .#{$small-class}-show {@include hide();} + } + + // Small + @media screen and (max-width: $small - 1) { + .#{$small-class}-hide {@include hide();} + .#{$medium-class}-hide {@include hide();} + .#{$medium-class}-only {@include hide();} + } + } +} + +@if $include-grid == true { + @include responsive-show-hide(); + .invisible {@include invisible();} + .visible {@include visible();} + .hide {@include hide();} +} diff --git a/dist/sass/calcite-web/grid/_sticky.scss b/dist/sass/calcite-web/grid/_sticky.scss new file mode 100644 index 000000000..ebbaf0c68 --- /dev/null +++ b/dist/sass/calcite-web/grid/_sticky.scss @@ -0,0 +1,12 @@ +@mixin is-sticky() { + position: fixed; + z-index: 10; + &.scroll-show, & .scroll-show { + @include visible(); + } +} + +@if $include-sticky == true { + .is-sticky{ @include is-sticky(); } + .scroll-show { @include invisible(); } +} \ No newline at end of file diff --git a/dist/sass/calcite-web/icons/_config.scss b/dist/sass/calcite-web/icons/_config.scss new file mode 100644 index 000000000..a7d9933c6 --- /dev/null +++ b/dist/sass/calcite-web/icons/_config.scss @@ -0,0 +1,14 @@ +// Icon Preferences +$icon-class-prefix: 'icon-' !default; // prefix to all icon classes +$icon-size: 1rem !default; // set to 1em so that the icon can sit along side text +$small-icon-size: 1rem !default; // .small icon size +$medium-icon-size: 2rem !default; // .medium icon size +$large-icon-size: 4rem !default; // .large icon size + +// Customize Icon Sets +$include-vecticons: true !default; // one-color interface icons +$include-calcite: true !default; // use the entire calcite icon set +$include-calcite-large: true !default; // add the large versions of the calcite icons + +// Legacy support +$ie8-support: false !default; //support for ie8 \ No newline at end of file diff --git a/dist/sass/calcite-web/icons/_icons.scss b/dist/sass/calcite-web/icons/_icons.scss new file mode 100644 index 000000000..b069e2c0c --- /dev/null +++ b/dist/sass/calcite-web/icons/_icons.scss @@ -0,0 +1,30 @@ +// ┌───────┐ +// │ Icons │ +// └───────┘ +// ↳ http://esri.github.io/calcite-web/icons/ +// ↳ icons → _overview.md + +@mixin icons() { + // Basic Icon Styles + [class*="icon-"] { + &:before { + content: ""; + display: inline-block; + background-repeat: no-repeat; + background-position: center; + background-color: transparent; + width: 2rem; + height: 2rem; + background-size: 100% 100%; + } + } + + // Pass a file glob and iterate over it. + @each $filename in listFiles("lib/img/icons/calcite-large/*.svg") { + .icon-#{$filename}:before { background-image: url('../img/icons/calcite-large/#{$filename}.svg'); } + } +} + +@if $include-icons == true { + @include icons(); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_accordion.scss b/dist/sass/calcite-web/patterns/_accordion.scss new file mode 100644 index 000000000..aab109120 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_accordion.scss @@ -0,0 +1,47 @@ +// ┌───────────┐ +// │ Accordion │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#accordion +// ↳ patterns → _accordion.md + +@mixin accordion(){ + @extend .side-nav; +} + @mixin accordion-section() { + &.is-active { + .accordion-content { + display: block; + border-top: 1px solid $lightest-gray; + } + .accordion-title:before { + content: $dstri; + @include font-size(0); + } + } + } + + @mixin accordion-title() { + @extend .side-nav-title; + cursor: pointer; + @include transition(all, $transition); + &:before { + content: $rtri; + padding-right: 0.5em; + @include font-size(-6); + } + &:hover { + @include transition(all, $transition); + background-color: $lightest-gray; + } + } + @mixin accordion-content() { + display: none; + } + + +@if $include-accordion == true { + .accordion {@include accordion();} + .accordion-section {@include accordion-section();}; + .accordion-title {@include accordion-title();} + .accordion-content {@include accordion-content();} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_carousel.scss b/dist/sass/calcite-web/patterns/_carousel.scss new file mode 100644 index 000000000..50f52f0ab --- /dev/null +++ b/dist/sass/calcite-web/patterns/_carousel.scss @@ -0,0 +1,56 @@ +// ┌──────────┐ +// │ Carousel │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#carousel +// ↳ patterns → _carousel.md + +@mixin carousel() { + overflow-x: hidden; + position: relative; +} + + @mixin carousel-slides() { + @include transform(translate3d(0,0,0)); + @include transition-prefixed(transform $transition); + } + + @mixin carousel-slide() { + position: relative; + float: left; + height: 100%; + } + + // Next and Prev Buttons + %carousel-button { + position: absolute; + top: 50%; + margin-top: -$baseline/2; + width: $baseline; + height: $baseline; + text-align: center; + color: $white; + background: $transparent-black; + z-index: 10; + } + + @mixin carousel-prev() { + @extend %carousel-button; + left: 0; + } + + @mixin carousel-next() { + @extend %carousel-button; + right: 0; + } + +@if $include-carousel == true { +.carousel { @include carousel()} + .carousel-slides { @include carousel-slides()} + .carousel-slide { @include carousel-slide()} + .carousel-prev { @include carousel-prev()} + .carousel-next { @include carousel-next()} + .is-first-slide.carousel-prev, .is-last-slide.carousel-next { + pointer-events: none; + opacity: 0.2; + } +} diff --git a/dist/sass/calcite-web/patterns/_drawers.scss b/dist/sass/calcite-web/patterns/_drawers.scss new file mode 100644 index 000000000..f09ba3a51 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_drawers.scss @@ -0,0 +1,70 @@ +// ┌─────────┐ +// │ Drawers │ +// └─────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#drawers +// ↳ patterns → _drawers.md + +$transform-transition: transform 200ms cubic-bezier(0.215, 0.440, 0.420, 0.880); +$opacity-transition: opacity 200ms linear; + +@mixin drawer() { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + visibility: hidden; + overflow: hidden; + opacity: 0; + background: $transparent-black; + @include transition(visibility 0ms linear 200ms, $opacity-transition); + z-index: 1001; + &.is-active { + visibility: visible; + opacity: 1; + background-color: $transparent-black; + @include transition-delay(0ms); + &.drawer-left .drawer-nav { + @include transform(translate3d($drawer-width,0,0)); + } + &.drawer-right .drawer-nav { + @include transform(translate3d(-$drawer-width,0,0)); + } + } +} + +@mixin drawer-nav() { + position: absolute; + top: 0; + height: 100%; + width: $drawer-width; + margin: 0; + padding: 0; + list-style: none; + background: $white; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + @include transform(translate3d(0,0,0)); + @include transition-prefixed($transform-transition); +} + +@if $include-drawers == true { + .drawer { @include drawer();} + .drawer-nav { @include drawer-nav();} + .drawer-left .drawer-nav { left: -$drawer-width; } + .drawer-right .drawer-nav { left: 100%; } + + .ie9 { + .drawer { + &.is-active { + &.drawer-left .drawer-nav { + -ms-transform:translate($drawer-width,0); + } + &.drawer-right .drawer-nav { + -ms-transform:translate(-$drawer-width,0); + } + } + } + } +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_expanding-nav.scss b/dist/sass/calcite-web/patterns/_expanding-nav.scss new file mode 100644 index 000000000..8f4416bc1 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_expanding-nav.scss @@ -0,0 +1,43 @@ +//┌───────────────┐ +//│ Expanding Nav │ +//└───────────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#expanding-nav +// ↳ patterns → _expanding-nav.md + +@mixin expanding-nav(){ + position: absolute; + top: 4rem; + left: 0; + right: 0; + bottom: 0; + background-color: $lighter-gray; + max-height: 0; + overflow: hidden; + opacity: 0; + z-index: 40; + pointer-events: none; + @include transform(translate3d(0,-20px,0)); + @include transition-prefixed(transform 400ms ease-out, opacity 400ms ease-out, max-height 400ms ease-out); + &.is-active { + max-height: 100vh; + @include transform(translate3d(0,0,0)); + opacity: 1; + } +} + +@mixin expanding-nav-menu { + position: absolute; + top: 0; + left: 0; + right: 0; + opacity: 0; + @include transition(opacity $transition); + &.is-active { + opacity: 1; + } +} + +@if $include-expanding-nav == true { + .expanding-nav {@include expanding-nav();} + .expanding-nav-menu {@include expanding-nav-menu();} +} diff --git a/dist/sass/calcite-web/patterns/_footer.scss b/dist/sass/calcite-web/patterns/_footer.scss new file mode 100644 index 000000000..8913e9abb --- /dev/null +++ b/dist/sass/calcite-web/patterns/_footer.scss @@ -0,0 +1,22 @@ +// ┌────────┐ +// │ Footer │ +// └────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#footer +// ↳ patterns → _footer.md +@if $include-sticky-footer == true { + body { + display: flex; + height: 100%; + flex-direction: column; + } + .wrapper { + flex: 1 0 auto; + } + .footer { + flex: none; + } +} + +@if $include-footer == true { + .footer { background-color: $off-white; } +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_modal.scss b/dist/sass/calcite-web/patterns/_modal.scss new file mode 100644 index 000000000..e54fe1736 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_modal.scss @@ -0,0 +1,46 @@ +// ┌────────┐ +// │ Modals │ +// └────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#modals +// ↳ patterns → _modals.md + +@mixin modal-overlay() { + display: none; + background: $transparent-black; + overflow-y: scroll; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 50; + &.is-active { + display: block; + } +} + + @mixin modal-content() { + @include box-sizing(border-box); + position: relative; + top: 45vh; + left: 50vw; + @include transform(translate3d(-50%, -50%, 0)); + max-height: 80vh; + z-index: 100; + background: $off-white; + border: 1px solid $lightest-gray; + padding: $baseline; + opacity: 1; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + } + +@if $include-modal == true { + .modal-overlay { @include modal-overlay() ;} + .modal-content { @include modal-content() ;} + .ie9 { + .modal-content { + -ms-transform:translate(-50%,-50%); + } + } +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_side-nav.scss b/dist/sass/calcite-web/patterns/_side-nav.scss new file mode 100644 index 000000000..8690d7b44 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_side-nav.scss @@ -0,0 +1,54 @@ +// ┌─────────┐ +// │ Sidenav │ +// └─────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#side-nav +// ↳ patterns → _side-nav.md + +@mixin side-nav() { + @include box-sizing(border-box); + padding: 0; + border: 1px solid $lightest-gray; + border-top: none; + @extend .avenir-regular; + background-color: $white; +} + + @mixin side-nav-title() { + margin: 0; + padding: $baseline/3; + @extend .avenir-regular; + @include font-size(-1); + background-color: $off-white; + border-top: 1px solid $lightest-gray; + } + + @mixin side-nav-link() { + display: block; + @include box-sizing(border-box); + padding: $baseline/3; + @include font-size(-2); + @extend .link-darker-gray; + background-color: $white; + border-top: 1px solid $lightest-gray; + @include transition(all $transition); + &:after { + content: "»"; + opacity: 0; + float: right; + padding: 0 $baseline * 0.25; + @include transition(all $transition); + @include transform(translate3d(0,0,0)); + } + &:hover { + &:after { + opacity: 1; + @include transform(translate3d(8px,0,0)); + } + } + } + +@if $include-side-nav == true { + .side-nav {@include side-nav();} + .side-nav-title {@include side-nav-title();} + .side-nav-link {@include side-nav-link();} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_sub-nav.scss b/dist/sass/calcite-web/patterns/_sub-nav.scss new file mode 100644 index 000000000..50272354c --- /dev/null +++ b/dist/sass/calcite-web/patterns/_sub-nav.scss @@ -0,0 +1,50 @@ +// ┌────────┐ +// │ Subnav │ +// └────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#sub-nav +// ↳ patterns → _sub-nav.md + + +@mixin sub-nav() { + background-color: $lightest-gray; +} + + @mixin sub-nav-title() { + margin-top: $baseline; + display: inline-block; + float: left; + line-height: 1.25; + } + + @mixin sub-nav-list() { + width: 100%; + margin-top: $baseline/2; + float: left; + } + + @mixin sub-nav-link() { + padding: .25em .75em; + margin: 0 .25em 0 0; + float: left; + font-family: $avenir-family; + color: $lightest-gray; + @include font-size(-1); + background-color: $transparent-off-black; + @include transition(background-color $transition, color 150ms $transition); + &:hover, &:focus { + background-color: rgba(0, 0, 0, .3); + color: $white; + } + &.is-active { + background-color: $white; + color: $off-black; + } + } + + +@if $include-sub-nav == true { + .sub-nav {@include sub-nav();} + .sub-nav-title {@include sub-nav-title();} + .sub-nav-list {@include sub-nav-list();} + .sub-nav-link {@include sub-nav-link();} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_super-nav.scss b/dist/sass/calcite-web/patterns/_super-nav.scss new file mode 100644 index 000000000..7cd3e7927 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_super-nav.scss @@ -0,0 +1,27 @@ +// ┌──────────┐ +// │ Supernav │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#super-nav +// ↳ patterns → _super-nav.md + +$super-nav-height: 3*$baseline; + +@mixin super-nav() { + position: relative; + background-color: $black; + height: $super-nav-height; + color: $off-white; + top: 0; + margin-bottom: -$super-nav-height; + @include transform(translate3d(0,-$super-nav-height,0)); + @include transition($transition); + &.is-active { + @include transform(translate3d(0,0,0)); + @include transition($transition); + margin-bottom: 0; + } +} + +@if $include-super-nav == true { + .super-nav {@include super-nav();} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_tabs.scss b/dist/sass/calcite-web/patterns/_tabs.scss new file mode 100644 index 000000000..85d5791ea --- /dev/null +++ b/dist/sass/calcite-web/patterns/_tabs.scss @@ -0,0 +1,98 @@ +// ┌──────┐ +// │ Tabs │ +// └──────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#tabs +// ↳ patterns → _tabs.md + +@mixin tab-nav(){ + @include clearfix(); +} + +@mixin tab-title() { + @include box-sizing(border-box); + @include font-size(-2); + @include transition(all, $transition); + padding: $baseline/4 $baseline/2; + float: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + background-color: $off-white; + border: 1px solid $lighter-gray; + border-left: none; + cursor: pointer; + &:first-child { + border-left: 1px solid $lighter-gray; + } + &:hover { + background-color: mix($white, $off-white); + } + &.is-active { + border-bottom: 1px solid $white; + background-color: $white; + &:hover { + background-color: $white; + } + } +} + +@mixin tab-contents() { + @include box-sizing(border-box); + border: 1px solid $lighter-gray; + margin-top: -1px; +} + +@mixin tab-section() { + @include box-sizing(border-box); + background-color: $white; + display: none; + padding: $baseline/2; + overflow: auto; + &.is-active { + display: block; + } +} + +@mixin tabs-gray() { + .tab-title { + background-color: $white; + &.is-active { + background-color: $off-white; + border-bottom: 1px solid $off-white; + } + } + .tab-section { + background-color: $off-white; + } +} + +@mixin tabs-transparent() { + .tab-title { + background-color: transparent; + border: 1px solid transparent; + &.is-active { + background-color: transparent; + border: 1px solid $lighter-gray; + border-bottom: 1px solid $white; + } + } + .tab-contents { + border-bottom: none; + border-left: none; + border-right: none; + } + .tab-section { + background-color: transparent; + padding-left: 0; + padding-right: 0; + } +} + +@if $include-tabs == true { + .tab-nav { @include tab-nav() ;} + .tab-title { @include tab-title() ;} + .tab-contents { @include tab-contents() ;} + .tab-section { @include tab-section() ;} + .tabs-gray { @include tabs-gray() ;} + .tabs-transparent{ @include tabs-transparent() ;} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_third-nav.scss b/dist/sass/calcite-web/patterns/_third-nav.scss new file mode 100644 index 000000000..ca6490c78 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_third-nav.scss @@ -0,0 +1,37 @@ +// ┌──────────┐ +// │ Thirdnav │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#third-nav +// ↳ patterns → _third-nav.md +@mixin third-nav() { + @extend .avenir-regular; + border-bottom: 1px solid $lightest-gray; + background-color: $white; + padding: $baseline/4 0; + width: 100%; + nav { + margin-left: $baseline * .5; + } +} + + @mixin third-nav-link() { + // @extend .link-darkest-gray; + color: $darkest-gray; + @include font-size(-2); + margin-right: $baseline * 0.75; + &:hover { + color: $blue; + } + &.is-active { + @extend .avenir-bold; + } + &.is-active:hover { + @extend .link-darkest-gray; + } + } + + +@if $include-third-nav == true { + .third-nav {@include third-nav();} + .third-nav-link {@include third-nav-link();} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_toolbar.scss b/dist/sass/calcite-web/patterns/_toolbar.scss new file mode 100644 index 000000000..62a621f0e --- /dev/null +++ b/dist/sass/calcite-web/patterns/_toolbar.scss @@ -0,0 +1,17 @@ +// ┌─────────┐ +// │ Toolbar │ +// └─────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#toolbar +// ↳ patterns → _toolbar.md +@mixin toolbar() { + @include box-sizing(border-box); + padding: 0; + border: 1px solid $lighter-gray; + @extend .avenir-regular; + background-color: $off-white; +} + + +@if $include-toolbar == true { + .toolbar {@include toolbar()} +} \ No newline at end of file diff --git a/dist/sass/calcite-web/patterns/_top-nav.scss b/dist/sass/calcite-web/patterns/_top-nav.scss new file mode 100644 index 000000000..6e0b72d00 --- /dev/null +++ b/dist/sass/calcite-web/patterns/_top-nav.scss @@ -0,0 +1,74 @@ +// ┌────────┐ +// │ Topnav │ +// └────────┘ +// ↳ http://esri.github.io/calcite-web/patterns/#top-nav +// ↳ patterns → _top-nav.md +@mixin top-nav { + @extend .avenir-regular; + padding: $baseline*.75 0; +} + + @mixin top-nav-title { + @include font-size(1); + @extend .link-off-black; + float: left; + padding-right: 2rem; + } + + @mixin top-nav-list { + float: left; + @extend .avenir-regular; + line-height: 1.6em; + } + + @mixin top-nav-link { + margin-right: 1em; + @extend .link-off-black; + } + +@mixin sign-in { + float: right; + margin-top: -$baseline/6; + margin-bottom: -$baseline; +} + +@mixin user { + @include font-size(-2); + z-index: 3; + cursor: pointer; +} + @mixin user-image { + float: left; + height: 1.7rem; + width: 1.7rem; + border-radius: 50%; + border: 1px solid $lightest-gray; + margin-top: -2px; + } + @mixin user-name { + z-index: 2; + line-height: 2; + padding-left: 0.25*$baseline; + &:after { + padding-left: 0.25*$baseline; + content: $dtri; + font-size: .5rem; + vertical-align: .1rem; + } + } + @mixin user-nav { + margin-top: 0.25*$baseline; + } + +@if $include-top-nav == true { + .top-nav {@include top-nav();} + .top-nav-title {@include top-nav-title();} + .top-nav-list {@include top-nav-list();} + .top-nav-link {@include top-nav-link();} + .sign-in {@include sign-in();} + .user {@include user();} + .user-image {@include user-image();} + .user-name {@include user-name();} + .user-nav {@include user-nav();} + +} \ No newline at end of file diff --git a/dist/sass/calcite-web/type/_config.scss b/dist/sass/calcite-web/type/_config.scss new file mode 100644 index 000000000..88ac4645d --- /dev/null +++ b/dist/sass/calcite-web/type/_config.scss @@ -0,0 +1,31 @@ + +// ┌─────────────┐ +// │ Type Config │ +// └─────────────┘ + +// Scale +$golden-ratio: 1.618; +$major-third : 1.25 ; + +// Structural +$ratio: $major-third; +$body-size: 1rem; +$small-size: 0.95rem; +$indent: 1em; + +// Header Family +$avenir-tracking: 0; +$avenir-family: 'Avenir Next W01', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + +// Body Family +$content-tracking: 30; +$content-family: 'Frutiger W01', 'Lucida Grande', 'Segoe UI', 'Arial', sans-serif; + +// Secondary Family +$secondary-tracking: 10; +$secondary-family: 'Kepler W01', Georgia, serif; + +// Code Family +$code-tracking: 0; +$code-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Monaco', 'Courier New', Courier, monospace; + diff --git a/dist/sass/calcite-web/type/_faces.scss b/dist/sass/calcite-web/type/_faces.scss new file mode 100644 index 000000000..5488fdeff --- /dev/null +++ b/dist/sass/calcite-web/type/_faces.scss @@ -0,0 +1,162 @@ +// ┌─────────────┐ +// │ Header Face │ +// └─────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#avenir-regular +// ↳ type → _avenir-regular.md + +@mixin avenir-light() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 300; font-style: normal; + b, strong {font-weight: 400;} +} + +@mixin avenir-light-italic() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 300; font-style: italic; + b, strong {font-weight: 400;} +} + +@mixin avenir-regular() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 400; font-style: normal; + b, strong {font-weight: 500;} +} + +@mixin avenir-italic() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 400; font-style: italic; + b, strong {font-weight: 500;} +} + +@mixin avenir-demi() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 500; font-style: normal; + b, strong {font-weight: 600;} +} + +@mixin avenir-demi-italic() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 500; font-style: italic; + b, strong {font-weight: 600;} +} + +@mixin avenir-bold() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 600; font-style: normal; + b, strong {font-weight: 600;} +} + +@mixin avenir-bold-italic() { + @include tracking($avenir-tracking); + font-family: $avenir-family; font-weight: 600; font-style: italic; + b, strong {font-weight: 600;} +} + +// ┌───────────┐ +// │ Body Face │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/type/#content-face +// ↳ type → _content-face.md + +@mixin content-face() { + @include tracking($content-tracking); + font-family: $content-family; font-weight: 300; font-style: normal; + b, strong {font-weight: 500;} +} + +@mixin content-italic() { + @include tracking($content-tracking); + font-family: $content-family; font-weight: 300; font-style: italic; + b, strong {font-weight: 500;} +} + +@mixin content-bold() { + @include tracking($content-tracking); + font-family: $content-family; font-weight: 500; font-style: normal; + b, strong {font-weight: 500;} +} + +@mixin content-bold-italic() { + @include tracking($content-tracking); + font-family: $content-family; font-weight: 500; font-style: italic; + b, strong {font-weight: 500;} +} + +// ┌────────────────┐ +// │ Secondary Face │ +// └────────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#secondary-face +// ↳ type → _secondary-face.md + +@mixin secondary-face() { + @include tracking($secondary-tracking); + font-family: $secondary-family; font-weight: 400; font-style: normal; + b, strong {font-weight: 600;} +} + +@mixin secondary-italic() { + @include tracking($secondary-tracking); + font-family: $secondary-family; font-weight: 400; font-style: italic; + b, strong {font-weight: 600;} +} + +@mixin secondary-bold() { + @include tracking($secondary-tracking); + font-family: $secondary-family; font-weight: 600; font-style: normal; + b, strong {font-weight: 600;} +} + +@mixin secondary-bold-italic() { + @include tracking($secondary-tracking); + font-family: $secondary-family; font-weight: 600; font-style: italic; + b, strong {font-weight: 600;} +} + + +// ┌───────────┐ +// │ Code Face │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/type/#code-face +// ↳ type → _code-face.md + +@mixin code-face() { + @include tracking($code-tracking); + font-family: $code-family; font-weight: 400; font-style: normal; + b, strong {font-weight: 400;} +} + +@mixin code-italic() { + @include tracking($code-tracking); + font-family: $code-family; font-weight: 400; font-style: italic; + b, strong {font-weight: 400;} +} + +@if $include-type == true { + .avenir-light {@include avenir-light();} + .avenir-light-italic {@include avenir-light-italic();} + .avenir-regular {@include avenir-regular();} + .avenir-italic {@include avenir-italic();} + .avenir-demi {@include avenir-demi();} + .avenir-demi-italic {@include avenir-demi-italic();} + .avenir-bold {@include avenir-bold();} + .avenir-bold-italic {@include avenir-bold-italic();} + + + @if $include-content-family == true { + .content-face, .content-face .block {@include content-face();} + .content-italic, .content-italic .block {@include content-italic();} + .content-bold, .content-bold .block {@include content-bold();} + .content-bold-italic, .content-bold-italic .block {@include content-bold-italic();} + } + + @if $include-secondary-family == true { + .secondary-face, .secondary-face .block {@include secondary-face();} + .secondary-italic, .secondary-italic .block {@include secondary-italic();} + .secondary-bold, .secondary-bold .block {@include secondary-bold();} + .secondary-bold-italic, .secondary-bold-italic .block {@include secondary-bold-italic();} + } + + .code-face, .code-face .block {@include code-face();} + .code-italic, .code-italic .block {@include code-italic();} + +} \ No newline at end of file diff --git a/dist/sass/calcite-web/type/_helpers.scss b/dist/sass/calcite-web/type/_helpers.scss new file mode 100644 index 000000000..8c0eaa8d9 --- /dev/null +++ b/dist/sass/calcite-web/type/_helpers.scss @@ -0,0 +1,58 @@ +// ┌───────────────────────┐ +// │ Static Helper Classes │ +// └───────────────────────┘ + +@if $include-type == true and $include-type-defaults == true { + + .link-red a, a.link-red { @include link-color($red, $dark-red);} + .link-green a, a.link-green { @include link-color($green, $dark-green);} + .link-blue a, a.link-blue { @include link-color($blue, $dark-blue);} + .link-purple a, a.link-purple { @include link-color($purple, $dark-purple);} + .link-orange a, a.link-orange { @include link-color($orange, $dark-orange);} + .link-brown a, a.link-brown { @include link-color($brown, $dark-brown);} + .link-white a, a.link-white { @include link-color($white, $lightest-gray);} + .link-light-gray a, a.link-light-gray { @include link-color($light-gray, $gray);} + .link-gray a, a.link-gray { @include link-color($gray, $dark-gray);} + .link-dark-gray a, a.link-dark-gray { @include link-color($dark-gray, $darker-gray);} + .link-darker-gray a, a.link-darker-gray { @include link-color($darker-gray, $darkest-gray);} + .link-darkest-gray a, a.link-darkest-gray { @include link-color($darkest-gray, $off-black);} + .link-off-black a, a.link-off-black { @include link-color($off-black, $black);} + + .text-red { color: $red; } + .text-green { color: $green; } + .text-blue { color: $blue; } + .text-purple { color: $purple; } + .text-orange { color: $orange; } + .text-brown { color: $brown; } + .text-white { color: $white; } + .text-light-gray { color: $light-gray; } + .text-gray { color: $gray; } + .text-dark-gray { color: $dark-gray; } + .text-darker-gray { color: $darker-gray; } + .text-darkest-gray { color: $darkest-gray; } + .text-off-black { color: $off-black; } + + .text-rule {@include text-rule();} + .text-inline {@include text-inline();} + .text-center {@include text-center();} + .text-left {@include text-left();} + .text-right {@include text-right();} + .text-light {@include text-light();} + .text-ellipsis {@include text-ellipsis();} + .list-numbered {@include list-numbered();} + .list-bulleted {@include list-bulleted();} + + .font-size--3 { @include font-size(-3); } + .font-size--2 { @include font-size(-2); } + .font-size--1 { @include font-size(-1); } + .font-size-0 { @include font-size(0); } + .font-size-1 { @include font-size(1); } + .font-size-2 { @include font-size(2); } + .font-size-3 { @include font-size(3); } + .font-size-4 { @include font-size(4); } + .font-size-5 { @include font-size(5); } + .font-size-6 { @include font-size(6); } + .font-size-7 { @include font-size(7); } + .font-size-8 { @include font-size(8); } + +} diff --git a/dist/sass/calcite-web/type/_import.scss b/dist/sass/calcite-web/type/_import.scss new file mode 100644 index 000000000..3aebb709b --- /dev/null +++ b/dist/sass/calcite-web/type/_import.scss @@ -0,0 +1,122 @@ +@import url(http://fast.fonts.net//t/1.css?apiType=css&projectid=9431e9a5-7a6d-4b5f-82be-4d935972de5a); +@font-face{ +font-family:"Avenir Next W01_n3"; +src:url("http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Avenir Next W01"; +src:url("http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/f401df6f-54eb-406c-b46a-90b9451c598d.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/276fe25e-e430-4376-b33c-705dd77b3dba.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/869dc33b-3685-4d74-a51c-82b435579093.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#869dc33b-3685-4d74-a51c-82b435579093") format("svg"); +font-weight:300;font-style:normal; +} +@font-face{ +font-family:"Avenir Next W01_n4"; +src:url("http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Avenir Next W01"; +src:url("http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/1e9892c0-6927-4412-9874-1b82801ba47a.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/52a192b1-bea5-4b48-879f-107f009b666f.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#52a192b1-bea5-4b48-879f-107f009b666f") format("svg"); +font-weight:400;font-style:normal; +} +@font-face{ +font-family:"Avenir Next W01_n5"; +src:url("http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Avenir Next W01"; +src:url("http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/f26faddb-86cc-4477-a253-1e1287684336.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg"); +font-weight:500;font-style:normal; +} +@font-face{ +font-family:"Avenir Next W01_n6"; +src:url("http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Avenir Next W01"; +src:url("http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/99affa9a-a5e9-4559-bd07-20cf0071852d.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg"); +font-weight:600;font-style:normal; +} +@font-face{ +font-family:"Frutiger W01_i3"; +src:url("http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Frutiger W01"; +src:url("http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/dda818d0-9f7a-4574-8d17-8e3546cb04fb.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/1078a920-3def-4194-ba69-46751fb9af38.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg"); +font-weight:300;font-style:italic; +} +@font-face{ +font-family:"Frutiger W01_n3"; +src:url("http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Frutiger W01"; +src:url("http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/3f5a5b87-e71e-4544-be0c-da4daa132710.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg"); +font-weight:300;font-style:normal; +} +@font-face{ +font-family:"Frutiger W01_n5"; +src:url("http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"); +} +@font-face{ +font-family:"Frutiger W01"; +src:url("http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); +src:url("http://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"),url("http://fast.fonts.net/dv2/14/9b1fae67-8764-448a-a926-54b09bd0b06b.woff2?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"),url("http://fast.fonts.net/dv2/3/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"),url("http://fast.fonts.net/dv2/1/076311f8-a01b-4389-a5eb-334a62e62d45.ttf?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"),url("http://fast.fonts.net/dv2/11/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg?d44f19a684109620e4841679a790e818c479e8f5785cb15d83ec5bea5d8f064ee83eb356d86a13a11a668d8d24d15d78e0b15390ac959d3e4632d71dcdab9b0177947333c21c8cfecf5b1076f852734e0e37e3443fa5d81bf64599e95a233acf95b655d59613179b88c99da79596c1710305087ddb616b5e7e637f216c007c37b702cdd3985c574ef563977589e4c218cca9e0a60fe77afa089f339359538ad47798399dc2a9f198a4a8c823b045aa9116189681c44479df099fdc380973f51046de5905a6750d7b&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg"); +font-weight:500;font-style:normal; +} +@media all and (min-width: 0px) { +} + +@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=a2f744b5-a294-49c0-8af9-4599ad0ab33f); +@font-face{ +font-family:"Kepler W01_n4"; +src:url("https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); +} +@font-face{ +font-family:"Kepler W01"; +src:url("https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); +font-weight:400;font-style:normal; +} +@font-face{ +font-family:"Kepler W01"; +src:url("https://fast.fonts.net/dv2/2/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f"); +src:url("https://fast.fonts.net/dv2/3/10d5fc2c-8305-41ba-819e-2a21768f55f9.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("woff"),url("https://fast.fonts.net/dv2/1/7d640a8e-eb57-4e6f-9d25-0989dd7c9e6b.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("truetype"),url("https://fast.fonts.net/dv2/11/236a68b6-2675-430a-861c-ae2a383ee6df.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#236a68b6-2675-430a-861c-ae2a383ee6df") format("svg"); +font-weight:400;font-style:normal; +} +@font-face{ +font-family:"Kepler W01_i4"; +src:url("https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); +} +@font-face{ +font-family:"Kepler W01"; +src:url("https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); +font-weight:400;font-style:italic; +} +@font-face{ +font-family:"Kepler W01"; +src:url("https://fast.fonts.net/dv2/2/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f"); +src:url("https://fast.fonts.net/dv2/3/f3084f2a-c66f-4bf9-a4e6-56f35a712ed9.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("woff"),url("https://fast.fonts.net/dv2/1/63490ffd-79af-4b85-a111-96a223f44fe0.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("truetype"),url("https://fast.fonts.net/dv2/11/13d1ca9b-990e-41fa-aae1-1f9c817c0fb7.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#13d1ca9b-990e-41fa-aae1-1f9c817c0fb7") format("svg"); +font-weight:400;font-style:italic; +} +@font-face{ +font-family:"Kepler W01_n6"; +src:url("https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); +} +@font-face{ +font-family:"Kepler W01"; +src:url("https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("eot"); +font-weight:600;font-style:normal; +} +@font-face{ +font-family:"Kepler W01"; +src:url("https://fast.fonts.net/dv2/2/7bb78030-9409-46d7-81cc-31640cdf2486.eot?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f"); +src:url("https://fast.fonts.net/dv2/3/ebc0a5b7-edf8-4e33-a0e3-9dcde51e3631.woff?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("woff"),url("https://fast.fonts.net/dv2/1/bdfcf764-ebf8-4964-906c-23016768ade9.ttf?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f") format("truetype"),url("https://fast.fonts.net/dv2/11/aceb4785-a95c-4dd2-b8ac-2817cbadd13c.svg?d44f19a684109620e484157ca390e818e8a97b1e01f390daeacd552611b46b82bc660b095319077cc6067ded815e863105f4d5528d88e6675ff866796fae2bc4a467d968c60727db40d2a7b68c96128eaf2ac69a25d0a3296455cbe9cd6de3e5670a8ec235959a6e1d36bc17e89a735549c610bff645936d6b9c045defa874b1103481484eade04d8d1e554aa2f68ef99b149ab888518a39d13a&projectId=a2f744b5-a294-49c0-8af9-4599ad0ab33f#aceb4785-a95c-4dd2-b8ac-2817cbadd13c") format("svg"); +font-weight:600;font-style:normal; +} +@media all and (min-width: 0px) { +} diff --git a/dist/sass/calcite-web/type/_mixins.scss b/dist/sass/calcite-web/type/_mixins.scss new file mode 100644 index 000000000..3ed88a508 --- /dev/null +++ b/dist/sass/calcite-web/type/_mixins.scss @@ -0,0 +1,157 @@ +// ┌──────────┐ +// │ Tracking │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#tracking +// ↳ sass → _tracking.md + +@mixin tracking($n) { + letter-spacing: $n * 0.001em; +} + +// ┌─────────┐ +// │ Leading │ +// └─────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#leading +// ↳ sass → _leading.md + +@mixin leading($n) { + line-height: $n * $baseline; +} + +// ┌──────────────┐ +// │ Word Spacing │ +// └──────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#word-spacing +// ↳ sass → _word-spacing.md + +@mixin word-spacing($n) { + word-spacing: $n * 0.001em; +} + +// ┌────────────────┐ +// │ Text Modifiers │ +// └────────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#text-modifiers +// ↳ type → _text-modifiers.md + +@mixin text-inline() { + display: inline; +} + +@mixin text-center() { + text-align: center; +} + +@mixin text-left() { + text-align: left; +} + +@mixin text-right() { + text-align: right; +} + +@mixin text-rule() { + border-bottom: 1px solid $light-gray; +} + +@mixin text-large() { + @include font-size(0); +} + +@mixin text-small() { + @include font-size(-2); +} + +@mixin text-light() { + opacity: 0.66; +} + +@mixin text-ellipsis() { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +// ┌───────────────┐ +// │ List Bulleted │ +// └───────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#list-bulleted +// ↳ type → _list-bulleted.md + +@mixin list-bulleted() { + list-style-type: circle; +} + +// ┌───────────────┐ +// │ List Numbered │ +// └───────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#list-numbered +// ↳ type → _list-numbered.md + +@mixin list-numbered() { + counter-reset: li; + list-style: none; + position: relative; + padding-bottom: 1em; + & > li { + padding: 0.3em .25em .25em 2.5em; + position: relative; + margin-bottom: 0.75em; + &:before { + @include avenir-light(); + content: counter(li); + counter-increment: li; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 0.75em; + padding: 0 .5em 0 0; + color: $gray; + @include font-size(1); + line-height: 1.5*$baseline; + text-align: right; + border-right: 2px solid $lighter-gray; + } + &:after { + content: "."; + display: block; + clear: left; + visibility: hidden; + line-height: 0; + height: 0; + } + } + .list-numbered { + margin-bottom: 0; + padding-bottom: 0; + & > li { + &:before { + content: counter(li, lower-alpha); + } + } + } +} + +// ┌────────────┐ +// │ Text Color │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#text-color +// ↳ type → _text-color.md + +@mixin text-color($value) { + color: $value; +} + +// ┌────────────┐ +// │ Link Color │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/type/#link-color +// ↳ type → _link-color.md + +@mixin link-color($value, $light-value) { + color: $value; + &:hover { + color: $light-value; + } +} diff --git a/dist/sass/calcite-web/type/_scale.scss b/dist/sass/calcite-web/type/_scale.scss new file mode 100644 index 000000000..591705ade --- /dev/null +++ b/dist/sass/calcite-web/type/_scale.scss @@ -0,0 +1,63 @@ +// ┌───────────────┐ +// │ Modular Scale │ +// └───────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#modular-scale +// ↳ sass → _modular-scale.md + +@function modular-scale($increment) { + $v1: $body-size; + $v2: $small-size; + $value: $v1; + + @while $v2 > $v1 { + $v2: ($v2 / $ratio); // will be off-by-1 + } + @while $v2 < $v1 { + $v2: ($v2 * $ratio); // will fix off-by-1 + } + + $double-stranded: $v2 > $v1; + + @if $increment > 0 { + @for $i from 1 through $increment { + @if $double-stranded and ($v1 * $ratio) > $v2 { + $value: $v2; + $v2: ($v2 * $ratio); + } @else { + $v1: ($v1 * $ratio); + $value: $v1; + } + } + } + + @if $increment < 0 { + $unit: $body-size/16; + $decriment: $increment * $unit; + $value: $body-size + $decriment; + } + + @return $value; +} + + + +// ┌───────────┐ +// │ Font Size │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#font-size +// ↳ sass → _font-size.md + +@mixin font-size($n) { + font-size: modular-scale($n); + // font-size: from-scale($n); + + @if $n < 9 and $n > 4 { + line-height: 2*$baseline; + } + @else if $n < 4 and $n > 2 { + line-height: 1.5*$baseline; + } + @else if $n < 2 { + line-height: $baseline; + } +} diff --git a/dist/sass/calcite-web/type/_styles.scss b/dist/sass/calcite-web/type/_styles.scss new file mode 100644 index 000000000..df19fd428 --- /dev/null +++ b/dist/sass/calcite-web/type/_styles.scss @@ -0,0 +1,165 @@ +// ┌────────────────┐ +// │ Default Styles │ +// └────────────────┘ +@if $include-type == true and $include-type-defaults == true { + html { + font-size: 17px; + } + + body { + @include avenir-light(); + @include font-size(0); + line-height: $baseline; + color: $type-color; + + -webkit-font-feature-settings: "kern"; + -moz-font-feature-settings: "kern"; + font-feature-settings: "kern"; + font-kerning: normal; + + text-rendering: optimizeLegibility; + + -moz-font-feature-settings : 'liga= 1','calt=0'; + -moz-font-feature-settings : "liga" 1,"calt" 0; + -webkit-font-feature-settings : "liga" 1,"calt" 0; + -ms-font-feature-settings : 'liga= 1','calt=0'; + -o-font-feature-settings : "liga" 1,"calt" 0; + font-feature-settings : "liga" 1,"calt" 0; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + @extend .avenir-light; + margin: 0 0 $baseline 0; + } + + h1 {@include font-size(5);} + h2 {@include font-size(4);} + h3 {@include font-size(3);} + h4 {@include font-size(2);} + h5 {@include font-size(1);} + h6 {@include font-size(0);} + + code, kbd, pre, samp { + font-family: $code-family; + } + + code { + padding: .25rem; + border-radius: 3px; + border: 1px solid $lightest-gray; + color: $darkest-gray; + background: $off-white; + white-space: pre; + font-size: 0.85em; + } + + pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; + max-width: 100%; + margin-bottom: $baseline; + code { + padding: 1rem; + display: block; + overflow: auto; + word-wrap: normal; + @include font-size(-2); + } + } + + p, + ul, + ol, + dl, + blockquote { + margin-top: 0; + margin-bottom: $baseline; + } + + blockquote { + margin: $baseline 0; + @include avenir-regular(); + @include gutter-left(1); + border-left: 3px solid $lighter-gray; + color: $darker-gray; + } + + blockquote, + blockquote p { + @include font-size(1); + } + + a { + color: $link-color; + text-decoration: none; + @include transition(color $transition); + &:hover, &:focus { + color: $link-hover; + } + } + + ul, ol { + padding: 0; + list-style-position: inside; + margin-bottom: $baseline; + ul, ol { + padding-left: $baseline; + margin: 0; + } + } + + small, sup, sub { + font-size: 1/$ratio * 1em; + } + + sub, + sup { + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sup { + top: -0.5em; + } + + sub { + bottom: -0.25em; + } + + mark { + padding: 0 0.1em 0.1em; + } + + hr { + margin: $baseline*2 0; + border: none; + border-top: 1px solid $lighter-gray; + } + + figure { + margin: 0 0 $baseline*2 0; + img { + max-width: 100%; + } + } + + figcaption { + margin: $baseline/4 0; + padding-left: $baseline/2; + border-left: 3px solid $dark-gray; + @include font-size(-2); + font-style: italic; + color: $dark-gray; + } + + table { + margin-bottom: $baseline; + } +} diff --git a/dist/sass/calcite-web/type/_type.scss b/dist/sass/calcite-web/type/_type.scss new file mode 100644 index 000000000..068af9e45 --- /dev/null +++ b/dist/sass/calcite-web/type/_type.scss @@ -0,0 +1,13 @@ +// ┌─────────────┐ +// │ Type System │ +// └─────────────┘ +// ↳ http://esri.github.io/calcite-web/type/ +// ↳ type → _overview.md + +@import 'config'; +@import 'import'; +@import 'unicode'; +@import 'mixins'; +@import 'faces'; +@import 'scale'; +@import 'styles'; \ No newline at end of file diff --git a/dist/sass/calcite-web/type/_unicode.scss b/dist/sass/calcite-web/type/_unicode.scss new file mode 100644 index 000000000..f39ba47e4 --- /dev/null +++ b/dist/sass/calcite-web/type/_unicode.scss @@ -0,0 +1,74 @@ +// ┌───────────────────┐ +// │ Unicode Variables │ +// └───────────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#unicode-variables +// ↳ sass → _unicode-variables.md + +// ┌───────┐ +// │ Basic │ +// └───────┘ +$space: "\0020"; // space +$nbsp: "\00a0"; // non-breaking space + +// ┌───────────┐ +// │ Quotation │ +// └───────────┘ +$quot: "\0022"; // quotation mark +$lsquo: "\2018"; // left single curly quote +$rsquo: "\2019"; // right single curly quote +$ldquo: "\201C"; // left double curly quote +$rdquo: "\201D"; // right double curly quote +$lsaquo: "\2039"; // left single angle quote (guillemet) +$rsaquo: "\203A"; // right single angle quote (guillemet) +$laquo: "\00ab"; // left double angle quote (guillemet) +$raquo: "\00bb"; // right double angle quote (guillemet) + +// ┌──────┐ +// │ Dash │ +// └──────┘ +$mdash: "\2014"; // em dash (mutton) +$ndash: "\2013"; // en dash (nut) +$hyphen: "\2010"; // hyphen + +// ┌─────────┐ +// │ Symbols │ +// └─────────┘ +$amp: "\0026"; // ampersand +$gt: "\003e"; // greater than +$lt: "\003c"; // less than +$times: "\00D7"; // times +$bigtimes: "\2715"; // big times +$checkmark: "\2713"; // checkmark +$sect: "\00a7"; // section sign (double S, hurricane, sectional symbol, the legal doughnut, signum sectionis) +$para: "\00b6"; // paragraph symbol (pilcrow) +$middot: "\00b7"; // middot (interpunct, interpoint) +$oslash: "\00f8"; // o-slash (slashed o) +$bull: "\2022"; // bullet +$whibull: "\25E6"; // white bullet +$hellip: "\2026"; // horizontal ellipsis +$vellip: "\22EE"; // vertical ellipsis +$midhellip: "\22EF"; // midline horizontal ellipsis + +// ┌────────┐ +// │ Shapes │ +// └────────┘ +$utri: "\25b2"; // up-pointing triangle +$dtri: "\25bc"; // down-pointing triangle +$ltri: "\25c0"; // left-pointing triangle +$rtri: "\25b6"; // right-pointing triangle +$ustri: "\25b4"; // up-pointing small triangle +$dstri: "\25be"; // down-pointing small triangle +$lstri: "\25c2"; // left-pointing small triangle +$rstri: "\25b8"; // right-pointing small triangle +$diamond: "\25c6"; // diamond +$fisheye: "\25c9"; // fisheye +$bullseye: "\25ce"; // bullseye +$circle: "\25cf"; // circle +$whitecircle: "\25cb"; // white circle +$square: "\25a0"; // square +$whitesquare: "\25a1"; // white square +$ssquare: "\25aa"; // small square +$swhitesquare: "\25ab";// small white square + + + diff --git a/dist/sass/calcite-web/utils/_animation.scss b/dist/sass/calcite-web/utils/_animation.scss new file mode 100644 index 000000000..9b778570f --- /dev/null +++ b/dist/sass/calcite-web/utils/_animation.scss @@ -0,0 +1,41 @@ +// ┌───────────┐ +// │ Animation │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#animation +// ↳ components → _utility-mixins.md + +@mixin animation ($animations...) { + @include prefixer(animation, $animations, webkit moz spec); +} + +@mixin animation-name ($names...) { + @include prefixer(animation-name, $names, webkit moz spec); +} + +@mixin animation-duration ($times...) { + @include prefixer(animation-duration, $times, webkit moz spec); +} + +@mixin animation-timing-function ($motions...) { + @include prefixer(animation-timing-function, $motions, webkit moz spec); +} + +@mixin animation-iteration-count ($values...) { + @include prefixer(animation-iteration-count, $values, webkit moz spec); +} + +@mixin animation-direction ($directions...) { + @include prefixer(animation-direction, $directions, webkit moz spec); +} + +@mixin animation-play-state ($states...) { + @include prefixer(animation-play-state, $states, webkit moz spec); +} + +@mixin animation-delay ($times...) { + @include prefixer(animation-delay, $times, webkit moz spec); +} + +@mixin animation-fill-mode ($modes...) { + @include prefixer(animation-fill-mode, $modes, webkit moz spec); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_appearance.scss b/dist/sass/calcite-web/utils/_appearance.scss new file mode 100644 index 000000000..4d858d111 --- /dev/null +++ b/dist/sass/calcite-web/utils/_appearance.scss @@ -0,0 +1,9 @@ +// ┌────────────┐ +// │ Appearance │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#appearance +// ↳ components → _utility-mixins.md + +@mixin appearance ($value) { + @include prefixer(appearance, $value, webkit moz ms o spec); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_box-shadow.scss b/dist/sass/calcite-web/utils/_box-shadow.scss new file mode 100644 index 000000000..8b4e402a5 --- /dev/null +++ b/dist/sass/calcite-web/utils/_box-shadow.scss @@ -0,0 +1,9 @@ +// ┌────────────┐ +// │ Box Shadow │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#box-shadow +// ↳ components → _utility-mixins.md + +@mixin box-shadow ($shadow) { + @include prefixer(box-shadow, $shadow, webkit moz spec); +} diff --git a/dist/sass/calcite-web/utils/_box-sizing.scss b/dist/sass/calcite-web/utils/_box-sizing.scss new file mode 100644 index 000000000..79a4992f3 --- /dev/null +++ b/dist/sass/calcite-web/utils/_box-sizing.scss @@ -0,0 +1,9 @@ +// ┌────────────┐ +// │ Box Sizing │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#box-sizing +// ↳ components → _utility-mixins.md + +@mixin box-sizing ($box) { + @include prefixer(box-sizing, $box, webkit moz spec); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_calc.scss b/dist/sass/calcite-web/utils/_calc.scss new file mode 100644 index 000000000..87883dcf4 --- /dev/null +++ b/dist/sass/calcite-web/utils/_calc.scss @@ -0,0 +1,10 @@ +// ┌──────┐ +// │ Calc │ +// └──────┘ +// ↳ http://esri.github.io/calcite-web/sass/#calc +// ↳ components → _utility-mixins.md + +@mixin calc($property, $value) { + #{$property}: -webkit-calc(#{$value}); + #{$property}: calc(#{$value}); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_clearfix.scss b/dist/sass/calcite-web/utils/_clearfix.scss new file mode 100644 index 000000000..149d62681 --- /dev/null +++ b/dist/sass/calcite-web/utils/_clearfix.scss @@ -0,0 +1,21 @@ +// ┌──────────┐ +// │ Clearfix │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#clearfix +// ↳ components → _utility-mixins.md + +@mixin clearfix() { + &:after { + content: ''; + display: table; + clear: both; + } +} + +%clearfix { + @include clearfix(); +} + +.clearfix { + @extend %clearfix; +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_inline.scss b/dist/sass/calcite-web/utils/_inline.scss new file mode 100644 index 000000000..d4716656b --- /dev/null +++ b/dist/sass/calcite-web/utils/_inline.scss @@ -0,0 +1,17 @@ +// ┌────────┐ +// │ Inline │ +// └────────┘ +// ↳ http://esri.github.io/calcite-web/grid/#inline +// ↳ grid → _inline.md + +@mixin inline() { + display: inline-block; +} + +%inline { + @include inline(); +} + +.inline { + @extend %inline; +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_keyframes.scss b/dist/sass/calcite-web/utils/_keyframes.scss new file mode 100644 index 000000000..a7c8b0431 --- /dev/null +++ b/dist/sass/calcite-web/utils/_keyframes.scss @@ -0,0 +1,14 @@ +// ┌───────────┐ +// │ Keyframes │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#keyframes +// ↳ components → _utility-mixins.md + +@mixin keyframes ($name) { + @-webkit-keyframes $name { + @content; + } + @keyframes $name { + @content; + } +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_overflow.scss b/dist/sass/calcite-web/utils/_overflow.scss new file mode 100644 index 000000000..0435a8675 --- /dev/null +++ b/dist/sass/calcite-web/utils/_overflow.scss @@ -0,0 +1,14 @@ +// ┌───────────────┐ +// │ Overflow Auto │ +// └───────────────┘ +@mixin overflow-auto() { + overflow: auto; +} + +%overflow-auto { + @include overflow-auto(); +} + +.overflow-auto { + @extend %overflow-auto; +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_prefixer.scss b/dist/sass/calcite-web/utils/_prefixer.scss new file mode 100644 index 000000000..573c10447 --- /dev/null +++ b/dist/sass/calcite-web/utils/_prefixer.scss @@ -0,0 +1,52 @@ +// ┌──────────┐ +// │ Prefixer │ +// └──────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#prefixer +// ↳ components → _utility-mixins.md + +$prefix-for-webkit: true !default; +$prefix-for-mozilla: true !default; +$prefix-for-microsoft: true !default; +$prefix-for-opera: true !default; +$prefix-for-spec: true !default; // required for keyframe mixin + +@mixin prefixer ($property, $value, $prefixes) { + @each $prefix in $prefixes { + @if $prefix == webkit { + @if $prefix-for-webkit { + -webkit-#{$property}: $value; + } + } + @else if $prefix == moz { + @if $prefix-for-mozilla { + -moz-#{$property}: $value; + } + } + @else if $prefix == ms { + @if $prefix-for-microsoft { + -ms-#{$property}: $value; + } + } + @else if $prefix == o { + @if $prefix-for-opera { + -o-#{$property}: $value; + } + } + @else if $prefix == spec { + @if $prefix-for-spec { + #{$property}: $value; + } + } + @else { + @warn "Unrecognized prefix: #{$prefix}"; + } + } +} + +@mixin disable-prefix-for-all() { + $prefix-for-webkit: false; + $prefix-for-mozilla: false; + $prefix-for-microsoft: false; + $prefix-for-opera: false; + $prefix-for-spec: false; +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_responsive.scss b/dist/sass/calcite-web/utils/_responsive.scss new file mode 100644 index 000000000..d29545798 --- /dev/null +++ b/dist/sass/calcite-web/utils/_responsive.scss @@ -0,0 +1,17 @@ +// ┌────────────┐ +// │ Respond-To │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#respond-to +// ↳ components → _utility-mixins.md + +@mixin respond-to($max: null, $min: null, $type: screen) { + @if $max and $min { + @media #{$type} and (max-width: $max) and (min-width: $min) { + @content; + } + } @else { + @media #{$type} and (max-width: $max) { + @content; + } + } +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_transform.scss b/dist/sass/calcite-web/utils/_transform.scss new file mode 100644 index 000000000..931eaf83f --- /dev/null +++ b/dist/sass/calcite-web/utils/_transform.scss @@ -0,0 +1,17 @@ +// ┌───────────┐ +// │ Transform │ +// └───────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#transform +// ↳ components → _utility-mixins.md + +@mixin transform($property: none) { + @include prefixer(transform, $property, webkit moz ms o spec); +} + +@mixin transform-origin($axes: 50%) { + @include prefixer(transform-origin, $axes, webkit moz ms o spec); +} + +@mixin transform-style ($style: flat) { + @include prefixer(transform-style, $style, webkit moz ms o spec); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_transition.scss b/dist/sass/calcite-web/utils/_transition.scss new file mode 100644 index 000000000..872d5aa58 --- /dev/null +++ b/dist/sass/calcite-web/utils/_transition.scss @@ -0,0 +1,34 @@ +// ┌────────────┐ +// │ Transition │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#transition +// ↳ components → _utility-mixins.md + +$transition-prefixes: webkit spec; + +@mixin transition ($value...) { + @include prefixer (transition, $value, $transition-prefixes); +} + +@mixin transition-prefixed ($value...) { + -webkit-transition: -webkit-$value; + -moz-transition: -moz-$value; + -o-transition: -o-$value; + transition: $value; +} + +@mixin transition-property ($value...) { + @include prefixer (transition-property, $value, $transition-prefixes); +} + +@mixin transition-duration ($value...) { + @include prefixer (transition-duration, $value, $transition-prefixes); +} + +@mixin transition-timing-function ($value...) { + @include prefixer (transition-timing-function, $value, $transition-prefixes); +} + +@mixin transition-delay ($value...) { + @include prefixer (transition-delay, $value, $transition-prefixes); +} \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_utils.scss b/dist/sass/calcite-web/utils/_utils.scss new file mode 100644 index 000000000..91a8bc7cd --- /dev/null +++ b/dist/sass/calcite-web/utils/_utils.scss @@ -0,0 +1,19 @@ +// ┌────────────────┐ +// │ Utility Mixins │ +// └────────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#utility-mixins +// ↳ components → _utility-mixins.md +@import "animation"; +@import "appearance"; +@import "box-sizing"; +@import "box-shadow"; +@import "calc"; +@import "clearfix"; +@import "keyframes"; +@import "overflow"; +@import "prefixer"; +@import "inline"; +@import "responsive"; +@import "transform"; +@import "transition"; +@import "visibility"; \ No newline at end of file diff --git a/dist/sass/calcite-web/utils/_visibility.scss b/dist/sass/calcite-web/utils/_visibility.scss new file mode 100644 index 000000000..293af92c9 --- /dev/null +++ b/dist/sass/calcite-web/utils/_visibility.scss @@ -0,0 +1,20 @@ +// ┌────────────┐ +// │ Visibility │ +// └────────────┘ +// ↳ http://esri.github.io/calcite-web/sass/#visibility +// ↳ sass → _utility-mixins.md + +// Hide +@mixin hide() { + display: none !important; +} + +// Visible +@mixin visible() { + visibility: visible; +} + +// Invisible +@mixin invisible() { + visibility: hidden; +} \ No newline at end of file