Remove foundation 5 and remnants of foundation 4
Ted Sherwood
committed May 18, 2016
commit 4d6fdc15b9217b5f34d943f7232bd282dae834ac
Showing 326
changed files with
20459 additions
and 48443 deletions
generators/foundation/Gemfile.tt
+24
-0
| @@ | @@ -0,0 +1,24 @@ |
| + | source 'https://rubygems.org' |
| + | |
| + | gem 'locomotivecms_wagon', '~> <%= config[:version] -%>' |
| + | |
| + | gem 'guard-livereload', '~> 2.5.1' |
| + | |
| + | group :development do |
| + | # Mac OS X |
| + | gem 'rb-fsevent', '~> 0.9.1', require: 'rb-fsevent' if RUBY_PLATFORM.include?('darwin') |
| + | |
| + | # Unix |
| + | gem 'therubyracer', require: 'v8', platforms: :ruby unless RUBY_PLATFORM.include?('darwin') |
| + | |
| + | gem 'rb-inotify', '~> 0.9', require: 'rb-inotify' if RUBY_PLATFORM.include?('linux') |
| + | |
| + | # Windows |
| + | gem 'wdm', '~> 0.1.1', require: 'wdm' if RUBY_PLATFORM =~ /mswin|mingw/i |
| + | end |
| + | |
| + | group :misc do |
| + | # Add your extra gems here |
| + | # gem 'susy', require: 'susy' |
| + | # gem 'bourbon', require: 'bourbon' |
| + | end |
generators/foundation/Guardfile
+22
-0
| @@ | @@ -0,0 +1,22 @@ |
| + | # LiveReload installation |
| + | # |
| + | # 1. Add the guard-livereload gem to your Gemfile OR uncomment the line: |
| + | # |
| + | # gem 'guard-livereload' |
| + | # |
| + | # 2. Install the gem on your machine |
| + | # |
| + | # bundle install |
| + | # |
| + | # 3. Launch Guard |
| + | # |
| + | # bundle exec guard |
| + | # |
| + | |
| + | guard 'livereload', host: '0.0.0.0', port: ENV['WAGON_LIVERELOAD_PORT'] || 35729, grace_period: 0.5 do |
| + | watch(%r{app/content_types/.+\.yml$}) |
| + | watch(%r{app/views/.+\.liquid}) |
| + | watch(%r{config/.+\.yml$}) |
| + | watch(%r{data/.+\.yml$}) |
| + | watch(%r{public/((stylesheets|javascripts)/(.+\.(css|js))).*}) { |m| "/#{m[1]}" } |
| + | end |
generators/foundation/app/content_types/.gitkeep
+0
-0
generators/foundation/app/views/pages/404.liquid
+11
-0
| @@ | @@ -0,0 +1,11 @@ |
| + | --- |
| + | title: Page not found |
| + | published: true |
| + | --- |
| + | {% extends index %} |
| + | |
| + | {% block 'main' %} |
| + | |
| + | <p>Page not found</p> |
| + | |
| + | {% endblock %} |
generators/foundation/app/views/pages/404.liquid.haml
+11
-0
| @@ | @@ -0,0 +1,11 @@ |
| + | --- |
| + | title: Page not found |
| + | published: true |
| + | --- |
| + | {% extends index %} |
| + | |
| + | {% block 'main' %} |
| + | |
| + | %p Page not found |
| + | |
| + | {% endblock %} |
generators/foundation/app/views/pages/index.liquid
+172
-0
| @@ | @@ -0,0 +1,172 @@ |
| + | --- |
| + | title: Home page |
| + | published: true |
| + | --- |
| + | <!doctype html> |
| + | <html class="no-js" lang="en"> |
| + | <head> |
| + | <meta charset="utf-8"> |
| + | <meta http-equiv="x-ua-compatible" content="ie=edge"> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| + | <title>Foundation for Sites</title> |
| + | {{ 'app.css' | stylesheet_tag }} |
| + | </head> |
| + | <body> |
| + | <div class="row"> |
| + | <div class="large-12 columns"> |
| + | <h1>Welcome to Foundation</h1> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row"> |
| + | <div class="large-12 columns"> |
| + | <div class="callout"> |
| + | <h3>We’re stoked you want to try Foundation! </h3> |
| + | <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p> |
| + | <p>Once you've exhausted the fun in this document, you should check out:</p> |
| + | <div class="row"> |
| + | <div class="large-4 medium-4 columns"> |
| + | <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p> |
| + | </div> |
| + | <div class="large-4 medium-4 columns"> |
| + | <p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p> |
| + | </div> |
| + | <div class="large-4 medium-4 columns"> |
| + | <p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-4 medium-4 medium-push-2 columns"> |
| + | <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p> |
| + | </div> |
| + | <div class="large-4 medium-4 medium-pull-2 columns"> |
| + | <p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row"> |
| + | <div class="large-8 medium-8 columns"> |
| + | <h5>Here’s your basic grid:</h5> |
| + | <!-- Grid Example --> |
| + | |
| + | <div class="row"> |
| + | <div class="large-12 columns"> |
| + | <div class="primary callout"> |
| + | <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-6 medium-6 columns"> |
| + | <div class="primary callout"> |
| + | <p>Six columns</p> |
| + | </div> |
| + | </div> |
| + | <div class="large-6 medium-6 columns"> |
| + | <div class="primary callout"> |
| + | <p>Six columns</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-4 medium-4 small-4 columns"> |
| + | <div class="primary callout"> |
| + | <p>Four columns</p> |
| + | </div> |
| + | </div> |
| + | <div class="large-4 medium-4 small-4 columns"> |
| + | <div class="primary callout"> |
| + | <p>Four columns</p> |
| + | </div> |
| + | </div> |
| + | <div class="large-4 medium-4 small-4 columns"> |
| + | <div class="primary callout"> |
| + | <p>Four columns</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <hr /> |
| + | |
| + | <h5>We bet you’ll need a form somewhere:</h5> |
| + | <form> |
| + | <div class="row"> |
| + | <div class="large-12 columns"> |
| + | <label>Input Label</label> |
| + | <input type="text" placeholder="large-12.columns" /> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-4 medium-4 columns"> |
| + | <label>Input Label</label> |
| + | <input type="text" placeholder="large-4.columns" /> |
| + | </div> |
| + | <div class="large-4 medium-4 columns"> |
| + | <label>Input Label</label> |
| + | <input type="text" placeholder="large-4.columns" /> |
| + | </div> |
| + | <div class="large-4 medium-4 columns"> |
| + | <div class="row collapse"> |
| + | <label>Input Label</label> |
| + | <div class="input-group"> |
| + | <input type="text" placeholder="small-9.columns" class="input-group-field" /> |
| + | <span class="input-group-label">.com</span> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-12 columns"> |
| + | <label>Select Box</label> |
| + | <select> |
| + | <option value="husker">Husker</option> |
| + | <option value="starbuck">Starbuck</option> |
| + | <option value="hotdog">Hot Dog</option> |
| + | <option value="apollo">Apollo</option> |
| + | </select> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-6 medium-6 columns"> |
| + | <label>Choose Your Favorite</label> |
| + | <input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label> |
| + | <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label> |
| + | </div> |
| + | <div class="large-6 medium-6 columns"> |
| + | <label>Check these out</label> |
| + | <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label> |
| + | <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-12 columns"> |
| + | <label>Textarea Label</label> |
| + | <textarea placeholder="small-12.columns"></textarea> |
| + | </div> |
| + | </div> |
| + | </form> |
| + | </div> |
| + | |
| + | <div class="large-4 medium-4 columns"> |
| + | <h5>Try one of these buttons:</h5> |
| + | <p><a href="#" class="button">Simple Button</a><br/> |
| + | <a href="#" class="success button">Success Btn</a><br/> |
| + | <a href="#" class="alert button">Alert Btn</a><br/> |
| + | <a href="#" class="secondary button">Secondary Btn</a></p> |
| + | <div class="callout"> |
| + | <h5>So many components, girl!</h5> |
| + | <p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p> |
| + | <a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script> |
| + | {{'vendor/what-input.min.js' | javascript_tag }} |
| + | {{ 'vendor/foundation.min.js' | javascript_tag }} |
| + | {{'app.js' | javascript_tag }} |
| + | </body> |
| + | </html> |
generators/foundation/app/views/pages/index.liquid.haml
+144
-0
| @@ | @@ -0,0 +1,144 @@ |
| + | --- |
| + | title: Home page |
| + | published: true |
| + | --- |
| + | !!! |
| + | %html.no-js{:lang => "en"} |
| + | %head |
| + | %meta{:charset => "utf-8"} |
| + | %meta{:content => "ie=edge", "http-equiv" => "x-ua-compatible"} |
| + | %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"} |
| + | %title Foundation for Sites |
| + | {{ 'app.css' | stylesheet_tag }} |
| + | %body |
| + | .row |
| + | .large-12.columns |
| + | %h1 Welcome to Foundation |
| + | .row |
| + | .large-12.columns |
| + | .callout |
| + | %h3 We’re stoked you want to try Foundation! |
| + | %p To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going. |
| + | %p Once you've exhausted the fun in this document, you should check out: |
| + | .row |
| + | .large-4.medium-4.columns |
| + | %p |
| + | %a{:href => "http://foundation.zurb.com/docs"} Foundation Documentation |
| + | = succeed "Everything" do |
| + | %br/ |
| + | you need to know about using the framework. |
| + | .large-4.medium-4.columns |
| + | %p |
| + | %a{:href => "http://zurb.com/university/code-skills"} Foundation Code Skills |
| + | = succeed "These" do |
| + | %br/ |
| + | online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects. |
| + | .large-4.medium-4.columns |
| + | %p |
| + | %a{:href => "http://foundation.zurb.com/forum"} Foundation Forum |
| + | = succeed "Join" do |
| + | %br/ |
| + | the Foundation community to ask a question or show off your knowlege. |
| + | .row |
| + | .large-4.medium-4.medium-push-2.columns |
| + | %p |
| + | %a{:href => "http://github.com/zurb/foundation"} Foundation on Github |
| + | = succeed "Latest" do |
| + | %br/ |
| + | code, issue reports, feature requests and more. |
| + | .large-4.medium-4.medium-pull-2.columns |
| + | %p |
| + | %a{:href => "https://twitter.com/ZURBfoundation"} @zurbfoundation |
| + | = succeed "Ping" do |
| + | %br/ |
| + | us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker). |
| + | .row |
| + | .large-8.medium-8.columns |
| + | %h5 Here’s your basic grid: |
| + | / Grid Example |
| + | .row |
| + | .large-12.columns |
| + | .primary.callout |
| + | %p |
| + | %strong This is a twelve column section in a row. |
| + | Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid. |
| + | .row |
| + | .large-6.medium-6.columns |
| + | .primary.callout |
| + | %p Six columns |
| + | .large-6.medium-6.columns |
| + | .primary.callout |
| + | %p Six columns |
| + | .row |
| + | .large-4.medium-4.small-4.columns |
| + | .primary.callout |
| + | %p Four columns |
| + | .large-4.medium-4.small-4.columns |
| + | .primary.callout |
| + | %p Four columns |
| + | .large-4.medium-4.small-4.columns |
| + | .primary.callout |
| + | %p Four columns |
| + | %hr/ |
| + | %h5 We bet you’ll need a form somewhere: |
| + | %form |
| + | .row |
| + | .large-12.columns |
| + | %label Input Label |
| + | %input{:placeholder => "large-12.columns", :type => "text"}/ |
| + | .row |
| + | .large-4.medium-4.columns |
| + | %label Input Label |
| + | %input{:placeholder => "large-4.columns", :type => "text"}/ |
| + | .large-4.medium-4.columns |
| + | %label Input Label |
| + | %input{:placeholder => "large-4.columns", :type => "text"}/ |
| + | .large-4.medium-4.columns |
| + | .row.collapse |
| + | %label Input Label |
| + | .input-group |
| + | %input.input-group-field{:placeholder => "small-9.columns", :type => "text"}/ |
| + | %span.input-group-label .com |
| + | .row |
| + | .large-12.columns |
| + | %label Select Box |
| + | %select |
| + | %option{:value => "husker"} Husker |
| + | %option{:value => "starbuck"} Starbuck |
| + | %option{:value => "hotdog"} Hot Dog |
| + | %option{:value => "apollo"} Apollo |
| + | .row |
| + | .large-6.medium-6.columns |
| + | %label Choose Your Favorite |
| + | %input#pokemonRed{:name => "pokemon", :type => "radio", :value => "Red"} |
| + | %label{:for => "pokemonRed"} Radio 1 |
| + | %input#pokemonBlue{:name => "pokemon", :type => "radio", :value => "Blue"} |
| + | %label{:for => "pokemonBlue"} Radio 2 |
| + | .large-6.medium-6.columns |
| + | %label Check these out |
| + | %input#checkbox1{:type => "checkbox"} |
| + | %label{:for => "checkbox1"} Checkbox 1 |
| + | %input#checkbox2{:type => "checkbox"} |
| + | %label{:for => "checkbox2"} Checkbox 2 |
| + | .row |
| + | .large-12.columns |
| + | %label Textarea Label |
| + | %textarea{:placeholder => "small-12.columns"} |
| + | .large-4.medium-4.columns |
| + | %h5 Try one of these buttons: |
| + | %p |
| + | %a.button{:href => "#"} Simple Button |
| + | %br/ |
| + | %a.success.button{:href => "#"} Success Btn |
| + | %br/ |
| + | %a.alert.button{:href => "#"} Alert Btn |
| + | %br/ |
| + | %a.secondary.button{:href => "#"} Secondary Btn |
| + | .callout |
| + | %h5 So many components, girl! |
| + | %p A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own. |
| + | %a.small.button{:href => "http://foundation.zurb.com/sites/docs/"} Go to Foundation Docs |
| + | %script{:crossorigin => "anonymous", :integrity => "sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=", :src => "https://code.jquery.com/jquery-2.2.3.min.js"} |
| + | {{'vendor/what-input.min.js' | javascript_tag }} |
| + | {{ 'vendor/foundation.min.js' | javascript_tag }} |
| + | {{'app.js' | javascript_tag }} |
generators/foundation/app/views/snippets/.gitkeep
+0
-0
generators/foundation/config/deploy.yml
+16
-0
| @@ | @@ -0,0 +1,16 @@ |
| + | # development: |
| + | # host: dev.example.com |
| + | # email: john@doe.net |
| + | # password: apassword |
| + | # # api_key: <your api key here> |
| + | # staging: |
| + | # host: staging.example.com |
| + | # email: john@doe.net |
| + | # password: apassword |
| + | # # api_key: <your api key here> |
| + | # production: |
| + | # host: www.example.com |
| + | # email: john@doe.net |
| + | # password: apassword |
| + | # # api_key: <your api key here> |
| + | # # ssl: true |
generators/foundation/config/metafields_schema.yml
+56
-0
| @@ | @@ -0,0 +1,56 @@ |
| + | # Site metafield schema |
| + | # |
| + | # Syntax: |
| + | # |
| + | # <namespace_1>: # no empty spaces, only digits and underscores |
| + | # label: <my label> # used as the label of a tab in the back-office |
| + | # # label: # if you want to provide the label in another language (back-office) |
| + | # # en: <your label in English if the local of the current user is English> |
| + | # # fr: <your label in French> |
| + | # position: <0..n> # position of the tab in the menu |
| + | # fields: |
| + | # <name_1>: |
| + | # label: <my label> # used as the label of the HTML input. Use a hash if you want it in another languages. |
| + | # hint: <my hint> # used as the hint of the HTML input. Use a hash if you want it in another languages. |
| + | # type: <string|text|integer|float|file|image|boolean|select|color> |
| + | # localized: <true|false> # if the value is scoped by the current locale when rendering the site. |
| + | # position: <0..n> # position of the input in the form |
| + | # select_options: [array] |
| + | # # select_options: |
| + | # # <option_value_1>: <label> # use a hash instead if you want it in another languages. |
| + | # # <option_value_2>: <label> # use a hash instead if you want it in another languages. |
| + | # # <name_2>: |
| + | # # ... |
| + | # |
| + | # <namespace_2>: |
| + | # # ... |
| + | # |
| + | # |
| + | # Simple example: |
| + | # |
| + | # shop: |
| + | # label: My shop location |
| + | # fields: |
| + | # address: |
| + | # type: string |
| + | # hint: "Ex: 7 allee Albert Camus" |
| + | # city: |
| + | # type: string |
| + | # hint: "Chicago, Paris, Blagnac, Toulouse" |
| + | # zip_code: |
| + | # type: string |
| + | # hint: "Digits only" |
| + | # hours: |
| + | # type: text |
| + | # hint: "Free text here" |
| + | # theme: |
| + | # fields: |
| + | # background_image: |
| + | # type: image |
| + | # hint: full screen image (min: 3000px x 3000px) |
| + | # link_color: |
| + | # type: color |
| + | # font: |
| + | # type: select |
| + | # select_options: ['helvetica', 'Noto'] |
| + | |
generators/foundation/config/site.yml
+48
-0
| @@ | @@ -0,0 +1,48 @@ |
| + | # The name of this site |
| + | # This text displays in the back-office and |
| + | # can be used in templates through the site.name global variable |
| + | name: "locomotive-foundation6" |
| + | |
| + | # An array of domain aliases for the site |
| + | # This option is for sites on multi-site engines |
| + | # domains: [www.example.com, example.com] |
| + | |
| + | # An array of locales (languages) the site is available in |
| + | # The locale listed first is the site's default locale |
| + | # Locales are specified using ISO language codes |
| + | # Possible locales include: en, de, fr, pl, pt-BR, it, nl, nb, es, ru, et, ja, zh-CN |
| + | locales: [en] |
| + | |
| + | # The site's timezone |
| + | # This converts the server's time to the site's time zone in templates |
| + | # The TimeZone class from Rail's ActiveSupport is used to interpret the string |
| + | # Sample timezone strings: Tokyo, Beijing, Moscow, Cairo, Paris, Pacific Time (US & Canada) |
| + | # timezone: Paris |
| + | |
| + | # For SEO purposes, sites may wish to add a relevant string to the <title> tag |
| + | # And include <meta type="keywords"> and <meta type="description"> |
| + | # For this purpose you can set values for these variables here |
| + | # They can be accessed in templates through the site.seo_title, site.meta_keywords, and site.meta_description variables |
| + | seo_title: locomotive-foundation6 |
| + | meta_keywords: "some meta keywords" |
| + | meta_description: "some meta description" |
| + | |
| + | # You can control the display of the "Properties" section in the back-office |
| + | # metafields_ui: |
| + | # label: Store settings # use a hash for localized versions |
| + | # icon: shopping-cart # FontAwesome icons without the leading "fa-" string. |
| + | # hint: "Lorem ipsum..." |
| + | |
| + | # Each site can have its own set of custom properties organized in namespaces. |
| + | # First, define namespaces and their fields in the config/metafields_schema.yml file. |
| + | # Finally, set default values below as described in the example. |
| + | # You can access them in your liquid templates and snippets: |
| + | # {{ site.metafields.<namespace>.<field> }} |
| + | # |
| + | # Example: |
| + | # |
| + | # metafields: |
| + | # shop: |
| + | # address: 700 South Laflin Street |
| + | # theme: |
| + | # background_image: "/samples/background.png" |
generators/foundation/config/translations.yml
+8
-0
| @@ | @@ -0,0 +1,8 @@ |
| + | # Your translations go here. To be used with the 'translate' liquid filter |
| + | # Example: |
| + | # {{ 'hello_world' | translate }} |
| + | # |
| + | |
| + | # hello_world: |
| + | # en: Hello world ! |
| + | # fr: Bonjour le monde ! |
generators/foundation/data/.gitkeep
+0
-0
generators/foundation/log/.gitkeep
+0
-0
generators/foundation/public/images/.gitkeep
+0
-0
generators/foundation/public/javascripts/app.js
+1
-0
| @@ | @@ -0,0 +1 @@ |
| + | $(document).foundation(); |
generators/foundation/public/javascripts/vendor/foundation.js
+7472
-0
| @@ | @@ -0,0 +1,7472 @@ |
| + | !function($) { |
| + | |
| + | "use strict"; |
| + | |
| + | var FOUNDATION_VERSION = '6.0.3'; |
| + | |
| + | // Global Foundation object |
| + | // This is attached to the window, or used as a module for AMD/Browserify |
| + | var Foundation = { |
| + | version: FOUNDATION_VERSION, |
| + | |
| + | /** |
| + | * Stores initialized plugins. |
| + | */ |
| + | _plugins: {}, |
| + | |
| + | /** |
| + | * Stores generated unique ids for plugin instances |
| + | */ |
| + | _uuids: [], |
| + | /** |
| + | * Stores currently active plugins. |
| + | */ |
| + | _activePlugins: {}, |
| + | |
| + | /** |
| + | * Returns a boolean for RTL support |
| + | */ |
| + | rtl: function(){ |
| + | return $('html').attr('dir') === 'rtl'; |
| + | }, |
| + | /** |
| + | * Defines a Foundation plugin, adding it to the `Foundation` namespace and the list of plugins to initialize when reflowing. |
| + | * @param {Object} plugin - The constructor of the plugin. |
| + | */ |
| + | plugin: function(plugin, name) { |
| + | // Object key to use when adding to global Foundation object |
| + | // Examples: Foundation.Reveal, Foundation.OffCanvas |
| + | var className = (name || functionName(plugin)); |
| + | // Object key to use when storing the plugin, also used to create the identifying data attribute for the plugin |
| + | // Examples: data-reveal, data-off-canvas |
| + | var attrName = hyphenate(className); |
| + | |
| + | // Add to the Foundation object and the plugins list (for reflowing) |
| + | this._plugins[attrName] = this[className] = plugin; |
| + | }, |
| + | /** |
| + | * @function |
| + | * Creates a pointer to an instance of a Plugin within the Foundation._activePlugins object. |
| + | * Sets the `[data-pluginName="uniqueIdHere"]`, allowing easy access to any plugin's internal methods. |
| + | * Also fires the initialization event for each plugin, consolidating repeditive code. |
| + | * @param {Object} plugin - an instance of a plugin, usually `this` in context. |
| + | * @fires Plugin#init |
| + | */ |
| + | registerPlugin: function(plugin){ |
| + | var pluginName = functionName(plugin.constructor).toLowerCase(); |
| + | |
| + | plugin.uuid = this.GetYoDigits(6, pluginName); |
| + | plugin.$element.attr('data-' + pluginName, plugin.uuid) |
| + | /** |
| + | * Fires when the plugin has initialized. |
| + | * @event Plugin#init |
| + | */ |
| + | .trigger('init.zf.' + pluginName); |
| + | |
| + | this._activePlugins[plugin.uuid] = plugin; |
| + | |
| + | return; |
| + | }, |
| + | /** |
| + | * @function |
| + | * Removes the pointer for an instance of a Plugin from the Foundation._activePlugins obj. |
| + | * Also fires the destroyed event for the plugin, consolidating repeditive code. |
| + | * @param {Object} plugin - an instance of a plugin, usually `this` in context. |
| + | * @fires Plugin#destroyed |
| + | */ |
| + | unregisterPlugin: function(plugin){ |
| + | var pluginName = functionName(plugin.constructor).toLowerCase(); |
| + | |
| + | delete this._activePlugins[plugin.uuid]; |
| + | plugin.$element.removeAttr('data-' + pluginName) |
| + | /** |
| + | * Fires when the plugin has been destroyed. |
| + | * @event Plugin#destroyed |
| + | */ |
| + | .trigger('destroyed.zf.' + pluginName); |
| + | |
| + | return; |
| + | }, |
| + | |
| + | /** |
| + | * @function |
| + | * Causes one or more active plugins to re-initialize, resetting event listeners, recalculating positions, etc. |
| + | * @param {String} plugins - optional string of an individual plugin key, attained by calling `$(element).data('pluginName')`, or string of a plugin class i.e. `'dropdown'` |
| + | * @default If no argument is passed, reflow all currently active plugins. |
| + | */ |
| + | _reflow: function(plugins){ |
| + | var actvPlugins = Object.keys(this._activePlugins); |
| + | var _this = this; |
| + | |
| + | if(!plugins){ |
| + | actvPlugins.forEach(function(p){ |
| + | _this._activePlugins[p]._init(); |
| + | }); |
| + | |
| + | }else if(typeof plugins === 'string'){ |
| + | var namespace = plugins.split('-')[1]; |
| + | |
| + | if(namespace){ |
| + | |
| + | this._activePlugins[plugins]._init(); |
| + | |
| + | }else{ |
| + | namespace = new RegExp(plugins, 'i'); |
| + | |
| + | actvPlugins.filter(function(p){ |
| + | return namespace.test(p); |
| + | }).forEach(function(p){ |
| + | _this._activePlugins[p]._init(); |
| + | }); |
| + | } |
| + | } |
| + | |
| + | }, |
| + | |
| + | /** |
| + | * returns a random base-36 uid with namespacing |
| + | * @function |
| + | * @param {Number} length - number of random base-36 digits desired. Increase for more random strings. |
| + | * @param {String} namespace - name of plugin to be incorporated in uid, optional. |
| + | * @default {String} '' - if no plugin name is provided, nothing is appended to the uid. |
| + | * @returns {String} - unique id |
| + | */ |
| + | GetYoDigits: function(length, namespace){ |
| + | length = length || 6; |
| + | return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1) + (namespace ? '-' + namespace : ''); |
| + | }, |
| + | /** |
| + | * Initialize plugins on any elements within `elem` (and `elem` itself) that aren't already initialized. |
| + | * @param {Object} elem - jQuery object containing the element to check inside. Also checks the element itself, unless it's the `document` object. |
| + | * @param {String|Array} plugins - A list of plugins to initialize. Leave this out to initialize everything. |
| + | */ |
| + | reflow: function(elem, plugins) { |
| + | // If plugins is undefined, just grab everything |
| + | if (typeof plugins === 'undefined') { |
| + | plugins = Object.keys(this._plugins); |
| + | } |
| + | // If plugins is a string, convert it to an array with one item |
| + | else if (typeof plugins === 'string') { |
| + | plugins = [plugins]; |
| + | } |
| + | |
| + | var _this = this; |
| + | |
| + | // Iterate through each plugin |
| + | $.each(plugins, function(i, name) { |
| + | // Get the current plugin |
| + | var plugin = _this._plugins[name]; |
| + | |
| + | // Localize the search to all elements inside elem, as well as elem itself, unless elem === document |
| + | var $elem = $(elem).find('[data-'+name+']').addBack('*'); |
| + | |
| + | // For each plugin found, initialize it |
| + | $elem.each(function() { |
| + | // Don't double-dip on plugins |
| + | if ($(this).attr('zf-plugin')) { |
| + | console.warn("Tried to initialize "+name+" on an element that already has a Foundation plugin."); |
| + | return; |
| + | } |
| + | $(this).data('zf-plugin', new plugin($(this))); |
| + | }); |
| + | }); |
| + | }, |
| + | getFnName: functionName, |
| + | transitionend: function($elem){ |
| + | var transitions = { |
| + | 'transition': 'transitionend', |
| + | 'WebkitTransition': 'webkitTransitionEnd', |
| + | 'MozTransition': 'transitionend', |
| + | 'OTransition': 'otransitionend' |
| + | }; |
| + | var elem = document.createElement('div'), |
| + | end; |
| + | |
| + | for (var t in transitions){ |
| + | if (typeof elem.style[t] !== 'undefined'){ |
| + | end = transitions[t]; |
| + | } |
| + | } |
| + | if(end){ |
| + | return end; |
| + | }else{ |
| + | end = setTimeout(function(){ |
| + | $elem.triggerHandler('transitionend', [$elem]); |
| + | }, 1); |
| + | return 'transitionend'; |
| + | } |
| + | } |
| + | }; |
| + | |
| + | |
| + | Foundation.util = { |
| + | /** |
| + | * Function for applying a debounce effect to a function call. |
| + | * @function |
| + | * @param {Function} func - Function to be called at end of timeout. |
| + | * @param {Number} delay - Time in ms to delay the call of `func`. |
| + | * @returns function |
| + | */ |
| + | throttle: function (func, delay) { |
| + | var timer = null; |
| + | |
| + | return function () { |
| + | var context = this, args = arguments; |
| + | |
| + | if (timer === null) { |
| + | timer = setTimeout(function () { |
| + | func.apply(context, args); |
| + | timer = null; |
| + | }, delay); |
| + | } |
| + | }; |
| + | } |
| + | }; |
| + | |
| + | // TODO: consider not making this a jQuery function |
| + | // TODO: need way to reflow vs. re-initialize |
| + | /** |
| + | * The Foundation jQuery method. |
| + | * @param {String|Array} method - An action to perform on the current jQuery object. |
| + | */ |
| + | var foundation = function(method) { |
| + | var type = typeof method, |
| + | $meta = $('meta.foundation-mq'), |
| + | $noJS = $('.no-js'); |
| + | |
| + | if(!$meta.length){ |
| + | $('<meta class="foundation-mq">').appendTo(document.head); |
| + | } |
| + | if($noJS.length){ |
| + | $noJS.removeClass('no-js'); |
| + | } |
| + | |
| + | if(type === 'undefined'){//needs to initialize the Foundation object, or an individual plugin. |
| + | Foundation.MediaQuery._init(); |
| + | Foundation.reflow(this); |
| + | }else if(type === 'string'){//an individual method to invoke on a plugin or group of plugins |
| + | var args = Array.prototype.slice.call(arguments, 1);//collect all the arguments, if necessary |
| + | var plugClass = this.data('zfPlugin');//determine the class of plugin |
| + | |
| + | if(plugClass !== undefined && plugClass[method] !== undefined){//make sure both the class and method exist |
| + | if(this.length === 1){//if there's only one, call it directly. |
| + | plugClass[method].apply(plugClass, args); |
| + | }else{ |
| + | this.each(function(i, el){//otherwise loop through the jQuery collection and invoke the method on each |
| + | plugClass[method].apply($(el).data('zfPlugin'), args); |
| + | }); |
| + | } |
| + | }else{//error for no class or no method |
| + | throw new ReferenceError("We're sorry, '" + method + "' is not an available method for " + (plugClass ? functionName(plugClass) : 'this element') + '.'); |
| + | } |
| + | }else{//error for invalid argument type |
| + | throw new TypeError("We're sorry, '" + type + "' is not a valid parameter. You must use a string representing the method you wish to invoke."); |
| + | } |
| + | return this; |
| + | }; |
| + | |
| + | window.Foundation = Foundation; |
| + | $.fn.foundation = foundation; |
| + | |
| + | // Polyfill for requestAnimationFrame |
| + | (function() { |
| + | if (!Date.now || !window.Date.now) |
| + | window.Date.now = Date.now = function() { return new Date().getTime(); }; |
| + | |
| + | var vendors = ['webkit', 'moz']; |
| + | for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) { |
| + | var vp = vendors[i]; |
| + | window.requestAnimationFrame = window[vp+'RequestAnimationFrame']; |
| + | window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame'] |
| + | || window[vp+'CancelRequestAnimationFrame']); |
| + | } |
| + | if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) |
| + | || !window.requestAnimationFrame || !window.cancelAnimationFrame) { |
| + | var lastTime = 0; |
| + | window.requestAnimationFrame = function(callback) { |
| + | var now = Date.now(); |
| + | var nextTime = Math.max(lastTime + 16, now); |
| + | return setTimeout(function() { callback(lastTime = nextTime); }, |
| + | nextTime - now); |
| + | }; |
| + | window.cancelAnimationFrame = clearTimeout; |
| + | } |
| + | /** |
| + | * Polyfill for performance.now, required by rAF |
| + | */ |
| + | if(!window.performance || !window.performance.now){ |
| + | window.performance = { |
| + | start: Date.now(), |
| + | now: function(){ return Date.now() - this.start; } |
| + | }; |
| + | } |
| + | })(); |
| + | if (!Function.prototype.bind) { |
| + | Function.prototype.bind = function(oThis) { |
| + | if (typeof this !== 'function') { |
| + | // closest thing possible to the ECMAScript 5 |
| + | // internal IsCallable function |
| + | throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable'); |
| + | } |
| + | |
| + | var aArgs = Array.prototype.slice.call(arguments, 1), |
| + | fToBind = this, |
| + | fNOP = function() {}, |
| + | fBound = function() { |
| + | return fToBind.apply(this instanceof fNOP |
| + | ? this |
| + | : oThis, |
| + | aArgs.concat(Array.prototype.slice.call(arguments))); |
| + | }; |
| + | |
| + | if (this.prototype) { |
| + | // native functions don't have a prototype |
| + | fNOP.prototype = this.prototype; |
| + | } |
| + | fBound.prototype = new fNOP(); |
| + | |
| + | return fBound; |
| + | }; |
| + | } |
| + | // Polyfill to get the name of a function in IE9 |
| + | function functionName(fn) { |
| + | if (Function.prototype.name === undefined) { |
| + | var funcNameRegex = /function\s([^(]{1,})\(/; |
| + | var results = (funcNameRegex).exec((fn).toString()); |
| + | return (results && results.length > 1) ? results[1].trim() : ""; |
| + | } |
| + | else if (fn.prototype === undefined) { |
| + | return fn.constructor.name; |
| + | } |
| + | else { |
| + | return fn.prototype.constructor.name; |
| + | } |
| + | } |
| + | |
| + | // Convert PascalCase to kebab-case |
| + | // Thank you: http://stackoverflow.com/a/8955580 |
| + | function hyphenate(str) { |
| + | return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(); |
| + | } |
| + | |
| + | }(jQuery); |
| + | |
| + | !function(Foundation, window){ |
| + | /** |
| + | * Compares the dimensions of an element to a container and determines collision events with container. |
| + | * @function |
| + | * @param {jQuery} element - jQuery object to test for collisions. |
| + | * @param {jQuery} parent - jQuery object to use as bounding container. |
| + | * @param {Boolean} lrOnly - set to true to check left and right values only. |
| + | * @param {Boolean} tbOnly - set to true to check top and bottom values only. |
| + | * @default if no parent object passed, detects collisions with `window`. |
| + | * @returns {Boolean} - true if collision free, false if a collision in any direction. |
| + | */ |
| + | var ImNotTouchingYou = function(element, parent, lrOnly, tbOnly){ |
| + | var eleDims = GetDimensions(element), |
| + | top, bottom, left, right; |
| + | |
| + | if(parent){ |
| + | var parDims = GetDimensions(parent); |
| + | |
| + | bottom = (eleDims.offset.top + eleDims.height <= parDims.height + parDims.offset.top); |
| + | top = (eleDims.offset.top >= parDims.offset.top); |
| + | left = (eleDims.offset.left >= parDims.offset.left); |
| + | right = (eleDims.offset.left + eleDims.width <= parDims.width); |
| + | }else{ |
| + | bottom = (eleDims.offset.top + eleDims.height <= eleDims.windowDims.height + eleDims.windowDims.offset.top); |
| + | top = (eleDims.offset.top >= eleDims.windowDims.offset.top); |
| + | left = (eleDims.offset.left >= eleDims.windowDims.offset.left); |
| + | right = (eleDims.offset.left + eleDims.width <= eleDims.windowDims.width); |
| + | } |
| + | var allDirs = [bottom, top, left, right]; |
| + | |
| + | if(lrOnly){ return left === right === true; } |
| + | if(tbOnly){ return top === bottom === true; } |
| + | |
| + | return allDirs.indexOf(false) === -1; |
| + | }; |
| + | |
| + | /** |
| + | * Uses native methods to return an object of dimension values. |
| + | * @function |
| + | * @param {jQuery || HTML} element - jQuery object or DOM element for which to get the dimensions. Can be any element other that document or window. |
| + | * @returns {Object} - nested object of integer pixel values |
| + | * TODO - if element is window, return only those values. |
| + | */ |
| + | var GetDimensions = function(elem, test){ |
| + | elem = elem.length ? elem[0] : elem; |
| + | |
| + | if(elem === window || elem === document){ throw new Error("I'm sorry, Dave. I'm afraid I can't do that."); } |
| + | |
| + | var rect = elem.getBoundingClientRect(), |
| + | parRect = elem.parentNode.getBoundingClientRect(), |
| + | winRect = document.body.getBoundingClientRect(), |
| + | winY = window.pageYOffset, |
| + | winX = window.pageXOffset; |
| + | |
| + | return { |
| + | width: rect.width, |
| + | height: rect.height, |
| + | offset: { |
| + | top: rect.top + winY, |
| + | left: rect.left + winX |
| + | }, |
| + | parentDims: { |
| + | width: parRect.width, |
| + | height: parRect.height, |
| + | offset: { |
| + | top: parRect.top + winY, |
| + | left: parRect.left + winX |
| + | } |
| + | }, |
| + | windowDims: { |
| + | width: winRect.width, |
| + | height: winRect.height, |
| + | offset: { |
| + | top: winY, |
| + | left: winX |
| + | } |
| + | } |
| + | }; |
| + | }; |
| + | /** |
| + | * Returns an object of top and left integer pixel values for dynamically rendered elements, |
| + | * such as: Tooltip, Reveal, and Dropdown |
| + | * @function |
| + | * @param {jQuery} element - jQuery object for the element being positioned. |
| + | * @param {jQuery} anchor - jQuery object for the element's anchor point. |
| + | * @param {String} position - a string relating to the desired position of the element, relative to it's anchor |
| + | * @param {Number} vOffset - integer pixel value of desired vertical separation between anchor and element. |
| + | * @param {Number} hOffset - integer pixel value of desired horizontal separation between anchor and element. |
| + | * @param {Boolean} isOverflow - if a collision event is detected, sets to true to default the element to full width - any desired offset. |
| + | * TODO alter/rewrite to work with `em` values as well/instead of pixels |
| + | */ |
| + | var GetOffsets = function(element, anchor, position, vOffset, hOffset, isOverflow){ |
| + | var $eleDims = GetDimensions(element), |
| + | // var $eleDims = GetDimensions(element), |
| + | $anchorDims = anchor ? GetDimensions(anchor) : null; |
| + | // $anchorDims = anchor ? GetDimensions(anchor) : null; |
| + | switch(position){ |
| + | case 'top': |
| + | return { |
| + | left: $anchorDims.offset.left, |
| + | top: $anchorDims.offset.top - ($eleDims.height + vOffset) |
| + | }; |
| + | break; |
| + | case 'left': |
| + | return { |
| + | left: $anchorDims.offset.left - ($eleDims.width + hOffset), |
| + | top: $anchorDims.offset.top |
| + | }; |
| + | break; |
| + | case 'right': |
| + | return { |
| + | left: $anchorDims.offset.left + $anchorDims.width + hOffset, |
| + | top: $anchorDims.offset.top |
| + | }; |
| + | break; |
| + | case 'center top': |
| + | return { |
| + | left: ($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2), |
| + | top: $anchorDims.offset.top - ($eleDims.height + vOffset) |
| + | }; |
| + | break; |
| + | case 'center bottom': |
| + | return { |
| + | left: isOverflow ? hOffset : (($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2)), |
| + | top: $anchorDims.offset.top + $anchorDims.height + vOffset |
| + | }; |
| + | break; |
| + | case 'center left': |
| + | return { |
| + | left: $anchorDims.offset.left - ($eleDims.width + hOffset), |
| + | top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2) |
| + | }; |
| + | break; |
| + | case 'center right': |
| + | return { |
| + | left: $anchorDims.offset.left + $anchorDims.width + hOffset + 1, |
| + | top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2) |
| + | }; |
| + | break; |
| + | case 'center': |
| + | return { |
| + | left: ($eleDims.windowDims.offset.left + ($eleDims.windowDims.width / 2)) - ($eleDims.width / 2), |
| + | top: ($eleDims.windowDims.offset.top + ($eleDims.windowDims.height / 2)) - ($eleDims.height / 2) |
| + | }; |
| + | break; |
| + | case 'reveal': |
| + | return { |
| + | left: ($eleDims.windowDims.width - $eleDims.width) / 2, |
| + | top: $eleDims.windowDims.offset.top + vOffset |
| + | }; |
| + | case 'reveal full': |
| + | return { |
| + | left: $eleDims.windowDims.offset.left, |
| + | top: $eleDims.windowDims.offset.top, |
| + | }; |
| + | break; |
| + | default: |
| + | return { |
| + | left: $anchorDims.offset.left, |
| + | top: $anchorDims.offset.top + $anchorDims.height + vOffset |
| + | }; |
| + | } |
| + | }; |
| + | Foundation.Box = { |
| + | ImNotTouchingYou: ImNotTouchingYou, |
| + | GetDimensions: GetDimensions, |
| + | GetOffsets: GetOffsets |
| + | }; |
| + | }(window.Foundation, window); |
| + | |
| + | /******************************************* |
| + | * * |
| + | * This util was created by Marius Olbertz * |
| + | * Please thank Marius on GitHub /owlbertz * |
| + | * or the web http://www.mariusolbertz.de/ * |
| + | * * |
| + | ******************************************/ |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | Foundation.Keyboard = {}; |
| + | |
| + | var keyCodes = { |
| + | 9: 'TAB', |
| + | 13: 'ENTER', |
| + | 27: 'ESCAPE', |
| + | 32: 'SPACE', |
| + | 37: 'ARROW_LEFT', |
| + | 38: 'ARROW_UP', |
| + | 39: 'ARROW_RIGHT', |
| + | 40: 'ARROW_DOWN' |
| + | }; |
| + | |
| + | // constants for easier comparing Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE |
| + | var keys = (function(kcs) { |
| + | var k = {}; |
| + | for (var kc in kcs) k[kcs[kc]] = kcs[kc]; |
| + | return k; |
| + | })(keyCodes); |
| + | |
| + | Foundation.Keyboard.keys = keys; |
| + | |
| + | /** |
| + | * Parses the (keyboard) event and returns a String that represents its key |
| + | * Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE |
| + | * @param {Event} event - the event generated by the event handler |
| + | * @return String key - String that represents the key pressed |
| + | */ |
| + | var parseKey = function(event) { |
| + | var key = keyCodes[event.which || event.keyCode] || String.fromCharCode(event.which).toUpperCase(); |
| + | if (event.shiftKey) key = 'SHIFT_' + key; |
| + | if (event.ctrlKey) key = 'CTRL_' + key; |
| + | if (event.altKey) key = 'ALT_' + key; |
| + | return key; |
| + | }; |
| + | Foundation.Keyboard.parseKey = parseKey; |
| + | |
| + | |
| + | // plain commands per component go here, ltr and rtl are merged based on orientation |
| + | var commands = {}; |
| + | |
| + | /** |
| + | * Handles the given (keyboard) event |
| + | * @param {Event} event - the event generated by the event handler |
| + | * @param {Object} component - Foundation component, e.g. Slider or Reveal |
| + | * @param {Objects} functions - collection of functions that are to be executed |
| + | */ |
| + | var handleKey = function(event, component, functions) { |
| + | var commandList = commands[Foundation.getFnName(component)], |
| + | keyCode = parseKey(event), |
| + | cmds, |
| + | command, |
| + | fn; |
| + | if (!commandList) return console.warn('Component not defined!'); |
| + | |
| + | if (typeof commandList.ltr === 'undefined') { // this component does not differentiate between ltr and rtl |
| + | cmds = commandList; // use plain list |
| + | } else { // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa |
| + | if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl); |
| + | |
| + | else cmds = $.extend({}, commandList.rtl, commandList.ltr); |
| + | } |
| + | command = cmds[keyCode]; |
| + | |
| + | |
| + | fn = functions[command]; |
| + | if (fn && typeof fn === 'function') { // execute function with context of the component if exists |
| + | fn.apply(component); |
| + | if (functions.handled || typeof functions.handled === 'function') { // execute function when event was handled |
| + | functions.handled.apply(component); |
| + | } |
| + | } else { |
| + | if (functions.unhandled || typeof functions.unhandled === 'function') { // execute function when event was not handled |
| + | functions.unhandled.apply(component); |
| + | } |
| + | } |
| + | }; |
| + | Foundation.Keyboard.handleKey = handleKey; |
| + | |
| + | /** |
| + | * Finds all focusable elements within the given `$element` |
| + | * @param {jQuery} $element - jQuery object to search within |
| + | * @return {jQuery} $focusable - all focusable elements within `$element` |
| + | */ |
| + | var findFocusable = function($element) { |
| + | return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() { |
| + | if (!$(this).is(':visible') || $(this).attr('tabindex') < 0) { return false; } //only have visible elements and those that have a tabindex greater or equal 0 |
| + | return true; |
| + | }); |
| + | }; |
| + | Foundation.Keyboard.findFocusable = findFocusable; |
| + | |
| + | /** |
| + | * Returns the component name name |
| + | * @param {Object} component - Foundation component, e.g. Slider or Reveal |
| + | * @return String componentName |
| + | */ |
| + | |
| + | var register = function(componentName, cmds) { |
| + | commands[componentName] = cmds; |
| + | }; |
| + | Foundation.Keyboard.register = register; |
| + | }(jQuery, window.Foundation); |
| + | |
| + | !function($, Foundation) { |
| + | |
| + | // Default set of media queries |
| + | var defaultQueries = { |
| + | 'default' : 'only screen', |
| + | landscape : 'only screen and (orientation: landscape)', |
| + | portrait : 'only screen and (orientation: portrait)', |
| + | retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' + |
| + | 'only screen and (min--moz-device-pixel-ratio: 2),' + |
| + | 'only screen and (-o-min-device-pixel-ratio: 2/1),' + |
| + | 'only screen and (min-device-pixel-ratio: 2),' + |
| + | 'only screen and (min-resolution: 192dpi),' + |
| + | 'only screen and (min-resolution: 2dppx)' |
| + | }; |
| + | |
| + | var MediaQuery = { |
| + | queries: [], |
| + | current: '', |
| + | |
| + | /** |
| + | * Checks if the screen is at least as wide as a breakpoint. |
| + | * @function |
| + | * @param {String} size - Name of the breakpoint to check. |
| + | * @returns {Boolean} `true` if the breakpoint matches, `false` if it's smaller. |
| + | */ |
| + | atLeast: function(size) { |
| + | var query = this.get(size); |
| + | |
| + | if (query) { |
| + | return window.matchMedia(query).matches; |
| + | } |
| + | |
| + | return false; |
| + | }, |
| + | |
| + | /** |
| + | * Gets the media query of a breakpoint. |
| + | * @function |
| + | * @param {String} size - Name of the breakpoint to get. |
| + | * @returns {String|null} - The media query of the breakpoint, or `null` if the breakpoint doesn't exist. |
| + | */ |
| + | get: function(size) { |
| + | for (var i in this.queries) { |
| + | var query = this.queries[i]; |
| + | if (size === query.name) return query.value; |
| + | } |
| + | |
| + | return null; |
| + | }, |
| + | |
| + | /** |
| + | * Initializes the media query helper, by extracting the breakpoint list from the CSS and activating the breakpoint watcher. |
| + | * @function |
| + | * @private |
| + | */ |
| + | _init: function() { |
| + | var self = this; |
| + | var extractedStyles = $('.foundation-mq').css('font-family'); |
| + | var namedQueries; |
| + | |
| + | namedQueries = parseStyleToObject(extractedStyles); |
| + | |
| + | for (var key in namedQueries) { |
| + | self.queries.push({ |
| + | name: key, |
| + | value: 'only screen and (min-width: ' + namedQueries[key] + ')' |
| + | }); |
| + | } |
| + | |
| + | this.current = this._getCurrentSize(); |
| + | |
| + | this._watcher(); |
| + | |
| + | // Extend default queries |
| + | // namedQueries = $.extend(defaultQueries, namedQueries); |
| + | }, |
| + | |
| + | /** |
| + | * Gets the current breakpoint name by testing every breakpoint and returning the last one to match (the biggest one). |
| + | * @function |
| + | * @private |
| + | * @returns {String} Name of the current breakpoint. |
| + | */ |
| + | _getCurrentSize: function() { |
| + | var matched; |
| + | |
| + | for (var i in this.queries) { |
| + | var query = this.queries[i]; |
| + | |
| + | if (window.matchMedia(query.value).matches) { |
| + | matched = query; |
| + | } |
| + | } |
| + | |
| + | if(typeof matched === 'object') { |
| + | return matched.name; |
| + | } else { |
| + | return matched; |
| + | } |
| + | }, |
| + | |
| + | /** |
| + | * Activates the breakpoint watcher, which fires an event on the window whenever the breakpoint changes. |
| + | * @function |
| + | * @private |
| + | */ |
| + | _watcher: function() { |
| + | var _this = this; |
| + | |
| + | $(window).on('resize.zf.mediaquery', function() { |
| + | var newSize = _this._getCurrentSize(); |
| + | |
| + | if (newSize !== _this.current) { |
| + | // Broadcast the media query change on the window |
| + | $(window).trigger('changed.zf.mediaquery', [newSize, _this.current]); |
| + | |
| + | // Change the current media query |
| + | _this.current = newSize; |
| + | } |
| + | }); |
| + | } |
| + | }; |
| + | |
| + | Foundation.MediaQuery = MediaQuery; |
| + | |
| + | // matchMedia() polyfill - Test a CSS media type/query in JS. |
| + | // Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license |
| + | window.matchMedia || (window.matchMedia = function() { |
| + | 'use strict'; |
| + | |
| + | // For browsers that support matchMedium api such as IE 9 and webkit |
| + | var styleMedia = (window.styleMedia || window.media); |
| + | |
| + | // For those that don't support matchMedium |
| + | if (!styleMedia) { |
| + | var style = document.createElement('style'), |
| + | script = document.getElementsByTagName('script')[0], |
| + | info = null; |
| + | |
| + | style.type = 'text/css'; |
| + | style.id = 'matchmediajs-test'; |
| + | |
| + | script.parentNode.insertBefore(style, script); |
| + | |
| + | // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers |
| + | info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle; |
| + | |
| + | styleMedia = { |
| + | matchMedium: function(media) { |
| + | var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }'; |
| + | |
| + | // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers |
| + | if (style.styleSheet) { |
| + | style.styleSheet.cssText = text; |
| + | } else { |
| + | style.textContent = text; |
| + | } |
| + | |
| + | // Test if media query is true or false |
| + | return info.width === '1px'; |
| + | } |
| + | }; |
| + | } |
| + | |
| + | return function(media) { |
| + | return { |
| + | matches: styleMedia.matchMedium(media || 'all'), |
| + | media: media || 'all' |
| + | }; |
| + | }; |
| + | }()); |
| + | |
| + | // Thank you: https://github.com/sindresorhus/query-string |
| + | function parseStyleToObject(str) { |
| + | var styleObject = {}; |
| + | |
| + | if (typeof str !== 'string') { |
| + | return styleObject; |
| + | } |
| + | |
| + | str = str.trim().slice(1, -1); // browsers re-quote string style values |
| + | |
| + | if (!str) { |
| + | return styleObject; |
| + | } |
| + | |
| + | styleObject = str.split('&').reduce(function(ret, param) { |
| + | var parts = param.replace(/\+/g, ' ').split('='); |
| + | var key = parts[0]; |
| + | var val = parts[1]; |
| + | key = decodeURIComponent(key); |
| + | |
| + | // missing `=` should be `null`: |
| + | // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters |
| + | val = val === undefined ? null : decodeURIComponent(val); |
| + | |
| + | if (!ret.hasOwnProperty(key)) { |
| + | ret[key] = val; |
| + | } else if (Array.isArray(ret[key])) { |
| + | ret[key].push(val); |
| + | } else { |
| + | ret[key] = [ret[key], val]; |
| + | } |
| + | return ret; |
| + | }, {}); |
| + | |
| + | return styleObject; |
| + | } |
| + | |
| + | }(jQuery, Foundation) |
| + | |
| + | /** |
| + | * Motion module. |
| + | * @module foundation.motion |
| + | */ |
| + | !function($, Foundation) { |
| + | |
| + | var initClasses = ['mui-enter', 'mui-leave']; |
| + | var activeClasses = ['mui-enter-active', 'mui-leave-active']; |
| + | |
| + | function animate(isIn, element, animation, cb) { |
| + | element = $(element).eq(0); |
| + | |
| + | if (!element.length) return; |
| + | |
| + | var initClass = isIn ? initClasses[0] : initClasses[1]; |
| + | var activeClass = isIn ? activeClasses[0] : activeClasses[1]; |
| + | |
| + | // Set up the animation |
| + | reset(); |
| + | element.addClass(animation) |
| + | .css('transition', 'none'); |
| + | // .addClass(initClass); |
| + | // if(isIn) element.show(); |
| + | requestAnimationFrame(function() { |
| + | element.addClass(initClass); |
| + | if (isIn) element.show(); |
| + | }); |
| + | // Start the animation |
| + | requestAnimationFrame(function() { |
| + | element[0].offsetWidth; |
| + | element.css('transition', ''); |
| + | element.addClass(activeClass); |
| + | }); |
| + | // Move(500, element, function(){ |
| + | // // element[0].offsetWidth; |
| + | // element.css('transition', ''); |
| + | // element.addClass(activeClass); |
| + | // }); |
| + | |
| + | // Clean up the animation when it finishes |
| + | element.one(Foundation.transitionend(element), finish);//.one('finished.zf.animate', finish); |
| + | |
| + | // Hides the element (for out animations), resets the element, and runs a callback |
| + | function finish() { |
| + | if (!isIn) element.hide(); |
| + | reset(); |
| + | if (cb) cb.apply(element); |
| + | } |
| + | |
| + | // Resets transitions and removes motion-specific classes |
| + | function reset() { |
| + | element[0].style.transitionDuration = 0; |
| + | element.removeClass(initClass + ' ' + activeClass + ' ' + animation); |
| + | } |
| + | } |
| + | |
| + | var Motion = { |
| + | animateIn: function(element, animation, /*duration,*/ cb) { |
| + | animate(true, element, animation, cb); |
| + | }, |
| + | |
| + | animateOut: function(element, animation, /*duration,*/ cb) { |
| + | animate(false, element, animation, cb); |
| + | } |
| + | }; |
| + | |
| + | var Move = function(duration, elem, fn){ |
| + | var anim, prog, start = null; |
| + | // console.log('called'); |
| + | |
| + | function move(ts){ |
| + | if(!start) start = window.performance.now(); |
| + | // console.log(start, ts); |
| + | prog = ts - start; |
| + | fn.apply(elem); |
| + | |
| + | if(prog < duration){ anim = window.requestAnimationFrame(move, elem); } |
| + | else{ |
| + | window.cancelAnimationFrame(anim); |
| + | elem.trigger('finished.zf.animate', [elem]).triggerHandler('finished.zf.animate', [elem]); |
| + | } |
| + | } |
| + | anim = window.requestAnimationFrame(move); |
| + | }; |
| + | |
| + | Foundation.Move = Move; |
| + | Foundation.Motion = Motion; |
| + | |
| + | }(jQuery, Foundation); |
| + | |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | Foundation.Nest = { |
| + | Feather: function(menu, type){ |
| + | menu.attr('role', 'menubar'); |
| + | type = type || 'zf'; |
| + | var items = menu.find('li').attr({'role': 'menuitem'}), |
| + | subMenuClass = 'is-' + type + '-submenu', |
| + | subItemClass = subMenuClass + '-item', |
| + | hasSubClass = 'is-' + type + '-submenu-parent'; |
| + | |
| + | items.each(function(){ |
| + | var $item = $(this), |
| + | $sub = $item.children('ul'); |
| + | if($sub.length){ |
| + | $item.addClass('has-submenu ' + hasSubClass); |
| + | $sub.addClass('submenu ' + subMenuClass).attr('data-submenu', ''); |
| + | } |
| + | if($item.parent('[data-submenu]').length){ |
| + | $item.addClass('is-submenu-item ' + subItemClass); |
| + | } |
| + | }); |
| + | return; |
| + | }, |
| + | Burn: function(menu, type){ |
| + | var items = menu.find('li').removeAttr('tabindex'), |
| + | subMenuClass = 'is-' + type + '-submenu', |
| + | subItemClass = subMenuClass + '-item', |
| + | hasSubClass = 'is-' + type + '-submenu-parent'; |
| + | |
| + | // menu.find('.is-active').removeClass('is-active'); |
| + | menu.find('*') |
| + | // menu.find('.' + subMenuClass + ', .' + subItemClass + ', .is-active, .has-submenu, .is-submenu-item, .submenu, [data-submenu]') |
| + | .removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' has-submenu is-submenu-item submenu is-active') |
| + | .removeAttr('data-submenu').css('display', ''); |
| + | |
| + | // console.log( menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]') |
| + | // .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu') |
| + | // .removeAttr('data-submenu')); |
| + | // items.each(function(){ |
| + | // var $item = $(this), |
| + | // $sub = $item.children('ul'); |
| + | // if($item.parent('[data-submenu]').length){ |
| + | // $item.removeClass('is-submenu-item ' + subItemClass); |
| + | // } |
| + | // if($sub.length){ |
| + | // $item.removeClass('has-submenu'); |
| + | // $sub.removeClass('submenu ' + subMenuClass).removeAttr('data-submenu'); |
| + | // } |
| + | // }); |
| + | } |
| + | }; |
| + | }(jQuery, window.Foundation); |
| + | |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | var Timer = function(elem, options, cb){ |
| + | var _this = this, |
| + | duration = options.duration,//options is an object for easily adding features later. |
| + | nameSpace = Object.keys(elem.data())[0] || 'timer', |
| + | remain = -1, |
| + | start, |
| + | timer; |
| + | |
| + | this.restart = function(){ |
| + | remain = -1; |
| + | clearTimeout(timer); |
| + | this.start(); |
| + | }; |
| + | |
| + | this.start = function(){ |
| + | // if(!elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things. |
| + | clearTimeout(timer); |
| + | remain = remain <= 0 ? duration : remain; |
| + | elem.data('paused', false); |
| + | start = Date.now(); |
| + | timer = setTimeout(function(){ |
| + | if(options.infinite){ |
| + | _this.restart();//rerun the timer. |
| + | } |
| + | cb(); |
| + | }, remain); |
| + | elem.trigger('timerstart.zf.' + nameSpace); |
| + | }; |
| + | |
| + | this.pause = function(){ |
| + | //if(elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things. |
| + | clearTimeout(timer); |
| + | elem.data('paused', true); |
| + | var end = Date.now(); |
| + | remain = remain - (end - start); |
| + | elem.trigger('timerpaused.zf.' + nameSpace); |
| + | }; |
| + | }; |
| + | /** |
| + | * Runs a callback function when images are fully loaded. |
| + | * @param {Object} images - Image(s) to check if loaded. |
| + | * @param {Func} callback - Function to execute when image is fully loaded. |
| + | */ |
| + | var onImagesLoaded = function(images, callback){ |
| + | var self = this, |
| + | unloaded = images.length; |
| + | |
| + | if (unloaded === 0) { |
| + | callback(); |
| + | } |
| + | |
| + | var singleImageLoaded = function() { |
| + | unloaded--; |
| + | if (unloaded === 0) { |
| + | callback(); |
| + | } |
| + | }; |
| + | |
| + | images.each(function() { |
| + | if (this.complete) { |
| + | singleImageLoaded(); |
| + | } |
| + | else if (typeof this.naturalWidth !== 'undefined' && this.naturalWidth > 0) { |
| + | singleImageLoaded(); |
| + | } |
| + | else { |
| + | $(this).one('load', function() { |
| + | singleImageLoaded(); |
| + | }); |
| + | } |
| + | }); |
| + | }; |
| + | |
| + | Foundation.Timer = Timer; |
| + | Foundation.onImagesLoaded = onImagesLoaded; |
| + | }(jQuery, window.Foundation); |
| + | |
| + | //************************************************** |
| + | //**Work inspired by multiple jquery swipe plugins** |
| + | //**Done by Yohai Ararat *************************** |
| + | //************************************************** |
| + | (function($) { |
| + | |
| + | $.spotSwipe = { |
| + | version: '1.0.0', |
| + | enabled: 'ontouchstart' in document.documentElement, |
| + | preventDefault: true, |
| + | moveThreshold: 75, |
| + | timeThreshold: 200 |
| + | }; |
| + | |
| + | var startPosX, |
| + | startPosY, |
| + | startTime, |
| + | elapsedTime, |
| + | isMoving = false; |
| + | |
| + | function onTouchEnd() { |
| + | // alert(this); |
| + | this.removeEventListener('touchmove', onTouchMove); |
| + | this.removeEventListener('touchend', onTouchEnd); |
| + | isMoving = false; |
| + | } |
| + | |
| + | function onTouchMove(e) { |
| + | if ($.spotSwipe.preventDefault) { e.preventDefault(); } |
| + | if(isMoving) { |
| + | var x = e.touches[0].pageX; |
| + | var y = e.touches[0].pageY; |
| + | var dx = startPosX - x; |
| + | var dy = startPosY - y; |
| + | var dir; |
| + | elapsedTime = new Date().getTime() - startTime; |
| + | if(Math.abs(dx) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) { |
| + | dir = dx > 0 ? 'left' : 'right'; |
| + | } |
| + | else if(Math.abs(dy) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) { |
| + | dir = dy > 0 ? 'down' : 'up'; |
| + | } |
| + | if(dir) { |
| + | onTouchEnd.call(this); |
| + | $(this).trigger('swipe', dir).trigger('swipe' + dir); |
| + | } |
| + | } |
| + | } |
| + | |
| + | function onTouchStart(e) { |
| + | if (e.touches.length == 1) { |
| + | startPosX = e.touches[0].pageX; |
| + | startPosY = e.touches[0].pageY; |
| + | isMoving = true; |
| + | startTime = new Date().getTime(); |
| + | this.addEventListener('touchmove', onTouchMove, false); |
| + | this.addEventListener('touchend', onTouchEnd, false); |
| + | } |
| + | } |
| + | |
| + | function init() { |
| + | this.addEventListener && this.addEventListener('touchstart', onTouchStart, false); |
| + | } |
| + | |
| + | function teardown() { |
| + | this.removeEventListener('touchstart', onTouchStart); |
| + | } |
| + | |
| + | $.event.special.swipe = { setup: init }; |
| + | |
| + | $.each(['left', 'up', 'down', 'right'], function () { |
| + | $.event.special['swipe' + this] = { setup: function(){ |
| + | $(this).on('swipe', $.noop); |
| + | } }; |
| + | }); |
| + | })(jQuery); |
| + | /**************************************************** |
| + | * Method for adding psuedo drag events to elements * |
| + | ***************************************************/ |
| + | !function($){ |
| + | $.fn.addTouch = function(){ |
| + | this.each(function(i,el){ |
| + | $(el).bind('touchstart touchmove touchend touchcancel',function(){ |
| + | //we pass the original event object because the jQuery event |
| + | //object is normalized to w3c specs and does not provide the TouchList |
| + | handleTouch(event); |
| + | }); |
| + | }); |
| + | |
| + | var handleTouch = function(event){ |
| + | var touches = event.changedTouches, |
| + | first = touches[0], |
| + | eventTypes = { |
| + | touchstart: 'mousedown', |
| + | touchmove: 'mousemove', |
| + | touchend: 'mouseup' |
| + | }, |
| + | type = eventTypes[event.type]; |
| + | |
| + | var simulatedEvent = document.createEvent('MouseEvent'); |
| + | simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null); |
| + | first.target.dispatchEvent(simulatedEvent); |
| + | }; |
| + | }; |
| + | }(jQuery); |
| + | |
| + | |
| + | //********************************** |
| + | //**From the jQuery Mobile Library** |
| + | //**need to recreate functionality** |
| + | //**and try to improve if possible** |
| + | //********************************** |
| + | |
| + | /* Removing the jQuery function **** |
| + | ************************************ |
| + | |
| + | (function( $, window, undefined ) { |
| + | |
| + | var $document = $( document ), |
| + | // supportTouch = $.mobile.support.touch, |
| + | touchStartEvent = 'touchstart'//supportTouch ? "touchstart" : "mousedown", |
| + | touchStopEvent = 'touchend'//supportTouch ? "touchend" : "mouseup", |
| + | touchMoveEvent = 'touchmove'//supportTouch ? "touchmove" : "mousemove"; |
| + | |
| + | // setup new event shortcuts |
| + | $.each( ( "touchstart touchmove touchend " + |
| + | "swipe swipeleft swiperight" ).split( " " ), function( i, name ) { |
| + | |
| + | $.fn[ name ] = function( fn ) { |
| + | return fn ? this.bind( name, fn ) : this.trigger( name ); |
| + | }; |
| + | |
| + | // jQuery < 1.8 |
| + | if ( $.attrFn ) { |
| + | $.attrFn[ name ] = true; |
| + | } |
| + | }); |
| + | |
| + | function triggerCustomEvent( obj, eventType, event, bubble ) { |
| + | var originalType = event.type; |
| + | event.type = eventType; |
| + | if ( bubble ) { |
| + | $.event.trigger( event, undefined, obj ); |
| + | } else { |
| + | $.event.dispatch.call( obj, event ); |
| + | } |
| + | event.type = originalType; |
| + | } |
| + | |
| + | // also handles taphold |
| + | |
| + | // Also handles swipeleft, swiperight |
| + | $.event.special.swipe = { |
| + | |
| + | // More than this horizontal displacement, and we will suppress scrolling. |
| + | scrollSupressionThreshold: 30, |
| + | |
| + | // More time than this, and it isn't a swipe. |
| + | durationThreshold: 1000, |
| + | |
| + | // Swipe horizontal displacement must be more than this. |
| + | horizontalDistanceThreshold: window.devicePixelRatio >= 2 ? 15 : 30, |
| + | |
| + | // Swipe vertical displacement must be less than this. |
| + | verticalDistanceThreshold: window.devicePixelRatio >= 2 ? 15 : 30, |
| + | |
| + | getLocation: function ( event ) { |
| + | var winPageX = window.pageXOffset, |
| + | winPageY = window.pageYOffset, |
| + | x = event.clientX, |
| + | y = event.clientY; |
| + | |
| + | if ( event.pageY === 0 && Math.floor( y ) > Math.floor( event.pageY ) || |
| + | event.pageX === 0 && Math.floor( x ) > Math.floor( event.pageX ) ) { |
| + | |
| + | // iOS4 clientX/clientY have the value that should have been |
| + | // in pageX/pageY. While pageX/page/ have the value 0 |
| + | x = x - winPageX; |
| + | y = y - winPageY; |
| + | } else if ( y < ( event.pageY - winPageY) || x < ( event.pageX - winPageX ) ) { |
| + | |
| + | // Some Android browsers have totally bogus values for clientX/Y |
| + | // when scrolling/zooming a page. Detectable since clientX/clientY |
| + | // should never be smaller than pageX/pageY minus page scroll |
| + | x = event.pageX - winPageX; |
| + | y = event.pageY - winPageY; |
| + | } |
| + | |
| + | return { |
| + | x: x, |
| + | y: y |
| + | }; |
| + | }, |
| + | |
| + | start: function( event ) { |
| + | var data = event.originalEvent.touches ? |
| + | event.originalEvent.touches[ 0 ] : event, |
| + | location = $.event.special.swipe.getLocation( data ); |
| + | return { |
| + | time: ( new Date() ).getTime(), |
| + | coords: [ location.x, location.y ], |
| + | origin: $( event.target ) |
| + | }; |
| + | }, |
| + | |
| + | stop: function( event ) { |
| + | var data = event.originalEvent.touches ? |
| + | event.originalEvent.touches[ 0 ] : event, |
| + | location = $.event.special.swipe.getLocation( data ); |
| + | return { |
| + | time: ( new Date() ).getTime(), |
| + | coords: [ location.x, location.y ] |
| + | }; |
| + | }, |
| + | |
| + | handleSwipe: function( start, stop, thisObject, origTarget ) { |
| + | if ( stop.time - start.time < $.event.special.swipe.durationThreshold && |
| + | Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold && |
| + | Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) { |
| + | var direction = start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight"; |
| + | |
| + | triggerCustomEvent( thisObject, "swipe", $.Event( "swipe", { target: origTarget, swipestart: start, swipestop: stop }), true ); |
| + | triggerCustomEvent( thisObject, direction,$.Event( direction, { target: origTarget, swipestart: start, swipestop: stop } ), true ); |
| + | return true; |
| + | } |
| + | return false; |
| + | |
| + | }, |
| + | |
| + | // This serves as a flag to ensure that at most one swipe event event is |
| + | // in work at any given time |
| + | eventInProgress: false, |
| + | |
| + | setup: function() { |
| + | var events, |
| + | thisObject = this, |
| + | $this = $( thisObject ), |
| + | context = {}; |
| + | |
| + | // Retrieve the events data for this element and add the swipe context |
| + | events = $.data( this, "mobile-events" ); |
| + | if ( !events ) { |
| + | events = { length: 0 }; |
| + | $.data( this, "mobile-events", events ); |
| + | } |
| + | events.length++; |
| + | events.swipe = context; |
| + | |
| + | context.start = function( event ) { |
| + | |
| + | // Bail if we're already working on a swipe event |
| + | if ( $.event.special.swipe.eventInProgress ) { |
| + | return; |
| + | } |
| + | $.event.special.swipe.eventInProgress = true; |
| + | |
| + | var stop, |
| + | start = $.event.special.swipe.start( event ), |
| + | origTarget = event.target, |
| + | emitted = false; |
| + | |
| + | context.move = function( event ) { |
| + | if ( !start || event.isDefaultPrevented() ) { |
| + | return; |
| + | } |
| + | |
| + | stop = $.event.special.swipe.stop( event ); |
| + | if ( !emitted ) { |
| + | emitted = $.event.special.swipe.handleSwipe( start, stop, thisObject, origTarget ); |
| + | if ( emitted ) { |
| + | |
| + | // Reset the context to make way for the next swipe event |
| + | $.event.special.swipe.eventInProgress = false; |
| + | } |
| + | } |
| + | // prevent scrolling |
| + | if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) { |
| + | event.preventDefault(); |
| + | } |
| + | }; |
| + | |
| + | context.stop = function() { |
| + | emitted = true; |
| + | |
| + | // Reset the context to make way for the next swipe event |
| + | $.event.special.swipe.eventInProgress = false; |
| + | $document.off( touchMoveEvent, context.move ); |
| + | context.move = null; |
| + | }; |
| + | |
| + | $document.on( touchMoveEvent, context.move ) |
| + | .one( touchStopEvent, context.stop ); |
| + | }; |
| + | $this.on( touchStartEvent, context.start ); |
| + | }, |
| + | |
| + | teardown: function() { |
| + | var events, context; |
| + | |
| + | events = $.data( this, "mobile-events" ); |
| + | if ( events ) { |
| + | context = events.swipe; |
| + | delete events.swipe; |
| + | events.length--; |
| + | if ( events.length === 0 ) { |
| + | $.removeData( this, "mobile-events" ); |
| + | } |
| + | } |
| + | |
| + | if ( context ) { |
| + | if ( context.start ) { |
| + | $( this ).off( touchStartEvent, context.start ); |
| + | } |
| + | if ( context.move ) { |
| + | $document.off( touchMoveEvent, context.move ); |
| + | } |
| + | if ( context.stop ) { |
| + | $document.off( touchStopEvent, context.stop ); |
| + | } |
| + | } |
| + | } |
| + | }; |
| + | $.each({ |
| + | swipeleft: "swipe.left", |
| + | swiperight: "swipe.right" |
| + | }, function( event, sourceEvent ) { |
| + | |
| + | $.event.special[ event ] = { |
| + | setup: function() { |
| + | $( this ).bind( sourceEvent, $.noop ); |
| + | }, |
| + | teardown: function() { |
| + | $( this ).unbind( sourceEvent ); |
| + | } |
| + | }; |
| + | }); |
| + | })( jQuery, this ); |
| + | */ |
| + | |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | // Elements with [data-open] will reveal a plugin that supports it when clicked. |
| + | $(document).on('click.zf.trigger', '[data-open]', function() { |
| + | var id = $(this).data('open'); |
| + | $('#' + id).triggerHandler('open.zf.trigger', [$(this)]); |
| + | }); |
| + | |
| + | // Elements with [data-close] will close a plugin that supports it when clicked. |
| + | // If used without a value on [data-close], the event will bubble, allowing it to close a parent component. |
| + | $(document).on('click.zf.trigger', '[data-close]', function() { |
| + | var id = $(this).data('close'); |
| + | if (id) { |
| + | $('#' + id).triggerHandler('close.zf.trigger', [$(this)]); |
| + | } |
| + | else { |
| + | $(this).trigger('close.zf.trigger'); |
| + | } |
| + | }); |
| + | |
| + | // Elements with [data-toggle] will toggle a plugin that supports it when clicked. |
| + | $(document).on('click.zf.trigger', '[data-toggle]', function() { |
| + | var id = $(this).data('toggle'); |
| + | $('#' + id).triggerHandler('toggle.zf.trigger', [$(this)]); |
| + | }); |
| + | |
| + | // Elements with [data-closable] will respond to close.zf.trigger events. |
| + | $(document).on('close.zf.trigger', '[data-closable]', function() { |
| + | var animation = $(this).data('closable') || 'fade-out'; |
| + | if(Foundation.Motion){ |
| + | Foundation.Motion.animateOut($(this), animation, function() { |
| + | $(this).trigger('closed.zf'); |
| + | }); |
| + | }else{ |
| + | $(this).fadeOut().trigger('closed.zf'); |
| + | } |
| + | }); |
| + | |
| + | var MutationObserver = (function () { |
| + | var prefixes = ['WebKit', 'Moz', 'O', 'Ms', '']; |
| + | for (var i=0; i < prefixes.length; i++) { |
| + | if (prefixes[i] + 'MutationObserver' in window) { |
| + | return window[prefixes[i] + 'MutationObserver']; |
| + | } |
| + | } |
| + | return false; |
| + | }()); |
| + | |
| + | |
| + | var checkListeners = function(){ |
| + | eventsListener(); |
| + | resizeListener(); |
| + | scrollListener(); |
| + | closemeListener(); |
| + | }; |
| + | /** |
| + | * Fires once after all other scripts have loaded |
| + | * @function |
| + | * @private |
| + | */ |
| + | $(window).load(function(){ |
| + | checkListeners(); |
| + | }); |
| + | |
| + | //******** only fires this function once on load, if there's something to watch ******** |
| + | var closemeListener = function(pluginName){ |
| + | var yetiBoxes = $('[data-yeti-box]'), |
| + | plugNames = ['dropdown', 'tooltip', 'reveal']; |
| + | |
| + | if(pluginName){ |
| + | if(typeof pluginName === 'string'){ |
| + | plugNames.push(pluginName); |
| + | }else if(typeof pluginName === 'object' && typeof pluginName[0] === 'string'){ |
| + | plugNames.concat(pluginName); |
| + | }else{ |
| + | console.error('Plugin names must be strings'); |
| + | } |
| + | } |
| + | if(yetiBoxes.length){ |
| + | var listeners = plugNames.map(function(name){ |
| + | return 'closeme.zf.' + name; |
| + | }).join(' '); |
| + | |
| + | $(window).off(listeners).on(listeners, function(e, pluginId){ |
| + | var plugin = e.namespace.split('.')[0]; |
| + | var plugins = $('[data-' + plugin + ']').not('[data-yeti-box="' + pluginId + '"]'); |
| + | |
| + | plugins.each(function(){ |
| + | var _this = $(this); |
| + | |
| + | _this.triggerHandler('close.zf.trigger', [_this]); |
| + | }); |
| + | }); |
| + | } |
| + | }; |
| + | var resizeListener = function(debounce){ |
| + | var timer, |
| + | $nodes = $('[data-resize]'); |
| + | if($nodes.length){ |
| + | $(window).off('resize.zf.trigger') |
| + | .on('resize.zf.trigger', function(e) { |
| + | if (timer) { clearTimeout(timer); } |
| + | |
| + | timer = setTimeout(function(){ |
| + | |
| + | if(!MutationObserver){//fallback for IE 9 |
| + | $nodes.each(function(){ |
| + | $(this).triggerHandler('resizeme.zf.trigger'); |
| + | }); |
| + | } |
| + | //trigger all listening elements and signal a resize event |
| + | $nodes.attr('data-events', "resize"); |
| + | }, debounce || 10);//default time to emit resize event |
| + | }); |
| + | } |
| + | }; |
| + | var scrollListener = function(debounce){ |
| + | var timer, |
| + | $nodes = $('[data-scroll]'); |
| + | if($nodes.length){ |
| + | $(window).off('scroll.zf.trigger') |
| + | .on('scroll.zf.trigger', function(e){ |
| + | if(timer){ clearTimeout(timer); } |
| + | |
| + | timer = setTimeout(function(){ |
| + | |
| + | if(!MutationObserver){//fallback for IE 9 |
| + | $nodes.each(function(){ |
| + | $(this).triggerHandler('scrollme.zf.trigger'); |
| + | }); |
| + | } |
| + | //trigger all listening elements and signal a scroll event |
| + | $nodes.attr('data-events', "scroll"); |
| + | }, debounce || 10);//default time to emit scroll event |
| + | }); |
| + | } |
| + | }; |
| + | // function domMutationObserver(debounce) { |
| + | // // !!! This is coming soon and needs more work; not active !!! // |
| + | // var timer, |
| + | // nodes = document.querySelectorAll('[data-mutate]'); |
| + | // // |
| + | // if (nodes.length) { |
| + | // // var MutationObserver = (function () { |
| + | // // var prefixes = ['WebKit', 'Moz', 'O', 'Ms', '']; |
| + | // // for (var i=0; i < prefixes.length; i++) { |
| + | // // if (prefixes[i] + 'MutationObserver' in window) { |
| + | // // return window[prefixes[i] + 'MutationObserver']; |
| + | // // } |
| + | // // } |
| + | // // return false; |
| + | // // }()); |
| + | // |
| + | // |
| + | // //for the body, we need to listen for all changes effecting the style and class attributes |
| + | // var bodyObserver = new MutationObserver(bodyMutation); |
| + | // bodyObserver.observe(document.body, { attributes: true, childList: true, characterData: false, subtree:true, attributeFilter:["style", "class"]}); |
| + | // |
| + | // |
| + | // //body callback |
| + | // function bodyMutation(mutate) { |
| + | // //trigger all listening elements and signal a mutation event |
| + | // if (timer) { clearTimeout(timer); } |
| + | // |
| + | // timer = setTimeout(function() { |
| + | // bodyObserver.disconnect(); |
| + | // $('[data-mutate]').attr('data-events',"mutate"); |
| + | // }, debounce || 150); |
| + | // } |
| + | // } |
| + | // } |
| + | var eventsListener = function() { |
| + | if(!MutationObserver){ return false; } |
| + | var nodes = document.querySelectorAll('[data-resize], [data-scroll], [data-mutate]'); |
| + | |
| + | //element callback |
| + | var listeningElementsMutation = function(mutationRecordsList) { |
| + | var $target = $(mutationRecordsList[0].target); |
| + | //trigger the event handler for the element depending on type |
| + | switch ($target.attr("data-events")) { |
| + | |
| + | case "resize" : |
| + | $target.triggerHandler('resizeme.zf.trigger', [$target]); |
| + | break; |
| + | |
| + | case "scroll" : |
| + | $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]); |
| + | break; |
| + | |
| + | // case "mutate" : |
| + | // console.log('mutate', $target); |
| + | // $target.triggerHandler('mutate.zf.trigger'); |
| + | // |
| + | // //make sure we don't get stuck in an infinite loop from sloppy codeing |
| + | // if ($target.index('[data-mutate]') == $("[data-mutate]").length-1) { |
| + | // domMutationObserver(); |
| + | // } |
| + | // break; |
| + | |
| + | default : |
| + | return false; |
| + | //nothing |
| + | } |
| + | } |
| + | |
| + | if(nodes.length){ |
| + | //for each element that needs to listen for resizing, scrolling, (or coming soon mutation) add a single observer |
| + | for (var i = 0; i <= nodes.length-1; i++) { |
| + | var elementObserver = new MutationObserver(listeningElementsMutation); |
| + | elementObserver.observe(nodes[i], { attributes: true, childList: false, characterData: false, subtree:false, attributeFilter:["data-events"]}); |
| + | } |
| + | } |
| + | }; |
| + | // ------------------------------------ |
| + | |
| + | // [PH] |
| + | // Foundation.CheckWatchers = checkWatchers; |
| + | Foundation.IHearYou = checkListeners; |
| + | // Foundation.ISeeYou = scrollListener; |
| + | // Foundation.IFeelYou = closemeListener; |
| + | |
| + | }(window.Foundation, window.jQuery); |
| + | |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Abide. |
| + | * @class |
| + | * @fires Abide#init |
| + | * @param {Object} element - jQuery object to add the trigger to. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Abide(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, Abide.defaults, this.$element.data(), options); |
| + | this.$window = $(window); |
| + | this.name = 'Abide'; |
| + | this.attr = 'data-abide'; |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | /** |
| + | * Default settings for plugin |
| + | */ |
| + | Abide.defaults = { |
| + | validateOn: 'fieldChange', // options: fieldChange, manual, submit |
| + | labelErrorClass: 'is-invalid-label', |
| + | inputErrorClass: 'is-invalid-input', |
| + | formErrorSelector: '.form-error', |
| + | formErrorClass: 'is-visible', |
| + | patterns: { |
| + | alpha : /^[a-zA-Z]+$/, |
| + | alpha_numeric : /^[a-zA-Z0-9]+$/, |
| + | integer : /^[-+]?\d+$/, |
| + | number : /^[-+]?\d*(?:[\.\,]\d+)?$/, |
| + | |
| + | // amex, visa, diners |
| + | card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/, |
| + | cvv : /^([0-9]){3,4}$/, |
| + | |
| + | // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address |
| + | email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/, |
| + | |
| + | url : /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/, |
| + | // abc.de |
| + | domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/, |
| + | |
| + | datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/, |
| + | // YYYY-MM-DD |
| + | date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/, |
| + | // HH:MM:SS |
| + | time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/, |
| + | dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/, |
| + | // MM/DD/YYYY |
| + | month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/, |
| + | // DD/MM/YYYY |
| + | day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/, |
| + | |
| + | // #FFF or #FFFFFF |
| + | color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/ |
| + | }, |
| + | validators: { |
| + | equalTo: function (el, required, parent) { |
| + | var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, |
| + | to = el.value, |
| + | valid = (from === to); |
| + | |
| + | return valid; |
| + | } |
| + | } |
| + | }; |
| + | |
| + | |
| + | /** |
| + | * Initializes the Abide plugin and calls functions to get Abide functioning on load. |
| + | * @private |
| + | */ |
| + | Abide.prototype._init = function() { |
| + | }; |
| + | |
| + | /** |
| + | * Initializes events for Abide. |
| + | * @private |
| + | */ |
| + | Abide.prototype._events = function() { |
| + | var self = this; |
| + | this.$element |
| + | .off('.abide') |
| + | .on('reset.fndtn.abide', function(e) { |
| + | self.resetForm($(this)); |
| + | }) |
| + | .on('submit.fndtn.abide', function(e) { |
| + | e.preventDefault(); |
| + | self.validateForm(self.$element); |
| + | }) |
| + | .find('input, textarea, select') |
| + | .off('.abide') |
| + | .on('blur.fndtn.abide change.fndtn.abide', function (e) { |
| + | if (self.options.validateOn === 'fieldChange') { |
| + | self.validateInput($(e.target), self.$element); |
| + | } |
| + | // self.validateForm(self.$element); |
| + | }) |
| + | .on('keydown.fndtn.abide', function (e) { |
| + | // if (settings.live_validate === true && e.which != 9) { |
| + | // clearTimeout(self.timer); |
| + | // self.timer = setTimeout(function () { |
| + | // self.validate([this], e); |
| + | // }.bind(this), settings.timeout); |
| + | // } |
| + | // self.validateForm(self.$element); |
| + | }); |
| + | |
| + | }, |
| + | /** |
| + | * Calls necessary functions to update Abide upon DOM change |
| + | * @private |
| + | */ |
| + | Abide.prototype._reflow = function() { |
| + | var self = this; |
| + | }; |
| + | /** |
| + | * Checks whether or not a form element has the required attribute and if it's checked or not |
| + | * @param {Object} element - jQuery object to check for required attribute |
| + | * @returns {Boolean} Boolean value depends on whether or not attribute is checked or empty |
| + | */ |
| + | Abide.prototype.requiredCheck = function($el) { |
| + | switch ($el[0].type) { |
| + | case 'text': |
| + | if ($el.attr('required') && !$el.val()) { |
| + | // requirement check does not pass |
| + | return false; |
| + | } else { |
| + | return true; |
| + | } |
| + | break; |
| + | case 'checkbox': |
| + | if ($el.attr('required') && !$el.is(':checked')) { |
| + | return false; |
| + | } else { |
| + | return true; |
| + | } |
| + | break; |
| + | case 'radio': |
| + | if ($el.attr('required') && !$el.is(':checked')) { |
| + | return false; |
| + | } else { |
| + | return true; |
| + | } |
| + | break; |
| + | default: |
| + | if ($el.attr('required') && (!$el.val() || !$el.val().length || $el.is(':empty'))) { |
| + | return false; |
| + | } else { |
| + | return true; |
| + | } |
| + | } |
| + | }; |
| + | /** |
| + | * Checks whether or not a form element has the required attribute and if it's checked or not |
| + | * @param {Object} element - jQuery object to check for required attribute |
| + | * @returns {Boolean} Boolean value depends on whether or not attribute is checked or empty |
| + | */ |
| + | Abide.prototype.findLabel = function($el) { |
| + | if ($el.next('label').length) { |
| + | return $el.next('label'); |
| + | } |
| + | else { |
| + | return $el.closest('label'); |
| + | } |
| + | }; |
| + | /** |
| + | * Adds the CSS error class as specified by the Abide settings to the label, input, and the form |
| + | * @param {Object} element - jQuery object to add the class to |
| + | */ |
| + | Abide.prototype.addErrorClasses = function($el) { |
| + | var self = this, |
| + | $label = self.findLabel($el), |
| + | $formError = $el.next(self.options.formErrorSelector) || $el.find(self.options.formErrorSelector); |
| + | |
| + | // label |
| + | if ($label) { |
| + | $label.addClass(self.options.labelErrorClass); |
| + | } |
| + | // form error |
| + | if ($formError) { |
| + | $formError.addClass(self.options.formErrorClass); |
| + | } |
| + | // input |
| + | $el.addClass(self.options.inputErrorClass); |
| + | }; |
| + | /** |
| + | * Removes CSS error class as specified by the Abide settings from the label, input, and the form |
| + | * @param {Object} element - jQuery object to remove the class from |
| + | */ |
| + | Abide.prototype.removeErrorClasses = function($el) { |
| + | var self = this, |
| + | $label = self.findLabel($el), |
| + | $formError = $el.next(self.options.formErrorSelector) || $el.find(self.options.formErrorSelector); |
| + | // label |
| + | if ($label && $label.hasClass(self.options.labelErrorClass)) { |
| + | $label.removeClass(self.options.labelErrorClass); |
| + | } |
| + | // form error |
| + | if ($formError && $formError.hasClass(self.options.formErrorClass)) { |
| + | $formError.removeClass(self.options.formErrorClass); |
| + | } |
| + | // input |
| + | if ($el.hasClass(self.options.inputErrorClass)) { |
| + | $el.removeClass(self.options.inputErrorClass); |
| + | } |
| + | }; |
| + | /** |
| + | * Goes through a form to find inputs and proceeds to validate them in ways specific to their type |
| + | * @fires Abide#invalid |
| + | * @fires Abide#valid |
| + | * @param {Object} element - jQuery object to validate, should be an HTML input |
| + | * @param {Object} form - jQuery object of the entire form to find the various input elements |
| + | */ |
| + | Abide.prototype.validateInput = function($el, $form) { |
| + | var self = this, |
| + | textInput = $form.find('input[type="text"]'), |
| + | checkInput = $form.find('input[type="checkbox"]'), |
| + | label, |
| + | radioGroupName; |
| + | |
| + | if ($el[0].type === 'text') { |
| + | if (!self.requiredCheck($el) || !self.validateText($el)) { |
| + | self.addErrorClasses($el); |
| + | $el.trigger('invalid.fndtn.abide', $el[0]); |
| + | } |
| + | else { |
| + | self.removeErrorClasses($el); |
| + | $el.trigger('valid.fndtn.abide', $el[0]); |
| + | } |
| + | } |
| + | else if ($el[0].type === 'radio') { |
| + | radioGroupName = $el.attr('name'); |
| + | label = $el.siblings('label'); |
| + | |
| + | if (self.validateRadio(radioGroupName)) { |
| + | $(label).each(function() { |
| + | if ($(this).hasClass(self.options.labelErrorClass)) { |
| + | $(this).removeClass(self.options.labelErrorClass); |
| + | } |
| + | }); |
| + | $el.trigger('valid.fndtn.abide', $el[0]); |
| + | } |
| + | else { |
| + | $(label).each(function() { |
| + | $(this).addClass(self.options.labelErrorClass); |
| + | }); |
| + | $el.trigger('invalid.fndtn.abide', $el[0]); |
| + | }; |
| + | } |
| + | else if ($el[0].type === 'checkbox') { |
| + | if (!self.requiredCheck($el)) { |
| + | self.addErrorClasses($el); |
| + | $el.trigger('invalid.fndtn.abide', $el[0]); |
| + | } |
| + | else { |
| + | self.removeErrorClasses($el); |
| + | $el.trigger('valid.fndtn.abide', $el[0]); |
| + | } |
| + | } |
| + | else { |
| + | if (!self.requiredCheck($el) || !self.validateText($el)) { |
| + | self.addErrorClasses($el); |
| + | $el.trigger('invalid.fndtn.abide', $el[0]); |
| + | } |
| + | else { |
| + | self.removeErrorClasses($el); |
| + | $el.trigger('valid.fndtn.abide', $el[0]); |
| + | } |
| + | } |
| + | }; |
| + | /** |
| + | * Goes through a form and if there are any invalid inputs, it will display the form error element |
| + | * @param {Object} element - jQuery object to validate, should be a form HTML element |
| + | */ |
| + | Abide.prototype.validateForm = function($form) { |
| + | var self = this, |
| + | inputs = $form.find('input'), |
| + | inputCount = $form.find('input').length, |
| + | counter = 0; |
| + | |
| + | while (counter < inputCount) { |
| + | self.validateInput($(inputs[counter]), $form); |
| + | counter++; |
| + | } |
| + | |
| + | // what are all the things that can go wrong with a form? |
| + | if ($form.find('.form-error.is-visible').length || $form.find('.is-invalid-label').length) { |
| + | $form.find('[data-abide-error]').css('display', 'block'); |
| + | } |
| + | else { |
| + | $form.find('[data-abide-error]').css('display', 'none'); |
| + | } |
| + | }; |
| + | /** |
| + | * Determines whether or a not a text input is valid based on the patterns specified in the attribute |
| + | * @param {Object} element - jQuery object to validate, should be a text input HTML element |
| + | * @returns {Boolean} Boolean value depends on whether or not the input value matches the pattern specified |
| + | */ |
| + | Abide.prototype.validateText = function($el) { |
| + | var self = this, |
| + | valid = false, |
| + | patternLib = this.options.patterns, |
| + | inputText = $($el).val(), |
| + | // maybe have a different way of parsing this bc people might use type |
| + | pattern = $($el).attr('pattern'); |
| + | |
| + | // if there's no value, then return true |
| + | // since required check has already been done |
| + | if (inputText.length === 0) { |
| + | return true; |
| + | } |
| + | else { |
| + | if (inputText.match(patternLib[pattern])) { |
| + | return true; |
| + | } |
| + | else { |
| + | return false; |
| + | } |
| + | } |
| + | }; |
| + | /** |
| + | * Determines whether or a not a radio input is valid based on whether or not it is required and selected |
| + | * @param {String} group - A string that specifies the name of a radio button group |
| + | * @returns {Boolean} Boolean value depends on whether or not at least one radio input has been selected (if it's required) |
| + | */ |
| + | Abide.prototype.validateRadio = function(group) { |
| + | var self = this, |
| + | labels = $(':radio[name="' + group + '"]').siblings('label'), |
| + | counter = 0; |
| + | // go through each radio button |
| + | $(':radio[name="' + group + '"]').each(function() { |
| + | // put them through the required checkpoint |
| + | if (!self.requiredCheck($(this))) { |
| + | // if at least one doesn't pass, add a tally to the counter |
| + | counter++; |
| + | } |
| + | // if at least one is checked |
| + | // reset the counter |
| + | if ($(this).is(':checked')) { |
| + | counter = 0; |
| + | } |
| + | }); |
| + | |
| + | if (counter > 0) { |
| + | return false; |
| + | } |
| + | else { |
| + | return true; |
| + | } |
| + | }; |
| + | Abide.prototype.matchValidation = function(val, validation) { |
| + | |
| + | }; |
| + | /** |
| + | * Resets form inputs and styles |
| + | * @param {Object} $form - A jQuery object that should be an HTML form element |
| + | */ |
| + | Abide.prototype.resetForm = function($form) { |
| + | var self = this; |
| + | var invalidAttr = 'data-invalid'; |
| + | // remove data attributes |
| + | $('[' + self.invalidAttr + ']', $form).removeAttr(invalidAttr); |
| + | // remove styles |
| + | $('.' + self.options.labelErrorClass, $form).not('small').removeClass(self.options.labelErrorClass); |
| + | $('.' + self.options.inputErrorClass, $form).not('small').removeClass(self.options.inputErrorClass); |
| + | $('.form-error.is-visible').removeClass('is-visible'); |
| + | $form.find('[data-abide-error]').css('display', 'none'); |
| + | $(':input', $form).not(':button, :submit, :reset, :hidden, [data-abide-ignore]').val('').removeAttr(invalidAttr); |
| + | }; |
| + | Abide.prototype.destroy = function(){ |
| + | //TODO this... |
| + | }; |
| + | |
| + | Foundation.plugin(Abide, 'Abide'); |
| + | |
| + | // Exports for AMD/Browserify |
| + | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| + | module.exports = Abide; |
| + | if (typeof define === 'function') |
| + | define(['foundation'], function() { |
| + | return Abide; |
| + | }); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * Accordion module. |
| + | * @module foundation.accordion |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.motion |
| + | */ |
| + | !function($, Foundation) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of an accordion. |
| + | * @class |
| + | * @fires Accordion#init |
| + | * @param {jQuery} element - jQuery object to make into an accordion. |
| + | */ |
| + | function Accordion(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Accordion.defaults, this.$element.data(), options); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Accordion', { |
| + | 'ENTER': 'toggle', |
| + | 'SPACE': 'toggle', |
| + | 'ARROW_DOWN': 'next', |
| + | 'ARROW_UP': 'previous' |
| + | }); |
| + | } |
| + | |
| + | Accordion.defaults = { |
| + | /** |
| + | * Amount of time to animate the opening of an accordion pane. |
| + | * @option |
| + | * @example 250 |
| + | */ |
| + | slideSpeed: 250, |
| + | /** |
| + | * Allow the accordion to have multiple open panes. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | multiExpand: false, |
| + | /** |
| + | * Allow the accordion to close all panes. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | allowAllClosed: false |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the accordion by animating the preset active pane(s). |
| + | * @private |
| + | */ |
| + | Accordion.prototype._init = function() { |
| + | this.$element.attr('role', 'tablist'); |
| + | this.$tabs = this.$element.children('li'); |
| + | this.$tabs.each(function(idx, el){ |
| + | |
| + | var $el = $(el), |
| + | $content = $el.find('[data-tab-content]'), |
| + | id = $content[0].id || Foundation.GetYoDigits(6, 'accordion'), |
| + | linkId = el.id || id + '-label'; |
| + | |
| + | $el.find('a:first').attr({ |
| + | 'aria-controls': id, |
| + | 'role': 'tab', |
| + | 'id': linkId, |
| + | 'aria-expanded': false, |
| + | 'aria-selected': false |
| + | }); |
| + | $content.attr({'role': 'tabpanel', 'aria-labelledby': linkId, 'aria-hidden': true, 'id': id}); |
| + | }); |
| + | var $initActive = this.$element.find('.is-active').children('[data-tab-content]'); |
| + | if($initActive.length){ |
| + | this.down($initActive, true); |
| + | } |
| + | this._events(); |
| + | }; |
| + | |
| + | /** |
| + | * Adds event handlers for items within the accordion. |
| + | * @private |
| + | */ |
| + | Accordion.prototype._events = function() { |
| + | var _this = this; |
| + | |
| + | this.$tabs.each(function(){ |
| + | var $elem = $(this); |
| + | var $tabContent = $elem.children('[data-tab-content]'); |
| + | if ($tabContent.length) { |
| + | $elem.children('a').off('click.zf.accordion keydown.zf.accordion') |
| + | .on('click.zf.accordion', function(e){ |
| + | // $(this).children('a').on('click.zf.accordion', function(e) { |
| + | e.preventDefault(); |
| + | if ($elem.hasClass('is-active')) { |
| + | if(_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')){ |
| + | _this.up($tabContent); |
| + | } |
| + | } |
| + | else { |
| + | _this.down($tabContent); |
| + | } |
| + | }).on('keydown.zf.accordion', function(e){ |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | toggle: function() { |
| + | _this.toggle($tabContent); |
| + | }, |
| + | next: function() { |
| + | $elem.next().find('a').focus().trigger('click.zf.accordion'); |
| + | }, |
| + | previous: function() { |
| + | $elem.prev().find('a').focus().trigger('click.zf.accordion'); |
| + | }, |
| + | handled: function() { |
| + | e.preventDefault(); |
| + | e.stopPropagation(); |
| + | } |
| + | }); |
| + | }); |
| + | } |
| + | }); |
| + | }; |
| + | /** |
| + | * Toggles the selected content pane's open/close state. |
| + | * @param {jQuery} $target - jQuery object of the pane to toggle. |
| + | * @function |
| + | */ |
| + | Accordion.prototype.toggle = function($target){ |
| + | if($target.parent().hasClass('is-active')){ |
| + | if(this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')){ |
| + | this.up($target); |
| + | }else{ return; } |
| + | }else{ |
| + | this.down($target); |
| + | } |
| + | }; |
| + | /** |
| + | * Opens the accordion tab defined by `$target`. |
| + | * @param {jQuery} $target - Accordion pane to open. |
| + | * @param {Boolean} firstTime - flag to determine if reflow should happen. |
| + | * @fires Accordion#down |
| + | * @function |
| + | */ |
| + | Accordion.prototype.down = function($target, firstTime) { |
| + | var _this = this; |
| + | if(!this.options.multiExpand && !firstTime){ |
| + | var $currentActive = this.$element.find('.is-active').children('[data-tab-content]'); |
| + | if($currentActive.length){ |
| + | this.up($currentActive); |
| + | } |
| + | } |
| + | |
| + | $target |
| + | .attr('aria-hidden', false) |
| + | .parent('[data-tab-content]') |
| + | .addBack() |
| + | .parent().addClass('is-active'); |
| + | |
| + | Foundation.Move(_this.options.slideSpeed, $target, function(){ |
| + | $target.slideDown(_this.options.slideSpeed); |
| + | }); |
| + | |
| + | if(!firstTime){ |
| + | Foundation._reflow(this.$element.attr('data-accordion')); |
| + | } |
| + | $('#' + $target.attr('aria-labelledby')).attr({ |
| + | 'aria-expanded': true, |
| + | 'aria-selected': true |
| + | }); |
| + | /** |
| + | * Fires when the tab is done opening. |
| + | * @event Accordion#down |
| + | */ |
| + | this.$element.trigger('down.zf.accordion', [$target]); |
| + | }; |
| + | |
| + | /** |
| + | * Closes the tab defined by `$target`. |
| + | * @param {jQuery} $target - Accordion tab to close. |
| + | * @fires Accordion#up |
| + | * @function |
| + | */ |
| + | Accordion.prototype.up = function($target) { |
| + | var $aunts = $target.parent().siblings(), |
| + | _this = this; |
| + | var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active'); |
| + | |
| + | if(!this.options.allowAllClosed && !canClose){ |
| + | return; |
| + | } |
| + | |
| + | Foundation.Move(this.options.slideSpeed, $target, function(){ |
| + | $target.slideUp(_this.options.slideSpeed); |
| + | }); |
| + | |
| + | $target.attr('aria-hidden', true) |
| + | .parent().removeClass('is-active'); |
| + | |
| + | $('#' + $target.attr('aria-labelledby')).attr({ |
| + | 'aria-expanded': false, |
| + | 'aria-selected': false |
| + | }); |
| + | |
| + | /** |
| + | * Fires when the tab is done collapsing up. |
| + | * @event Accordion#up |
| + | */ |
| + | this.$element.trigger('up.zf.accordion', [$target]); |
| + | }; |
| + | |
| + | /** |
| + | * Destroys an instance of an accordion. |
| + | * @fires Accordion#destroyed |
| + | * @function |
| + | */ |
| + | Accordion.prototype.destroy = function() { |
| + | this.$element.find('[data-tab-content]').slideUp(0).css('display', ''); |
| + | this.$element.find('a').off('.zf.accordion'); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Accordion, 'Accordion'); |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * AccordionMenu module. |
| + | * @module foundation.accordionMenu |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.motion |
| + | * @requires foundation.util.nest |
| + | */ |
| + | !function($) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of an accordion menu. |
| + | * @class |
| + | * @fires AccordionMenu#init |
| + | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function AccordionMenu(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, AccordionMenu.defaults, this.$element.data(), options); |
| + | |
| + | Foundation.Nest.Feather(this.$element, 'accordion'); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('AccordionMenu', { |
| + | 'ENTER': 'toggle', |
| + | 'SPACE': 'toggle', |
| + | 'ARROW_RIGHT': 'open', |
| + | 'ARROW_UP': 'up', |
| + | 'ARROW_DOWN': 'down', |
| + | 'ARROW_LEFT': 'close', |
| + | 'ESCAPE': 'closeAll', |
| + | 'TAB': 'down', |
| + | 'SHIFT_TAB': 'up' |
| + | }); |
| + | } |
| + | |
| + | AccordionMenu.defaults = { |
| + | /** |
| + | * Amount of time to animate the opening of a submenu in ms. |
| + | * @option |
| + | * @example 250 |
| + | */ |
| + | slideSpeed: 250, |
| + | /** |
| + | * Allow the menu to have multiple open panes. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | multiOpen: true |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the accordion menu by hiding all nested menus. |
| + | * @private |
| + | */ |
| + | AccordionMenu.prototype._init = function() { |
| + | this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem'); |
| + | this.$element.attr({ |
| + | 'role': 'tablist', |
| + | 'aria-multiselectable': this.options.multiOpen |
| + | }); |
| + | |
| + | this.$menuLinks = this.$element.find('.has-submenu'); |
| + | this.$menuLinks.each(function(){ |
| + | var linkId = this.id || Foundation.GetYoDigits(6, 'acc-menu-link'), |
| + | $elem = $(this), |
| + | $sub = $elem.children('[data-submenu]'), |
| + | subId = $sub[0].id || Foundation.GetYoDigits(6, 'acc-menu'), |
| + | isActive = $sub.hasClass('is-active'); |
| + | $elem.attr({ |
| + | 'aria-controls': subId, |
| + | 'aria-expanded': isActive, |
| + | 'aria-selected': false, |
| + | 'role': 'tab', |
| + | 'id': linkId |
| + | }); |
| + | $sub.attr({ |
| + | 'aria-labelledby': linkId, |
| + | 'aria-hidden': !isActive, |
| + | 'role': 'tabpanel', |
| + | 'id': subId |
| + | }); |
| + | }); |
| + | var initPanes = this.$element.find('.is-active'); |
| + | if(initPanes.length){ |
| + | var _this = this; |
| + | initPanes.each(function(){ |
| + | _this.down($(this)); |
| + | }); |
| + | } |
| + | this._events(); |
| + | }; |
| + | |
| + | /** |
| + | * Adds event handlers for items within the menu. |
| + | * @private |
| + | */ |
| + | AccordionMenu.prototype._events = function() { |
| + | var _this = this; |
| + | |
| + | this.$element.find('li').each(function() { |
| + | var $submenu = $(this).children('[data-submenu]'); |
| + | |
| + | if ($submenu.length) { |
| + | $(this).children('a').off('click.zf.accordionmenu').on('click.zf.accordionmenu', function(e) { |
| + | e.preventDefault(); |
| + | |
| + | _this.toggle($submenu); |
| + | }); |
| + | } |
| + | }).on('keydown.zf.accordionmenu', function(e){ |
| + | var $element = $(this), |
| + | $elements = $element.parent('ul').children('li'), |
| + | $prevElement, |
| + | $nextElement, |
| + | $target = $element.children('[data-submenu]'); |
| + | |
| + | $elements.each(function(i) { |
| + | if ($(this).is($element)) { |
| + | $prevElement = $elements.eq(Math.max(0, i-1)); |
| + | $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)); |
| + | |
| + | if ($(this).children('[data-submenu]:visible').length) { // has open sub menu |
| + | $nextElement = $element.find('li:first-child'); |
| + | } |
| + | if ($(this).is(':first-child')) { // is first element of sub menu |
| + | $prevElement = $element.parents('li').first(); |
| + | } else if ($prevElement.children('[data-submenu]:visible').length) { // if previous element has open sub menu |
| + | $prevElement = $prevElement.find('li:last-child'); |
| + | } |
| + | if ($(this).is(':last-child')) { // is last element of sub menu |
| + | $nextElement = $element.parents('li').first().next('li'); |
| + | } |
| + | |
| + | return; |
| + | } |
| + | }); |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | open: function() { |
| + | if ($target.is(':hidden')) { |
| + | _this.down($target); |
| + | $target.find('li').first().focus(); |
| + | } |
| + | }, |
| + | close: function() { |
| + | if ($target.length && !$target.is(':hidden')) { // close active sub of this item |
| + | _this.up($target); |
| + | } else if ($element.parent('[data-submenu]').length) { // close currently open sub |
| + | _this.up($element.parent('[data-submenu]')); |
| + | $element.parents('li').first().focus(); |
| + | } |
| + | }, |
| + | up: function() { |
| + | $prevElement.focus(); |
| + | }, |
| + | down: function() { |
| + | $nextElement.focus(); |
| + | }, |
| + | toggle: function() { |
| + | if ($element.children('[data-submenu]').length) { |
| + | _this.toggle($element.children('[data-submenu]')); |
| + | } |
| + | }, |
| + | closeAll: function() { |
| + | _this.hideAll(); |
| + | }, |
| + | handled: function() { |
| + | e.preventDefault(); |
| + | e.stopImmediatePropagation(); |
| + | } |
| + | }); |
| + | });//.attr('tabindex', 0); |
| + | }; |
| + | /** |
| + | * Closes all panes of the menu. |
| + | * @function |
| + | */ |
| + | AccordionMenu.prototype.hideAll = function(){ |
| + | this.$element.find('[data-submenu]').slideUp(this.options.slideSpeed); |
| + | }; |
| + | /** |
| + | * Toggles the open/close state of a submenu. |
| + | * @function |
| + | * @param {jQuery} $target - the submenu to toggle |
| + | */ |
| + | AccordionMenu.prototype.toggle = function($target){ |
| + | if (!$target.is(':hidden')) { |
| + | this.up($target); |
| + | } |
| + | else { |
| + | this.down($target); |
| + | } |
| + | }; |
| + | /** |
| + | * Opens the sub-menu defined by `$target`. |
| + | * @param {jQuery} $target - Sub-menu to open. |
| + | * @fires AccordionMenu#down |
| + | */ |
| + | AccordionMenu.prototype.down = function($target) { |
| + | var _this = this; |
| + | console.log($target); |
| + | if(!this.options.multiOpen){ |
| + | this.up(this.$element.find('.is-active').not($target.parentsUntil(this.$element))); |
| + | } |
| + | |
| + | $target.addClass('is-active').attr({'aria-hidden': false}) |
| + | .parent('.has-submenu').attr({'aria-expanded': true, 'aria-selected': true}); |
| + | |
| + | Foundation.Move(this.options.slideSpeed, $target, function(){ |
| + | $target.slideDown(_this.options.slideSpeed); |
| + | }); |
| + | /** |
| + | * Fires when the menu is done collapsing up. |
| + | * @event AccordionMenu#down |
| + | */ |
| + | this.$element.trigger('down.zf.accordionMenu', [$target]); |
| + | }; |
| + | |
| + | /** |
| + | * Closes the sub-menu defined by `$target`. All sub-menus inside the target will be closed as well. |
| + | * @param {jQuery} $target - Sub-menu to close. |
| + | * @fires AccordionMenu#up |
| + | */ |
| + | AccordionMenu.prototype.up = function($target) { |
| + | var _this = this; |
| + | Foundation.Move(this.options.slideSpeed, $target, function(){ |
| + | $target.slideUp(_this.options.slideSpeed); |
| + | }); |
| + | $target.attr('aria-hidden', true) |
| + | .find('[data-submenu]').slideUp(0).attr('aria-hidden', true).end() |
| + | .parent('.has-submenu') |
| + | .attr({'aria-expanded': false, 'aria-selected': false}); |
| + | // $target.slideUp(this.options.slideSpeed, function() { |
| + | // $target.find('[data-submenu]').slideUp(0).attr('aria-hidden', true); |
| + | // }).attr('aria-hidden', true).parent('.has-submenu').attr({'aria-expanded': false, 'aria-selected': false}); |
| + | |
| + | /** |
| + | * Fires when the menu is done collapsing up. |
| + | * @event AccordionMenu#up |
| + | */ |
| + | this.$element.trigger('up.zf.accordionMenu', [$target]); |
| + | }; |
| + | |
| + | /** |
| + | * Destroys an instance of accordion menu. |
| + | * @fires AccordionMenu#destroyed |
| + | */ |
| + | AccordionMenu.prototype.destroy = function(){ |
| + | this.$element.find('[data-submenu]').slideDown(0).css('display', ''); |
| + | this.$element.find('a').off('click.zf.accordionMenu'); |
| + | |
| + | Foundation.Nest.Burn(this.$element, 'accordion'); |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(AccordionMenu, 'AccordionMenu'); |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * Drilldown module. |
| + | * @module foundation.drilldown |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.motion |
| + | * @requires foundation.util.nest |
| + | */ |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of a drilldown menu. |
| + | * @class |
| + | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Drilldown(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Drilldown.defaults, this.$element.data(), options); |
| + | |
| + | Foundation.Nest.Feather(this.$element, 'drilldown'); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Drilldown', { |
| + | 'ENTER': 'open', |
| + | 'SPACE': 'open', |
| + | 'ARROW_RIGHT': 'next', |
| + | 'ARROW_UP': 'up', |
| + | 'ARROW_DOWN': 'down', |
| + | 'ARROW_LEFT': 'previous', |
| + | 'ESCAPE': 'close', |
| + | 'TAB': 'down', |
| + | 'SHIFT_TAB': 'up' |
| + | }); |
| + | } |
| + | Drilldown.defaults = { |
| + | /** |
| + | * Markup used for JS generated back button. Prepended to submenu lists and deleted on `destroy` method. |
| + | * @option |
| + | * @example '<li><a>Back</a></li>' |
| + | */ |
| + | backButton: '<li class="js-drilldown-back" tabindex="0"><a>Back</a></li>', |
| + | /** |
| + | * Markup used to wrap drilldown menu. Use a class name for independent styling, or the JS applied class: `is-drilldown`. |
| + | * @option |
| + | * @example '<div></div>' |
| + | */ |
| + | wrapper: '<div></div>', |
| + | /** |
| + | * Allow the menu to return to root list on body click. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | closeOnClick: false, |
| + | // holdOpen: false |
| + | }; |
| + | /** |
| + | * Initializes the drilldown by creating jQuery collections of elements |
| + | * @private |
| + | */ |
| + | Drilldown.prototype._init = function(){ |
| + | this.$submenuAnchors = this.$element.find('li.has-submenu'); |
| + | this.$submenus = this.$submenuAnchors.children('[data-submenu]').addClass('is-drilldown-sub')/*.wrap($(this.options.wrapper).addClass('is-drilldown-sub'))*/; |
| + | // this.$rootElems = this.$element.children('[data-submenu]')/*.addClass('first-sub')*/; |
| + | this.$menuItems = this.$element.find('li').not('.js-drilldown-back').attr('role', 'menuitem'); |
| + | // this.$submenus; |
| + | |
| + | |
| + | this._prepareMenu(); |
| + | // this._getMaxDims(); |
| + | this._keyboardEvents(); |
| + | }; |
| + | /** |
| + | * prepares drilldown menu by setting attributes to links and elements |
| + | * sets a min height to prevent content jumping |
| + | * wraps the element if not already wrapped |
| + | * @private |
| + | * @function |
| + | */ |
| + | Drilldown.prototype._prepareMenu = function(){ |
| + | var _this = this; |
| + | // if(!this.options.holdOpen){ |
| + | // this._menuLinkEvents(); |
| + | // } |
| + | this.$submenuAnchors.each(function(){ |
| + | var $sub = $(this); |
| + | $sub.find('a')[0].removeAttribute('href'); |
| + | $sub.children('[data-submenu]') |
| + | .attr({ |
| + | 'aria-hidden': true, |
| + | 'tabindex': 0, |
| + | 'role': 'menu' |
| + | }); |
| + | _this._events($sub); |
| + | }); |
| + | this.$submenus.each(function(){ |
| + | var $menu = $(this), |
| + | $back = $menu.find('.js-drilldown-back'); |
| + | if(!$back.length){ |
| + | $menu.prepend(_this.options.backButton); |
| + | _this._back($menu); |
| + | } |
| + | }); |
| + | if(!this.$element.parent().hasClass('is-drilldown')){ |
| + | this.$wrapper = $(this.options.wrapper).addClass('is-drilldown').css(this._getMaxDims()); |
| + | this.$element.wrap(this.$wrapper); |
| + | } |
| + | |
| + | }; |
| + | /** |
| + | * Adds event handlers to elements in the menu. |
| + | * @function |
| + | * @private |
| + | * @param {jQuery} $elem - the current menu item to add handlers to. |
| + | */ |
| + | Drilldown.prototype._events = function($elem){ |
| + | var _this = this; |
| + | |
| + | $elem.off('click.zf.drilldown') |
| + | .on('click.zf.drilldown', function(e){ |
| + | e.stopImmediatePropagation(); |
| + | e.preventDefault(); |
| + | |
| + | if(e.target !== e.currentTarget.firstElementChild){ |
| + | return false; |
| + | } |
| + | _this._show($elem); |
| + | |
| + | if(_this.options.closeOnClick){ |
| + | var $body = $('body').not(_this.$wrapper); |
| + | $body.off('.zf.drilldown').on('click.zf.drilldown', function(e){ |
| + | e.preventDefault(); |
| + | _this._hideAll(); |
| + | $body.off('.zf.drilldown'); |
| + | }); |
| + | } |
| + | }); |
| + | }; |
| + | /** |
| + | * Adds keydown event listener to `li`'s in the menu. |
| + | * @private |
| + | */ |
| + | Drilldown.prototype._keyboardEvents = function() { |
| + | var _this = this; |
| + | this.$menuItems.add(this.$element.find('.js-drilldown-back')).on('keydown.zf.drilldown', function(e){ |
| + | var $element = $(this), |
| + | $elements = $element.parent('ul').children('li'), |
| + | $prevElement, |
| + | $nextElement; |
| + | |
| + | $elements.each(function(i) { |
| + | if ($(this).is($element)) { |
| + | $prevElement = $elements.eq(Math.max(0, i-1)); |
| + | $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)); |
| + | return; |
| + | } |
| + | }); |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | next: function() { |
| + | if ($element.is(_this.$submenuAnchors)) { |
| + | _this._show($element); |
| + | $element.on(Foundation.transitionend($element), function(){ |
| + | $element.find('ul li').filter(_this.$menuItems).first().focus(); |
| + | }); |
| + | } |
| + | }, |
| + | previous: function() { |
| + | _this._hide($element.parent('ul')); |
| + | $element.parent('ul').on(Foundation.transitionend($element), function(){ |
| + | setTimeout(function() { |
| + | $element.parent('ul').parent('li').focus(); |
| + | }, 1); |
| + | }); |
| + | }, |
| + | up: function() { |
| + | $prevElement.focus(); |
| + | }, |
| + | down: function() { |
| + | $nextElement.focus(); |
| + | }, |
| + | close: function() { |
| + | _this._back(); |
| + | //_this.$menuItems.first().focus(); // focus to first element |
| + | }, |
| + | open: function() { |
| + | if (!$element.is(_this.$menuItems)) { // not menu item means back button |
| + | _this._hide($element.parent('ul')); |
| + | setTimeout(function(){$element.parent('ul').parent('li').focus();}, 1); |
| + | } else if ($element.is(_this.$submenuAnchors)) { |
| + | _this._show($element); |
| + | setTimeout(function(){$element.find('ul li').filter(_this.$menuItems).first().focus();}, 1); |
| + | } |
| + | }, |
| + | handled: function() { |
| + | e.preventDefault(); |
| + | e.stopImmediatePropagation(); |
| + | } |
| + | }); |
| + | }); // end keyboardAccess |
| + | }; |
| + | |
| + | /** |
| + | * Closes all open elements, and returns to root menu. |
| + | * @function |
| + | * @fires Drilldown#closed |
| + | */ |
| + | Drilldown.prototype._hideAll = function(){ |
| + | var $elem = this.$element.find('.is-drilldown-sub.is-active').addClass('is-closing'); |
| + | $elem.one(Foundation.transitionend($elem), function(e){ |
| + | $elem.removeClass('is-active is-closing'); |
| + | }); |
| + | /** |
| + | * Fires when the menu is fully closed. |
| + | * @event Drilldown#closed |
| + | */ |
| + | this.$element.trigger('closed.zf.drilldown'); |
| + | }; |
| + | /** |
| + | * Adds event listener for each `back` button, and closes open menus. |
| + | * @function |
| + | * @fires Drilldown#back |
| + | * @param {jQuery} $elem - the current sub-menu to add `back` event. |
| + | */ |
| + | Drilldown.prototype._back = function($elem){ |
| + | var _this = this; |
| + | $elem.off('click.zf.drilldown'); |
| + | $elem.children('.js-drilldown-back') |
| + | .on('click.zf.drilldown', function(e){ |
| + | e.stopImmediatePropagation(); |
| + | // console.log('mouseup on back'); |
| + | _this._hide($elem); |
| + | }); |
| + | }; |
| + | /** |
| + | * Adds event listener to menu items w/o submenus to close open menus on click. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Drilldown.prototype._menuLinkEvents = function(){ |
| + | var _this = this; |
| + | this.$menuItems.not('.has-submenu') |
| + | .off('click.zf.drilldown') |
| + | .on('click.zf.drilldown', function(e){ |
| + | // e.stopImmediatePropagation(); |
| + | setTimeout(function(){ |
| + | _this._hideAll(); |
| + | }, 0); |
| + | }); |
| + | }; |
| + | /** |
| + | * Opens a submenu. |
| + | * @function |
| + | * @fires Drilldown#open |
| + | * @param {jQuery} $elem - the current element with a submenu to open. |
| + | */ |
| + | Drilldown.prototype._show = function($elem){ |
| + | $elem.children('[data-submenu]').addClass('is-active'); |
| + | |
| + | this.$element.trigger('open.zf.drilldown', [$elem]); |
| + | }; |
| + | /** |
| + | * Hides a submenu |
| + | * @function |
| + | * @fires Drilldown#hide |
| + | * @param {jQuery} $elem - the current sub-menu to hide. |
| + | */ |
| + | Drilldown.prototype._hide = function($elem){ |
| + | var _this = this; |
| + | $elem.addClass('is-closing') |
| + | .one(Foundation.transitionend($elem), function(){ |
| + | $elem.removeClass('is-active is-closing'); |
| + | }); |
| + | /** |
| + | * Fires when the submenu is has closed. |
| + | * @event Drilldown#hide |
| + | */ |
| + | $elem.trigger('hide.zf.drilldown', [$elem]); |
| + | |
| + | }; |
| + | /** |
| + | * Iterates through the nested menus to calculate the min-height, and max-width for the menu. |
| + | * Prevents content jumping. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Drilldown.prototype._getMaxDims = function(){ |
| + | var max = 0, result = {}; |
| + | this.$submenus.add(this.$element).each(function(){ |
| + | var numOfElems = $(this).children('li').length; |
| + | max = numOfElems > max ? numOfElems : max; |
| + | }); |
| + | |
| + | result.height = max * this.$menuItems[0].getBoundingClientRect().height + 'px'; |
| + | result.width = this.$element[0].getBoundingClientRect().width + 'px'; |
| + | |
| + | return result; |
| + | }; |
| + | /** |
| + | * Destroys the Drilldown Menu |
| + | * @function |
| + | */ |
| + | Drilldown.prototype.destroy = function(){ |
| + | this._hideAll(); |
| + | Foundation.Nest.Burn(this.$element, 'drilldown'); |
| + | this.$element.unwrap() |
| + | .find('.js-drilldown-back').remove() |
| + | .end().find('.is-active, .is-closing, .is-drilldown-sub').removeClass('is-active is-closing is-drilldown-sub') |
| + | .end().find('[data-submenu]').removeAttr('aria-hidden tabindex role') |
| + | .off('.zf.drilldown').end().off('zf.drilldown'); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | Foundation.plugin(Drilldown, 'Drilldown'); |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * Dropdown module. |
| + | * @module foundation.dropdown |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.box |
| + | */ |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | /** |
| + | * Creates a new instance of a dropdown. |
| + | * @class |
| + | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Dropdown(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Dropdown.defaults, this.$element.data(), options); |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Dropdown', { |
| + | 'ENTER': 'open', |
| + | 'SPACE': 'open', |
| + | 'ESCAPE': 'close', |
| + | 'TAB': 'tab_forward', |
| + | 'SHIFT_TAB': 'tab_backward' |
| + | }); |
| + | } |
| + | |
| + | Dropdown.defaults = { |
| + | /** |
| + | * Amount of time to delay opening a submenu on hover event. |
| + | * @option |
| + | * @example 250 |
| + | */ |
| + | hoverDelay: 250, |
| + | /** |
| + | * Allow submenus to open on hover events |
| + | * @option |
| + | * @example false |
| + | */ |
| + | hover: false, |
| + | /** |
| + | * Number of pixels between the dropdown pane and the triggering element on open. |
| + | * @option |
| + | * @example 1 |
| + | */ |
| + | vOffset: 1, |
| + | /** |
| + | * Number of pixels between the dropdown pane and the triggering element on open. |
| + | * @option |
| + | * @example 1 |
| + | */ |
| + | hOffset: 1, |
| + | /** |
| + | * Class applied to adjust open position. JS will test and fill this in. |
| + | * @option |
| + | * @example 'top' |
| + | */ |
| + | positionClass: '', |
| + | /** |
| + | * Allow the plugin to trap focus to the dropdown pane on open. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | trapFocus: false |
| + | }; |
| + | /** |
| + | * Initializes the plugin by setting/checking options and attributes, adding helper variables, and saving the anchor. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Dropdown.prototype._init = function(){ |
| + | var $id = this.$element.attr('id'); |
| + | |
| + | this.$anchor = $('[data-toggle="' + $id + '"]') || $('[data-open="' + $id + '"]'); |
| + | this.$anchor.attr({ |
| + | 'aria-controls': $id, |
| + | 'data-is-focus': false, |
| + | 'data-yeti-box': $id, |
| + | 'aria-haspopup': true, |
| + | 'aria-expanded': false |
| + | // 'data-resize': $id |
| + | }); |
| + | |
| + | this.options.positionClass = this.getPositionClass(); |
| + | this.counter = 4; |
| + | this.usedPositions = []; |
| + | this.$element.attr({ |
| + | 'aria-hidden': 'true', |
| + | 'data-yeti-box': $id, |
| + | 'data-resize': $id, |
| + | 'aria-labelledby': this.$anchor[0].id || Foundation.GetYoDigits(6, 'dd-anchor') |
| + | }); |
| + | this._events(); |
| + | }; |
| + | /** |
| + | * Helper function to determine current orientation of dropdown pane. |
| + | * @function |
| + | * @returns {String} position - string value of a position class. |
| + | */ |
| + | Dropdown.prototype.getPositionClass = function(){ |
| + | var position = this.$element[0].className.match(/(top|left|right)/g); |
| + | position = position ? position[0] : ''; |
| + | return position; |
| + | }; |
| + | /** |
| + | * Adjusts the dropdown panes orientation by adding/removing positioning classes. |
| + | * @function |
| + | * @private |
| + | * @param {String} position - position class to remove. |
| + | */ |
| + | Dropdown.prototype._reposition = function(position){ |
| + | this.usedPositions.push(position ? position : 'bottom'); |
| + | //default, try switching to opposite side |
| + | if(!position && (this.usedPositions.indexOf('top') < 0)){ |
| + | this.$element.addClass('top'); |
| + | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') < 0)){ |
| + | this.$element.removeClass(position); |
| + | }else if(position === 'left' && (this.usedPositions.indexOf('right') < 0)){ |
| + | this.$element.removeClass(position) |
| + | .addClass('right'); |
| + | }else if(position === 'right' && (this.usedPositions.indexOf('left') < 0)){ |
| + | this.$element.removeClass(position) |
| + | .addClass('left'); |
| + | } |
| + | |
| + | //if default change didn't work, try bottom or left first |
| + | else if(!position && (this.usedPositions.indexOf('top') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| + | this.$element.addClass('left'); |
| + | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| + | this.$element.removeClass(position) |
| + | .addClass('left'); |
| + | }else if(position === 'left' && (this.usedPositions.indexOf('right') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| + | this.$element.removeClass(position); |
| + | }else if(position === 'right' && (this.usedPositions.indexOf('left') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| + | this.$element.removeClass(position); |
| + | } |
| + | //if nothing cleared, set to bottom |
| + | else{ |
| + | this.$element.removeClass(position); |
| + | } |
| + | this.classChanged = true; |
| + | this.counter--; |
| + | }; |
| + | /** |
| + | * Sets the position and orientation of the dropdown pane, checks for collisions. |
| + | * Recursively calls itself if a collision is detected, with a new position class. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Dropdown.prototype._setPosition = function(){ |
| + | if(this.$anchor.attr('aria-expanded') === 'false'){ return false; } |
| + | var position = this.getPositionClass(), |
| + | $eleDims = Foundation.Box.GetDimensions(this.$element), |
| + | $anchorDims = Foundation.Box.GetDimensions(this.$anchor), |
| + | _this = this, |
| + | direction = (position === 'left' ? 'left' : ((position === 'right') ? 'left' : 'top')), |
| + | param = (direction === 'top') ? 'height' : 'width', |
| + | offset = (param === 'height') ? this.options.vOffset : this.options.hOffset; |
| + | |
| + | if(($eleDims.width >= $eleDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.$element))){ |
| + | this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({ |
| + | 'width': $eleDims.windowDims.width - (this.options.hOffset * 2), |
| + | 'height': 'auto', |
| + | }); |
| + | this.classChanged = true; |
| + | return false; |
| + | } |
| + | |
| + | this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, position, this.options.vOffset, this.options.hOffset)); |
| + | |
| + | while(!Foundation.Box.ImNotTouchingYou(this.$element) && this.counter){ |
| + | this._reposition(position); |
| + | this._setPosition(); |
| + | } |
| + | }; |
| + | /** |
| + | * Adds event listeners to the element utilizing the triggers utility library. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Dropdown.prototype._events = function(){ |
| + | var _this = this; |
| + | this.$element.on({ |
| + | 'open.zf.trigger': this.open.bind(this), |
| + | 'close.zf.trigger': this.close.bind(this), |
| + | 'toggle.zf.trigger': this.toggle.bind(this), |
| + | 'resizeme.zf.trigger': this._setPosition.bind(this) |
| + | }); |
| + | |
| + | if(this.options.hover){ |
| + | this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown') |
| + | .on('mouseenter.zf.dropdown', function(){ |
| + | console.log('hover'); |
| + | clearTimeout(_this.timeout); |
| + | _this.timeOut = setTimeout(function(){ |
| + | _this.open(); |
| + | _this.$anchor.data('hover', true); |
| + | }, _this.options.hoverDelay); |
| + | }).on('mouseleave.zf.dropdown', function(){ |
| + | clearTimeout(_this.timeout); |
| + | _this.timeOut = setTimeout(function(){ |
| + | _this.close(); |
| + | _this.$anchor.data('hover', false); |
| + | }, _this.options.hoverDelay); |
| + | }); |
| + | } |
| + | this.$anchor.add(this.$element).on('keydown.zf.dropdown', function(e) { |
| + | |
| + | var visibleFocusableElements = Foundation.Keyboard.findFocusable(_this.$element); |
| + | |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | tab_forward: function() { |
| + | if (this.$element.find(':focus').is(visibleFocusableElements.eq(-1))) { // left modal downwards, setting focus to first element |
| + | if (this.options.trapFocus) { // if focus shall be trapped |
| + | visibleFocusableElements.eq(0).focus(); |
| + | e.preventDefault(); |
| + | } else { // if focus is not trapped, close dropdown on focus out |
| + | this.close(); |
| + | } |
| + | } |
| + | }, |
| + | tab_backward: function() { |
| + | if (this.$element.find(':focus').is(visibleFocusableElements.eq(0)) || this.$element.is(':focus')) { // left modal upwards, setting focus to last element |
| + | if (this.options.trapFocus) { // if focus shall be trapped |
| + | visibleFocusableElements.eq(-1).focus(); |
| + | e.preventDefault(); |
| + | } else { // if focus is not trapped, close dropdown on focus out |
| + | this.close(); |
| + | } |
| + | } |
| + | }, |
| + | open: function() { |
| + | _this.open(); |
| + | _this.$element.attr('tabindex', -1).focus(); |
| + | }, |
| + | close: function() { |
| + | _this.close(); |
| + | _this.$anchor.focus(); |
| + | } |
| + | }); |
| + | }); |
| + | }; |
| + | /** |
| + | * Opens the dropdown pane, and fires a bubbling event to close other dropdowns. |
| + | * @function |
| + | * @fires Dropdown#closeme |
| + | * @fires Dropdown#show |
| + | */ |
| + | Dropdown.prototype.open = function(){ |
| + | // var _this = this; |
| + | /** |
| + | * Fires to close other open dropdowns |
| + | * @event Dropdown#closeme |
| + | */ |
| + | this.$element.trigger('closeme.zf.dropdown', this.$element.attr('id')); |
| + | this.$anchor.addClass('hover') |
| + | .attr({'aria-expanded': true}); |
| + | // this.$element/*.show()*/; |
| + | this._setPosition(); |
| + | this.$element.addClass('is-open') |
| + | .attr({'aria-hidden': false}); |
| + | |
| + | |
| + | |
| + | /** |
| + | * Fires once the dropdown is visible. |
| + | * @event Dropdown#show |
| + | */ |
| + | this.$element.trigger('show.zf.dropdown', [this.$element]); |
| + | //why does this not work correctly for this plugin? |
| + | // Foundation.reflow(this.$element, 'dropdown'); |
| + | // Foundation._reflow(this.$element.attr('data-dropdown')); |
| + | }; |
| + | |
| + | /** |
| + | * Closes the open dropdown pane. |
| + | * @function |
| + | * @fires Dropdown#hide |
| + | */ |
| + | Dropdown.prototype.close = function(){ |
| + | if(!this.$element.hasClass('is-open')){ |
| + | return false; |
| + | } |
| + | this.$element.removeClass('is-open') |
| + | .attr({'aria-hidden': true}); |
| + | |
| + | this.$anchor.removeClass('hover') |
| + | .attr('aria-expanded', false); |
| + | |
| + | if(this.classChanged){ |
| + | var curPositionClass = this.getPositionClass(); |
| + | if(curPositionClass){ |
| + | this.$element.removeClass(curPositionClass); |
| + | } |
| + | this.$element.addClass(this.options.positionClass) |
| + | /*.hide()*/.css({height: '', width: ''}); |
| + | this.classChanged = false; |
| + | this.counter = 4; |
| + | this.usedPositions.length = 0; |
| + | } |
| + | this.$element.trigger('hide.zf.dropdown', [this.$element]); |
| + | // Foundation.reflow(this.$element, 'dropdown'); |
| + | }; |
| + | /** |
| + | * Toggles the dropdown pane's visibility. |
| + | * @function |
| + | */ |
| + | Dropdown.prototype.toggle = function(){ |
| + | if(this.$element.hasClass('is-open')){ |
| + | if(this.$anchor.data('hover')) return; |
| + | this.close(); |
| + | }else{ |
| + | this.open(); |
| + | } |
| + | }; |
| + | /** |
| + | * Destroys the dropdown. |
| + | * @function |
| + | */ |
| + | Dropdown.prototype.destroy = function(){ |
| + | this.$element.off('.zf.trigger').hide(); |
| + | this.$anchor.off('.zf.dropdown'); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Dropdown, 'Dropdown'); |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * DropdownMenu module. |
| + | * @module foundation.dropdown-menu |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.box |
| + | * @requires foundation.util.nest |
| + | */ |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of DropdownMenu. |
| + | * @class |
| + | * @fires DropdownMenu#init |
| + | * @param {jQuery} element - jQuery object to make into a dropdown menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function DropdownMenu(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, DropdownMenu.defaults, this.$element.data(), options); |
| + | |
| + | Foundation.Nest.Feather(this.$element, 'dropdown'); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('DropdownMenu', { |
| + | 'ENTER': 'open', |
| + | 'SPACE': 'open', |
| + | 'ARROW_RIGHT': 'next', |
| + | 'ARROW_UP': 'up', |
| + | 'ARROW_DOWN': 'down', |
| + | 'ARROW_LEFT': 'previous', |
| + | 'ESCAPE': 'close' |
| + | }); |
| + | |
| + | // /** |
| + | // * Fires when the plugin has been successfuly initialized. |
| + | // * @event DropdownMenu#init |
| + | // */ |
| + | // this.$element.trigger('init.zf.dropdown'); |
| + | } |
| + | |
| + | /** |
| + | * Default settings for plugin |
| + | */ |
| + | DropdownMenu.defaults = { |
| + | // toggleOn: 'both', |
| + | /** |
| + | * Allow a submenu to open/remain open on parent click event. Allows cursor to move away from menu. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | clickOpen: true, |
| + | /** |
| + | * Allow clicks on the body to close any open submenus. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | closeOnClick: false, |
| + | /** |
| + | * Disallows hover events from opening submenus |
| + | * @option |
| + | * @example false |
| + | */ |
| + | disableHover: false, |
| + | /** |
| + | * Allow a submenu to automatically close on a mouseleave event. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | autoclose: true, |
| + | /** |
| + | * Amount of time to delay opening a submenu on hover event. |
| + | * @option |
| + | * @example 150 |
| + | */ |
| + | hoverDelay: 150, |
| + | /** |
| + | * Amount of time to delay closing a submenu on a mouseleave event. |
| + | * @option |
| + | * @example 500 |
| + | */ |
| + | closingTime: 500, |
| + | // wrapOnKeys: true, |
| + | /** |
| + | * Position of the menu relative to what direction the submenus should open. Handled by JS. |
| + | * @option |
| + | * @example 'left' |
| + | */ |
| + | alignment: 'left', |
| + | /** |
| + | * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class. |
| + | * @option |
| + | * @example 'vertical' |
| + | */ |
| + | verticalClass: 'vertical', |
| + | /** |
| + | * Class applied to right-side oriented menus, Foundation default is `align-right`. Update this if using your own class. |
| + | * @option |
| + | * @example 'align-right' |
| + | */ |
| + | rightClass: 'align-right' |
| + | }; |
| + | /** |
| + | * Initializes the plugin, and calls _prepareMenu |
| + | * @private |
| + | * @function |
| + | */ |
| + | DropdownMenu.prototype._init = function(){ |
| + | if(this.$element.hasClass(this.options.verticalClass)){ |
| + | this.vertical = true; |
| + | } |
| + | // this.vertical = this.$element.hasClass(this.options.verticalClass); |
| + | this._prepareMenu(); |
| + | // this._addTopLevelKeyHandler(); |
| + | }; |
| + | /** |
| + | * Prepares the menu by checking alignment and orientation, setting attributes for elements, and creating jQuery collections of elements. |
| + | * @private |
| + | * @function |
| + | */ |
| + | DropdownMenu.prototype._prepareMenu = function(){ |
| + | var _this = this; |
| + | this.$tabs = this.$element.children('li.has-submenu'); |
| + | this.$tabs.children('[data-submenu]').addClass('first-sub'); |
| + | this.$submenus = this.$element.find('li.has-submenu'); |
| + | this.$menuItems = this.$element.find('li').attr({'role': 'menuitem', 'tabindex': 0}); |
| + | this.$menuItems.children('a').attr('tabindex', -1); |
| + | if(this.$element.hasClass(this.options.rightClass)){ |
| + | this.options.alignment = 'right'; |
| + | this.$submenus.addClass('is-left-arrow opens-left'); |
| + | }else{ |
| + | this.$submenus.addClass('is-right-arrow opens-right'); |
| + | } |
| + | if(!this.vertical){ |
| + | this.$tabs.removeClass('is-right-arrow is-left-arrow opens-left opens-right').addClass('is-down-arrow'); |
| + | } |
| + | |
| + | this.$tabs.each(function(){ |
| + | var $tab = $(this); |
| + | $tab.attr({ |
| + | 'role': 'menuitem', |
| + | 'tabindex': 0, |
| + | 'aria-label': $tab.children('a:first-child').text()/*.match(/\w/ig).join('')*/ |
| + | }).children('a').attr('tabindex', -1);//maybe add a more specific regex to match alphanumeric characters and join them appropriately |
| + | if($tab.children('[data-submenu]')){ |
| + | $tab.attr('aria-haspopup', true); |
| + | } |
| + | }); |
| + | |
| + | |
| + | this.$submenus.each(function(){ |
| + | var $sub = $(this); |
| + | |
| + | // if(_this.options.alignment === 'right'){ |
| + | // $sub.children('[data-submenu]').addClass('is-right-arrow'); |
| + | // } |
| + | |
| + | $sub.children('[data-submenu]') |
| + | .attr({ |
| + | 'aria-hidden': true, |
| + | 'tabindex': -1, |
| + | 'role': 'menu' |
| + | }).addClass('vertical'); |
| + | _this._events($sub); |
| + | }); |
| + | }; |
| + | |
| + | /** |
| + | * Adds event listeners to elements within the menu |
| + | * @param {jQuery} $elem - the element to attach listeners too. |
| + | * @private |
| + | * @function |
| + | */ |
| + | DropdownMenu.prototype._events = function($elem){ |
| + | var _this = this, |
| + | isTouch = window.ontouchstart !== undefined; |
| + | |
| + | if(this.options.clickOpen || isTouch){ |
| + | $elem.off('click.zf.dropdownmenu') |
| + | .on('click.zf.dropdownmenu', function(e){ |
| + | if(!$(this).hasClass('is-dropdown-submenu-parent')){ return; } |
| + | var hasClicked = $elem.data('isClick'); |
| + | if(isTouch && hasClicked) return; |
| + | e.preventDefault(); |
| + | e.stopPropagation(); |
| + | |
| + | if(hasClicked){ |
| + | _this._hide($elem); |
| + | }else{ |
| + | _this._hideOthers($elem); |
| + | _this._show($elem); |
| + | $elem.data('isClick', true) |
| + | .parentsUntil('[data-dropdown-menu]', '.is-dropdown-submenu-parent') |
| + | .data('isClick', true); |
| + | if(_this.options.closeOnClick){ |
| + | _this._addBodyHandler(); |
| + | } |
| + | } |
| + | }); |
| + | } |
| + | |
| + | if(!this.options.disableHover){ |
| + | //add ability for all menu items to close an open menu on the same level// |
| + | this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e){ |
| + | var $el = $(this); |
| + | if(!$el.hasClass('is-active')){ |
| + | _this._hideOthers($el); |
| + | } |
| + | }); |
| + | //elements with submenus |
| + | $elem.off('mouseenter.zf.dropdownmenu') |
| + | .on('mouseenter.zf.dropdownmenu', function(e){ |
| + | clearTimeout($elem.closeTimer); |
| + | if(!$elem.hasClass('is-active')){ |
| + | $elem.openTimer = setTimeout(function(){ |
| + | // _this._hideOthers($elem); |
| + | _this._show($elem); |
| + | }, _this.options.hoverDelay); |
| + | } |
| + | }).on('mouseleave.zf.dropdownmenu', function(e){ |
| + | if(!$elem.data('isClick') && _this.options.autoclose){ |
| + | clearTimeout($elem.openTimer); |
| + | $elem.closeTimer = setTimeout(function(){ |
| + | _this._hide($elem); |
| + | }, _this.options.closingTime); |
| + | } |
| + | }); |
| + | } |
| + | |
| + | this.$menuItems.on('keydown.zf.dropdownmenu', function(e){ |
| + | var $element = $(this), |
| + | $tabs = _this.$element.children('li'), |
| + | isTab = $element.is($tabs), |
| + | $elements = isTab ? $tabs : $element.parents('li').first().add($element.parent('ul').children('li')), |
| + | $prevElement, |
| + | $nextElement; |
| + | |
| + | $elements.each(function(i) { |
| + | if ($(this).is($element)) { |
| + | $prevElement = $elements.eq(i-1); |
| + | $nextElement = $elements.eq(i+1); |
| + | return; |
| + | } |
| + | }); |
| + | var nextSibling = function() { |
| + | if (!$element.is(':last-child')) $nextElement.focus(); |
| + | }, prevSibling = function() { |
| + | $prevElement.focus(); |
| + | }, openSub = function() { |
| + | if ($element.has('ul').length) { |
| + | _this._show($element); |
| + | $element.find('li').first().focus(); |
| + | } |
| + | }, closeSub = function() { |
| + | //if ($element.is(':first-child')) { |
| + | $element.parents('li').first().focus(); |
| + | _this._hide($element.parents('li').first()); |
| + | //} |
| + | }; |
| + | var functions = { |
| + | open: openSub, |
| + | close: function() { |
| + | _this._hideAll(); |
| + | _this.$menuItems.first().focus(); // focus to first element |
| + | }, |
| + | handled: function() { |
| + | e.preventDefault(); |
| + | e.stopImmediatePropagation(); |
| + | } |
| + | }; |
| + | |
| + | if (isTab) { |
| + | if (_this.vertical) { // vertical menu |
| + | if (_this.options.alignment === 'left') { // left aligned |
| + | $.extend(functions, { |
| + | down: nextSibling, |
| + | up: prevSibling, |
| + | next: openSub, |
| + | previous: closeSub, |
| + | }); |
| + | } else { // right aligned |
| + | $.extend(functions, { |
| + | down: nextSibling, |
| + | up: prevSibling, |
| + | next: closeSub, |
| + | previous: openSub, |
| + | }); |
| + | } |
| + | } else { // horizontal menu |
| + | $.extend(functions, { |
| + | next: nextSibling, |
| + | previous: prevSibling, |
| + | down: openSub, |
| + | up: closeSub, |
| + | }); |
| + | } |
| + | } else { // not tabs -> one sub |
| + | if (_this.options.alignment === 'left') { // left aligned |
| + | $.extend(functions, { |
| + | next: openSub, |
| + | previous: closeSub, |
| + | down: nextSibling, |
| + | up: prevSibling |
| + | }); |
| + | } else { // right aligned |
| + | $.extend(functions, { |
| + | next: closeSub, |
| + | previous: openSub, |
| + | down: nextSibling, |
| + | up: prevSibling |
| + | }); |
| + | } |
| + | } |
| + | Foundation.Keyboard.handleKey(e, _this, functions); |
| + | }); |
| + | // end keyboardAccess |
| + | }; |
| + | /** |
| + | * Toggles the current dropdown pane. |
| + | * @param {jQuery} $elem - the current element with a submenu to toggle. |
| + | * @function |
| + | * @private |
| + | */ |
| + | DropdownMenu.prototype._toggle = function($elem){ |
| + | if($elem.hasClass('is-active')){ |
| + | this._hide($elem); |
| + | }else{ |
| + | this._show($elem); |
| + | } |
| + | }; |
| + | /** |
| + | * Adds an event handler to the body to close any dropdowns on a click. |
| + | * @function |
| + | * @private |
| + | */ |
| + | DropdownMenu.prototype._addBodyHandler = function(){ |
| + | var $body = $('body'), |
| + | _this = this; |
| + | $body.not(_this.$element).on('click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu', function(e){ |
| + | _this._hideAll(); |
| + | $body.off('click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu'); |
| + | }); |
| + | }; |
| + | //show & hide stuff @private |
| + | /** |
| + | * Opens a dropdown pane, and checks for collisions first. |
| + | * @param {jQuery} $elem - current element with a submenu to show |
| + | * @function |
| + | * @private |
| + | * @fires DropdownMenu#show |
| + | */ |
| + | DropdownMenu.prototype._show = function($elem){ |
| + | this._hideOthers($elem); |
| + | $elem.focus(); |
| + | // console.log('showing some stuff', $elem.find('li:first-child')); |
| + | var $sub = $elem.children('[data-submenu]:first-of-type'); |
| + | $elem.addClass('is-active'); |
| + | $sub.css('visibility', 'hidden').addClass('js-dropdown-active') |
| + | .attr('aria-hidden', false); |
| + | |
| + | |
| + | //break this into own function |
| + | var clear = Foundation.Box.ImNotTouchingYou($sub, null, true); |
| + | if(!clear){ |
| + | if(this.options.alignment === 'left'){ |
| + | $elem.removeClass('opens-left').addClass('opens-right'); |
| + | }else{ |
| + | $elem.removeClass('opens-right').addClass('opens-left'); |
| + | } |
| + | this.changed = true; |
| + | |
| + | // still not clear, small screen, add inner class |
| + | clear = Foundation.Box.ImNotTouchingYou($sub, null, true); |
| + | if (!clear) { |
| + | $elem.removeClass('opens-left opens-right').addClass('opens-inner'); |
| + | this.changed = true; |
| + | } |
| + | } |
| + | $sub.css('visibility', ''); |
| + | /** |
| + | * Fires when the new dropdown pane is visible. |
| + | * @event DropdownMenu#show |
| + | */ |
| + | this.$element.trigger('show.zf.dropdownmenu', [$elem]); |
| + | }; |
| + | /** |
| + | * Hides a single, currently open dropdown pane. |
| + | * @function |
| + | * @param {jQuery} $elem - element with a submenu to hide |
| + | * @private |
| + | */ |
| + | DropdownMenu.prototype._hide = function($elem){ |
| + | this._hideSome($elem); |
| + | }; |
| + | /** |
| + | * Hides currently open dropdown panes from a jQuery collection passed by other functions. |
| + | * Resets the position classes if the element was mutated due to a collision. |
| + | * @function |
| + | * @param {jQuery} $elems - element(s) with a submenu to hide |
| + | * @private |
| + | * @fires DropdownMenu#hide |
| + | */ |
| + | DropdownMenu.prototype._hideSome = function($elems){ |
| + | if($elems.length){ |
| + | // if($elems.hasClass('first-sub')){ |
| + | // console.log('true'); |
| + | // $elems.blur(); |
| + | // } |
| + | $elems.removeClass('is-active opens-inner').data('isClick', false) |
| + | |
| + | .find('.is-active').removeClass('is-active').data('isClick', false).end() |
| + | |
| + | .find('.js-dropdown-active').removeClass('js-dropdown-active') |
| + | .attr('aria-hidden', true); |
| + | $elems.parent('.has-submenu').removeClass('is-active'); |
| + | if(this.changed){ |
| + | //remove position class |
| + | if(this.options.alignment === 'left'){ |
| + | $elems.find('.opens-left').removeClass('opens-left').addClass('opens-right'); |
| + | }else{ |
| + | $elems.find('.opens-right').removeClass('opens-right').addClass('opens-left'); |
| + | } |
| + | } |
| + | /** |
| + | * Fires when the open menus are closed. |
| + | * @event DropdownMenu#hide |
| + | */ |
| + | this.$element.trigger('hide.zf.dropdownmenu'); |
| + | } |
| + | }; |
| + | /** |
| + | * Hides a submenu's siblings. |
| + | * @param {jQuery} $elem - the element that should remain open. |
| + | * @function |
| + | * @private |
| + | */ |
| + | DropdownMenu.prototype._hideOthers = function($elem){ |
| + | this._hideSome($elem.siblings('.has-submenu.is-active')); |
| + | }; |
| + | /** |
| + | * Hides everything. |
| + | * @function |
| + | */ |
| + | DropdownMenu.prototype._hideAll = function(){ |
| + | this._hideSome(this.$element); |
| + | }; |
| + | /** |
| + | * Destroys the plugin. |
| + | * @function |
| + | */ |
| + | DropdownMenu.prototype.destroy = function() { |
| + | this._hideAll(); |
| + | this.$element |
| + | .removeData('zf-plugin') |
| + | .find('li') |
| + | .removeClass('js-dropdown-nohover is-right-arrow is-left-arrow opens-left opens-inner opens-right') |
| + | .add('a').off('.zf.dropdownmenu') |
| + | .end().find('ul').removeClass('first-sub'); |
| + | Foundation.Nest.Burn(this.$element, 'dropdown'); |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(DropdownMenu, 'DropdownMenu'); |
| + | |
| + | var checkClass = function($elem){ |
| + | return $elem.hasClass('is-active'); |
| + | }; |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Equalizer. |
| + | * @class |
| + | * @fires Equalizer#init |
| + | * @param {Object} element - jQuery object to add the trigger to. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Equalizer(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, Equalizer.defaults, this.$element.data(), options); |
| + | this.$window = $(window); |
| + | this.name = 'equalizer'; |
| + | this.attr = 'data-equalizer'; |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | /** |
| + | * Default settings for plugin |
| + | */ |
| + | Equalizer.defaults = { |
| + | /** |
| + | * Enable height equalization when stacked on smaller screens. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | equalizeOnStack: true, |
| + | /** |
| + | * Amount of time, in ms, to debounce the size checking/equalization. Lower times mean smoother transitions/less performance on mobile. |
| + | * @option |
| + | * @example 50 |
| + | */ |
| + | throttleInterval: 50 |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the Equalizer plugin and calls functions to get equalizer functioning on load. |
| + | * @private |
| + | */ |
| + | Equalizer.prototype._init = function() { |
| + | this._reflow(); |
| + | }; |
| + | |
| + | /** |
| + | * Initializes events for Equalizer. |
| + | * @private |
| + | */ |
| + | Equalizer.prototype._events = function() { |
| + | var self = this; |
| + | |
| + | this.$window |
| + | .off('.equalizer') |
| + | .on('resize.fndtn.equalizer', Foundation.util.throttle(function () { |
| + | self._reflow(); |
| + | }, self.options.throttleInterval)); |
| + | }; |
| + | |
| + | /** |
| + | * A noop version for the plugin |
| + | * @private |
| + | */ |
| + | Equalizer.prototype._killswitch = function() { |
| + | return; |
| + | }; |
| + | /** |
| + | * Calls necessary functions to update Equalizer upon DOM change |
| + | * @private |
| + | */ |
| + | Equalizer.prototype._reflow = function() { |
| + | var self = this; |
| + | |
| + | $('[' + this.attr + ']').each(function() { |
| + | var $eqParent = $(this), |
| + | adjustedHeights = [], |
| + | $images = $eqParent.find('img'); |
| + | |
| + | if ($images.length) { |
| + | Foundation.onImagesLoaded($images, function() { |
| + | adjustedHeights = self.getHeights($eqParent); |
| + | self.applyHeight($eqParent, adjustedHeights); |
| + | }); |
| + | } |
| + | else { |
| + | adjustedHeights = self.getHeights($eqParent); |
| + | self.applyHeight($eqParent, adjustedHeights); |
| + | } |
| + | }); |
| + | }; |
| + | /** |
| + | * Finds the outer heights of children contained within an Equalizer parent and returns them in an array |
| + | * @param {Object} $eqParent A jQuery instance of an Equalizer container |
| + | * @returns {Array} heights An array of heights of children within Equalizer container |
| + | */ |
| + | Equalizer.prototype.getHeights = function($eqParent) { |
| + | var eqGroupName = $eqParent.data('equalizer'), |
| + | eqGroup = eqGroupName ? $eqParent.find('[' + this.attr + '-watch="' + eqGroupName + '"]:visible') : $eqParent.find('[' + this.attr + '-watch]:visible'), |
| + | heights; |
| + | |
| + | eqGroup.height('inherit'); |
| + | heights = eqGroup.map(function () { return $(this).outerHeight(false);}).get(); |
| + | console.log(heights); |
| + | return heights; |
| + | }; |
| + | /** |
| + | * Changes the CSS height property of each child in an Equalizer parent to match the tallest |
| + | * @param {Object} $eqParent - A jQuery instance of an Equalizer container |
| + | * @param {array} heights - An array of heights of children within Equalizer container |
| + | * @fires Equalizer#preEqualized |
| + | * @fires Equalizer#postEqualized |
| + | */ |
| + | Equalizer.prototype.applyHeight = function($eqParent, heights) { |
| + | var eqGroupName = $eqParent.data('equalizer'), |
| + | eqGroup = eqGroupName ? $eqParent.find('['+this.attr+'-watch="'+eqGroupName+'"]:visible') : $eqParent.find('['+this.attr+'-watch]:visible'), |
| + | max = Math.max.apply(null, heights); |
| + | |
| + | /** |
| + | * Fires before the heights are applied |
| + | * @event Equalizer#preEqualized |
| + | */ |
| + | $eqParent.trigger('preEqualized.zf.Equalizer'); |
| + | |
| + | // for now, apply the max height found in the array |
| + | for (var i = 0; i < eqGroup.length; i++) { |
| + | $(eqGroup[i]).css('height', max); |
| + | } |
| + | // console.log(max); |
| + | /** |
| + | * Fires when the heights have been applied |
| + | * @event Equalizer#postEqualized |
| + | */ |
| + | $eqParent.trigger('postEqualized.zf.Equalizer'); |
| + | }; |
| + | /** |
| + | * Destroys an instance of Equalizer. |
| + | * @function |
| + | */ |
| + | Equalizer.prototype.destroy = function(){ |
| + | //TODO this. |
| + | }; |
| + | |
| + | Foundation.plugin(Equalizer, 'Equalizer'); |
| + | |
| + | // Exports for AMD/Browserify |
| + | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| + | module.exports = Equalizer; |
| + | if (typeof define === 'function') |
| + | define(['foundation'], function() { |
| + | return Equalizer; |
| + | }); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * Interchange module. |
| + | * @module foundation.interchange |
| + | * @requires foundation.util.mediaQuery |
| + | * @requires foundation.util.timerAndImageLoader |
| + | */ |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Interchange. |
| + | * @class |
| + | * @fires Interchange#init |
| + | * @param {Object} element - jQuery object to add the trigger to. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Interchange(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, Interchange.defaults, options); |
| + | this.rules = []; |
| + | this.currentPath = ''; |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | /** |
| + | * Default settings for plugin |
| + | */ |
| + | Interchange.defaults = { |
| + | /** |
| + | * Rules to be applied to Interchange elements. Set with the `data-interchange` array notation. |
| + | * @option |
| + | */ |
| + | rules: null |
| + | }; |
| + | |
| + | Interchange.SPECIAL_QUERIES = { |
| + | 'landscape': 'screen and (orientation: landscape)', |
| + | 'portrait': 'screen and (orientation: portrait)', |
| + | 'retina': 'only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)' |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the Interchange plugin and calls functions to get interchange functioning on load. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Interchange.prototype._init = function() { |
| + | this._addBreakpoints(); |
| + | this._generateRules(); |
| + | this._reflow(); |
| + | }; |
| + | |
| + | /** |
| + | * Initializes events for Interchange. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Interchange.prototype._events = function() { |
| + | $(window).on('resize.fndtn.interchange', Foundation.util.throttle(this._reflow.bind(this), 50)); |
| + | }; |
| + | |
| + | /** |
| + | * Calls necessary functions to update Interchange upon DOM change |
| + | * @function |
| + | * @private |
| + | */ |
| + | Interchange.prototype._reflow = function() { |
| + | var match; |
| + | |
| + | // Iterate through each rule, but only save the last match |
| + | for (var i in this.rules) { |
| + | var rule = this.rules[i]; |
| + | |
| + | if (window.matchMedia(rule.query).matches) { |
| + | match = rule; |
| + | } |
| + | } |
| + | |
| + | if (match) { |
| + | this.replace(match.path); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Gets the Foundation breakpoints and adds them to the Interchange.SPECIAL_QUERIES object. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Interchange.prototype._addBreakpoints = function() { |
| + | for (var i in Foundation.MediaQuery.queries) { |
| + | var query = Foundation.MediaQuery.queries[i]; |
| + | Interchange.SPECIAL_QUERIES[query.name] = query.value; |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Checks the Interchange element for the provided media query + content pairings |
| + | * @function |
| + | * @private |
| + | * @param {Object} element - jQuery object that is an Interchange instance |
| + | * @returns {Array} scenarios - Array of objects that have 'mq' and 'path' keys with corresponding keys |
| + | */ |
| + | Interchange.prototype._generateRules = function() { |
| + | var rulesList = []; |
| + | var rules; |
| + | |
| + | if (this.options.rules) { |
| + | rules = this.options.rules; |
| + | } |
| + | else { |
| + | rules = this.$element.data('interchange').match(/\[.*?\]/g); |
| + | } |
| + | |
| + | for (var i in rules) { |
| + | var rule = rules[i].slice(1, -1).split(', '); |
| + | var path = rule.slice(0, -1).join(''); |
| + | var query = rule[rule.length - 1]; |
| + | |
| + | if (Interchange.SPECIAL_QUERIES[query]) { |
| + | query = Interchange.SPECIAL_QUERIES[query]; |
| + | } |
| + | |
| + | rulesList.push({ |
| + | path: path, |
| + | query: query |
| + | }); |
| + | } |
| + | |
| + | this.rules = rulesList; |
| + | }; |
| + | |
| + | /** |
| + | * Update the `src` property of an image, or change the HTML of a container, to the specified path. |
| + | * @function |
| + | * @param {String} path - Path to the image or HTML partial. |
| + | * @fires Interchange#replaced |
| + | */ |
| + | Interchange.prototype.replace = function(path) { |
| + | if (this.currentPath === path) return; |
| + | |
| + | var _this = this; |
| + | |
| + | // Replacing images |
| + | if (this.$element[0].nodeName === 'IMG') { |
| + | this.$element.attr('src', path).load(function() { |
| + | _this.$element.trigger('replaced.zf.interchange'); |
| + | _this.currentPath = path; |
| + | }); |
| + | } |
| + | // Replacing background images |
| + | else if (path.match(/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i)) { |
| + | this.$element.css({ 'background-image': 'url('+path+')' }); |
| + | } |
| + | // Replacing HTML |
| + | else { |
| + | $.get(path, function(response) { |
| + | _this.$element.html(response); |
| + | _this.$element.trigger('replaced.zf.interchange'); |
| + | _this.currentPath = path; |
| + | }); |
| + | } |
| + | }; |
| + | /** |
| + | * Destroys an instance of interchange. |
| + | * @function |
| + | */ |
| + | Interchange.prototype.destroy = function(){ |
| + | //TODO this. |
| + | }; |
| + | Foundation.plugin(Interchange, 'Interchange'); |
| + | |
| + | // Exports for AMD/Browserify |
| + | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| + | module.exports = Interchange; |
| + | if (typeof define === 'function') |
| + | define(['foundation'], function() { |
| + | return Interchange; |
| + | }); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * Magellan module. |
| + | * @module foundation.magellan |
| + | */ |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Magellan. |
| + | * @class |
| + | * @fires Magellan#init |
| + | * @param {Object} element - jQuery object to add the trigger to. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Magellan(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, Magellan.defaults, options); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | /** |
| + | * Default settings for plugin |
| + | */ |
| + | Magellan.defaults = { |
| + | /** |
| + | * Amount of time, in ms, the animated scrolling should take between locations. |
| + | * @option |
| + | * @example 500 |
| + | */ |
| + | animationDuration: 500, |
| + | /** |
| + | * Animation style to use when scrolling between locations. |
| + | * @option |
| + | * @example 'ease-in-out' |
| + | */ |
| + | animationEasing: 'linear', |
| + | /** |
| + | * Number of pixels to use as a marker for location changes. |
| + | * @option |
| + | * @example 50 |
| + | */ |
| + | threshold: 50, |
| + | /** |
| + | * Class applied to the active locations link on the magellan container. |
| + | * @option |
| + | * @example 'active' |
| + | */ |
| + | activeClass: 'active', |
| + | /** |
| + | * Allows the script to manipulate the url of the current page, and if supported, alter the history. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | deepLinking: false |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the Magellan plugin and calls functions to get equalizer functioning on load. |
| + | * @private |
| + | */ |
| + | Magellan.prototype._init = function() { |
| + | var id = this.$element[0].id || Foundation.GetYoDigits(6, 'magellan'), |
| + | _this = this; |
| + | this.$targets = $('[data-magellan-target]'); |
| + | this.$links = this.$element.find('a'); |
| + | this.$element.attr({ |
| + | 'data-resize': id, |
| + | 'data-scroll': id, |
| + | 'id': id |
| + | }); |
| + | this.$active = $(); |
| + | this.scrollPos = parseInt(window.pageYOffset, 10); |
| + | |
| + | this._events(); |
| + | }; |
| + | /** |
| + | * Calculates an array of pixel values that are the demarcation lines between locations on the page. |
| + | * Can be invoked if new elements are added or the size of a location changes. |
| + | * @function |
| + | */ |
| + | Magellan.prototype.calcPoints = function(){ |
| + | var _this = this, |
| + | body = document.body, |
| + | html = document.documentElement; |
| + | |
| + | this.points = []; |
| + | this.winHeight = Math.round(Math.max(window.innerHeight, document.body.clientHeight)); |
| + | this.docHeight = Math.round(Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight)); |
| + | |
| + | this.$targets.each(function(){ |
| + | var $tar = $(this), |
| + | pt = Math.round($tar.offset().top - _this.options.threshold); |
| + | $tar.targetPoint = pt; |
| + | _this.points.push(pt); |
| + | }); |
| + | }; |
| + | /** |
| + | * Initializes events for Magellan. |
| + | * @private |
| + | */ |
| + | Magellan.prototype._events = function() { |
| + | var _this = this, |
| + | $body = $('html, body'), |
| + | opts = { |
| + | duration: _this.options.animationDuration, |
| + | easing: _this.options.animationEasing |
| + | }; |
| + | |
| + | $(window).one('load', function(){ |
| + | _this.calcPoints(); |
| + | _this._updateActive(); |
| + | }); |
| + | |
| + | this.$element.on({ |
| + | 'resizeme.zf.trigger': this.reflow.bind(this), |
| + | 'scrollme.zf.trigger': this._updateActive.bind(this) |
| + | }).on('click.zf.magellan', 'a[href^="#"]', function(e) { |
| + | e.preventDefault(); |
| + | var arrival = this.getAttribute('href'), |
| + | scrollPos = $(arrival).offset().top - _this.options.threshold / 2; |
| + | |
| + | // requestAnimationFrame is disabled for this plugin currently |
| + | // Foundation.Move(_this.options.animationDuration, $body, function(){ |
| + | $body.stop(true).animate({ |
| + | scrollTop: scrollPos |
| + | }, opts); |
| + | }); |
| + | // }); |
| + | }; |
| + | /** |
| + | * Calls necessary functions to update Magellan upon DOM change |
| + | * @function |
| + | */ |
| + | Magellan.prototype.reflow = function(){ |
| + | this.calcPoints(); |
| + | this._updateActive(); |
| + | }; |
| + | /** |
| + | * Updates the visibility of an active location link, and updates the url hash for the page, if deepLinking enabled. |
| + | * @private |
| + | * @function |
| + | * @fires Magellan#update |
| + | */ |
| + | Magellan.prototype._updateActive = function(/*evt, elem, scrollPos*/){ |
| + | var winPos = /*scrollPos ||*/ parseInt(window.pageYOffset, 10), |
| + | curIdx; |
| + | |
| + | if(winPos + this.winHeight === this.docHeight){ curIdx = this.points.length - 1; } |
| + | else if(winPos < this.points[0]){ curIdx = 0; } |
| + | else{ |
| + | var isDown = this.scrollPos < winPos, |
| + | _this = this, |
| + | curVisible = this.points.filter(function(p, i){ |
| + | return isDown ? p <= winPos : p - _this.options.threshold <= winPos;//&& winPos >= _this.points[i -1] - _this.options.threshold; |
| + | }); |
| + | curIdx = curVisible.length ? curVisible.length - 1 : 0; |
| + | } |
| + | |
| + | this.$active.removeClass(this.options.activeClass); |
| + | this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass); |
| + | |
| + | if(this.options.deepLinking){ |
| + | var hash = this.$active[0].getAttribute('href'); |
| + | if(window.history.pushState){ |
| + | window.history.pushState(null, null, hash); |
| + | }else{ |
| + | window.location.hash = hash; |
| + | } |
| + | } |
| + | |
| + | this.scrollPos = winPos; |
| + | /** |
| + | * Fires when magellan is finished updating to the new active element. |
| + | * @event Magellan#update |
| + | */ |
| + | this.$element.trigger('update.zf.magellan', [this.$active]); |
| + | }; |
| + | /** |
| + | * Destroys an instance of Magellan and resets the url of the window. |
| + | * @function |
| + | */ |
| + | Magellan.prototype.destroy = function(){ |
| + | this.$element.off('.zf.trigger .zf.magellan') |
| + | .find('.' + this.options.activeClass).removeClass(this.options.activeClass); |
| + | |
| + | var hash = this.$active[0].getAttribute('href'); |
| + | |
| + | window.location.hash.replace(hash, ''); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | Foundation.plugin(Magellan, 'Magellan'); |
| + | |
| + | // Exports for AMD/Browserify |
| + | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| + | module.exports = Magellan; |
| + | if (typeof define === 'function') |
| + | define(['foundation'], function() { |
| + | return Magellan; |
| + | }); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * OffCanvas module. |
| + | * @module foundation.offcanvas |
| + | * @requires foundation.util.triggers |
| + | * @requires foundation.util.motion |
| + | */ |
| + | !function($, Foundation) { |
| + | |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of an off-canvas wrapper. |
| + | * @class |
| + | * @fires OffCanvas#init |
| + | * @param {Object} element - jQuery object to initialize. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function OffCanvas(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, OffCanvas.defaults, this.$element.data(), options); |
| + | this.$lastTrigger = $(); |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | OffCanvas.defaults = { |
| + | /** |
| + | * Allow the user to click outside of the menu to close it. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | closeOnClick: true, |
| + | /** |
| + | * Amount of time in ms the open and close transition requires. If none selected, pulls from body style. |
| + | * @option |
| + | * @example 500 |
| + | */ |
| + | transitionTime: 0, |
| + | /** |
| + | * Direction the offcanvas opens from. Determines class applied to body. |
| + | * @option |
| + | * @example left |
| + | */ |
| + | position: 'left', |
| + | /** |
| + | * Force the page to scroll to top on open. |
| + | */ |
| + | forceTop: true, |
| + | /** |
| + | * Allow the offcanvas to be sticky while open. Does nothing if Sass option `$maincontent-prevent-scroll === true`. |
| + | * Performance in Safari OSX/iOS is not great. |
| + | */ |
| + | // isSticky: false, |
| + | /** |
| + | * Allow the offcanvas to remain open for certain breakpoints. Can be used with `isSticky`. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | isRevealed: false, |
| + | /** |
| + | * Breakpoint at which to reveal. JS will use a RegExp to target standard classes, if changing classnames, pass your class @`revealClass`. |
| + | * @option |
| + | * @example reveal-for-large |
| + | */ |
| + | revealOn: null, |
| + | /** |
| + | * Force focus to the offcanvas on open. If true, will focus the opening trigger on close. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | autoFocus: true, |
| + | /** |
| + | * Class used to force an offcanvas to remain open. Foundation defaults for this are `reveal-for-large` & `reveal-for-medium`. |
| + | * @option |
| + | * TODO improve the regex testing for this. |
| + | * @example reveal-for-large |
| + | */ |
| + | revealClass: 'reveal-for-' |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the off-canvas wrapper by adding the exit overlay (if needed). |
| + | * @function |
| + | * @private |
| + | */ |
| + | OffCanvas.prototype._init = function() { |
| + | var id = this.$element.attr('id'); |
| + | |
| + | this.$element.attr('aria-hidden', 'true'); |
| + | |
| + | // Find triggers that affect this element and add aria-expanded to them |
| + | $(document) |
| + | .find('[data-open="'+id+'"], [data-close="'+id+'"], [data-toggle="'+id+'"]') |
| + | .attr('aria-expanded', 'false') |
| + | .attr('aria-controls', id); |
| + | |
| + | // Add a close trigger over the body if necessary |
| + | if (this.options.closeOnClick){ |
| + | if($('.js-off-canvas-exit').length){ |
| + | this.$exiter = $('.js-off-canvas-exit'); |
| + | }else{ |
| + | var exiter = document.createElement('div'); |
| + | exiter.setAttribute('class', 'js-off-canvas-exit'); |
| + | $('[data-off-canvas-content]').append(exiter); |
| + | |
| + | this.$exiter = $(exiter); |
| + | } |
| + | } |
| + | |
| + | this.options.isRevealed = this.options.isRevealed || new RegExp(this.options.revealClass, 'g').test(this.$element[0].className); |
| + | |
| + | if(this.options.isRevealed){ |
| + | this.options.revealOn = this.options.revealOn || this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split('-')[2]; |
| + | this._setMQChecker(); |
| + | } |
| + | if(!this.options.transitionTime){ |
| + | this.options.transitionTime = parseFloat(window.getComputedStyle($('[data-off-canvas-wrapper]')[0]).transitionDuration) * 1000; |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Adds event handlers to the off-canvas wrapper and the exit overlay. |
| + | * @function |
| + | * @private |
| + | */ |
| + | OffCanvas.prototype._events = function() { |
| + | this.$element.on({ |
| + | 'open.zf.trigger': this.open.bind(this), |
| + | 'close.zf.trigger': this.close.bind(this), |
| + | 'toggle.zf.trigger': this.toggle.bind(this), |
| + | 'keydown.zf.offcanvas': this._handleKeyboard.bind(this) |
| + | }); |
| + | |
| + | if (this.$exiter.length) { |
| + | var _this = this; |
| + | this.$exiter.on({'click.zf.offcanvas': this.close.bind(this)}); |
| + | } |
| + | }; |
| + | /** |
| + | * Applies event listener for elements that will reveal at certain breakpoints. |
| + | * @private |
| + | */ |
| + | OffCanvas.prototype._setMQChecker = function(){ |
| + | var _this = this; |
| + | |
| + | $(window).on('changed.zf.mediaquery', function(){ |
| + | if(Foundation.MediaQuery.atLeast(_this.options.revealOn)){ |
| + | _this.reveal(true); |
| + | }else{ |
| + | _this.reveal(false); |
| + | } |
| + | }).one('load.zf.offcanvas', function(){ |
| + | if(Foundation.MediaQuery.atLeast(_this.options.revealOn)){ |
| + | _this.reveal(true); |
| + | } |
| + | }); |
| + | }; |
| + | /** |
| + | * Handles the revealing/hiding the off-canvas at breakpoints, not the same as open. |
| + | * @param {Boolean} isRevealed - true if element should be revealed. |
| + | * @function |
| + | */ |
| + | OffCanvas.prototype.reveal = function(isRevealed){ |
| + | var $closer = this.$element.find('[data-close]'); |
| + | if(isRevealed){ |
| + | // if(!this.options.forceTop){ |
| + | // var scrollPos = parseInt(window.pageYOffset); |
| + | // this.$element[0].style.transform = 'translate(0,' + scrollPos + 'px)'; |
| + | // } |
| + | // if(this.options.isSticky){ this._stick(); } |
| + | if($closer.length){ $closer.hide(); } |
| + | }else{ |
| + | // if(this.options.isSticky || !this.options.forceTop){ |
| + | // this.$element[0].style.transform = ''; |
| + | // $(window).off('scroll.zf.offcanvas'); |
| + | // } |
| + | if($closer.length){ |
| + | $closer.show(); |
| + | } |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Opens the off-canvas menu. |
| + | * @function |
| + | * @param {Object} event - Event object passed from listener. |
| + | * @param {jQuery} trigger - element that triggered the off-canvas to open. |
| + | * @fires OffCanvas#opened |
| + | */ |
| + | OffCanvas.prototype.open = function(event, trigger) { |
| + | if (this.$element.hasClass('is-open')){ return; } |
| + | var _this = this, |
| + | $body = $(document.body); |
| + | $('body').scrollTop(0); |
| + | // window.pageYOffset = 0; |
| + | |
| + | // if(!this.options.forceTop){ |
| + | // var scrollPos = parseInt(window.pageYOffset); |
| + | // this.$element[0].style.transform = 'translate(0,' + scrollPos + 'px)'; |
| + | // if(this.$exiter.length){ |
| + | // this.$exiter[0].style.transform = 'translate(0,' + scrollPos + 'px)'; |
| + | // } |
| + | // } |
| + | /** |
| + | * Fires when the off-canvas menu opens. |
| + | * @event OffCanvas#opened |
| + | */ |
| + | Foundation.Move(this.options.transitionTime, this.$element, function(){ |
| + | $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-'+ _this.options.position); |
| + | |
| + | _this.$element |
| + | .addClass('is-open') |
| + | .attr('aria-hidden', 'false') |
| + | .trigger('opened.zf.offcanvas'); |
| + | |
| + | // if(_this.options.isSticky){ |
| + | // _this._stick(); |
| + | // } |
| + | }); |
| + | if(trigger){ |
| + | this.$lastTrigger = trigger.attr('aria-expanded', 'true'); |
| + | } |
| + | if(this.options.autoFocus){ |
| + | this.$element.one('finished.zf.animate', function(){ |
| + | _this.$element.find('a, button').eq(0).focus(); |
| + | }); |
| + | } |
| + | }; |
| + | /** |
| + | * Allows the offcanvas to appear sticky utilizing translate properties. |
| + | * @private |
| + | */ |
| + | // OffCanvas.prototype._stick = function(){ |
| + | // var elStyle = this.$element[0].style; |
| + | // |
| + | // if(this.options.closeOnClick){ |
| + | // var exitStyle = this.$exiter[0].style; |
| + | // } |
| + | // |
| + | // $(window).on('scroll.zf.offcanvas', function(e){ |
| + | // console.log(e); |
| + | // var pageY = window.pageYOffset; |
| + | // elStyle.transform = 'translate(0,' + pageY + 'px)'; |
| + | // if(exitStyle !== undefined){ exitStyle.transform = 'translate(0,' + pageY + 'px)'; } |
| + | // }); |
| + | // // this.$element.trigger('stuck.zf.offcanvas'); |
| + | // }; |
| + | /** |
| + | * Closes the off-canvas menu. |
| + | * @function |
| + | * @fires OffCanvas#closed |
| + | */ |
| + | OffCanvas.prototype.close = function() { |
| + | if(!this.$element.hasClass('is-open')){ return; } |
| + | |
| + | var _this = this; |
| + | |
| + | Foundation.Move(this.options.transitionTime, this.$element, function(){ |
| + | $('[data-off-canvas-wrapper]').removeClass('is-off-canvas-open is-open-'+_this.options.position); |
| + | |
| + | _this.$element.removeClass('is-open'); |
| + | // Foundation._reflow(); |
| + | }); |
| + | this.$element.attr('aria-hidden', 'true') |
| + | /** |
| + | * Fires when the off-canvas menu opens. |
| + | * @event OffCanvas#closed |
| + | */ |
| + | .trigger('closed.zf.offcanvas'); |
| + | // if(_this.options.isSticky || !_this.options.forceTop){ |
| + | // setTimeout(function(){ |
| + | // _this.$element[0].style.transform = ''; |
| + | // $(window).off('scroll.zf.offcanvas'); |
| + | // }, this.options.transitionTime); |
| + | // } |
| + | |
| + | this.$lastTrigger.attr('aria-expanded', 'false'); |
| + | }; |
| + | |
| + | /** |
| + | * Toggles the off-canvas menu open or closed. |
| + | * @function |
| + | * @param {Object} event - Event object passed from listener. |
| + | * @param {jQuery} trigger - element that triggered the off-canvas to open. |
| + | */ |
| + | OffCanvas.prototype.toggle = function(event, trigger) { |
| + | if (this.$element.hasClass('is-open')) { |
| + | this.close(event, trigger); |
| + | } |
| + | else { |
| + | this.open(event, trigger); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Handles keyboard input when detected. When the escape key is pressed, the off-canvas menu closes, and focus is restored to the element that opened the menu. |
| + | * @function |
| + | * @private |
| + | */ |
| + | OffCanvas.prototype._handleKeyboard = function(event) { |
| + | if (event.which !== 27) return; |
| + | |
| + | event.stopPropagation(); |
| + | event.preventDefault(); |
| + | this.close(); |
| + | this.$lastTrigger.focus(); |
| + | }; |
| + | /** |
| + | * Destroys the offcanvas plugin. |
| + | * @function |
| + | */ |
| + | OffCanvas.prototype.destroy = function(){ |
| + | //TODO make this... |
| + | }; |
| + | |
| + | Foundation.plugin(OffCanvas, 'OffCanvas'); |
| + | |
| + | }(jQuery, Foundation); |
| + | |
| + | /** |
| + | * Orbit module. |
| + | * @module foundation.orbit |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.motion |
| + | * @requires foundation.util.timerAndImageLoader |
| + | * @requires foundation.util.touch |
| + | */ |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | /** |
| + | * Creates a new instance of an orbit carousel. |
| + | * @class |
| + | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Orbit(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Orbit.defaults, this.$element.data(), options); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Orbit', { |
| + | 'ltr': { |
| + | 'ARROW_RIGHT': 'next', |
| + | 'ARROW_LEFT': 'previous' |
| + | }, |
| + | 'rtl': { |
| + | 'ARROW_LEFT': 'next', |
| + | 'ARROW_RIGHT': 'previous' |
| + | } |
| + | }); |
| + | } |
| + | Orbit.defaults = { |
| + | /** |
| + | * Tells the JS to loadBullets. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | bullets: true, |
| + | /** |
| + | * Tells the JS to apply event listeners to nav buttons |
| + | * @option |
| + | * @example true |
| + | */ |
| + | navButtons: true, |
| + | /** |
| + | * motion-ui animation class to apply |
| + | * @option |
| + | * @example 'slide-in-right' |
| + | */ |
| + | animInFromRight: 'slide-in-right', |
| + | /** |
| + | * motion-ui animation class to apply |
| + | * @option |
| + | * @example 'slide-out-right' |
| + | */ |
| + | animOutToRight: 'slide-out-right', |
| + | /** |
| + | * motion-ui animation class to apply |
| + | * @option |
| + | * @example 'slide-in-left' |
| + | * |
| + | */ |
| + | animInFromLeft: 'slide-in-left', |
| + | /** |
| + | * motion-ui animation class to apply |
| + | * @option |
| + | * @example 'slide-out-left' |
| + | */ |
| + | animOutToLeft: 'slide-out-left', |
| + | /** |
| + | * Allows Orbit to automatically animate on page load. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | autoPlay: true, |
| + | /** |
| + | * Amount of time, in ms, between slide transitions |
| + | * @option |
| + | * @example 5000 |
| + | */ |
| + | timerDelay: 5000, |
| + | /** |
| + | * Allows Orbit to infinitely loop through the slides |
| + | * @option |
| + | * @example true |
| + | */ |
| + | infiniteWrap: true, |
| + | /** |
| + | * Allows the Orbit slides to bind to swipe events for mobile, requires an additional util library |
| + | * @option |
| + | * @example true |
| + | */ |
| + | swipe: true, |
| + | /** |
| + | * Allows the timing function to pause animation on hover. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | pauseOnHover: true, |
| + | /** |
| + | * Allows Orbit to bind keyboard events to the slider, to animate frames with arrow keys |
| + | * @option |
| + | * @example true |
| + | */ |
| + | accessible: true, |
| + | /** |
| + | * Class applied to the container of Orbit |
| + | * @option |
| + | * @example 'orbit-container' |
| + | */ |
| + | containerClass: 'orbit-container', |
| + | /** |
| + | * Class applied to individual slides. |
| + | * @option |
| + | * @example 'orbit-slide' |
| + | */ |
| + | slideClass: 'orbit-slide', |
| + | /** |
| + | * Class applied to the bullet container. You're welcome. |
| + | * @option |
| + | * @example 'orbit-bullets' |
| + | */ |
| + | boxOfBullets: 'orbit-bullets', |
| + | /** |
| + | * Class applied to the `next` navigation button. |
| + | * @option |
| + | * @example 'orbit-next' |
| + | */ |
| + | nextClass: 'orbit-next', |
| + | /** |
| + | * Class applied to the `previous` navigation button. |
| + | * @option |
| + | * @example 'orbit-previous' |
| + | */ |
| + | prevClass: 'orbit-previous' |
| + | }; |
| + | /** |
| + | * Initializes the plugin by creating jQuery collections, setting attributes, and starting the animation. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Orbit.prototype._init = function(){ |
| + | this.$wrapper = this.$element.find('.' + this.options.containerClass); |
| + | this.$slides = this.$element.find('.' + this.options.slideClass); |
| + | var $images = this.$element.find('img'), |
| + | initActive = this.$slides.filter('.is-active'); |
| + | |
| + | if(!initActive.length){ |
| + | this.$slides.eq(0).addClass('is-active'); |
| + | } |
| + | |
| + | if($images.length){ |
| + | Foundation.onImagesLoaded($images, this._prepareForOrbit.bind(this)); |
| + | }else{ |
| + | this._prepareForOrbit();//hehe |
| + | } |
| + | |
| + | if(this.options.bullets){ |
| + | this._loadBullets(); |
| + | } |
| + | |
| + | this._events(); |
| + | |
| + | if(this.options.autoPlay){ |
| + | this.geoSync(); |
| + | } |
| + | if(this.options.accessible){ // allow wrapper to be focusable to enable arrow navigation |
| + | this.$wrapper.attr('tabindex', 0); |
| + | } |
| + | }; |
| + | /** |
| + | * Creates a jQuery collection of bullets, if they are being used. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Orbit.prototype._loadBullets = function(){ |
| + | this.$bullets = this.$element.find('.' + this.options.boxOfBullets).find('button'); |
| + | }; |
| + | /** |
| + | * Sets a `timer` object on the orbit, and starts the counter for the next slide. |
| + | * @function |
| + | */ |
| + | Orbit.prototype.geoSync = function(){ |
| + | var _this = this; |
| + | this.timer = new Foundation.Timer( |
| + | this.$element, |
| + | {duration: this.options.timerDelay, |
| + | infinite: false}, |
| + | function(){ |
| + | _this.changeSlide(true); |
| + | }); |
| + | this.timer.start(); |
| + | }; |
| + | /** |
| + | * Sets wrapper and slide heights for the orbit. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Orbit.prototype._prepareForOrbit = function(){ |
| + | var _this = this; |
| + | this._setWrapperHeight(function(max){ |
| + | _this._setSlideHeight(max); |
| + | }); |
| + | }; |
| + | /** |
| + | * Calulates the height of each slide in the collection, and uses the tallest one for the wrapper height. |
| + | * @function |
| + | * @private |
| + | * @param {Function} cb - a callback function to fire when complete. |
| + | */ |
| + | Orbit.prototype._setWrapperHeight = function(cb){//rewrite this to `for` loop |
| + | var max = 0, temp, counter = 0; |
| + | |
| + | this.$slides.each(function(){ |
| + | temp = this.getBoundingClientRect().height; |
| + | $(this).attr('data-slide', counter); |
| + | |
| + | if(counter){//if not the first slide, set css position and display property |
| + | $(this).css({'position': 'relative', 'display': 'none'}); |
| + | } |
| + | max = temp > max ? temp : max; |
| + | counter++; |
| + | }); |
| + | |
| + | if(counter === this.$slides.length){ |
| + | this.$wrapper.css({'height': max});//only change the wrapper height property once. |
| + | cb(max);//fire callback with max height dimension. |
| + | } |
| + | }; |
| + | /** |
| + | * Sets the max-height of each slide. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Orbit.prototype._setSlideHeight = function(height){ |
| + | this.$slides.each(function(){ |
| + | $(this).css('max-height', height); |
| + | }); |
| + | }; |
| + | /** |
| + | * Adds event listeners to basically everything within the element. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Orbit.prototype._events = function(){ |
| + | var _this = this; |
| + | |
| + | //*************************************** |
| + | //**Now using custom event - thanks to:** |
| + | //** Yohai Ararat of Toronto ** |
| + | //*************************************** |
| + | if(this.options.swipe){ |
| + | this.$slides.off('swipeleft.zf.orbit swiperight.zf.orbit') |
| + | .on('swipeleft.zf.orbit', function(e){ |
| + | e.preventDefault(); |
| + | _this.changeSlide(true); |
| + | }).on('swiperight.zf.orbit', function(e){ |
| + | e.preventDefault(); |
| + | _this.changeSlide(false); |
| + | }); |
| + | } |
| + | //*************************************** |
| + | |
| + | if(this.options.autoPlay){ |
| + | this.$slides.on('click.zf.orbit', function(){ |
| + | _this.$element.data('clickedOn', _this.$element.data('clickedOn') ? false : true); |
| + | _this.timer[_this.$element.data('clickedOn') ? 'pause' : 'start'](); |
| + | }); |
| + | if(this.options.pauseOnHover){ |
| + | this.$element.on('mouseenter.zf.orbit', function(){ |
| + | _this.timer.pause(); |
| + | }).on('mouseleave.zf.orbit', function(){ |
| + | if(!_this.$element.data('clickedOn')){ |
| + | _this.timer.start(); |
| + | } |
| + | }); |
| + | } |
| + | } |
| + | |
| + | if(this.options.navButtons){ |
| + | var $controls = this.$element.find('.' + this.options.nextClass + ', .' + this.options.prevClass); |
| + | $controls.attr('tabindex', 0) |
| + | //also need to handle enter/return and spacebar key presses |
| + | .on('click.zf.orbit touchend.zf.orbit', function(){ |
| + | _this.changeSlide($(this).hasClass(_this.options.nextClass)); |
| + | }); |
| + | } |
| + | |
| + | if(this.options.bullets){ |
| + | this.$bullets.on('click.zf.orbit touchend.zf.orbit', function(){ |
| + | if(/is-active/g.test(this.className)){ return false; }//if this is active, kick out of function. |
| + | var idx = $(this).data('slide'), |
| + | ltr = idx > _this.$slides.filter('.is-active').data('slide'), |
| + | $slide = _this.$slides.eq(idx); |
| + | |
| + | _this.changeSlide(ltr, $slide, idx); |
| + | }); |
| + | } |
| + | |
| + | this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function(e){ |
| + | // handle keyboard event with keyboard util |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | next: function() { |
| + | _this.changeSlide(true); |
| + | }, |
| + | previous: function() { |
| + | _this.changeSlide(false); |
| + | }, |
| + | handled: function() { // if bullet is focused, make sure focus moves |
| + | if ($(e.target).is(_this.$bullets)) { |
| + | _this.$bullets.filter('.is-active').focus(); |
| + | } |
| + | } |
| + | }); |
| + | }); |
| + | }; |
| + | /** |
| + | * Changes the current slide to a new one. |
| + | * @function |
| + | * @param {Boolean} isLTR - flag if the slide should move left to right. |
| + | * @param {jQuery} chosenSlide - the jQuery element of the slide to show next, if one is selected. |
| + | * @param {Number} idx - the index of the new slide in its collection, if one chosen. |
| + | * @fires Orbit#slidechange |
| + | */ |
| + | Orbit.prototype.changeSlide = function(isLTR, chosenSlide, idx){ |
| + | var $curSlide = this.$slides.filter('.is-active').eq(0); |
| + | |
| + | |
| + | if(/mui/g.test($curSlide[0].className)){ return false; }//if the slide is currently animating, kick out of the function |
| + | |
| + | var $firstSlide = this.$slides.first(), |
| + | $lastSlide = this.$slides.last(), |
| + | dirIn = isLTR ? 'Right' : 'Left', |
| + | dirOut = isLTR ? 'Left' : 'Right', |
| + | _this = this, |
| + | $newSlide; |
| + | |
| + | if(!chosenSlide){//most of the time, this will be auto played or clicked from the navButtons. |
| + | $newSlide = isLTR ? //if wrapping enabled, check to see if there is a `next` or `prev` sibling, if not, select the first or last slide to fill in. if wrapping not enabled, attempt to select `next` or `prev`, if there's nothing there, the function will kick out on next step. CRAZY NESTED TERNARIES!!!!! |
| + | (this.options.infiniteWrap ? $curSlide.next('.' + this.options.slideClass).length ? $curSlide.next('.' + this.options.slideClass) : $firstSlide : $curSlide.next('.' + this.options.slideClass))//pick next slide if moving left to right |
| + | : |
| + | (this.options.infiniteWrap ? $curSlide.prev('.' + this.options.slideClass).length ? $curSlide.prev('.' + this.options.slideClass) : $lastSlide : $curSlide.prev('.' + this.options.slideClass));//pick prev slide if moving right to left |
| + | }else{ |
| + | $newSlide = chosenSlide; |
| + | } |
| + | if($newSlide.length){ |
| + | if(this.options.bullets){ |
| + | idx = idx || this.$slides.index($newSlide);//grab index to update bullets |
| + | this._updateBullets(idx); |
| + | } |
| + | Foundation.Motion.animateIn( |
| + | $newSlide.addClass('is-active').css({'position': 'absolute', 'top': 0}), |
| + | this.options['animInFrom' + dirIn], |
| + | function(){ |
| + | $newSlide.css({'position': 'relative', 'display': 'block'}) |
| + | .attr('aria-live', 'polite'); |
| + | }); |
| + | |
| + | Foundation.Motion.animateOut( |
| + | $curSlide.removeClass('is-active'), |
| + | this.options['animOutTo' + dirOut], |
| + | function(){ |
| + | $curSlide.removeAttr('aria-live'); |
| + | if(_this.options.autoPlay){ |
| + | _this.timer.restart(); |
| + | } |
| + | //do stuff? |
| + | /** |
| + | * Triggers when the slide has finished animating in. |
| + | * @event Orbit#slidechange |
| + | */ |
| + | _this.$element.trigger('slidechange.zf.orbit', [$newSlide]); |
| + | }); |
| + | } |
| + | }; |
| + | /** |
| + | * Updates the active state of the bullets, if displayed. |
| + | * @function |
| + | * @private |
| + | * @param {Number} idx - the index of the current slide. |
| + | */ |
| + | Orbit.prototype._updateBullets = function(idx){ |
| + | var $oldBullet = this.$element.find('.' + this.options.boxOfBullets) |
| + | .find('.is-active').removeClass('is-active').blur(), |
| + | span = $oldBullet.find('span:last').detach(), |
| + | $newBullet = this.$bullets.eq(idx).addClass('is-active').append(span); |
| + | }; |
| + | /** |
| + | * Destroys the carousel and hides the element. |
| + | * @function |
| + | */ |
| + | Orbit.prototype.destroy = function(){ |
| + | delete this.timer; |
| + | this.$element.off('.zf.orbit').find('*').off('.zf.orbit').end().hide(); |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Orbit, 'Orbit'); |
| + | |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * ResponsiveMenu module. |
| + | * @module foundation.responsiveMenu |
| + | * @requires foundation.util.triggers |
| + | * @requires foundation.util.mediaQuery |
| + | * @requires foundation.util.accordionMenu |
| + | * @requires foundation.util.drilldown |
| + | * @requires foundation.util.dropdown-menu |
| + | */ |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | // The plugin matches the plugin classes with these plugin instances. |
| + | var MenuPlugins = { |
| + | dropdown: { |
| + | cssClass: 'dropdown', |
| + | plugin: Foundation._plugins['dropdown-menu'] || null |
| + | }, |
| + | drilldown: { |
| + | cssClass: 'drilldown', |
| + | plugin: Foundation._plugins['drilldown'] || null |
| + | }, |
| + | accordion: { |
| + | cssClass: 'accordion-menu', |
| + | plugin: Foundation._plugins['accordion-menu'] || null |
| + | } |
| + | }; |
| + | |
| + | // [PH] Media queries |
| + | var phMedia = { |
| + | small: '(min-width: 0px)', |
| + | medium: '(min-width: 640px)' |
| + | }; |
| + | |
| + | /** |
| + | * Creates a new instance of a responsive menu. |
| + | * @class |
| + | * @fires ResponsiveMenu#init |
| + | * @param {jQuery} element - jQuery object to make into a dropdown menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function ResponsiveMenu(element) { |
| + | this.$element = $(element); |
| + | this.rules = this.$element.data('responsive-menu'); |
| + | this.currentMq = null; |
| + | this.currentPlugin = null; |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | ResponsiveMenu.defaults = {}; |
| + | |
| + | /** |
| + | * Initializes the Menu by parsing the classes from the 'data-ResponsiveMenu' attribute on the element. |
| + | * @function |
| + | * @private |
| + | */ |
| + | ResponsiveMenu.prototype._init = function() { |
| + | var rulesTree = {}; |
| + | |
| + | // Parse rules from "classes" in data attribute |
| + | var rules = this.rules.split(' '); |
| + | |
| + | // Iterate through every rule found |
| + | for (var i = 0; i < rules.length; i++) { |
| + | var rule = rules[i].split('-'); |
| + | var ruleSize = rule.length > 1 ? rule[0] : 'small'; |
| + | var rulePlugin = rule.length > 1 ? rule[1] : rule[0]; |
| + | |
| + | if (MenuPlugins[rulePlugin] !== null) { |
| + | rulesTree[ruleSize] = MenuPlugins[rulePlugin]; |
| + | } |
| + | } |
| + | |
| + | this.rules = rulesTree; |
| + | |
| + | if (!$.isEmptyObject(rulesTree)) { |
| + | this._checkMediaQueries(); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Initializes events for the Menu. |
| + | * @function |
| + | * @private |
| + | */ |
| + | ResponsiveMenu.prototype._events = function() { |
| + | var _this = this; |
| + | |
| + | $(window).on('changed.zf.mediaquery', function() { |
| + | _this._checkMediaQueries(); |
| + | }); |
| + | // $(window).on('resize.zf.ResponsiveMenu', function() { |
| + | // _this._checkMediaQueries(); |
| + | // }); |
| + | }; |
| + | |
| + | /** |
| + | * Checks the current screen width against available media queries. If the media query has changed, and the plugin needed has changed, the plugins will swap out. |
| + | * @function |
| + | * @private |
| + | */ |
| + | ResponsiveMenu.prototype._checkMediaQueries = function() { |
| + | var matchedMq, _this = this; |
| + | // Iterate through each rule and find the last matching rule |
| + | $.each(this.rules, function(key) { |
| + | if (Foundation.MediaQuery.atLeast(key)) { |
| + | matchedMq = key; |
| + | } |
| + | }); |
| + | |
| + | // No match? No dice |
| + | if (!matchedMq) return; |
| + | |
| + | // Plugin already initialized? We good |
| + | if (this.currentPlugin instanceof this.rules[matchedMq].plugin) return; |
| + | |
| + | // Remove existing plugin-specific CSS classes |
| + | $.each(MenuPlugins, function(key, value) { |
| + | _this.$element.removeClass(value.cssClass); |
| + | }); |
| + | |
| + | // Add the CSS class for the new plugin |
| + | this.$element.addClass(this.rules[matchedMq].cssClass); |
| + | |
| + | // Create an instance of the new plugin |
| + | if (this.currentPlugin) this.currentPlugin.destroy(); |
| + | this.currentPlugin = new this.rules[matchedMq].plugin(this.$element, {}); |
| + | }; |
| + | |
| + | /** |
| + | * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out. |
| + | * @function |
| + | */ |
| + | ResponsiveMenu.prototype.destroy = function() { |
| + | this.currentPlugin.destroy(); |
| + | $(window).off('.zf.ResponsiveMenu'); |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | Foundation.plugin(ResponsiveMenu, 'ResponsiveMenu'); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * ResponsiveToggle module. |
| + | * @module foundation.responsiveToggle |
| + | * @requires foundation.util.mediaQuery |
| + | */ |
| + | !function($, Foundation) { |
| + | |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Tab Bar. |
| + | * @class |
| + | * @fires ResponsiveToggle#init |
| + | * @param {jQuery} element - jQuery object to attach tab bar functionality to. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function ResponsiveToggle(element, options) { |
| + | this.$element = $(element); |
| + | this.options = $.extend({}, ResponsiveToggle.defaults, this.$element.data(), options); |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | ResponsiveToggle.defaults = { |
| + | /** |
| + | * The breakpoint after which the menu is always shown, and the tab bar is hidden. |
| + | * @option |
| + | * @example 'medium' |
| + | */ |
| + | hideFor: 'medium' |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the tab bar by finding the target element, toggling element, and running update(). |
| + | * @function |
| + | * @private |
| + | */ |
| + | ResponsiveToggle.prototype._init = function() { |
| + | var targetID = this.$element.data('responsive-toggle'); |
| + | if (!targetID) { |
| + | console.error('Your tab bar needs an ID of a Menu as the value of data-tab-bar.'); |
| + | } |
| + | |
| + | this.$targetMenu = $('#'+targetID); |
| + | this.$toggler = this.$element.find('[data-toggle]'); |
| + | |
| + | this._update(); |
| + | }; |
| + | |
| + | /** |
| + | * Adds necessary event handlers for the tab bar to work. |
| + | * @function |
| + | * @private |
| + | */ |
| + | ResponsiveToggle.prototype._events = function() { |
| + | var _this = this; |
| + | |
| + | $(window).on('changed.zf.mediaquery', this._update.bind(this)); |
| + | |
| + | this.$toggler.on('click.zf.responsiveToggle', this.toggleMenu.bind(this)); |
| + | }; |
| + | |
| + | /** |
| + | * Checks the current media query to determine if the tab bar should be visible or hidden. |
| + | * @function |
| + | * @private |
| + | */ |
| + | ResponsiveToggle.prototype._update = function() { |
| + | // Mobile |
| + | if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) { |
| + | this.$element.show(); |
| + | this.$targetMenu.hide(); |
| + | } |
| + | |
| + | // Desktop |
| + | else { |
| + | this.$element.hide(); |
| + | this.$targetMenu.show(); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Toggles the element attached to the tab bar. The toggle only happens if the screen is small enough to allow it. |
| + | * @function |
| + | * @fires ResponsiveToggle#toggled |
| + | */ |
| + | ResponsiveToggle.prototype.toggleMenu = function() { |
| + | if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) { |
| + | this.$targetMenu.toggle(0); |
| + | |
| + | /** |
| + | * Fires when the element attached to the tab bar toggles. |
| + | * @event ResponsiveToggle#toggled |
| + | */ |
| + | this.$element.trigger('toggled.zf.responsiveToggle'); |
| + | } |
| + | }; |
| + | ResponsiveToggle.prototype.destroy = function(){ |
| + | //TODO this... |
| + | }; |
| + | Foundation.plugin(ResponsiveToggle, 'ResponsiveToggle'); |
| + | |
| + | }(jQuery, Foundation); |
| + | |
| + | /** |
| + | * Reveal module. |
| + | * @module foundation.reveal |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.box |
| + | * @requires foundation.util.triggers |
| + | * @requires foundation.util.mediaQuery |
| + | * @requires foundation.util.motion if using animations |
| + | */ |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Reveal. |
| + | * @class |
| + | * @param {jQuery} element - jQuery object to use for the modal. |
| + | * @param {Object} options - optional parameters. |
| + | */ |
| + | |
| + | function Reveal(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, Reveal.defaults, this.$element.data(), options); |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Reveal', { |
| + | 'ENTER': 'open', |
| + | 'SPACE': 'open', |
| + | 'ESCAPE': 'close', |
| + | 'TAB': 'tab_forward', |
| + | 'SHIFT_TAB': 'tab_backward' |
| + | }); |
| + | } |
| + | |
| + | Reveal.defaults = { |
| + | /** |
| + | * Motion-UI class to use for animated elements. If none used, defaults to simple show/hide. |
| + | * @option |
| + | * @example 'slide-in-left' |
| + | */ |
| + | animationIn: '', |
| + | /** |
| + | * Motion-UI class to use for animated elements. If none used, defaults to simple show/hide. |
| + | * @option |
| + | * @example 'slide-out-right' |
| + | */ |
| + | animationOut: '', |
| + | /** |
| + | * Time, in ms, to delay the opening of a modal after a click if no animation used. |
| + | * @option |
| + | * @example 10 |
| + | */ |
| + | showDelay: 0, |
| + | /** |
| + | * Time, in ms, to delay the closing of a modal after a click if no animation used. |
| + | * @option |
| + | * @example 10 |
| + | */ |
| + | hideDelay: 0, |
| + | /** |
| + | * Allows a click on the body/overlay to close the modal. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | closeOnClick: true, |
| + | /** |
| + | * Allows the modal to close if the user presses the `ESCAPE` key. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | closeOnEsc: true, |
| + | /** |
| + | * If true, allows multiple modals to be displayed at once. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | multipleOpened: false, |
| + | /** |
| + | * Distance, in pixels, the modal should push down from the top of the screen. |
| + | * @option |
| + | * @example 100 |
| + | */ |
| + | vOffset: 100, |
| + | /** |
| + | * Distance, in pixels, the modal should push in from the side of the screen. |
| + | * @option |
| + | * @example 0 |
| + | */ |
| + | hOffset: 0, |
| + | /** |
| + | * Allows the modal to be fullscreen, completely blocking out the rest of the view. JS checks for this as well. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | fullScreen: false, |
| + | /** |
| + | * Percentage of screen height the modal should push up from the bottom of the view. |
| + | * @option |
| + | * @example 10 |
| + | */ |
| + | btmOffsetPct: 10, |
| + | /** |
| + | * Allows the modal to generate an overlay div, which will cover the view when modal opens. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | overlay: true, |
| + | /** |
| + | * Allows the modal to remove and reinject markup on close. Should be true if using video elements w/o using provider's api. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | resetOnClose: false |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the modal by adding the overlay and close buttons, (if selected). |
| + | * @private |
| + | */ |
| + | Reveal.prototype._init = function(){ |
| + | this.id = this.$element.attr('id'); |
| + | this.isActive = false; |
| + | |
| + | this.$anchor = $('[data-open="' + this.id + '"]').length ? $('[data-open="' + this.id + '"]') : $('[data-toggle="' + this.id + '"]'); |
| + | |
| + | if(this.$anchor.length){ |
| + | var anchorId = this.$anchor[0].id || Foundation.GetYoDigits(6, 'reveal'); |
| + | |
| + | this.$anchor.attr({ |
| + | 'aria-controls': this.id, |
| + | 'id': anchorId, |
| + | 'aria-haspopup': true, |
| + | 'tabindex': 0 |
| + | }); |
| + | this.$element.attr({'aria-labelledby': anchorId}); |
| + | } |
| + | |
| + | // this.options.fullScreen = this.$element.hasClass('full'); |
| + | if(this.options.fullScreen || this.$element.hasClass('full')){ |
| + | this.options.fullScreen = true; |
| + | this.options.overlay = false; |
| + | } |
| + | if(this.options.overlay){ |
| + | this.$overlay = this._makeOverlay(this.id); |
| + | } |
| + | |
| + | this.$element.attr({ |
| + | 'role': 'dialog', |
| + | 'aria-hidden': true, |
| + | 'data-yeti-box': this.id, |
| + | 'data-resize': this.id |
| + | }); |
| + | |
| + | this._events(); |
| + | }; |
| + | |
| + | /** |
| + | * Creates an overlay div to display behind the modal. |
| + | * @private |
| + | */ |
| + | Reveal.prototype._makeOverlay = function(id){ |
| + | var $overlay = $('<div></div>') |
| + | .addClass('reveal-overlay') |
| + | .attr({'tabindex': -1, 'aria-hidden': true}) |
| + | .appendTo('body'); |
| + | if(this.options.closeOnClick){ |
| + | $overlay.attr({ |
| + | 'data-close': id |
| + | }); |
| + | } |
| + | return $overlay; |
| + | }; |
| + | |
| + | /** |
| + | * Adds event handlers for the modal. |
| + | * @private |
| + | */ |
| + | Reveal.prototype._events = function(){ |
| + | var _this = this; |
| + | |
| + | this.$element.on({ |
| + | 'open.zf.trigger': this.open.bind(this), |
| + | 'close.zf.trigger': this.close.bind(this), |
| + | 'toggle.zf.trigger': this.toggle.bind(this), |
| + | 'resizeme.zf.trigger': function(){ |
| + | if(_this.$element.is(':visible')){ |
| + | _this._setPosition(function(){}); |
| + | } |
| + | } |
| + | }); |
| + | |
| + | if(this.$anchor.length){ |
| + | this.$anchor.on('keydown.zf.reveal', function(e){ |
| + | if(e.which === 13 || e.which === 32){ |
| + | e.stopPropagation(); |
| + | e.preventDefault(); |
| + | _this.open(); |
| + | } |
| + | }); |
| + | } |
| + | |
| + | |
| + | if(this.options.closeOnClick && this.options.overlay){ |
| + | this.$overlay.off('.zf.reveal').on('click.zf.reveal', this.close.bind(this)); |
| + | } |
| + | }; |
| + | /** |
| + | * Sets the position of the modal before opening |
| + | * @param {Function} cb - a callback function to execute when positioning is complete. |
| + | * @private |
| + | */ |
| + | Reveal.prototype._setPosition = function(cb){ |
| + | var eleDims = Foundation.Box.GetDimensions(this.$element); |
| + | var elePos = this.options.fullScreen ? 'reveal full' : (eleDims.height >= (0.5 * eleDims.windowDims.height)) ? 'reveal' : 'center'; |
| + | |
| + | if(elePos === 'reveal full'){ |
| + | console.log('full'); |
| + | //set to full height/width |
| + | this.$element |
| + | .offset(Foundation.Box.GetOffsets(this.$element, null, elePos, this.options.vOffset)) |
| + | .css({ |
| + | 'height': eleDims.windowDims.height, |
| + | 'width': eleDims.windowDims.width |
| + | }); |
| + | }else if(!Foundation.MediaQuery.atLeast('medium') || !Foundation.Box.ImNotTouchingYou(this.$element, null, true, false)){ |
| + | //if smaller than medium, resize to 100% width minus any custom L/R margin |
| + | this.$element |
| + | .css({ |
| + | 'width': eleDims.windowDims.width - (this.options.hOffset * 2) |
| + | }) |
| + | .offset(Foundation.Box.GetOffsets(this.$element, null, 'center', this.options.vOffset, this.options.hOffset)); |
| + | //flag a boolean so we can reset the size after the element is closed. |
| + | this.changedSize = true; |
| + | }else{ |
| + | this.$element |
| + | .css({ |
| + | 'max-height': eleDims.windowDims.height - (this.options.vOffset * (this.options.btmOffsetPct / 100 + 1)), |
| + | 'width': '' |
| + | }) |
| + | .offset(Foundation.Box.GetOffsets(this.$element, null, elePos, this.options.vOffset)); |
| + | //the max height based on a percentage of vertical offset plus vertical offset |
| + | } |
| + | |
| + | cb(); |
| + | }; |
| + | |
| + | /** |
| + | * Opens the modal controlled by `this.$anchor`, and closes all others by default. |
| + | * @function |
| + | * @fires Reveal#closeAll |
| + | * @fires Reveal#open |
| + | */ |
| + | Reveal.prototype.open = function(){ |
| + | var _this = this; |
| + | this.isActive = true; |
| + | //make element invisible, but remove display: none so we can get size and positioning |
| + | this.$element |
| + | .css({'visibility': 'hidden'}) |
| + | .show() |
| + | .scrollTop(0); |
| + | |
| + | this._setPosition(function(){ |
| + | _this.$element.hide() |
| + | .css({'visibility': ''}); |
| + | if(!_this.options.multipleOpened){ |
| + | /** |
| + | * Fires immediately before the modal opens. |
| + | * Closes any other modals that are currently open |
| + | * @event Reveal#closeAll |
| + | */ |
| + | _this.$element.trigger('closeme.zf.reveal', _this.id); |
| + | } |
| + | if(_this.options.animationIn){ |
| + | if(_this.options.overlay){ |
| + | Foundation.Motion.animateIn(_this.$overlay, 'fade-in', function(){ |
| + | Foundation.Motion.animateIn(_this.$element, _this.options.animationIn, function(){ |
| + | }); |
| + | }); |
| + | }else{ |
| + | Foundation.Motion.animateIn(_this.$element, _this.options.animationIn, function(){ |
| + | }); |
| + | } |
| + | }else{ |
| + | if(_this.options.overlay){ |
| + | _this.$overlay.show(0, function(){ |
| + | _this.$element.show(_this.options.showDelay, function(){ |
| + | }); |
| + | }); |
| + | }else{ |
| + | _this.$element.show(_this.options.showDelay, function(){ |
| + | }); |
| + | } |
| + | } |
| + | }); |
| + | |
| + | |
| + | // handle accessibility |
| + | this.$element.attr({'aria-hidden': false}).attr('tabindex', -1).focus() |
| + | /** |
| + | * Fires when the modal has successfully opened. |
| + | * @event Reveal#open |
| + | */ |
| + | .trigger('open.zf.reveal'); |
| + | |
| + | $('body').addClass('is-reveal-open') |
| + | .attr({'aria-hidden': (this.options.overlay || this.options.fullScreen) ? true : false}); |
| + | setTimeout(function(){ |
| + | _this._extraHandlers(); |
| + | // Foundation.reflow(); |
| + | }, 0); |
| + | }; |
| + | |
| + | /** |
| + | * Adds extra event handlers for the body and window if necessary. |
| + | * @private |
| + | */ |
| + | Reveal.prototype._extraHandlers = function(){ |
| + | var _this = this; |
| + | var visibleFocusableElements = this.$element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() { |
| + | if (!$(this).is(':visible') || $(this).attr('tabindex') < 0){ return false; }//only have visible elements and those that have a tabindex greater or equal 0 |
| + | return true; |
| + | }); |
| + | |
| + | if(!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen){ |
| + | $('body').on('click.zf.reveal', function(e){ |
| + | // if() |
| + | _this.close(); |
| + | }); |
| + | } |
| + | if(this.options.closeOnEsc){ |
| + | $(window).on('keydown.zf.reveal', function(e){ |
| + | if (visibleFocusableElements.length === 0) { // no focusable elements inside the modal at all, prevent tabbing in general |
| + | e.preventDefault(); |
| + | } |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | close: function() { |
| + | if (this.options.closeOnEsc) { |
| + | this.close(); |
| + | } |
| + | } |
| + | }); |
| + | }); |
| + | } |
| + | |
| + | // lock focus within modal while tabbing |
| + | this.$element.on('keydown.zf.reveal', function(e) { |
| + | var $target = $(this); |
| + | // handle keyboard event with keyboard util |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | tab_forward: function() { |
| + | if (this.$element.find(':focus').is(visibleFocusableElements.eq(-1))) { // left modal downwards, setting focus to first element |
| + | visibleFocusableElements.eq(0).focus(); |
| + | e.preventDefault(); |
| + | } |
| + | }, |
| + | tab_backward: function() { |
| + | if (this.$element.find(':focus').is(visibleFocusableElements.eq(0)) || this.$element.is(':focus')) { // left modal upwards, setting focus to last element |
| + | visibleFocusableElements.eq(-1).focus(); |
| + | e.preventDefault(); |
| + | } |
| + | }, |
| + | open: function() { |
| + | if ($target.is(visibleFocusableElements)) { // dont't trigger if acual element has focus (i.e. inputs, links, ...) |
| + | this.open(); |
| + | } |
| + | }, |
| + | close: function() { |
| + | if (this.options.closeOnEsc) { |
| + | this.close(); |
| + | } |
| + | } |
| + | }); |
| + | if (visibleFocusableElements.length === 0) { // no focusable elements inside the modal at all, prevent tabbing in general |
| + | e.preventDefault(); |
| + | } |
| + | }); |
| + | |
| + | }; |
| + | |
| + | /** |
| + | * Closes the modal. |
| + | * @function |
| + | * @fires Reveal#closed |
| + | */ |
| + | Reveal.prototype.close = function(){ |
| + | if(!this.isActive || !this.$element.is(':visible')){ |
| + | return false; |
| + | } |
| + | var _this = this; |
| + | |
| + | if(this.options.animationOut){ |
| + | Foundation.Motion.animateOut(this.$element, this.options.animationOut, function(){ |
| + | if(_this.options.overlay){ |
| + | Foundation.Motion.animateOut(_this.$overlay, 'fade-out', function(){ |
| + | }); |
| + | } |
| + | }); |
| + | }else{ |
| + | this.$element.hide(_this.options.hideDelay, function(){ |
| + | if(_this.options.overlay){ |
| + | _this.$overlay.hide(0, function(){ |
| + | }); |
| + | } |
| + | }); |
| + | } |
| + | //conditionals to remove extra event listeners added on open |
| + | if(this.options.closeOnEsc){ |
| + | $(window).off('keydown.zf.reveal'); |
| + | } |
| + | if(!this.options.overlay && this.options.closeOnClick){ |
| + | $('body').off('click.zf.reveal'); |
| + | } |
| + | this.$element.off('keydown.zf.reveal'); |
| + | |
| + | //if the modal changed size, reset it |
| + | if(this.changedSize){ |
| + | this.$element.css({ |
| + | 'height': '', |
| + | 'width': '' |
| + | }); |
| + | } |
| + | |
| + | $('body').removeClass('is-reveal-open').attr({'aria-hidden': false, 'tabindex': ''}); |
| + | |
| + | /** |
| + | * Resets the modal content |
| + | * This prevents a running video to keep going in the background |
| + | */ |
| + | if(this.options.resetOnClose) { |
| + | this.$element.html(this.$element.html()); |
| + | } |
| + | |
| + | this.isActive = false; |
| + | this.$element.attr({'aria-hidden': true}) |
| + | /** |
| + | * Fires when the modal is done closing. |
| + | * @event Reveal#closed |
| + | */ |
| + | .trigger('closed.zf.reveal'); |
| + | }; |
| + | /** |
| + | * Toggles the open/closed state of a modal. |
| + | * @function |
| + | */ |
| + | Reveal.prototype.toggle = function(){ |
| + | if(this.isActive){ |
| + | this.close(); |
| + | }else{ |
| + | this.open(); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Destroys an instance of a modal. |
| + | * @function |
| + | */ |
| + | Reveal.prototype.destroy = function() { |
| + | if(this.options.overlay){ |
| + | this.$overlay.hide().off().remove(); |
| + | } |
| + | this.$element.hide(); |
| + | this.$anchor.off(); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Reveal, 'Reveal'); |
| + | |
| + | // Exports for AMD/Browserify |
| + | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| + | module.exports = Reveal; |
| + | if (typeof define === 'function') |
| + | define(['foundation'], function() { |
| + | return Reveal; |
| + | }); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * Slider module. |
| + | * @module foundation.slider |
| + | * @requires foundation.util.motion |
| + | * @requires foundation.util.triggers |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.touch |
| + | */ |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of a drilldown menu. |
| + | * @class |
| + | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Slider(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Slider.defaults, this.$element.data(), options); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Slider', { |
| + | 'ltr': { |
| + | 'ARROW_RIGHT': 'increase', |
| + | 'ARROW_UP': 'increase', |
| + | 'ARROW_DOWN': 'decrease', |
| + | 'ARROW_LEFT': 'decrease', |
| + | 'SHIFT_ARROW_RIGHT': 'increase_fast', |
| + | 'SHIFT_ARROW_UP': 'increase_fast', |
| + | 'SHIFT_ARROW_DOWN': 'decrease_fast', |
| + | 'SHIFT_ARROW_LEFT': 'decrease_fast' |
| + | }, |
| + | 'rtl': { |
| + | 'ARROW_LEFT': 'increase', |
| + | 'ARROW_RIGHT': 'decrease', |
| + | 'SHIFT_ARROW_LEFT': 'increase_fast', |
| + | 'SHIFT_ARROW_RIGHT': 'decrease_fast' |
| + | } |
| + | }); |
| + | } |
| + | |
| + | Slider.defaults = { |
| + | /** |
| + | * Minimum value for the slider scale. |
| + | * @option |
| + | * @example 0 |
| + | */ |
| + | start: 0, |
| + | /** |
| + | * Maximum value for the slider scale. |
| + | * @option |
| + | * @example 100 |
| + | */ |
| + | end: 100, |
| + | /** |
| + | * Minimum value change per change event. Not Currently Implemented! |
| + | |
| + | */ |
| + | step: 1, |
| + | /** |
| + | * Value at which the handle/input *(left handle/first input)* should be set to on initialization. |
| + | * @option |
| + | * @example 0 |
| + | */ |
| + | initialStart: 0, |
| + | /** |
| + | * Value at which the right handle/second input should be set to on initialization. |
| + | * @option |
| + | * @example 100 |
| + | */ |
| + | initialEnd: 100, |
| + | /** |
| + | * Allows the input to be located outside the container and visible. Set to by the JS |
| + | * @option |
| + | * @example false |
| + | */ |
| + | binding: false, |
| + | /** |
| + | * Allows the user to click/tap on the slider bar to select a value. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | clickSelect: true, |
| + | /** |
| + | * Set to true and use the `vertical` class to change alignment to vertical. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | vertical: false, |
| + | /** |
| + | * Allows the user to drag the slider handle(s) to select a value. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | draggable: true, |
| + | /** |
| + | * Disables the slider and prevents event listeners from being applied. Double checked by JS with `disabledClass`. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | disabled: false, |
| + | /** |
| + | * Allows the use of two handles. Double checked by the JS. Changes some logic handling. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | doubleSided: false, |
| + | /** |
| + | * Potential future feature. |
| + | */ |
| + | // steps: 100, |
| + | /** |
| + | * Number of decimal places the plugin should go to for floating point precision. |
| + | * @option |
| + | * @example 2 |
| + | */ |
| + | decimal: 2, |
| + | /** |
| + | * Time delay for dragged elements. |
| + | */ |
| + | // dragDelay: 0, |
| + | /** |
| + | * Time, in ms, to animate the movement of a slider handle if user clicks/taps on the bar. Needs to be manually set if updating the transition time in the Sass settings. |
| + | * @option |
| + | * @example 200 |
| + | */ |
| + | moveTime: 200,//update this if changing the transition time in the sass |
| + | /** |
| + | * Class applied to disabled sliders. |
| + | * @option |
| + | * @example 'disabled' |
| + | */ |
| + | disabledClass: 'disabled' |
| + | }; |
| + | /** |
| + | * Initilizes the plugin by reading/setting attributes, creating collections and setting the initial position of the handle(s). |
| + | * @function |
| + | * @private |
| + | */ |
| + | Slider.prototype._init = function(){ |
| + | this.inputs = this.$element.find('input'); |
| + | this.handles = this.$element.find('[data-slider-handle]'); |
| + | |
| + | this.$handle = this.handles.eq(0); |
| + | this.$input = this.inputs.length ? this.inputs.eq(0) : $('#' + this.$handle.attr('aria-controls')); |
| + | this.$fill = this.$element.find('[data-slider-fill]').css(this.options.vertical ? 'height' : 'width', 0); |
| + | |
| + | var isDbl = false, |
| + | _this = this; |
| + | if(this.options.disabled || this.$element.hasClass(this.options.disabledClass)){ |
| + | this.options.disabled = true; |
| + | this.$element.addClass(this.options.disabledClass); |
| + | } |
| + | if(!this.inputs.length){ |
| + | this.inputs = $().add(this.$input); |
| + | this.options.binding = true; |
| + | } |
| + | this._setInitAttr(0); |
| + | this._events(this.$handle); |
| + | |
| + | if(this.handles[1]){ |
| + | this.options.doubleSided = true; |
| + | this.$handle2 = this.handles.eq(1); |
| + | this.$input2 = this.inputs.length ? this.inputs.eq(1) : $('#' + this.$handle2.attr('aria-controls')); |
| + | |
| + | if(!this.inputs[1]){ |
| + | this.inputs = this.inputs.add(this.$input2); |
| + | } |
| + | isDbl = true; |
| + | |
| + | this._setHandlePos(this.$handle, this.options.initialStart, true, function(){ |
| + | |
| + | _this._setHandlePos(_this.$handle2, _this.options.initialEnd); |
| + | }); |
| + | // this.$handle.triggerHandler('click.zf.slider'); |
| + | this._setInitAttr(1); |
| + | this._events(this.$handle2); |
| + | } |
| + | |
| + | if(!isDbl){ |
| + | this._setHandlePos(this.$handle, this.options.initialStart, true); |
| + | } |
| + | }; |
| + | /** |
| + | * Sets the position of the selected handle and fill bar. |
| + | * @function |
| + | * @private |
| + | * @param {jQuery} $hndl - the selected handle to move. |
| + | * @param {Number} location - floating point between the start and end values of the slider bar. |
| + | * @param {Function} cb - callback function to fire on completion. |
| + | * @fires Slider#moved |
| + | */ |
| + | Slider.prototype._setHandlePos = function($hndl, location, noInvert, cb){ |
| + | //might need to alter that slightly for bars that will have odd number selections. |
| + | location = parseFloat(location);//on input change events, convert string to number...grumble. |
| + | // prevent slider from running out of bounds |
| + | if(location < this.options.start){ location = this.options.start; } |
| + | else if(location > this.options.end){ location = this.options.end; } |
| + | |
| + | var isDbl = this.options.doubleSided, |
| + | callback = cb || null; |
| + | |
| + | if(isDbl){ |
| + | if(this.handles.index($hndl) === 0){ |
| + | var h2Val = parseFloat(this.$handle2.attr('aria-valuenow')); |
| + | location = location >= h2Val ? h2Val - this.options.step : location; |
| + | }else{ |
| + | var h1Val = parseFloat(this.$handle.attr('aria-valuenow')); |
| + | location = location <= h1Val ? h1Val + this.options.step : location; |
| + | } |
| + | } |
| + | |
| + | if(this.options.vertical && !noInvert){ |
| + | location = this.options.end - location; |
| + | } |
| + | var _this = this, |
| + | vert = this.options.vertical, |
| + | hOrW = vert ? 'height' : 'width', |
| + | lOrT = vert ? 'top' : 'left', |
| + | halfOfHandle = $hndl[0].getBoundingClientRect()[hOrW] / 2, |
| + | elemDim = this.$element[0].getBoundingClientRect()[hOrW], |
| + | pctOfBar = percent(location, this.options.end).toFixed(this.options.decimal), |
| + | pxToMove = (elemDim - halfOfHandle) * pctOfBar, |
| + | movement = (percent(pxToMove, elemDim) * 100).toFixed(this.options.decimal), |
| + | location = location > 0 ? parseFloat(location.toFixed(this.options.decimal)) : 0, |
| + | anim, prog, start = null, css = {}; |
| + | |
| + | this._setValues($hndl, location); |
| + | |
| + | if(this.options.doubleSided){//update to calculate based on values set to respective inputs?? |
| + | var isLeftHndl = this.handles.index($hndl) === 0, |
| + | dim, |
| + | idx = this.handles.index($hndl); |
| + | |
| + | if(isLeftHndl){ |
| + | css[lOrT] = (pctOfBar > 0 ? pctOfBar * 100 : 0) + '%';// |
| + | dim = /*Math.abs*/((percent(this.$handle2.position()[lOrT] + halfOfHandle, elemDim) - parseFloat(pctOfBar)) * 100).toFixed(this.options.decimal) + '%'; |
| + | css['min-' + hOrW] = dim; |
| + | if(cb && typeof cb === 'function'){ cb(); } |
| + | }else{ |
| + | location = (location < 100 ? location : 100) - (parseFloat(this.$handle[0].style.left) || this.options.end - location); |
| + | css['min-' + hOrW] = location + '%'; |
| + | } |
| + | } |
| + | |
| + | this.$element.one('finished.zf.animate', function(){ |
| + | _this.animComplete = true; |
| + | /** |
| + | * Fires when the handle is done moving. |
| + | * @event Slider#moved |
| + | */ |
| + | _this.$element.trigger('moved.zf.slider', [$hndl]); |
| + | }); |
| + | var moveTime = _this.$element.data('dragging') ? 1000/60 : _this.options.moveTime; |
| + | /*var move = new */Foundation.Move(moveTime, $hndl, function(){ |
| + | $hndl.css(lOrT, movement + '%'); |
| + | if(!_this.options.doubleSided){ |
| + | _this.$fill.css(hOrW, pctOfBar * 100 + '%'); |
| + | }else{ |
| + | _this.$fill.css(css); |
| + | } |
| + | }); |
| + | // move.do(); |
| + | }; |
| + | /** |
| + | * Sets the initial attribute for the slider element. |
| + | * @function |
| + | * @private |
| + | * @param {Number} idx - index of the current handle/input to use. |
| + | */ |
| + | Slider.prototype._setInitAttr = function(idx){ |
| + | var id = this.inputs.eq(idx).attr('id') || Foundation.GetYoDigits(6, 'slider'); |
| + | this.inputs.eq(idx).attr({ |
| + | 'id': id, |
| + | 'max': this.options.end, |
| + | 'min': this.options.start |
| + | |
| + | }); |
| + | this.handles.eq(idx).attr({ |
| + | 'role': 'slider', |
| + | 'aria-controls': id, |
| + | 'aria-valuemax': this.options.end, |
| + | 'aria-valuemin': this.options.start, |
| + | 'aria-valuenow': idx === 0 ? this.options.initialStart : this.options.initialEnd, |
| + | 'aria-orientation': this.options.vertical ? 'vertical' : 'horizontal', |
| + | 'tabindex': 0 |
| + | }); |
| + | }; |
| + | /** |
| + | * Sets the input and `aria-valuenow` values for the slider element. |
| + | * @function |
| + | * @private |
| + | * @param {jQuery} $handle - the currently selected handle. |
| + | * @param {Number} val - floating point of the new value. |
| + | */ |
| + | Slider.prototype._setValues = function($handle, val){ |
| + | var idx = this.options.doubleSided ? this.handles.index($handle) : 0; |
| + | this.inputs.eq(idx).val(val); |
| + | $handle.attr('aria-valuenow', val); |
| + | }; |
| + | /** |
| + | * Handles events on the slider element. |
| + | * Calculates the new location of the current handle. |
| + | * If there are two handles and the bar was clicked, it determines which handle to move. |
| + | * @function |
| + | * @private |
| + | * @param {Object} e - the `event` object passed from the listener. |
| + | * @param {jQuery} $handle - the current handle to calculate for, if selected. |
| + | * @param {Number} val - floating point number for the new value of the slider. |
| + | */ |
| + | Slider.prototype._handleEvent = function(e, $handle, val){ |
| + | var value, hasVal; |
| + | if(!val){//click or drag events |
| + | e.preventDefault(); |
| + | var _this = this, |
| + | vertical = this.options.vertical, |
| + | param = vertical ? 'height' : 'width', |
| + | direction = vertical ? 'top' : 'left', |
| + | pageXY = vertical ? e.pageY : e.pageX, |
| + | halfOfHandle = this.$handle[0].getBoundingClientRect()[param] / 2, |
| + | barDim = this.$element[0].getBoundingClientRect()[param], |
| + | barOffset = (this.$element.offset()[direction] - pageXY), |
| + | barXY = barOffset > 0 ? -halfOfHandle : (barOffset - halfOfHandle) < -barDim ? barDim : Math.abs(barOffset),//if the cursor position is less than or greater than the elements bounding coordinates, set coordinates within those bounds |
| + | // eleDim = this.$element[0].getBoundingClientRect()[param], |
| + | offsetPct = percent(barXY, barDim); |
| + | value = (this.options.end - this.options.start) * offsetPct; |
| + | hasVal = false; |
| + | |
| + | if(!$handle){//figure out which handle it is, pass it to the next function. |
| + | var firstHndlPos = absPosition(this.$handle, direction, barXY, param), |
| + | secndHndlPos = absPosition(this.$handle2, direction, barXY, param); |
| + | $handle = firstHndlPos <= secndHndlPos ? this.$handle : this.$handle2; |
| + | } |
| + | |
| + | }else{//change event on input |
| + | value = val; |
| + | hasVal = true; |
| + | } |
| + | |
| + | this._setHandlePos($handle, value, hasVal); |
| + | }; |
| + | /** |
| + | * Adds event listeners to the slider elements. |
| + | * @function |
| + | * @private |
| + | * @param {jQuery} $handle - the current handle to apply listeners to. |
| + | */ |
| + | Slider.prototype._events = function($handle){ |
| + | if(this.options.disabled){ return false; } |
| + | |
| + | var _this = this, |
| + | curHandle, |
| + | timer; |
| + | |
| + | this.inputs.off('change.zf.slider').on('change.zf.slider', function(e){ |
| + | var idx = _this.inputs.index($(this)); |
| + | _this._handleEvent(e, _this.handles.eq(idx), $(this).val()); |
| + | }); |
| + | |
| + | if(this.options.clickSelect){ |
| + | this.$element.off('click.zf.slider').on('click.zf.slider', function(e){ |
| + | if(_this.$element.data('dragging')){ return false; } |
| + | _this.animComplete = false; |
| + | if(_this.options.doubleSided){ |
| + | _this._handleEvent(e); |
| + | }else{ |
| + | _this._handleEvent(e, _this.$handle); |
| + | } |
| + | }); |
| + | } |
| + | |
| + | if(this.options.draggable){ |
| + | this.handles.addTouch(); |
| + | // var curHandle, |
| + | // timer, |
| + | var $body = $('body'); |
| + | $handle |
| + | .off('mousedown.zf.slider') |
| + | .on('mousedown.zf.slider', function(e){ |
| + | $handle.addClass('is-dragging'); |
| + | _this.$fill.addClass('is-dragging');// |
| + | _this.$element.data('dragging', true); |
| + | _this.animComplete = false; |
| + | curHandle = $(e.currentTarget); |
| + | |
| + | $body.on('mousemove.zf.slider', function(e){ |
| + | e.preventDefault(); |
| + | |
| + | // timer = setTimeout(function(){ |
| + | _this._handleEvent(e, curHandle); |
| + | // }, _this.options.dragDelay); |
| + | }).on('mouseup.zf.slider', function(e){ |
| + | // clearTimeout(timer); |
| + | _this.animComplete = true; |
| + | _this._handleEvent(e, curHandle); |
| + | $handle.removeClass('is-dragging'); |
| + | _this.$fill.removeClass('is-dragging'); |
| + | _this.$element.data('dragging', false); |
| + | // Foundation.reflow(_this.$element, 'slider'); |
| + | $body.off('mousemove.zf.slider mouseup.zf.slider'); |
| + | }); |
| + | }); |
| + | } |
| + | $handle.off('keydown.zf.slider').on('keydown.zf.slider', function(e){ |
| + | var idx = _this.options.doubleSided ? _this.handles.index($(this)) : 0, |
| + | oldValue = parseFloat(_this.inputs.eq(idx).val()), |
| + | newValue; |
| + | |
| + | var _$handle = $(this); |
| + | |
| + | // handle keyboard event with keyboard util |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | decrease: function() { |
| + | newValue = oldValue - _this.options.step; |
| + | }, |
| + | increase: function() { |
| + | newValue = oldValue + _this.options.step; |
| + | }, |
| + | decrease_fast: function() { |
| + | newValue = oldValue - _this.options.step * 10; |
| + | }, |
| + | increase_fast: function() { |
| + | newValue = oldValue + _this.options.step * 10; |
| + | }, |
| + | handled: function() { // only set handle pos when event was handled specially |
| + | e.preventDefault(); |
| + | _this._setHandlePos(_$handle, newValue, true); |
| + | } |
| + | }); |
| + | /*if (newValue) { // if pressed key has special function, update value |
| + | e.preventDefault(); |
| + | _this._setHandlePos(_$handle, newValue); |
| + | }*/ |
| + | }); |
| + | }; |
| + | /** |
| + | * Destroys the slider plugin. |
| + | */ |
| + | Slider.prototype.destroy = function(){ |
| + | this.handles.off('.zf.slider'); |
| + | this.inputs.off('.zf.slider'); |
| + | this.$element.off('.zf.slider'); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Slider, 'Slider'); |
| + | |
| + | function percent(frac, num){ |
| + | return (frac / num); |
| + | } |
| + | function absPosition($handle, dir, clickPos, param){ |
| + | return Math.abs(($handle.position()[dir] + ($handle[param]() / 2)) - clickPos); |
| + | } |
| + | }(jQuery, window.Foundation); |
| + | |
| + | //*********this is in case we go to static, absolute positions instead of dynamic positioning******** |
| + | // this.setSteps(function(){ |
| + | // _this._events(); |
| + | // var initStart = _this.options.positions[_this.options.initialStart - 1] || null; |
| + | // var initEnd = _this.options.initialEnd ? _this.options.position[_this.options.initialEnd - 1] : null; |
| + | // if(initStart || initEnd){ |
| + | // _this._handleEvent(initStart, initEnd); |
| + | // } |
| + | // }); |
| + | |
| + | //***********the other part of absolute positions************* |
| + | // Slider.prototype.setSteps = function(cb){ |
| + | // var posChange = this.$element.outerWidth() / this.options.steps; |
| + | // var counter = 0 |
| + | // while(counter < this.options.steps){ |
| + | // if(counter){ |
| + | // this.options.positions.push(this.options.positions[counter - 1] + posChange); |
| + | // }else{ |
| + | // this.options.positions.push(posChange); |
| + | // } |
| + | // counter++; |
| + | // } |
| + | // cb(); |
| + | // }; |
| + | |
| + | /** |
| + | * Sticky module. |
| + | * @module foundation.sticky |
| + | * @requires foundation.util.triggers |
| + | * @requires foundation.util.mediaQuery |
| + | */ |
| + | !function($, Foundation){ |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of a sticky thing. |
| + | * @class |
| + | * @param {jQuery} element - jQuery object to make sticky. |
| + | * @param {Object} options - options object passed when creating the element programmatically. |
| + | */ |
| + | function Sticky(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Sticky.defaults, this.$element.data(), options); |
| + | |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | Sticky.defaults = { |
| + | /** |
| + | * Customizable container template. Add your own classes for styling and sizing. |
| + | * @option |
| + | * @example '<div data-sticky-container class="small-6 columns"></div>' |
| + | */ |
| + | container: '<div data-sticky-container></div>', |
| + | /** |
| + | * Location in the view the element sticks to. |
| + | * @option |
| + | * @example 'top' |
| + | */ |
| + | stickTo: 'top', |
| + | /** |
| + | * If anchored to a single element, the id of that element. |
| + | * @option |
| + | * @example 'exampleId' |
| + | */ |
| + | anchor: '', |
| + | /** |
| + | * If using more than one element as anchor points, the id of the top anchor. |
| + | * @option |
| + | * @example 'exampleId:top' |
| + | */ |
| + | topAnchor: '', |
| + | /** |
| + | * If using more than one element as anchor points, the id of the bottom anchor. |
| + | * @option |
| + | * @example 'exampleId:bottom' |
| + | */ |
| + | btmAnchor: '', |
| + | /** |
| + | * Margin, in `em`'s to apply to the top of the element when it becomes sticky. |
| + | * @option |
| + | * @example 1 |
| + | */ |
| + | marginTop: 1, |
| + | /** |
| + | * Margin, in `em`'s to apply to the bottom of the element when it becomes sticky. |
| + | * @option |
| + | * @example 1 |
| + | */ |
| + | marginBottom: 1, |
| + | /** |
| + | * Breakpoint string that is the minimum screen size an element should become sticky. |
| + | * @option |
| + | * @example 'medium' |
| + | */ |
| + | stickyOn: 'medium', |
| + | /** |
| + | * Class applied to sticky element, and removed on destruction. Foundation defaults to `sticky`. |
| + | * @option |
| + | * @example 'sticky' |
| + | */ |
| + | stickyClass: 'sticky', |
| + | /** |
| + | * Class applied to sticky container. Foundation defaults to `sticky-container`. |
| + | * @option |
| + | * @example 'sticky-container' |
| + | */ |
| + | containerClass: 'sticky-container', |
| + | /** |
| + | * Number of scroll events between the plugin's recalculating sticky points. Setting it to `0` will cause it to recalc every scroll event, setting it to `-1` will prevent recalc on scroll. |
| + | * @option |
| + | * @example 50 |
| + | */ |
| + | checkEvery: -1 |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the sticky element by adding classes, getting/setting dimensions, breakpoints and attributes |
| + | * Also triggered by Foundation._reflow |
| + | * @function |
| + | * @private |
| + | */ |
| + | Sticky.prototype._init = function(){ |
| + | var $parent = this.$element.parent('[data-sticky-container]'), |
| + | id = this.$element[0].id || Foundation.GetYoDigits(6, 'sticky'), |
| + | _this = this; |
| + | |
| + | if(!$parent.length){ |
| + | this.wasWrapped = true; |
| + | } |
| + | this.$container = $parent.length ? $parent : $(this.options.container).wrapInner(this.$element); |
| + | this.$container.addClass(this.options.containerClass); |
| + | |
| + | |
| + | this.$element.addClass(this.options.stickyClass) |
| + | .attr({'data-resize': id}); |
| + | |
| + | this.scrollCount = this.options.checkEvery; |
| + | this.isStuck = false; |
| + | // console.log(this.options.anchor, this.options.topAnchor); |
| + | if(this.options.topAnchor !== ''){ |
| + | this._parsePoints(); |
| + | // console.log(this.points[0]); |
| + | }else{ |
| + | this.$anchor = this.options.anchor ? $('#' + this.options.anchor) : $(document.body); |
| + | } |
| + | |
| + | |
| + | this._setSizes(function(){ |
| + | _this._calc(false); |
| + | }); |
| + | this._events(id.split('-').reverse().join('-')); |
| + | }; |
| + | /** |
| + | * If using multiple elements as anchors, calculates the top and bottom pixel values the sticky thing should stick and unstick on. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Sticky.prototype._parsePoints = function(){ |
| + | var top = this.options.topAnchor, |
| + | btm = this.options.btmAnchor, |
| + | pts = [top, btm], |
| + | breaks = {}; |
| + | for(var i = 0, len = pts.length; i < len && pts[i]; i++){ |
| + | var pt; |
| + | if(typeof pts[i] === 'number'){ |
| + | pt = pts[i]; |
| + | }else{ |
| + | var place = pts[i].split(':'), |
| + | anchor = $('#' + place[0]); |
| + | |
| + | pt = anchor.offset().top; |
| + | if(place[1] && place[1].toLowerCase() === 'bottom'){ |
| + | pt += anchor[0].getBoundingClientRect().height; |
| + | } |
| + | } |
| + | breaks[i] = pt; |
| + | } |
| + | // console.log(breaks); |
| + | this.points = breaks; |
| + | // console.log(this.points); |
| + | return; |
| + | }; |
| + | |
| + | /** |
| + | * Adds event handlers for the scrolling element. |
| + | * @private |
| + | * @param {String} id - psuedo-random id for unique scroll event listener. |
| + | */ |
| + | Sticky.prototype._events = function(id){ |
| + | // console.log('called'); |
| + | var _this = this, |
| + | scrollListener = 'scroll.zf.' + id; |
| + | if(this.isOn){ return; } |
| + | if(this.canStick){ |
| + | this.isOn = true; |
| + | // this.$anchor.off('change.zf.sticky') |
| + | // .on('change.zf.sticky', function(){ |
| + | // _this._setSizes(function(){ |
| + | // _this._calc(false); |
| + | // }); |
| + | // }); |
| + | |
| + | $(window).off(scrollListener) |
| + | .on(scrollListener, function(e){ |
| + | if(_this.scrollCount === 0){ |
| + | _this.scrollCount = _this.options.checkEvery; |
| + | _this._setSizes(function(){ |
| + | _this._calc(false, window.pageYOffset); |
| + | }); |
| + | }else{ |
| + | _this.scrollCount--; |
| + | _this._calc(false, window.pageYOffset); |
| + | } |
| + | }); |
| + | } |
| + | |
| + | this.$element.off('resizeme.zf.trigger') |
| + | .on('resizeme.zf.trigger', function(e, el){ |
| + | _this._setSizes(function(){ |
| + | _this._calc(false); |
| + | if(_this.canStick){ |
| + | if(!_this.isOn){ |
| + | _this._events(id); |
| + | } |
| + | }else if(_this.isOn){ |
| + | _this._pauseListeners(scrollListener); |
| + | } |
| + | }); |
| + | }); |
| + | }; |
| + | |
| + | /** |
| + | * Removes event handlers for scroll and change events on anchor. |
| + | * @fires Sticky#pause |
| + | * @param {String} scrollListener - unique, namespaced scroll listener attached to `window` |
| + | */ |
| + | Sticky.prototype._pauseListeners = function(scrollListener){ |
| + | this.isOn = false; |
| + | // this.$anchor.off('change.zf.sticky'); |
| + | $(window).off(scrollListener); |
| + | |
| + | /** |
| + | * Fires when the plugin is paused due to resize event shrinking the view. |
| + | * @event Sticky#pause |
| + | * @private |
| + | */ |
| + | this.$element.trigger('pause.zf.sticky'); |
| + | }; |
| + | |
| + | /** |
| + | * Called on every `scroll` event and on `_init` |
| + | * fires functions based on booleans and cached values |
| + | * @param {Boolean} checkSizes - true if plugin should recalculate sizes and breakpoints. |
| + | * @param {Number} scroll - current scroll position passed from scroll event cb function. If not passed, defaults to `window.pageYOffset`. |
| + | */ |
| + | Sticky.prototype._calc = function(checkSizes, scroll){ |
| + | if(checkSizes){ this._setSizes(); } |
| + | |
| + | if(!this.canStick){ |
| + | if(this.isStuck){ |
| + | this._removeSticky(true); |
| + | } |
| + | return false; |
| + | } |
| + | |
| + | if(!scroll){ scroll = window.pageYOffset; } |
| + | |
| + | if(scroll >= this.topPoint){ |
| + | if(scroll <= this.bottomPoint){ |
| + | if(!this.isStuck){ |
| + | this._setSticky(); |
| + | } |
| + | }else{ |
| + | if(this.isStuck){ |
| + | this._removeSticky(false); |
| + | } |
| + | } |
| + | }else{ |
| + | if(this.isStuck){ |
| + | this._removeSticky(true); |
| + | } |
| + | } |
| + | }; |
| + | /** |
| + | * Causes the $element to become stuck. |
| + | * Adds `position: fixed;`, and helper classes. |
| + | * @fires Sticky#stuckto |
| + | * @function |
| + | * @private |
| + | */ |
| + | Sticky.prototype._setSticky = function(){ |
| + | var stickTo = this.options.stickTo, |
| + | mrgn = stickTo === 'top' ? 'marginTop' : 'marginBottom', |
| + | notStuckTo = stickTo === 'top' ? 'bottom' : 'top', |
| + | css = {}; |
| + | |
| + | css[mrgn] = this.options[mrgn] + 'em'; |
| + | css[stickTo] = 0; |
| + | css[notStuckTo] = 'auto'; |
| + | css['left'] = this.$container.offset().left + parseInt(window.getComputedStyle(this.$container[0])["padding-left"], 10); |
| + | this.isStuck = true; |
| + | this.$element.removeClass('is-anchored is-at-' + notStuckTo) |
| + | .addClass('is-stuck is-at-' + stickTo) |
| + | .css(css) |
| + | /** |
| + | * Fires when the $element has become `position: fixed;` |
| + | * Namespaced to `top` or `bottom`. |
| + | * @event Sticky#stuckto |
| + | */ |
| + | .trigger('sticky.zf.stuckto:' + stickTo); |
| + | }; |
| + | |
| + | /** |
| + | * Causes the $element to become unstuck. |
| + | * Removes `position: fixed;`, and helper classes. |
| + | * Adds other helper classes. |
| + | * @param {Boolean} isTop - tells the function if the $element should anchor to the top or bottom of its $anchor element. |
| + | * @fires Sticky#unstuckfrom |
| + | * @private |
| + | */ |
| + | Sticky.prototype._removeSticky = function(isTop){ |
| + | var stickTo = this.options.stickTo, |
| + | stickToTop = stickTo === 'top', |
| + | css = {}, mrgn, notStuckTo, |
| + | anchorPt = (this.points ? this.points[1] - this.points[0] : this.anchorHeight) - this.elemHeight; |
| + | mrgn = stickToTop ? 'marginTop' : 'marginBottom'; |
| + | notStuckTo = stickToTop ? 'bottom' : 'top'; |
| + | css[mrgn] = 0; |
| + | if((isTop && !stickToTop) || (stickToTop && !isTop)){ |
| + | css[stickTo] = anchorPt; |
| + | css[notStuckTo] = 0; |
| + | }else{ |
| + | css[stickTo] = 0; |
| + | css[notStuckTo] = anchorPt; |
| + | } |
| + | css['left'] = ''; |
| + | this.isStuck = false; |
| + | this.$element.removeClass('is-stuck is-at-' + stickTo) |
| + | .addClass('is-anchored is-at-' + (isTop ? 'top' : 'bottom')) |
| + | .css(css) |
| + | /** |
| + | * Fires when the $element has become anchored. |
| + | * Namespaced to `top` or `bottom`. |
| + | * @event Sticky#unstuckfrom |
| + | */ |
| + | .trigger('sticky.zf.unstuckfrom:' + isTop ? 'top' : 'bottom'); |
| + | }; |
| + | |
| + | /** |
| + | * Sets the $element and $container sizes for plugin. |
| + | * Calls `_setBreakPoints`. |
| + | * @param {Function} cb - optional callback function to fire on completion of `_setBreakPoints`. |
| + | * @private |
| + | */ |
| + | Sticky.prototype._setSizes = function(cb){ |
| + | this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn); |
| + | if(!this.canStick){ cb(); } |
| + | var _this = this, |
| + | newElemWidth = this.$container[0].getBoundingClientRect().width, |
| + | comp = window.getComputedStyle(this.$container[0]), |
| + | pdng = parseInt(comp['padding-right'], 10); |
| + | |
| + | // console.log(this.$anchor); |
| + | if(this.$anchor && this.$anchor.length){ |
| + | this.anchorHeight = this.$anchor[0].getBoundingClientRect().height; |
| + | }else{ |
| + | this._parsePoints(); |
| + | } |
| + | |
| + | this.$element.css({ |
| + | 'max-width': newElemWidth - pdng + 'px' |
| + | }); |
| + | |
| + | var newContainerHeight = this.$element[0].getBoundingClientRect().height || this.containerHeight; |
| + | this.containerHeight = newContainerHeight; |
| + | this.$container.css({ |
| + | height: newContainerHeight |
| + | }); |
| + | this.elemHeight = newContainerHeight; |
| + | |
| + | if (this.isStuck) { |
| + | this.$element.css({"left":this.$container.offset().left + parseInt(comp['padding-left'], 10)}); |
| + | } |
| + | |
| + | this._setBreakPoints(newContainerHeight, function(){ |
| + | if(cb){ cb(); } |
| + | }); |
| + | |
| + | }; |
| + | /** |
| + | * Sets the upper and lower breakpoints for the element to become sticky/unsticky. |
| + | * @param {Number} elemHeight - px value for sticky.$element height, calculated by `_setSizes`. |
| + | * @param {Function} cb - optional callback function to be called on completion. |
| + | * @private |
| + | */ |
| + | Sticky.prototype._setBreakPoints = function(elemHeight, cb){ |
| + | if(!this.canStick){ |
| + | if(cb){ cb(); } |
| + | else{ return false; } |
| + | } |
| + | var mTop = emCalc(this.options.marginTop), |
| + | mBtm = emCalc(this.options.marginBottom), |
| + | topPoint = this.points ? this.points[0] : this.$anchor.offset().top, |
| + | bottomPoint = this.points ? this.points[1] : topPoint + this.anchorHeight, |
| + | // topPoint = this.$anchor.offset().top || this.points[0], |
| + | // bottomPoint = topPoint + this.anchorHeight || this.points[1], |
| + | winHeight = window.innerHeight; |
| + | |
| + | if(this.options.stickTo === 'top'){ |
| + | topPoint -= mTop; |
| + | bottomPoint -= (elemHeight + mTop); |
| + | }else if(this.options.stickTo === 'bottom'){ |
| + | topPoint -= (winHeight - (elemHeight + mBtm)); |
| + | bottomPoint -= (winHeight - mBtm); |
| + | }else{ |
| + | //this would be the stickTo: both option... tricky |
| + | } |
| + | |
| + | this.topPoint = topPoint; |
| + | this.bottomPoint = bottomPoint; |
| + | |
| + | if(cb){ cb(); } |
| + | }; |
| + | |
| + | /** |
| + | * Destroys the current sticky element. |
| + | * Resets the element to the top position first. |
| + | * Removes event listeners, JS-added css properties and classes, and unwraps the $element if the JS added the $container. |
| + | * @function |
| + | */ |
| + | Sticky.prototype.destroy = function(){ |
| + | this._removeSticky(true); |
| + | |
| + | this.$element.removeClass(this.options.stickyClass + ' is-anchored is-at-top') |
| + | .css({ |
| + | height: '', |
| + | top: '', |
| + | bottom: '', |
| + | 'max-width': '' |
| + | }) |
| + | .off('resizeme.zf.trigger'); |
| + | |
| + | this.$anchor.off('change.zf.sticky'); |
| + | $(window).off('scroll.zf.sticky'); |
| + | |
| + | if(this.wasWrapped){ |
| + | this.$element.unwrap(); |
| + | }else{ |
| + | this.$container.removeClass(this.options.containerClass) |
| + | .css({ |
| + | height: '' |
| + | }); |
| + | } |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | /** |
| + | * Helper function to calculate em values |
| + | * @param Number {em} - number of em's to calculate into pixels |
| + | */ |
| + | function emCalc(em){ |
| + | return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em; |
| + | } |
| + | Foundation.plugin(Sticky, 'Sticky'); |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * Tabs module. |
| + | * @module foundation.tabs |
| + | * @requires foundation.util.keyboard |
| + | * @requires foundation.util.timerAndImageLoader if tabs contain images |
| + | */ |
| + | !function($, Foundation) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of tabs. |
| + | * @class |
| + | * @fires Tabs#init |
| + | * @param {jQuery} element - jQuery object to make into tabs. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Tabs(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Tabs.defaults, this.$element.data(), options); |
| + | |
| + | this._init(); |
| + | Foundation.registerPlugin(this); |
| + | Foundation.Keyboard.register('Tabs', { |
| + | 'ENTER': 'open', |
| + | 'SPACE': 'open', |
| + | 'ARROW_RIGHT': 'next', |
| + | 'ARROW_UP': 'previous', |
| + | 'ARROW_DOWN': 'next', |
| + | 'ARROW_LEFT': 'previous', |
| + | // 'TAB': 'next', |
| + | // 'SHIFT_TAB': 'previous' |
| + | }); |
| + | } |
| + | |
| + | Tabs.defaults = { |
| + | // /** |
| + | // * Allows the JS to alter the url of the window. Not yet implemented. |
| + | // */ |
| + | // deepLinking: false, |
| + | // /** |
| + | // * If deepLinking is enabled, allows the window to scroll to content if window is loaded with a hash including a tab-pane id |
| + | // */ |
| + | // scrollToContent: false, |
| + | /** |
| + | * Allows the window to scroll to content of active pane on load if set to true. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | autoFocus: false, |
| + | /** |
| + | * Allows keyboard input to 'wrap' around the tab links. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | wrapOnKeys: true, |
| + | /** |
| + | * Allows the tab content panes to match heights if set to true. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | matchHeight: false, |
| + | /** |
| + | * Class applied to `li`'s in tab link list. |
| + | * @option |
| + | * @example 'tabs-title' |
| + | */ |
| + | linkClass: 'tabs-title', |
| + | // contentClass: 'tabs-content', |
| + | /** |
| + | * Class applied to the content containers. |
| + | * @option |
| + | * @example 'tabs-panel' |
| + | */ |
| + | panelClass: 'tabs-panel' |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the tabs by showing and focusing (if autoFocus=true) the preset active tab. |
| + | * @private |
| + | */ |
| + | Tabs.prototype._init = function(){ |
| + | var _this = this; |
| + | |
| + | this.$tabTitles = this.$element.find('.' + this.options.linkClass); |
| + | this.$tabContent = $('[data-tabs-content="' + this.$element[0].id + '"]'); |
| + | |
| + | this.$tabTitles.each(function(){ |
| + | var $elem = $(this), |
| + | $link = $elem.find('a'), |
| + | isActive = $elem.hasClass('is-active'), |
| + | hash = $link.attr('href').slice(1), |
| + | linkId = hash + '-label', |
| + | $tabContent = $(hash); |
| + | |
| + | $elem.attr({'role': 'presentation'}); |
| + | |
| + | $link.attr({ |
| + | 'role': 'tab', |
| + | 'aria-controls': hash, |
| + | 'aria-selected': isActive, |
| + | 'id': linkId |
| + | }); |
| + | |
| + | $tabContent.attr({ |
| + | 'role': 'tabpanel', |
| + | 'aria-hidden': !isActive, |
| + | 'aria-labelledby': linkId |
| + | }); |
| + | |
| + | if(isActive && _this.options.autoFocus){ |
| + | $link.focus(); |
| + | } |
| + | }); |
| + | if(this.options.matchHeight){ |
| + | var $images = this.$tabContent.find('img'); |
| + | if($images.length){ |
| + | Foundation.onImagesLoaded($images, this._setHeight.bind(this)); |
| + | }else{ |
| + | this._setHeight(); |
| + | } |
| + | } |
| + | this._events(); |
| + | }; |
| + | /** |
| + | * Adds event handlers for items within the tabs. |
| + | * @private |
| + | */ |
| + | Tabs.prototype._events = function(){ |
| + | this._addKeyHandler(); |
| + | this._addClickHandler(); |
| + | if(this.options.matchHeight){ |
| + | $(window).on('changed.zf.mediaquery', this._setHeight.bind(this)); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Adds click handlers for items within the tabs. |
| + | * @private |
| + | */ |
| + | Tabs.prototype._addClickHandler = function(){ |
| + | var _this = this; |
| + | this.$tabTitles.off('click.zf.tabs') |
| + | .on('click.zf.tabs', function(e){ |
| + | e.preventDefault(); |
| + | e.stopPropagation(); |
| + | if($(this).hasClass('is-active')){ |
| + | return; |
| + | } |
| + | _this._handleTabChange($(this)); |
| + | }); |
| + | }; |
| + | |
| + | /** |
| + | * Adds keyboard event handlers for items within the tabs. |
| + | * @private |
| + | */ |
| + | Tabs.prototype._addKeyHandler = function(){ |
| + | var _this = this; |
| + | var $firstTab = _this.$element.find('li:first-of-type'); |
| + | var $lastTab = _this.$element.find('li:last-of-type'); |
| + | |
| + | this.$tabTitles.off('keydown.zf.tabs').on('keydown.zf.tabs', function(e){ |
| + | e.stopPropagation(); |
| + | e.preventDefault(); |
| + | |
| + | var $element = $(this), |
| + | $elements = $element.parent('ul').children('li'), |
| + | $prevElement, |
| + | $nextElement; |
| + | |
| + | $elements.each(function(i) { |
| + | if ($(this).is($element)) { |
| + | if (_this.options.wrapOnKeys) { |
| + | $prevElement = i === 0 ? $elements.last() : $elements.eq(i-1); |
| + | $nextElement = i === $elements.length -1 ? $elements.first() : $elements.eq(i+1); |
| + | } else { |
| + | $prevElement = $elements.eq(Math.max(0, i-1)); |
| + | $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)); |
| + | } |
| + | return; |
| + | } |
| + | }); |
| + | |
| + | // handle keyboard event with keyboard util |
| + | Foundation.Keyboard.handleKey(e, _this, { |
| + | open: function() { |
| + | $element.find('[role="tab"]').focus(); |
| + | _this._handleTabChange($element); |
| + | }, |
| + | previous: function() { |
| + | $prevElement.find('[role="tab"]').focus(); |
| + | _this._handleTabChange($prevElement); |
| + | }, |
| + | next: function() { |
| + | $nextElement.find('[role="tab"]').focus(); |
| + | _this._handleTabChange($nextElement); |
| + | } |
| + | }); |
| + | }); |
| + | }; |
| + | |
| + | |
| + | /** |
| + | * Opens the tab `$targetContent` defined by `$target`. |
| + | * @param {jQuery} $target - Tab to open. |
| + | * @fires Tabs#change |
| + | * @function |
| + | */ |
| + | Tabs.prototype._handleTabChange = function($target){ |
| + | var $tabLink = $target.find('[role="tab"]'), |
| + | hash = $tabLink.attr('href'), |
| + | $targetContent = $(hash), |
| + | |
| + | $oldTab = this.$element.find('.' + this.options.linkClass + '.is-active') |
| + | .removeClass('is-active').find('[role="tab"]') |
| + | .attr({'aria-selected': 'false'}).attr('href'); |
| + | |
| + | $($oldTab).removeClass('is-active').attr({'aria-hidden': 'true'}); |
| + | |
| + | $target.addClass('is-active'); |
| + | |
| + | $tabLink.attr({'aria-selected': 'true'}); |
| + | |
| + | $targetContent |
| + | .addClass('is-active') |
| + | .attr({'aria-hidden': 'false'}); |
| + | |
| + | /** |
| + | * Fires when the plugin has successfully changed tabs. |
| + | * @event Tabs#change |
| + | */ |
| + | this.$element.trigger('change.zf.tabs', [$target]); |
| + | // Foundation.reflow(this.$element, 'tabs'); |
| + | }; |
| + | |
| + | /** |
| + | * Public method for selecting a content pane to display. |
| + | * @param {jQuery | String} elem - jQuery object or string of the id of the pane to display. |
| + | * @function |
| + | */ |
| + | Tabs.prototype.selectTab = function(elem){ |
| + | var idStr; |
| + | if(typeof elem === 'object'){ |
| + | idStr = elem[0].id; |
| + | }else{ |
| + | idStr = elem; |
| + | } |
| + | |
| + | if(idStr.indexOf('#') < 0){ |
| + | idStr = '#' + idStr; |
| + | } |
| + | var $target = this.$tabTitles.find('[href="' + idStr + '"]').parent('.' + this.options.linkClass); |
| + | |
| + | this._handleTabChange($target); |
| + | }; |
| + | /** |
| + | * Sets the height of each panel to the height of the tallest panel. |
| + | * If enabled in options, gets called on media query change. |
| + | * If loading content via external source, can be called directly or with _reflow. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Tabs.prototype._setHeight = function(){ |
| + | var max = 0; |
| + | this.$tabContent.find('.' + this.options.panelClass) |
| + | .css('height', '') |
| + | .each(function(){ |
| + | var panel = $(this), |
| + | isActive = panel.hasClass('is-active'); |
| + | |
| + | if(!isActive){ |
| + | panel.css({'visibility': 'hidden', 'display': 'block'}); |
| + | } |
| + | var temp = this.getBoundingClientRect().height; |
| + | |
| + | if(!isActive){ |
| + | panel.css({'visibility': '', 'display': ''}); |
| + | } |
| + | |
| + | max = temp > max ? temp : max; |
| + | }) |
| + | .css('height', max + 'px'); |
| + | }; |
| + | |
| + | /** |
| + | * Destroys an instance of an tabs. |
| + | * @fires Tabs#destroyed |
| + | */ |
| + | Tabs.prototype.destroy = function() { |
| + | this.$element.find('.' + this.options.linkClass) |
| + | .off('.zf.tabs').hide().end() |
| + | .find('.' + this.options.panelClass) |
| + | .hide(); |
| + | if(this.options.matchHeight){ |
| + | $(window).off('changed.zf.mediaquery'); |
| + | } |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Tabs, 'Tabs'); |
| + | |
| + | function checkClass($elem){ |
| + | return $elem.hasClass('is-active'); |
| + | } |
| + | }(jQuery, window.Foundation); |
| + | |
| + | /** |
| + | * Toggler module. |
| + | * @module foundation.toggler |
| + | * @requires foundation.util.motion |
| + | */ |
| + | |
| + | !function(Foundation, $) { |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of Toggler. |
| + | * @class |
| + | * @fires Toggler#init |
| + | * @param {Object} element - jQuery object to add the trigger to. |
| + | * @param {Object} options - Overrides to the default plugin settings. |
| + | */ |
| + | function Toggler(element, options) { |
| + | this.$element = element; |
| + | this.options = $.extend({}, Toggler.defaults, element.data(), options); |
| + | this.className = ''; |
| + | |
| + | this._init(); |
| + | this._events(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | Toggler.defaults = { |
| + | /** |
| + | * Tells the plugin if the element should animated when toggled. |
| + | * @option |
| + | * @example false |
| + | */ |
| + | animate: false |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the Toggler plugin by parsing the toggle class from data-toggler, or animation classes from data-animate. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Toggler.prototype._init = function() { |
| + | var input; |
| + | // Parse animation classes if they were set |
| + | if (this.options.animate) { |
| + | input = this.options.animate.split(' '); |
| + | |
| + | this.animationIn = input[0]; |
| + | this.animationOut = input[1] || null; |
| + | } |
| + | // Otherwise, parse toggle class |
| + | else { |
| + | input = this.$element.data('toggler'); |
| + | |
| + | // Allow for a . at the beginning of the string |
| + | if (input[0] === '.') { |
| + | this.className = input.slice(1); |
| + | } |
| + | else { |
| + | this.className = input; |
| + | } |
| + | } |
| + | |
| + | // Add ARIA attributes to triggers |
| + | var id = this.$element[0].id; |
| + | $('[data-open="'+id+'"], [data-close="'+id+'"], [data-toggle="'+id+'"]') |
| + | .attr('aria-controls', id); |
| + | |
| + | // If the target is hidden, add aria-hidden |
| + | if (this.$element.is(':hidden')) { |
| + | this.$element.attr('aria-expanded', 'false'); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Initializes events for the toggle trigger. |
| + | * @function |
| + | * @private |
| + | */ |
| + | Toggler.prototype._events = function() { |
| + | var _this = this; |
| + | |
| + | this.$element.on('toggle.zf.trigger', function() { |
| + | _this.toggle(); |
| + | return false; |
| + | }); |
| + | }; |
| + | |
| + | /** |
| + | * Toggles the target class on the target element. An event is fired from the original trigger depending on if the resultant state was "on" or "off". |
| + | * @function |
| + | * @fires Toggler#on |
| + | * @fires Toggler#off |
| + | */ |
| + | Toggler.prototype.toggle = function() { |
| + | if (!this.options.animate) { |
| + | this._toggleClass(); |
| + | } |
| + | else { |
| + | this._toggleAnimate(); |
| + | } |
| + | }; |
| + | |
| + | Toggler.prototype._toggleClass = function() { |
| + | var _this = this; |
| + | this.$element.toggleClass(this.className); |
| + | |
| + | if (this.$element.hasClass(this.className)) { |
| + | /** |
| + | * Fires if the target element has the class after a toggle. |
| + | * @event Toggler#on |
| + | */ |
| + | this.$element.trigger('on.zf.toggler'); |
| + | } |
| + | else { |
| + | /** |
| + | * Fires if the target element does not have the class after a toggle. |
| + | * @event Toggler#off |
| + | */ |
| + | this.$element.trigger('off.zf.toggler'); |
| + | } |
| + | |
| + | _this._updateARIA(); |
| + | }; |
| + | |
| + | Toggler.prototype._toggleAnimate = function() { |
| + | var _this = this; |
| + | |
| + | if (this.$element.is(':hidden')) { |
| + | Foundation.Motion.animateIn(this.$element, this.animationIn, function() { |
| + | this.trigger('on.zf.toggler'); |
| + | _this._updateARIA(); |
| + | }); |
| + | } |
| + | else { |
| + | Foundation.Motion.animateOut(this.$element, this.animationOut, function() { |
| + | this.trigger('off.zf.toggler'); |
| + | _this._updateARIA(); |
| + | }); |
| + | } |
| + | }; |
| + | |
| + | Toggler.prototype._updateARIA = function() { |
| + | if (this.$element.is(':hidden')) { |
| + | this.$element.attr('aria-expanded', 'false'); |
| + | } |
| + | else { |
| + | this.$element.attr('aria-expanded', 'true'); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * Destroys the instance of Toggler on the element. |
| + | * @function |
| + | */ |
| + | Toggler.prototype.destroy= function() { |
| + | this.$element.off('.zf.toggler'); |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | |
| + | Foundation.plugin(Toggler, 'Toggler'); |
| + | |
| + | // Exports for AMD/Browserify |
| + | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| + | module.exports = Toggler; |
| + | if (typeof define === 'function') |
| + | define(['foundation'], function() { |
| + | return Toggler; |
| + | }); |
| + | |
| + | }(Foundation, jQuery); |
| + | |
| + | /** |
| + | * Tooltip module. |
| + | * @module foundation.tooltip |
| + | * @requires foundation.util.box |
| + | * @requires foundation.util.triggers |
| + | */ |
| + | !function($, document, Foundation){ |
| + | 'use strict'; |
| + | |
| + | /** |
| + | * Creates a new instance of a Tooltip. |
| + | * @class |
| + | * @fires Tooltip#init |
| + | * @param {jQuery} element - jQuery object to attach a tooltip to. |
| + | * @param {Object} options - object to extend the default configuration. |
| + | */ |
| + | function Tooltip(element, options){ |
| + | this.$element = element; |
| + | this.options = $.extend({}, Tooltip.defaults, this.$element.data(), options); |
| + | |
| + | this.isActive = false; |
| + | this.isClick = false; |
| + | this._init(); |
| + | |
| + | Foundation.registerPlugin(this); |
| + | } |
| + | |
| + | Tooltip.defaults = { |
| + | disableForTouch: false, |
| + | /** |
| + | * Time, in ms, before a tooltip should open on hover. |
| + | * @option |
| + | * @example 200 |
| + | */ |
| + | hoverDelay: 200, |
| + | /** |
| + | * Time, in ms, a tooltip should take to fade into view. |
| + | * @option |
| + | * @example 150 |
| + | */ |
| + | fadeInDuration: 150, |
| + | /** |
| + | * Time, in ms, a tooltip should take to fade out of view. |
| + | * @option |
| + | * @example 150 |
| + | */ |
| + | fadeOutDuration: 150, |
| + | /** |
| + | * Disables hover events from opening the tooltip if set to true |
| + | * @option |
| + | * @example false |
| + | */ |
| + | disableHover: false, |
| + | /** |
| + | * Optional addtional classes to apply to the tooltip template on init. |
| + | * @option |
| + | * @example 'my-cool-tip-class' |
| + | */ |
| + | templateClasses: '', |
| + | /** |
| + | * Non-optional class added to tooltip templates. Foundation default is 'tooltip'. |
| + | * @option |
| + | * @example 'tooltip' |
| + | */ |
| + | tooltipClass: 'tooltip', |
| + | /** |
| + | * Class applied to the tooltip anchor element. |
| + | * @option |
| + | * @example 'has-tip' |
| + | */ |
| + | triggerClass: 'has-tip', |
| + | /** |
| + | * Minimum breakpoint size at which to open the tooltip. |
| + | * @option |
| + | * @example 'small' |
| + | */ |
| + | showOn: 'small', |
| + | /** |
| + | * Custom template to be used to generate markup for tooltip. |
| + | * @option |
| + | * @example '<div class="tooltip"></div>' |
| + | */ |
| + | template: '', |
| + | /** |
| + | * Text displayed in the tooltip template on open. |
| + | * @option |
| + | * @example 'Some cool space fact here.' |
| + | */ |
| + | tipText: '', |
| + | touchCloseText: 'Tap to close.', |
| + | /** |
| + | * Allows the tooltip to remain open if triggered with a click or touch event. |
| + | * @option |
| + | * @example true |
| + | */ |
| + | clickOpen: true, |
| + | /** |
| + | * Additional positioning classes, set by the JS |
| + | * @option |
| + | * @example 'top' |
| + | */ |
| + | positionClass: '', |
| + | /** |
| + | * Distance, in pixels, the template should push away from the anchor on the Y axis. |
| + | * @option |
| + | * @example 10 |
| + | */ |
| + | vOffset: 10, |
| + | /** |
| + | * Distance, in pixels, the template should push away from the anchor on the X axis, if aligned to a side. |
| + | * @option |
| + | * @example 12 |
| + | */ |
| + | hOffset: 12 |
| + | }; |
| + | |
| + | /** |
| + | * Initializes the tooltip by setting the creating the tip element, adding it's text, setting private variables and setting attributes on the anchor. |
| + | * @private |
| + | */ |
| + | Tooltip.prototype._init = function(){ |
| + | var elemId = this.$element.attr('aria-describedby') || Foundation.GetYoDigits(6, 'tooltip'); |
| + | |
| + | this.options.positionClass = this._getPositionClass(this.$element); |
| + | this.options.tipText = this.options.tipText || this.$element.attr('title'); |
| + | this.template = this.options.template ? $(this.options.template) : this._buildTemplate(elemId); |
| + | |
| + | this.template.appendTo(document.body) |
| + | .text(this.options.tipText) |
| + | .hide(); |
| + | |
| + | this.$element.attr({ |
| + | 'title': '', |
| + | 'aria-describedby': elemId, |
| + | 'data-yeti-box': elemId, |
| + | 'data-toggle': elemId, |
| + | 'data-resize': elemId |
| + | }).addClass(this.triggerClass); |
| + | |
| + | //helper variables to track movement on collisions |
| + | this.usedPositions = []; |
| + | this.counter = 4; |
| + | this.classChanged = false; |
| + | |
| + | this._events(); |
| + | }; |
| + | |
| + | /** |
| + | * Grabs the current positioning class, if present, and returns the value or an empty string. |
| + | * @private |
| + | */ |
| + | Tooltip.prototype._getPositionClass = function(element){ |
| + | if(!element){ return ''; } |
| + | // var position = element.attr('class').match(/top|left|right/g); |
| + | var position = element[0].className.match(/(top|left|right)/g); |
| + | position = position ? position[0] : ''; |
| + | return position; |
| + | }; |
| + | /** |
| + | * builds the tooltip element, adds attributes, and returns the template. |
| + | * @private |
| + | */ |
| + | Tooltip.prototype._buildTemplate = function(id){ |
| + | var templateClasses = (this.options.tooltipClass + ' ' + this.options.positionClass).trim(); |
| + | var $template = $('<div></div>').addClass(templateClasses).attr({ |
| + | 'role': 'tooltip', |
| + | 'aria-hidden': true, |
| + | 'data-is-active': false, |
| + | 'data-is-focus': false, |
| + | 'id': id |
| + | }); |
| + | return $template; |
| + | }; |
| + | |
| + | /** |
| + | * Function that gets called if a collision event is detected. |
| + | * @param {String} position - positioning class to try |
| + | * @private |
| + | */ |
| + | Tooltip.prototype._reposition = function(position){ |
| + | this.usedPositions.push(position ? position : 'bottom'); |
| + | |
| + | //default, try switching to opposite side |
| + | if(!position && (this.usedPositions.indexOf('top') < 0)){ |
| + | this.template.addClass('top'); |
| + | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') < 0)){ |
| + | this.template.removeClass(position); |
| + | }else if(position === 'left' && (this.usedPositions.indexOf('right') < 0)){ |
| + | this.template.removeClass(position) |
| + | .addClass('right'); |
| + | }else if(position === 'right' && (this.usedPositions.indexOf('left') < 0)){ |
| + | this.template.removeClass(position) |
| + | .addClass('left'); |
| + | } |
| + | |
| + | //if default change didn't work, try bottom or left first |
| + | else if(!position && (this.usedPositions.indexOf('top') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| + | this.template.addClass('left'); |
| + | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| + | this.template.removeClass(position) |
| + | .addClass('left'); |
| + | }else if(position === 'left' && (this.usedPositions.indexOf('right') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| + | this.template.removeClass(position); |
| + | }else if(position === 'right' && (this.usedPositions.indexOf('left') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| + | this.template.removeClass(position); |
| + | } |
| + | //if nothing cleared, set to bottom |
| + | else{ |
| + | this.template.removeClass(position); |
| + | } |
| + | this.classChanged = true; |
| + | this.counter--; |
| + | |
| + | }; |
| + | |
| + | /** |
| + | * sets the position class of an element and recursively calls itself until there are no more possible positions to attempt, or the tooltip element is no longer colliding. |
| + | * if the tooltip is larger than the screen width, default to full width - any user selected margin |
| + | * @private |
| + | */ |
| + | Tooltip.prototype._setPosition = function(){ |
| + | var position = this._getPositionClass(this.template), |
| + | $tipDims = Foundation.Box.GetDimensions(this.template), |
| + | $anchorDims = Foundation.Box.GetDimensions(this.$element), |
| + | direction = (position === 'left' ? 'left' : ((position === 'right') ? 'left' : 'top')), |
| + | param = (direction === 'top') ? 'height' : 'width', |
| + | offset = (param === 'height') ? this.options.vOffset : this.options.hOffset, |
| + | _this = this; |
| + | |
| + | if(($tipDims.width >= $tipDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.template))){ |
| + | this.template.offset(Foundation.Box.GetOffsets(this.template, this.$element, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({ |
| + | // this.$element.offset(Foundation.GetOffsets(this.template, this.$element, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({ |
| + | 'width': $anchorDims.windowDims.width - (this.options.hOffset * 2), |
| + | 'height': 'auto' |
| + | }); |
| + | return false; |
| + | } |
| + | |
| + | this.template.offset(Foundation.Box.GetOffsets(this.template, this.$element,'center ' + (position || 'bottom'), this.options.vOffset, this.options.hOffset)); |
| + | |
| + | while(!Foundation.Box.ImNotTouchingYou(this.template) && this.counter){ |
| + | this._reposition(position); |
| + | this._setPosition(); |
| + | } |
| + | }; |
| + | |
| + | /** |
| + | * reveals the tooltip, and fires an event to close any other open tooltips on the page |
| + | * @fires Closeme#tooltip |
| + | * @fires Tooltip#show |
| + | * @function |
| + | */ |
| + | Tooltip.prototype.show = function(){ |
| + | if(this.options.showOn !== 'all' && !Foundation.MediaQuery.atLeast(this.options.showOn)){ |
| + | // console.error('The screen is too small to display this tooltip'); |
| + | return false; |
| + | } |
| + | |
| + | var _this = this; |
| + | this.template.css('visibility', 'hidden').show(); |
| + | this._setPosition(); |
| + | |
| + | /** |
| + | * Fires to close all other open tooltips on the page |
| + | * @event Closeme#tooltip |
| + | */ |
| + | this.$element.trigger('closeme.zf.tooltip', this.template.attr('id')); |
| + | |
| + | |
| + | this.template.attr({ |
| + | 'data-is-active': true, |
| + | 'aria-hidden': false |
| + | }); |
| + | _this.isActive = true; |
| + | // console.log(this.template); |
| + | this.template.stop().hide().css('visibility', '').fadeIn(this.options.fadeInDuration, function(){ |
| + | //maybe do stuff? |
| + | }); |
| + | /** |
| + | * Fires when the tooltip is shown |
| + | * @event Tooltip#show |
| + | */ |
| + | this.$element.trigger('show.zf.tooltip'); |
| + | }; |
| + | |
| + | /** |
| + | * Hides the current tooltip, and resets the positioning class if it was changed due to collision |
| + | * @fires Tooltip#hide |
| + | * @function |
| + | */ |
| + | Tooltip.prototype.hide = function(){ |
| + | // console.log('hiding', this.$element.data('yeti-box')); |
| + | var _this = this; |
| + | this.template.stop().attr({ |
| + | 'aria-hidden': true, |
| + | 'data-is-active': false |
| + | }).fadeOut(this.options.fadeOutDuration, function(){ |
| + | _this.isActive = false; |
| + | _this.isClick = false; |
| + | if(_this.classChanged){ |
| + | _this.template |
| + | .removeClass(_this._getPositionClass(_this.template)) |
| + | .addClass(_this.options.positionClass); |
| + | |
| + | _this.usedPositions = []; |
| + | _this.counter = 4; |
| + | _this.classChanged = false; |
| + | } |
| + | }); |
| + | /** |
| + | * fires when the tooltip is hidden |
| + | * @event Tooltip#hide |
| + | */ |
| + | this.$element.trigger('hide.zf.tooltip'); |
| + | }; |
| + | |
| + | /** |
| + | * adds event listeners for the tooltip and its anchor |
| + | * TODO combine some of the listeners like focus and mouseenter, etc. |
| + | * @private |
| + | */ |
| + | Tooltip.prototype._events = function(){ |
| + | var _this = this; |
| + | var $template = this.template; |
| + | var isFocus = false; |
| + | |
| + | if(!this.options.disableHover){ |
| + | |
| + | this.$element |
| + | .on('mouseenter.zf.tooltip', function(e){ |
| + | if(!_this.isActive){ |
| + | _this.timeout = setTimeout(function(){ |
| + | _this.show(); |
| + | }, _this.options.hoverDelay); |
| + | } |
| + | }) |
| + | .on('mouseleave.zf.tooltip', function(e){ |
| + | clearTimeout(_this.timeout); |
| + | if(!isFocus || (!_this.isClick && _this.options.clickOpen)){ |
| + | _this.hide(); |
| + | } |
| + | }); |
| + | } |
| + | if(this.options.clickOpen){ |
| + | this.$element.on('mousedown.zf.tooltip', function(e){ |
| + | e.stopImmediatePropagation(); |
| + | if(_this.isClick){ |
| + | _this.hide(); |
| + | // _this.isClick = false; |
| + | }else{ |
| + | _this.isClick = true; |
| + | if((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive){ |
| + | _this.show(); |
| + | } |
| + | } |
| + | }); |
| + | } |
| + | |
| + | if(!this.options.disableForTouch){ |
| + | this.$element |
| + | .on('tap.zf.tooltip touchend.zf.tooltip', function(e){ |
| + | _this.isActive ? _this.hide() : _this.show(); |
| + | }); |
| + | } |
| + | |
| + | this.$element.on({ |
| + | // 'toggle.zf.trigger': this.toggle.bind(this), |
| + | // 'close.zf.trigger': this.hide.bind(this) |
| + | 'close.zf.trigger': this.hide.bind(this) |
| + | }); |
| + | |
| + | this.$element |
| + | .on('focus.zf.tooltip', function(e){ |
| + | isFocus = true; |
| + | console.log(_this.isClick); |
| + | if(_this.isClick){ |
| + | return false; |
| + | }else{ |
| + | // $(window) |
| + | _this.show(); |
| + | } |
| + | }) |
| + | |
| + | .on('focusout.zf.tooltip', function(e){ |
| + | isFocus = false; |
| + | _this.isClick = false; |
| + | _this.hide(); |
| + | }) |
| + | |
| + | .on('resizeme.zf.trigger', function(){ |
| + | if(_this.isActive){ |
| + | _this._setPosition(); |
| + | } |
| + | }); |
| + | }; |
| + | /** |
| + | * adds a toggle method, in addition to the static show() & hide() functions |
| + | * @function |
| + | */ |
| + | Tooltip.prototype.toggle = function(){ |
| + | if(this.isActive){ |
| + | this.hide(); |
| + | }else{ |
| + | this.show(); |
| + | } |
| + | }; |
| + | /** |
| + | * Destroys an instance of tooltip, removes template element from the view. |
| + | * @function |
| + | */ |
| + | Tooltip.prototype.destroy = function(){ |
| + | this.$element.attr('title', this.template.text()) |
| + | .off('.zf.trigger .zf.tootip') |
| + | // .removeClass('has-tip') |
| + | .removeAttr('aria-describedby') |
| + | .removeAttr('data-yeti-box') |
| + | .removeAttr('data-toggle') |
| + | .removeAttr('data-resize'); |
| + | |
| + | this.template.remove(); |
| + | |
| + | Foundation.unregisterPlugin(this); |
| + | }; |
| + | /** |
| + | * TODO utilize resize event trigger |
| + | */ |
| + | |
| + | Foundation.plugin(Tooltip, 'Tooltip'); |
| + | }(jQuery, window.document, window.Foundation); |
generators/foundation/public/javascripts/vendor/foundation.min.js
+3
-0
| @@ | @@ -0,0 +1,3 @@ |
| + | !function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var n="6.0.3",s={version:n,_plugins:{},_uuids:[],_activePlugins:{},rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t,n){var s=n||e(t),o=i(s);this._plugins[o]=this[s]=t},registerPlugin:function(t){var i=e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,i),t.$element.attr("data-"+i,t.uuid).trigger("init.zf."+i),this._activePlugins[t.uuid]=t},unregisterPlugin:function(t){var i=e(t.constructor).toLowerCase();delete this._activePlugins[t.uuid],t.$element.removeAttr("data-"+i).trigger("destroyed.zf."+i)},_reflow:function(t){var e=Object.keys(this._activePlugins),i=this;if(t){if("string"==typeof t){var n=t.split("-")[1];n?this._activePlugins[t]._init():(n=new RegExp(t,"i"),e.filter(function(t){return n.test(t)}).forEach(function(t){i._activePlugins[t]._init()}))}}else e.forEach(function(t){i._activePlugins[t]._init()})},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,i){"undefined"==typeof i?i=Object.keys(this._plugins):"string"==typeof i&&(i=[i]);var n=this;t.each(i,function(i,s){var o=n._plugins[s],a=t(e).find("[data-"+s+"]").addBack("*");a.each(function(){return t(this).attr("zf-plugin")?void console.warn("Tried to initialize "+s+" on an element that already has a Foundation plugin."):void t(this).data("zf-plugin",new o(t(this)))})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};s.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var o=function(i){var n=typeof i,o=t("meta.foundation-mq"),a=t(".no-js");if(o.length||t('<meta class="foundation-mq">').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)s.MediaQuery._init(),s.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, '"+n+"' is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=s,t.fn.foundation=o,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var i=t[e];window.requestAnimationFrame=window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var n=0;window.requestAnimationFrame=function(t){var e=Date.now(),i=Math.max(n+16,e);return setTimeout(function(){t(n=i)},i-e)},window.cancelAnimationFrame=clearTimeout}window.performance&&window.performance.now||(window.performance={start:Date.now(),now:function(){return Date.now()-this.start}})}(),Function.prototype.bind||(Function.prototype.bind=function(t){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var e=Array.prototype.slice.call(arguments,1),i=this,n=function(){},s=function(){return i.apply(this instanceof n?this:t,e.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(n.prototype=this.prototype),s.prototype=new n,s})}(jQuery),!function(t,e){var i=function(t,e,i,s){var o,a,r,l,d=n(t);if(e){var h=n(e);a=d.offset.top+d.height<=h.height+h.offset.top,o=d.offset.top>=h.offset.top,r=d.offset.left>=h.offset.left,l=d.offset.left+d.width<=h.width}else a=d.offset.top+d.height<=d.windowDims.height+d.windowDims.offset.top,o=d.offset.top>=d.windowDims.offset.top,r=d.offset.left>=d.windowDims.offset.left,l=d.offset.left+d.width<=d.windowDims.width;var u=[a,o,r,l];return i?r===l==!0:s?o===a==!0:-1===u.indexOf(!1)},n=function(t,i){if(t=t.length?t[0]:t,t===e||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var n=t.getBoundingClientRect(),s=t.parentNode.getBoundingClientRect(),o=document.body.getBoundingClientRect(),a=e.pageYOffset,r=e.pageXOffset;return{width:n.width,height:n.height,offset:{top:n.top+a,left:n.left+r},parentDims:{width:s.width,height:s.height,offset:{top:s.top+a,left:s.left+r}},windowDims:{width:o.width,height:o.height,offset:{top:a,left:r}}}},s=function(t,e,i,s,o,a){var r=n(t),l=e?n(e):null;switch(i){case"top":return{left:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};default:return{left:l.offset.left,top:l.offset.top+l.height+s}}};t.Box={ImNotTouchingYou:i,GetDimensions:n,GetOffsets:s}}(window.Foundation,window),!function(t,e){"use strict";e.Keyboard={};var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n=function(t){var e={};for(var i in t)e[t[i]]=t[i];return e}(i);e.Keyboard.keys=n;var s=function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e};e.Keyboard.parseKey=s;var o={},a=function(i,n,a){var r,l,d,h=o[e.getFnName(n)],u=s(i);return h?(r="undefined"==typeof h.ltr?h:e.rtl()?t.extend({},h.ltr,h.rtl):t.extend({},h.rtl,h.ltr),l=r[u],d=a[l],void(d&&"function"==typeof d?(d.apply(n),(a.handled||"function"==typeof a.handled)&&a.handled.apply(n)):(a.unhandled||"function"==typeof a.unhandled)&&a.unhandled.apply(n))):console.warn("Component not defined!")};e.Keyboard.handleKey=a;var r=function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!t(this).is(":visible")||t(this).attr("tabindex")<0?!1:!0})};e.Keyboard.findFocusable=r;var l=function(t,e){o[t]=e};e.Keyboard.register=l}(jQuery,window.Foundation),!function(t,e){function i(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var n={queries:[],current:"",atLeast:function(t){var e=this.get(t);return e?window.matchMedia(e).matches:!1},get:function(t){for(var e in this.queries){var i=this.queries[e];if(t===i.name)return i.value}return null},_init:function(){var e,n=this,s=t(".foundation-mq").css("font-family");e=i(s);for(var o in e)n.queries.push({name:o,value:"only screen and (min-width: "+e[o]+")"});this.current=this._getCurrentSize(),this._watcher()},_getCurrentSize:function(){var t;for(var e in this.queries){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize();i!==e.current&&(t(window).trigger("changed.zf.mediaquery",[i,e.current]),e.current=i)})}};e.MediaQuery=n,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}())}(jQuery,Foundation),!function(t,e){function i(i,o,a,r){function l(){i||o.hide(),d(),r&&r.apply(o)}function d(){o[0].style.transitionDuration=0,o.removeClass(h+" "+u+" "+a)}if(o=t(o).eq(0),o.length){var h=i?n[0]:n[1],u=i?s[0]:s[1];d(),o.addClass(a).css("transition","none"),requestAnimationFrame(function(){o.addClass(h),i&&o.show()}),requestAnimationFrame(function(){o[0].offsetWidth,o.css("transition",""),o.addClass(u)}),o.one(e.transitionend(o),l)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}},a=function(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),t>o?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)};e.Move=a,e.Motion=o}(jQuery,Foundation),!function(t,e){"use strict";e.Nest={Feather:function(e,i){e.attr("role","menubar"),i=i||"zf";var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass("has-submenu "+a),i.addClass("submenu "+s).attr("data-submenu","")),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find("*").removeClass(i+" "+n+" "+s+" has-submenu is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}}}(jQuery,window.Foundation),!function(t,e){"use strict";var i=function(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){clearTimeout(s),l=0>=l?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}},n=function(e,i){var n=e.length;0===n&&i();var s=function(){n--,0===n&&i()};e.each(function(){this.complete?s():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?s():t(this).one("load",function(){s()})})};e.Timer=i,e.onImagesLoaded=n}(jQuery,window.Foundation),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),d=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),d){var n,s=i.touches[0].pageX,h=i.touches[0].pageY,u=o-s,c=a-h;l=(new Date).getTime()-r,Math.abs(u)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold?n=u>0?"left":"right":Math.abs(c)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=c>0?"down":"up"),n&&(e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,d=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!0,moveThreshold:75,timeThreshold:200};var o,a,r,l,d=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e=t.changedTouches,i=e[0],n={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},s=n[t.type],o=document.createEvent("MouseEvent");o.initMouseEvent(s,!0,!0,window,1,i.screenX,i.screenY,i.clientX,i.clientY,!1,!1,!1,!1,0,null),i.target.dispatchEvent(o)}}}(jQuery),!function(t,e){"use strict";e(document).on("click.zf.trigger","[data-open]",function(){var t=e(this).data("open");e("#"+t).triggerHandler("open.zf.trigger",[e(this)])}),e(document).on("click.zf.trigger","[data-close]",function(){var t=e(this).data("close");t?e("#"+t).triggerHandler("close.zf.trigger",[e(this)]):e(this).trigger("close.zf.trigger")}),e(document).on("click.zf.trigger","[data-toggle]",function(){var t=e(this).data("toggle");e("#"+t).triggerHandler("toggle.zf.trigger",[e(this)])}),e(document).on("close.zf.trigger","[data-closable]",function(){var i=e(this).data("closable")||"fade-out";t.Motion?t.Motion.animateOut(e(this),i,function(){e(this).trigger("closed.zf")}):e(this).fadeOut().trigger("closed.zf")});var i=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;e<t.length;e++)if(t[e]+"MutationObserver"in window)return window[t[e]+"MutationObserver"];return!1}(),n=function(){r(),o(),a(),s()};e(window).load(function(){n()});var s=function(t){var i=e("[data-yeti-box]"),n=["dropdown","tooltip","reveal"];if(t&&("string"==typeof t?n.push(t):"object"==typeof t&&"string"==typeof t[0]?n.concat(t):console.error("Plugin names must be strings")),i.length){var s=n.map(function(t){return"closeme.zf."+t}).join(" ");e(window).off(s).on(s,function(t,i){var n=t.namespace.split(".")[0],s=e("[data-"+n+"]").not('[data-yeti-box="'+i+'"]');s.each(function(){var t=e(this);t.triggerHandler("close.zf.trigger",[t])})})}},o=function(t){var n,s=e("[data-resize]");s.length&&e(window).off("resize.zf.trigger").on("resize.zf.trigger",function(o){n&&clearTimeout(n),n=setTimeout(function(){i||s.each(function(){e(this).triggerHandler("resizeme.zf.trigger")}),s.attr("data-events","resize")},t||10)})},a=function(t){var n,s=e("[data-scroll]");s.length&&e(window).off("scroll.zf.trigger").on("scroll.zf.trigger",function(o){n&&clearTimeout(n),n=setTimeout(function(){i||s.each(function(){e(this).triggerHandler("scrollme.zf.trigger")}),s.attr("data-events","scroll")},t||10)})},r=function(){if(!i)return!1;var t=document.querySelectorAll("[data-resize], [data-scroll], [data-mutate]"),n=function(t){var i=e(t[0].target);switch(i.attr("data-events")){case"resize":i.triggerHandler("resizeme.zf.trigger",[i]);break;case"scroll":i.triggerHandler("scrollme.zf.trigger",[i,window.pageYOffset]);break;default:return!1}};if(t.length)for(var s=0;s<=t.length-1;s++){var o=new i(n);o.observe(t[s],{attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["data-events"]})}};t.IHearYou=n}(window.Foundation,window.jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this.$window=e(window),this.name="Abide",this.attr="data-abide",this._init(),this._events(),t.registerPlugin(this)}i.defaults={validateOn:"fieldChange",labelErrorClass:"is-invalid-label",inputErrorClass:"is-invalid-input",formErrorSelector:".form-error",formErrorClass:"is-visible",patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(t,e,i){var n=document.getElementById(t.getAttribute(this.add_namespace("data-equalto"))).value,s=t.value,o=n===s;return o}}},i.prototype._init=function(){},i.prototype._events=function(){var t=this;this.$element.off(".abide").on("reset.fndtn.abide",function(i){t.resetForm(e(this))}).on("submit.fndtn.abide",function(e){e.preventDefault(),t.validateForm(t.$element)}).find("input, textarea, select").off(".abide").on("blur.fndtn.abide change.fndtn.abide",function(i){"fieldChange"===t.options.validateOn&&t.validateInput(e(i.target),t.$element)}).on("keydown.fndtn.abide",function(t){})},i.prototype._reflow=function(){},i.prototype.requiredCheck=function(t){switch(t[0].type){case"text":return t.attr("required")&&!t.val()?!1:!0;case"checkbox":return t.attr("required")&&!t.is(":checked")?!1:!0;case"radio":return t.attr("required")&&!t.is(":checked")?!1:!0;default:return!t.attr("required")||t.val()&&t.val().length&&!t.is(":empty")?!0:!1}},i.prototype.findLabel=function(t){return t.next("label").length?t.next("label"):t.closest("label")},i.prototype.addErrorClasses=function(t){var e=this,i=e.findLabel(t),n=t.next(e.options.formErrorSelector)||t.find(e.options.formErrorSelector);i&&i.addClass(e.options.labelErrorClass),n&&n.addClass(e.options.formErrorClass),t.addClass(e.options.inputErrorClass)},i.prototype.removeErrorClasses=function(t){var e=this,i=e.findLabel(t),n=t.next(e.options.formErrorSelector)||t.find(e.options.formErrorSelector);i&&i.hasClass(e.options.labelErrorClass)&&i.removeClass(e.options.labelErrorClass),n&&n.hasClass(e.options.formErrorClass)&&n.removeClass(e.options.formErrorClass),t.hasClass(e.options.inputErrorClass)&&t.removeClass(e.options.inputErrorClass)},i.prototype.validateInput=function(t,i){var n,s,o=this;i.find('input[type="text"]'),i.find('input[type="checkbox"]');"text"===t[0].type?o.requiredCheck(t)&&o.validateText(t)?(o.removeErrorClasses(t),t.trigger("valid.fndtn.abide",t[0])):(o.addErrorClasses(t),t.trigger("invalid.fndtn.abide",t[0])):"radio"===t[0].type?(s=t.attr("name"),n=t.siblings("label"),o.validateRadio(s)?(e(n).each(function(){e(this).hasClass(o.options.labelErrorClass)&&e(this).removeClass(o.options.labelErrorClass)}),t.trigger("valid.fndtn.abide",t[0])):(e(n).each(function(){e(this).addClass(o.options.labelErrorClass)}),t.trigger("invalid.fndtn.abide",t[0]))):"checkbox"===t[0].type?o.requiredCheck(t)?(o.removeErrorClasses(t),t.trigger("valid.fndtn.abide",t[0])):(o.addErrorClasses(t),t.trigger("invalid.fndtn.abide",t[0])):o.requiredCheck(t)&&o.validateText(t)?(o.removeErrorClasses(t),t.trigger("valid.fndtn.abide",t[0])):(o.addErrorClasses(t),t.trigger("invalid.fndtn.abide",t[0]))},i.prototype.validateForm=function(t){for(var i=this,n=t.find("input"),s=t.find("input").length,o=0;s>o;)i.validateInput(e(n[o]),t),o++;t.find(".form-error.is-visible").length||t.find(".is-invalid-label").length?t.find("[data-abide-error]").css("display","block"):t.find("[data-abide-error]").css("display","none")},i.prototype.validateText=function(t){var i=this.options.patterns,n=e(t).val(),s=e(t).attr("pattern");return 0===n.length?!0:n.match(i[s])?!0:!1},i.prototype.validateRadio=function(t){var i=this,n=(e(':radio[name="'+t+'"]').siblings("label"),0);return e(':radio[name="'+t+'"]').each(function(){i.requiredCheck(e(this))||n++,e(this).is(":checked")&&(n=0)}),n>0?!1:!0},i.prototype.matchValidation=function(t,e){},i.prototype.resetForm=function(t){var i=this,n="data-invalid";e("["+i.invalidAttr+"]",t).removeAttr(n),e("."+i.options.labelErrorClass,t).not("small").removeClass(i.options.labelErrorClass),e("."+i.options.inputErrorClass,t).not("small").removeClass(i.options.inputErrorClass),e(".form-error.is-visible").removeClass("is-visible"),t.find("[data-abide-error]").css("display","none"),e(":input",t).not(":button, :submit, :reset, :hidden, [data-abide-ignore]").val("").removeAttr(n)},i.prototype.destroy=function(){},t.plugin(i,"Abide"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}i.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},i.prototype._init=function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li"),this.$tabs.each(function(i,n){var s=t(n),o=s.find("[data-tab-content]"),a=o[0].id||e.GetYoDigits(6,"accordion"),r=n.id||a+"-label";s.find("a:first").attr({"aria-controls":a,role:"tab",id:r,"aria-expanded":!1,"aria-selected":!1}),o.attr({role:"tabpanel","aria-labelledby":r,"aria-hidden":!0,id:a})});var i=this.$element.find(".is-active").children("[data-tab-content]");i.length&&this.down(i,!0),this._events()},i.prototype._events=function(){var i=this;this.$tabs.each(function(){var n=t(this),s=n.children("[data-tab-content]");s.length&&n.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),n.hasClass("is-active")?(i.options.allowAllClosed||n.siblings().hasClass("is-active"))&&i.up(s):i.down(s)}).on("keydown.zf.accordion",function(t){e.Keyboard.handleKey(t,i,{toggle:function(){i.toggle(s)},next:function(){n.next().find("a").focus().trigger("click.zf.accordion")},previous:function(){n.prev().find("a").focus().trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})},i.prototype.toggle=function(t){if(t.parent().hasClass("is-active")){if(!this.options.allowAllClosed&&!t.parent().siblings().hasClass("is-active"))return;this.up(t)}else this.down(t)},i.prototype.down=function(i,n){var s=this;if(!this.options.multiExpand&&!n){var o=this.$element.find(".is-active").children("[data-tab-content]");o.length&&this.up(o)}i.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),e.Move(s.options.slideSpeed,i,function(){i.slideDown(s.options.slideSpeed)}),n||e._reflow(this.$element.attr("data-accordion")),t("#"+i.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0}),this.$element.trigger("down.zf.accordion",[i])},i.prototype.up=function(i){var n=i.parent().siblings(),s=this,o=this.options.multiExpand?n.hasClass("is-active"):i.parent().hasClass("is-active");(this.options.allowAllClosed||o)&&(e.Move(this.options.slideSpeed,i,function(){i.slideUp(s.options.slideSpeed)}),i.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+i.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}),this.$element.trigger("up.zf.accordion",[i]))},i.prototype.destroy=function(){this.$element.find("[data-tab-content]").slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),e.unregisterPlugin(this)},e.plugin(i,"Accordion")}(jQuery,window.Foundation),!function(t){"use strict";function e(i,n){this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll",TAB:"down",SHIFT_TAB:"up"})}e.defaults={slideSpeed:250,multiOpen:!0},e.prototype._init=function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"tablist","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".has-submenu"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,"aria-selected":!1,role:"tab",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"tabpanel",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()},e.prototype._events=function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionmenu").on("click.zf.accordionmenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)),s=a.eq(Math.min(e+1,a.length-1)),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child")),t(this).is(":first-child")?n=o.parents("li").first():n.children("[data-submenu]:visible").length&&(n=n.find("li:last-child")),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li")))):void 0}),Foundation.Keyboard.handleKey(i,e,{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().focus())},up:function(){n.focus()},down:function(){s.focus()},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(){i.preventDefault(),i.stopImmediatePropagation()}})})},e.prototype.hideAll=function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)},e.prototype.toggle=function(t){t.is(":hidden")?this.down(t):this.up(t)},e.prototype.down=function(t){var e=this;console.log(t),this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".has-submenu").attr({"aria-expanded":!0,"aria-selected":!0}),Foundation.Move(this.options.slideSpeed,t,function(){t.slideDown(e.options.slideSpeed)}),this.$element.trigger("down.zf.accordionMenu",[t])},e.prototype.up=function(t){var e=this;Foundation.Move(this.options.slideSpeed,t,function(){t.slideUp(e.options.slideSpeed)}),t.attr("aria-hidden",!0).find("[data-submenu]").slideUp(0).attr("aria-hidden",!0).end().parent(".has-submenu").attr({"aria-expanded":!1,"aria-selected":!1}),this.$element.trigger("up.zf.accordionMenu",[t])},e.prototype.destroy=function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)},Foundation.plugin(e,"AccordionMenu")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),e.Nest.Feather(this.$element,"drilldown"),this._init(),e.registerPlugin(this),e.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}i.defaults={backButton:'<li class="js-drilldown-back" tabindex="0"><a>Back</a></li>',wrapper:"<div></div>",closeOnClick:!1},i.prototype._init=function(){this.$submenuAnchors=this.$element.find("li.has-submenu"),this.$submenus=this.$submenuAnchors.children("[data-submenu]").addClass("is-drilldown-sub"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem"),this._prepareMenu(),this._keyboardEvents()},i.prototype._prepareMenu=function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this);i.find("a")[0].removeAttribute("href"),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||(i.prepend(e.options.backButton),e._back(i))}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown").css(this._getMaxDims()),this.$element.wrap(this.$wrapper))},i.prototype._events=function(e){var i=this;e.off("click.zf.drilldown").on("click.zf.drilldown",function(n){if(n.stopImmediatePropagation(),n.preventDefault(),n.target!==n.currentTarget.firstElementChild)return!1;if(i._show(e),i.options.closeOnClick){var s=t("body").not(i.$wrapper);s.off(".zf.drilldown").on("click.zf.drilldown",function(t){t.preventDefault(),i._hideAll(),s.off(".zf.drilldown")})}})},i.prototype._keyboardEvents=function(){var i=this;this.$menuItems.add(this.$element.find(".js-drilldown-back")).on("keydown.zf.drilldown",function(n){var s,o,a=t(this),r=a.parent("ul").children("li");r.each(function(e){return t(this).is(a)?(s=r.eq(Math.max(0,e-1)),void(o=r.eq(Math.min(e+1,r.length-1)))):void 0}),e.Keyboard.handleKey(n,i,{next:function(){a.is(i.$submenuAnchors)&&(i._show(a),a.on(e.transitionend(a),function(){a.find("ul li").filter(i.$menuItems).first().focus()}))},previous:function(){i._hide(a.parent("ul")),a.parent("ul").on(e.transitionend(a),function(){setTimeout(function(){a.parent("ul").parent("li").focus()},1)})},up:function(){s.focus()},down:function(){o.focus()},close:function(){i._back()},open:function(){a.is(i.$menuItems)?a.is(i.$submenuAnchors)&&(i._show(a),setTimeout(function(){a.find("ul li").filter(i.$menuItems).first().focus()},1)):(i._hide(a.parent("ul")),setTimeout(function(){a.parent("ul").parent("li").focus()},1))},handled:function(){n.preventDefault(),n.stopImmediatePropagation()}})})},i.prototype._hideAll=function(){var t=this.$element.find(".is-drilldown-sub.is-active").addClass("is-closing");t.one(e.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")},i.prototype._back=function(t){ |
| + | var e=this;t.off("click.zf.drilldown"),t.children(".js-drilldown-back").on("click.zf.drilldown",function(i){i.stopImmediatePropagation(),e._hide(t)})},i.prototype._menuLinkEvents=function(){var t=this;this.$menuItems.not(".has-submenu").off("click.zf.drilldown").on("click.zf.drilldown",function(e){setTimeout(function(){t._hideAll()},0)})},i.prototype._show=function(t){t.children("[data-submenu]").addClass("is-active"),this.$element.trigger("open.zf.drilldown",[t])},i.prototype._hide=function(t){t.addClass("is-closing").one(e.transitionend(t),function(){t.removeClass("is-active is-closing")}),t.trigger("hide.zf.drilldown",[t])},i.prototype._getMaxDims=function(){var e=0,i={};return this.$submenus.add(this.$element).each(function(){var i=t(this).children("li").length;e=i>e?i:e}),i.height=e*this.$menuItems[0].getBoundingClientRect().height+"px",i.width=this.$element[0].getBoundingClientRect().width+"px",i},i.prototype.destroy=function(){this._hideAll(),e.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back").remove().end().find(".is-active, .is-closing, .is-drilldown-sub").removeClass("is-active is-closing is-drilldown-sub").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role").off(".zf.drilldown").end().off("zf.drilldown"),e.unregisterPlugin(this)},e.plugin(i,"Drilldown")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}i.defaults={hoverDelay:250,hover:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1},i.prototype._init=function(){var i=this.$element.attr("id");this.$anchor=t('[data-toggle="'+i+'"]')||t('[data-open="'+i+'"]'),this.$anchor.attr({"aria-controls":i,"data-is-focus":!1,"data-yeti-box":i,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":i,"data-resize":i,"aria-labelledby":this.$anchor[0].id||e.GetYoDigits(6,"dd-anchor")}),this._events()},i.prototype.getPositionClass=function(){var t=this.$element[0].className.match(/(top|left|right)/g);return t=t?t[0]:""},i.prototype._reposition=function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--},i.prototype._setPosition=function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),i=e.Box.GetDimensions(this.$element),n=(e.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(i.width>=i.windowDims.width||!this.counter&&!e.Box.ImNotTouchingYou(this.$element))return this.$element.offset(e.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(e.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!e.Box.ImNotTouchingYou(this.$element)&&this.counter;)this._reposition(t),this._setPosition()},i.prototype._events=function(){var t=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&this.$anchor.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){console.log("hover"),clearTimeout(t.timeout),t.timeOut=setTimeout(function(){t.open(),t.$anchor.data("hover",!0)},t.options.hoverDelay)}).on("mouseleave.zf.dropdown",function(){clearTimeout(t.timeout),t.timeOut=setTimeout(function(){t.close(),t.$anchor.data("hover",!1)},t.options.hoverDelay)}),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=e.Keyboard.findFocusable(t.$element);e.Keyboard.handleKey(i,t,{tab_forward:function(){this.$element.find(":focus").is(n.eq(-1))&&(this.options.trapFocus?(n.eq(0).focus(),i.preventDefault()):this.close())},tab_backward:function(){(this.$element.find(":focus").is(n.eq(0))||this.$element.is(":focus"))&&(this.options.trapFocus?(n.eq(-1).focus(),i.preventDefault()):this.close())},open:function(){t.open(),t.$element.attr("tabindex",-1).focus()},close:function(){t.close(),t.$anchor.focus()}})})},i.prototype.open=function(){this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.$element.trigger("show.zf.dropdown",[this.$element])},i.prototype.close=function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])},i.prototype.toggle=function(){if(this.$element.hasClass("is-open")){if(this.$anchor.data("hover"))return;this.close()}else this.open()},i.prototype.destroy=function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),e.unregisterPlugin(this)},e.plugin(i,"Dropdown")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),t.Nest.Feather(this.$element,"dropdown"),this._init(),t.registerPlugin(this),t.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}i.defaults={clickOpen:!0,closeOnClick:!1,disableHover:!1,autoclose:!0,hoverDelay:150,closingTime:500,alignment:"left",verticalClass:"vertical",rightClass:"align-right"},i.prototype._init=function(){this.$element.hasClass(this.options.verticalClass)&&(this.vertical=!0),this._prepareMenu()},i.prototype._prepareMenu=function(){var t=this;this.$tabs=this.$element.children("li.has-submenu"),this.$tabs.children("[data-submenu]").addClass("first-sub"),this.$submenus=this.$element.find("li.has-submenu"),this.$menuItems=this.$element.find("li").attr({role:"menuitem",tabindex:0}),this.$menuItems.children("a").attr("tabindex",-1),this.$element.hasClass(this.options.rightClass)?(this.options.alignment="right",this.$submenus.addClass("is-left-arrow opens-left")):this.$submenus.addClass("is-right-arrow opens-right"),this.vertical||this.$tabs.removeClass("is-right-arrow is-left-arrow opens-left opens-right").addClass("is-down-arrow"),this.$tabs.each(function(){var t=e(this);t.attr({role:"menuitem",tabindex:0,"aria-label":t.children("a:first-child").text()}).children("a").attr("tabindex",-1),t.children("[data-submenu]")&&t.attr("aria-haspopup",!0)}),this.$submenus.each(function(){var i=e(this);i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:-1,role:"menu"}).addClass("vertical"),t._events(i)})},i.prototype._events=function(i){var n=this,s=void 0!==window.ontouchstart;(this.options.clickOpen||s)&&i.off("click.zf.dropdownmenu").on("click.zf.dropdownmenu",function(t){if(e(this).hasClass("is-dropdown-submenu-parent")){var o=i.data("isClick");s&&o||(t.preventDefault(),t.stopPropagation(),o?n._hide(i):(n._hideOthers(i),n._show(i),i.data("isClick",!0).parentsUntil("[data-dropdown-menu]",".is-dropdown-submenu-parent").data("isClick",!0),n.options.closeOnClick&&n._addBodyHandler()))}}),this.options.disableHover||(this.$menuItems.on("mouseenter.zf.dropdownmenu",function(t){var i=e(this);i.hasClass("is-active")||n._hideOthers(i)}),i.off("mouseenter.zf.dropdownmenu").on("mouseenter.zf.dropdownmenu",function(t){clearTimeout(i.closeTimer),i.hasClass("is-active")||(i.openTimer=setTimeout(function(){n._show(i)},n.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(t){!i.data("isClick")&&n.options.autoclose&&(clearTimeout(i.openTimer),i.closeTimer=setTimeout(function(){n._hide(i)},n.options.closingTime))})),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var s,o,a=e(this),r=n.$element.children("li"),l=a.is(r),d=l?r:a.parents("li").first().add(a.parent("ul").children("li"));d.each(function(t){return e(this).is(a)?(s=d.eq(t-1),void(o=d.eq(t+1))):void 0});var h=function(){a.is(":last-child")||o.focus()},u=function(){s.focus()},c=function(){a.has("ul").length&&(n._show(a),a.find("li").first().focus())},f=function(){a.parents("li").first().focus(),n._hide(a.parents("li").first())},p={open:c,close:function(){n._hideAll(),n.$menuItems.first().focus()},handled:function(){i.preventDefault(),i.stopImmediatePropagation()}};l?n.vertical?"left"===n.options.alignment?e.extend(p,{down:h,up:u,next:c,previous:f}):e.extend(p,{down:h,up:u,next:f,previous:c}):e.extend(p,{next:h,previous:u,down:c,up:f}):"left"===n.options.alignment?e.extend(p,{next:c,previous:f,down:h,up:u}):e.extend(p,{next:f,previous:c,down:h,up:u}),t.Keyboard.handleKey(i,n,p)})},i.prototype._toggle=function(t){t.hasClass("is-active")?this._hide(t):this._show(t)},i.prototype._addBodyHandler=function(){var t=e("body"),i=this;t.not(i.$element).on("click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu",function(e){i._hideAll(),t.off("click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu")})},i.prototype._show=function(e){this._hideOthers(e),e.focus();var i=e.children("[data-submenu]:first-of-type");e.addClass("is-active"),i.css("visibility","hidden").addClass("js-dropdown-active").attr("aria-hidden",!1);var n=t.Box.ImNotTouchingYou(i,null,!0);n||("left"===this.options.alignment?e.removeClass("opens-left").addClass("opens-right"):e.removeClass("opens-right").addClass("opens-left"),this.changed=!0,n=t.Box.ImNotTouchingYou(i,null,!0),n||(e.removeClass("opens-left opens-right").addClass("opens-inner"),this.changed=!0)),i.css("visibility",""),this.$element.trigger("show.zf.dropdownmenu",[e])},i.prototype._hide=function(t){this._hideSome(t)},i.prototype._hideSome=function(t){t.length&&(t.removeClass("is-active opens-inner").data("isClick",!1).find(".is-active").removeClass("is-active").data("isClick",!1).end().find(".js-dropdown-active").removeClass("js-dropdown-active").attr("aria-hidden",!0),t.parent(".has-submenu").removeClass("is-active"),this.changed&&("left"===this.options.alignment?t.find(".opens-left").removeClass("opens-left").addClass("opens-right"):t.find(".opens-right").removeClass("opens-right").addClass("opens-left")),this.$element.trigger("hide.zf.dropdownmenu"))},i.prototype._hideOthers=function(t){this._hideSome(t.siblings(".has-submenu.is-active"))},i.prototype._hideAll=function(){this._hideSome(this.$element)},i.prototype.destroy=function(){this._hideAll(),this.$element.removeData("zf-plugin").find("li").removeClass("js-dropdown-nohover is-right-arrow is-left-arrow opens-left opens-inner opens-right").add("a").off(".zf.dropdownmenu").end().find("ul").removeClass("first-sub"),t.Nest.Burn(this.$element,"dropdown"),t.unregisterPlugin(this)},t.plugin(i,"DropdownMenu")}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this.$window=e(window),this.name="equalizer",this.attr="data-equalizer",this._init(),this._events(),t.registerPlugin(this)}i.defaults={equalizeOnStack:!0,throttleInterval:50},i.prototype._init=function(){this._reflow()},i.prototype._events=function(){var e=this;this.$window.off(".equalizer").on("resize.fndtn.equalizer",t.util.throttle(function(){e._reflow()},e.options.throttleInterval))},i.prototype._killswitch=function(){},i.prototype._reflow=function(){var i=this;e("["+this.attr+"]").each(function(){var n=e(this),s=[],o=n.find("img");o.length?t.onImagesLoaded(o,function(){s=i.getHeights(n),i.applyHeight(n,s)}):(s=i.getHeights(n),i.applyHeight(n,s))})},i.prototype.getHeights=function(t){var i,n=t.data("equalizer"),s=n?t.find("["+this.attr+'-watch="'+n+'"]:visible'):t.find("["+this.attr+"-watch]:visible");return s.height("inherit"),i=s.map(function(){return e(this).outerHeight(!1)}).get(),console.log(i),i},i.prototype.applyHeight=function(t,i){var n=t.data("equalizer"),s=n?t.find("["+this.attr+'-watch="'+n+'"]:visible'):t.find("["+this.attr+"-watch]:visible"),o=Math.max.apply(null,i);t.trigger("preEqualized.zf.Equalizer");for(var a=0;a<s.length;a++)e(s[a]).css("height",o);t.trigger("postEqualized.zf.Equalizer")},i.prototype.destroy=function(){},t.plugin(i,"Equalizer"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,s),this.rules=[],this.currentPath="",this._init(),this._events(),t.registerPlugin(this)}i.defaults={rules:null},i.SPECIAL_QUERIES={landscape:"screen and (orientation: landscape)",portrait:"screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"},i.prototype._init=function(){this._addBreakpoints(),this._generateRules(),this._reflow()},i.prototype._events=function(){e(window).on("resize.fndtn.interchange",t.util.throttle(this._reflow.bind(this),50))},i.prototype._reflow=function(){var t;for(var e in this.rules){var i=this.rules[e];window.matchMedia(i.query).matches&&(t=i)}t&&this.replace(t.path)},i.prototype._addBreakpoints=function(){for(var e in t.MediaQuery.queries){var n=t.MediaQuery.queries[e];i.SPECIAL_QUERIES[n.name]=n.value}},i.prototype._generateRules=function(){var t,e=[];t=this.options.rules?this.options.rules:this.$element.data("interchange").match(/\[.*?\]/g);for(var n in t){var s=t[n].slice(1,-1).split(", "),o=s.slice(0,-1).join(""),a=s[s.length-1];i.SPECIAL_QUERIES[a]&&(a=i.SPECIAL_QUERIES[a]),e.push({path:o,query:a})}this.rules=e},i.prototype.replace=function(t){if(this.currentPath!==t){var i=this;"IMG"===this.$element[0].nodeName?this.$element.attr("src",t).load(function(){i.$element.trigger("replaced.zf.interchange"),i.currentPath=t}):t.match(/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i)?this.$element.css({"background-image":"url("+t+")"}):e.get(t,function(e){i.$element.html(e),i.$element.trigger("replaced.zf.interchange"),i.currentPath=t})}},i.prototype.destroy=function(){},t.plugin(i,"Interchange"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,s),this._init(),t.registerPlugin(this)}i.defaults={animationDuration:500,animationEasing:"linear",threshold:50,activeClass:"active",deepLinking:!1},i.prototype._init=function(){var i=this.$element[0].id||t.GetYoDigits(6,"magellan");this.$targets=e("[data-magellan-target]"),this.$links=this.$element.find("a"),this.$element.attr({"data-resize":i,"data-scroll":i,id:i}),this.$active=e(),this.scrollPos=parseInt(window.pageYOffset,10),this._events()},i.prototype.calcPoints=function(){var t=this,i=document.body,n=document.documentElement;this.points=[],this.winHeight=Math.round(Math.max(window.innerHeight,document.body.clientHeight)),this.docHeight=Math.round(Math.max(i.scrollHeight,i.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)),this.$targets.each(function(){var i=e(this),n=Math.round(i.offset().top-t.options.threshold);i.targetPoint=n,t.points.push(n)})},i.prototype._events=function(){var t=this,i=e("html, body"),n={duration:t.options.animationDuration,easing:t.options.animationEasing};e(window).one("load",function(){t.calcPoints(),t._updateActive()}),this.$element.on({"resizeme.zf.trigger":this.reflow.bind(this),"scrollme.zf.trigger":this._updateActive.bind(this)}).on("click.zf.magellan",'a[href^="#"]',function(s){s.preventDefault();var o=this.getAttribute("href"),a=e(o).offset().top-t.options.threshold/2;i.stop(!0).animate({scrollTop:a},n)})},i.prototype.reflow=function(){this.calcPoints(),this._updateActive()},i.prototype._updateActive=function(){var t,e=parseInt(window.pageYOffset,10);if(e+this.winHeight===this.docHeight)t=this.points.length-1;else if(e<this.points[0])t=0;else{var i=this.scrollPos<e,n=this,s=this.points.filter(function(t,s){return i?e>=t:t-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.eq(t).addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])},i.prototype.destroy=function(){this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass);var e=this.$active[0].getAttribute("href");window.location.hash.replace(e,""),t.unregisterPlugin(this)},t.plugin(i,"Magellan"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this.$lastTrigger=t(),this._init(),this._events(),e.registerPlugin(this)}i.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-"},i.prototype._init=function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration))},i.prototype._events=function(){if(this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.$exiter.length){this.$exiter.on({"click.zf.offcanvas":this.close.bind(this)})}},i.prototype._setMQChecker=function(){var i=this;t(window).on("changed.zf.mediaquery",function(){e.MediaQuery.atLeast(i.options.revealOn)?i.reveal(!0):i.reveal(!1)}).one("load.zf.offcanvas",function(){e.MediaQuery.atLeast(i.options.revealOn)&&i.reveal(!0)})},i.prototype.reveal=function(t){var e=this.$element.find("[data-close]");t?e.length&&e.hide():e.length&&e.show()},i.prototype.open=function(i,n){if(!this.$element.hasClass("is-open")){var s=this;t(document.body);t("body").scrollTop(0),e.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").addClass("is-off-canvas-open is-open-"+s.options.position),s.$element.addClass("is-open").attr("aria-hidden","false").trigger("opened.zf.offcanvas")}),n&&(this.$lastTrigger=n.attr("aria-expanded","true")),this.options.autoFocus&&this.$element.one("finished.zf.animate",function(){s.$element.find("a, button").eq(0).focus()})}},i.prototype.close=function(){if(this.$element.hasClass("is-open")){var i=this;e.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open")}),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.$lastTrigger.attr("aria-expanded","false")}},i.prototype.toggle=function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)},i.prototype._handleKeyboard=function(t){27===t.which&&(t.stopPropagation(),t.preventDefault(),this.close(),this.$lastTrigger.focus())},i.prototype.destroy=function(){},e.plugin(i,"OffCanvas")}(jQuery,Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}i.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous"},i.prototype._init=function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img"),i=this.$slides.filter(".is-active");i.length||this.$slides.eq(0).addClass("is-active"),t.length?e.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)},i.prototype._loadBullets=function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")},i.prototype.geoSync=function(){var t=this;this.timer=new e.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()},i.prototype._prepareForOrbit=function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})},i.prototype._setWrapperHeight=function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))},i.prototype._setSlideHeight=function(e){this.$slides.each(function(){t(this).css("max-height",e)})},i.prototype._events=function(){var i=this;if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),i.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),i.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){i.$element.data("clickedOn",i.$element.data("clickedOn")?!1:!0),i.timer[i.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){i.timer.pause()}).on("mouseleave.zf.orbit",function(){i.$element.data("clickedOn")||i.timer.start()})),this.options.navButtons){var n=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);n.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(){i.changeSlide(t(this).hasClass(i.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var e=t(this).data("slide"),n=e>i.$slides.filter(".is-active").data("slide"),s=i.$slides.eq(e);i.changeSlide(n,s,e)}),this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(n){e.Keyboard.handleKey(n,i,{next:function(){i.changeSlide(!0)},previous:function(){i.changeSlide(!1)},handled:function(){t(n.target).is(i.$bullets)&&i.$bullets.filter(".is-active").focus()}})})},i.prototype.changeSlide=function(t,i,n){var s=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(s[0].className))return!1;var o,a=this.$slides.first(),r=this.$slides.last(),l=t?"Right":"Left",d=t?"Left":"Right",h=this;o=i?i:t?this.options.infiniteWrap?s.next("."+this.options.slideClass).length?s.next("."+this.options.slideClass):a:s.next("."+this.options.slideClass):this.options.infiniteWrap?s.prev("."+this.options.slideClass).length?s.prev("."+this.options.slideClass):r:s.prev("."+this.options.slideClass),o.length&&(this.options.bullets&&(n=n||this.$slides.index(o),this._updateBullets(n)),e.Motion.animateIn(o.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+l],function(){o.css({position:"relative",display:"block"}).attr("aria-live","polite")}),e.Motion.animateOut(s.removeClass("is-active"),this.options["animOutTo"+d],function(){s.removeAttr("aria-live"),h.options.autoPlay&&h.timer.restart(),h.$element.trigger("slidechange.zf.orbit",[o])}))},i.prototype._updateBullets=function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)},i.prototype.destroy=function(){delete this.timer,this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),e.unregisterPlugin(this)},e.plugin(i,"Orbit")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(i){this.$element=e(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),t.registerPlugin(this)}var n={dropdown:{cssClass:"dropdown",plugin:t._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:t._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:t._plugins["accordion-menu"]||null}};i.defaults={},i.prototype._init=function(){for(var t={},i=this.rules.split(" "),s=0;s<i.length;s++){var o=i[s].split("-"),a=o.length>1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==n[r]&&(t[a]=n[r])}this.rules=t,e.isEmptyObject(t)||this._checkMediaQueries()},i.prototype._events=function(){var t=this;e(window).on("changed.zf.mediaquery",function(){t._checkMediaQueries()})},i.prototype._checkMediaQueries=function(){var i,s=this;e.each(this.rules,function(e){t.MediaQuery.atLeast(e)&&(i=e)}),i&&(this.currentPlugin instanceof this.rules[i].plugin||(e.each(n,function(t,e){s.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[i].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[i].plugin(this.$element,{})))},i.prototype.destroy=function(){this.currentPlugin.destroy(),e(window).off(".zf.ResponsiveMenu"),t.unregisterPlugin(this)},t.plugin(i,"ResponsiveMenu")}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=t(n),this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),this._events(),e.registerPlugin(this)}i.defaults={hideFor:"medium"},i.prototype._init=function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()},i.prototype._events=function(){t(window).on("changed.zf.mediaquery",this._update.bind(this)),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))},i.prototype._update=function(){e.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())},i.prototype.toggleMenu=function(){e.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))},i.prototype.destroy=function(){},e.plugin(i,"ResponsiveToggle")}(jQuery,Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this._init(),t.registerPlugin(this),t.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}i.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:100,hOffset:0,fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1},i.prototype._init=function(){if(this.id=this.$element.attr("id"),this.isActive=!1,this.$anchor=e(e('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.length){var i=this.$anchor[0].id||t.GetYoDigits(6,"reveal");this.$anchor.attr({"aria-controls":this.id,id:i,"aria-haspopup":!0,tabindex:0}),this.$element.attr({"aria-labelledby":i})}(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this._events()},i.prototype._makeOverlay=function(t){var i=e("<div></div>").addClass("reveal-overlay").attr({tabindex:-1,"aria-hidden":!0}).appendTo("body");return this.options.closeOnClick&&i.attr({"data-close":t}),i},i.prototype._events=function(){var t=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){t.$element.is(":visible")&&t._setPosition(function(){})}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(e){(13===e.which||32===e.which)&&(e.stopPropagation(),e.preventDefault(),t.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",this.close.bind(this))},i.prototype._setPosition=function(e){var i=t.Box.GetDimensions(this.$element),n=this.options.fullScreen?"reveal full":i.height>=.5*i.windowDims.height?"reveal":"center";"reveal full"===n?(console.log("full"),this.$element.offset(t.Box.GetOffsets(this.$element,null,n,this.options.vOffset)).css({height:i.windowDims.height,width:i.windowDims.width})):t.MediaQuery.atLeast("medium")&&t.Box.ImNotTouchingYou(this.$element,null,!0,!1)?this.$element.css({"max-height":i.windowDims.height-this.options.vOffset*(this.options.btmOffsetPct/100+1),width:""}).offset(t.Box.GetOffsets(this.$element,null,n,this.options.vOffset)):(this.$element.css({width:i.windowDims.width-2*this.options.hOffset}).offset(t.Box.GetOffsets(this.$element,null,"center",this.options.vOffset,this.options.hOffset)),this.changedSize=!0),e()},i.prototype.open=function(){var i=this;this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this._setPosition(function(){i.$element.hide().css({visibility:""}),i.options.multipleOpened||i.$element.trigger("closeme.zf.reveal",i.id),i.options.animationIn?i.options.overlay?t.Motion.animateIn(i.$overlay,"fade-in",function(){t.Motion.animateIn(i.$element,i.options.animationIn,function(){})}):t.Motion.animateIn(i.$element,i.options.animationIn,function(){}):i.options.overlay?i.$overlay.show(0,function(){ |
| + | i.$element.show(i.options.showDelay,function(){})}):i.$element.show(i.options.showDelay,function(){})}),this.$element.attr({"aria-hidden":!1}).attr("tabindex",-1).focus().trigger("open.zf.reveal"),e("body").addClass("is-reveal-open").attr({"aria-hidden":this.options.overlay||this.options.fullScreen?!0:!1}),setTimeout(function(){i._extraHandlers()},0)},i.prototype._extraHandlers=function(){var i=this,n=this.$element.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!e(this).is(":visible")||e(this).attr("tabindex")<0?!1:!0});this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||e("body").on("click.zf.reveal",function(t){i.close()}),this.options.closeOnEsc&&e(window).on("keydown.zf.reveal",function(e){0===n.length&&e.preventDefault(),t.Keyboard.handleKey(e,i,{close:function(){this.options.closeOnEsc&&this.close()}})}),this.$element.on("keydown.zf.reveal",function(s){var o=e(this);t.Keyboard.handleKey(s,i,{tab_forward:function(){this.$element.find(":focus").is(n.eq(-1))&&(n.eq(0).focus(),s.preventDefault())},tab_backward:function(){(this.$element.find(":focus").is(n.eq(0))||this.$element.is(":focus"))&&(n.eq(-1).focus(),s.preventDefault())},open:function(){o.is(n)&&this.open()},close:function(){this.options.closeOnEsc&&this.close()}}),0===n.length&&s.preventDefault()})},i.prototype.close=function(){if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?t.Motion.animateOut(this.$element,this.options.animationOut,function(){i.options.overlay&&t.Motion.animateOut(i.$overlay,"fade-out",function(){})}):this.$element.hide(i.options.hideDelay,function(){i.options.overlay&&i.$overlay.hide(0,function(){})}),this.options.closeOnEsc&&e(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&e("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.changedSize&&this.$element.css({height:"",width:""}),e("body").removeClass("is-reveal-open").attr({"aria-hidden":!1,tabindex:""}),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,this.$element.attr({"aria-hidden":!0}).trigger("closed.zf.reveal")},i.prototype.toggle=function(){this.isActive?this.close():this.open()},i.prototype.destroy=function(){this.options.overlay&&this.$overlay.hide().off().remove(),this.$element.hide(),this.$anchor.off(),t.unregisterPlugin(this)},t.plugin(i,"Reveal"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}function n(t,e){return t/e}function s(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}i.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled"},i.prototype._init=function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)},i.prototype._setHandlePos=function(t,i,s,o){i=parseFloat(i),i<this.options.start?i=this.options.start:i>this.options.end&&(i=this.options.end);var a=this.options.doubleSided;if(a)if(0===this.handles.index(t)){var r=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=r?r-this.options.step:i}else{var l=parseFloat(this.$handle.attr("aria-valuenow"));i=l>=i?l+this.options.step:i}this.options.vertical&&!s&&(i=this.options.end-i);var d=this,h=this.options.vertical,u=h?"height":"width",c=h?"top":"left",f=t[0].getBoundingClientRect()[u]/2,p=this.$element[0].getBoundingClientRect()[u],m=n(i,this.options.end).toFixed(this.options.decimal),g=(p-f)*m,v=(100*n(g,p)).toFixed(this.options.decimal),i=i>0?parseFloat(i.toFixed(this.options.decimal)):0,w={};if(this._setValues(t,i),this.options.doubleSided){var y,b=0===this.handles.index(t);this.handles.index(t);b?(w[c]=(m>0?100*m:0)+"%",y=(100*(n(this.$handle2.position()[c]+f,p)-parseFloat(m))).toFixed(this.options.decimal)+"%",w["min-"+u]=y,o&&"function"==typeof o&&o()):(i=(100>i?i:100)-(parseFloat(this.$handle[0].style.left)||this.options.end-i),w["min-"+u]=i+"%")}this.$element.one("finished.zf.animate",function(){d.animComplete=!0,d.$element.trigger("moved.zf.slider",[t])});var $=d.$element.data("dragging")?1e3/60:d.options.moveTime;e.Move($,t,function(){t.css(c,v+"%"),d.options.doubleSided?d.$fill.css(w):d.$fill.css(u,100*m+"%")})},i.prototype._setInitAttr=function(t){var i=this.inputs.eq(t).attr("id")||e.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:i,max:this.options.end,min:this.options.start}),this.handles.eq(t).attr({role:"slider","aria-controls":i,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})},i.prototype._setValues=function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)},i.prototype._handleEvent=function(t,e,i){var o,a;if(i)o=i,a=!0;else{t.preventDefault();var r=this.options.vertical,l=r?"height":"width",d=r?"top":"left",h=r?t.pageY:t.pageX,u=this.$handle[0].getBoundingClientRect()[l]/2,c=this.$element[0].getBoundingClientRect()[l],f=this.$element.offset()[d]-h,p=f>0?-u:-c>f-u?c:Math.abs(f),m=n(p,c);if(o=(this.options.end-this.options.start)*m,a=!1,!e){var g=s(this.$handle,d,p,l),v=s(this.$handle2,d,p,l);e=v>=g?this.$handle:this.$handle2}}this._setHandlePos(e,o,a)},i.prototype._events=function(i){if(this.options.disabled)return!1;var n,s=this;if(this.inputs.off("change.zf.slider").on("change.zf.slider",function(e){var i=s.inputs.index(t(this));s._handleEvent(e,s.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("click.zf.slider").on("click.zf.slider",function(t){return s.$element.data("dragging")?!1:(s.animComplete=!1,void(s.options.doubleSided?s._handleEvent(t):s._handleEvent(t,s.$handle)))}),this.options.draggable){this.handles.addTouch();var o=t("body");i.off("mousedown.zf.slider").on("mousedown.zf.slider",function(e){i.addClass("is-dragging"),s.$fill.addClass("is-dragging"),s.$element.data("dragging",!0),s.animComplete=!1,n=t(e.currentTarget),o.on("mousemove.zf.slider",function(t){t.preventDefault(),s._handleEvent(t,n)}).on("mouseup.zf.slider",function(t){s.animComplete=!0,s._handleEvent(t,n),i.removeClass("is-dragging"),s.$fill.removeClass("is-dragging"),s.$element.data("dragging",!1),o.off("mousemove.zf.slider mouseup.zf.slider")})})}i.off("keydown.zf.slider").on("keydown.zf.slider",function(i){var n,o=s.options.doubleSided?s.handles.index(t(this)):0,a=parseFloat(s.inputs.eq(o).val()),r=t(this);e.Keyboard.handleKey(i,s,{decrease:function(){n=a-s.options.step},increase:function(){n=a+s.options.step},decrease_fast:function(){n=a-10*s.options.step},increase_fast:function(){n=a+10*s.options.step},handled:function(){i.preventDefault(),s._setHandlePos(r,n,!0)}})})},i.prototype.destroy=function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),e.unregisterPlugin(this)},e.plugin(i,"Slider")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this)}function n(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}i.defaults={container:"<div data-sticky-container></div>",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},i.prototype._init=function(){var i=this.$element.parent("[data-sticky-container]"),n=this.$element[0].id||e.GetYoDigits(6,"sticky"),s=this;i.length||(this.wasWrapped=!0),this.$container=i.length?i:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":n}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,""!==this.options.topAnchor?this._parsePoints():this.$anchor=t(this.options.anchor?"#"+this.options.anchor:document.body),this._setSizes(function(){s._calc(!1)}),this._events(n.split("-").reverse().join("-"))},i.prototype._parsePoints=function(){for(var e=this.options.topAnchor,i=this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;a>o&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),d=t("#"+l[0]);r=d.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=d[0].getBoundingClientRect().height)}s[o]=r}this.points=s},i.prototype._events=function(e){var i=this,n="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))},i.prototype._pauseListeners=function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")},i.prototype._calc=function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)},i.prototype._setSticky=function(){var t=this.options.stickTo,e="top"===t?"marginTop":"marginBottom",i="top"===t?"bottom":"top",n={};n[e]=this.options[e]+"em",n[t]=0,n[i]="auto",n.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+i).addClass("is-stuck is-at-"+t).css(n).trigger("sticky.zf.stuckto:"+t)},i.prototype._removeSticky=function(t){var e,i,n=this.options.stickTo,s="top"===n,o={},a=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight;e=s?"marginTop":"marginBottom",i=s?"bottom":"top",o[e]=0,t&&!s||s&&!t?(o[n]=a,o[i]=0):(o[n]=0,o[i]=a),o.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+n).addClass("is-anchored is-at-"+(t?"top":"bottom")).css(o).trigger("top")},i.prototype._setSizes=function(t){this.canStick=e.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t();var i=this.$container[0].getBoundingClientRect().width,n=window.getComputedStyle(this.$container[0]),s=parseInt(n["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":i-s+"px"});var o=this.$element[0].getBoundingClientRect().height||this.containerHeight;this.containerHeight=o,this.$container.css({height:o}),this.elemHeight=o,this.isStuck&&this.$element.css({left:this.$container.offset().left+parseInt(n["padding-left"],10)}),this._setBreakPoints(o,function(){t&&t()})},i.prototype._setBreakPoints=function(t,e){if(!this.canStick){if(!e)return!1;e()}var i=n(this.options.marginTop),s=n(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;"top"===this.options.stickTo?(o-=i,a-=t+i):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,e&&e()},i.prototype.destroy=function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor.off("change.zf.sticky"),t(window).off("scroll.zf.sticky"),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),e.unregisterPlugin(this)},e.plugin(i,"Sticky")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}i.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},i.prototype._init=function(){var i=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var e=t(this),n=e.find("a"),s=e.hasClass("is-active"),o=n.attr("href").slice(1),a=o+"-label",r=t(o);e.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&i.options.autoFocus&&n.focus()}),this.options.matchHeight){var n=this.$tabContent.find("img");n.length?e.onImagesLoaded(n,this._setHeight.bind(this)):this._setHeight()}this._events()},i.prototype._events=function(){this._addKeyHandler(),this._addClickHandler(),this.options.matchHeight&&t(window).on("changed.zf.mediaquery",this._setHeight.bind(this))},i.prototype._addClickHandler=function(){var e=this;this.$tabTitles.off("click.zf.tabs").on("click.zf.tabs",function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})},i.prototype._addKeyHandler=function(){var i=this;i.$element.find("li:first-of-type"),i.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(n){n.stopPropagation(),n.preventDefault();var s,o,a=t(this),r=a.parent("ul").children("li");r.each(function(e){return t(this).is(a)?void(i.options.wrapOnKeys?(s=0===e?r.last():r.eq(e-1),o=e===r.length-1?r.first():r.eq(e+1)):(s=r.eq(Math.max(0,e-1)),o=r.eq(Math.min(e+1,r.length-1)))):void 0}),e.Keyboard.handleKey(n,i,{open:function(){a.find('[role="tab"]').focus(),i._handleTabChange(a)},previous:function(){s.find('[role="tab"]').focus(),i._handleTabChange(s)},next:function(){o.find('[role="tab"]').focus(),i._handleTabChange(o)}})})},i.prototype._handleTabChange=function(e){var i=e.find('[role="tab"]'),n=i.attr("href"),s=t(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"}).attr("href");t(o).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])},i.prototype.selectTab=function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)},i.prototype._setHeight=function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")},i.prototype.destroy=function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&t(window).off("changed.zf.mediaquery"),e.unregisterPlugin(this)},e.plugin(i,"Tabs")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,n.data(),s),this.className="",this._init(),this._events(),t.registerPlugin(this)}i.defaults={animate:!1},i.prototype._init=function(){var t;this.options.animate?(t=this.options.animate.split(" "),this.animationIn=t[0],this.animationOut=t[1]||null):(t=this.$element.data("toggler"),"."===t[0]?this.className=t.slice(1):this.className=t);var i=this.$element[0].id;e('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.is(":hidden")&&this.$element.attr("aria-expanded","false")},i.prototype._events=function(){var t=this;this.$element.on("toggle.zf.trigger",function(){return t.toggle(),!1})},i.prototype.toggle=function(){this.options.animate?this._toggleAnimate():this._toggleClass()},i.prototype._toggleClass=function(){var t=this;this.$element.toggleClass(this.className),this.$element.hasClass(this.className)?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),t._updateARIA()},i.prototype._toggleAnimate=function(){var e=this;this.$element.is(":hidden")?t.Motion.animateIn(this.$element,this.animationIn,function(){this.trigger("on.zf.toggler"),e._updateARIA()}):t.Motion.animateOut(this.$element,this.animationOut,function(){this.trigger("off.zf.toggler"),e._updateARIA()})},i.prototype._updateARIA=function(){this.$element.is(":hidden")?this.$element.attr("aria-expanded","false"):this.$element.attr("aria-expanded","true")},i.prototype.destroy=function(){this.$element.off(".zf.toggler"),t.unregisterPlugin(this)},t.plugin(i,"Toggler"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e,i){"use strict";function n(e,s){this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),s),this.isActive=!1,this.isClick=!1,this._init(),i.registerPlugin(this)}n.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},n.prototype._init=function(){var n=this.$element.attr("aria-describedby")||i.GetYoDigits(6,"tooltip");this.options.positionClass=this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(n),this.template.appendTo(e.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":n,"data-yeti-box":n,"data-toggle":n,"data-resize":n}).addClass(this.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()},n.prototype._getPositionClass=function(t){if(!t)return"";var e=t[0].className.match(/(top|left|right)/g);return e=e?e[0]:""},n.prototype._buildTemplate=function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass).trim(),n=t("<div></div>").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n},n.prototype._reposition=function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--},n.prototype._setPosition=function(){var t=this._getPositionClass(this.template),e=i.Box.GetDimensions(this.template),n=i.Box.GetDimensions(this.$element),s="left"===t?"left":"right"===t?"left":"top",o="top"===s?"height":"width";"height"===o?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!i.Box.ImNotTouchingYou(this.template))return this.template.offset(i.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:n.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(i.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!i.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()},n.prototype.show=function(){if("all"!==this.options.showOn&&!i.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")},n.prototype.hide=function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")},n.prototype._events=function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||!t.isClick&&t.options.clickOpen)&&t.hide()}),this.options.clickOpen&&this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick?t.hide():(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,console.log(t.isClick),t.isClick?!1:void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})},n.prototype.toggle=function(){this.isActive?this.hide():this.show()},n.prototype.destroy=function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),i.unregisterPlugin(this)},i.plugin(n,"Tooltip")}(jQuery,window.document,window.Foundation); |
| \ No newline at end of file | |
generators/foundation/public/javascripts/vendor/what-input.js
+212
-0
| @@ | @@ -0,0 +1,212 @@ |
| + | ;(function(root, factory) { |
| + | if (typeof define === 'function' && define.amd) { |
| + | define([], function() { |
| + | return (factory()); |
| + | }); |
| + | } else if (typeof exports === 'object') { |
| + | module.exports = factory(); |
| + | } else { |
| + | root.whatInput = factory(); |
| + | } |
| + | } (this, function() { |
| + | 'use strict'; |
| + | |
| + | |
| + | /* |
| + | --------------- |
| + | variables |
| + | --------------- |
| + | */ |
| + | |
| + | // array of actively pressed keys |
| + | var activeKeys = []; |
| + | |
| + | // cache document.body |
| + | var body = document.body; |
| + | |
| + | // boolean: true if touch buffer timer is running |
| + | var buffer = false; |
| + | |
| + | // the last used input type |
| + | var currentInput = null; |
| + | |
| + | // array of form elements that take keyboard input |
| + | var formInputs = [ |
| + | 'input', |
| + | 'select', |
| + | 'textarea' |
| + | ]; |
| + | |
| + | // user-set flag to allow typing in form fields to be recorded |
| + | var formTyping = body.hasAttribute('data-whatinput-formtyping'); |
| + | |
| + | // mapping of events to input types |
| + | var inputMap = { |
| + | 'keydown': 'keyboard', |
| + | 'mousedown': 'mouse', |
| + | 'mouseenter': 'mouse', |
| + | 'touchstart': 'touch', |
| + | 'pointerdown': 'pointer', |
| + | 'MSPointerDown': 'pointer' |
| + | }; |
| + | |
| + | // array of all used input types |
| + | var inputTypes = []; |
| + | |
| + | // mapping of key codes to common name |
| + | var keyMap = { |
| + | 9: 'tab', |
| + | 13: 'enter', |
| + | 16: 'shift', |
| + | 27: 'esc', |
| + | 32: 'space', |
| + | 37: 'left', |
| + | 38: 'up', |
| + | 39: 'right', |
| + | 40: 'down' |
| + | }; |
| + | |
| + | // map of IE 10 pointer events |
| + | var pointerMap = { |
| + | 2: 'touch', |
| + | 3: 'touch', // treat pen like touch |
| + | 4: 'mouse' |
| + | }; |
| + | |
| + | // touch buffer timer |
| + | var timer; |
| + | |
| + | |
| + | /* |
| + | --------------- |
| + | functions |
| + | --------------- |
| + | */ |
| + | |
| + | function bufferInput(event) { |
| + | clearTimeout(timer); |
| + | |
| + | setInput(event); |
| + | |
| + | buffer = true; |
| + | timer = setTimeout(function() { |
| + | buffer = false; |
| + | }, 1000); |
| + | } |
| + | |
| + | function immediateInput(event) { |
| + | if (!buffer) setInput(event); |
| + | } |
| + | |
| + | function setInput(event) { |
| + | var eventKey = key(event); |
| + | var eventTarget = target(event); |
| + | var value = inputMap[event.type]; |
| + | if (value === 'pointer') value = pointerType(event); |
| + | |
| + | if (currentInput !== value) { |
| + | if ( |
| + | // only if the user flag isn't set |
| + | !formTyping && |
| + | |
| + | // only if currentInput has a value |
| + | currentInput && |
| + | |
| + | // only if the input is `keyboard` |
| + | value === 'keyboard' && |
| + | |
| + | // not if the key is `TAB` |
| + | keyMap[eventKey] !== 'tab' && |
| + | |
| + | // only if the target is one of the elements in `formInputs` |
| + | formInputs.indexOf(eventTarget.nodeName.toLowerCase()) >= 0 |
| + | ) { |
| + | // ignore keyboard typing on form elements |
| + | } else { |
| + | currentInput = value; |
| + | body.setAttribute('data-whatinput', currentInput); |
| + | |
| + | if (inputTypes.indexOf(currentInput) === -1) inputTypes.push(currentInput); |
| + | } |
| + | } |
| + | |
| + | if (value === 'keyboard') logKeys(eventKey); |
| + | } |
| + | |
| + | function key(event) { |
| + | return (event.keyCode) ? event.keyCode : event.which; |
| + | } |
| + | |
| + | function target(event) { |
| + | return event.target || event.srcElement; |
| + | } |
| + | |
| + | function pointerType(event) { |
| + | return (typeof event.pointerType === 'number') ? pointerMap[event.pointerType] : event.pointerType; |
| + | } |
| + | |
| + | // keyboard logging |
| + | function logKeys(eventKey) { |
| + | if (activeKeys.indexOf(keyMap[eventKey]) === -1 && keyMap[eventKey]) activeKeys.push(keyMap[eventKey]); |
| + | } |
| + | |
| + | function unLogKeys(event) { |
| + | var eventKey = key(event); |
| + | var arrayPos = activeKeys.indexOf(keyMap[eventKey]); |
| + | |
| + | if (arrayPos !== -1) activeKeys.splice(arrayPos, 1); |
| + | } |
| + | |
| + | |
| + | /* |
| + | --------------- |
| + | init |
| + | --------------- |
| + | */ |
| + | |
| + | (function bindEvents() { |
| + | |
| + | // pointer/mouse |
| + | var mouseEvent = 'mousedown'; |
| + | |
| + | if (window.PointerEvent) { |
| + | mouseEvent = 'pointerdown'; |
| + | } else if (window.MSPointerEvent) { |
| + | mouseEvent = 'MSPointerDown'; |
| + | } |
| + | |
| + | body.addEventListener(mouseEvent, immediateInput); |
| + | body.addEventListener('mouseenter', immediateInput); |
| + | |
| + | // touch |
| + | if ('ontouchstart' in document.documentElement) body.addEventListener('touchstart', bufferInput); |
| + | |
| + | // keyboard |
| + | body.addEventListener('keydown', immediateInput); |
| + | body.addEventListener('keyup', unLogKeys); |
| + | |
| + | })(); |
| + | |
| + | |
| + | /* |
| + | --------------- |
| + | api |
| + | --------------- |
| + | */ |
| + | |
| + | return { |
| + | |
| + | // returns string: the current input type |
| + | ask: function() { return currentInput; }, |
| + | |
| + | // returns array: currently pressed keys |
| + | keys: function() { return activeKeys; }, |
| + | |
| + | // returns array: all the detected input types |
| + | types: function() { return inputTypes; }, |
| + | |
| + | // accepts string: manually set the input type |
| + | set: setInput |
| + | }; |
| + | |
| + | })); |
generators/foundation/public/javascripts/vendor/what-input.min.js
+1
-0
| @@ | @@ -0,0 +1 @@ |
| + | !function(e,t){"function"==typeof define&&define.amd?define([],function(){return t()}):"object"==typeof exports?module.exports=t():e.whatInput=t()}(this,function(){"use strict";function e(e){clearTimeout(s),n(e),f=!0,s=setTimeout(function(){f=!1},1e3)}function t(e){f||n(e)}function n(e){var t=o(e),n=r(e),d=w[e.type];"pointer"===d&&(d=i(e)),p!==d&&(!y&&p&&"keyboard"===d&&"tab"!==v[t]&&m.indexOf(n.nodeName.toLowerCase())>=0||(p=d,a.setAttribute("data-whatinput",p),-1===h.indexOf(p)&&h.push(p))),"keyboard"===d&&u(t)}function o(e){return e.keyCode?e.keyCode:e.which}function r(e){return e.target||e.srcElement}function i(e){return"number"==typeof e.pointerType?b[e.pointerType]:e.pointerType}function u(e){-1===c.indexOf(v[e])&&v[e]&&c.push(v[e])}function d(e){var t=o(e),n=c.indexOf(v[t]);-1!==n&&c.splice(n,1)}var s,c=[],a=document.body,f=!1,p=null,m=["input","select","textarea"],y=a.hasAttribute("data-whatinput-formtyping"),w={keydown:"keyboard",mousedown:"mouse",mouseenter:"mouse",touchstart:"touch",pointerdown:"pointer",MSPointerDown:"pointer"},h=[],v={9:"tab",13:"enter",16:"shift",27:"esc",32:"space",37:"left",38:"up",39:"right",40:"down"},b={2:"touch",3:"touch",4:"mouse"};return function(){var n="mousedown";window.PointerEvent?n="pointerdown":window.MSPointerEvent&&(n="MSPointerDown"),a.addEventListener(n,t),a.addEventListener("mouseenter",t),"ontouchstart"in document.documentElement&&a.addEventListener("touchstart",e),a.addEventListener("keydown",t),a.addEventListener("keyup",d)}(),{ask:function(){return p},keys:function(){return c},types:function(){return h},set:n}}); |
| \ No newline at end of file | |
generators/foundation/public/stylesheets/_settings.scss
+529
-0
| @@ | @@ -0,0 +1,529 @@ |
| + | // Foundation for Sites Settings |
| + | // ----------------------------- |
| + | // |
| + | // Table of Contents: |
| + | // |
| + | // 1. Global |
| + | // 2. Breakpoints |
| + | // 3. The Grid |
| + | // 4. Base Typography |
| + | // 5. Typography Helpers |
| + | // 6. Abide |
| + | // 7. Accordion |
| + | // 8. Accordion Menu |
| + | // 9. Badge |
| + | // 10. Breadcrumbs |
| + | // 11. Button |
| + | // 12. Button Group |
| + | // 13. Callout |
| + | // 14. Close Button |
| + | // 15. Drilldown |
| + | // 16. Dropdown |
| + | // 17. Dropdown Menu |
| + | // 18. Flex Video |
| + | // 19. Forms |
| + | // 20. Label |
| + | // 21. Media Object |
| + | // 22. Menu |
| + | // 23. Off-canvas |
| + | // 24. Orbit |
| + | // 25. Pagination |
| + | // 26. Progress Bar |
| + | // 27. Reveal |
| + | // 28. Slider |
| + | // 29. Switch |
| + | // 30. Table |
| + | // 31. Tabs |
| + | // 32. Thumbnail |
| + | // 33. Tooltip |
| + | // 34. Top Bar |
| + | |
| + | @import 'foundation6/util/util'; |
| + | |
| + | // 1. Global |
| + | // --------- |
| + | |
| + | $global-width: rem-calc(1200); |
| + | $global-font-size: 100%; |
| + | $global-lineheight: 1.5; |
| + | $primary-color: #2199e8; |
| + | $secondary-color: #777; |
| + | $success-color: #3adb76; |
| + | $warning-color: #ffae00; |
| + | $alert-color: #ec5840; |
| + | $light-gray: #e6e6e6; |
| + | $medium-gray: #cacaca; |
| + | $dark-gray: #8a8a8a; |
| + | $black: #0a0a0a; |
| + | $white: #fefefe; |
| + | $body-background: $white; |
| + | $body-font-color: $black; |
| + | $body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| + | $body-antialiased: true; |
| + | $text-direction: ltr; |
| + | $global-margin: 1rem; |
| + | $global-padding: 1rem; |
| + | $global-margin: 1rem; |
| + | $global-weight-normal: normal; |
| + | $global-weight-bold: bold; |
| + | $global-radius: 0; |
| + | $global-text-direction: ltr; |
| + | $rem-base: 16px; |
| + | |
| + | // 2. Breakpoints |
| + | // -------------- |
| + | |
| + | $breakpoints: ( |
| + | small: 0, |
| + | medium: 640px, |
| + | large: 1024px, |
| + | xlarge: 1200px, |
| + | xxlarge: 1440px, |
| + | ); |
| + | $breakpoint-classes: (small medium large); |
| + | |
| + | // 3. The Grid |
| + | // ----------- |
| + | |
| + | $grid-row-width: $global-width; |
| + | $grid-column-count: 12; |
| + | $grid-column-gutter: 30px; |
| + | $block-grid-max: 6; |
| + | |
| + | // 4. Base Typography |
| + | // ------------------ |
| + | |
| + | $header-font-family: $body-font-family; |
| + | $header-font-weight: $global-weight-normal; |
| + | $header-font-style: normal; |
| + | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; |
| + | $header-sizes: ( |
| + | small: ( |
| + | 'h1': 24, |
| + | 'h2': 20, |
| + | 'h3': 19, |
| + | 'h4': 18, |
| + | 'h5': 17, |
| + | 'h6': 16, |
| + | ), |
| + | medium: ( |
| + | 'h1': 48, |
| + | 'h2': 40, |
| + | 'h3': 31, |
| + | 'h4': 25, |
| + | 'h5': 20, |
| + | 'h6': 16, |
| + | ), |
| + | ); |
| + | $header-color: inherit; |
| + | $header-lineheight: 1.4; |
| + | $header-margin-bottom: 0.5rem; |
| + | $header-text-rendering: optimizeLegibility; |
| + | $small-font-size: 80%; |
| + | $header-small-font-color: $medium-gray; |
| + | $paragraph-lineheight: 1.6; |
| + | $paragraph-margin-bottom: 1rem; |
| + | $paragraph-text-rendering: optimizeLegibility; |
| + | $code-color: $black; |
| + | $code-font-family: $font-family-monospace; |
| + | $code-font-weight: $global-weight-normal; |
| + | $code-background: $light-gray; |
| + | $code-border: 1px solid $medium-gray; |
| + | $code-padding: rem-calc(2 5 1); |
| + | $anchor-color: $primary-color; |
| + | $anchor-color-hover: scale-color($anchor-color, $lightness: -14%); |
| + | $anchor-text-decoration: none; |
| + | $anchor-text-decoration-hover: none; |
| + | $hr-width: $global-width; |
| + | $hr-border: 1px solid $medium-gray; |
| + | $hr-margin: rem-calc(20) auto; |
| + | $list-lineheight: $paragraph-lineheight; |
| + | $list-margin-bottom: $paragraph-margin-bottom; |
| + | $list-style-type: disc; |
| + | $list-style-position: outside; |
| + | $list-side-margin: 1.25rem; |
| + | $list-nested-side-margin: 1.25rem; |
| + | $defnlist-margin-bottom: 1rem; |
| + | $defnlist-term-weight: $global-weight-bold; |
| + | $defnlist-term-margin-bottom: 0.3rem; |
| + | $blockquote-color: $dark-gray; |
| + | $blockquote-padding: rem-calc(9 20 0 19); |
| + | $blockquote-border: 1px solid $medium-gray; |
| + | $cite-font-size: rem-calc(13); |
| + | $cite-color: $dark-gray; |
| + | $keystroke-font: $font-family-monospace; |
| + | $keystroke-color: $black; |
| + | $keystroke-background: $light-gray; |
| + | $keystroke-padding: rem-calc(2 4 0); |
| + | $keystroke-radius: $global-radius; |
| + | $abbr-underline: 1px dotted $black; |
| + | |
| + | // 5. Typography Helpers |
| + | // --------------------- |
| + | |
| + | $lead-font-size: $global-font-size * 1.25; |
| + | $lead-lineheight: 1.6; |
| + | $subheader-lineheight: 1.4; |
| + | $subheader-color: $dark-gray; |
| + | $subheader-font-weight: $global-weight-normal; |
| + | $subheader-margin-top: 0.2rem; |
| + | $subheader-margin-bottom: 0.5rem; |
| + | $stat-font-size: 2.5rem; |
| + | |
| + | // 6. Abide |
| + | // -------- |
| + | |
| + | $abide-inputs: true; |
| + | $abide-labels: true; |
| + | $input-background-invalid: $alert-color; |
| + | $form-label-color-invalid: $alert-color; |
| + | $input-error-color: $alert-color; |
| + | $input-error-font-size: rem-calc(12); |
| + | $input-error-font-weight: $global-weight-bold; |
| + | |
| + | // 7. Accordion |
| + | // ------------ |
| + | |
| + | $accordion-background: $white; |
| + | $accordion-plusminus: true; |
| + | $accordion-item-color: foreground($accordion-background, $primary-color); |
| + | $accordion-item-background-hover: $light-gray; |
| + | $accordion-item-padding: 1.25rem 1rem; |
| + | $accordion-content-background: $white; |
| + | $accordion-content-border: 1px solid $light-gray; |
| + | $accordion-content-color: foreground($accordion-background, $primary-color); |
| + | $accordion-content-padding: 1rem; |
| + | |
| + | // 8. Accordion Menu |
| + | // ----------------- |
| + | |
| + | $accordionmenu-arrows: true; |
| + | |
| + | // 9. Badge |
| + | // -------- |
| + | |
| + | $badge-background: $primary-color; |
| + | $badge-color: foreground($badge-background); |
| + | $badge-padding: 0.3em; |
| + | $badge-minwidth: 2.1em; |
| + | $badge-font-size: 0.6rem; |
| + | |
| + | // 10. Breadcrumbs |
| + | // --------------- |
| + | |
| + | $breadcrumbs-margin: 0 0 $global-margin 0; |
| + | $breadcrumbs-item-font-size: rem-calc(11); |
| + | $breadcrumbs-item-color: $primary-color; |
| + | $breadcrumbs-item-color-current: $black; |
| + | $breadcrumbs-item-color-disabled: $medium-gray; |
| + | $breadcrumbs-item-margin: 0.75rem; |
| + | $breadcrumbs-item-uppercase: true; |
| + | $breadcrumbs-item-slash: true; |
| + | |
| + | // 11. Button |
| + | // ---------- |
| + | |
| + | $button-padding: 0.85em 1em; |
| + | $button-margin: 0 $global-margin $global-margin 0; |
| + | $button-fill: solid; |
| + | $button-background: $primary-color; |
| + | $button-background-hover: scale-color($button-background, $lightness: -15%); |
| + | $button-color: #fff; |
| + | $button-color-alt: #000; |
| + | $button-radius: $global-radius; |
| + | $button-sizes: ( |
| + | tiny: 0.6rem, |
| + | small: 0.75rem, |
| + | default: 0.9rem, |
| + | large: 1.25rem, |
| + | ); |
| + | $button-opacity-disabled: 0.25; |
| + | |
| + | // 12. Button Group |
| + | // ---------------- |
| + | |
| + | $buttongroup-margin: 1rem; |
| + | $buttongroup-spacing: 1px; |
| + | $buttongroup-child-selector: '.button'; |
| + | $buttongroup-expand-max: 6; |
| + | |
| + | // 13. Callout |
| + | // ----------- |
| + | |
| + | $callout-background: $white; |
| + | $callout-background-fade: 85%; |
| + | $callout-border: 1px solid rgba($black, 0.25); |
| + | $callout-margin: 0 0 1rem 0; |
| + | $callout-padding: 1rem; |
| + | $callout-font-color: $body-font-color; |
| + | $callout-font-color-alt: $body-background; |
| + | $callout-radius: $global-radius; |
| + | $callout-link-tint: 30%; |
| + | |
| + | // 14. Close Button |
| + | // ---------------- |
| + | |
| + | $closebutton-position: right top; |
| + | $closebutton-offset-horizontal: 1rem; |
| + | $closebutton-offset-vertical: 0.5rem; |
| + | $closebutton-size: 2em; |
| + | $closebutton-lineheight: 1; |
| + | $closebutton-color: $dark-gray; |
| + | $closebutton-color-hover: $black; |
| + | |
| + | // 15. Drilldown |
| + | // ------------- |
| + | |
| + | $drilldown-transition: transform 0.15s linear; |
| + | $drilldown-arrows: true; |
| + | |
| + | // 16. Dropdown |
| + | // ------------ |
| + | |
| + | $dropdown-padding: 1rem; |
| + | $dropdown-border: 1px solid $medium-gray; |
| + | $dropdown-font-size: 16rem; |
| + | $dropdown-width: 300px; |
| + | $dropdown-radius: $global-radius; |
| + | $dropdown-sizes: ( |
| + | tiny: 100px, |
| + | small: 200px, |
| + | large: 400px, |
| + | ); |
| + | |
| + | // 17. Dropdown Menu |
| + | // ----------------- |
| + | |
| + | $dropdownmenu-arrows: true; |
| + | $dropdownmenu-min-width: 200px; |
| + | $dropdownmenu-background: $white; |
| + | $dropdown-border: 1px solid $medium-gray; |
| + | |
| + | // 18. Flex Video |
| + | // -------------- |
| + | |
| + | $flexvideo-padding-top: rem-calc(25); |
| + | $flexvideo-margin-bottom: rem-calc(16); |
| + | $flexvideo-ratio: 4 by 3; |
| + | $flexvideo-ratio-widescreen: 16 by 9; |
| + | |
| + | // 19. Forms |
| + | // --------- |
| + | |
| + | $fieldset-border: 1px solid $medium-gray; |
| + | $fieldset-padding: rem-calc(20); |
| + | $fieldset-margin: rem-calc(18 0); |
| + | $legend-padding: rem-calc(0 3); |
| + | $form-spacing: rem-calc(16); |
| + | $helptext-color: #333; |
| + | $helptext-font-size: rem-calc(13); |
| + | $helptext-font-style: italic; |
| + | $input-prefix-color: $black; |
| + | $input-prefix-background: $light-gray; |
| + | $input-prefix-border: 1px solid $medium-gray; |
| + | $input-prefix-padding: 1rem; |
| + | $form-label-color: $black; |
| + | $form-label-font-size: rem-calc(14); |
| + | $form-label-font-weight: $global-weight-normal; |
| + | $form-label-line-height: 1.8; |
| + | $select-background: #fafafa; |
| + | $select-triangle-color: #333; |
| + | $select-radius: $global-radius; |
| + | $input-color: $dark-gray; |
| + | $input-font-family: inherit; |
| + | $input-font-size: rem-calc(16); |
| + | $input-background: $white; |
| + | $input-background-focus: $white; |
| + | $input-background-disabled: $light-gray; |
| + | $input-border: 1px solid $medium-gray; |
| + | $input-border-focus: 1px solid $dark-gray; |
| + | $input-shadow: inset 0 1px 2px rgba($black, 0.1); |
| + | $input-shadow-focus: 0 0 5px $medium-gray; |
| + | $input-cursor-disabled: default; |
| + | $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
| + | $input-number-spinners: true; |
| + | $input-radius: $global-radius; |
| + | |
| + | // 20. Label |
| + | // --------- |
| + | |
| + | $label-background: $primary-color; |
| + | $label-color: foreground($label-background); |
| + | $label-font-size: 0.8rem; |
| + | $label-padding: 0.33333rem 0.5rem; |
| + | $label-radius: $global-radius; |
| + | |
| + | // 21. Media Object |
| + | // ---------------- |
| + | |
| + | $mediaobject-margin-bottom: $global-margin; |
| + | $mediaobject-section-padding: $global-padding; |
| + | $mediaobject-image-width-stacked: 100%; |
| + | |
| + | // 22. Menu |
| + | // -------- |
| + | |
| + | $menu-margin: 0; |
| + | $menu-margin-nested: 1rem; |
| + | $menu-item-padding: 0.7rem 1rem; |
| + | $menu-icon-spacing: 0.25rem; |
| + | $menu-expand-max: 6; |
| + | |
| + | // 23. Off-canvas |
| + | // -------------- |
| + | |
| + | $offcanvas-size: 250px; |
| + | $offcanvas-background: $light-gray; |
| + | $offcanvas-zindex: -1; |
| + | $offcanvas-transition-length: 0.5s; |
| + | $offcanvas-transition-timing: ease; |
| + | $offcanvas-exit-background: rgba($white, 0.25); |
| + | $maincontent-class: 'off-canvas-content'; |
| + | $maincontent-shadow: 0 0 10px rgba($black, 0.5); |
| + | |
| + | // 24. Orbit |
| + | // --------- |
| + | |
| + | $orbit-bullet-background: $medium-gray; |
| + | $orbit-bullet-background-active: $dark-gray; |
| + | $orbit-bullet-diameter: 1.2rem; |
| + | $orbit-bullet-margin: 0.1rem; |
| + | $orbit-bullet-margin-top: 0.8rem; |
| + | $orbit-bullet-margin-bottom: 0.8rem; |
| + | $orbit-caption-background: rgba($black, 0.5); |
| + | $orbit-caption-padding: 1rem; |
| + | $orbit-control-background-hover: rgba($black, 0.5); |
| + | $orbit-control-padding: 1rem; |
| + | $orbit-control-zindex: 10; |
| + | |
| + | // 25. Pagination |
| + | // -------------- |
| + | |
| + | $pagination-font-size: rem-calc(14); |
| + | $pagination-margin-bottom: $global-margin; |
| + | $pagination-item-color: $black; |
| + | $pagination-item-padding: rem-calc(3 10); |
| + | $pagination-item-spacing: rem-calc(1); |
| + | $pagination-radius: $global-radius; |
| + | $pagination-item-background-hover: $light-gray; |
| + | $pagination-item-background-current: $primary-color; |
| + | $pagination-item-color-current: foreground($pagination-item-background-current); |
| + | $pagination-item-color-disabled: $medium-gray; |
| + | $pagination-ellipsis-color: $black; |
| + | $pagination-mobile-items: false; |
| + | $pagination-arrows: true; |
| + | |
| + | // 26. Progress Bar |
| + | // ---------------- |
| + | |
| + | $progress-height: 1rem; |
| + | $progress-background: $medium-gray; |
| + | $progress-margin-bottom: $global-margin; |
| + | $progress-meter-background: $primary-color; |
| + | $progress-radius: $global-radius; |
| + | |
| + | // 27. Reveal |
| + | // ---------- |
| + | |
| + | $reveal-background: $white; |
| + | $reveal-width: 600px; |
| + | $reveal-max-width: $global-width; |
| + | $reveal-offset: rem-calc(100); |
| + | $reveal-padding: $global-padding; |
| + | $reveal-border: 1px solid $medium-gray; |
| + | $reveal-radius: $global-radius; |
| + | $reveal-zindex: 1005; |
| + | $reveal-overlay-background: rgba($black, 0.45); |
| + | |
| + | // 28. Slider |
| + | // ---------- |
| + | |
| + | $slider-height: 0.5rem; |
| + | $slider-width-vertical: $slider-height; |
| + | $slider-background: $light-gray; |
| + | $slider-fill-background: $medium-gray; |
| + | $slider-handle-height: 1.4rem; |
| + | $slider-handle-width: 1.4rem; |
| + | $slider-handle-background: $primary-color; |
| + | $slider-opacity-disabled: 0.25; |
| + | $slider-radius: $global-radius; |
| + | $slider-transition: all 0.2s ease-in-out; |
| + | |
| + | // 29. Switch |
| + | // ---------- |
| + | |
| + | $switch-background: $medium-gray; |
| + | $switch-background-active: $primary-color; |
| + | $switch-height: 2rem; |
| + | $switch-height-tiny: 1.5rem; |
| + | $switch-height-small: 1.75rem; |
| + | $switch-height-large: 2.5rem; |
| + | $switch-radius: $global-radius; |
| + | $switch-margin: $global-margin; |
| + | $switch-paddle-background: $white; |
| + | $switch-paddle-offset: 0.25rem; |
| + | $switch-paddle-radius: $global-radius; |
| + | $switch-paddle-transition: all 0.25s ease-out; |
| + | |
| + | // 30. Table |
| + | // --------- |
| + | |
| + | $table-background: $white; |
| + | $table-color-scale: 5%; |
| + | $table-border: 1px solid smart-scale($table-background, $table-color-scale); |
| + | $table-padding: rem-calc(8 10 10); |
| + | $table-hover-scale: 2%; |
| + | $table-row-hover: darken($table-background, $table-hover-scale); |
| + | $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale); |
| + | $table-striped-background: smart-scale($table-background, $table-color-scale); |
| + | $table-stripe: even; |
| + | $table-head-background: smart-scale($table-background, $table-color-scale / 2); |
| + | $table-foot-background: smart-scale($table-background, $table-color-scale); |
| + | $table-head-font-color: $body-font-color; |
| + | $show-header-for-stacked: false; |
| + | |
| + | // 31. Tabs |
| + | // -------- |
| + | |
| + | $tab-margin: 0; |
| + | $tab-background: $white; |
| + | $tab-background-active: $light-gray; |
| + | $tab-border: $light-gray; |
| + | $tab-item-color: foreground($tab-background, $primary-color); |
| + | $tab-item-background-hover: $white; |
| + | $tab-item-padding: 1.25rem 1.5rem; |
| + | $tab-expand-max: 6; |
| + | $tab-content-background: $white; |
| + | $tab-content-border: $light-gray; |
| + | $tab-content-color: foreground($tab-background, $primary-color); |
| + | $tab-content-padding: 1rem; |
| + | |
| + | // 32. Thumbnail |
| + | // ------------- |
| + | |
| + | $thumbnail-border: solid 4px $white; |
| + | $thumbnail-margin-bottom: $global-margin; |
| + | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); |
| + | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); |
| + | $thumbnail-transition: box-shadow 200ms ease-out; |
| + | $thumbnail-radius: $global-radius; |
| + | |
| + | // 33. Tooltip |
| + | // ----------- |
| + | |
| + | $tooltip-background-color: $black; |
| + | $tooltip-color: $white; |
| + | $tooltip-padding: 0.75rem; |
| + | $tooltip-font-size: $small-font-size; |
| + | $tooltip-pip-width: 0.75rem; |
| + | $tooltip-pip-height: $tooltip-pip-width * 0.866; |
| + | $tooltip-pip-offset: 1.25rem; |
| + | $tooltip-radius: $global-radius; |
| + | |
| + | // 34. Top Bar |
| + | // ----------- |
| + | |
| + | $topbar-padding: 0.5rem; |
| + | $topbar-background: #eee; |
| + | $topbar-link-color: #fff; |
| + | $topbar-input-width: 200px; |
generators/foundation/public/stylesheets/app.css
+3
-0
| @@ | @@ -0,0 +1,3 @@ |
| + | /*Import Foundation Styles*/ |
| + | |
| + | @import url("foundation.css"); |
generators/foundation/public/stylesheets/app.scss
+43
-0
| @@ | @@ -0,0 +1,43 @@ |
| + | @charset 'utf-8'; |
| + | |
| + | @import 'settings'; |
| + | @import 'foundation6/foundation'; |
| + | @import 'foundation6/motion-ui'; |
| + | |
| + | @include foundation-global-styles; |
| + | @include foundation-grid; |
| + | @include foundation-typography; |
| + | @include foundation-button; |
| + | @include foundation-forms; |
| + | @include foundation-visibility-classes; |
| + | @include foundation-float-classes; |
| + | @include foundation-accordion; |
| + | @include foundation-badge; |
| + | @include foundation-breadcrumbs; |
| + | @include foundation-button-group; |
| + | @include foundation-callout; |
| + | @include foundation-close-button; |
| + | @include foundation-drilldown-menu; |
| + | @include foundation-dropdown; |
| + | @include foundation-dropdown-menu; |
| + | @include foundation-flex-video; |
| + | @include foundation-label; |
| + | @include foundation-media-object; |
| + | @include foundation-menu; |
| + | @include foundation-off-canvas; |
| + | @include foundation-orbit; |
| + | @include foundation-pagination; |
| + | @include foundation-progress-bar; |
| + | @include foundation-slider; |
| + | @include foundation-sticky; |
| + | @include foundation-reveal; |
| + | @include foundation-switch; |
| + | @include foundation-table; |
| + | @include foundation-tabs; |
| + | @include foundation-thumbnail; |
| + | @include foundation-title-bar; |
| + | @include foundation-tooltip; |
| + | @include foundation-top-bar; |
| + | |
| + | @include motion-ui-transitions; |
| + | @include motion-ui-animations; |
generators/foundation/public/stylesheets/foundation.css
+3499
-0
| @@ | @@ -0,0 +1,3499 @@ |
| + | @charset "UTF-8"; |
| + | /** |
| + | * Foundation for Sites by ZURB |
| + | * Version 6.2.1 |
| + | * foundation.zurb.com |
| + | * Licensed under MIT Open Source |
| + | */ |
| + | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ |
| + | /** |
| + | * 1. Set default font family to sans-serif. |
| + | * 2. Prevent iOS and IE text size adjust after device orientation change, |
| + | * without disabling user zoom. |
| + | */ |
| + | html { |
| + | font-family: sans-serif; |
| + | /* 1 */ |
| + | -ms-text-size-adjust: 100%; |
| + | /* 2 */ |
| + | -webkit-text-size-adjust: 100%; |
| + | /* 2 */ } |
| + | |
| + | /** |
| + | * Remove default margin. |
| + | */ |
| + | body { |
| + | margin: 0; } |
| + | |
| + | /* HTML5 display definitions |
| + | ========================================================================== */ |
| + | /** |
| + | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| + | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| + | * and Firefox. |
| + | * Correct `block` display not defined for `main` in IE 11. |
| + | */ |
| + | article, |
| + | aside, |
| + | details, |
| + | figcaption, |
| + | figure, |
| + | footer, |
| + | header, |
| + | hgroup, |
| + | main, |
| + | menu, |
| + | nav, |
| + | section, |
| + | summary { |
| + | display: block; } |
| + | |
| + | /** |
| + | * 1. Correct `inline-block` display not defined in IE 8/9. |
| + | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| + | */ |
| + | audio, |
| + | canvas, |
| + | progress, |
| + | video { |
| + | display: inline-block; |
| + | /* 1 */ |
| + | vertical-align: baseline; |
| + | /* 2 */ } |
| + | |
| + | /** |
| + | * Prevent modern browsers from displaying `audio` without controls. |
| + | * Remove excess height in iOS 5 devices. |
| + | */ |
| + | audio:not([controls]) { |
| + | display: none; |
| + | height: 0; } |
| + | |
| + | /** |
| + | * Address `[hidden]` styling not present in IE 8/9/10. |
| + | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
| + | */ |
| + | [hidden], |
| + | template { |
| + | display: none; } |
| + | |
| + | /* Links |
| + | ========================================================================== */ |
| + | /** |
| + | * Remove the gray background color from active links in IE 10. |
| + | */ |
| + | a { |
| + | background-color: transparent; } |
| + | |
| + | /** |
| + | * Improve readability of focused elements when they are also in an |
| + | * active/hover state. |
| + | */ |
| + | a:active, |
| + | a:hover { |
| + | outline: 0; } |
| + | |
| + | /* Text-level semantics |
| + | ========================================================================== */ |
| + | /** |
| + | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| + | */ |
| + | abbr[title] { |
| + | border-bottom: 1px dotted; } |
| + | |
| + | /** |
| + | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | b, |
| + | strong { |
| + | font-weight: bold; } |
| + | |
| + | /** |
| + | * Address styling not present in Safari and Chrome. |
| + | */ |
| + | dfn { |
| + | font-style: italic; } |
| + | |
| + | /** |
| + | * Address variable `h1` font-size and margin within `section` and `article` |
| + | * contexts in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | h1 { |
| + | font-size: 2em; |
| + | margin: 0.67em 0; } |
| + | |
| + | /** |
| + | * Address styling not present in IE 8/9. |
| + | */ |
| + | mark { |
| + | background: #ff0; |
| + | color: #000; } |
| + | |
| + | /** |
| + | * Address inconsistent and variable font size in all browsers. |
| + | */ |
| + | small { |
| + | font-size: 80%; } |
| + | |
| + | /** |
| + | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| + | */ |
| + | sub, |
| + | sup { |
| + | font-size: 75%; |
| + | line-height: 0; |
| + | position: relative; |
| + | vertical-align: baseline; } |
| + | |
| + | sup { |
| + | top: -0.5em; } |
| + | |
| + | sub { |
| + | bottom: -0.25em; } |
| + | |
| + | /* Embedded content |
| + | ========================================================================== */ |
| + | /** |
| + | * Remove border when inside `a` element in IE 8/9/10. |
| + | */ |
| + | img { |
| + | border: 0; } |
| + | |
| + | /** |
| + | * Correct overflow not hidden in IE 9/10/11. |
| + | */ |
| + | svg:not(:root) { |
| + | overflow: hidden; } |
| + | |
| + | /* Grouping content |
| + | ========================================================================== */ |
| + | /** |
| + | * Address margin not present in IE 8/9 and Safari. |
| + | */ |
| + | figure { |
| + | margin: 1em 40px; } |
| + | |
| + | /** |
| + | * Address differences between Firefox and other browsers. |
| + | */ |
| + | hr { |
| + | box-sizing: content-box; |
| + | height: 0; } |
| + | |
| + | /** |
| + | * Contain overflow in all browsers. |
| + | */ |
| + | pre { |
| + | overflow: auto; } |
| + | |
| + | /** |
| + | * Address odd `em`-unit font size rendering in all browsers. |
| + | */ |
| + | code, |
| + | kbd, |
| + | pre, |
| + | samp { |
| + | font-family: monospace, monospace; |
| + | font-size: 1em; } |
| + | |
| + | /* Forms |
| + | ========================================================================== */ |
| + | /** |
| + | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| + | * styling of `select`, unless a `border` property is set. |
| + | */ |
| + | /** |
| + | * 1. Correct color not being inherited. |
| + | * Known issue: affects color of disabled elements. |
| + | * 2. Correct font properties not being inherited. |
| + | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | button, |
| + | input, |
| + | optgroup, |
| + | select, |
| + | textarea { |
| + | color: inherit; |
| + | /* 1 */ |
| + | font: inherit; |
| + | /* 2 */ |
| + | margin: 0; |
| + | /* 3 */ } |
| + | |
| + | /** |
| + | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| + | */ |
| + | button { |
| + | overflow: visible; } |
| + | |
| + | /** |
| + | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| + | * All other form control elements do not inherit `text-transform` values. |
| + | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| + | * Correct `select` style inheritance in Firefox. |
| + | */ |
| + | button, |
| + | select { |
| + | text-transform: none; } |
| + | |
| + | /** |
| + | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| + | * and `video` controls. |
| + | * 2. Correct inability to style clickable `input` types in iOS. |
| + | * 3. Improve usability and consistency of cursor style between image-type |
| + | * `input` and others. |
| + | */ |
| + | button, |
| + | html input[type="button"], |
| + | input[type="reset"], |
| + | input[type="submit"] { |
| + | -webkit-appearance: button; |
| + | /* 2 */ |
| + | cursor: pointer; |
| + | /* 3 */ } |
| + | |
| + | /** |
| + | * Re-set default cursor for disabled elements. |
| + | */ |
| + | button[disabled], |
| + | html input[disabled] { |
| + | cursor: not-allowed; } |
| + | |
| + | /** |
| + | * Remove inner padding and border in Firefox 4+. |
| + | */ |
| + | button::-moz-focus-inner, |
| + | input::-moz-focus-inner { |
| + | border: 0; |
| + | padding: 0; } |
| + | |
| + | /** |
| + | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| + | * the UA stylesheet. |
| + | */ |
| + | input { |
| + | line-height: normal; } |
| + | |
| + | /** |
| + | * It's recommended that you don't attempt to style these elements. |
| + | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| + | * |
| + | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| + | * 2. Remove excess padding in IE 8/9/10. |
| + | */ |
| + | input[type="checkbox"], |
| + | input[type="radio"] { |
| + | box-sizing: border-box; |
| + | /* 1 */ |
| + | padding: 0; |
| + | /* 2 */ } |
| + | |
| + | /** |
| + | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| + | * `font-size` values of the `input`, it causes the cursor style of the |
| + | * decrement button to change from `default` to `text`. |
| + | */ |
| + | input[type="number"]::-webkit-inner-spin-button, |
| + | input[type="number"]::-webkit-outer-spin-button { |
| + | height: auto; } |
| + | |
| + | /** |
| + | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| + | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. |
| + | */ |
| + | input[type="search"] { |
| + | -webkit-appearance: textfield; |
| + | /* 1 */ |
| + | box-sizing: content-box; |
| + | /* 2 */ } |
| + | |
| + | /** |
| + | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| + | * Safari (but not Chrome) clips the cancel button when the search input has |
| + | * padding (and `textfield` appearance). |
| + | */ |
| + | input[type="search"]::-webkit-search-cancel-button, |
| + | input[type="search"]::-webkit-search-decoration { |
| + | -webkit-appearance: none; } |
| + | |
| + | /** |
| + | * Define consistent border, margin, and padding. |
| + | * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling. |
| + | */ |
| + | /* fieldset { |
| + | border: 1px solid #c0c0c0; |
| + | margin: 0 2px; |
| + | padding: 0.35em 0.625em 0.75em; |
| + | } */ |
| + | /** |
| + | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| + | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| + | */ |
| + | legend { |
| + | border: 0; |
| + | /* 1 */ |
| + | padding: 0; |
| + | /* 2 */ } |
| + | |
| + | /** |
| + | * Remove default vertical scrollbar in IE 8/9/10/11. |
| + | */ |
| + | textarea { |
| + | overflow: auto; } |
| + | |
| + | /** |
| + | * Don't inherit the `font-weight` (applied by a rule above). |
| + | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| + | */ |
| + | optgroup { |
| + | font-weight: bold; } |
| + | |
| + | /* Tables |
| + | ========================================================================== */ |
| + | /** |
| + | * Remove most spacing between table cells. |
| + | */ |
| + | table { |
| + | border-collapse: collapse; |
| + | border-spacing: 0; } |
| + | |
| + | td, |
| + | th { |
| + | padding: 0; } |
| + | |
| + | .foundation-mq { |
| + | font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } |
| + | |
| + | html { |
| + | font-size: 100%; |
| + | box-sizing: border-box; } |
| + | |
| + | *, |
| + | *::before, |
| + | *::after { |
| + | box-sizing: inherit; } |
| + | |
| + | body { |
| + | padding: 0; |
| + | margin: 0; |
| + | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| + | font-weight: normal; |
| + | line-height: 1.5; |
| + | color: #0a0a0a; |
| + | background: #fefefe; |
| + | -webkit-font-smoothing: antialiased; |
| + | -moz-osx-font-smoothing: grayscale; } |
| + | |
| + | img { |
| + | max-width: 100%; |
| + | height: auto; |
| + | -ms-interpolation-mode: bicubic; |
| + | display: inline-block; |
| + | vertical-align: middle; } |
| + | |
| + | textarea { |
| + | height: auto; |
| + | min-height: 50px; |
| + | border-radius: 0; } |
| + | |
| + | select { |
| + | width: 100%; |
| + | border-radius: 0; } |
| + | |
| + | #map_canvas img, |
| + | #map_canvas embed, |
| + | #map_canvas object, |
| + | .map_canvas img, |
| + | .map_canvas embed, |
| + | .map_canvas object, |
| + | .mqa-display img, |
| + | .mqa-display embed, |
| + | .mqa-display object { |
| + | max-width: none !important; } |
| + | |
| + | button { |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; |
| + | background: transparent; |
| + | padding: 0; |
| + | border: 0; |
| + | border-radius: 0; |
| + | line-height: 1; } |
| + | [data-whatinput='mouse'] button { |
| + | outline: 0; } |
| + | |
| + | .is-visible { |
| + | display: block !important; } |
| + | |
| + | .is-hidden { |
| + | display: none !important; } |
| + | |
| + | .row { |
| + | max-width: 75rem; |
| + | margin-left: auto; |
| + | margin-right: auto; } |
| + | .row::before, .row::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .row::after { |
| + | clear: both; } |
| + | .row.collapse > .column, .row.collapse > .columns { |
| + | padding-left: 0; |
| + | padding-right: 0; } |
| + | .row .row { |
| + | max-width: none; |
| + | margin-left: -0.625rem; |
| + | margin-right: -0.625rem; |
| + | max-width: none; } |
| + | @media screen and (min-width: 40em) { |
| + | .row .row { |
| + | margin-left: -0.9375rem; |
| + | margin-right: -0.9375rem; } } |
| + | .row .row.collapse { |
| + | margin-left: 0; |
| + | margin-right: 0; } |
| + | .row.expanded { |
| + | max-width: none; } |
| + | .row.expanded .row { |
| + | margin-left: auto; |
| + | margin-right: auto; } |
| + | |
| + | .column, .columns { |
| + | width: 100%; |
| + | float: left; |
| + | padding-left: 0.625rem; |
| + | padding-right: 0.625rem; } |
| + | @media screen and (min-width: 40em) { |
| + | .column, .columns { |
| + | padding-left: 0.9375rem; |
| + | padding-right: 0.9375rem; } } |
| + | .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { |
| + | float: right; } |
| + | .column.end:last-child:last-child, .end.columns:last-child:last-child { |
| + | float: left; } |
| + | |
| + | .column.row.row, .row.row.columns { |
| + | float: none; } |
| + | .row .column.row.row, .row .row.row.columns { |
| + | padding-left: 0; |
| + | padding-right: 0; |
| + | margin-left: 0; |
| + | margin-right: 0; } |
| + | |
| + | .small-1 { |
| + | width: 8.33333%; } |
| + | |
| + | .small-push-1 { |
| + | position: relative; |
| + | left: 8.33333%; } |
| + | |
| + | .small-pull-1 { |
| + | position: relative; |
| + | left: -8.33333%; } |
| + | |
| + | .small-offset-0 { |
| + | margin-left: 0%; } |
| + | |
| + | .small-2 { |
| + | width: 16.66667%; } |
| + | |
| + | .small-push-2 { |
| + | position: relative; |
| + | left: 16.66667%; } |
| + | |
| + | .small-pull-2 { |
| + | position: relative; |
| + | left: -16.66667%; } |
| + | |
| + | .small-offset-1 { |
| + | margin-left: 8.33333%; } |
| + | |
| + | .small-3 { |
| + | width: 25%; } |
| + | |
| + | .small-push-3 { |
| + | position: relative; |
| + | left: 25%; } |
| + | |
| + | .small-pull-3 { |
| + | position: relative; |
| + | left: -25%; } |
| + | |
| + | .small-offset-2 { |
| + | margin-left: 16.66667%; } |
| + | |
| + | .small-4 { |
| + | width: 33.33333%; } |
| + | |
| + | .small-push-4 { |
| + | position: relative; |
| + | left: 33.33333%; } |
| + | |
| + | .small-pull-4 { |
| + | position: relative; |
| + | left: -33.33333%; } |
| + | |
| + | .small-offset-3 { |
| + | margin-left: 25%; } |
| + | |
| + | .small-5 { |
| + | width: 41.66667%; } |
| + | |
| + | .small-push-5 { |
| + | position: relative; |
| + | left: 41.66667%; } |
| + | |
| + | .small-pull-5 { |
| + | position: relative; |
| + | left: -41.66667%; } |
| + | |
| + | .small-offset-4 { |
| + | margin-left: 33.33333%; } |
| + | |
| + | .small-6 { |
| + | width: 50%; } |
| + | |
| + | .small-push-6 { |
| + | position: relative; |
| + | left: 50%; } |
| + | |
| + | .small-pull-6 { |
| + | position: relative; |
| + | left: -50%; } |
| + | |
| + | .small-offset-5 { |
| + | margin-left: 41.66667%; } |
| + | |
| + | .small-7 { |
| + | width: 58.33333%; } |
| + | |
| + | .small-push-7 { |
| + | position: relative; |
| + | left: 58.33333%; } |
| + | |
| + | .small-pull-7 { |
| + | position: relative; |
| + | left: -58.33333%; } |
| + | |
| + | .small-offset-6 { |
| + | margin-left: 50%; } |
| + | |
| + | .small-8 { |
| + | width: 66.66667%; } |
| + | |
| + | .small-push-8 { |
| + | position: relative; |
| + | left: 66.66667%; } |
| + | |
| + | .small-pull-8 { |
| + | position: relative; |
| + | left: -66.66667%; } |
| + | |
| + | .small-offset-7 { |
| + | margin-left: 58.33333%; } |
| + | |
| + | .small-9 { |
| + | width: 75%; } |
| + | |
| + | .small-push-9 { |
| + | position: relative; |
| + | left: 75%; } |
| + | |
| + | .small-pull-9 { |
| + | position: relative; |
| + | left: -75%; } |
| + | |
| + | .small-offset-8 { |
| + | margin-left: 66.66667%; } |
| + | |
| + | .small-10 { |
| + | width: 83.33333%; } |
| + | |
| + | .small-push-10 { |
| + | position: relative; |
| + | left: 83.33333%; } |
| + | |
| + | .small-pull-10 { |
| + | position: relative; |
| + | left: -83.33333%; } |
| + | |
| + | .small-offset-9 { |
| + | margin-left: 75%; } |
| + | |
| + | .small-11 { |
| + | width: 91.66667%; } |
| + | |
| + | .small-push-11 { |
| + | position: relative; |
| + | left: 91.66667%; } |
| + | |
| + | .small-pull-11 { |
| + | position: relative; |
| + | left: -91.66667%; } |
| + | |
| + | .small-offset-10 { |
| + | margin-left: 83.33333%; } |
| + | |
| + | .small-12 { |
| + | width: 100%; } |
| + | |
| + | .small-offset-11 { |
| + | margin-left: 91.66667%; } |
| + | |
| + | .small-up-1 > .column, .small-up-1 > .columns { |
| + | width: 100%; |
| + | float: left; } |
| + | .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { |
| + | clear: both; } |
| + | .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-2 > .column, .small-up-2 > .columns { |
| + | width: 50%; |
| + | float: left; } |
| + | .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { |
| + | clear: both; } |
| + | .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-3 > .column, .small-up-3 > .columns { |
| + | width: 33.33333%; |
| + | float: left; } |
| + | .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { |
| + | clear: both; } |
| + | .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-4 > .column, .small-up-4 > .columns { |
| + | width: 25%; |
| + | float: left; } |
| + | .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { |
| + | clear: both; } |
| + | .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-5 > .column, .small-up-5 > .columns { |
| + | width: 20%; |
| + | float: left; } |
| + | .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { |
| + | clear: both; } |
| + | .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-6 > .column, .small-up-6 > .columns { |
| + | width: 16.66667%; |
| + | float: left; } |
| + | .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { |
| + | clear: both; } |
| + | .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-7 > .column, .small-up-7 > .columns { |
| + | width: 14.28571%; |
| + | float: left; } |
| + | .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { |
| + | clear: both; } |
| + | .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-up-8 > .column, .small-up-8 > .columns { |
| + | width: 12.5%; |
| + | float: left; } |
| + | .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { |
| + | clear: both; } |
| + | .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { |
| + | float: left; } |
| + | |
| + | .small-collapse > .column, .small-collapse > .columns { |
| + | padding-left: 0; |
| + | padding-right: 0; } |
| + | |
| + | .small-collapse .row { |
| + | margin-left: 0; |
| + | margin-right: 0; } |
| + | |
| + | .small-uncollapse > .column, .small-uncollapse > .columns { |
| + | padding-left: 0.625rem; |
| + | padding-right: 0.625rem; } |
| + | |
| + | .small-centered { |
| + | float: none; |
| + | margin-left: auto; |
| + | margin-right: auto; } |
| + | |
| + | .small-uncentered, |
| + | .small-push-0, |
| + | .small-pull-0 { |
| + | position: static; |
| + | margin-left: 0; |
| + | margin-right: 0; |
| + | float: left; } |
| + | |
| + | @media screen and (min-width: 40em) { |
| + | .medium-1 { |
| + | width: 8.33333%; } |
| + | .medium-push-1 { |
| + | position: relative; |
| + | left: 8.33333%; } |
| + | .medium-pull-1 { |
| + | position: relative; |
| + | left: -8.33333%; } |
| + | .medium-offset-0 { |
| + | margin-left: 0%; } |
| + | .medium-2 { |
| + | width: 16.66667%; } |
| + | .medium-push-2 { |
| + | position: relative; |
| + | left: 16.66667%; } |
| + | .medium-pull-2 { |
| + | position: relative; |
| + | left: -16.66667%; } |
| + | .medium-offset-1 { |
| + | margin-left: 8.33333%; } |
| + | .medium-3 { |
| + | width: 25%; } |
| + | .medium-push-3 { |
| + | position: relative; |
| + | left: 25%; } |
| + | .medium-pull-3 { |
| + | position: relative; |
| + | left: -25%; } |
| + | .medium-offset-2 { |
| + | margin-left: 16.66667%; } |
| + | .medium-4 { |
| + | width: 33.33333%; } |
| + | .medium-push-4 { |
| + | position: relative; |
| + | left: 33.33333%; } |
| + | .medium-pull-4 { |
| + | position: relative; |
| + | left: -33.33333%; } |
| + | .medium-offset-3 { |
| + | margin-left: 25%; } |
| + | .medium-5 { |
| + | width: 41.66667%; } |
| + | .medium-push-5 { |
| + | position: relative; |
| + | left: 41.66667%; } |
| + | .medium-pull-5 { |
| + | position: relative; |
| + | left: -41.66667%; } |
| + | .medium-offset-4 { |
| + | margin-left: 33.33333%; } |
| + | .medium-6 { |
| + | width: 50%; } |
| + | .medium-push-6 { |
| + | position: relative; |
| + | left: 50%; } |
| + | .medium-pull-6 { |
| + | position: relative; |
| + | left: -50%; } |
| + | .medium-offset-5 { |
| + | margin-left: 41.66667%; } |
| + | .medium-7 { |
| + | width: 58.33333%; } |
| + | .medium-push-7 { |
| + | position: relative; |
| + | left: 58.33333%; } |
| + | .medium-pull-7 { |
| + | position: relative; |
| + | left: -58.33333%; } |
| + | .medium-offset-6 { |
| + | margin-left: 50%; } |
| + | .medium-8 { |
| + | width: 66.66667%; } |
| + | .medium-push-8 { |
| + | position: relative; |
| + | left: 66.66667%; } |
| + | .medium-pull-8 { |
| + | position: relative; |
| + | left: -66.66667%; } |
| + | .medium-offset-7 { |
| + | margin-left: 58.33333%; } |
| + | .medium-9 { |
| + | width: 75%; } |
| + | .medium-push-9 { |
| + | position: relative; |
| + | left: 75%; } |
| + | .medium-pull-9 { |
| + | position: relative; |
| + | left: -75%; } |
| + | .medium-offset-8 { |
| + | margin-left: 66.66667%; } |
| + | .medium-10 { |
| + | width: 83.33333%; } |
| + | .medium-push-10 { |
| + | position: relative; |
| + | left: 83.33333%; } |
| + | .medium-pull-10 { |
| + | position: relative; |
| + | left: -83.33333%; } |
| + | .medium-offset-9 { |
| + | margin-left: 75%; } |
| + | .medium-11 { |
| + | width: 91.66667%; } |
| + | .medium-push-11 { |
| + | position: relative; |
| + | left: 91.66667%; } |
| + | .medium-pull-11 { |
| + | position: relative; |
| + | left: -91.66667%; } |
| + | .medium-offset-10 { |
| + | margin-left: 83.33333%; } |
| + | .medium-12 { |
| + | width: 100%; } |
| + | .medium-offset-11 { |
| + | margin-left: 91.66667%; } |
| + | .medium-up-1 > .column, .medium-up-1 > .columns { |
| + | width: 100%; |
| + | float: left; } |
| + | .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { |
| + | clear: both; } |
| + | .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-2 > .column, .medium-up-2 > .columns { |
| + | width: 50%; |
| + | float: left; } |
| + | .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { |
| + | clear: both; } |
| + | .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-3 > .column, .medium-up-3 > .columns { |
| + | width: 33.33333%; |
| + | float: left; } |
| + | .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { |
| + | clear: both; } |
| + | .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-4 > .column, .medium-up-4 > .columns { |
| + | width: 25%; |
| + | float: left; } |
| + | .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { |
| + | clear: both; } |
| + | .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-5 > .column, .medium-up-5 > .columns { |
| + | width: 20%; |
| + | float: left; } |
| + | .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { |
| + | clear: both; } |
| + | .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-6 > .column, .medium-up-6 > .columns { |
| + | width: 16.66667%; |
| + | float: left; } |
| + | .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { |
| + | clear: both; } |
| + | .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-7 > .column, .medium-up-7 > .columns { |
| + | width: 14.28571%; |
| + | float: left; } |
| + | .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { |
| + | clear: both; } |
| + | .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { |
| + | float: left; } |
| + | .medium-up-8 > .column, .medium-up-8 > .columns { |
| + | width: 12.5%; |
| + | float: left; } |
| + | .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { |
| + | clear: both; } |
| + | .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { |
| + | float: left; } |
| + | .medium-collapse > .column, .medium-collapse > .columns { |
| + | padding-left: 0; |
| + | padding-right: 0; } |
| + | .medium-collapse .row { |
| + | margin-left: 0; |
| + | margin-right: 0; } |
| + | .medium-uncollapse > .column, .medium-uncollapse > .columns { |
| + | padding-left: 0.9375rem; |
| + | padding-right: 0.9375rem; } |
| + | .medium-centered { |
| + | float: none; |
| + | margin-left: auto; |
| + | margin-right: auto; } |
| + | .medium-uncentered, |
| + | .medium-push-0, |
| + | .medium-pull-0 { |
| + | position: static; |
| + | margin-left: 0; |
| + | margin-right: 0; |
| + | float: left; } } |
| + | |
| + | @media screen and (min-width: 64em) { |
| + | .large-1 { |
| + | width: 8.33333%; } |
| + | .large-push-1 { |
| + | position: relative; |
| + | left: 8.33333%; } |
| + | .large-pull-1 { |
| + | position: relative; |
| + | left: -8.33333%; } |
| + | .large-offset-0 { |
| + | margin-left: 0%; } |
| + | .large-2 { |
| + | width: 16.66667%; } |
| + | .large-push-2 { |
| + | position: relative; |
| + | left: 16.66667%; } |
| + | .large-pull-2 { |
| + | position: relative; |
| + | left: -16.66667%; } |
| + | .large-offset-1 { |
| + | margin-left: 8.33333%; } |
| + | .large-3 { |
| + | width: 25%; } |
| + | .large-push-3 { |
| + | position: relative; |
| + | left: 25%; } |
| + | .large-pull-3 { |
| + | position: relative; |
| + | left: -25%; } |
| + | .large-offset-2 { |
| + | margin-left: 16.66667%; } |
| + | .large-4 { |
| + | width: 33.33333%; } |
| + | .large-push-4 { |
| + | position: relative; |
| + | left: 33.33333%; } |
| + | .large-pull-4 { |
| + | position: relative; |
| + | left: -33.33333%; } |
| + | .large-offset-3 { |
| + | margin-left: 25%; } |
| + | .large-5 { |
| + | width: 41.66667%; } |
| + | .large-push-5 { |
| + | position: relative; |
| + | left: 41.66667%; } |
| + | .large-pull-5 { |
| + | position: relative; |
| + | left: -41.66667%; } |
| + | .large-offset-4 { |
| + | margin-left: 33.33333%; } |
| + | .large-6 { |
| + | width: 50%; } |
| + | .large-push-6 { |
| + | position: relative; |
| + | left: 50%; } |
| + | .large-pull-6 { |
| + | position: relative; |
| + | left: -50%; } |
| + | .large-offset-5 { |
| + | margin-left: 41.66667%; } |
| + | .large-7 { |
| + | width: 58.33333%; } |
| + | .large-push-7 { |
| + | position: relative; |
| + | left: 58.33333%; } |
| + | .large-pull-7 { |
| + | position: relative; |
| + | left: -58.33333%; } |
| + | .large-offset-6 { |
| + | margin-left: 50%; } |
| + | .large-8 { |
| + | width: 66.66667%; } |
| + | .large-push-8 { |
| + | position: relative; |
| + | left: 66.66667%; } |
| + | .large-pull-8 { |
| + | position: relative; |
| + | left: -66.66667%; } |
| + | .large-offset-7 { |
| + | margin-left: 58.33333%; } |
| + | .large-9 { |
| + | width: 75%; } |
| + | .large-push-9 { |
| + | position: relative; |
| + | left: 75%; } |
| + | .large-pull-9 { |
| + | position: relative; |
| + | left: -75%; } |
| + | .large-offset-8 { |
| + | margin-left: 66.66667%; } |
| + | .large-10 { |
| + | width: 83.33333%; } |
| + | .large-push-10 { |
| + | position: relative; |
| + | left: 83.33333%; } |
| + | .large-pull-10 { |
| + | position: relative; |
| + | left: -83.33333%; } |
| + | .large-offset-9 { |
| + | margin-left: 75%; } |
| + | .large-11 { |
| + | width: 91.66667%; } |
| + | .large-push-11 { |
| + | position: relative; |
| + | left: 91.66667%; } |
| + | .large-pull-11 { |
| + | position: relative; |
| + | left: -91.66667%; } |
| + | .large-offset-10 { |
| + | margin-left: 83.33333%; } |
| + | .large-12 { |
| + | width: 100%; } |
| + | .large-offset-11 { |
| + | margin-left: 91.66667%; } |
| + | .large-up-1 > .column, .large-up-1 > .columns { |
| + | width: 100%; |
| + | float: left; } |
| + | .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { |
| + | clear: both; } |
| + | .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-2 > .column, .large-up-2 > .columns { |
| + | width: 50%; |
| + | float: left; } |
| + | .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { |
| + | clear: both; } |
| + | .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-3 > .column, .large-up-3 > .columns { |
| + | width: 33.33333%; |
| + | float: left; } |
| + | .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { |
| + | clear: both; } |
| + | .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-4 > .column, .large-up-4 > .columns { |
| + | width: 25%; |
| + | float: left; } |
| + | .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { |
| + | clear: both; } |
| + | .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-5 > .column, .large-up-5 > .columns { |
| + | width: 20%; |
| + | float: left; } |
| + | .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { |
| + | clear: both; } |
| + | .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-6 > .column, .large-up-6 > .columns { |
| + | width: 16.66667%; |
| + | float: left; } |
| + | .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { |
| + | clear: both; } |
| + | .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-7 > .column, .large-up-7 > .columns { |
| + | width: 14.28571%; |
| + | float: left; } |
| + | .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { |
| + | clear: both; } |
| + | .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { |
| + | float: left; } |
| + | .large-up-8 > .column, .large-up-8 > .columns { |
| + | width: 12.5%; |
| + | float: left; } |
| + | .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { |
| + | clear: none; } |
| + | .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { |
| + | clear: both; } |
| + | .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { |
| + | float: left; } |
| + | .large-collapse > .column, .large-collapse > .columns { |
| + | padding-left: 0; |
| + | padding-right: 0; } |
| + | .large-collapse .row { |
| + | margin-left: 0; |
| + | margin-right: 0; } |
| + | .large-uncollapse > .column, .large-uncollapse > .columns { |
| + | padding-left: 0.9375rem; |
| + | padding-right: 0.9375rem; } |
| + | .large-centered { |
| + | float: none; |
| + | margin-left: auto; |
| + | margin-right: auto; } |
| + | .large-uncentered, |
| + | .large-push-0, |
| + | .large-pull-0 { |
| + | position: static; |
| + | margin-left: 0; |
| + | margin-right: 0; |
| + | float: left; } } |
| + | |
| + | div, |
| + | dl, |
| + | dt, |
| + | dd, |
| + | ul, |
| + | ol, |
| + | li, |
| + | h1, |
| + | h2, |
| + | h3, |
| + | h4, |
| + | h5, |
| + | h6, |
| + | pre, |
| + | form, |
| + | p, |
| + | blockquote, |
| + | th, |
| + | td { |
| + | margin: 0; |
| + | padding: 0; } |
| + | |
| + | p { |
| + | font-size: inherit; |
| + | line-height: 1.6; |
| + | margin-bottom: 1rem; |
| + | text-rendering: optimizeLegibility; } |
| + | |
| + | em, |
| + | i { |
| + | font-style: italic; |
| + | line-height: inherit; } |
| + | |
| + | strong, |
| + | b { |
| + | font-weight: bold; |
| + | line-height: inherit; } |
| + | |
| + | small { |
| + | font-size: 80%; |
| + | line-height: inherit; } |
| + | |
| + | h1, |
| + | h2, |
| + | h3, |
| + | h4, |
| + | h5, |
| + | h6 { |
| + | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| + | font-weight: normal; |
| + | font-style: normal; |
| + | color: inherit; |
| + | text-rendering: optimizeLegibility; |
| + | margin-top: 0; |
| + | margin-bottom: 0.5rem; |
| + | line-height: 1.4; } |
| + | h1 small, |
| + | h2 small, |
| + | h3 small, |
| + | h4 small, |
| + | h5 small, |
| + | h6 small { |
| + | color: #cacaca; |
| + | line-height: 0; } |
| + | |
| + | h1 { |
| + | font-size: 1.5rem; } |
| + | |
| + | h2 { |
| + | font-size: 1.25rem; } |
| + | |
| + | h3 { |
| + | font-size: 1.1875rem; } |
| + | |
| + | h4 { |
| + | font-size: 1.125rem; } |
| + | |
| + | h5 { |
| + | font-size: 1.0625rem; } |
| + | |
| + | h6 { |
| + | font-size: 1rem; } |
| + | |
| + | @media screen and (min-width: 40em) { |
| + | h1 { |
| + | font-size: 3rem; } |
| + | h2 { |
| + | font-size: 2.5rem; } |
| + | h3 { |
| + | font-size: 1.9375rem; } |
| + | h4 { |
| + | font-size: 1.5625rem; } |
| + | h5 { |
| + | font-size: 1.25rem; } |
| + | h6 { |
| + | font-size: 1rem; } } |
| + | |
| + | a { |
| + | color: #2199e8; |
| + | text-decoration: none; |
| + | line-height: inherit; |
| + | cursor: pointer; } |
| + | a:hover, a:focus { |
| + | color: #1585cf; } |
| + | a img { |
| + | border: 0; } |
| + | |
| + | hr { |
| + | max-width: 75rem; |
| + | height: 0; |
| + | border-right: 0; |
| + | border-top: 0; |
| + | border-bottom: 1px solid #cacaca; |
| + | border-left: 0; |
| + | margin: 1.25rem auto; |
| + | clear: both; } |
| + | |
| + | ul, |
| + | ol, |
| + | dl { |
| + | line-height: 1.6; |
| + | margin-bottom: 1rem; |
| + | list-style-position: outside; } |
| + | |
| + | li { |
| + | font-size: inherit; } |
| + | |
| + | ul { |
| + | list-style-type: disc; |
| + | margin-left: 1.25rem; } |
| + | |
| + | ol { |
| + | margin-left: 1.25rem; } |
| + | |
| + | ul ul, ol ul, ul ol, ol ol { |
| + | margin-left: 1.25rem; |
| + | margin-bottom: 0; } |
| + | |
| + | dl { |
| + | margin-bottom: 1rem; } |
| + | dl dt { |
| + | margin-bottom: 0.3rem; |
| + | font-weight: bold; } |
| + | |
| + | blockquote { |
| + | margin: 0 0 1rem; |
| + | padding: 0.5625rem 1.25rem 0 1.1875rem; |
| + | border-left: 1px solid #cacaca; } |
| + | blockquote, blockquote p { |
| + | line-height: 1.6; |
| + | color: #8a8a8a; } |
| + | |
| + | cite { |
| + | display: block; |
| + | font-size: 0.8125rem; |
| + | color: #8a8a8a; } |
| + | cite:before { |
| + | content: '\2014 \0020'; } |
| + | |
| + | abbr { |
| + | color: #0a0a0a; |
| + | cursor: help; |
| + | border-bottom: 1px dotted #0a0a0a; } |
| + | |
| + | code { |
| + | font-family: Consolas, "Liberation Mono", Courier, monospace; |
| + | font-weight: normal; |
| + | color: #0a0a0a; |
| + | background-color: #e6e6e6; |
| + | border: 1px solid #cacaca; |
| + | padding: 0.125rem 0.3125rem 0.0625rem; } |
| + | |
| + | kbd { |
| + | padding: 0.125rem 0.25rem 0; |
| + | margin: 0; |
| + | background-color: #e6e6e6; |
| + | color: #0a0a0a; |
| + | font-family: Consolas, "Liberation Mono", Courier, monospace; } |
| + | |
| + | .subheader { |
| + | margin-top: 0.2rem; |
| + | margin-bottom: 0.5rem; |
| + | font-weight: normal; |
| + | line-height: 1.4; |
| + | color: #8a8a8a; } |
| + | |
| + | .lead { |
| + | font-size: 125%; |
| + | line-height: 1.6; } |
| + | |
| + | .stat { |
| + | font-size: 2.5rem; |
| + | line-height: 1; } |
| + | p + .stat { |
| + | margin-top: -1rem; } |
| + | |
| + | .no-bullet { |
| + | margin-left: 0; |
| + | list-style: none; } |
| + | |
| + | .text-left { |
| + | text-align: left; } |
| + | |
| + | .text-right { |
| + | text-align: right; } |
| + | |
| + | .text-center { |
| + | text-align: center; } |
| + | |
| + | .text-justify { |
| + | text-align: justify; } |
| + | |
| + | @media screen and (min-width: 40em) { |
| + | .medium-text-left { |
| + | text-align: left; } |
| + | .medium-text-right { |
| + | text-align: right; } |
| + | .medium-text-center { |
| + | text-align: center; } |
| + | .medium-text-justify { |
| + | text-align: justify; } } |
| + | |
| + | @media screen and (min-width: 64em) { |
| + | .large-text-left { |
| + | text-align: left; } |
| + | .large-text-right { |
| + | text-align: right; } |
| + | .large-text-center { |
| + | text-align: center; } |
| + | .large-text-justify { |
| + | text-align: justify; } } |
| + | |
| + | .show-for-print { |
| + | display: none !important; } |
| + | |
| + | @media print { |
| + | * { |
| + | background: transparent !important; |
| + | color: black !important; |
| + | box-shadow: none !important; |
| + | text-shadow: none !important; } |
| + | .show-for-print { |
| + | display: block !important; } |
| + | .hide-for-print { |
| + | display: none !important; } |
| + | table.show-for-print { |
| + | display: table !important; } |
| + | thead.show-for-print { |
| + | display: table-header-group !important; } |
| + | tbody.show-for-print { |
| + | display: table-row-group !important; } |
| + | tr.show-for-print { |
| + | display: table-row !important; } |
| + | td.show-for-print { |
| + | display: table-cell !important; } |
| + | th.show-for-print { |
| + | display: table-cell !important; } |
| + | a, |
| + | a:visited { |
| + | text-decoration: underline; } |
| + | a[href]:after { |
| + | content: " (" attr(href) ")"; } |
| + | .ir a:after, |
| + | a[href^='javascript:']:after, |
| + | a[href^='#']:after { |
| + | content: ''; } |
| + | abbr[title]:after { |
| + | content: " (" attr(title) ")"; } |
| + | pre, |
| + | blockquote { |
| + | border: 1px solid #8a8a8a; |
| + | page-break-inside: avoid; } |
| + | thead { |
| + | display: table-header-group; } |
| + | tr, |
| + | img { |
| + | page-break-inside: avoid; } |
| + | img { |
| + | max-width: 100% !important; } |
| + | @page { |
| + | margin: 0.5cm; } |
| + | p, |
| + | h2, |
| + | h3 { |
| + | orphans: 3; |
| + | widows: 3; } |
| + | h2, |
| + | h3 { |
| + | page-break-after: avoid; } } |
| + | |
| + | [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], |
| + | textarea { |
| + | display: block; |
| + | box-sizing: border-box; |
| + | width: 100%; |
| + | height: 2.4375rem; |
| + | padding: 0.5rem; |
| + | border: 1px solid #cacaca; |
| + | margin: 0 0 1rem; |
| + | font-family: inherit; |
| + | font-size: 1rem; |
| + | color: #0a0a0a; |
| + | background-color: #fefefe; |
| + | box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); |
| + | border-radius: 0; |
| + | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; } |
| + | [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, |
| + | textarea:focus { |
| + | border: 1px solid #8a8a8a; |
| + | background-color: #fefefe; |
| + | outline: none; |
| + | box-shadow: 0 0 5px #cacaca; |
| + | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } |
| + | |
| + | textarea { |
| + | max-width: 100%; } |
| + | textarea[rows] { |
| + | height: auto; } |
| + | |
| + | input::-webkit-input-placeholder, |
| + | textarea::-webkit-input-placeholder { |
| + | color: #cacaca; } |
| + | |
| + | input::-moz-placeholder, |
| + | textarea::-moz-placeholder { |
| + | color: #cacaca; } |
| + | |
| + | input:-ms-input-placeholder, |
| + | textarea:-ms-input-placeholder { |
| + | color: #cacaca; } |
| + | |
| + | input::placeholder, |
| + | textarea::placeholder { |
| + | color: #cacaca; } |
| + | |
| + | input:disabled, input[readonly], |
| + | textarea:disabled, |
| + | textarea[readonly] { |
| + | background-color: #e6e6e6; |
| + | cursor: default; } |
| + | |
| + | [type='submit'], |
| + | [type='button'] { |
| + | border-radius: 0; |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; } |
| + | |
| + | input[type='search'] { |
| + | box-sizing: border-box; } |
| + | |
| + | [type='file'], |
| + | [type='checkbox'], |
| + | [type='radio'] { |
| + | margin: 0 0 1rem; } |
| + | |
| + | [type='checkbox'] + label, |
| + | [type='radio'] + label { |
| + | display: inline-block; |
| + | margin-left: 0.5rem; |
| + | margin-right: 1rem; |
| + | margin-bottom: 0; |
| + | vertical-align: baseline; } |
| + | [type='checkbox'] + label[for], |
| + | [type='radio'] + label[for] { |
| + | cursor: pointer; } |
| + | |
| + | label > [type='checkbox'], |
| + | label > [type='radio'] { |
| + | margin-right: 0.5rem; } |
| + | |
| + | [type='file'] { |
| + | width: 100%; } |
| + | |
| + | label { |
| + | display: block; |
| + | margin: 0; |
| + | font-size: 0.875rem; |
| + | font-weight: normal; |
| + | line-height: 1.8; |
| + | color: #0a0a0a; } |
| + | label.middle { |
| + | margin: 0 0 1rem; |
| + | padding: 0.5625rem 0; } |
| + | |
| + | .help-text { |
| + | margin-top: -0.5rem; |
| + | font-size: 0.8125rem; |
| + | font-style: italic; |
| + | color: #0a0a0a; } |
| + | |
| + | .input-group { |
| + | display: table; |
| + | width: 100%; |
| + | margin-bottom: 1rem; } |
| + | .input-group > :first-child { |
| + | border-radius: 0 0 0 0; } |
| + | .input-group > :last-child > * { |
| + | border-radius: 0 0 0 0; } |
| + | |
| + | .input-group-label, .input-group-field, .input-group-button { |
| + | margin: 0; |
| + | display: table-cell; |
| + | vertical-align: middle; } |
| + | |
| + | .input-group-label { |
| + | text-align: center; |
| + | padding: 0 1rem; |
| + | background: #e6e6e6; |
| + | color: #0a0a0a; |
| + | border: 1px solid #cacaca; |
| + | white-space: nowrap; |
| + | width: 1%; |
| + | height: 100%; } |
| + | .input-group-label:first-child { |
| + | border-right: 0; } |
| + | .input-group-label:last-child { |
| + | border-left: 0; } |
| + | |
| + | .input-group-field { |
| + | border-radius: 0; |
| + | height: 2.5rem; } |
| + | |
| + | .input-group-button { |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | text-align: center; |
| + | height: 100%; |
| + | width: 1%; } |
| + | .input-group-button a, |
| + | .input-group-button input, |
| + | .input-group-button button { |
| + | margin: 0; } |
| + | |
| + | .input-group .input-group-button { |
| + | display: table-cell; } |
| + | |
| + | fieldset { |
| + | border: 0; |
| + | padding: 0; |
| + | margin: 0; } |
| + | |
| + | legend { |
| + | margin-bottom: 0.5rem; |
| + | max-width: 100%; } |
| + | |
| + | .fieldset { |
| + | border: 1px solid #cacaca; |
| + | padding: 1.25rem; |
| + | margin: 1.125rem 0; } |
| + | .fieldset legend { |
| + | background: #fefefe; |
| + | padding: 0 0.1875rem; |
| + | margin: 0; |
| + | margin-left: -0.1875rem; } |
| + | |
| + | select { |
| + | height: 2.4375rem; |
| + | padding: 0.5rem; |
| + | border: 1px solid #cacaca; |
| + | margin: 0 0 1rem; |
| + | font-size: 1rem; |
| + | font-family: inherit; |
| + | line-height: normal; |
| + | color: #0a0a0a; |
| + | background-color: #fefefe; |
| + | border-radius: 0; |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; |
| + | background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>'); |
| + | background-size: 9px 6px; |
| + | background-position: right center; |
| + | background-origin: content-box; |
| + | background-repeat: no-repeat; } |
| + | @media screen and (min-width: 0\0) { |
| + | select { |
| + | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } |
| + | select:disabled { |
| + | background-color: #e6e6e6; |
| + | cursor: default; } |
| + | select::-ms-expand { |
| + | display: none; } |
| + | select[multiple] { |
| + | height: auto; |
| + | background-image: none; } |
| + | |
| + | .is-invalid-input:not(:focus) { |
| + | background-color: rgba(236, 88, 64, 0.1); |
| + | border-color: #ec5840; } |
| + | |
| + | .is-invalid-label { |
| + | color: #ec5840; } |
| + | |
| + | .form-error { |
| + | display: none; |
| + | margin-top: -0.5rem; |
| + | margin-bottom: 1rem; |
| + | font-size: 0.75rem; |
| + | font-weight: bold; |
| + | color: #ec5840; } |
| + | .form-error.is-visible { |
| + | display: block; } |
| + | |
| + | .button { |
| + | display: inline-block; |
| + | text-align: center; |
| + | line-height: 1; |
| + | cursor: pointer; |
| + | -webkit-appearance: none; |
| + | transition: background-color 0.25s ease-out, color 0.25s ease-out; |
| + | vertical-align: middle; |
| + | border: 1px solid transparent; |
| + | border-radius: 0; |
| + | padding: 0.85em 1em; |
| + | margin: 0 0 1rem 0; |
| + | font-size: 0.9rem; |
| + | background-color: #2199e8; |
| + | color: #fefefe; } |
| + | [data-whatinput='mouse'] .button { |
| + | outline: 0; } |
| + | .button:hover, .button:focus { |
| + | background-color: #1583cc; |
| + | color: #fefefe; } |
| + | .button.tiny { |
| + | font-size: 0.6rem; } |
| + | .button.small { |
| + | font-size: 0.75rem; } |
| + | .button.large { |
| + | font-size: 1.25rem; } |
| + | .button.expanded { |
| + | display: block; |
| + | width: 100%; |
| + | margin-left: 0; |
| + | margin-right: 0; } |
| + | .button.primary { |
| + | background-color: #2199e8; |
| + | color: #fefefe; } |
| + | .button.primary:hover, .button.primary:focus { |
| + | background-color: #147cc0; |
| + | color: #fefefe; } |
| + | .button.secondary { |
| + | background-color: #777; |
| + | color: #fefefe; } |
| + | .button.secondary:hover, .button.secondary:focus { |
| + | background-color: #5f5f5f; |
| + | color: #fefefe; } |
| + | .button.success { |
| + | background-color: #3adb76; |
| + | color: #fefefe; } |
| + | .button.success:hover, .button.success:focus { |
| + | background-color: #22bb5b; |
| + | color: #fefefe; } |
| + | .button.warning { |
| + | background-color: #ffae00; |
| + | color: #fefefe; } |
| + | .button.warning:hover, .button.warning:focus { |
| + | background-color: #cc8b00; |
| + | color: #fefefe; } |
| + | .button.alert { |
| + | background-color: #ec5840; |
| + | color: #fefefe; } |
| + | .button.alert:hover, .button.alert:focus { |
| + | background-color: #da3116; |
| + | color: #fefefe; } |
| + | .button.hollow { |
| + | border: 1px solid #2199e8; |
| + | color: #2199e8; } |
| + | .button.hollow, .button.hollow:hover, .button.hollow:focus { |
| + | background-color: transparent; } |
| + | .button.hollow:hover, .button.hollow:focus { |
| + | border-color: #0c4d78; |
| + | color: #0c4d78; } |
| + | .button.hollow.primary { |
| + | border: 1px solid #2199e8; |
| + | color: #2199e8; } |
| + | .button.hollow.primary:hover, .button.hollow.primary:focus { |
| + | border-color: #0c4d78; |
| + | color: #0c4d78; } |
| + | .button.hollow.secondary { |
| + | border: 1px solid #777; |
| + | color: #777; } |
| + | .button.hollow.secondary:hover, .button.hollow.secondary:focus { |
| + | border-color: #3c3c3c; |
| + | color: #3c3c3c; } |
| + | .button.hollow.success { |
| + | border: 1px solid #3adb76; |
| + | color: #3adb76; } |
| + | .button.hollow.success:hover, .button.hollow.success:focus { |
| + | border-color: #157539; |
| + | color: #157539; } |
| + | .button.hollow.warning { |
| + | border: 1px solid #ffae00; |
| + | color: #ffae00; } |
| + | .button.hollow.warning:hover, .button.hollow.warning:focus { |
| + | border-color: #805700; |
| + | color: #805700; } |
| + | .button.hollow.alert { |
| + | border: 1px solid #ec5840; |
| + | color: #ec5840; } |
| + | .button.hollow.alert:hover, .button.hollow.alert:focus { |
| + | border-color: #881f0e; |
| + | color: #881f0e; } |
| + | .button.disabled, .button[disabled] { |
| + | opacity: 0.25; |
| + | cursor: not-allowed; } |
| + | .button.dropdown::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 0.4em; |
| + | border-color: #fefefe transparent transparent; |
| + | border-top-style: solid; |
| + | border-bottom-width: 0; |
| + | position: relative; |
| + | top: 0.4em; |
| + | float: right; |
| + | margin-left: 1em; |
| + | display: inline-block; } |
| + | .button.arrow-only::after { |
| + | margin-left: 0; |
| + | float: none; |
| + | top: -0.1em; } |
| + | |
| + | .accordion { |
| + | list-style-type: none; |
| + | background: #fefefe; |
| + | border: 1px solid #e6e6e6; |
| + | border-bottom: 0; |
| + | border-radius: 0; |
| + | margin-left: 0; } |
| + | |
| + | .accordion-title { |
| + | display: block; |
| + | padding: 1.25rem 1rem; |
| + | line-height: 1; |
| + | font-size: 0.75rem; |
| + | color: #2199e8; |
| + | position: relative; |
| + | border-bottom: 1px solid #e6e6e6; } |
| + | .accordion-title:hover, .accordion-title:focus { |
| + | background-color: #e6e6e6; } |
| + | .accordion-title::before { |
| + | content: '+'; |
| + | position: absolute; |
| + | right: 1rem; |
| + | top: 50%; |
| + | margin-top: -0.5rem; } |
| + | .is-active > .accordion-title::before { |
| + | content: '–'; } |
| + | |
| + | .accordion-content { |
| + | padding: 1rem; |
| + | display: none; |
| + | border-bottom: 1px solid #e6e6e6; |
| + | background-color: #fefefe; } |
| + | |
| + | .is-accordion-submenu-parent > a { |
| + | position: relative; } |
| + | .is-accordion-submenu-parent > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 6px; |
| + | border-color: #2199e8 transparent transparent; |
| + | border-top-style: solid; |
| + | border-bottom-width: 0; |
| + | position: absolute; |
| + | top: 50%; |
| + | margin-top: -4px; |
| + | right: 1rem; } |
| + | |
| + | .is-accordion-submenu-parent[aria-expanded='true'] > a::after { |
| + | -webkit-transform-origin: 50% 50%; |
| + | -ms-transform-origin: 50% 50%; |
| + | transform-origin: 50% 50%; |
| + | -webkit-transform: scaleY(-1); |
| + | -ms-transform: scaleY(-1); |
| + | transform: scaleY(-1); } |
| + | |
| + | .badge { |
| + | display: inline-block; |
| + | padding: 0.3em; |
| + | min-width: 2.1em; |
| + | font-size: 0.6rem; |
| + | text-align: center; |
| + | border-radius: 50%; |
| + | background: #2199e8; |
| + | color: #fefefe; } |
| + | .badge.secondary { |
| + | background: #777; |
| + | color: #fefefe; } |
| + | .badge.success { |
| + | background: #3adb76; |
| + | color: #fefefe; } |
| + | .badge.warning { |
| + | background: #ffae00; |
| + | color: #fefefe; } |
| + | .badge.alert { |
| + | background: #ec5840; |
| + | color: #fefefe; } |
| + | |
| + | .breadcrumbs { |
| + | list-style: none; |
| + | margin: 0 0 1rem 0; } |
| + | .breadcrumbs::before, .breadcrumbs::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .breadcrumbs::after { |
| + | clear: both; } |
| + | .breadcrumbs li { |
| + | float: left; |
| + | color: #0a0a0a; |
| + | font-size: 0.6875rem; |
| + | cursor: default; |
| + | text-transform: uppercase; } |
| + | .breadcrumbs li:not(:last-child)::after { |
| + | color: #cacaca; |
| + | content: "/"; |
| + | margin: 0 0.75rem; |
| + | position: relative; |
| + | top: 1px; |
| + | opacity: 1; } |
| + | .breadcrumbs a { |
| + | color: #2199e8; } |
| + | .breadcrumbs a:hover { |
| + | text-decoration: underline; } |
| + | .breadcrumbs .disabled { |
| + | color: #cacaca; |
| + | cursor: not-allowed; } |
| + | |
| + | .button-group { |
| + | margin-bottom: 1rem; |
| + | font-size: 0; } |
| + | .button-group::before, .button-group::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .button-group::after { |
| + | clear: both; } |
| + | .button-group .button { |
| + | margin: 0; |
| + | font-size: 0.9rem; } |
| + | .button-group .button:not(:last-child) { |
| + | margin-right: 1px; } |
| + | .button-group.tiny .button { |
| + | font-size: 0.6rem; } |
| + | .button-group.small .button { |
| + | font-size: 0.75rem; } |
| + | .button-group.large .button { |
| + | font-size: 1.25rem; } |
| + | .button-group.expanded { |
| + | margin-right: -1px; } |
| + | .button-group.expanded::before, .button-group.expanded::after { |
| + | display: none; } |
| + | .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { |
| + | display: inline-block; |
| + | width: calc(50% - 1px); |
| + | margin-right: 1px; } |
| + | .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { |
| + | display: inline-block; |
| + | width: calc(33.33333% - 1px); |
| + | margin-right: 1px; } |
| + | .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { |
| + | display: inline-block; |
| + | width: calc(25% - 1px); |
| + | margin-right: 1px; } |
| + | .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { |
| + | display: inline-block; |
| + | width: calc(20% - 1px); |
| + | margin-right: 1px; } |
| + | .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { |
| + | display: inline-block; |
| + | width: calc(16.66667% - 1px); |
| + | margin-right: 1px; } |
| + | .button-group.primary .button { |
| + | background-color: #2199e8; |
| + | color: #fefefe; } |
| + | .button-group.primary .button:hover, .button-group.primary .button:focus { |
| + | background-color: #147cc0; |
| + | color: #fefefe; } |
| + | .button-group.secondary .button { |
| + | background-color: #777; |
| + | color: #fefefe; } |
| + | .button-group.secondary .button:hover, .button-group.secondary .button:focus { |
| + | background-color: #5f5f5f; |
| + | color: #fefefe; } |
| + | .button-group.success .button { |
| + | background-color: #3adb76; |
| + | color: #fefefe; } |
| + | .button-group.success .button:hover, .button-group.success .button:focus { |
| + | background-color: #22bb5b; |
| + | color: #fefefe; } |
| + | .button-group.warning .button { |
| + | background-color: #ffae00; |
| + | color: #fefefe; } |
| + | .button-group.warning .button:hover, .button-group.warning .button:focus { |
| + | background-color: #cc8b00; |
| + | color: #fefefe; } |
| + | .button-group.alert .button { |
| + | background-color: #ec5840; |
| + | color: #fefefe; } |
| + | .button-group.alert .button:hover, .button-group.alert .button:focus { |
| + | background-color: #da3116; |
| + | color: #fefefe; } |
| + | .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { |
| + | width: 100%; |
| + | border-right: 1px solid transparent; } |
| + | .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) { |
| + | border-bottom: 1px solid #fefefe; } |
| + | @media screen and (min-width: 40em) { |
| + | .button-group.stacked-for-small .button { |
| + | width: auto; } |
| + | .button-group.stacked-for-small .button:not(:last-child) { |
| + | margin-right: 1px; } } |
| + | @media screen and (min-width: 64em) { |
| + | .button-group.stacked-for-medium .button { |
| + | width: auto; } |
| + | .button-group.stacked-for-medium .button:not(:last-child) { |
| + | margin-right: 1px; } } |
| + | @media screen and (max-width: 39.9375em) { |
| + | .button-group.stacked-for-small.expanded { |
| + | display: block; } |
| + | .button-group.stacked-for-small.expanded .button { |
| + | display: block; |
| + | margin-right: 0; } } |
| + | |
| + | .callout { |
| + | margin: 0 0 1rem 0; |
| + | padding: 1rem; |
| + | border: 1px solid rgba(10, 10, 10, 0.25); |
| + | border-radius: 0; |
| + | position: relative; |
| + | color: #0a0a0a; |
| + | background-color: white; } |
| + | .callout > :first-child { |
| + | margin-top: 0; } |
| + | .callout > :last-child { |
| + | margin-bottom: 0; } |
| + | .callout.primary { |
| + | background-color: #def0fc; } |
| + | .callout.secondary { |
| + | background-color: #ebebeb; } |
| + | .callout.success { |
| + | background-color: #e1faea; } |
| + | .callout.warning { |
| + | background-color: #fff3d9; } |
| + | .callout.alert { |
| + | background-color: #fce6e2; } |
| + | .callout.small { |
| + | padding-top: 0.5rem; |
| + | padding-right: 0.5rem; |
| + | padding-bottom: 0.5rem; |
| + | padding-left: 0.5rem; } |
| + | .callout.large { |
| + | padding-top: 3rem; |
| + | padding-right: 3rem; |
| + | padding-bottom: 3rem; |
| + | padding-left: 3rem; } |
| + | |
| + | .close-button { |
| + | position: absolute; |
| + | color: #8a8a8a; |
| + | right: 1rem; |
| + | top: 0.5rem; |
| + | font-size: 2em; |
| + | line-height: 1; |
| + | cursor: pointer; } |
| + | [data-whatinput='mouse'] .close-button { |
| + | outline: 0; } |
| + | .close-button:hover, .close-button:focus { |
| + | color: #0a0a0a; } |
| + | |
| + | .menu { |
| + | margin: 0; |
| + | list-style-type: none; } |
| + | .menu > li { |
| + | display: table-cell; |
| + | vertical-align: middle; } |
| + | [data-whatinput='mouse'] .menu > li { |
| + | outline: 0; } |
| + | .menu > li > a { |
| + | display: block; |
| + | padding: 0.7rem 1rem; |
| + | line-height: 1; } |
| + | .menu input, |
| + | .menu a, |
| + | .menu button { |
| + | margin-bottom: 0; } |
| + | .menu > li > a img, |
| + | .menu > li > a i { |
| + | vertical-align: middle; } |
| + | .menu > li > a i + span, |
| + | .menu > li > a img + span { |
| + | vertical-align: middle; } |
| + | .menu > li > a img, |
| + | .menu > li > a i { |
| + | margin-right: 0.25rem; |
| + | display: inline-block; } |
| + | .menu > li { |
| + | display: table-cell; } |
| + | .menu.vertical > li { |
| + | display: block; } |
| + | @media screen and (min-width: 40em) { |
| + | .menu.medium-horizontal > li { |
| + | display: table-cell; } |
| + | .menu.medium-vertical > li { |
| + | display: block; } } |
| + | @media screen and (min-width: 64em) { |
| + | .menu.large-horizontal > li { |
| + | display: table-cell; } |
| + | .menu.large-vertical > li { |
| + | display: block; } } |
| + | .menu.simple li { |
| + | line-height: 1; |
| + | display: inline-block; |
| + | margin-right: 1rem; } |
| + | .menu.simple a { |
| + | padding: 0; } |
| + | .menu.align-right::before, .menu.align-right::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .menu.align-right::after { |
| + | clear: both; } |
| + | .menu.align-right > li { |
| + | float: right; } |
| + | .menu.expanded { |
| + | width: 100%; |
| + | display: table; |
| + | table-layout: fixed; } |
| + | .menu.expanded > li:first-child:last-child { |
| + | width: 100%; } |
| + | .menu.icon-top > li > a { |
| + | text-align: center; } |
| + | .menu.icon-top > li > a img, |
| + | .menu.icon-top > li > a i { |
| + | display: block; |
| + | margin: 0 auto 0.25rem; } |
| + | .menu.nested { |
| + | margin-left: 1rem; } |
| + | .menu .active > a { |
| + | color: #fefefe; |
| + | background: #2199e8; } |
| + | |
| + | .menu-text { |
| + | font-weight: bold; |
| + | color: inherit; |
| + | line-height: 1; |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | padding: 0.7rem 1rem; } |
| + | |
| + | .menu-centered { |
| + | text-align: center; } |
| + | .menu-centered > .menu { |
| + | display: inline-block; } |
| + | |
| + | .no-js [data-responsive-menu] ul { |
| + | display: none; } |
| + | |
| + | .menu-icon { |
| + | position: relative; |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | cursor: pointer; |
| + | width: 20px; |
| + | height: 16px; } |
| + | .menu-icon::after { |
| + | content: ''; |
| + | position: absolute; |
| + | display: block; |
| + | width: 100%; |
| + | height: 2px; |
| + | background: #fefefe; |
| + | top: 0; |
| + | left: 0; |
| + | box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } |
| + | .menu-icon:hover::after { |
| + | background: #cacaca; |
| + | box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } |
| + | |
| + | .menu-icon.dark { |
| + | position: relative; |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | cursor: pointer; |
| + | width: 20px; |
| + | height: 16px; } |
| + | .menu-icon.dark::after { |
| + | content: ''; |
| + | position: absolute; |
| + | display: block; |
| + | width: 100%; |
| + | height: 2px; |
| + | background: #0a0a0a; |
| + | top: 0; |
| + | left: 0; |
| + | box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } |
| + | .menu-icon.dark:hover::after { |
| + | background: #8a8a8a; |
| + | box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } |
| + | |
| + | .is-drilldown { |
| + | position: relative; |
| + | overflow: hidden; } |
| + | .is-drilldown li { |
| + | display: block !important; } |
| + | |
| + | .is-drilldown-submenu { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 100%; |
| + | z-index: -1; |
| + | height: 100%; |
| + | width: 100%; |
| + | background: #fefefe; |
| + | transition: -webkit-transform 0.15s linear; |
| + | transition: transform 0.15s linear; } |
| + | .is-drilldown-submenu.is-active { |
| + | z-index: 1; |
| + | display: block; |
| + | -webkit-transform: translateX(-100%); |
| + | -ms-transform: translateX(-100%); |
| + | transform: translateX(-100%); } |
| + | .is-drilldown-submenu.is-closing { |
| + | -webkit-transform: translateX(100%); |
| + | -ms-transform: translateX(100%); |
| + | transform: translateX(100%); } |
| + | |
| + | .is-drilldown-submenu-parent > a { |
| + | position: relative; } |
| + | .is-drilldown-submenu-parent > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 6px; |
| + | border-color: transparent transparent transparent #2199e8; |
| + | border-left-style: solid; |
| + | border-right-width: 0; |
| + | position: absolute; |
| + | top: 50%; |
| + | margin-top: -6px; |
| + | right: 1rem; } |
| + | |
| + | .js-drilldown-back > a::before { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 6px; |
| + | border-color: transparent #2199e8 transparent transparent; |
| + | border-right-style: solid; |
| + | border-left-width: 0; |
| + | border-left-width: 0; |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | margin-right: 0.75rem; } |
| + | |
| + | .dropdown-pane { |
| + | background-color: #fefefe; |
| + | border: 1px solid #cacaca; |
| + | border-radius: 0; |
| + | display: block; |
| + | font-size: 1rem; |
| + | padding: 1rem; |
| + | position: absolute; |
| + | visibility: hidden; |
| + | width: 300px; |
| + | z-index: 10; } |
| + | .dropdown-pane.is-open { |
| + | visibility: visible; } |
| + | |
| + | .dropdown-pane.tiny { |
| + | width: 100px; } |
| + | |
| + | .dropdown-pane.small { |
| + | width: 200px; } |
| + | |
| + | .dropdown-pane.large { |
| + | width: 400px; } |
| + | |
| + | .dropdown.menu > li.opens-left > .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 0; |
| + | top: 100%; } |
| + | |
| + | .dropdown.menu > li.opens-right > .is-dropdown-submenu { |
| + | right: auto; |
| + | left: 0; |
| + | top: 100%; } |
| + | |
| + | .dropdown.menu > li.is-dropdown-submenu-parent > a { |
| + | padding-right: 1.5rem; |
| + | position: relative; } |
| + | |
| + | .dropdown.menu > li.is-dropdown-submenu-parent > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: #2199e8 transparent transparent; |
| + | border-top-style: solid; |
| + | border-bottom-width: 0; |
| + | right: 5px; |
| + | margin-top: -2px; } |
| + | |
| + | [data-whatinput='mouse'] .dropdown.menu a { |
| + | outline: 0; } |
| + | |
| + | .no-js .dropdown.menu ul { |
| + | display: none; } |
| + | |
| + | .dropdown.menu.vertical > li .is-dropdown-submenu { |
| + | top: 0; } |
| + | |
| + | .dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 100%; } |
| + | |
| + | .dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { |
| + | right: auto; |
| + | left: 100%; } |
| + | |
| + | .dropdown.menu.vertical > li > a::after { |
| + | right: 14px; |
| + | margin-top: -3px; } |
| + | |
| + | .dropdown.menu.vertical > li.opens-left > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent #2199e8 transparent transparent; |
| + | border-right-style: solid; |
| + | border-left-width: 0; } |
| + | |
| + | .dropdown.menu.vertical > li.opens-right > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent transparent transparent #2199e8; |
| + | border-left-style: solid; |
| + | border-right-width: 0; } |
| + | |
| + | @media screen and (min-width: 40em) { |
| + | .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 0; |
| + | top: 100%; } |
| + | .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { |
| + | right: auto; |
| + | left: 0; |
| + | top: 100%; } |
| + | .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { |
| + | padding-right: 1.5rem; |
| + | position: relative; } |
| + | .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: #2199e8 transparent transparent; |
| + | border-top-style: solid; |
| + | border-bottom-width: 0; |
| + | right: 5px; |
| + | margin-top: -2px; } |
| + | .dropdown.menu.medium-vertical > li .is-dropdown-submenu { |
| + | top: 0; } |
| + | .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 100%; } |
| + | .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { |
| + | right: auto; |
| + | left: 100%; } |
| + | .dropdown.menu.medium-vertical > li > a::after { |
| + | right: 14px; |
| + | margin-top: -3px; } |
| + | .dropdown.menu.medium-vertical > li.opens-left > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent #2199e8 transparent transparent; |
| + | border-right-style: solid; |
| + | border-left-width: 0; } |
| + | .dropdown.menu.medium-vertical > li.opens-right > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent transparent transparent #2199e8; |
| + | border-left-style: solid; |
| + | border-right-width: 0; } } |
| + | |
| + | @media screen and (min-width: 64em) { |
| + | .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 0; |
| + | top: 100%; } |
| + | .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { |
| + | right: auto; |
| + | left: 0; |
| + | top: 100%; } |
| + | .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { |
| + | padding-right: 1.5rem; |
| + | position: relative; } |
| + | .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: #2199e8 transparent transparent; |
| + | border-top-style: solid; |
| + | border-bottom-width: 0; |
| + | right: 5px; |
| + | margin-top: -2px; } |
| + | .dropdown.menu.large-vertical > li .is-dropdown-submenu { |
| + | top: 0; } |
| + | .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 100%; } |
| + | .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { |
| + | right: auto; |
| + | left: 100%; } |
| + | .dropdown.menu.large-vertical > li > a::after { |
| + | right: 14px; |
| + | margin-top: -3px; } |
| + | .dropdown.menu.large-vertical > li.opens-left > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent #2199e8 transparent transparent; |
| + | border-right-style: solid; |
| + | border-left-width: 0; } |
| + | .dropdown.menu.large-vertical > li.opens-right > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent transparent transparent #2199e8; |
| + | border-left-style: solid; |
| + | border-right-width: 0; } } |
| + | |
| + | .dropdown.menu.align-right .is-dropdown-submenu.first-sub { |
| + | top: 100%; |
| + | left: auto; |
| + | right: 0; } |
| + | |
| + | .is-dropdown-menu.vertical { |
| + | width: 100px; } |
| + | .is-dropdown-menu.vertical.align-right { |
| + | float: right; } |
| + | |
| + | .is-dropdown-submenu-parent { |
| + | position: relative; } |
| + | .is-dropdown-submenu-parent a::after { |
| + | position: absolute; |
| + | top: 50%; |
| + | right: 5px; |
| + | margin-top: -2px; } |
| + | .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { |
| + | top: 100%; } |
| + | .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { |
| + | left: auto; |
| + | right: 100%; } |
| + | |
| + | .is-dropdown-submenu { |
| + | display: none; |
| + | position: absolute; |
| + | top: 0; |
| + | left: 100%; |
| + | min-width: 200px; |
| + | z-index: 1; |
| + | background: #fefefe; |
| + | border: 1px solid #cacaca; } |
| + | .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { |
| + | right: 14px; |
| + | margin-top: -3px; } |
| + | .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent #2199e8 transparent transparent; |
| + | border-right-style: solid; |
| + | border-left-width: 0; } |
| + | .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 5px; |
| + | border-color: transparent transparent transparent #2199e8; |
| + | border-left-style: solid; |
| + | border-right-width: 0; } |
| + | .is-dropdown-submenu .is-dropdown-submenu { |
| + | margin-top: -1px; } |
| + | .is-dropdown-submenu > li { |
| + | width: 100%; } |
| + | .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { |
| + | display: block; } |
| + | |
| + | .flex-video { |
| + | position: relative; |
| + | height: 0; |
| + | padding-bottom: 75%; |
| + | margin-bottom: 1rem; |
| + | overflow: hidden; } |
| + | .flex-video iframe, |
| + | .flex-video object, |
| + | .flex-video embed, |
| + | .flex-video video { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; |
| + | height: 100%; } |
| + | .flex-video.widescreen { |
| + | padding-bottom: 56.25%; } |
| + | .flex-video.vimeo { |
| + | padding-top: 0; } |
| + | |
| + | .label { |
| + | display: inline-block; |
| + | padding: 0.33333rem 0.5rem; |
| + | font-size: 0.8rem; |
| + | line-height: 1; |
| + | white-space: nowrap; |
| + | cursor: default; |
| + | border-radius: 0; |
| + | background: #2199e8; |
| + | color: #fefefe; } |
| + | .label.secondary { |
| + | background: #777; |
| + | color: #fefefe; } |
| + | .label.success { |
| + | background: #3adb76; |
| + | color: #fefefe; } |
| + | .label.warning { |
| + | background: #ffae00; |
| + | color: #fefefe; } |
| + | .label.alert { |
| + | background: #ec5840; |
| + | color: #fefefe; } |
| + | |
| + | .media-object { |
| + | margin-bottom: 1rem; |
| + | display: block; } |
| + | .media-object img { |
| + | max-width: none; } |
| + | @media screen and (max-width: 39.9375em) { |
| + | .media-object.stack-for-small .media-object-section { |
| + | padding: 0; |
| + | padding-bottom: 1rem; |
| + | display: block; } |
| + | .media-object.stack-for-small .media-object-section img { |
| + | width: 100%; } } |
| + | |
| + | .media-object-section { |
| + | display: table-cell; |
| + | vertical-align: top; } |
| + | .media-object-section:first-child { |
| + | padding-right: 1rem; } |
| + | .media-object-section:last-child:not(:nth-child(2)) { |
| + | padding-left: 1rem; } |
| + | .media-object-section.middle { |
| + | vertical-align: middle; } |
| + | .media-object-section.bottom { |
| + | vertical-align: bottom; } |
| + | |
| + | html, |
| + | body { |
| + | height: 100%; } |
| + | |
| + | .off-canvas-wrapper { |
| + | width: 100%; |
| + | overflow-x: hidden; |
| + | position: relative; |
| + | -webkit-backface-visibility: hidden; |
| + | backface-visibility: hidden; |
| + | -webkit-overflow-scrolling: auto; } |
| + | |
| + | .off-canvas-wrapper-inner { |
| + | position: relative; |
| + | width: 100%; |
| + | transition: -webkit-transform 0.5s ease; |
| + | transition: transform 0.5s ease; } |
| + | .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .off-canvas-wrapper-inner::after { |
| + | clear: both; } |
| + | |
| + | .off-canvas-content, |
| + | .off-canvas-content { |
| + | min-height: 100%; |
| + | background: #fefefe; |
| + | transition: -webkit-transform 0.5s ease; |
| + | transition: transform 0.5s ease; |
| + | -webkit-backface-visibility: hidden; |
| + | backface-visibility: hidden; |
| + | z-index: 1; |
| + | padding-bottom: 0.1px; |
| + | box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } |
| + | |
| + | .js-off-canvas-exit { |
| + | display: none; |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | background: rgba(254, 254, 254, 0.25); |
| + | cursor: pointer; |
| + | transition: background 0.5s ease; } |
| + | |
| + | .off-canvas { |
| + | position: absolute; |
| + | background: #e6e6e6; |
| + | z-index: -1; |
| + | max-height: 100%; |
| + | overflow-y: auto; |
| + | -webkit-transform: translateX(0); |
| + | -ms-transform: translateX(0); |
| + | transform: translateX(0); } |
| + | [data-whatinput='mouse'] .off-canvas { |
| + | outline: 0; } |
| + | .off-canvas.position-left { |
| + | left: -250px; |
| + | top: 0; |
| + | width: 250px; } |
| + | .is-open-left { |
| + | -webkit-transform: translateX(250px); |
| + | -ms-transform: translateX(250px); |
| + | transform: translateX(250px); } |
| + | .off-canvas.position-right { |
| + | right: -250px; |
| + | top: 0; |
| + | width: 250px; } |
| + | .is-open-right { |
| + | -webkit-transform: translateX(-250px); |
| + | -ms-transform: translateX(-250px); |
| + | transform: translateX(-250px); } |
| + | |
| + | @media screen and (min-width: 40em) { |
| + | .position-left.reveal-for-medium { |
| + | left: 0; |
| + | z-index: auto; |
| + | position: fixed; } |
| + | .position-left.reveal-for-medium ~ .off-canvas-content { |
| + | margin-left: 250px; } |
| + | .position-right.reveal-for-medium { |
| + | right: 0; |
| + | z-index: auto; |
| + | position: fixed; } |
| + | .position-right.reveal-for-medium ~ .off-canvas-content { |
| + | margin-right: 250px; } } |
| + | |
| + | @media screen and (min-width: 64em) { |
| + | .position-left.reveal-for-large { |
| + | left: 0; |
| + | z-index: auto; |
| + | position: fixed; } |
| + | .position-left.reveal-for-large ~ .off-canvas-content { |
| + | margin-left: 250px; } |
| + | .position-right.reveal-for-large { |
| + | right: 0; |
| + | z-index: auto; |
| + | position: fixed; } |
| + | .position-right.reveal-for-large ~ .off-canvas-content { |
| + | margin-right: 250px; } } |
| + | |
| + | .orbit { |
| + | position: relative; } |
| + | |
| + | .orbit-container { |
| + | position: relative; |
| + | margin: 0; |
| + | overflow: hidden; |
| + | list-style: none; } |
| + | |
| + | .orbit-slide { |
| + | width: 100%; |
| + | max-height: 100%; } |
| + | .orbit-slide.no-motionui.is-active { |
| + | top: 0; |
| + | left: 0; } |
| + | |
| + | .orbit-figure { |
| + | margin: 0; } |
| + | |
| + | .orbit-image { |
| + | margin: 0; |
| + | width: 100%; |
| + | max-width: 100%; } |
| + | |
| + | .orbit-caption { |
| + | position: absolute; |
| + | bottom: 0; |
| + | width: 100%; |
| + | padding: 1rem; |
| + | margin-bottom: 0; |
| + | color: #fefefe; |
| + | background-color: rgba(10, 10, 10, 0.5); } |
| + | |
| + | .orbit-previous, .orbit-next { |
| + | position: absolute; |
| + | top: 50%; |
| + | -webkit-transform: translateY(-50%); |
| + | -ms-transform: translateY(-50%); |
| + | transform: translateY(-50%); |
| + | z-index: 10; |
| + | padding: 1rem; |
| + | color: #fefefe; } |
| + | [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { |
| + | outline: 0; } |
| + | .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { |
| + | background-color: rgba(10, 10, 10, 0.5); } |
| + | |
| + | .orbit-previous { |
| + | left: 0; } |
| + | |
| + | .orbit-next { |
| + | left: auto; |
| + | right: 0; } |
| + | |
| + | .orbit-bullets { |
| + | position: relative; |
| + | margin-top: 0.8rem; |
| + | margin-bottom: 0.8rem; |
| + | text-align: center; } |
| + | [data-whatinput='mouse'] .orbit-bullets { |
| + | outline: 0; } |
| + | .orbit-bullets button { |
| + | width: 1.2rem; |
| + | height: 1.2rem; |
| + | margin: 0.1rem; |
| + | background-color: #cacaca; |
| + | border-radius: 50%; } |
| + | .orbit-bullets button:hover { |
| + | background-color: #8a8a8a; } |
| + | .orbit-bullets button.is-active { |
| + | background-color: #8a8a8a; } |
| + | |
| + | .pagination { |
| + | margin-left: 0; |
| + | margin-bottom: 1rem; } |
| + | .pagination::before, .pagination::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .pagination::after { |
| + | clear: both; } |
| + | .pagination li { |
| + | font-size: 0.875rem; |
| + | margin-right: 0.0625rem; |
| + | border-radius: 0; |
| + | display: none; } |
| + | .pagination li:last-child, .pagination li:first-child { |
| + | display: inline-block; } |
| + | @media screen and (min-width: 40em) { |
| + | .pagination li { |
| + | display: inline-block; } } |
| + | .pagination a, |
| + | .pagination button { |
| + | color: #0a0a0a; |
| + | display: block; |
| + | padding: 0.1875rem 0.625rem; |
| + | border-radius: 0; } |
| + | .pagination a:hover, |
| + | .pagination button:hover { |
| + | background: #e6e6e6; } |
| + | .pagination .current { |
| + | padding: 0.1875rem 0.625rem; |
| + | background: #2199e8; |
| + | color: #fefefe; |
| + | cursor: default; } |
| + | .pagination .disabled { |
| + | padding: 0.1875rem 0.625rem; |
| + | color: #cacaca; |
| + | cursor: not-allowed; } |
| + | .pagination .disabled:hover { |
| + | background: transparent; } |
| + | .pagination .ellipsis::after { |
| + | content: '\2026'; |
| + | padding: 0.1875rem 0.625rem; |
| + | color: #0a0a0a; } |
| + | |
| + | .pagination-previous a::before, |
| + | .pagination-previous.disabled::before { |
| + | content: '\00ab'; |
| + | display: inline-block; |
| + | margin-right: 0.5rem; } |
| + | |
| + | .pagination-next a::after, |
| + | .pagination-next.disabled::after { |
| + | content: '\00bb'; |
| + | display: inline-block; |
| + | margin-left: 0.5rem; } |
| + | |
| + | .progress { |
| + | background-color: #cacaca; |
| + | height: 1rem; |
| + | margin-bottom: 1rem; |
| + | border-radius: 0; } |
| + | .progress.primary .progress-meter { |
| + | background-color: #2199e8; } |
| + | .progress.secondary .progress-meter { |
| + | background-color: #777; } |
| + | .progress.success .progress-meter { |
| + | background-color: #3adb76; } |
| + | .progress.warning .progress-meter { |
| + | background-color: #ffae00; } |
| + | .progress.alert .progress-meter { |
| + | background-color: #ec5840; } |
| + | |
| + | .progress-meter { |
| + | position: relative; |
| + | display: block; |
| + | width: 0%; |
| + | height: 100%; |
| + | background-color: #2199e8; } |
| + | |
| + | .progress-meter-text { |
| + | position: absolute; |
| + | top: 50%; |
| + | left: 50%; |
| + | -webkit-transform: translate(-50%, -50%); |
| + | -ms-transform: translate(-50%, -50%); |
| + | transform: translate(-50%, -50%); |
| + | position: absolute; |
| + | margin: 0; |
| + | font-size: 0.75rem; |
| + | font-weight: bold; |
| + | color: #fefefe; |
| + | white-space: nowrap; } |
| + | |
| + | .slider { |
| + | position: relative; |
| + | height: 0.5rem; |
| + | margin-top: 1.25rem; |
| + | margin-bottom: 2.25rem; |
| + | background-color: #e6e6e6; |
| + | cursor: pointer; |
| + | -webkit-user-select: none; |
| + | -moz-user-select: none; |
| + | -ms-user-select: none; |
| + | user-select: none; |
| + | -ms-touch-action: none; |
| + | touch-action: none; } |
| + | |
| + | .slider-fill { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | display: inline-block; |
| + | max-width: 100%; |
| + | height: 0.5rem; |
| + | background-color: #cacaca; |
| + | transition: all 0.2s ease-in-out; } |
| + | .slider-fill.is-dragging { |
| + | transition: all 0s linear; } |
| + | |
| + | .slider-handle { |
| + | position: absolute; |
| + | top: 50%; |
| + | -webkit-transform: translateY(-50%); |
| + | -ms-transform: translateY(-50%); |
| + | transform: translateY(-50%); |
| + | position: absolute; |
| + | left: 0; |
| + | z-index: 1; |
| + | display: inline-block; |
| + | width: 1.4rem; |
| + | height: 1.4rem; |
| + | background-color: #2199e8; |
| + | transition: all 0.2s ease-in-out; |
| + | -ms-touch-action: manipulation; |
| + | touch-action: manipulation; |
| + | border-radius: 0; } |
| + | [data-whatinput='mouse'] .slider-handle { |
| + | outline: 0; } |
| + | .slider-handle:hover { |
| + | background-color: #1583cc; } |
| + | .slider-handle.is-dragging { |
| + | transition: all 0s linear; } |
| + | |
| + | .slider.disabled, |
| + | .slider[disabled] { |
| + | opacity: 0.25; |
| + | cursor: not-allowed; } |
| + | |
| + | .slider.vertical { |
| + | display: inline-block; |
| + | width: 0.5rem; |
| + | height: 12.5rem; |
| + | margin: 0 1.25rem; |
| + | -webkit-transform: scale(1, -1); |
| + | -ms-transform: scale(1, -1); |
| + | transform: scale(1, -1); } |
| + | .slider.vertical .slider-fill { |
| + | top: 0; |
| + | width: 0.5rem; |
| + | max-height: 100%; } |
| + | .slider.vertical .slider-handle { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 50%; |
| + | width: 1.4rem; |
| + | height: 1.4rem; |
| + | -webkit-transform: translateX(-50%); |
| + | -ms-transform: translateX(-50%); |
| + | transform: translateX(-50%); } |
| + | |
| + | .sticky-container { |
| + | position: relative; } |
| + | |
| + | .sticky { |
| + | position: absolute; |
| + | z-index: 0; |
| + | -webkit-transform: translate3d(0, 0, 0); |
| + | transform: translate3d(0, 0, 0); } |
| + | |
| + | .sticky.is-stuck { |
| + | position: fixed; |
| + | z-index: 5; } |
| + | .sticky.is-stuck.is-at-top { |
| + | top: 0; } |
| + | .sticky.is-stuck.is-at-bottom { |
| + | bottom: 0; } |
| + | |
| + | .sticky.is-anchored { |
| + | position: absolute; |
| + | left: auto; |
| + | right: auto; } |
| + | .sticky.is-anchored.is-at-bottom { |
| + | bottom: 0; } |
| + | |
| + | body.is-reveal-open { |
| + | overflow: hidden; } |
| + | |
| + | .reveal-overlay { |
| + | display: none; |
| + | position: fixed; |
| + | top: 0; |
| + | bottom: 0; |
| + | left: 0; |
| + | right: 0; |
| + | z-index: 1005; |
| + | background-color: rgba(10, 10, 10, 0.45); |
| + | overflow-y: scroll; } |
| + | |
| + | .reveal { |
| + | display: none; |
| + | z-index: 1006; |
| + | padding: 1rem; |
| + | border: 1px solid #cacaca; |
| + | background-color: #fefefe; |
| + | border-radius: 0; |
| + | position: relative; |
| + | top: 100px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | overflow-y: auto; } |
| + | [data-whatinput='mouse'] .reveal { |
| + | outline: 0; } |
| + | @media screen and (min-width: 40em) { |
| + | .reveal { |
| + | min-height: 0; } } |
| + | .reveal .column, .reveal .columns, |
| + | .reveal .columns { |
| + | min-width: 0; } |
| + | .reveal > :last-child { |
| + | margin-bottom: 0; } |
| + | @media screen and (min-width: 40em) { |
| + | .reveal { |
| + | width: 600px; |
| + | max-width: 75rem; } } |
| + | @media screen and (min-width: 40em) { |
| + | .reveal .reveal { |
| + | left: auto; |
| + | right: auto; |
| + | margin: 0 auto; } } |
| + | .reveal.collapse { |
| + | padding: 0; } |
| + | @media screen and (min-width: 40em) { |
| + | .reveal.tiny { |
| + | width: 30%; |
| + | max-width: 75rem; } } |
| + | @media screen and (min-width: 40em) { |
| + | .reveal.small { |
| + | width: 50%; |
| + | max-width: 75rem; } } |
| + | @media screen and (min-width: 40em) { |
| + | .reveal.large { |
| + | width: 90%; |
| + | max-width: 75rem; } } |
| + | .reveal.full { |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | height: 100vh; |
| + | min-height: 100vh; |
| + | max-width: none; |
| + | margin-left: 0; |
| + | border: 0; |
| + | border-radius: 0; } |
| + | @media screen and (max-width: 39.9375em) { |
| + | .reveal { |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | height: 100vh; |
| + | min-height: 100vh; |
| + | max-width: none; |
| + | margin-left: 0; |
| + | border: 0; |
| + | border-radius: 0; } } |
| + | .reveal.without-overlay { |
| + | position: fixed; } |
| + | |
| + | .switch { |
| + | margin-bottom: 1rem; |
| + | outline: 0; |
| + | position: relative; |
| + | -webkit-user-select: none; |
| + | -moz-user-select: none; |
| + | -ms-user-select: none; |
| + | user-select: none; |
| + | color: #fefefe; |
| + | font-weight: bold; |
| + | font-size: 0.875rem; } |
| + | |
| + | .switch-input { |
| + | opacity: 0; |
| + | position: absolute; } |
| + | |
| + | .switch-paddle { |
| + | background: #cacaca; |
| + | cursor: pointer; |
| + | display: block; |
| + | position: relative; |
| + | width: 4rem; |
| + | height: 2rem; |
| + | transition: all 0.25s ease-out; |
| + | border-radius: 0; |
| + | color: inherit; |
| + | font-weight: inherit; } |
| + | input + .switch-paddle { |
| + | margin: 0; } |
| + | .switch-paddle::after { |
| + | background: #fefefe; |
| + | content: ''; |
| + | display: block; |
| + | position: absolute; |
| + | height: 1.5rem; |
| + | left: 0.25rem; |
| + | top: 0.25rem; |
| + | width: 1.5rem; |
| + | transition: all 0.25s ease-out; |
| + | -webkit-transform: translate3d(0, 0, 0); |
| + | transform: translate3d(0, 0, 0); |
| + | border-radius: 0; } |
| + | input:checked ~ .switch-paddle { |
| + | background: #2199e8; } |
| + | input:checked ~ .switch-paddle::after { |
| + | left: 2.25rem; } |
| + | [data-whatinput='mouse'] input:focus ~ .switch-paddle { |
| + | outline: 0; } |
| + | |
| + | .switch-active, .switch-inactive { |
| + | position: absolute; |
| + | top: 50%; |
| + | -webkit-transform: translateY(-50%); |
| + | -ms-transform: translateY(-50%); |
| + | transform: translateY(-50%); } |
| + | |
| + | .switch-active { |
| + | left: 8%; |
| + | display: none; } |
| + | input:checked + label > .switch-active { |
| + | display: block; } |
| + | |
| + | .switch-inactive { |
| + | right: 15%; } |
| + | input:checked + label > .switch-inactive { |
| + | display: none; } |
| + | |
| + | .switch.tiny .switch-paddle { |
| + | width: 3rem; |
| + | height: 1.5rem; |
| + | font-size: 0.625rem; } |
| + | |
| + | .switch.tiny .switch-paddle::after { |
| + | width: 1rem; |
| + | height: 1rem; } |
| + | |
| + | .switch.tiny input:checked ~ .switch-paddle::after { |
| + | left: 1.75rem; } |
| + | |
| + | .switch.small .switch-paddle { |
| + | width: 3.5rem; |
| + | height: 1.75rem; |
| + | font-size: 0.75rem; } |
| + | |
| + | .switch.small .switch-paddle::after { |
| + | width: 1.25rem; |
| + | height: 1.25rem; } |
| + | |
| + | .switch.small input:checked ~ .switch-paddle::after { |
| + | left: 2rem; } |
| + | |
| + | .switch.large .switch-paddle { |
| + | width: 5rem; |
| + | height: 2.5rem; |
| + | font-size: 1rem; } |
| + | |
| + | .switch.large .switch-paddle::after { |
| + | width: 2rem; |
| + | height: 2rem; } |
| + | |
| + | .switch.large input:checked ~ .switch-paddle::after { |
| + | left: 2.75rem; } |
| + | |
| + | table { |
| + | width: 100%; |
| + | margin-bottom: 1rem; |
| + | border-radius: 0; } |
| + | table thead, |
| + | table tbody, |
| + | table tfoot { |
| + | border: 1px solid #f1f1f1; |
| + | background-color: #fefefe; } |
| + | table caption { |
| + | font-weight: bold; |
| + | padding: 0.5rem 0.625rem 0.625rem; } |
| + | table thead, |
| + | table tfoot { |
| + | background: #f8f8f8; |
| + | color: #0a0a0a; } |
| + | table thead tr, |
| + | table tfoot tr { |
| + | background: transparent; } |
| + | table thead th, |
| + | table thead td, |
| + | table tfoot th, |
| + | table tfoot td { |
| + | padding: 0.5rem 0.625rem 0.625rem; |
| + | font-weight: bold; |
| + | text-align: left; } |
| + | table tbody tr:nth-child(even) { |
| + | background-color: #f1f1f1; } |
| + | table tbody th, |
| + | table tbody td { |
| + | padding: 0.5rem 0.625rem 0.625rem; } |
| + | |
| + | @media screen and (max-width: 63.9375em) { |
| + | table.stack thead { |
| + | display: none; } |
| + | table.stack tfoot { |
| + | display: none; } |
| + | table.stack tr, |
| + | table.stack th, |
| + | table.stack td { |
| + | display: block; } |
| + | table.stack td { |
| + | border-top: 0; } } |
| + | |
| + | table.scroll { |
| + | display: block; |
| + | width: 100%; |
| + | overflow-x: auto; } |
| + | |
| + | table.hover tr:hover { |
| + | background-color: #f9f9f9; } |
| + | |
| + | table.hover tr:nth-of-type(even):hover { |
| + | background-color: #ececec; } |
| + | |
| + | .table-scroll { |
| + | overflow-x: auto; } |
| + | .table-scroll table { |
| + | width: auto; } |
| + | |
| + | .tabs { |
| + | margin: 0; |
| + | list-style-type: none; |
| + | background: #fefefe; |
| + | border: 1px solid #e6e6e6; } |
| + | .tabs::before, .tabs::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .tabs::after { |
| + | clear: both; } |
| + | |
| + | .tabs.vertical > li { |
| + | width: auto; |
| + | float: none; |
| + | display: block; } |
| + | |
| + | .tabs.simple > li > a { |
| + | padding: 0; } |
| + | .tabs.simple > li > a:hover { |
| + | background: transparent; } |
| + | |
| + | .tabs.primary { |
| + | background: #2199e8; } |
| + | .tabs.primary > li > a { |
| + | color: #fefefe; } |
| + | .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { |
| + | background: #1893e4; } |
| + | |
| + | .tabs-title { |
| + | float: left; } |
| + | .tabs-title > a { |
| + | display: block; |
| + | padding: 1.25rem 1.5rem; |
| + | line-height: 1; |
| + | font-size: 0.75rem; } |
| + | .tabs-title > a:hover { |
| + | background: #fefefe; } |
| + | .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { |
| + | background: #e6e6e6; } |
| + | |
| + | .tabs-content { |
| + | background: #fefefe; |
| + | transition: all 0.5s ease; |
| + | border: 1px solid #e6e6e6; |
| + | border-top: 0; } |
| + | |
| + | .tabs-content.vertical { |
| + | border: 1px solid #e6e6e6; |
| + | border-left: 0; } |
| + | |
| + | .tabs-panel { |
| + | display: none; |
| + | padding: 1rem; } |
| + | .tabs-panel.is-active { |
| + | display: block; } |
| + | |
| + | .thumbnail { |
| + | border: solid 4px #fefefe; |
| + | box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); |
| + | display: inline-block; |
| + | line-height: 0; |
| + | max-width: 100%; |
| + | transition: box-shadow 200ms ease-out; |
| + | border-radius: 0; |
| + | margin-bottom: 1rem; } |
| + | .thumbnail:hover, .thumbnail:focus { |
| + | box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); } |
| + | |
| + | .title-bar { |
| + | background: #0a0a0a; |
| + | color: #fefefe; |
| + | padding: 0.5rem; } |
| + | .title-bar::before, .title-bar::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .title-bar::after { |
| + | clear: both; } |
| + | .title-bar .menu-icon { |
| + | margin-left: 0.25rem; |
| + | margin-right: 0.5rem; } |
| + | |
| + | .title-bar-left { |
| + | float: left; } |
| + | |
| + | .title-bar-right { |
| + | float: right; |
| + | text-align: right; } |
| + | |
| + | .title-bar-title { |
| + | font-weight: bold; |
| + | vertical-align: middle; |
| + | display: inline-block; } |
| + | |
| + | .menu-icon.dark { |
| + | position: relative; |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | cursor: pointer; |
| + | width: 20px; |
| + | height: 16px; } |
| + | .menu-icon.dark::after { |
| + | content: ''; |
| + | position: absolute; |
| + | display: block; |
| + | width: 100%; |
| + | height: 2px; |
| + | background: #0a0a0a; |
| + | top: 0; |
| + | left: 0; |
| + | box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } |
| + | .menu-icon.dark:hover::after { |
| + | background: #8a8a8a; |
| + | box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } |
| + | |
| + | .has-tip { |
| + | border-bottom: dotted 1px #8a8a8a; |
| + | font-weight: bold; |
| + | position: relative; |
| + | display: inline-block; |
| + | cursor: help; } |
| + | |
| + | .tooltip { |
| + | background-color: #0a0a0a; |
| + | color: #fefefe; |
| + | font-size: 80%; |
| + | padding: 0.75rem; |
| + | position: absolute; |
| + | z-index: 10; |
| + | top: calc(100% + 0.6495rem); |
| + | max-width: 10rem !important; |
| + | border-radius: 0; } |
| + | .tooltip::before { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 0.75rem; |
| + | border-color: transparent transparent #0a0a0a; |
| + | border-bottom-style: solid; |
| + | border-top-width: 0; |
| + | bottom: 100%; |
| + | position: absolute; |
| + | left: 50%; |
| + | -webkit-transform: translateX(-50%); |
| + | -ms-transform: translateX(-50%); |
| + | transform: translateX(-50%); } |
| + | .tooltip.top::before { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 0.75rem; |
| + | border-color: #0a0a0a transparent transparent; |
| + | border-top-style: solid; |
| + | border-bottom-width: 0; |
| + | top: 100%; |
| + | bottom: auto; } |
| + | .tooltip.left::before { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 0.75rem; |
| + | border-color: transparent transparent transparent #0a0a0a; |
| + | border-left-style: solid; |
| + | border-right-width: 0; |
| + | bottom: auto; |
| + | left: 100%; |
| + | top: 50%; |
| + | -webkit-transform: translateY(-50%); |
| + | -ms-transform: translateY(-50%); |
| + | transform: translateY(-50%); } |
| + | .tooltip.right::before { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset 0.75rem; |
| + | border-color: transparent #0a0a0a transparent transparent; |
| + | border-right-style: solid; |
| + | border-left-width: 0; |
| + | bottom: auto; |
| + | left: auto; |
| + | right: 100%; |
| + | top: 50%; |
| + | -webkit-transform: translateY(-50%); |
| + | -ms-transform: translateY(-50%); |
| + | transform: translateY(-50%); } |
| + | |
| + | .top-bar { |
| + | padding: 0.5rem; } |
| + | .top-bar::before, .top-bar::after { |
| + | content: ' '; |
| + | display: table; } |
| + | .top-bar::after { |
| + | clear: both; } |
| + | .top-bar, |
| + | .top-bar ul { |
| + | background-color: #e6e6e6; } |
| + | .top-bar input { |
| + | max-width: 200px; |
| + | margin-right: 1rem; } |
| + | .top-bar .input-group-field { |
| + | width: 100%; |
| + | margin-right: 0; } |
| + | .top-bar input.button { |
| + | width: auto; } |
| + | .top-bar .top-bar-left, |
| + | .top-bar .top-bar-right { |
| + | width: 100%; } |
| + | @media screen and (min-width: 40em) { |
| + | .top-bar .top-bar-left, |
| + | .top-bar .top-bar-right { |
| + | width: auto; } } |
| + | @media screen and (max-width: 63.9375em) { |
| + | .top-bar.stacked-for-medium .top-bar-left, |
| + | .top-bar.stacked-for-medium .top-bar-right { |
| + | width: 100%; } } |
| + | @media screen and (max-width: 74.9375em) { |
| + | .top-bar.stacked-for-large .top-bar-left, |
| + | .top-bar.stacked-for-large .top-bar-right { |
| + | width: 100%; } } |
| + | |
| + | .top-bar-title { |
| + | float: left; |
| + | margin-right: 1rem; } |
| + | |
| + | .top-bar-left { |
| + | float: left; } |
| + | |
| + | .top-bar-right { |
| + | float: right; } |
| + | |
| + | .hide { |
| + | display: none !important; } |
| + | |
| + | .invisible { |
| + | visibility: hidden; } |
| + | |
| + | @media screen and (max-width: 39.9375em) { |
| + | .hide-for-small-only { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (max-width: 0em), screen and (min-width: 40em) { |
| + | .show-for-small-only { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (min-width: 40em) { |
| + | .hide-for-medium { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (max-width: 39.9375em) { |
| + | .show-for-medium { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (min-width: 40em) and (max-width: 63.9375em) { |
| + | .hide-for-medium-only { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { |
| + | .show-for-medium-only { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (min-width: 64em) { |
| + | .hide-for-large { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (max-width: 63.9375em) { |
| + | .show-for-large { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (min-width: 64em) and (max-width: 74.9375em) { |
| + | .hide-for-large-only { |
| + | display: none !important; } } |
| + | |
| + | @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { |
| + | .show-for-large-only { |
| + | display: none !important; } } |
| + | |
| + | .show-for-sr, |
| + | .show-on-focus { |
| + | position: absolute !important; |
| + | width: 1px; |
| + | height: 1px; |
| + | overflow: hidden; |
| + | clip: rect(0, 0, 0, 0); } |
| + | |
| + | .show-on-focus:active, .show-on-focus:focus { |
| + | position: static !important; |
| + | height: auto; |
| + | width: auto; |
| + | overflow: visible; |
| + | clip: auto; } |
| + | |
| + | .show-for-landscape, |
| + | .hide-for-portrait { |
| + | display: block !important; } |
| + | @media screen and (orientation: landscape) { |
| + | .show-for-landscape, |
| + | .hide-for-portrait { |
| + | display: block !important; } } |
| + | @media screen and (orientation: portrait) { |
| + | .show-for-landscape, |
| + | .hide-for-portrait { |
| + | display: none !important; } } |
| + | |
| + | .hide-for-landscape, |
| + | .show-for-portrait { |
| + | display: none !important; } |
| + | @media screen and (orientation: landscape) { |
| + | .hide-for-landscape, |
| + | .show-for-portrait { |
| + | display: none !important; } } |
| + | @media screen and (orientation: portrait) { |
| + | .hide-for-landscape, |
| + | .show-for-portrait { |
| + | display: block !important; } } |
| + | |
| + | .float-left { |
| + | float: left !important; } |
| + | |
| + | .float-right { |
| + | float: right !important; } |
| + | |
| + | .float-center { |
| + | display: block; |
| + | margin-left: auto; |
| + | margin-right: auto; } |
| + | |
| + | .clearfix::before, .clearfix::after { |
| + | content: ' '; |
| + | display: table; } |
| + | |
| + | .clearfix::after { |
| + | clear: both; } |
| + | |
| + | /*# sourceMappingURL=foundation.css.map */ |
generators/foundation/public/stylesheets/foundation6/_global.scss
+197
-0
| @@ | @@ -0,0 +1,197 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group global |
| + | //// |
| + | |
| + | /// Global width of your site. Used by the grid to determine row width. |
| + | /// @type Number |
| + | $global-width: rem-calc(1200) !default; |
| + | |
| + | /// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings. |
| + | /// @type Number |
| + | $global-font-size: 100% !default; |
| + | |
| + | /// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px |
| + | /// @type Number |
| + | $global-lineheight: 1.5 !default; |
| + | |
| + | /// Primary color for interactive components like links and buttons. |
| + | /// @type Color |
| + | $primary-color: #2199e8 !default; |
| + | |
| + | /// Secondary color, used with components that support the `.secondary` class. |
| + | /// @type Color |
| + | $secondary-color: #777 !default; |
| + | |
| + | /// Color to indicate a positive status or action, used with the `.success` class. |
| + | /// @type Color |
| + | $success-color: #3adb76 !default; |
| + | |
| + | /// Color to indicate a caution status or action, used with the `.warning` class. |
| + | /// @type Color |
| + | $warning-color: #ffae00 !default; |
| + | |
| + | /// Color to indicate a negative status or action, used with the `.alert` class. |
| + | /// @type Color |
| + | $alert-color: #ec5840 !default; |
| + | |
| + | /// Color used for light gray UI items. |
| + | /// @type Color |
| + | $light-gray: #e6e6e6 !default; |
| + | |
| + | /// Color used for medium gray UI items. |
| + | /// @type Color |
| + | $medium-gray: #cacaca !default; |
| + | |
| + | /// Color used for dark gray UI items. |
| + | /// @type Color |
| + | $dark-gray: #8a8a8a !default; |
| + | |
| + | /// Color used for black ui items. |
| + | /// @type Color |
| + | $black: #0a0a0a !default; |
| + | |
| + | /// Color used for white ui items. |
| + | /// @type Color |
| + | $white: #fefefe !default; |
| + | |
| + | /// Background color of the body. |
| + | /// @type Color |
| + | $body-background: $white !default; |
| + | |
| + | /// Text color of the body. |
| + | /// @type Color |
| + | $body-font-color: $black !default; |
| + | |
| + | /// Font stack of the body. |
| + | /// @type List |
| + | $body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default; |
| + | |
| + | /// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties. |
| + | /// @type Boolean |
| + | $body-antialiased: true !default; |
| + | |
| + | /// Text direction for the document. Set to `rtl` to reverse the orientation and direction of all components. |
| + | /// @type Keyword |
| + | $text-direction: ltr !default; |
| + | |
| + | /// Global value used for margin on components. |
| + | /// @type Number |
| + | $global-margin: 1rem !default; |
| + | |
| + | /// Global value used for padding on components. |
| + | /// @type Number |
| + | $global-padding: 1rem !default; |
| + | |
| + | /// Global value used for margin between components. |
| + | /// @type Number |
| + | $global-margin: 1rem !default; |
| + | |
| + | /// Global font weight used for normal type. |
| + | /// @type Keyword | Number |
| + | $global-weight-normal: normal !default; |
| + | |
| + | /// Global font weight used for bold type. |
| + | /// @type Keyword | Number |
| + | $global-weight-bold: bold !default; |
| + | |
| + | /// Global value used for all elements that have a border radius. |
| + | /// @type Number |
| + | $global-radius: 0 !default; |
| + | |
| + | /// Sets the text direction of the CSS. Can be either `ltr` or `rtl`. |
| + | $global-text-direction: ltr !default; |
| + | |
| + | // Internal variables used for text direction |
| + | $global-left: if($global-text-direction == rtl, right, left); |
| + | $global-right: if($global-text-direction == rtl, left, right); |
| + | |
| + | // Internal map used to iterate through colors, to generate CSS classes with less code |
| + | $foundation-colors: ( |
| + | primary: $primary-color, |
| + | secondary: $secondary-color, |
| + | success: $success-color, |
| + | alert: $alert-color, |
| + | warning: $warning-color, |
| + | ); |
| + | |
| + | @mixin foundation-global-styles { |
| + | html, |
| + | body { |
| + | font-size: $global-font-size; |
| + | box-sizing: border-box; |
| + | } |
| + | |
| + | // Set box-sizing globally to handle padding and border widths |
| + | *, |
| + | *:before, |
| + | *:after { |
| + | box-sizing: inherit; |
| + | } |
| + | |
| + | // Default body styles |
| + | body { |
| + | padding: 0; |
| + | margin: 0; |
| + | font-family: $body-font-family; |
| + | font-weight: $global-weight-normal; |
| + | line-height: $global-lineheight; |
| + | color: $body-font-color; |
| + | background: $body-background; |
| + | |
| + | @if ($body-antialiased) { |
| + | -webkit-font-smoothing: antialiased; |
| + | -moz-osx-font-smoothing: grayscale; |
| + | } |
| + | } |
| + | |
| + | img { |
| + | // Grid defaults to get images and embeds to work properly |
| + | max-width: 100%; |
| + | height: auto; |
| + | -ms-interpolation-mode: bicubic; |
| + | |
| + | // Get rid of gap under images by making them display: inline-block; by default |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | // Make sure textarea takes on height automatically |
| + | textarea { |
| + | height: auto; |
| + | min-height: 50px; |
| + | border-radius: $global-radius; |
| + | } |
| + | |
| + | // Make select elements are 100% width by default |
| + | select { |
| + | width: 100%; |
| + | border-radius: $global-radius; |
| + | } |
| + | |
| + | // Styles Google Maps and MapQuest embeds properly |
| + | // scss-lint:disable IdSelector |
| + | #map_canvas, |
| + | .map_canvas, |
| + | .mqa-display { |
| + | img, |
| + | embed, |
| + | object { |
| + | max-width: none !important; |
| + | } |
| + | } |
| + | |
| + | // Reset <button> styles created by most browsers |
| + | button { |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; |
| + | background: transparent; |
| + | padding: 0; |
| + | border: 0; |
| + | border-radius: $global-radius; |
| + | line-height: 1; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_accordion-menu.scss
+28
-0
| @@ | @@ -0,0 +1,28 @@ |
| + | //// |
| + | /// @group accordion-menu |
| + | //// |
| + | |
| + | /// Sets if accordion menus have the default arrow styles. |
| + | /// @type Boolean |
| + | $accordionmenu-arrows: true; |
| + | |
| + | @mixin foundation-accordion-menu { |
| + | @if $accordionmenu-arrows { |
| + | .is-accordion-submenu-parent > a { |
| + | position: relative; |
| + | |
| + | &::after { |
| + | @include css-triangle(6px, $primary-color, down); |
| + | position: absolute; |
| + | top: 50%; |
| + | margin-top: -4px; |
| + | right: 1rem; |
| + | } |
| + | } |
| + | |
| + | .is-accordion-submenu-parent[aria-expanded="true"] > a::after { |
| + | transform-origin: 50% 50%; |
| + | transform: scaleY(-1); |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_accordion.scss
+112
-0
| @@ | @@ -0,0 +1,112 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group accordion |
| + | //// |
| + | |
| + | /// Default background color of an accordion group. |
| + | /// @type Color |
| + | $accordion-background: $white; |
| + | |
| + | /// If `true`, adds plus and minus icons to the side of each accordion title. |
| + | /// @type Boolean |
| + | $accordion-plusminus: true; |
| + | |
| + | /// Default text color for items in a Menu. |
| + | /// @type Color |
| + | $accordion-item-color: foreground($accordion-background, $primary-color); |
| + | |
| + | /// Default background color on hover for items in a Menu. |
| + | /// @type Color |
| + | $accordion-item-background-hover: $light-gray !default; |
| + | |
| + | /// Default padding of an accordion item. |
| + | /// @type Number | List |
| + | $accordion-item-padding: 1.25rem 1rem !default; |
| + | |
| + | /// Default background color of tab content. |
| + | /// @type Color |
| + | $accordion-content-background: $white !default; |
| + | |
| + | /// Default border color of tab content. |
| + | /// @type Color |
| + | $accordion-content-border: 1px solid $light-gray !default; |
| + | |
| + | /// Default text color of tab content. |
| + | /// @type Color |
| + | $accordion-content-color: foreground($accordion-background, $primary-color); |
| + | |
| + | /// Default padding for tab content. |
| + | /// @type Number | List |
| + | $accordion-content-padding: 1rem !default; |
| + | |
| + | /// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`. |
| + | @mixin accordion-container { |
| + | list-style-type: none; |
| + | background: $accordion-background; |
| + | border: $accordion-content-border; |
| + | border-radius: $global-radius; |
| + | margin-#{$global-left}: 0; |
| + | } |
| + | |
| + | /// Adds styles for the title of an accordion item. Apply this to the link within an accordion item. |
| + | @mixin accordion-title { |
| + | display: block; |
| + | padding: $accordion-item-padding; |
| + | line-height: 1; |
| + | font-size: rem-calc(12); |
| + | color: $accordion-item-color; |
| + | position: relative; |
| + | border-bottom: $accordion-content-border; |
| + | |
| + | &:hover, |
| + | &:focus { |
| + | background-color: $accordion-item-background-hover; |
| + | } |
| + | |
| + | // Remove the border on the last title |
| + | :last-child > & { |
| + | border-bottom-width: 0; |
| + | } |
| + | |
| + | @if $accordion-plusminus { |
| + | &::before { |
| + | content: '+'; |
| + | position: absolute; |
| + | #{$global-right}: 1rem; |
| + | top: 50%; |
| + | margin-top: -0.5rem; |
| + | } |
| + | |
| + | .is-active > &::before { |
| + | content: '–'; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for accordion content. Apply this to the content pane below an accordion item's title. |
| + | @mixin accordion-content { |
| + | padding: $accordion-item-padding; |
| + | display: none; |
| + | border-bottom: $accordion-content-border; |
| + | } |
| + | |
| + | @mixin foundation-accordion { |
| + | .accordion { |
| + | @include accordion-container; |
| + | } |
| + | |
| + | .accordion-item { |
| + | // This class doesn't need styles! |
| + | } |
| + | |
| + | .accordion-title { |
| + | @include accordion-title; |
| + | } |
| + | |
| + | .accordion-content { |
| + | @include accordion-content; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_badge.scss
+55
-0
| @@ | @@ -0,0 +1,55 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group badge |
| + | //// |
| + | |
| + | /// Default background color for badges. |
| + | /// @type Color |
| + | $badge-background: $primary-color !default; |
| + | |
| + | /// Default text color for badges. |
| + | /// @type Color |
| + | $badge-color: foreground($badge-background) !default; |
| + | |
| + | /// Default padding inside badges. |
| + | /// @type Number |
| + | $badge-padding: 0.3em !default; |
| + | |
| + | /// Minimum width of a badge. |
| + | /// @type Number |
| + | $badge-minwidth: 2.1em !default; |
| + | |
| + | /// Default font size for badges. |
| + | /// @type Number |
| + | $badge-font-size: 0.6rem !default; |
| + | |
| + | /// Generates the base styles for a badge. |
| + | @mixin badge { |
| + | display: inline-block; |
| + | padding: $badge-padding; |
| + | min-width: $badge-minwidth; |
| + | font-size: $badge-font-size; |
| + | text-align: center; |
| + | border-radius: 50%; |
| + | } |
| + | |
| + | @mixin foundation-badge { |
| + | .badge { |
| + | @include badge; |
| + | |
| + | background: $badge-background; |
| + | color: $badge-color; |
| + | |
| + | @each $name, $color in $foundation-colors { |
| + | @if $name != primary { |
| + | &.#{$name} { |
| + | background: $color; |
| + | color: foreground($color); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_breadcrumbs.scss
+94
-0
| @@ | @@ -0,0 +1,94 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group breadcrumbs |
| + | //// |
| + | |
| + | /// Margin around a breadcrumbs container. |
| + | /// @type Number |
| + | $breadcrumbs-margin: 0 0 $global-margin 0 !default; |
| + | |
| + | /// Font size of breadcrumb links. |
| + | /// @type Number |
| + | $breadcrumbs-item-font-size: rem-calc(11) !default; |
| + | |
| + | /// Color of breadcrumb links. |
| + | /// @type Color |
| + | $breadcrumbs-item-color: $primary-color !default; |
| + | |
| + | /// Color of the active breadcrumb link. |
| + | /// @type Color |
| + | $breadcrumbs-item-color-current: $black !default; |
| + | |
| + | /// Opacity of disabled breadcrumb links. |
| + | /// @type Number |
| + | $breadcrumbs-item-color-disabled: $medium-gray !default; |
| + | |
| + | /// Margin between breadcrumb items. |
| + | /// @type Number |
| + | $breadcrumbs-item-margin: 0.75rem !default; |
| + | |
| + | /// If `true`, makes breadcrumb links uppercase. |
| + | /// @type Boolean |
| + | $breadcrumbs-item-uppercase: true !default; |
| + | |
| + | /// If `true`, adds a slash between breadcrumb links. |
| + | /// @type Boolean |
| + | $breadcrumbs-item-slash: true !default; |
| + | |
| + | /// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it. |
| + | @mixin breadcrumbs-container { |
| + | @include clearfix; |
| + | list-style: none; |
| + | margin: $breadcrumbs-margin; |
| + | |
| + | // Item wrapper |
| + | li { |
| + | float: #{$global-left}; |
| + | color: $breadcrumbs-item-color-current; |
| + | font-size: $breadcrumbs-item-font-size; |
| + | cursor: default; |
| + | |
| + | @if $breadcrumbs-item-uppercase { |
| + | text-transform: uppercase; |
| + | } |
| + | |
| + | @if $breadcrumbs-item-slash { |
| + | // Need to escape the backslash |
| + | $slash: if($global-text-direction == 'ltr', '/', '\\'); |
| + | |
| + | &:not(:last-child)::after { |
| + | color: $medium-gray; |
| + | content: $slash; |
| + | margin: 0 $breadcrumbs-item-margin; |
| + | position: relative; |
| + | top: 1px; |
| + | opacity: 1; |
| + | } |
| + | } |
| + | @else { |
| + | margin-#{$global-right}: $breadcrumbs-item-margin; |
| + | } |
| + | } |
| + | |
| + | // Page links |
| + | a { |
| + | color: $breadcrumbs-item-color; |
| + | |
| + | &:hover { |
| + | text-decoration: underline; |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-breadcrumbs { |
| + | .breadcrumbs { |
| + | @include breadcrumbs-container; |
| + | |
| + | .disabled { |
| + | color: $breadcrumbs-item-color-disabled; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_button-group.scss
+115
-0
| @@ | @@ -0,0 +1,115 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group button-group |
| + | //// |
| + | |
| + | /// Margin for button groups. |
| + | /// @type Number |
| + | $buttongroup-margin: 1rem; |
| + | |
| + | /// Margin between buttons in a button group. |
| + | /// @type Border |
| + | $buttongroup-spacing: 1px; |
| + | |
| + | /// Selector for the buttons inside a button group. |
| + | /// @type String |
| + | $buttongroup-child-selector: '.button'; |
| + | |
| + | /// Maximum number of buttons that can be in an even-width button group. |
| + | /// @type Number |
| + | $buttongroup-expand-max: 6; |
| + | |
| + | /// Add styles for a button group container. |
| + | /// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group. |
| + | @mixin button-group( |
| + | $child-selector: $buttongroup-child-selector |
| + | ) { |
| + | @include clearfix; |
| + | margin-bottom: $buttongroup-margin; |
| + | font-size: map-get($button-sizes, default); |
| + | |
| + | #{$child-selector} { |
| + | float: #{$global-left}; |
| + | margin: 0; |
| + | font-size: inherit; |
| + | |
| + | &:not(:last-child) { |
| + | border-#{$global-right}: $buttongroup-spacing solid $body-background; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Creates a full-width button group, making each button equal width. |
| + | /// @param {Keyword|Number} $count [auto] - Number of buttons inside the button group. Set to `auto` to generate CSS that will account for a variable number of buttons. |
| + | /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group. |
| + | @mixin button-group-expand( |
| + | $count: auto, |
| + | $selector: $buttongroup-child-selector |
| + | ) { |
| + | #{$selector} { |
| + | @if $count == auto { |
| + | @include auto-width($buttongroup-expand-max, $selector); |
| + | } |
| + | @else if type-of($count) == 'number' { |
| + | width: percentage(1 / $count); |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Stacks the buttons in a button group. |
| + | /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group. |
| + | @mixin button-group-stack( |
| + | $selector: $buttongroup-child-selector |
| + | ) { |
| + | #{$selector} { |
| + | width: 100%; |
| + | border-#{$global-right}: 0; |
| + | } |
| + | } |
| + | |
| + | /// Un-stacks the buttons in a button group. |
| + | /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group. |
| + | @mixin button-group-unstack( |
| + | $selector: $buttongroup-child-selector |
| + | ) { |
| + | #{$selector} { |
| + | width: auto; |
| + | |
| + | &:not(:last-child) { |
| + | border-#{$global-right}: $buttongroup-spacing solid $body-background; |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-button-group { |
| + | .button-group { |
| + | @include button-group; |
| + | |
| + | // Sizes |
| + | &.tiny { font-size: map-get($button-sizes, tiny); } |
| + | &.small { font-size: map-get($button-sizes, small); } |
| + | &.large { font-size: map-get($button-sizes, large); } |
| + | &.expanded { @include button-group-expand; } |
| + | |
| + | // Colors |
| + | @each $name, $color in $foundation-colors { |
| + | &.#{$name} #{$buttongroup-child-selector} { |
| + | @include button-style($color, auto, auto); |
| + | } |
| + | } |
| + | |
| + | &.stacked, |
| + | &.stacked-for-small { |
| + | @include button-group-stack; |
| + | } |
| + | |
| + | &.stacked-for-small { |
| + | @include breakpoint(medium) { |
| + | @include button-group-unstack; |
| + | } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_button.scss
+264
-0
| @@ | @@ -0,0 +1,264 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group button |
| + | //// |
| + | |
| + | /// Padding inside buttons. |
| + | /// @type List |
| + | $button-padding: 0.85em 1em !default; |
| + | |
| + | /// Margin around buttons. |
| + | /// @type List |
| + | $button-margin: 0 $global-margin $global-margin 0 !default; |
| + | |
| + | /// Default fill for buttons. Can either be `solid` or `hollow`. |
| + | /// @type Keyword |
| + | $button-fill: solid !default; |
| + | |
| + | /// Default background color for buttons. |
| + | /// @type Color |
| + | $button-background: $primary-color !default; |
| + | |
| + | /// Background color on hover for buttons. |
| + | /// @type Color |
| + | $button-background-hover: scale-color($button-background, $lightness: -15%) !default; |
| + | |
| + | /// Font color for buttons. |
| + | /// @type List |
| + | $button-color: #fff !default; |
| + | |
| + | /// Font color for buttons, if the background is light. |
| + | /// @type List |
| + | $button-color-alt: #000 !default; |
| + | |
| + | /// Border radius for buttons, defaulted to global-radius. |
| + | /// @type Number |
| + | $button-radius: $global-radius !default; |
| + | |
| + | /// Sizes for buttons. |
| + | /// @type Map |
| + | $button-sizes: ( |
| + | tiny: 0.6rem, |
| + | small: 0.75rem, |
| + | default: 0.9rem, |
| + | large: 1.25rem, |
| + | ) !default; |
| + | |
| + | /// opacity for a disabled button. |
| + | /// @type List |
| + | $button-opacity-disabled: 0.25 !default; |
| + | |
| + | // Internal: flip from margin-right to margin-left for defaults |
| + | @if $global-text-direction == 'rtl' { |
| + | $button-margin: 0 0 $global-margin $global-margin; |
| + | } |
| + | |
| + | // TODO: Document button-base() mixin |
| + | @mixin button-base { |
| + | @include disable-mouse-outline; |
| + | display: inline-block; |
| + | text-align: center; |
| + | line-height: 1; |
| + | cursor: pointer; |
| + | -webkit-appearance: none; |
| + | transition: all 0.25s ease-out; |
| + | vertical-align: middle; |
| + | border: 1px solid transparent; |
| + | border-radius: $button-radius; |
| + | padding: $button-padding; |
| + | margin: $button-margin; |
| + | font-size: map-get($button-sizes, default); |
| + | } |
| + | |
| + | /// Expands a button to make it full-width. |
| + | /// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior. |
| + | @mixin button-expand($expand: true) { |
| + | @if $expand { |
| + | display: block; |
| + | width: 100%; |
| + | margin-left: 0; |
| + | margin-right: 0; |
| + | } |
| + | @else { |
| + | display: inline-block; |
| + | width: auto; |
| + | margin: $button-margin; |
| + | } |
| + | } |
| + | |
| + | /// Sets the visual style of a button. |
| + | /// @param {Color} $background [$button-background] - Background color of the button. |
| + | /// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color. |
| + | /// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color. |
| + | @mixin button-style( |
| + | $background: $button-background, |
| + | $background-hover: $button-background-hover, |
| + | $color: $button-color |
| + | ) { |
| + | @if $color == auto { |
| + | $color: isitlight($background); |
| + | } |
| + | |
| + | @if $background-hover == auto { |
| + | $background-hover: scale-color($background, $lightness: -20%); |
| + | } |
| + | |
| + | @if lightness($background) >= 70% { |
| + | $color: $button-color-alt; |
| + | } |
| + | @else { |
| + | $color: $button-color; |
| + | } |
| + | |
| + | background: $background; |
| + | color: $color; |
| + | |
| + | &:hover, &:focus { |
| + | background: $background-hover; |
| + | color: $color; |
| + | } |
| + | } |
| + | |
| + | /// Removes background fill on hover and focus for hollow buttons. |
| + | @mixin button-hollow { |
| + | &, |
| + | &:hover, &:focus { |
| + | background: transparent; |
| + | } |
| + | } |
| + | |
| + | @mixin button-hollow-style($color: $primary-color) { |
| + | $color-hover: scale-color($color, $lightness: -50%); |
| + | |
| + | border: 1px solid $color; |
| + | color: $color; |
| + | |
| + | &:hover, &:focus { |
| + | border-color: $color-hover; |
| + | color: $color-hover; |
| + | } |
| + | } |
| + | |
| + | /// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events. |
| + | @mixin button-disabled { |
| + | opacity: $button-opacity-disabled; |
| + | cursor: not-allowed; |
| + | pointer-events: none; |
| + | } |
| + | |
| + | /// Adds a dropdown arrow to a button. |
| + | /// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons. |
| + | /// @param {Color} $color [white] - Color of the arrow. |
| + | /// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is. |
| + | @mixin button-dropdown( |
| + | $size: 0.4em, |
| + | $color: $white, |
| + | $offset: get-side($button-padding, right) |
| + | ) { |
| + | &::after { |
| + | @include css-triangle($size, $color, down); |
| + | position: relative; |
| + | top: 0.4em; // Aligns the arrow with the text of the button |
| + | float: #{$global-right}; |
| + | margin-#{$global-left}: get-side($button-padding, right); |
| + | display: inline-block; |
| + | } |
| + | } |
| + | |
| + | /// Adds all styles for a button. For more granular control over styles, use the individual button mixins. |
| + | /// @param {Boolean} $expand [false] - Set to `true` to make the button full-width. |
| + | /// @param {Color} $background [$button-background] - Background color of the button. |
| + | /// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color. |
| + | /// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color. |
| + | /// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button. |
| + | @mixin button( |
| + | $expand: false, |
| + | $background: $button-background, |
| + | $background-hover: $button-background-hover, |
| + | $color: $button-color, |
| + | $style: $button-fill |
| + | ) { |
| + | @include button-base; |
| + | |
| + | @if $style == solid { |
| + | @include button-style($background, $background-hover, $color); |
| + | } |
| + | @else if $style == hollow { |
| + | @include button-hollow; |
| + | @include button-hollow-style($background); |
| + | } |
| + | |
| + | @if $expand { |
| + | @include button-expand; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-button { |
| + | .button { |
| + | @include button; |
| + | |
| + | // Sizes |
| + | &.tiny { font-size: map-get($button-sizes, tiny); } |
| + | &.small { font-size: map-get($button-sizes, small); } |
| + | &.large { font-size: map-get($button-sizes, large); } |
| + | &.expanded { @include button-expand; } |
| + | |
| + | // Colors |
| + | @each $name, $color in $foundation-colors { |
| + | @if $button-fill != hollow { |
| + | &.#{$name} { |
| + | @include button-style($color, auto); |
| + | } |
| + | } |
| + | @else { |
| + | &.#{$name} { |
| + | @include button-hollow-style($color); |
| + | } |
| + | |
| + | &.#{$name}.dropdown::after { |
| + | border-top-color: $color; |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Hollow style |
| + | @if $button-fill != hollow { |
| + | &.hollow { |
| + | @include button-hollow; |
| + | @include button-hollow-style; |
| + | |
| + | @each $name, $color in $foundation-colors { |
| + | &.#{$name} { |
| + | @include button-hollow-style($color); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Disabled style |
| + | &.disabled { |
| + | @include button-disabled; |
| + | } |
| + | |
| + | // Dropdown arrow |
| + | &.dropdown { |
| + | @include button-dropdown; |
| + | |
| + | @if $button-fill == hollow { |
| + | &::after { |
| + | border-top-color: $button-background; |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Button with dropdown arrow only |
| + | &.arrow-only::after { |
| + | margin-#{$global-left}: 0; |
| + | float: none; |
| + | top: 0.2em; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_callout.scss
+115
-0
| @@ | @@ -0,0 +1,115 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group callout |
| + | //// |
| + | |
| + | /// Defualt background color. |
| + | /// @type Color |
| + | $callout-background: $white !default; |
| + | |
| + | /// Default fade value for callout backgrounds. |
| + | /// @type Number |
| + | $callout-background-fade: 85% !default; |
| + | |
| + | /// Defualt border style for callouts. |
| + | /// @type List |
| + | $callout-border: 1px solid rgba($black, 0.25) !default; |
| + | |
| + | /// Default bottom margin for callouts. |
| + | /// @type Number |
| + | $callout-margin: 0 0 1rem 0 !default; |
| + | |
| + | /// Default inner padding for callouts. |
| + | /// @type Number |
| + | $callout-padding: 1rem !default; |
| + | |
| + | /// Default font color for callouts. |
| + | /// @type Color |
| + | $callout-font-color: $body-font-color !default; |
| + | |
| + | /// Default font color for callouts, if the callout has a dark background. |
| + | /// @type Color |
| + | $callout-font-color-alt: $body-background !default; |
| + | |
| + | /// Default border radius for callouts. |
| + | /// @type Color |
| + | $callout-radius: $global-radius !default; |
| + | |
| + | /// Amount to tint links used within colored panels. Set to `false` to disable this feature. |
| + | /// @type Number | Boolean |
| + | $callout-link-tint: 30%; |
| + | |
| + | /// Adds basic styles for a callout, including padding and margin. |
| + | @mixin callout-base() { |
| + | margin: $callout-margin; |
| + | padding: $callout-padding; |
| + | border: $callout-border; |
| + | border-radius: $callout-radius; |
| + | position: relative; |
| + | |
| + | // Respect the padding, fool. |
| + | > :first-child { |
| + | margin-top: 0; |
| + | } |
| + | |
| + | > :last-child { |
| + | margin-bottom: 0; |
| + | } |
| + | } |
| + | |
| + | /// Generate quick styles for a callout using a single color as a baseline. If `$callout-link-tint` is enabled, links within colored panels will be a darker version of the background. |
| + | /// @param {Color} $color [$callout-background] - Color to use. |
| + | @mixin callout-style($color: $callout-background) { |
| + | $background: scale-color($color, $lightness: $callout-background-fade); |
| + | $link-color: scale-color($color, $lightness: -$callout-link-tint); |
| + | |
| + | background-color: $background; |
| + | |
| + | @if $callout-link-tint and hue($background) > 0deg { |
| + | a { |
| + | color: $link-color; |
| + | |
| + | &:hover { |
| + | color: darken($link-color, 15%); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin callout-size($padding) { |
| + | padding-top: $padding; |
| + | padding-right: $padding; |
| + | padding-bottom: $padding; |
| + | padding-left: $padding; |
| + | } |
| + | |
| + | |
| + | /// Adds styles for a callout. |
| + | /// @param {Color} $color [$callout-background] - Color to use. |
| + | @mixin callout($color: $callout-background) { |
| + | @include callout-base; |
| + | @include callout-style($color); |
| + | } |
| + | |
| + | @mixin foundation-callout { |
| + | .callout { |
| + | @include callout; |
| + | |
| + | @each $name, $color in $foundation-colors { |
| + | &.#{$name} { |
| + | @include callout-style($color); |
| + | } |
| + | } |
| + | |
| + | &.small { |
| + | @include callout-size(.5rem); |
| + | } |
| + | |
| + | &.large { |
| + | @include callout-size(3rem); |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_close-button.scss
+61
-0
| @@ | @@ -0,0 +1,61 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group close-button |
| + | //// |
| + | |
| + | /// Default position of the close button. The first value should be `right` or `left`, and the second value should be `top` or `bottom`. |
| + | /// @type List |
| + | $closebutton-position: right top !default; |
| + | |
| + | /// Right (or left) offset for a close button. |
| + | /// @type Number |
| + | $closebutton-offset-horizontal: 1rem !default; |
| + | |
| + | /// Top (or bottom) offset for a close button. |
| + | /// @type Number |
| + | $closebutton-offset-vertical: 0.5rem !default; |
| + | |
| + | /// Default font size of the close button. |
| + | /// @type Number |
| + | $closebutton-size: 2em !default; |
| + | |
| + | /// The line-height of the close button. It affects the spacing of the element. |
| + | /// @type Number |
| + | $closebutton-lineheight: 1 !default; |
| + | |
| + | /// Default color of the close button. |
| + | /// @type Color |
| + | $closebutton-color: $dark-gray !default; |
| + | |
| + | /// Default color of the close button when being hovered on. |
| + | /// @type Color |
| + | $closebutton-color-hover: $black !default; |
| + | |
| + | /// Adds styles for a close button, using the styles in the settings variables. |
| + | @mixin close-button { |
| + | $x: nth($closebutton-position, 1); |
| + | $y: nth($closebutton-position, 2); |
| + | |
| + | @include disable-mouse-outline; |
| + | position: absolute; |
| + | color: $closebutton-color; |
| + | #{$x}: $closebutton-offset-horizontal; |
| + | #{$y}: $closebutton-offset-vertical; |
| + | font-size: $closebutton-size; |
| + | line-height: $closebutton-lineheight; |
| + | cursor: pointer; |
| + | |
| + | &:hover, |
| + | &:focus { |
| + | color: $closebutton-color-hover; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-close-button { |
| + | .close-button { |
| + | @include close-button; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_drilldown.scss
+67
-0
| @@ | @@ -0,0 +1,67 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group drilldown |
| + | //// |
| + | |
| + | /// Transition property to use for animating menus. |
| + | /// @type Transition |
| + | $drilldown-transition: transform 0.15s linear !default; |
| + | |
| + | /// Adds arrows to drilldown items with submenus, as well as the back button. |
| + | /// @type Boolean |
| + | $drilldown-arrows: true; |
| + | |
| + | @mixin foundation-drilldown-menu { |
| + | // Applied to the Menu container |
| + | .is-drilldown { |
| + | position: relative; |
| + | overflow: hidden; |
| + | } |
| + | |
| + | // Applied to nested <ul>s |
| + | .is-drilldown-sub { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 100%; |
| + | z-index: -1; |
| + | height: 100%; |
| + | width: 100%; |
| + | background: $white; |
| + | transition: $drilldown-transition; |
| + | |
| + | &.is-active { |
| + | z-index: 1; |
| + | display: block; |
| + | transform: translateX(-100%); |
| + | } |
| + | |
| + | &.is-closing { |
| + | transform: translateX(100%); |
| + | } |
| + | } |
| + | |
| + | @if $drilldown-arrows { |
| + | .is-drilldown-submenu-parent > a { |
| + | position: relative; |
| + | |
| + | &::after { |
| + | @include css-triangle(6px, $primary-color, right); |
| + | position: absolute; |
| + | top: 50%; |
| + | margin-top: -6px; |
| + | right: 1rem; |
| + | } |
| + | } |
| + | |
| + | .js-drilldown-back::before { |
| + | @include css-triangle(6px, $primary-color, left); |
| + | float: left; |
| + | margin-right: 0.75rem; // Creates space between the arrow and the text |
| + | margin-left: 0.6rem; // Lines the tip of the arrow with the items below |
| + | margin-top: 14px; // Aligns the arrow with the text |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_dropdown-menu.scss
+123
-0
| @@ | @@ -0,0 +1,123 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group dropdown-menu |
| + | //// |
| + | |
| + | /// Enables arrows for items with dropdown menus. |
| + | /// @type Boolean |
| + | $dropdownmenu-arrows: true !default; |
| + | |
| + | /// Minimum width of dropdown sub-menus. |
| + | /// @type Length |
| + | $dropdownmenu-min-width: 200px !default; |
| + | |
| + | /// Background color for dropdowns. |
| + | /// @type Color |
| + | $dropdownmenu-background: $white !default; |
| + | |
| + | /// Border for dropdown panes. |
| + | /// @type List |
| + | $dropdown-border: 1px solid $medium-gray !default; |
| + | |
| + | @mixin foundation-dropdown-menu { |
| + | .dropdown.menu { |
| + | .has-submenu { |
| + | position: relative; |
| + | |
| + | a::after { |
| + | float: right; |
| + | margin-top: 3px; |
| + | margin-left: 10px; |
| + | } |
| + | |
| + | @if $dropdownmenu-arrows { |
| + | &.is-down-arrow a { |
| + | padding-right: 1.5rem; |
| + | position: relative; |
| + | } |
| + | &.is-down-arrow > a::after { |
| + | @include css-triangle(5px, $anchor-color, down); |
| + | position: absolute; |
| + | top: 12px; |
| + | right: 5px; |
| + | } |
| + | &.is-left-arrow > a::after { |
| + | @include css-triangle(5px, $anchor-color, left); |
| + | float: left; |
| + | margin-left: 0; |
| + | margin-right: 10px; |
| + | } |
| + | &.is-right-arrow > a::after { |
| + | @include css-triangle(5px, $anchor-color, right); |
| + | } |
| + | } |
| + | |
| + | &.is-left-arrow.opens-inner .submenu{ |
| + | right: 0; |
| + | left: auto; |
| + | } |
| + | &.is-right-arrow.opens-inner .submenu{ |
| + | left: 0; |
| + | right: auto; |
| + | } |
| + | &.opens-inner .submenu { |
| + | top: 100%; |
| + | } |
| + | } |
| + | |
| + | .submenu { |
| + | display: none; |
| + | position: absolute; |
| + | top: 0; |
| + | left: 100%; |
| + | min-width: $dropdownmenu-min-width; |
| + | z-index: 1; |
| + | background: $dropdownmenu-background; |
| + | border: $dropdown-border; |
| + | |
| + | > li { |
| + | width: 100%; |
| + | } |
| + | |
| + | &.first-sub { |
| + | top: 100%; |
| + | left: 0; |
| + | right: auto; |
| + | } |
| + | |
| + | &:not(.js-dropdown-nohover) > .has-submenu:hover > &, |
| + | &.js-dropdown-active { |
| + | display: block; |
| + | } |
| + | } |
| + | |
| + | .has-submenu.opens-left .submenu { |
| + | left: auto; |
| + | right: 100%; |
| + | } |
| + | |
| + | &.align-right { |
| + | .submenu.first-sub { |
| + | top: 100%; |
| + | left: auto; |
| + | right: 0; |
| + | } |
| + | } |
| + | } |
| + | |
| + | .is-dropdown-menu.vertical { |
| + | width: 100px; |
| + | |
| + | &.align-right { |
| + | float: right; |
| + | } |
| + | |
| + | > li .submenu { |
| + | top: 0; |
| + | left: 100%; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_dropdown.scss
+64
-0
| @@ | @@ -0,0 +1,64 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group dropdown |
| + | //// |
| + | |
| + | /// Padding for dropdown panes. |
| + | /// @type List |
| + | $dropdown-padding: 1rem !default; |
| + | |
| + | /// Border for dropdown panes. |
| + | /// @type List |
| + | $dropdown-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Font size for dropdown panes. |
| + | /// @type List |
| + | $dropdown-font-size: 16rem !default; |
| + | |
| + | /// Width for dropdown panes. |
| + | /// @type Number |
| + | $dropdown-width: 300px !default; |
| + | |
| + | /// Border radius dropdown panes. |
| + | /// @type Number |
| + | $dropdown-radius: $global-radius !default; |
| + | |
| + | /// Sizes for dropdown panes. Each size is a CSS class you can apply. |
| + | /// @type Map |
| + | $dropdown-sizes: ( |
| + | tiny: 100px, |
| + | small: 200px, |
| + | large: 400px, |
| + | ) !default; |
| + | |
| + | /// Applies styles for a basic dropdown. |
| + | @mixin dropdown-container { |
| + | background-color: $body-background; |
| + | border: $dropdown-border; |
| + | display: block; |
| + | padding: $dropdown-padding; |
| + | position: absolute; |
| + | visibility: hidden; |
| + | width: 300px; |
| + | z-index: 10; |
| + | border-radius: $dropdown-radius; |
| + | |
| + | &.is-open { |
| + | visibility: visible; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-dropdown { |
| + | .dropdown-pane { |
| + | @include dropdown-container; |
| + | } |
| + | |
| + | @each $name, $size in $dropdown-sizes { |
| + | .dropdown-pane.#{$name} { |
| + | width: $size; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_flex-video.scss
+68
-0
| @@ | @@ -0,0 +1,68 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group flex-video |
| + | //// |
| + | |
| + | /// Padding above a flex video container. |
| + | /// @type Number |
| + | $flexvideo-padding-top: rem-calc(25) !default; |
| + | |
| + | /// Margin below a flex video container. |
| + | /// @type Number |
| + | $flexvideo-margin-bottom: rem-calc(16) !default; |
| + | |
| + | /// Padding used to create a 4:3 aspect ratio. |
| + | /// @type Number |
| + | $flexvideo-ratio: 4 by 3 !default; |
| + | |
| + | /// Padding used to create a 16:9 aspect ratio. |
| + | /// @type Number |
| + | $flexvideo-ratio-widescreen: 16 by 9 !default; |
| + | |
| + | /// Creates a percentage height that can be used as padding in a flex video container. |
| + | /// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`. |
| + | /// @return {Number} A percentage value that can be used as the `padding-bottom` parameter of a flex video container. |
| + | @function flex-video($ratio) { |
| + | $w: nth($ratio, 1); |
| + | $h: nth($ratio, 3); |
| + | @return $h / $w * 100%; |
| + | } |
| + | |
| + | /// Creates a flex video container. |
| + | /// @param {List} $ratio [$flexvideo-ratio] - Ratio to use for the container, formatted as `x by y`. |
| + | @mixin flex-video($ratio: $flexvideo-ratio) { |
| + | position: relative; |
| + | height: 0; |
| + | padding-top: $flexvideo-padding-top; |
| + | padding-bottom: flex-video($ratio); |
| + | margin-bottom: $flexvideo-margin-bottom; |
| + | overflow: hidden; |
| + | |
| + | iframe, |
| + | object, |
| + | embed, |
| + | video { |
| + | position: absolute; |
| + | top: 0; |
| + | #{$global-left}: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-flex-video { |
| + | .flex-video { |
| + | @include flex-video; |
| + | |
| + | &.widescreen { |
| + | padding-bottom: flex-video($flexvideo-ratio-widescreen); |
| + | } |
| + | |
| + | &.vimeo { |
| + | padding-top: 0; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_float.scss
+27
-0
| @@ | @@ -0,0 +1,27 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group float |
| + | //// |
| + | |
| + | @mixin foundation-float-classes { |
| + | .float-left { |
| + | float: left !important; |
| + | } |
| + | |
| + | .float-right { |
| + | float: right !important; |
| + | } |
| + | |
| + | .float-center { |
| + | display: block; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| + | |
| + | .clearfix { |
| + | @include clearfix; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_label.scss
+56
-0
| @@ | @@ -0,0 +1,56 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group label |
| + | //// |
| + | |
| + | /// Default background color for labels. |
| + | /// @type Color |
| + | $label-background: $primary-color !default; |
| + | |
| + | /// Default text color for labels. |
| + | /// @type Color |
| + | $label-color: foreground($label-background) !default; |
| + | |
| + | /// Default font size for labels. |
| + | /// @type Number |
| + | $label-font-size: 0.8rem !default; |
| + | |
| + | /// Default padding inside labels. |
| + | /// @type Number |
| + | $label-padding: 0.33333rem 0.5rem !default; |
| + | |
| + | /// Default radius of labels. |
| + | /// @type Number |
| + | $label-radius: $global-radius !default; |
| + | |
| + | /// Generates base styles for a label. |
| + | @mixin label { |
| + | display: inline-block; |
| + | padding: $label-padding; |
| + | font-size: $label-font-size; |
| + | line-height: 1; |
| + | white-space: nowrap; |
| + | cursor: default; |
| + | border-radius: $label-radius; |
| + | } |
| + | |
| + | @mixin foundation-label { |
| + | .label { |
| + | @include label; |
| + | |
| + | background: $label-background; |
| + | color: $label-color; |
| + | |
| + | @each $name, $color in $foundation-colors { |
| + | @if $name != primary { |
| + | &.#{$name} { |
| + | background: $color; |
| + | color: foreground($color); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_media-object.scss
+74
-0
| @@ | @@ -0,0 +1,74 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group media-object |
| + | //// |
| + | |
| + | /// Bottom margin of a media object. |
| + | /// @type Number |
| + | $mediaobject-margin-bottom: $global-margin !default; |
| + | |
| + | /// Left and right padding on sections within a media object. |
| + | /// @type Number |
| + | $mediaobject-section-padding: $global-padding !default; |
| + | |
| + | /// With of images within a media object, when the object is stacked vertically. Set to 'auto' to use the image's natural width. |
| + | /// @type Number |
| + | $mediaobject-image-width-stacked: 100% !default; |
| + | |
| + | /// Adds styles for a media object container. |
| + | @mixin media-object-container { |
| + | margin-bottom: $mediaobject-margin-bottom; |
| + | display: block; |
| + | } |
| + | |
| + | /// Adds styles for sections within a media object. |
| + | /// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections. |
| + | @mixin media-object-section($padding: $mediaobject-section-padding) { |
| + | display: table-cell; |
| + | vertical-align: top; |
| + | |
| + | &:first-child { |
| + | padding-#{$global-right}: $padding; |
| + | } |
| + | |
| + | &:last-child:not(+ &:first-child) { |
| + | padding-#{$global-left}: $padding; |
| + | } |
| + | } |
| + | |
| + | /// Adds styles to stack sections of a media object. Apply this to the section elements, not the container. |
| + | @mixin media-object-stack { |
| + | display: block; |
| + | padding: 0; |
| + | padding-bottom: $mediaobject-section-padding; |
| + | |
| + | img { |
| + | width: $mediaobject-image-width-stacked; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-media-object { |
| + | .media-object { |
| + | @include media-object-container; |
| + | |
| + | img { |
| + | max-width: none; |
| + | } |
| + | |
| + | &.stack-for-small .media-object-section { |
| + | @include breakpoint(small only) { |
| + | @include media-object-stack; |
| + | } |
| + | } |
| + | } |
| + | |
| + | .media-object-section { |
| + | @include media-object-section; |
| + | |
| + | &.middle { vertical-align: middle; } |
| + | &.bottom { vertical-align: bottom; } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_menu.scss
+213
-0
| @@ | @@ -0,0 +1,213 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group menu |
| + | //// |
| + | |
| + | /// Margin of a menu. |
| + | /// @type Number |
| + | $menu-margin: 0 !default; |
| + | |
| + | /// Left-hand margin of a nested menu. |
| + | /// @type Number |
| + | $menu-margin-nested: 1rem !default; |
| + | |
| + | /// Padding for items in a menu. |
| + | /// @type Number |
| + | $menu-item-padding: 0.7rem 1rem !default; |
| + | |
| + | /// Spacing between an icon and text in a menu item. |
| + | /// @type Number |
| + | $menu-icon-spacing: 0.25rem !default; |
| + | |
| + | /// Maximum number of `expand-n` classes to include in the CSS. |
| + | /// @type Number |
| + | $menu-expand-max: 6 !default; |
| + | |
| + | /// Creates the base styles for a Menu. |
| + | @mixin menu-base { |
| + | margin: $menu-margin; |
| + | list-style-type: none; |
| + | |
| + | // List items are table cell to allow for vertical alignment |
| + | > li { |
| + | @include disable-mouse-outline; |
| + | display: table-cell; |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | // Reset line height to make the height of the overall item easier to calculate |
| + | > li > a { |
| + | display: block; |
| + | padding: $menu-item-padding; |
| + | line-height: 1; |
| + | } |
| + | |
| + | // Reset styles of inner elements |
| + | input, |
| + | a, |
| + | button { |
| + | margin-bottom: 0; |
| + | } |
| + | } |
| + | |
| + | /// Expands the items of a Menu, so each item is the same width. |
| + | /// @param {Keyword|Number} $count [auto] - Number of items in the Menu. You can hardcode a number, or use `auto` to generate CSS that will adapt to the number of items inside the menu. |
| + | @mixin menu-expand($count: auto) { |
| + | display: table; |
| + | width: 100%; |
| + | |
| + | > li { |
| + | @if $count == auto { |
| + | @include auto-width($menu-expand-max); |
| + | } |
| + | @else if type-of($count) == 'number' { |
| + | width: percentage(1 / $count); |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Sets the direction of a Menu. |
| + | /// @param {Keyword} $dir [horizontal] - Direction of the Menu. Can be `horizontal` or `vertical`. |
| + | @mixin menu-direction($dir: horizontal) { |
| + | @if $dir == horizontal { |
| + | > li { |
| + | display: table-cell; |
| + | } |
| + | } |
| + | @else if $dir == vertical { |
| + | > li { |
| + | display: block; |
| + | } |
| + | } |
| + | @else { |
| + | @warn 'The direction used for menu-direction() must be horizontal or vertical.'; |
| + | } |
| + | } |
| + | |
| + | /// Creates a simple Menu, which has no padding or hover state. |
| + | @mixin menu-simple { |
| + | a { |
| + | padding: 0; |
| + | margin-#{$global-right}: get-side($menu-item-padding, $global-right); |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for a nested Menu, by adding `margin-left` to the menu. |
| + | /// @param {Keyword|Number} $padding [auto] - Length of the margin. |
| + | @mixin menu-nested($margin: $menu-margin-nested) { |
| + | margin-#{$global-left}: $margin; |
| + | } |
| + | |
| + | /// Adds support for icons to Menu items. |
| + | /// @param {Keyword} $position [side] - Positioning for icons. Can be `side` (left, or right on RTL) or `top`. |
| + | /// @param {Boolean} $base [true] - Set to `false` to prevent the shared CSS between side- and top-aligned icons from being printed. Set this to `false` if you're calling the mixin multiple times on the same element. |
| + | @mixin menu-icons($position: side, $base: true) { |
| + | @if $base { |
| + | > li > a { |
| + | > img, |
| + | > i { |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | > span { |
| + | vertical-align: middle; |
| + | } |
| + | } |
| + | } |
| + | |
| + | @if $position == side { |
| + | > li > a { |
| + | > img, |
| + | > i { |
| + | display: inline-block; |
| + | margin-#{$global-right}: $menu-icon-spacing; |
| + | } |
| + | } |
| + | } |
| + | @else if $position == top { |
| + | > li > a { |
| + | text-align: center; |
| + | |
| + | > img, |
| + | > i { |
| + | display: block; |
| + | margin: 0 auto $menu-icon-spacing; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin menu-text { |
| + | font-weight: bold; |
| + | color: inherit; |
| + | line-height: 1; |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | padding: $menu-item-padding; |
| + | } |
| + | |
| + | @mixin foundation-menu { |
| + | .menu { |
| + | @include menu-base; |
| + | @include menu-icons; |
| + | |
| + | // Orientation |
| + | @include menu-direction(horizontal); |
| + | |
| + | &.vertical { |
| + | @include menu-direction(vertical); |
| + | } |
| + | |
| + | @each $size in $breakpoint-classes { |
| + | @if $size != small { |
| + | @include breakpoint($size) { |
| + | &.#{$size}-horizontal { |
| + | @include menu-direction(horizontal); |
| + | } |
| + | |
| + | &.#{$size}-vertical { |
| + | @include menu-direction(vertical); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Simple |
| + | &.simple { |
| + | @include menu-simple; |
| + | } |
| + | |
| + | // Align right |
| + | &.align-#{$global-right} { |
| + | > li { |
| + | float: $global-right; |
| + | } |
| + | } |
| + | |
| + | // Even-width |
| + | &.expanded { |
| + | @include menu-expand; |
| + | |
| + | > li:first-child:last-child { |
| + | width: 100%; |
| + | } |
| + | } |
| + | |
| + | // Vertical icons |
| + | &.icon-top { |
| + | @include menu-icons(top, $base: false); |
| + | } |
| + | |
| + | // Nesting |
| + | &.nested { |
| + | @include menu-nested; |
| + | } |
| + | } |
| + | |
| + | .menu-text { |
| + | @include menu-text; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_off-canvas.scss
+170
-0
| @@ | @@ -0,0 +1,170 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group off-canvas |
| + | //// |
| + | |
| + | /// Width of an off-canvas menu. |
| + | /// @type Number |
| + | $offcanvas-size: 250px; |
| + | |
| + | /// Background color of an off-canvas menu. |
| + | /// @type Color |
| + | $offcanvas-background: $light-gray; |
| + | |
| + | /// Z-index of an off-canvas menu. |
| + | /// @type Number |
| + | $offcanvas-zindex: -1; |
| + | |
| + | /// Length of the animation on an off-canvas menu. |
| + | /// @type Number |
| + | $offcanvas-transition-length: 0.5s; |
| + | |
| + | /// Timing function of the animation on an off-canvas menu. |
| + | /// @type Keyword |
| + | $offcanvas-transition-timing: ease; |
| + | |
| + | /// Background color for the overlay that appears when an off-canvas menu is open. |
| + | /// @type Color |
| + | $offcanvas-exit-background: rgba($white, 0.25); |
| + | |
| + | /// CSS class used for the main content area. The off-canvas mixins use this to target the page body. |
| + | $maincontent-class: 'off-canvas-content'; |
| + | |
| + | /// Box shadow to place under the main content area. This shadow overlaps the off-canvas menus. |
| + | /// @type Shadow |
| + | $maincontent-shadow: 0 0 10px rgba($black, 0.5); |
| + | |
| + | /// Adds baseline styles for off-canvas. This CSS is required to make the other pieces work. |
| + | @mixin off-canvas-basics { |
| + | // Extra properties needed on <html> and <body> to make off-canvas work |
| + | html, |
| + | body { |
| + | height: 100%; |
| + | } |
| + | |
| + | .off-canvas-wrapper { |
| + | width: 100%; |
| + | overflow-x: hidden; |
| + | position: relative; |
| + | backface-visibility: hidden; |
| + | -webkit-overflow-scrolling: touch; |
| + | } |
| + | |
| + | .off-canvas-wrapper-inner { |
| + | @include clearfix; |
| + | position: relative; |
| + | width: 100%; |
| + | transition: transform $offcanvas-transition-length $offcanvas-transition-timing; |
| + | } |
| + | |
| + | // Container for page content |
| + | .off-canvas-content { |
| + | min-height: 100%; |
| + | background: $body-background; |
| + | transition: transform $offcanvas-transition-length $offcanvas-transition-timing; |
| + | backface-visibility: hidden; |
| + | z-index: 1; |
| + | |
| + | @if hasvalue($maincontent-shadow) { |
| + | box-shadow: $maincontent-shadow; |
| + | } |
| + | } |
| + | |
| + | // Click-to-exit overlay (generated by JavaScript) |
| + | .js-off-canvas-exit { |
| + | display: none; |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | background: $offcanvas-exit-background; |
| + | cursor: pointer; |
| + | transition: background $offcanvas-transition-length $offcanvas-transition-timing; |
| + | |
| + | .is-off-canvas-open & { |
| + | display: block; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds basic styles for an off-canvas menu. |
| + | @mixin off-canvas-base { |
| + | @include disable-mouse-outline; |
| + | position: absolute; |
| + | background: $offcanvas-background; |
| + | z-index: $offcanvas-zindex; |
| + | max-height: 100%; |
| + | overflow-y: auto; |
| + | transform: translateX(0px); |
| + | } |
| + | |
| + | @mixin off-canvas-position( |
| + | $position: left, |
| + | $size: $offcanvas-size, |
| + | $fixed: false |
| + | ) { |
| + | @if $position == left { |
| + | left: -$size; |
| + | top: 0; |
| + | width: $size; |
| + | } |
| + | @else if $position == right { |
| + | right: -$size; |
| + | top: 0; |
| + | width: $size; |
| + | } |
| + | |
| + | // Generates an open state class that matches the width of the menu |
| + | @at-root { |
| + | .is-open-#{$position} { |
| + | @if $position == left { |
| + | transform: translateX($size); |
| + | } |
| + | @else if $position == right { |
| + | transform: translateX(-$size); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds styles that reveal an off-canvas menu. |
| + | /// @param {Keyword} $position [left] - Position of the off-canvas menu being revealed. |
| + | @mixin off-canvas-reveal( |
| + | $position: left |
| + | ) { |
| + | #{$position}: 0; |
| + | |
| + | & ~ .#{$maincontent-class} { |
| + | margin-#{$position}: $offcanvas-size; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-off-canvas { |
| + | @include off-canvas-basics; |
| + | |
| + | // Off-canvas container |
| + | .off-canvas { |
| + | @include off-canvas-base; |
| + | |
| + | &.position-left { @include off-canvas-position(left); } |
| + | &.position-right { @include off-canvas-position(right); } |
| + | } |
| + | |
| + | // Reveal off-canvas menu on larger screens |
| + | @each $name, $value in $breakpoint-classes { |
| + | @if $name != small { |
| + | @include breakpoint($name) { |
| + | .position-left.reveal-for-#{$name} { |
| + | @include off-canvas-reveal(left); |
| + | } |
| + | .position-right.reveal-for-#{$name} { |
| + | @include off-canvas-reveal(right); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_orbit.scss
+186
-0
| @@ | @@ -0,0 +1,186 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group orbit |
| + | //// |
| + | |
| + | /// Default color for Orbit's bullets. |
| + | /// @type Color |
| + | $orbit-bullet-background: $medium-gray !default; |
| + | |
| + | /// Default active color for Orbit's bullets. |
| + | /// @type Color |
| + | $orbit-bullet-background-active: $dark-gray !default; |
| + | |
| + | /// Default diameter for Orbit's bullets. |
| + | /// @type Number |
| + | $orbit-bullet-diameter: 1.2rem !default; |
| + | |
| + | /// Default margin between Orbit's bullets. |
| + | /// @type Number |
| + | $orbit-bullet-margin: 0.1rem !default; |
| + | |
| + | /// Default distance from slide region for Orbit's bullets. |
| + | /// @type Number |
| + | $orbit-bullet-margin-top: 0.8rem !default; |
| + | |
| + | /// Default bottom margin from Orbit's bullets to whatever content may lurk below it. |
| + | /// @type Number |
| + | $orbit-bullet-margin-bottom: 0.8rem !default; |
| + | |
| + | /// Default background color for Orbit's caption. |
| + | /// @type Color |
| + | $orbit-caption-background: rgba($black, 0.5) !default; |
| + | |
| + | /// Default padding for Orbit's caption. |
| + | /// @type Number |
| + | $orbit-caption-padding: 1rem !default; |
| + | |
| + | /// Default background color for Orbit's controls when hovered. |
| + | /// @type Color |
| + | $orbit-control-background-hover: rgba($black, 0.5) !default; |
| + | |
| + | /// Default padding for Orbit's controls. |
| + | /// @type Number |
| + | $orbit-control-padding: 1rem !default; |
| + | |
| + | /// Default z-index for Orbit's controls. |
| + | /// @type Number |
| + | $orbit-control-zindex: 10 !default; |
| + | |
| + | /// Adds styles for the outer Orbit wrapper. These styles are used on the `.orbit` class. |
| + | @mixin orbit-wrapper { |
| + | position: relative; |
| + | } |
| + | |
| + | /// Adds styles for the inner Orbit slide container. These styles are used on the `.orbit-container` class. |
| + | @mixin orbit-container { |
| + | position: relative; |
| + | margin: 0; |
| + | overflow: hidden; |
| + | list-style: none; |
| + | } |
| + | |
| + | /// Adds styles for the individual slides of an Orbit slider. These styles are used on the `.orbit-slide` class. |
| + | @mixin orbit-slide { |
| + | width: 100%; |
| + | max-height: 100%; |
| + | } |
| + | |
| + | @mixin orbit-figure { |
| + | margin: 0; |
| + | } |
| + | |
| + | @mixin orbit-image { |
| + | margin: 0; |
| + | width: 100%; |
| + | max-width: 100%; |
| + | } |
| + | |
| + | /// Adds styles for an orbit slide caption. These styles are used on the `.orbit-caption` class. |
| + | @mixin orbit-caption { |
| + | position: absolute; |
| + | bottom: 0; |
| + | width: 100%; |
| + | padding: $orbit-caption-padding; |
| + | margin-bottom: 0; |
| + | color: foreground($orbit-caption-background); |
| + | background-color: $orbit-caption-background; |
| + | } |
| + | |
| + | /// Adds base styles for the next/previous buttons in an Orbit slider. These styles are shared between the `.orbit-next` and `.orbit-previous` classes in the default CSS. |
| + | @mixin orbit-control { |
| + | @include disable-mouse-outline; |
| + | @include v-align-middle; |
| + | z-index: $orbit-control-zindex; |
| + | padding: $orbit-control-padding; |
| + | color: $white; |
| + | |
| + | &:hover, |
| + | &:active, |
| + | &:focus { |
| + | background-color: $orbit-control-background-hover; |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-previous` class. |
| + | @mixin orbit-previous { |
| + | #{$global-left}: 0; |
| + | } |
| + | |
| + | /// Adds styles for the Orbit next button. These styles are used on the `.orbit-next` class. |
| + | @mixin orbit-next { |
| + | #{$global-left}: auto; |
| + | #{$global-right}: 0; |
| + | } |
| + | |
| + | /// Adds styles for a container of Orbit bullets. /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-bullets` class. |
| + | @mixin orbit-bullets { |
| + | @include disable-mouse-outline; |
| + | position: relative; |
| + | margin-top: $orbit-bullet-margin-top; |
| + | margin-bottom: $orbit-bullet-margin-bottom; |
| + | text-align: center; |
| + | |
| + | button { |
| + | width: $orbit-bullet-diameter; |
| + | height: $orbit-bullet-diameter; |
| + | margin: $orbit-bullet-margin; |
| + | background-color: $orbit-bullet-background; |
| + | border-radius: 50%; |
| + | |
| + | &:hover { |
| + | background-color: $orbit-bullet-background-active; |
| + | } |
| + | |
| + | &.is-active { |
| + | background-color: $orbit-bullet-background-active; |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-orbit { |
| + | .orbit { |
| + | @include orbit-wrapper; |
| + | } |
| + | |
| + | .orbit-container { |
| + | @include orbit-container; |
| + | } |
| + | |
| + | .orbit-slide { |
| + | @include orbit-slide; |
| + | } |
| + | |
| + | .orbit-figure { |
| + | @include orbit-figure; |
| + | } |
| + | |
| + | .orbit-image { |
| + | @include orbit-image; |
| + | } |
| + | |
| + | .orbit-caption { |
| + | @include orbit-caption; |
| + | } |
| + | |
| + | %orbit-control { |
| + | @include orbit-control; |
| + | } |
| + | |
| + | .orbit-previous { |
| + | @extend %orbit-control; |
| + | @include orbit-previous; |
| + | } |
| + | |
| + | .orbit-next { |
| + | @extend %orbit-control; |
| + | @include orbit-next; |
| + | } |
| + | |
| + | .orbit-bullets { |
| + | @include orbit-bullets; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_pagination.scss
+161
-0
| @@ | @@ -0,0 +1,161 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group pagination |
| + | //// |
| + | |
| + | /// Font size of pagination items. |
| + | /// @type Number |
| + | $pagination-font-size: rem-calc(14) !default; |
| + | |
| + | /// Default bottom margin of the media object. |
| + | /// @type Number |
| + | $pagination-margin-bottom: $global-margin !default; |
| + | |
| + | /// Text color of pagination items. |
| + | /// @type Color |
| + | $pagination-item-color: $black !default; |
| + | |
| + | /// Padding inside of pagination items. |
| + | /// @type Number |
| + | $pagination-item-padding: rem-calc(3 10) !default; |
| + | |
| + | /// Right margin to separate pagination items. |
| + | /// @type Number |
| + | $pagination-item-spacing: rem-calc(1) !default; |
| + | |
| + | /// Default radius for pagination items. |
| + | /// @type Number |
| + | $pagination-radius: $global-radius !default; |
| + | |
| + | /// Background color of pagination items on hover. |
| + | /// @type Color |
| + | $pagination-item-background-hover: $light-gray !default; |
| + | |
| + | /// Background color of pagination item for the current page. |
| + | /// @type Color |
| + | $pagination-item-background-current: $primary-color !default; |
| + | |
| + | /// Text color of the pagination item for the current page. |
| + | /// @type Color |
| + | $pagination-item-color-current: foreground($pagination-item-background-current) !default; |
| + | |
| + | /// Text color of a disabled pagination item. |
| + | /// @type Color |
| + | $pagination-item-color-disabled: $medium-gray !default; |
| + | |
| + | /// Color of the ellipsis in a pagination menu. |
| + | /// @type Color |
| + | $pagination-ellipsis-color: $black !default; |
| + | |
| + | /// If `false`, don't display page number links on mobile, only next/previous links. |
| + | /// @type Boolean |
| + | $pagination-mobile-items: false !default; |
| + | |
| + | /// If `true`, arrows are added to the next and previous links of pagination. |
| + | /// @type Boolean |
| + | $pagination-arrows: true !default; |
| + | |
| + | /// Adds styles for a pagination container. Apply this to a `<ul>`. |
| + | @mixin pagination-container { |
| + | @include clearfix; |
| + | margin-#{$global-left}: 0; |
| + | margin-bottom: $pagination-margin-bottom; |
| + | |
| + | // List item |
| + | li { |
| + | font-size: $pagination-font-size; |
| + | margin-#{$global-right}: $pagination-item-spacing; |
| + | display: none; |
| + | border-radius: $pagination-radius; |
| + | |
| + | @if not $pagination-mobile-items { |
| + | &:last-child, |
| + | &:first-child { |
| + | display: inline-block; |
| + | } |
| + | |
| + | @include breakpoint(medium) { |
| + | display: inline-block; |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Page links |
| + | a, |
| + | button { |
| + | color: $pagination-item-color; |
| + | display: block; |
| + | padding: $pagination-item-padding; |
| + | border-radius: $global-radius; |
| + | |
| + | &:hover { |
| + | background: $pagination-item-background-hover; |
| + | } |
| + | } |
| + | |
| + | // Symbols |
| + | @if $pagination-arrows { |
| + | [aria-label="previous"] { |
| + | &::before { |
| + | content: '«'; |
| + | display: inline-block; |
| + | margin-#{$global-right}: 0.75rem; |
| + | } |
| + | } |
| + | |
| + | [aria-label="next"] { |
| + | &::after { |
| + | content: '»'; |
| + | display: inline-block; |
| + | margin-#{$global-left}: 0.75rem; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for the current pagination item. Apply this to an `<a>`. |
| + | @mixin pagination-item-current { |
| + | padding: $pagination-item-padding; |
| + | background: $pagination-item-background-current; |
| + | color: $pagination-item-color-current; |
| + | cursor: default; |
| + | } |
| + | |
| + | /// Adds styles for a disabled pagination item. Apply this to an `<a>`. |
| + | @mixin pagination-item-disabled { |
| + | padding: $pagination-item-padding; |
| + | color: $pagination-item-color-disabled; |
| + | cursor: default; |
| + | |
| + | &:hover { |
| + | background: transparent; |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for an ellipsis for use in a pagination list. |
| + | @mixin pagination-ellipsis { |
| + | content: '…'; |
| + | padding: $pagination-item-padding; |
| + | color: $pagination-ellipsis-color; |
| + | } |
| + | |
| + | @mixin foundation-pagination { |
| + | .pagination { |
| + | @include pagination-container; |
| + | |
| + | .current { |
| + | @include pagination-item-current; |
| + | } |
| + | |
| + | .disabled { |
| + | @include pagination-item-disabled; |
| + | } |
| + | |
| + | .ellipsis::after { |
| + | @include pagination-ellipsis; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_progress-bar.scss
+83
-0
| @@ | @@ -0,0 +1,83 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group progress-bar |
| + | //// |
| + | |
| + | /// Height of a progress bar. |
| + | /// @type Number |
| + | $progress-height: 1rem !default; |
| + | |
| + | /// Background color of a progress bar. |
| + | /// @type Color |
| + | $progress-background: $medium-gray !default; |
| + | |
| + | /// Bottom margin of a progress bar. |
| + | /// @type Number |
| + | $progress-margin-bottom: $global-margin !default; |
| + | |
| + | /// Default color of a progress bar's meter. |
| + | /// @type Color |
| + | $progress-meter-background: $primary-color !default; |
| + | |
| + | /// Default radius of a progress bar. |
| + | /// @type Number |
| + | $progress-radius: $global-radius !default; |
| + | |
| + | /// Adds styles for a progress bar container. |
| + | @mixin progress-container { |
| + | background-color: $progress-background; |
| + | height: $progress-height; |
| + | margin-bottom: $progress-margin-bottom; |
| + | border-radius: $progress-radius; |
| + | } |
| + | |
| + | /// Adds styles for the inner meter of a progress bar. |
| + | @mixin progress-meter { |
| + | position: relative; |
| + | display: block; |
| + | width: 0%; |
| + | height: 100%; |
| + | background-color: $progress-meter-background; |
| + | border-radius: $global-radius; |
| + | } |
| + | |
| + | /// Adds styles for text in the progress meter. |
| + | @mixin progress-meter-text { |
| + | position: absolute; |
| + | top: 50%; |
| + | #{$global-left}: 50%; |
| + | transform: translate(-50%, -50%); |
| + | margin: 0; |
| + | font-size: 0.75rem; |
| + | font-weight: bold; |
| + | color: $white; |
| + | white-space: nowrap; |
| + | } |
| + | |
| + | @mixin foundation-progress-bar { |
| + | // Progress bar |
| + | .progress { |
| + | @include progress-container; |
| + | |
| + | @each $name, $color in $foundation-colors { |
| + | &.#{$name} { |
| + | .progress-meter { |
| + | background-color: $color; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Progress bar meter |
| + | .progress-meter { |
| + | @include progress-meter; |
| + | |
| + | // Progress bar meter text |
| + | .progress-meter-text { |
| + | @include progress-meter-text; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_reveal.scss
+155
-0
| @@ | @@ -0,0 +1,155 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group reveal |
| + | //// |
| + | |
| + | /// Default background color of a modal. |
| + | /// @type Color |
| + | $reveal-background: $white !default; |
| + | |
| + | /// Default width of a modal, with no class applied. |
| + | /// @type Number |
| + | $reveal-width: 600px !default; |
| + | |
| + | /// Default maximum width of a modal. |
| + | /// @type Number |
| + | $reveal-max-width: $global-width !default; |
| + | |
| + | /// Offset from the top of the window when a modal is added. |
| + | /// @type Number |
| + | $reveal-offset: rem-calc(100) !default; |
| + | |
| + | /// Default padding inside a modal. |
| + | /// @type Number |
| + | $reveal-padding: $global-padding !default; |
| + | |
| + | /// Default border around a modal. |
| + | /// @type Number |
| + | $reveal-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Default radius for modal. |
| + | /// @type Number |
| + | $reveal-radius: $global-radius !default; |
| + | |
| + | /// z-index for modals. The overlay uses this value, while the modal itself uses this value plus one. |
| + | /// @type Number |
| + | $reveal-zindex: 1005; |
| + | |
| + | /// Background color of modal overlays. |
| + | /// @type Color |
| + | $reveal-overlay-background: rgba($black, 0.45) !default; |
| + | |
| + | /// Adds styles for a modal overlay. |
| + | /// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay. |
| + | @mixin reveal-overlay { |
| + | display: none; |
| + | position: fixed; |
| + | top: 0; |
| + | bottom: 0; |
| + | left: 0; |
| + | right: 0; |
| + | z-index: $reveal-zindex; |
| + | background-color: $reveal-overlay-background; |
| + | overflow-y: scroll; |
| + | } |
| + | |
| + | /// Adds base styles for a modal. |
| + | @mixin reveal-modal-base { |
| + | @include disable-mouse-outline; |
| + | display: none; |
| + | z-index: $reveal-zindex + 1; |
| + | padding: $reveal-padding; |
| + | border: $reveal-border; |
| + | // margin: 100px auto 0 100px; |
| + | margin: 100px auto 0 auto; |
| + | background-color: $reveal-background; |
| + | border-radius: $reveal-radius; |
| + | |
| + | @include breakpoint(medium) { |
| + | min-height: 0; |
| + | } |
| + | |
| + | // Make sure rows don't have a min-width on them |
| + | .column, |
| + | .columns { |
| + | min-width: 0; |
| + | } |
| + | |
| + | // Strip margins from the last item in the modal |
| + | > :last-child { |
| + | margin-bottom: 0; |
| + | } |
| + | } |
| + | |
| + | /// Adjusts the width of a modal. |
| + | /// @param {Number} $width - Width of the modal. Generally a percentage. |
| + | /// @param {Number} $max-width [$reveal-max-width] - Maximum width of the modal. |
| + | @mixin reveal-modal-width( |
| + | $width: $reveal-width, |
| + | $max-width: $reveal-max-width |
| + | ) { |
| + | @include breakpoint(medium) { |
| + | @extend %reveal-centered; |
| + | width: $width; |
| + | max-width: $reveal-max-width; |
| + | } |
| + | } |
| + | |
| + | /// Creates a full-screen modal, which stretches the full width and height of the window. |
| + | @mixin reveal-modal-fullscreen { |
| + | // scss-lint:disable DuplicateProperty |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | height: 100vh; |
| + | min-height: 100vh; |
| + | max-width: none; |
| + | margin-left: 0; |
| + | } |
| + | |
| + | @mixin foundation-reveal { |
| + | // Overlay |
| + | .reveal-overlay { |
| + | @include reveal-overlay; |
| + | } |
| + | |
| + | // Modal container |
| + | .reveal { |
| + | @include reveal-modal-base; |
| + | @include reveal-modal-width($reveal-width); |
| + | position: absolute; |
| + | overflow-y: auto; |
| + | // Remove padding |
| + | &.collapse { |
| + | padding: 0; |
| + | } |
| + | |
| + | // Placeholder selector for medium-and-up modals |
| + | // Prevents duplicate CSS when defining multiple Reveal sizes |
| + | @include breakpoint(medium) { |
| + | %reveal-centered { |
| + | left: auto; |
| + | right: auto; |
| + | margin: 0 auto; |
| + | } |
| + | } |
| + | |
| + | // Sizing classes |
| + | &.tiny { @include reveal-modal-width(30%); } |
| + | &.small { @include reveal-modal-width(50%); } |
| + | &.large { @include reveal-modal-width(90%); } |
| + | |
| + | // Full-screen mode |
| + | &.full { |
| + | @include reveal-modal-fullscreen; |
| + | } |
| + | } |
| + | } |
| + | |
| + | body.is-reveal-open { |
| + | overflow: hidden; |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_slider.scss
+158
-0
| @@ | @@ -0,0 +1,158 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | // [TODO] Check how plugin confirms disabled or vertical status |
| + | // [TODO] Check if transition: all; is necessary |
| + | |
| + | //// |
| + | /// @group slider |
| + | //// |
| + | |
| + | /// Default height of the slider. |
| + | /// @type Number |
| + | $slider-height: 0.5rem !default; |
| + | |
| + | /// Default slider width of a vertical slider. |
| + | /// @type Number |
| + | $slider-width-vertical: $slider-height !default; |
| + | |
| + | /// Default background color of the slider's track. |
| + | /// @type Color |
| + | $slider-background: $light-gray !default; |
| + | |
| + | /// Default color of the active fill color of the slider. |
| + | /// @type Color |
| + | $slider-fill-background: $medium-gray !default; |
| + | |
| + | /// Default height of the handle of the slider. |
| + | /// @type Number |
| + | $slider-handle-height: 1.4rem !default; |
| + | |
| + | /// Default width of the handle of the slider. |
| + | /// @type Number |
| + | $slider-handle-width: 1.4rem !default; |
| + | |
| + | /// Default color of the handle for the slider. |
| + | /// @type Color |
| + | $slider-handle-background: $primary-color !default; |
| + | |
| + | /// Default fade amount of a disabled slider. |
| + | /// @type Number |
| + | $slider-opacity-disabled: 0.25 !default; |
| + | |
| + | /// Default radius for slider. |
| + | /// @type Number |
| + | $slider-radius: $global-radius !default; |
| + | |
| + | /// Transition properties to apply to the slider handle and fill. |
| + | /// @type Transition |
| + | $slider-transition: all 0.2s ease-in-out !default; |
| + | |
| + | /// Adds the general styles for sliders. |
| + | @mixin slider-container { |
| + | position: relative; |
| + | height: $slider-height; |
| + | margin-top: 1.25rem; |
| + | margin-bottom: 2.25rem; |
| + | background-color: $slider-background; |
| + | cursor: pointer; |
| + | user-select: none; |
| + | touch-action: none; |
| + | } |
| + | |
| + | /// Adds the general styles for active fill for sliders. |
| + | @mixin slider-fill { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | display: inline-block; |
| + | max-width: 100%; |
| + | height: $slider-height; |
| + | background-color: $slider-fill-background; |
| + | transition: $slider-transition; |
| + | |
| + | &.is-dragging { |
| + | transition: all 0s linear; |
| + | } |
| + | } |
| + | |
| + | /// Adds the general styles for the slider handles. |
| + | @mixin slider-handle { |
| + | @include disable-mouse-outline; |
| + | @include v-align-middle; |
| + | position: absolute; |
| + | left: 0; |
| + | z-index: 1; |
| + | display: inline-block; |
| + | width: $slider-handle-width; |
| + | height: $slider-handle-height; |
| + | background-color: $slider-handle-background; |
| + | transition: $slider-transition; |
| + | touch-action: manipulation; |
| + | border-radius: $slider-radius; |
| + | |
| + | &:hover { |
| + | background-color: scale-color($slider-handle-background, $lightness: -15%); |
| + | } |
| + | |
| + | &.is-dragging { |
| + | transition: all 0s linear; |
| + | } |
| + | } |
| + | |
| + | @mixin slider-disabled { |
| + | opacity: $slider-opacity-disabled; |
| + | cursor: not-allowed; |
| + | } |
| + | |
| + | @mixin slider-vertical { |
| + | display: inline-block; |
| + | width: $slider-width-vertical; |
| + | height: 12.5rem; |
| + | margin: 0 1.25rem; |
| + | transform: scale(1, -1); |
| + | |
| + | .slider-fill { |
| + | top: 0; |
| + | width: $slider-width-vertical; |
| + | max-height: 100%; |
| + | } |
| + | |
| + | .slider-handle { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 50%; |
| + | width: $slider-handle-height; |
| + | height: $slider-handle-width; |
| + | transform: translateX(-50%); |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-slider { |
| + | // Container |
| + | .slider { |
| + | @include slider-container; |
| + | } |
| + | |
| + | // Fill area |
| + | .slider-fill { |
| + | @include slider-fill; |
| + | } |
| + | |
| + | // Draggable handle |
| + | .slider-handle { |
| + | @include slider-handle; |
| + | } |
| + | |
| + | // Disabled state |
| + | .slider.disabled, |
| + | .slider[disabled] { |
| + | @include slider-disabled; |
| + | } |
| + | |
| + | // Vertical slider |
| + | .slider.vertical { |
| + | @include slider-vertical; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_sticky.scss
+38
-0
| @@ | @@ -0,0 +1,38 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | @mixin foundation-sticky { |
| + | .sticky-container { |
| + | position: relative; |
| + | } |
| + | |
| + | .sticky { |
| + | position: absolute; |
| + | z-index: 0; |
| + | transform: translate3d(0,0,0); |
| + | } |
| + | |
| + | .sticky.is-stuck { |
| + | position: fixed; |
| + | z-index: 5; |
| + | |
| + | &.is-at-top { |
| + | top: 0; |
| + | } |
| + | |
| + | &.is-at-bottom { |
| + | bottom: 0; |
| + | } |
| + | } |
| + | |
| + | .sticky.is-anchored { |
| + | position: absolute; |
| + | left: auto; |
| + | right: auto; |
| + | |
| + | &.is-at-bottom { |
| + | bottom: 0; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_switch.scss
+231
-0
| @@ | @@ -0,0 +1,231 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group switch |
| + | //// |
| + | |
| + | /// Background color of a switch. |
| + | /// @type Color |
| + | $switch-background: $medium-gray !default; |
| + | |
| + | /// Background active color of a switch. |
| + | /// @type Color |
| + | $switch-background-active: $primary-color !default; |
| + | |
| + | /// Height of a switch, with no class applied. |
| + | /// @type Number |
| + | $switch-height: 2rem !default; |
| + | |
| + | /// Height of a switch with .tiny class. |
| + | /// @type Number |
| + | $switch-height-tiny: 1.5rem !default; |
| + | |
| + | /// Height of a switch with .small class. |
| + | /// @type Number |
| + | $switch-height-small: 1.75rem !default; |
| + | |
| + | /// Height of a switch with .large class. |
| + | /// @type Number |
| + | $switch-height-large: 2.5rem !default; |
| + | |
| + | /// Border radius of the switch |
| + | /// @type Number |
| + | $switch-radius: $global-radius; |
| + | |
| + | /// border around a modal. |
| + | /// @type Number |
| + | $switch-margin: $global-margin !default; |
| + | |
| + | /// Background color for the switch container and paddle. |
| + | /// @type Color |
| + | $switch-paddle-background: $white !default; |
| + | |
| + | /// Spacing between a switch paddle and the edge of the body. |
| + | /// @type Number |
| + | $switch-paddle-offset: 0.25rem !default; |
| + | |
| + | /// border radius of the switch paddle |
| + | /// @type Number |
| + | $switch-paddle-radius: $global-radius !default; |
| + | |
| + | /// switch transition. |
| + | /// @type Number |
| + | $switch-paddle-transition: all 0.25s ease-out !default; |
| + | |
| + | // make them variables |
| + | // ask about accessibility on label |
| + | // change class name for text |
| + | |
| + | /// Adds styles for a switch container. Apply this to a container class. |
| + | @mixin switch-container { |
| + | margin-bottom: $switch-margin; |
| + | outline: 0; |
| + | position: relative; |
| + | user-select: none; |
| + | |
| + | // These properties cascade down to the switch text |
| + | color: $white; |
| + | font-weight: bold; |
| + | font-size: rem-calc(14); |
| + | } |
| + | |
| + | /// Adds styles for a switch input. Apply this to an `<input>` within a switch. |
| + | @mixin switch-input { |
| + | opacity: 0; |
| + | position: absolute; |
| + | } |
| + | |
| + | /// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch. |
| + | @mixin switch-paddle { |
| + | background: $switch-background; |
| + | cursor: pointer; |
| + | display: block; |
| + | position: relative; |
| + | width: 4rem; |
| + | height: $switch-height; |
| + | transition: $switch-paddle-transition; |
| + | border-radius: $switch-radius; |
| + | |
| + | // Resetting these <label> presets so type styles cascade down |
| + | color: inherit; |
| + | font-weight: inherit; |
| + | |
| + | // Needed to override specificity |
| + | input + & { |
| + | margin: 0; |
| + | } |
| + | |
| + | // The paddle itself |
| + | &::after { |
| + | background: $switch-paddle-background; |
| + | content: ''; |
| + | display: block; |
| + | position: absolute; |
| + | height: 1.5rem; |
| + | #{$global-left}: 0.25rem; |
| + | top: 0.25rem; |
| + | width: 1.5rem; |
| + | transition: $switch-paddle-transition; |
| + | transform: translate3d(0, 0, 0); |
| + | } |
| + | |
| + | // Change the visual style when the switch is active |
| + | input:checked ~ & { |
| + | background: $switch-background-active; |
| + | |
| + | &::after { |
| + | #{$global-left}: 2.25rem; |
| + | } |
| + | } |
| + | |
| + | input:focus ~ & { |
| + | @include disable-mouse-outline; |
| + | } |
| + | } |
| + | |
| + | /// Adds base styles for active/inactive text inside a switch. Apply this to text elements inside the switch `<label>`. |
| + | @mixin switch-text { |
| + | position: absolute; |
| + | top: 50%; |
| + | transform: translateY(-50%); |
| + | } |
| + | |
| + | /// Adds styles for the active state text within a switch. |
| + | @mixin switch-text-active { |
| + | #{$global-left}: 8%; |
| + | display: none; |
| + | |
| + | input:checked + label > & { |
| + | display: block; |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for the inactive state text within a switch. |
| + | @mixin switch-text-inactive { |
| + | #{$global-right}: 15%; |
| + | |
| + | input:checked + label > & { |
| + | display: none; |
| + | } |
| + | } |
| + | |
| + | /// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container. |
| + | /// @param {Number} $font-size [1rem] - Font size of label text within the switch. |
| + | /// @param {Number} $width [4rem] - Width of the switch body. |
| + | /// @param {Number} $height [2rem] - Height of the switch body. |
| + | /// @param {Number} $paddle-width [1.5rem] - Width of the switch paddle. |
| + | /// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body. |
| + | @mixin switch-size( |
| + | $font-size: 1rem, |
| + | $width: 4rem, |
| + | $height: 2rem, |
| + | $paddle-width: 1.5rem, |
| + | $paddle-offset: 0.25rem |
| + | ) { |
| + | $paddle-height: $height - ($paddle-offset * 2); |
| + | $paddle-left-active: $width - $paddle-width - $paddle-offset; |
| + | |
| + | .switch-paddle { |
| + | width: $width; |
| + | height: $height; |
| + | font-size: $font-size; |
| + | } |
| + | |
| + | .switch-paddle::after { |
| + | width: $paddle-width; |
| + | height: $paddle-height; |
| + | } |
| + | |
| + | input:checked ~ .switch-paddle:after { |
| + | #{$global-left}: $paddle-left-active; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-switch { |
| + | // Container class |
| + | .switch { |
| + | @include switch-container; |
| + | } |
| + | |
| + | // <input> element |
| + | .switch-input { |
| + | @include switch-input; |
| + | } |
| + | |
| + | // <label> element |
| + | .switch-paddle { |
| + | @include switch-paddle; |
| + | } |
| + | |
| + | // Base label text styles |
| + | %switch-text { |
| + | @include switch-text; |
| + | } |
| + | |
| + | // Active label text styles |
| + | .switch-active { |
| + | @extend %switch-text; |
| + | @include switch-text-active; |
| + | } |
| + | |
| + | // Inactive label text styles |
| + | .switch-inactive { |
| + | @extend %switch-text; |
| + | @include switch-text-inactive; |
| + | } |
| + | |
| + | // Switch sizes |
| + | .switch.tiny { |
| + | @include switch-size(rem-calc(10), 3rem, $switch-height-tiny, 1rem, $switch-paddle-offset); |
| + | } |
| + | |
| + | .switch.small { |
| + | @include switch-size(rem-calc(12), 3.5rem, $switch-height-small, 1.25rem, $switch-paddle-offset); |
| + | } |
| + | |
| + | .switch.large { |
| + | @include switch-size(rem-calc(16), 5rem, $switch-height-large, 2rem, $switch-paddle-offset); |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_table.scss
+212
-0
| @@ | @@ -0,0 +1,212 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | // scss-lint:disable MergeableSelector, QualifyingElement |
| + | |
| + | //// |
| + | /// @group table |
| + | //// |
| + | |
| + | /// Defualt color for table background. |
| + | /// @type Color |
| + | $table-background: $white !default; |
| + | |
| + | /// Defualt scale for darkening the striped table rows and the table border. |
| + | /// @type Number |
| + | $table-color-scale: 5% !default; |
| + | |
| + | /// Defualt style for table border. |
| + | /// @type List |
| + | $table-border: 1px solid smart-scale($table-background, $table-color-scale) !default; |
| + | |
| + | /// Defualt padding for table. |
| + | /// @type Number |
| + | $table-padding: rem-calc(8 10 10) !default; |
| + | |
| + | /// Defualt scale for darkening the table rows on hover. |
| + | /// @type Number |
| + | $table-hover-scale: 2% !default; |
| + | |
| + | /// Defualt color of standard rows on hover. |
| + | /// @type List |
| + | $table-row-hover: darken($table-background, $table-hover-scale) !default; |
| + | |
| + | /// Defualt color of striped rows on hover. |
| + | /// @type List |
| + | $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default; |
| + | |
| + | /// Defualt background color for striped rows. |
| + | /// @type Color |
| + | $table-striped-background: smart-scale($table-background, $table-color-scale) !default; |
| + | |
| + | /// Defualt value for showing the stripe on rows of the tables, excluding the header and footer If even, the even rows will have a background color. If odd, the odd rows will have a background color. If empty, or anyother value, the table rows will have no striping. |
| + | /// @type Keyoword |
| + | $table-stripe: even !default; |
| + | |
| + | /// Defualt color for header background. |
| + | /// @type Color |
| + | $table-head-background: smart-scale($table-background, $table-color-scale / 2) !default; |
| + | |
| + | /// Defualt color for footer background. |
| + | /// @type Color |
| + | $table-foot-background: smart-scale($table-background, $table-color-scale) !default; |
| + | |
| + | /// Defualt font color for header. |
| + | /// @type Color |
| + | $table-head-font-color: $body-font-color !default; |
| + | |
| + | /// Defualt value for showing the header when using stacked tables. |
| + | /// @type Boolean |
| + | $show-header-for-stacked: false; |
| + | |
| + | /// Adds the general styles for tables. |
| + | /// @param {Keyword} $stripe [$table-stripe] - Uses kewords even, odd, or none to darken rows of the table. The defualt value is even. |
| + | @mixin table($stripe: $table-stripe) { |
| + | margin-bottom: $global-margin; |
| + | border-radius: $global-radius; |
| + | |
| + | @at-root { |
| + | thead, |
| + | tbody, |
| + | tfoot { |
| + | border: $table-border; |
| + | background-color: $table-background; |
| + | } |
| + | |
| + | // Caption |
| + | caption { |
| + | font-weight: $global-weight-bold; |
| + | padding: $table-padding; |
| + | } |
| + | |
| + | // Table head and foot |
| + | thead, |
| + | tfoot { |
| + | background: $table-head-background; |
| + | color: $table-head-font-color; |
| + | |
| + | // Rows within head and foot |
| + | tr { |
| + | background: transparent; |
| + | } |
| + | |
| + | // Cells within head and foot |
| + | th, |
| + | td { |
| + | padding: $table-padding; |
| + | font-weight: $global-weight-bold; |
| + | text-align: #{$global-left}; |
| + | } |
| + | } |
| + | |
| + | // Table rows |
| + | tbody { |
| + | tr { |
| + | // If stripe is set to even, darken the even rows. |
| + | @if $stripe == even { |
| + | &:nth-child(even) { |
| + | background-color: $table-striped-background; |
| + | } |
| + | } |
| + | |
| + | // If stripe is set to odd, darken the odd rows. |
| + | @else if $stripe == odd { |
| + | &:nth-child(odd) { |
| + | background-color: $table-striped-background; |
| + | } |
| + | } |
| + | } |
| + | |
| + | th, |
| + | td { |
| + | padding: $table-padding; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds the ability to horizontally scroll the table when the content overflows horizontally. |
| + | @mixin table-scroll { |
| + | display: block; |
| + | width: 100%; |
| + | overflow-y: scroll; |
| + | } |
| + | |
| + | /// Slightly darkens the table rows on hover. |
| + | @mixin table-hover { |
| + | tr { |
| + | //Darkens the non-striped table rows on hover. |
| + | &:hover { |
| + | background-color: $table-row-hover; |
| + | } |
| + | |
| + | //Darkens the even striped table rows. |
| + | @if($table-stripe == even) { |
| + | &:nth-of-type(even):hover { |
| + | background-color: $table-row-stripe-hover; |
| + | } |
| + | } |
| + | |
| + | //Darkens the odd striped table rows. |
| + | @elseif($table-stripe == odd) { |
| + | &:nth-of-type(odd):hover { |
| + | background-color: $table-row-stripe-hover; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for a stacked table. Useful for small-screen layouts. |
| + | /// @param {Boolean} $header [$show-header-for-stacked] - Show the first th of header when stacked. |
| + | @mixin table-stack($header: $show-header-for-stacked) { |
| + | @if $header { |
| + | thead { |
| + | th:first-child { |
| + | display: block; |
| + | } |
| + | |
| + | th { |
| + | display: none; |
| + | } |
| + | } |
| + | } @else { |
| + | thead { |
| + | display: none; |
| + | } |
| + | } |
| + | |
| + | tfoot { |
| + | display: none; |
| + | } |
| + | |
| + | tr, |
| + | th, |
| + | td { |
| + | display: block; |
| + | } |
| + | |
| + | td { |
| + | border-top: 0; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-table { |
| + | table { |
| + | @include table; |
| + | } |
| + | |
| + | table.stack { |
| + | @include breakpoint(medium down) { |
| + | @include table-stack; |
| + | } |
| + | } |
| + | |
| + | table.scroll { |
| + | @include table-scroll; |
| + | } |
| + | |
| + | table.hover { |
| + | @include table-hover; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_tabs.scss
+137
-0
| @@ | @@ -0,0 +1,137 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group tabs |
| + | //// |
| + | |
| + | /// Default margin of the tab bar. |
| + | /// @type Number |
| + | $tab-margin: 0 !default; |
| + | |
| + | /// Default background color of a tab bar. |
| + | /// @type Color |
| + | $tab-background: $white !default; |
| + | |
| + | /// active background color of a tab bar. |
| + | /// @type Color |
| + | $tab-background-active: $light-gray !default; |
| + | |
| + | /// Default border color of tab content. |
| + | /// @type Color |
| + | $tab-border: $light-gray !default; |
| + | |
| + | /// Default text color for items in a Menu. |
| + | /// @type Color |
| + | $tab-item-color: foreground($tab-background, $primary-color) !default; |
| + | |
| + | /// Default background color on hover for items in a Menu. |
| + | $tab-item-background-hover: $white !default; |
| + | |
| + | /// Default padding of a a tab item. |
| + | /// @type Number |
| + | $tab-item-padding: 1.25rem 1.5rem !default; |
| + | |
| + | /// Maximum number of `expand-n` classes to include in the CSS. |
| + | /// @type Number |
| + | $tab-expand-max: 6 !default; |
| + | |
| + | /// Default background color of tab content. |
| + | /// @type Color |
| + | $tab-content-background: $white !default; |
| + | |
| + | /// Default border color of tab content. |
| + | /// @type Color |
| + | $tab-content-border: $light-gray !default; |
| + | |
| + | /// Default text color of tab content. |
| + | /// @type Color |
| + | $tab-content-color: foreground($tab-background, $primary-color) !default; |
| + | |
| + | /// Default padding for tab content. |
| + | /// @type Number | List |
| + | $tab-content-padding: 1rem !default; |
| + | |
| + | @mixin foundation-tabs { |
| + | .tabs { |
| + | @include clearfix; |
| + | margin: $tab-margin; |
| + | list-style-type: none; |
| + | background: $tab-background; |
| + | border: 1px solid $tab-content-border; |
| + | |
| + | // Simple |
| + | &.simple { |
| + | > li > a { |
| + | padding: 0; |
| + | |
| + | &:hover { |
| + | background: transparent; |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Vertical |
| + | &.vertical { |
| + | > li { |
| + | width: auto; |
| + | float: none; |
| + | display: block; |
| + | } |
| + | } |
| + | |
| + | // Primary color |
| + | &.primary { |
| + | background: $primary-color; |
| + | |
| + | > li > a { |
| + | color: foreground($primary-color); |
| + | |
| + | &:hover, |
| + | &:focus { |
| + | background: smart-scale($primary-color); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | .tabs-title { |
| + | float: #{$global-left}; |
| + | |
| + | > a { |
| + | display: block; |
| + | padding: $tab-item-padding; |
| + | line-height: 1; |
| + | font-size: 12px; |
| + | color: $tab-item-color; |
| + | |
| + | &:hover, |
| + | &:focus, |
| + | &[aria-selected="true"] { |
| + | background: $tab-background-active; |
| + | } |
| + | } |
| + | } |
| + | |
| + | .tabs-content { |
| + | background: $tab-content-background; |
| + | transition: all 0.5s ease; |
| + | border: 1px solid $tab-content-border; |
| + | border-top: 0; |
| + | |
| + | &.vertical { |
| + | border: 1px solid $tab-content-border; |
| + | border-#{$global-left}: 0; |
| + | } |
| + | } |
| + | |
| + | .tabs-panel { |
| + | display: none; |
| + | padding: $tab-content-padding; |
| + | |
| + | &.is-active { |
| + | display: block; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_thumbnail.scss
+54
-0
| @@ | @@ -0,0 +1,54 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group thumbnail |
| + | //// |
| + | |
| + | /// Border around thumbnail images. |
| + | /// @type Border |
| + | $thumbnail-border: solid 4px $white !default; |
| + | |
| + | /// Bottom margin for thumbnail images. |
| + | /// @type Length |
| + | $thumbnail-margin-bottom: $global-margin !default; |
| + | |
| + | /// Box shadow under thumbnail images. |
| + | /// @type Shadow |
| + | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default; |
| + | |
| + | /// Box shadow under thumbnail images. |
| + | /// @type Shadow |
| + | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default; |
| + | |
| + | /// Transition proprties for thumbnail images. |
| + | /// @type Transition |
| + | $thumbnail-transition: box-shadow 200ms ease-out !default; |
| + | |
| + | /// Default radius for thumbnail images. |
| + | /// @type Number |
| + | $thumbnail-radius: $global-radius !default; |
| + | |
| + | /// Adds thumbnail styles to an element. |
| + | @mixin thumbnail { |
| + | border: $thumbnail-border; |
| + | box-shadow: $thumbnail-shadow; |
| + | display: inline-block; |
| + | line-height: 0; |
| + | max-width: 100%; |
| + | transition: $thumbnail-transition; |
| + | border-radius: $thumbnail-radius; |
| + | margin-bottom: $thumbnail-margin-bottom; |
| + | |
| + | &:hover, |
| + | &:focus { |
| + | box-shadow: $thumbnail-shadow-hover; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-thumbnail { |
| + | .thumbnail { |
| + | @include thumbnail; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_title-bar.scss
+44
-0
| @@ | @@ -0,0 +1,44 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group title-bar |
| + | //// |
| + | |
| + | @mixin foundation-title-bar { |
| + | .title-bar { |
| + | @include clearfix; |
| + | background: $black; |
| + | color: $white; |
| + | padding: 0.5rem; |
| + | |
| + | .menu-icon { |
| + | margin-#{$global-left}: 0.25rem; |
| + | margin-#{$global-right}: 0.5rem; |
| + | } |
| + | } |
| + | |
| + | .title-bar-left { |
| + | float: left; |
| + | } |
| + | |
| + | .title-bar-right { |
| + | float: right; |
| + | text-align: right; |
| + | } |
| + | |
| + | .title-bar-title { |
| + | font-weight: bold; |
| + | vertical-align: middle; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .menu-icon { |
| + | @include hamburger($color: white, $color-hover: $medium-gray); |
| + | } |
| + | |
| + | .menu-icon.dark { |
| + | @include hamburger; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_tooltip.scss
+110
-0
| @@ | @@ -0,0 +1,110 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group tooltip |
| + | //// |
| + | |
| + | /// Default color of the tooltip background. |
| + | /// @type Color |
| + | $tooltip-background-color: $black !default; |
| + | |
| + | /// Default color of the tooltip font. |
| + | /// @type Color |
| + | $tooltip-color: $white; |
| + | |
| + | /// Default padding of the tooltip background. |
| + | /// @type Number |
| + | $tooltip-padding: 0.75rem !default; |
| + | |
| + | /// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy. |
| + | /// @type Number |
| + | $tooltip-font-size: $small-font-size !default; |
| + | |
| + | /// Default pip width for tooltips. |
| + | /// @type Number |
| + | $tooltip-pip-width: 0.75rem !default; |
| + | |
| + | /// Default pip height for tooltips. This is helpful for calculating the distance of the tooltip from the tooltip word. |
| + | /// @type Number |
| + | $tooltip-pip-height: $tooltip-pip-width * 0.866 !default; |
| + | |
| + | /// Default pip offset for tooltips. This controls how far the pip is indented from the left edge of the tooltip. |
| + | /// @type Number |
| + | $tooltip-pip-offset: 1.25rem !default; |
| + | |
| + | /// Default radius for tooltips. |
| + | /// @type Number |
| + | $tooltip-radius: $global-radius !default; |
| + | |
| + | @mixin has-tip { |
| + | border-bottom: dotted 1px $dark-gray; |
| + | font-weight: bold; |
| + | position: relative; |
| + | display: inline-block; |
| + | |
| + | &:hover { |
| + | cursor: help; |
| + | } |
| + | } |
| + | |
| + | @mixin tooltip { |
| + | background-color: $tooltip-background-color; |
| + | color: $tooltip-color; |
| + | font-size: $tooltip-font-size; |
| + | padding: $tooltip-padding; |
| + | position: absolute; |
| + | z-index: 10; |
| + | top: calc(100% + #{$tooltip-pip-height}); |
| + | max-width: 10rem !important; |
| + | border-radius: $tooltip-radius; |
| + | // visibility: hidden; |
| + | |
| + | &::before { |
| + | @include css-triangle($tooltip-pip-width, $tooltip-background-color, up); |
| + | bottom: 100%; |
| + | position: absolute; |
| + | left: 50%; |
| + | transform: translateX(-50%); |
| + | } |
| + | |
| + | &.top { |
| + | &::before { |
| + | @include css-triangle($tooltip-pip-width, $tooltip-background-color, down); |
| + | top: 100%; |
| + | bottom: auto; |
| + | } |
| + | } |
| + | |
| + | &.left { |
| + | &::before { |
| + | @include css-triangle($tooltip-pip-width, $tooltip-background-color, right); |
| + | bottom: auto; |
| + | left: 100%; |
| + | top: 50%; |
| + | transform: translateY(-50%); |
| + | } |
| + | } |
| + | |
| + | &.right { |
| + | &::before { |
| + | @include css-triangle($tooltip-pip-width, $tooltip-background-color, left); |
| + | bottom: auto; |
| + | left: auto; |
| + | right: 100%; |
| + | top: 50%; |
| + | transform: translateY(-50%); |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-tooltip { |
| + | .has-tip { |
| + | @include has-tip; |
| + | } |
| + | |
| + | .tooltip { |
| + | @include tooltip; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_top-bar.scss
+57
-0
| @@ | @@ -0,0 +1,57 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group top-bar |
| + | //// |
| + | |
| + | /// Padding for the top bar. |
| + | /// @type Number |
| + | $topbar-padding: 0.5rem !default; |
| + | |
| + | /// Background color for the top bar. This color also cascades to menus within the top bar. |
| + | /// @type Color |
| + | $topbar-background: #eee !default; |
| + | |
| + | /// Color for links inside a top bar menu. |
| + | /// @type Color |
| + | $topbar-link-color: #fff !default; |
| + | |
| + | /// Width of `<input>` elements inside the top bar. |
| + | /// @type Number |
| + | $topbar-input-width: 200px !default; |
| + | |
| + | /// Adds styles for a top bar container. |
| + | @mixin top-bar-container { |
| + | @include clearfix; |
| + | padding: $topbar-padding; |
| + | |
| + | &, ul { |
| + | background-color: $topbar-background; |
| + | } |
| + | |
| + | input { |
| + | width: $topbar-input-width; |
| + | margin-#{$global-right}: 1rem; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-top-bar { |
| + | // Top bar container |
| + | .top-bar { |
| + | @include top-bar-container; |
| + | } |
| + | |
| + | // Sub-sections |
| + | // Stack on small screens |
| + | @include breakpoint(medium) { |
| + | .top-bar-left { |
| + | float: left; |
| + | } |
| + | |
| + | .top-bar-right { |
| + | float: right |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/components/_visibility.scss
+131
-0
| @@ | @@ -0,0 +1,131 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | /// Hide an element by default, only displaying it above a certain screen size. |
| + | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| + | @mixin show-for($size) { |
| + | $size: map-get($breakpoints, $size); |
| + | $size: -zf-bp-to-em($size) - (1/16); |
| + | |
| + | @include breakpoint($size down) { |
| + | display: none !important; |
| + | } |
| + | } |
| + | |
| + | /// Hide an element by default, only displaying it within a certain breakpoint. |
| + | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| + | @mixin show-for-only($size) { |
| + | $lower-bound-size: map-get($breakpoints, $size); |
| + | $upper-bound-size: -zf-map-next($breakpoints, $size); |
| + | |
| + | // more often than not this will be correct, just one time round the loop it won't so set in scope here |
| + | $lower-bound: -zf-bp-to-em($lower-bound-size) - (1/16); |
| + | // test actual lower-bound-size, if 0 set it to 0em |
| + | @if $lower-bound-size == 0 { |
| + | $lower-bound: -zf-bp-to-em($lower-bound-size); |
| + | } |
| + | |
| + | @if $upper-bound-size == null { |
| + | @media screen and (max-width: $lower-bound) { |
| + | display: none !important; |
| + | } |
| + | } |
| + | @else { |
| + | $upper-bound: -zf-bp-to-em($upper-bound-size); |
| + | @media screen and (max-width: $lower-bound), screen and (min-width: $upper-bound) { |
| + | display: none !important; |
| + | } |
| + | } |
| + | } |
| + | |
| + | |
| + | /// Show an element by default, and hide it above a certain screen size. |
| + | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| + | @mixin hide-for($size) { |
| + | @include breakpoint($size) { |
| + | display: none !important; |
| + | } |
| + | } |
| + | |
| + | /// Show an element by default, and hide it above a certain screen size. |
| + | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| + | @mixin hide-for-only($size) { |
| + | @include breakpoint($size only) { |
| + | display: none !important; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-visibility-classes { |
| + | // Basic hiding classes |
| + | .hide { |
| + | display: none !important; |
| + | } |
| + | |
| + | .invisible { |
| + | visibility: hidden; |
| + | } |
| + | |
| + | // Responsive visibility classes |
| + | @each $size in $breakpoint-classes { |
| + | @if $size != small { |
| + | .hide-for-#{$size} { |
| + | @include hide-for($size); |
| + | } |
| + | |
| + | .show-for-#{$size} { |
| + | @include show-for($size); |
| + | } |
| + | } |
| + | |
| + | .hide-for-#{$size}-only { |
| + | @include hide-for-only($size); |
| + | } |
| + | |
| + | .show-for-#{$size}-only { |
| + | @include show-for-only($size); |
| + | } |
| + | } |
| + | |
| + | // Screen reader visibility classes |
| + | // Need a "hide-for-sr" class? Add aria-hidden="true" to the element |
| + | .show-for-sr, |
| + | .show-on-focus { |
| + | @include element-invisible; |
| + | } |
| + | |
| + | // Only display the element when it's focused |
| + | .show-on-focus { |
| + | &:active, |
| + | &:focus { |
| + | @include element-invisible-off; |
| + | } |
| + | } |
| + | |
| + | // Landscape and portrait visibility |
| + | .show-for-landscape, |
| + | .hide-for-portrait { |
| + | display: block !important; |
| + | |
| + | @include breakpoint(landscape) { |
| + | display: block !important; |
| + | } |
| + | |
| + | @include breakpoint(portrait) { |
| + | display: none !important; |
| + | } |
| + | } |
| + | |
| + | .hide-for-landscape, |
| + | .show-for-portrait { |
| + | display: none !important; |
| + | |
| + | @include breakpoint(landscape) { |
| + | display: none !important; |
| + | } |
| + | |
| + | @include breakpoint(portrait) { |
| + | display: block !important; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_checkbox.scss
+36
-0
| @@ | @@ -0,0 +1,36 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | @mixin foundation-form-checkbox { |
| + | [type="file"], |
| + | [type="checkbox"], |
| + | [type="radio"] { |
| + | margin: 0 0 $form-spacing; |
| + | } |
| + | |
| + | // Styles for input/label siblings |
| + | [type="checkbox"] + label, |
| + | [type="radio"] + label { |
| + | display: inline-block; |
| + | margin-#{$global-left}: $form-spacing * 0.5; |
| + | margin-#{$global-right}: $form-spacing; |
| + | margin-bottom: 0; |
| + | vertical-align: baseline; |
| + | } |
| + | |
| + | // Styles for inputs inside labels |
| + | label > [type="checkbox"], |
| + | label > [type="label"] { |
| + | margin-#{$global-right}: $form-spacing * 0.5; |
| + | } |
| + | |
| + | // Normalize file input width |
| + | [type="file"] { |
| + | width: 100%; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_error.scss
+81
-0
| @@ | @@ -0,0 +1,81 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group abide |
| + | //// |
| + | |
| + | /// Sets if error styles should be added to inputs. |
| + | /// @type Boolean |
| + | $abide-inputs: true !default; |
| + | |
| + | /// Sets if error styles should be added to labels. |
| + | /// @type Boolean |
| + | $abide-labels: true !default; |
| + | |
| + | /// Background color to use for invalid text inputs. |
| + | /// @type Color |
| + | $input-background-invalid: $alert-color !default; |
| + | |
| + | /// Color to use for labels of invalid inputs. |
| + | /// @type Color |
| + | $form-label-color-invalid: $alert-color !default; |
| + | |
| + | /// Default font color for form error text. |
| + | /// @type Color |
| + | $input-error-color: $alert-color !default; |
| + | |
| + | /// Default font size for form error text. |
| + | /// @type Number |
| + | $input-error-font-size: rem-calc(12) !default; |
| + | |
| + | /// Default font weight for form error text. |
| + | /// @type Keyword |
| + | $input-error-font-weight: $global-weight-bold !default; |
| + | |
| + | /// Styles the background and border of an input field to have an error state. |
| + | /// @param {Color} $background [$alert-color] - Color to use for the background and border. |
| + | @mixin form-input-error( |
| + | $background: $alert-color |
| + | ) { |
| + | &:not(:focus) { |
| + | background-color: rgba($background, 0.1); |
| + | border-color: $background; |
| + | } |
| + | } |
| + | |
| + | /// Adds error styles to a form element, using the values in the settings file. |
| + | @mixin form-error { |
| + | display: none; |
| + | margin-top: $form-spacing * -0.5; |
| + | margin-bottom: $form-spacing; |
| + | font-size: $input-error-font-size; |
| + | font-weight: $input-error-font-weight; |
| + | color: $input-error-color; |
| + | } |
| + | |
| + | @mixin foundation-form-error { |
| + | @if $abide-inputs { |
| + | // Error class for invalid inputs |
| + | .is-invalid-input { |
| + | @include form-input-error; |
| + | } |
| + | } |
| + | |
| + | @if $abide-labels { |
| + | // Error class for labels of invalid outputs |
| + | .is-invalid-label { |
| + | color: $form-label-color-invalid; |
| + | } |
| + | } |
| + | |
| + | // Form error element |
| + | .form-error { |
| + | @include form-error; |
| + | |
| + | &.is-visible { |
| + | display: block; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_fieldset.scss
+53
-0
| @@ | @@ -0,0 +1,53 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Default border around custom fieldsets. |
| + | /// @type Border |
| + | $fieldset-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Default padding inside custom fieldsets. |
| + | /// @type Number |
| + | $fieldset-padding: rem-calc(20) !default; |
| + | |
| + | /// Default margin around custom fieldsets. |
| + | /// @type Number |
| + | $fieldset-margin: rem-calc(18 0) !default; |
| + | |
| + | /// Default padding between the legend text and fieldset border. |
| + | /// @type Number |
| + | $legend-padding: rem-calc(0 3) !default; |
| + | |
| + | @mixin fieldset { |
| + | border: $fieldset-border; |
| + | padding: $fieldset-padding; |
| + | margin: $fieldset-margin; |
| + | |
| + | legend { |
| + | // Covers up the fieldset's border to create artificial padding |
| + | background: $body-background; |
| + | padding: $legend-padding; |
| + | margin: 0; |
| + | margin-#{$global-left}: rem-calc(-3); |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-form-fieldset { |
| + | fieldset { |
| + | border: 0; |
| + | padding: 0; |
| + | margin: 0; |
| + | } |
| + | |
| + | legend { |
| + | margin-bottom: $form-spacing * 0.5; |
| + | } |
| + | |
| + | .fieldset { |
| + | @include fieldset; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_forms.scss
+32
-0
| @@ | @@ -0,0 +1,32 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Global spacing for form elements. |
| + | /// @type Number |
| + | $form-spacing: rem-calc(16) !default; |
| + | |
| + | @import |
| + | 'text', |
| + | 'checkbox', |
| + | 'label', |
| + | 'help-text', |
| + | 'input-group', |
| + | 'fieldset', |
| + | 'select', |
| + | 'error'; |
| + | |
| + | @mixin foundation-forms { |
| + | @include foundation-form-text; |
| + | @include foundation-form-checkbox; |
| + | @include foundation-form-label; |
| + | @include foundation-form-helptext; |
| + | @include foundation-form-prepostfix; |
| + | @include foundation-form-fieldset; |
| + | @include foundation-form-select; |
| + | @include foundation-form-error; |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_help-text.scss
+30
-0
| @@ | @@ -0,0 +1,30 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Default color for help text. |
| + | /// @type Color |
| + | $helptext-color: #333 !default; |
| + | |
| + | /// Default font size for help text. |
| + | /// @type Number |
| + | $helptext-font-size: rem-calc(13) !default; |
| + | |
| + | /// Default font style for help text. |
| + | /// @type Keyword |
| + | $helptext-font-style: italic !default; |
| + | |
| + | @mixin foundation-form-helptext { |
| + | .help-text { |
| + | $margin-top: ($form-spacing * 0.5) * -1; |
| + | |
| + | margin-top: $margin-top; |
| + | font-size: $helptext-font-size; |
| + | font-style: $helptext-font-style; |
| + | color: $helptext-color; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_input-group.scss
+70
-0
| @@ | @@ -0,0 +1,70 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Color of labels prefixed to an input. |
| + | /// @type Color |
| + | $input-prefix-color: $black !default; |
| + | |
| + | /// Background color of labels prefixed to an input. |
| + | /// @type Color |
| + | $input-prefix-background: $light-gray !default; |
| + | |
| + | /// Border around labels prefixed to an input. |
| + | /// @type Border |
| + | $input-prefix-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Left/right padding of an pre/postfixed input label |
| + | $input-prefix-padding: 1rem !default; |
| + | |
| + | @mixin foundation-form-prepostfix { |
| + | .input-group { |
| + | display: table; |
| + | width: 100%; |
| + | margin-bottom: $form-spacing; |
| + | } |
| + | |
| + | %input-group-child { |
| + | display: table-cell; |
| + | margin: 0; |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | .input-group-label { |
| + | @extend %input-group-child; |
| + | text-align: center; |
| + | width: 1%; |
| + | height: 100%; |
| + | padding: 0 $input-prefix-padding; |
| + | background: $input-prefix-background; |
| + | color: $input-prefix-color; |
| + | border: $input-prefix-border; |
| + | |
| + | @if hasvalue($input-prefix-border) { |
| + | &:first-child { |
| + | border-#{$global-right}: 0; |
| + | } |
| + | |
| + | &:last-child { |
| + | border-#{$global-left}: 0; |
| + | } |
| + | } |
| + | } |
| + | |
| + | .input-group-field { |
| + | @extend %input-group-child; |
| + | } |
| + | |
| + | .input-group-button { |
| + | @extend %input-group-child; |
| + | height: 100%; |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | text-align: center; |
| + | width: 1%; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_label.scss
+48
-0
| @@ | @@ -0,0 +1,48 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Color for form labels. |
| + | /// @type Color |
| + | $form-label-color: $black !default; |
| + | |
| + | /// Font size for form labels. |
| + | /// @type Number |
| + | $form-label-font-size: rem-calc(14) !default; |
| + | |
| + | /// Font weight for form labels. |
| + | /// @type Keyword |
| + | $form-label-font-weight: $global-weight-normal !default; |
| + | |
| + | /// Line height for form labels. The higher the number, the more space between the label and its input field. |
| + | /// @type Number |
| + | $form-label-line-height: 1.8 !default; |
| + | |
| + | @mixin form-label { |
| + | display: block; |
| + | margin: 0; |
| + | font-size: $form-label-font-size; |
| + | font-weight: $form-label-font-weight; |
| + | line-height: $form-label-line-height; |
| + | color: $form-label-color; |
| + | } |
| + | |
| + | @mixin form-label-middle { |
| + | $input-border-width: get-border-value($input-border, width); |
| + | margin: 0 0 $form-spacing; |
| + | padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0; |
| + | } |
| + | |
| + | @mixin foundation-form-label { |
| + | label { |
| + | @include form-label; |
| + | |
| + | &.middle { |
| + | @include form-label-middle; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_select.scss
+64
-0
| @@ | @@ -0,0 +1,64 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Background color for select menus. |
| + | /// @type Color |
| + | $select-background: #fafafa !default; |
| + | |
| + | /// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely. |
| + | /// @type Color |
| + | $select-triangle-color: #333 !default; |
| + | |
| + | /// Default radius for select menus. |
| + | /// @type Color |
| + | $select-radius: $global-radius !default; |
| + | |
| + | @mixin form-select { |
| + | $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| + | |
| + | height: $height; |
| + | padding: ($form-spacing / 2); |
| + | border: $input-border; |
| + | border-radius: $global-radius; |
| + | margin: 0 0 $form-spacing; |
| + | font-size: $input-font-size; |
| + | font-family: $input-font-family; |
| + | line-height: normal; |
| + | color: $input-color; |
| + | background-color: $select-background; |
| + | border-radius: $select-radius; |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; |
| + | |
| + | @if $select-triangle-color != transparent { |
| + | @include background-triangle($select-triangle-color); |
| + | background-size: 9px 6px; |
| + | background-position: $global-right ($form-spacing / 2) center; |
| + | background-repeat: no-repeat; |
| + | } |
| + | // Disabled state |
| + | &:disabled { |
| + | background-color: $input-background-disabled; |
| + | cursor: $input-cursor-disabled; |
| + | } |
| + | |
| + | // Hide the dropdown arrow shown in newer IE versions |
| + | &::-ms-expand { |
| + | display: none; |
| + | } |
| + | |
| + | &[multiple] { |
| + | height: auto; |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-form-select { |
| + | select { |
| + | @include form-select; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/forms/_text.scss
+153
-0
| @@ | @@ -0,0 +1,153 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group forms |
| + | //// |
| + | |
| + | /// Font color of text inputs. |
| + | /// @type Color |
| + | $input-color: $dark-gray !default; |
| + | |
| + | /// Font family of text inputs. |
| + | /// @type Font |
| + | $input-font-family: inherit !default; |
| + | |
| + | /// Font size of text inputs. |
| + | /// @type Number |
| + | $input-font-size: rem-calc(16) !default; |
| + | |
| + | /// Background color of text inputs. |
| + | /// @type Color |
| + | $input-background: $white !default; |
| + | |
| + | /// Background color of focused of text inputs. |
| + | /// @type Color |
| + | $input-background-focus: $white !default; |
| + | |
| + | /// Background color of disabled text inputs. |
| + | /// @type Color |
| + | $input-background-disabled: $light-gray !default; |
| + | |
| + | /// Border around text inputs. |
| + | /// @type Border |
| + | $input-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Border around focused text inputs. |
| + | /// @type Color |
| + | $input-border-focus: 1px solid $dark-gray !default; |
| + | |
| + | /// Box shadow inside text inputs when not focused. |
| + | /// @type Shadow |
| + | $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default; |
| + | |
| + | /// Box shadow outside text inputs when focused. |
| + | /// @type Shadow |
| + | $input-shadow-focus: 0 0 5px $medium-gray !default; |
| + | |
| + | /// Cursor to use when hovering over a disabled text input. |
| + | /// @type Cursor |
| + | $input-cursor-disabled: default !default; |
| + | |
| + | /// Properties to transition on text inputs. |
| + | /// @type Transition |
| + | $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default; |
| + | |
| + | /// Enables the up/down buttons that Chrome and Firefox add to `<input type="number">` elements. |
| + | /// @type Boolean |
| + | $input-number-spinners: true !default; |
| + | |
| + | /// Radius for text inputs. |
| + | /// @type Border |
| + | $input-radius: $global-radius !default; |
| + | |
| + | @mixin form-element { |
| + | $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| + | |
| + | display: block; |
| + | box-sizing: border-box; |
| + | width: 100%; |
| + | height: $height; |
| + | padding: $form-spacing / 2; |
| + | border: $input-border; |
| + | margin: 0 0 $form-spacing; |
| + | |
| + | font-family: $input-font-family; |
| + | font-size: $input-font-size; |
| + | color: $input-color; |
| + | background-color: $input-background; |
| + | box-shadow: $input-shadow; |
| + | border-radius: $input-radius; |
| + | |
| + | @if hasvalue($input-transition) { |
| + | transition: $input-transition; |
| + | } |
| + | |
| + | // Focus state |
| + | &:focus { |
| + | border: $input-border-focus; |
| + | background: $input-background-focus; |
| + | outline: none; |
| + | box-shadow: $input-shadow-focus; |
| + | |
| + | @if hasvalue($input-transition) { |
| + | transition: $input-transition; |
| + | } |
| + | } |
| + | } |
| + | |
| + | @mixin foundation-form-text { |
| + | // Text inputs |
| + | #{text-inputs()}, |
| + | textarea { |
| + | @include form-element; |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; |
| + | } |
| + | |
| + | // Text areas |
| + | textarea { |
| + | max-width: 100%; |
| + | |
| + | &[rows] { |
| + | height: auto; |
| + | } |
| + | } |
| + | |
| + | // Disabled/readonly state |
| + | input, |
| + | textarea { |
| + | &:disabled, |
| + | &[readonly] { |
| + | background-color: $input-background-disabled; |
| + | cursor: $input-cursor-disabled; |
| + | } |
| + | } |
| + | |
| + | // Reset styles on button-like inputs |
| + | [type="submit"], |
| + | [type="button"] { |
| + | border-radius: $global-radius; |
| + | -webkit-appearance: none; |
| + | -moz-appearance: none; |
| + | } |
| + | |
| + | // Reset Normalize setting content-box to search elements |
| + | input[type="search"] { |
| + | box-sizing: border-box; |
| + | } |
| + | |
| + | // Number input styles |
| + | [type='number'] { |
| + | @if not($input-number-spinners) { |
| + | -moz-appearance: textfield; |
| + | |
| + | [type='number']::-webkit-inner-spin-button, |
| + | [type='number']::-webkit-outer-spin-button { |
| + | -webkit-appearance: none; |
| + | margin: 0; |
| + | } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/foundation.scss
+91
-0
| @@ | @@ -0,0 +1,91 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | // Third-party libraries |
| + | @import 'vendor/normalize'; |
| + | |
| + | // Sass utilities |
| + | @import 'util/util'; |
| + | |
| + | // Global variables and styles |
| + | @import 'global'; |
| + | |
| + | // Components |
| + | @import 'grid/grid'; |
| + | @import 'typography/typography'; |
| + | @import 'forms/forms'; |
| + | @import 'components/visibility'; |
| + | @import 'components/float'; |
| + | @import 'components/button'; |
| + | @import 'components/button-group'; |
| + | @import 'components/accordion-menu'; |
| + | @import 'components/accordion'; |
| + | @import 'components/badge'; |
| + | @import 'components/breadcrumbs'; |
| + | @import 'components/callout'; |
| + | @import 'components/close-button'; |
| + | @import 'components/drilldown'; |
| + | @import 'components/dropdown-menu'; |
| + | @import 'components/dropdown'; |
| + | @import 'components/flex-video'; |
| + | @import 'components/label'; |
| + | @import 'components/media-object'; |
| + | @import 'components/menu'; |
| + | @import 'components/off-canvas'; |
| + | @import 'components/orbit'; |
| + | @import 'components/pagination'; |
| + | @import 'components/progress-bar'; |
| + | @import 'components/reveal'; |
| + | @import 'components/slider'; |
| + | @import 'components/sticky'; |
| + | @import 'components/switch'; |
| + | @import 'components/table'; |
| + | @import 'components/tabs'; |
| + | @import 'components/title-bar'; |
| + | @import 'components/top-bar'; |
| + | @import 'components/thumbnail'; |
| + | @import 'components/tooltip'; |
| + | |
| + | // These styles are applied to <meta> tags, which are read by the Foundation JavaScript |
| + | .foundation-mq { |
| + | font-family: "#{-zf-bp-serialize($breakpoints)}"; |
| + | } |
| + | |
| + | @mixin foundation-everything { |
| + | @include foundation-global-styles; |
| + | @include foundation-grid; |
| + | @include foundation-typography; |
| + | @include foundation-button; |
| + | @include foundation-forms; |
| + | @include foundation-visibility-classes; |
| + | @include foundation-float-classes; |
| + | @include foundation-accordion; |
| + | @include foundation-accordion-menu; |
| + | @include foundation-badge; |
| + | @include foundation-breadcrumbs; |
| + | @include foundation-button-group; |
| + | @include foundation-callout; |
| + | @include foundation-close-button; |
| + | @include foundation-drilldown-menu; |
| + | @include foundation-dropdown; |
| + | @include foundation-dropdown-menu; |
| + | @include foundation-flex-video; |
| + | @include foundation-label; |
| + | @include foundation-media-object; |
| + | @include foundation-menu; |
| + | @include foundation-off-canvas; |
| + | @include foundation-orbit; |
| + | @include foundation-pagination; |
| + | @include foundation-progress-bar; |
| + | @include foundation-slider; |
| + | @include foundation-sticky; |
| + | @include foundation-reveal; |
| + | @include foundation-switch; |
| + | @include foundation-table; |
| + | @include foundation-tabs; |
| + | @include foundation-thumbnail; |
| + | @include foundation-title-bar; |
| + | @include foundation-tooltip; |
| + | @include foundation-top-bar; |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_classes.scss
+132
-0
| @@ | @@ -0,0 +1,132 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Outputs CSS classes for the grid. |
| + | /// @access private |
| + | @mixin foundation-grid( |
| + | $row: 'row', |
| + | $column: 'column', |
| + | $column-row: 'column-row', |
| + | $push: 'push', |
| + | $pull: 'pull', |
| + | $center: 'centered', |
| + | $uncenter: 'uncenter', |
| + | $collapse: 'collapse', |
| + | $uncollapse: 'uncollapse', |
| + | $offset: 'offset', |
| + | $end: 'end', |
| + | $expanded: 'expanded', |
| + | $breakpoints: $breakpoint-classes |
| + | ) { |
| + | // Row |
| + | .#{$row} { |
| + | @include grid-row; |
| + | |
| + | // Collapsing |
| + | &.#{$collapse} { |
| + | > .#{$column} { @include grid-col-collapse; } |
| + | } |
| + | |
| + | // Nesting |
| + | & & { |
| + | @include grid-row($behavior: nest, $cf: false); |
| + | |
| + | &.#{$collapse} { |
| + | @include grid-row($behavior: nest collapse, $cf: false); |
| + | } |
| + | } |
| + | |
| + | // Responsive collapsing |
| + | @each $size in $breakpoint-classes { |
| + | @include breakpoint($size) { |
| + | &.#{$size}-#{$collapse} { |
| + | > .#{$column} { @include grid-col-collapse; } |
| + | } |
| + | |
| + | &.#{$size}-#{$uncollapse} { |
| + | > .#{$column} { @include grid-col-uncollapse; } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Expanded (full-width) row |
| + | &.#{$expanded} { |
| + | max-width: none; |
| + | } |
| + | } |
| + | |
| + | // Column |
| + | .#{$column} { |
| + | @include grid-col; |
| + | |
| + | &.#{$end} { |
| + | @include grid-col-end; |
| + | } |
| + | } |
| + | |
| + | // Column row |
| + | // The double .row class is needed to bump up the specificity |
| + | .#{$column}.#{$row}.#{$row} { |
| + | float: none; |
| + | } |
| + | |
| + | @each $size in $breakpoints { |
| + | @include breakpoint($size) { |
| + | @for $i from 1 through $grid-column-count { |
| + | // Column width |
| + | .#{$size}-#{$i} { |
| + | @include grid-col-size($i); |
| + | } |
| + | |
| + | // Source ordering |
| + | @if $i < $grid-column-count { |
| + | .#{$size}-#{$push}-#{$i} { |
| + | @include grid-col-pos($i); |
| + | } |
| + | |
| + | .#{$size}-#{$pull}-#{$i} { |
| + | @include grid-col-pos(-$i); |
| + | } |
| + | } |
| + | |
| + | // Offsets |
| + | $o: $i - 1; |
| + | |
| + | .#{$size}-#{$offset}-#{$o} { |
| + | @include grid-col-off($o); |
| + | } |
| + | } |
| + | |
| + | // Block grid |
| + | @for $i from 1 through $block-grid-max { |
| + | .#{$size}-up-#{$i} { |
| + | @include grid-layout($i); |
| + | } |
| + | } |
| + | |
| + | // Positioning |
| + | .#{$column}.#{$size}-#{$center} { |
| + | @include grid-col-pos(center); |
| + | } |
| + | |
| + | // Gutter adjustment |
| + | .#{$size}-#{$uncenter}, |
| + | .#{$size}-#{$push}-0, |
| + | .#{$size}-#{$pull}-0 { |
| + | @include grid-col-unpos; |
| + | } |
| + | } |
| + | } |
| + | |
| + | @if $column == 'column' { |
| + | .columns { |
| + | // scss-lint:disable PlaceholderInExtend |
| + | @extend .column; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_column.scss
+112
-0
| @@ | @@ -0,0 +1,112 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Calculates the width of a column based on a number of factors. |
| + | /// |
| + | /// @param {Number|List} $columns |
| + | /// Width of the column. Accepts multiple values: |
| + | /// - A percentage value will make the column that exact size. |
| + | /// - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row. |
| + | /// - A string of the format "x of y" will make a column that is *x* columns wide, assuming *y* total columns for the parent. |
| + | /// |
| + | /// @return {Number} A calculated percentage value. |
| + | @function grid-column($columns) { |
| + | $width: 0%; |
| + | |
| + | // Parsing percents, decimals, and column counts |
| + | @if type-of($columns) == 'number' { |
| + | @if unit($columns) == '%' { |
| + | $width: $columns; |
| + | } |
| + | @else if $columns < 1 { |
| + | $width: percentage($columns); |
| + | } |
| + | @else { |
| + | $width: percentage($columns / $grid-column-count); |
| + | } |
| + | } |
| + | |
| + | // Parsing "n of n" expressions |
| + | @else if type-of($columns) == 'list' { |
| + | @if length($columns) != 3 { |
| + | @error 'Wrong syntax for grid-column(). Use the format "n of n".'; |
| + | } |
| + | @else { |
| + | $width: percentage(nth($columns, 1) / nth($columns, 3)); |
| + | } |
| + | } |
| + | |
| + | // Anything else is incorrect |
| + | @else { |
| + | @error 'Wrong syntax for grid-column(). Use a number, decimal, percentage, or "n of n".'; |
| + | } |
| + | |
| + | @return $width; |
| + | } |
| + | |
| + | /// Creates a grid column. |
| + | /// |
| + | /// @param {Mixed} $columns [$grid-column-count] - Width of the column. Refer to the `grid-column()` function to see possible values. |
| + | /// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns. |
| + | @mixin grid-column( |
| + | $columns: $grid-column-count, |
| + | $gutter: $grid-column-gutter |
| + | ) { |
| + | @if ($columns <= $grid-column-count) { |
| + | @include grid-column-size($columns); |
| + | } |
| + | |
| + | $gutter: rem-calc($gutter) / 2; |
| + | |
| + | float: $global-left; |
| + | padding-left: $gutter; |
| + | padding-right: $gutter; |
| + | |
| + | &:last-child:not(:first-child) { |
| + | float: $global-right; |
| + | } |
| + | } |
| + | |
| + | /// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element. |
| + | /// @param {Number} $gutter [$grid-column-gutter] - Width of the gutters on either side of the column row. |
| + | @mixin grid-column-row( |
| + | $gutter: $grid-column-gutter |
| + | ) { |
| + | @include grid-row; |
| + | @include grid-column($gutter: $gutter); |
| + | |
| + | &, |
| + | &:last-child { |
| + | float: none; |
| + | } |
| + | } |
| + | |
| + | /// Shorthand for `grid-column()`. |
| + | /// @alias grid-column |
| + | @function grid-col( |
| + | $columns: $grid-column-count |
| + | ) { |
| + | @return grid-column($columns); |
| + | } |
| + | |
| + | /// Shorthand for `grid-column()`. |
| + | /// @alias grid-column |
| + | @mixin grid-col( |
| + | $columns: $grid-column-count, |
| + | $gutter: $grid-column-gutter |
| + | ) { |
| + | @include grid-column($columns, $gutter); |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-row()`. |
| + | /// @alias grid-column-row |
| + | @mixin grid-col-row( |
| + | $gutter: $grid-column-gutter |
| + | ) { |
| + | @include grid-column-row($gutter); |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_flex-grid.scss
+191
-0
| @@ | @@ -0,0 +1,191 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group flex-grid |
| + | //// |
| + | |
| + | /// Creates a container for a flex grid row. |
| + | /// @param {Keyword|List} $behavior [null] |
| + | /// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors. |
| + | /// @param {Number} $width [$grid-row-width] - Maximum width of the row. |
| + | /// @param {Number} $columns [null] - Number of columns to use for this row. If set to `null` (the default), the global column count will be used. |
| + | /// @param {Boolean} $base [true] - Set to `false` to prevent basic styles from being output. Useful if you're calling this mixin on the same element twice, as it prevents duplicate CSS output. |
| + | @mixin flex-grid-row( |
| + | $behavior: null, |
| + | $width: $grid-row-width, |
| + | $columns: null, |
| + | $base: true |
| + | ) { |
| + | $behavior: -zf-get-options($behavior, nest collapse); |
| + | $margin: auto; |
| + | |
| + | @if map-get($behavior, nest) { |
| + | $margin: rem-calc($grid-column-gutter) / 2 * -1; |
| + | } |
| + | @else { |
| + | max-width: $width; |
| + | } |
| + | |
| + | @if $base { |
| + | display: flex; |
| + | flex-flow: row wrap; |
| + | } |
| + | |
| + | margin-left: $margin; |
| + | margin-right: $margin; |
| + | |
| + | @if $columns != null { |
| + | @include grid-context($columns, $base) { |
| + | @content; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Calculates the `flex` property for a flex grid column. It accepts all of the same values as the basic `grid-column()` function, along with two extras: |
| + | /// - `null` (the default) will make the column expand to fill space. |
| + | /// - `shrink` will make the column contract, so it only takes up the horizontal space it needs. |
| + | /// @param {Mixed} $columns [null] - Width of the column. |
| + | @function flex-grid-column($columns: null) { |
| + | $flex: 1 1 0px; |
| + | |
| + | @if $columns == shrink { |
| + | $flex: 0 0 auto; |
| + | } |
| + | @else if $columns != null { |
| + | $flex: 0 0 grid-column($columns); |
| + | } |
| + | |
| + | @return $flex; |
| + | } |
| + | |
| + | /// Creates a column for a flex grid. By default, the column will stretch to the full width of its container, but this can be overridden with sizing classes, or by using the `unstack` class on the parent flex row. |
| + | /// @param {Mixed} $columns [null] - Width of the column. Refer to the `flex-grid-column()` function to see possible values. |
| + | /// @param {Number} $gutter [$grid-column-gutter] - Space between columns, added as a left and right padding. |
| + | @mixin flex-grid-column( |
| + | $columns: null, |
| + | $gutter: $grid-column-gutter |
| + | ) { |
| + | $gutter: rem-calc($gutter) / 2; |
| + | |
| + | flex: flex-grid-column($columns); |
| + | padding-left: $gutter; |
| + | padding-right: $gutter; |
| + | |
| + | // max-width fixes IE 10/11 not respecting the flex-basis property |
| + | @if $columns != null and $columns != shrink { |
| + | max-width: grid-column($columns); |
| + | } |
| + | } |
| + | |
| + | /// Changes the source order of a flex grid column. Columns with lower numbers appear first in the layout. |
| + | /// @param {Number} $order [0] - Order number to apply. |
| + | @mixin flex-grid-order($order: 0) { |
| + | order: $order; |
| + | } |
| + | |
| + | @mixin foundation-flex-grid { |
| + | // Row |
| + | .row { |
| + | @include flex-grid-row; |
| + | |
| + | // Nesting behavior |
| + | & &, |
| + | .column-row & { |
| + | @include flex-grid-row(nest, $base: false); |
| + | } |
| + | } |
| + | |
| + | // Column |
| + | %flex-column { |
| + | @include flex-grid-column; |
| + | } |
| + | |
| + | .column, |
| + | .columns { |
| + | @extend %flex-column; |
| + | } |
| + | |
| + | // Sizing (percentage) |
| + | @each $size in $breakpoint-classes { |
| + | @include breakpoint($size) { |
| + | @for $i from 1 through $grid-column-count { |
| + | .#{$size}-#{$i} { |
| + | flex: flex-grid-column($i); |
| + | max-width: grid-column($i); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Sizing (expand) |
| + | @each $size in $breakpoint-classes { |
| + | @if $size != small { |
| + | @include breakpoint($size) { |
| + | .#{$size}-expand { |
| + | flex: flex-grid-column(); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Sizing (shrink) |
| + | .shrink { |
| + | flex: flex-grid-column(shrink); |
| + | } |
| + | |
| + | // Auto-stacking/unstacking |
| + | @each $size in $breakpoint-classes { |
| + | @if $size != small { |
| + | .row.#{$size}-unstack { |
| + | .column { |
| + | flex: flex-grid-column(100%); |
| + | |
| + | @include breakpoint($size) { |
| + | flex: flex-grid-column(); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Source ordering |
| + | @each $size in $breakpoint-classes { |
| + | @include breakpoint($size) { |
| + | @for $i from 1 through 6 { |
| + | .#{$size}-order-#{$i} { |
| + | @include flex-grid-order($i); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Horizontal alignment using justify-content |
| + | @each $hdir, $prop in ( |
| + | 'right': flex-end, |
| + | 'center': center, |
| + | 'justify': space-between, |
| + | 'spaced': space-around, |
| + | ) { |
| + | .row.align-#{$hdir} { |
| + | justify-content: $prop; |
| + | } |
| + | } |
| + | |
| + | // Horizontal alignment using align-items and align-self |
| + | @each $vdir, $prop in ( |
| + | 'top': flex-start, |
| + | 'bottom': flex-end, |
| + | 'middle': center, |
| + | 'stretch': stretch, |
| + | ) { |
| + | .row.align-#{$vdir} { |
| + | align-items: $prop; |
| + | } |
| + | |
| + | .column.align-#{$vdir} { |
| + | align-self: $prop; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_grid.scss
+33
-0
| @@ | @@ -0,0 +1,33 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// The maximum width of a row. |
| + | /// @type Number |
| + | $grid-row-width: $global-width !default; |
| + | |
| + | /// The default column count of a grid. Changing this value affects the logic of the grid mixins, and the number of CSS classes output. |
| + | /// @type Number |
| + | $grid-column-count: 12 !default; |
| + | |
| + | /// The amount of space between columns. |
| + | /// @type Number |
| + | $grid-column-gutter: 30px !default; |
| + | |
| + | /// The highest number of `.x-up` classes available when using the block grid CSS. |
| + | /// @type Number |
| + | $block-grid-max: 6 !default; |
| + | |
| + | @import 'row'; |
| + | @import 'column'; |
| + | @import 'size'; |
| + | @import 'position'; |
| + | @import 'gutter'; |
| + | @import 'classes'; |
| + | @import 'layout'; |
| + | |
| + | @import 'flex-grid'; |
generators/foundation/public/stylesheets/foundation6/grid/_gutter.scss
+31
-0
| @@ | @@ -0,0 +1,31 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Collapse the gutters on a column by removing the padding. |
| + | @mixin grid-column-collapse() { |
| + | padding-left: 0; |
| + | padding-right: 0; |
| + | } |
| + | |
| + | /// Un-collapse the gutters on a column by re-adding the padding. |
| + | @mixin grid-column-uncollapse() { |
| + | padding-left: $grid-column-gutter; |
| + | padding-right: $grid-column-gutter; |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-collapse()`. |
| + | /// @alias grid-column-collapse |
| + | @mixin grid-col-collapse() { |
| + | @include grid-column-collapse; |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-uncollapse()`. |
| + | /// @alias grid-column-uncollapse |
| + | @mixin grid-col-uncollapse() { |
| + | @include grid-column-uncollapse; |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_layout.scss
+32
-0
| @@ | @@ -0,0 +1,32 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Sizes child elements so that `$n` number of items appear on each row. |
| + | /// @param {Number} $n - Number of elements to display per row. |
| + | /// @param {String} $selector ['.column, .columns'] - Selector(s) to use for child elements. |
| + | @mixin grid-layout( |
| + | $n, |
| + | $selector: '.column' |
| + | ) { |
| + | #{$selector} { |
| + | width: percentage(1/$n); |
| + | float: $global-left; |
| + | |
| + | &:nth-of-type(1n) { |
| + | clear: none; |
| + | } |
| + | |
| + | &:nth-of-type(#{$n}n+1) { |
| + | clear: both; |
| + | } |
| + | |
| + | &:last-child { |
| + | float: left; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_position.scss
+71
-0
| @@ | @@ -0,0 +1,71 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Reposition a column. |
| + | /// @param {Number} $position - Direction and amount to move. The column will move equal to the width of the column count specified. A positive number will push the column to the right, while a negative number will pull it to the left. |
| + | @mixin grid-column-position($position) { |
| + | @if type-of($position) == 'number' { |
| + | $offset: percentage($position / $grid-column-count); |
| + | |
| + | position: relative; |
| + | #{$global-left}: $offset; |
| + | } |
| + | @else if $position == center { |
| + | float: none; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| + | @else { |
| + | @warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, or center.'; |
| + | } |
| + | } |
| + | |
| + | /// Reset a position definition. |
| + | @mixin grid-column-unposition() { |
| + | position: static; |
| + | margin-left: 0; |
| + | margin-right: 0; |
| + | } |
| + | |
| + | /// Offsets a column to the right by `$n` columns. |
| + | /// @param {Number|List} $n - Width to offset by. You can pass in any value accepted by the `grid-column()` mixin, such as `6`, `50%`, or `1 of 2`. |
| + | @mixin grid-column-offset($n) { |
| + | margin-#{$global-left}: grid-column($n); |
| + | } |
| + | |
| + | /// Disable the default behavior of the last column in a row aligning to the opposite edge. |
| + | @mixin grid-column-end() { |
| + | // This extra specificity is required for the property to be applied |
| + | &:last-child { |
| + | float: $global-left; |
| + | } |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-position()`. |
| + | /// @alias grid-column-position |
| + | @mixin grid-col-pos($position) { |
| + | @include grid-column-position($position); |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-unposition()`. |
| + | /// @alias grid-column-unposition |
| + | @mixin grid-col-unpos() { |
| + | @include grid-column-unposition; |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-offset()`. |
| + | /// @alias grid-column-offset |
| + | @mixin grid-col-off($n) { |
| + | @include grid-column-offset($n); |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-end()`. |
| + | /// @alias grid-column-end |
| + | @mixin grid-col-end() { |
| + | @include grid-column-end; |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_row.scss
+72
-0
| @@ | @@ -0,0 +1,72 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Change the behavior of columns defined inside this mixin to use a different column count. |
| + | /// @content |
| + | /// @param {Number} $columns - Number of columns to use. |
| + | /// @param {Booleam} $root [false] |
| + | /// If `false`, selectors inside this mixin will nest inside the parent selector. |
| + | /// If `tru`, selectors will not nest. |
| + | @mixin grid-context( |
| + | $columns, |
| + | $root: false |
| + | ) { |
| + | // Store the current column count so it can be re-set later |
| + | $old-grid-column-count: $columns; |
| + | $grid-column-count: $columns !global; |
| + | |
| + | @if $root { |
| + | @at-root { @content; } |
| + | } |
| + | @else { |
| + | @content; |
| + | } |
| + | |
| + | // Restore the old column count |
| + | $grid-column-count: $old-grid-column-count !global; |
| + | } |
| + | |
| + | /// Creates a grid row. |
| + | /// @content |
| + | /// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count. |
| + | /// @param {Keywords} $behavior [null] |
| + | /// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors. |
| + | /// @param {Number} $width [$grid-row-width] - Maximum width of the row. |
| + | @mixin grid-row( |
| + | $columns: null, |
| + | $behavior: null, |
| + | $width: $grid-row-width, |
| + | $cf: true |
| + | ) { |
| + | $behavior: -zf-get-options($behavior, nest collapse); |
| + | $margin: auto; |
| + | |
| + | @if map-get($behavior, nest) { |
| + | $margin: rem-calc($grid-column-gutter) / 2 * -1; |
| + | |
| + | @if map-get($behavior, collapse) { |
| + | $margin: 0; |
| + | } |
| + | } |
| + | @else { |
| + | max-width: $width; |
| + | } |
| + | |
| + | @if $cf { |
| + | @include clearfix; |
| + | } |
| + | |
| + | margin-left: $margin; |
| + | margin-right: $margin; |
| + | |
| + | @if $columns != null { |
| + | @include grid-context($columns) { |
| + | @content; |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/grid/_size.scss
+24
-0
| @@ | @@ -0,0 +1,24 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group grid |
| + | //// |
| + | |
| + | /// Set the width of a grid column. |
| + | /// |
| + | /// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`. |
| + | @mixin grid-column-size( |
| + | $columns: $grid-column-count |
| + | ) { |
| + | width: grid-column($columns); |
| + | } |
| + | |
| + | /// Shorthand for `grid-column-size()`. |
| + | /// @alias grid-column-size |
| + | @mixin grid-col-size( |
| + | $columns: $grid-column-count |
| + | ) { |
| + | @include grid-column-size($columns); |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui.scss
+4
-0
| @@ | @@ -0,0 +1,4 @@ |
| + | @import "motion-ui/motion-ui"; |
| + | |
| + | @include motion-ui-transitions; |
| + | @include motion-ui-animations; |
generators/foundation/public/stylesheets/foundation6/motion-ui/_classes.scss
+102
-0
| @@ | @@ -0,0 +1,102 @@ |
| + | // scss-lint:disable ImportantRule, SpaceAfterComma, SingleLinePerProperty |
| + | |
| + | %mui-defaults { |
| + | transition-duration: map-get($motion-ui-speeds, default); |
| + | transition-timing-function: map-get($motion-ui-easings, default); |
| + | } |
| + | |
| + | // Transitions |
| + | // - - - - - - - - - - - - - - - |
| + | @mixin motion-ui-transitions { |
| + | // Slide |
| + | .slide-in-down { @include mui-slide(in, down); } |
| + | .slide-in-left { @include mui-slide(in, right); } |
| + | .slide-in-up { @include mui-slide(in, bottom); } |
| + | .slide-in-right { @include mui-slide(in, left); } |
| + | .slide-out-down { @include mui-slide(out, bottom); } |
| + | .slide-out-right { @include mui-slide(out, right); } |
| + | .slide-out-up { @include mui-slide(out, top); } |
| + | .slide-out-left { @include mui-slide(out, left); } |
| + | |
| + | // Fade |
| + | .fade-in { @include mui-fade(in, 0, 1); } |
| + | .fade-out { @include mui-fade(out, 1, 0); } |
| + | |
| + | // Hinge |
| + | .hinge-in-from-top { @include mui-hinge(in, top); } |
| + | .hinge-in-from-right { @include mui-hinge(in, right); } |
| + | .hinge-in-from-bottom { @include mui-hinge(in, bottom); } |
| + | .hinge-in-from-left { @include mui-hinge(in, left); } |
| + | .hinge-in-from-middle-x { @include mui-hinge(in, top, center); } |
| + | .hinge-in-from-middle-y { @include mui-hinge(in, right, center); } |
| + | .hinge-out-from-top { @include mui-hinge(out, top); } |
| + | .hinge-out-from-right { @include mui-hinge(out, right); } |
| + | .hinge-out-from-bottom { @include mui-hinge(out, bottom); } |
| + | .hinge-out-from-left { @include mui-hinge(out, left); } |
| + | .hinge-out-from-middle-x { @include mui-hinge(out, top, center); } |
| + | .hinge-out-from-middle-y { @include mui-hinge(out, right, center); } |
| + | |
| + | // Scale |
| + | .scale-in-up { @include mui-zoom(in, 0.5, 1); } |
| + | .scale-in-down { @include mui-zoom(in, 1.5, 1); } |
| + | .scale-out-up { @include mui-zoom(out, 1, 1.5); } |
| + | .scale-out-down { @include mui-zoom(out, 1, 0.5); } |
| + | |
| + | // Spin |
| + | .spin-in { @include mui-spin(in, cw); } |
| + | .spin-out { @include mui-spin(out, cw); } |
| + | .spin-in-ccw { @include mui-spin(in, ccw); } |
| + | .spin-out-ccw { @include mui-spin(out, ccw); } |
| + | |
| + | // Transition Modifiers |
| + | // - - - - - - - - - - - - - - - |
| + | |
| + | @each $name, $value in $motion-ui-speeds { |
| + | @if $name != default { |
| + | .#{$name} { transition-duration: $value !important; } |
| + | } |
| + | } |
| + | |
| + | @each $name, $value in $motion-ui-easings { |
| + | @if $name != default { |
| + | .#{$name} { transition-timing-function: $value !important; } |
| + | } |
| + | } |
| + | |
| + | @each $name, $value in $motion-ui-delays { |
| + | @if $name != default { |
| + | .#{$name}-delay { transition-delay: $value !important; } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Animations |
| + | // - - - - - - - - - - - - - - - |
| + | @mixin motion-ui-animations { |
| + | .shake { @include mui-animation(shake); } |
| + | .spin-cw { @include mui-animation(spin); } |
| + | .spin-ccw { @include mui-animation(spin(ccw)); } |
| + | .wiggle { @include mui-animation(wiggle); } |
| + | |
| + | // Animation Modifiers |
| + | // - - - - - - - - - - - - - - - |
| + | .infinite { animation-iteration-count: infinite; } |
| + | |
| + | @each $name, $value in $motion-ui-speeds { |
| + | @if $name != default { |
| + | .#{$name} { animation-duration: $value !important; } |
| + | } |
| + | } |
| + | |
| + | @each $name, $value in $motion-ui-easings { |
| + | @if $name != default { |
| + | .#{$name} { animation-timing-function: $value !important; } |
| + | } |
| + | } |
| + | |
| + | @each $name, $value in $motion-ui-delays { |
| + | @if $name != default { |
| + | .#{$name}-delay { animation-delay: $value !important; } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/_settings.scss
+61
-0
| @@ | @@ -0,0 +1,61 @@ |
| + | /// Format for CSS classes created with Motion UI. |
| + | /// @type Map |
| + | /// @prop {Boolean} append [true] - Defines if selectors are chained to the selector (`.class.enter`), or appended as a new class (`.class-enter`). |
| + | /// @prop {String} prefix ['mui-'] - Prefix to add before the state of a class. Enter an empty string to use no prefix. |
| + | /// @prop {String} prefix ['-active'] - Suffix to add to the active state class. |
| + | $motion-ui-classes: ( |
| + | chain: true, |
| + | prefix: 'mui-', |
| + | active: '-active', |
| + | ) !default; |
| + | |
| + | /// State names to reference when writing motion classes. To use multiple class names for one state, enter a list of strings instead of one string. |
| + | /// @type Map |
| + | $motion-ui-states: ( |
| + | in: 'enter', |
| + | out: 'leave', |
| + | ) !default; |
| + | |
| + | /// Default speed that transitions and animations play at, along with values for modifier classes to change the speed. |
| + | /// @type Map |
| + | $motion-ui-speeds: ( |
| + | default: 500ms, |
| + | slow: 750ms, |
| + | fast: 250ms, |
| + | ) !default; |
| + | |
| + | /// Default delay to add before motion, along with values for modifier classes to change the delay. |
| + | /// @type Map |
| + | $motion-ui-delays: ( |
| + | default: 0, |
| + | short: 300ms, |
| + | long: 700ms, |
| + | ) !default; |
| + | |
| + | /// Default easing for transitions and animations, along with values for modifier classes to change the easing. |
| + | /// @type Map |
| + | $motion-ui-easings: ( |
| + | default: linear, |
| + | linear: linear, |
| + | ease: ease, |
| + | ease-in: ease-in, |
| + | ease-out: ease-out, |
| + | ease-in-out: ease-in-out, |
| + | bounce-in: cubic-bezier(0.485, 0.155, 0.24, 1.245), |
| + | bounce-out: cubic-bezier(0.485, 0.155, 0.515, 0.845), |
| + | bounce-in-out: cubic-bezier(0.76, -0.245, 0.24, 1.245), |
| + | ) !default; |
| + | |
| + | /// Miscellaneous settings related to Motion UI. |
| + | /// @type Map |
| + | /// @prop {Boolean} slide-and-fade [false] - Defines if slide motions should also fade in/out. |
| + | /// @prop {Boolean} slide-and-fade [true] - Defines if hinge motions should also fade in/out. |
| + | /// @prop {Boolean} slide-and-fade [true] - Defines if scale motions should also fade in/out. |
| + | /// @prop {Boolean} slide-and-fade [true] - Defines if spin motions should also fade in/out. |
| + | $motion-ui-settings: ( |
| + | slide-and-fade: false, |
| + | hinge-and-fade: true, |
| + | scale-and-fade: true, |
| + | spin-and-fade: true, |
| + | activate-queue-class: 'is-animating', |
| + | ) !default; |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_fade.scss
+29
-0
| @@ | @@ -0,0 +1,29 @@ |
| + | /// Creates a fading animation. |
| + | /// @param {Number} $from [0] - Opacity to start at. |
| + | /// @param {Number} $to [1] - Opacity to end at. |
| + | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| + | @function fade( |
| + | $from: 0, |
| + | $to: 1 |
| + | ) { |
| + | $type: type-of($from); |
| + | $keyframes: (); |
| + | |
| + | @if $type == 'string' { |
| + | @if $from == in { |
| + | $from: 0; |
| + | $to: 1; |
| + | } @else if $from == out { |
| + | $from: 1; |
| + | $to: 0; |
| + | } |
| + | } |
| + | |
| + | $keyframes: ( |
| + | name: 'fade-#{$from}-to-#{$to}', |
| + | 0: (opacity: $from), |
| + | 100: (opacity: $to), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_hinge.scss
+65
-0
| @@ | @@ -0,0 +1,65 @@ |
| + | /// Creates a hinge effect by rotating the element. |
| + | /// @param {Keyword} $state [in] - State to transition to. |
| + | /// @param {Keyword} $from [left] - Edge of the element to rotate from. Can be `top`, `right`, `bottom`, or `left`. |
| + | /// @param {Keyword} $axis [edge] - Axis of the element to rotate on. Can be `edge` or `center`. |
| + | /// @param {Number} $perspective [2000px] - Perceived distance between the viewer and the element. A higher number will make the rotation effect more pronounced. |
| + | /// @param {Keyword} $turn-origin [from-back] - Side of the element to start the rotation from. Can be `from-back` or `from-front`. |
| + | @function hinge ( |
| + | $state: in, |
| + | $from: left, |
| + | $axis: edge, |
| + | $perspective: 2000px, |
| + | $turn-origin: from-back |
| + | ) { |
| + | // Rotation directions when hinging from back vs. front |
| + | $rotation-amount: 90deg; |
| + | $rotations-back: ( |
| + | top: rotateX($rotation-amount * -1), |
| + | right: rotateY($rotation-amount * -1), |
| + | bottom: rotateX($rotation-amount), |
| + | left: rotateY($rotation-amount), |
| + | ); |
| + | $rotations-from: ( |
| + | top: rotateX($rotation-amount), |
| + | right: rotateY($rotation-amount), |
| + | bottom: rotateX($rotation-amount * -1), |
| + | left: rotateY($rotation-amount * -1), |
| + | ); |
| + | |
| + | // Rotation origin |
| + | $rotation: ''; |
| + | @if $turn-origin == from-front { |
| + | $rotation: map-get($rotations-from, $from); |
| + | } @else if $turn-origin == from-back { |
| + | $rotation: map-get($rotations-back, $from); |
| + | } @else { |
| + | @warn '$turn-origin must be either "from-back" or "from-front"'; |
| + | } |
| + | |
| + | // Start and end state |
| + | $start: ''; |
| + | $end: ''; |
| + | @if $state == in { |
| + | $start: perspective($perspective) $rotation; |
| + | $end: perspective($perspective) rotate(0deg); |
| + | } @else { |
| + | $start: perspective($perspective) rotate(0deg); |
| + | $end: perspective($perspective) $rotation; |
| + | } |
| + | |
| + | // Turn axis |
| + | $origin: ''; |
| + | @if $axis == edge { |
| + | $origin: $from; |
| + | } @else { |
| + | $origin: center; |
| + | } |
| + | |
| + | $keyframes: ( |
| + | name: 'hinge-#{$state}-#{$from}-#{$axis}-#{$turn-origin}', |
| + | 0: (transform: $start, transform-origin: $origin), |
| + | 100: (transform: $end), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_shake.scss
+15
-0
| @@ | @@ -0,0 +1,15 @@ |
| + | /// Creates a shaking animation. |
| + | /// @param {Percentage} $intensity [7%] - Intensity of the shake, as a percentage value. |
| + | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| + | @function shake($intensity: 7%) { |
| + | $right: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90); |
| + | $left: (5, 15, 25, 35, 45, 55, 65, 75, 85, 95); |
| + | |
| + | $keyframes: ( |
| + | name: 'shake-#{($intensity / 1%)}', |
| + | $right: (transform: translateX($intensity)), |
| + | $left: (transform: translateX(-$intensity)), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_slide.scss
+41
-0
| @@ | @@ -0,0 +1,41 @@ |
| + | /// Creates a sliding animation. |
| + | /// @param {Keyword} $state [in] - Whether to move to (`in`) or from (`out`) the element's default position. |
| + | /// @param {Keyword} $direction [up] - Direction to move. Can be `up`, `down`, `left`, or `right`. |
| + | /// @param {Number} $amount [100%] - Distance to move. Can be any CSS length unit. |
| + | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| + | @function slide( |
| + | $state: in, |
| + | $direction: up, |
| + | $amount: 100% |
| + | ) { |
| + | $from: $amount; |
| + | $to: 0; |
| + | $func: 'translateY'; |
| + | |
| + | @if $direction == left or $direction == right { |
| + | $func: 'translateX'; |
| + | } |
| + | |
| + | @if $state == out { |
| + | $from: 0; |
| + | $to: $amount; |
| + | } |
| + | |
| + | @if $direction == down or $direction == right { |
| + | @if $state == in { |
| + | $from: -$from; |
| + | } |
| + | } @else { |
| + | @if $state == out { |
| + | $to: -$to; |
| + | } |
| + | } |
| + | |
| + | $keyframes: ( |
| + | name: 'slide-#{$state}-#{$direction}-#{strip-unit($amount)}', |
| + | 0: (transform: '#{$func}(#{$from})'), |
| + | 100: (transform: '#{$func}(#{$to})'), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_spin.scss
+28
-0
| @@ | @@ -0,0 +1,28 @@ |
| + | /// Creates a spinning animation. |
| + | /// @param {Keyword} $direction [cw] - Direction to spin. Should be `cw` (clockwise) or `ccw` (counterclockwise). |
| + | /// @param {Number} $amount [360deg] - Amount to spin. Can be any CSS angle unit. |
| + | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| + | @function spin( |
| + | $state: in, |
| + | $direction: cw, |
| + | $amount: 1turn |
| + | ) { |
| + | $start: 0; |
| + | $end: 0; |
| + | |
| + | @if $state == in { |
| + | $start: if($direction == ccw, $amount, $amount * -1); |
| + | $end: 0; |
| + | } @else { |
| + | $start: 0; |
| + | $end: if($direction == ccw, $amount * -1, $amount); |
| + | } |
| + | |
| + | $keyframes: ( |
| + | name: 'spin-#{$direction}-#{$amount}', |
| + | 0: (transform: rotate($start)), |
| + | 100: (transform: rotate($end)), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_wiggle.scss
+13
-0
| @@ | @@ -0,0 +1,13 @@ |
| + | /// Creates a wiggling animation. |
| + | /// @param {Number} $intensity [7deg] - Intensity of the wiggle. Can be any CSS angle unit. |
| + | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| + | @function wiggle($intensity: 7deg) { |
| + | $keyframes: ( |
| + | name: 'wiggle-#{$intensity}', |
| + | (40, 50, 60): (transform: rotate($intensity)), |
| + | (35, 45, 55, 65): (transform: rotate(-$intensity)), |
| + | (0, 30, 70, 100): (transform: rotate(0)), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
+15
-0
| @@ | @@ -0,0 +1,15 @@ |
| + | /// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller. |
| + | /// @param {Number} $from [1.5] - Size to start at. |
| + | /// @param {Number} $from [1] - Size to end at. |
| + | @function zoom( |
| + | $from: 0, |
| + | $to: 1 |
| + | ) { |
| + | $keyframes: ( |
| + | name: 'scale-#{$to}-to-#{$from}', |
| + | 0: (transform: scale($from)), |
| + | 100: (transform: scale($to)), |
| + | ); |
| + | |
| + | @return $keyframes; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/motion-ui.scss
+29
-0
| @@ | @@ -0,0 +1,29 @@ |
| + | // Motion UI by ZURB |
| + | // foundation.zurb.com/motion-ui |
| + | // Licensed under MIT Open Source |
| + | |
| + | @import 'settings'; |
| + | |
| + | @import 'util/animation'; |
| + | @import 'util/args'; |
| + | @import 'util/keyframe'; |
| + | @import 'util/selector'; |
| + | @import 'util/series'; |
| + | @import 'util/transition'; |
| + | @import 'util/unit'; |
| + | |
| + | @import 'effects/fade'; |
| + | @import 'effects/hinge'; |
| + | @import 'effects/spin'; |
| + | @import 'effects/zoom'; |
| + | @import 'effects/shake'; |
| + | @import 'effects/slide'; |
| + | @import 'effects/wiggle'; |
| + | |
| + | @import 'transitions/fade'; |
| + | @import 'transitions/hinge'; |
| + | @import 'transitions/zoom'; |
| + | @import 'transitions/slide'; |
| + | @import 'transitions/spin'; |
| + | |
| + | @import 'classes'; |
generators/foundation/public/stylesheets/foundation6/motion-ui/transitions/_fade.scss
+28
-0
| @@ | @@ -0,0 +1,28 @@ |
| + | /// Creates a fade transition by adjusting the opacity of the element. |
| + | /// @param {Keyword} $state [in] - State to transition to. |
| + | /// @param {Number} $from [0] - Opacity to start at. Must be a number between 0 and 1. |
| + | /// @param {Number} $to [1] - Opacity to end on. |
| + | /// @param {Keyword} $duration [null] - Length (speed) of the transition. |
| + | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| + | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| + | @mixin mui-fade( |
| + | $state: in, |
| + | $from: 0, |
| + | $to: 1, |
| + | $duration: null, |
| + | $timing: null, |
| + | $delay: null |
| + | ) { |
| + | $fade: fade($from, $to); |
| + | |
| + | @include transition-start($state) { |
| + | @include transition-basics($duration, $timing, $delay); |
| + | @include -mui-keyframe-get($fade, 0); |
| + | |
| + | transition-property: opacity; |
| + | } |
| + | |
| + | @include transition-end($state) { |
| + | @include -mui-keyframe-get($fade, 100); |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/transitions/_hinge.scss
+43
-0
| @@ | @@ -0,0 +1,43 @@ |
| + | /// Creates a hinge transition by rotating the element. |
| + | /// @param {Keyword} $state [in] - State to transition to. |
| + | /// @param {Keyword} $from [left] - Edge of the element to rotate from. Can be `top`, `right`, `bottom`, or `left`. |
| + | /// @param {Keyword} $axis [edge] - Axis of the element to rotate on. Can be `edge` or `center`. |
| + | /// @param {Length} $perspective [2000px] - Perceived distance between the viewer and the element. A higher number will make the rotation effect more pronounced. |
| + | /// @param {Keyword} $turn-origin [from-back] - Side of the element to start the rotation from. Can be `from-back` or `from-front`. |
| + | /// @param {Boolean} $fade [true] - Set to `true` to fade the element in or out simultaneously. |
| + | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| + | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| + | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| + | @mixin mui-hinge ( |
| + | $state: in, |
| + | $from: left, |
| + | $axis: edge, |
| + | $perspective: 2000px, |
| + | $turn-origin: from-back, |
| + | $fade: map-get($motion-ui-settings, hinge-and-fade), |
| + | $duration: null, |
| + | $timing: null, |
| + | $delay: null |
| + | ) { |
| + | $hinge: hinge($state, $from, $axis, $perspective, $turn-origin); |
| + | |
| + | @include transition-start($state) { |
| + | @include transition-basics($duration, $timing, $delay); |
| + | @include -mui-keyframe-get($hinge, 0); |
| + | |
| + | @if $fade { |
| + | transition-property: transform, opacity; |
| + | opacity: if($state == in, 0, 1); |
| + | } @else { |
| + | transition-property: transform, opacity; |
| + | } |
| + | } |
| + | |
| + | @include transition-end($state) { |
| + | @include -mui-keyframe-get($hinge, 100); |
| + | |
| + | @if $fade { |
| + | opacity: if($state == in, 1, 0); |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/transitions/_slide.scss
+42
-0
| @@ | @@ -0,0 +1,42 @@ |
| + | /// Creates a sliding transition by translating the element horizontally or vertically. |
| + | /// @param {Keyword} $state [in] - State to transition to. |
| + | /// @param {Keyword} $direction [left] - Side of the element to slide from. Can be `top`, `right`, `bottom`, or `left`. |
| + | /// @param {Length} $amount [100%] - Length of the slide as a percentage value. |
| + | /// @param {Boolean} $fade [false] - Set to `true` to fade the element in or out simultaneously. |
| + | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| + | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| + | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| + | @mixin mui-slide ( |
| + | $state: in, |
| + | $direction: left, |
| + | $amount: 100%, |
| + | $fade: map-get($motion-ui-settings, slide-and-fade), |
| + | $duration: null, |
| + | $timing: null, |
| + | $delay: null |
| + | ) { |
| + | $slide: slide($state, $direction, $amount); |
| + | |
| + | // CSS Output |
| + | @include transition-start($state) { |
| + | @include transition-basics($duration, $timing, $delay); |
| + | @include -mui-keyframe-get($slide, 0); |
| + | |
| + | @if $fade { |
| + | transition-property: transform, opacity; |
| + | opacity: if($state == in, 0, 1); |
| + | } @else { |
| + | transition-property: transform, opacity; |
| + | } |
| + | |
| + | backface-visibility: hidden; |
| + | } |
| + | |
| + | @include transition-end($state) { |
| + | @include -mui-keyframe-get($slide, 100); |
| + | |
| + | @if $fade { |
| + | opacity: if($state == in, 1, 0); |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/transitions/_spin.scss
+39
-0
| @@ | @@ -0,0 +1,39 @@ |
| + | /// Creates a spinning transition by rotating the element. The `turn` unit is used to specify how far to rotate. `1turn` is equal to a 360-degree spin. |
| + | /// @param {Keyword} $state [in] - State to transition to. |
| + | /// @param {Boolean} $direction [cw] - Direction to spin. Should be `cw` (clockwise) or `ccw` (counterclockwise). |
| + | /// @param {Number} $amount [0.75turn] - Amount to element the element. |
| + | /// @param {Boolean} $fade [false] - Set to `true` to fade the element in or out simultaneously. |
| + | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| + | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| + | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| + | @mixin mui-spin( |
| + | $state: in, |
| + | $direction: cw, |
| + | $amount: 0.75turn, |
| + | $fade: map-get($motion-ui-settings, spin-and-fade), |
| + | $duration: null, |
| + | $timing: null, |
| + | $delay: null |
| + | ) { |
| + | $spin: spin($state, $direction, $amount); |
| + | |
| + | @include transition-start($state) { |
| + | @include transition-basics($duration, $timing, $delay); |
| + | @include -mui-keyframe-get($spin, 0); |
| + | |
| + | @if $fade { |
| + | transition-property: transform, opacity; |
| + | opacity: if($state == in, 0, 1); |
| + | } @else { |
| + | transition-property: transform, opacity; |
| + | } |
| + | } |
| + | |
| + | @include transition-end($state) { |
| + | @include -mui-keyframe-get($spin, 100); |
| + | |
| + | @if $fade { |
| + | opacity: if($state == in, 1, 0); |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/transitions/_zoom.scss
+39
-0
| @@ | @@ -0,0 +1,39 @@ |
| + | /// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller. |
| + | /// @param {Keyword} $state [in] - State to transition to. |
| + | /// @param {Number} $from [1.5] - Size to start at. |
| + | /// @param {Number} $from [1] - Size to end at. |
| + | /// @param {Boolean} $fade [true] - Set to `true` to fade the element in or out simultaneously. |
| + | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| + | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| + | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| + | @mixin mui-zoom( |
| + | $state: in, |
| + | $from: 1.5, |
| + | $to: 1, |
| + | $fade: map-get($motion-ui-settings, scale-and-fade), |
| + | $duration: null, |
| + | $timing: null, |
| + | $delay: null |
| + | ) { |
| + | $scale: zoom($from, $to); |
| + | |
| + | @include transition-start($state) { |
| + | @include transition-basics($duration, $timing, $delay); |
| + | @include -mui-keyframe-get($scale, 0); |
| + | |
| + | @if $fade { |
| + | transition-property: transform, opacity; |
| + | opacity: if($state == in, 0, 1); |
| + | } @else { |
| + | transition-property: transform, opacity; |
| + | } |
| + | } |
| + | |
| + | @include transition-end($state) { |
| + | @include -mui-keyframe-get($scale, 100); |
| + | |
| + | @if $fade { |
| + | opacity: if($state == in, 1, 0); |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_animation.scss
+7
-0
| @@ | @@ -0,0 +1,7 @@ |
| + | /// Creates a keyframe from one or more effect functions and assigns it to the element by adding the `animation-name` property. |
| + | /// @param {Function} $effects... - One or more effect functions to build the keyframe with. |
| + | @mixin mui-animation($args...) { |
| + | $name: map-get(-mui-process-args($args...), name); |
| + | @include mui-keyframes($name, $args...); |
| + | animation-name: unquote($name); |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_args.scss
+15
-0
| @@ | @@ -0,0 +1,15 @@ |
| + | /// Processes a series of keyframe function arguments. |
| + | /// @access private |
| + | @function -mui-process-args($args...) { |
| + | @if length($args) == 1 { |
| + | $arg: nth($args, 1); |
| + | |
| + | @if type-of($arg) == 'string' { |
| + | @return call($arg); |
| + | } @else if type-of($arg) == 'map' { |
| + | @return $arg; |
| + | } |
| + | } |
| + | |
| + | @return -mui-keyframe-combine($args...); |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_keyframe.scss
+136
-0
| @@ | @@ -0,0 +1,136 @@ |
| + | // Internal counter for creating unique keyframe names |
| + | $-mui-custom: 0; |
| + | |
| + | /// Creates a keyframe from one or more effect functions. Use this function instead of `mui-animation` if you want to create a keyframe animation *without* automatically assigning it to the element. |
| + | /// @param {String} $name - Name of the keyframe. |
| + | /// @param {Function} $effects... - One or more effect functions to build the keyframe with. |
| + | @mixin mui-keyframes($name, $effects...) { |
| + | $obj: -mui-process-args($effects...); |
| + | $obj: map-remove($obj, name); |
| + | |
| + | @keyframes #{$name} { |
| + | // Now iterate through each keyframe percentage |
| + | @each $pct, $props in $obj { |
| + | #{-mui-keyframe-pct($pct)} { |
| + | // Lastly, iterate through each CSS property within a percentage and print it out |
| + | @each $prop, $value in $props { |
| + | #{$prop}: #{$value}; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Creates a string for a CSS keyframe, by converting a list of numbers to a comma-separated list of percentage values. |
| + | /// @param {Number|List} $input - List of numbers to use. |
| + | /// @return {String} A set of comma-separated percentage values. |
| + | /// @access private |
| + | @function -mui-keyframe-pct($input) { |
| + | $output: (); |
| + | |
| + | @if type-of($input) == 'number' { |
| + | $output: ($input * 1%); |
| + | } @else if type-of($input) == 'list' { |
| + | @each $i in $input { |
| + | $output: append($output, ($i * 1%), comma); |
| + | } |
| + | } |
| + | |
| + | @return $output; |
| + | } |
| + | |
| + | /// Prints the CSS properties from a specific key in a keyframes map. Used to borrow CSS from keyframe functions for use in transitions. |
| + | /// @param {Map} $kf - Keyframe map to extract from. |
| + | /// @param {Number} $key - Key in the map to print the CSS of. |
| + | /// @access private |
| + | @mixin -mui-keyframe-get($kf, $key) { |
| + | $map: map-get($kf, $key); |
| + | |
| + | @each $prop, $value in $map or () { |
| + | // Some keyframe maps store transforms as quoted strings |
| + | @if type-of($value) == 'string' { |
| + | $value: unquote($value); |
| + | } |
| + | #{$prop}: $value; |
| + | } |
| + | } |
| + | |
| + | /// Reformats a map containing keys with a list of values, so that each key is a single value. |
| + | /// @param {Map} $map - Map to split up. |
| + | /// @return {Map} A reformatted map. |
| + | /// @access private |
| + | @function -mui-keyframe-split($map) { |
| + | $new-map: (); |
| + | |
| + | // Split keys with multiple values into individual keys |
| + | @each $key, $item in $map { |
| + | $key-type: type-of($key); |
| + | |
| + | @if $key-type == 'number' { |
| + | $new-map: map-merge($new-map, ($key: $item)); |
| + | } @else if $key-type == 'list' { |
| + | @each $k in $key { |
| + | $new-map: map-merge($new-map, ($k: $item)); |
| + | } |
| + | } |
| + | } |
| + | |
| + | @return $new-map; |
| + | } |
| + | |
| + | /// Combines a series of keyframe objects into one. |
| + | /// @param {Map} $maps... - A series of maps to merge, as individual parameters. |
| + | /// @return {Map} A combined keyframe object. |
| + | /// @access private |
| + | @function -mui-keyframe-combine($maps...) { |
| + | $new-map: (); |
| + | |
| + | // Iterate through each map passed in |
| + | @each $map in $maps { |
| + | @if type-of($map) == 'string' { |
| + | $map: call($map); |
| + | } |
| + | |
| + | $map: -mui-keyframe-split($map); |
| + | |
| + | // Iterate through each keyframe in the map |
| + | // $key is the keyframe percentage |
| + | // $value is a map of CSS properties |
| + | @each $key, $value in $map { |
| + | $new-value: (); |
| + | |
| + | @if map-has-key($new-map, $key) { |
| + | // If the map already has the keyframe %, append the new property |
| + | $new-value: -mui-merge-properties(map-get($new-map, $key), $value); |
| + | } @else { |
| + | // Otherwise, create a new map with the new property |
| + | $new-value: $value; |
| + | } |
| + | |
| + | // Finally, merge the modified keyframe value into the output map |
| + | $new-map: map-merge($new-map, ($key: $new-value)); |
| + | } |
| + | } |
| + | |
| + | // Make a name for the keyframes |
| + | $-mui-custom: $-mui-custom + 1 !global; |
| + | $map-name: (name: 'custom-#{$-mui-custom}'); |
| + | $new-map: map-merge($new-map, $map-name); |
| + | |
| + | @return $new-map; |
| + | } |
| + | |
| + | /// Combines two maps of CSS properties into one map. If both maps have a transform property, the values from each will be combined into one property. |
| + | /// @param {Map} $one - First map to merge. |
| + | /// @param {Map} $two - Second map to merge. |
| + | /// @return {Map} A combined map. |
| + | /// @access private |
| + | @function -mui-merge-properties($one, $two) { |
| + | @if map-has-key($one, transform) and map-has-key($two, transform) { |
| + | $transform: join(map-get($one, transform), map-get($two, transform)); |
| + | $one: map-merge($one, (transform: $transform)); |
| + | $two: map-remove($two, transform); |
| + | } |
| + | |
| + | @return map-merge($one, $two); |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_selector.scss
+23
-0
| @@ | @@ -0,0 +1,23 @@ |
| + | /// Builds a selector for a motion class, using the settings defined in the `$motion-ui-classes` and `$motion-ui-states` maps. |
| + | /// @param {String|List} $states - One or more strings that correlate to a state. |
| + | /// @param {Boolean} $active - Defines if the selector is for the setup or active class. |
| + | /// @return {String} A selector that can be interpolated into your Sass code. |
| + | /// @access private |
| + | @function -mui-build-selector($states, $active: false) { |
| + | $return: ''; |
| + | $chain: map-get($motion-ui-classes, chain); |
| + | $prefix: map-get($motion-ui-classes, prefix); |
| + | $suffix: map-get($motion-ui-classes, active); |
| + | |
| + | @each $sel in $states { |
| + | $return: $return + if($chain, '&.', '#{&}-') + $prefix + $sel; |
| + | |
| + | @if $active { |
| + | $return: $return + if($chain, '.', '#{&}-') + $prefix + $sel + $suffix; |
| + | } |
| + | |
| + | $return: $return + ', '; |
| + | } |
| + | |
| + | @return str-slice($return, 1, -3); |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_series.scss
+54
-0
| @@ | @@ -0,0 +1,54 @@ |
| + | $-mui-queue: (); |
| + | |
| + | /// Pauses the animation on an element by default, and then plays it when an active class is added to a parent. Also sets the fill mode of the animation to `both`. This pauses the element at the first frame of the animation, and holds it in place at the end. |
| + | /// @access private |
| + | %animated-element { |
| + | animation-play-state: paused; |
| + | animation-fill-mode: both; |
| + | |
| + | .#{map-get($motion-ui-settings, activate-queue-class)} & { |
| + | animation-play-state: running; |
| + | } |
| + | } |
| + | |
| + | /// Creates a new animation queue. |
| + | /// @param {Duration} $delay [0s] - Delay in seconds or milliseconds to place at the front of the animation queue. |
| + | @mixin mui-series($delay: 0s) { |
| + | $-mui-queue: () !global; |
| + | |
| + | @if $delay > 0 { |
| + | $item: ($delay, 0s); |
| + | $-mui-queue: append($-mui-queue, $item) !global; |
| + | } |
| + | |
| + | @content; |
| + | } |
| + | |
| + | /// Adds an animation to an animation queue. Only use this mixin inside of `mui-series()`. |
| + | /// @param {Duration} $duration [1s] - Length of the animation. |
| + | /// @param {Duration} $gap [0s] - Amount of time to pause before playing the animation after this one. Use a negative value to make the next effect overlap with the current one. |
| + | /// @param {Function} $keyframes... - One or more effect functions to build the keyframe with. |
| + | @mixin mui-queue( |
| + | $duration: 1s, |
| + | $gap: 0s, |
| + | $keyframes... |
| + | ) { |
| + | // Build the animation |
| + | $kf: -mui-process-args($keyframes...); |
| + | |
| + | // Calculate the delay for this animation based on how long the previous ones take |
| + | $actual-delay: 0s; |
| + | @each $anim in $-mui-queue { |
| + | $actual-delay: $actual-delay + nth($anim, 1) + nth($anim, 2); |
| + | } |
| + | |
| + | // Append this animation's length and gap to the end of the queue |
| + | $item: ($duration, $gap); |
| + | $-mui-queue: append($-mui-queue, $item) !global; |
| + | |
| + | // CSS output |
| + | @extend %animated-element; |
| + | @include mui-animation($kf); |
| + | animation-duration: $duration; |
| + | animation-delay: $actual-delay; |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_transition.scss
+45
-0
| @@ | @@ -0,0 +1,45 @@ |
| + | /// Applies basic transition settings to an element. |
| + | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| + | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| + | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| + | @mixin transition-basics( |
| + | $duration: null, |
| + | $timing: null, |
| + | $delay: null |
| + | ) { |
| + | @extend %mui-defaults; |
| + | transition-duration: $duration; |
| + | transition-timing-function: $timing; |
| + | transition-delay: $delay; |
| + | } |
| + | |
| + | /// Wraps the content in the setup class for a transition. |
| + | /// @param {Keyword} $dir - State to setup for transition. |
| + | @mixin transition-start($dir) { |
| + | $selector: -mui-build-selector(map-get($motion-ui-states, $dir)); |
| + | |
| + | @at-root { |
| + | #{$selector} { |
| + | @content; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Wraps the content in the active class for a transition. |
| + | /// @param {Keyword} $dir - State to activate a transition on. |
| + | @mixin transition-end($dir) { |
| + | $selector: -mui-build-selector(map-get($motion-ui-states, $dir), true); |
| + | |
| + | @at-root { |
| + | #{$selector} { |
| + | @content; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds styles for a stagger animation, which can be used with Angular's `ng-repeat`. |
| + | /// @param {Duration} $delay-amount - Amount of time in seconds or milliseconds to add between each item's animation. |
| + | @mixin stagger($delay-amount) { |
| + | transition-delay: $delay-amount; |
| + | transition-duration: 0; // Prevent accidental CSS inheritance |
| + | } |
generators/foundation/public/stylesheets/foundation6/motion-ui/util/_unit.scss
+7
-0
| @@ | @@ -0,0 +1,7 @@ |
| + | /// Removes the unit (e.g. px, em, rem) from a value, returning the number only. |
| + | /// @param {Number} $num - Number to strip unit from. |
| + | /// @return {Number} The same number, sans unit. |
| + | /// @access private |
| + | @function strip-unit($num) { |
| + | @return $num / ($num * 0 + 1); |
| + | } |
generators/foundation/public/stylesheets/foundation6/settings/_settings.scss
+531
-0
| @@ | @@ -0,0 +1,531 @@ |
| + | // Foundation for Sites Settings |
| + | // ----------------------------- |
| + | // |
| + | // Table of Contents: |
| + | // |
| + | // 1. Global |
| + | // 2. Breakpoints |
| + | // 3. The Grid |
| + | // 4. Base Typography |
| + | // 5. Typography Helpers |
| + | // 6. Abide |
| + | // 7. Accordion |
| + | // 8. Accordion Menu |
| + | // 9. Badge |
| + | // 10. Breadcrumbs |
| + | // 11. Button |
| + | // 12. Button Group |
| + | // 13. Callout |
| + | // 14. Close Button |
| + | // 15. Drilldown |
| + | // 16. Dropdown |
| + | // 17. Dropdown Menu |
| + | // 18. Flex Video |
| + | // 19. Forms |
| + | // 20. Label |
| + | // 21. Media Object |
| + | // 22. Menu |
| + | // 23. Off-canvas |
| + | // 24. Orbit |
| + | // 25. Pagination |
| + | // 26. Progress Bar |
| + | // 27. Reveal |
| + | // 28. Slider |
| + | // 29. Switch |
| + | // 30. Table |
| + | // 31. Tabs |
| + | // 32. Thumbnail |
| + | // 33. Tooltip |
| + | // 34. Top Bar |
| + | |
| + | @import 'util/util'; |
| + | |
| + | // 1. Global |
| + | // --------- |
| + | |
| + | $global-width: rem-calc(1200); |
| + | $global-font-size: 100%; |
| + | $global-lineheight: 1.5; |
| + | $primary-color: #2199e8; |
| + | $secondary-color: #777; |
| + | $success-color: #3adb76; |
| + | $warning-color: #ffae00; |
| + | $alert-color: #ec5840; |
| + | $light-gray: #e6e6e6; |
| + | $medium-gray: #cacaca; |
| + | $dark-gray: #8a8a8a; |
| + | $black: #0a0a0a; |
| + | $white: #fefefe; |
| + | $body-background: $white; |
| + | $body-font-color: $black; |
| + | $body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| + | $body-antialiased: true; |
| + | $text-direction: ltr; |
| + | $global-margin: 1rem; |
| + | $global-padding: 1rem; |
| + | $global-margin: 1rem; |
| + | $global-weight-normal: normal; |
| + | $global-weight-bold: bold; |
| + | $global-radius: 0; |
| + | $global-namespace: false; |
| + | $global-text-direction: ltr; |
| + | $rem-base: 16px; |
| + | |
| + | // 2. Breakpoints |
| + | // -------------- |
| + | |
| + | $breakpoints: ( |
| + | small: 0, |
| + | medium: 640px, |
| + | large: 1024px, |
| + | xlarge: 1200px, |
| + | xxlarge: 1440px, |
| + | ); |
| + | $breakpoint-classes: (small medium large); |
| + | |
| + | // 3. The Grid |
| + | // ----------- |
| + | |
| + | $grid-row-width: $global-width; |
| + | $grid-column-count: 12; |
| + | $grid-column-gutter: 30px; |
| + | $block-grid-max: 6; |
| + | |
| + | // 4. Base Typography |
| + | // ------------------ |
| + | |
| + | $header-font-family: $body-font-family; |
| + | $header-font-weight: $global-weight-normal; |
| + | $header-font-style: normal; |
| + | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; |
| + | $header-sizes: ( |
| + | small: ( |
| + | 'h1': 24, |
| + | 'h2': 20, |
| + | 'h3': 19, |
| + | 'h4': 18, |
| + | 'h5': 17, |
| + | 'h6': 16, |
| + | ), |
| + | medium: ( |
| + | 'h1': 48, |
| + | 'h2': 40, |
| + | 'h3': 31, |
| + | 'h4': 25, |
| + | 'h5': 20, |
| + | 'h6': 16, |
| + | ), |
| + | ); |
| + | $header-color: inherit; |
| + | $header-lineheight: 1.4; |
| + | $header-margin-bottom: 0.5rem; |
| + | $header-text-rendering: optimizeLegibility; |
| + | $small-font-size: 80%; |
| + | $header-small-font-color: $medium-gray; |
| + | $paragraph-lineheight: 1.6; |
| + | $paragraph-margin-bottom: 1rem; |
| + | $paragraph-text-rendering: optimizeLegibility; |
| + | $code-color: $black; |
| + | $code-font-family: $font-family-monospace; |
| + | $code-font-weight: $global-weight-normal; |
| + | $code-background: $light-gray; |
| + | $code-border: 1px solid $medium-gray; |
| + | $code-padding: rem-calc(2 5 1); |
| + | $anchor-color: $primary-color; |
| + | $anchor-color-hover: scale-color($anchor-color, $lightness: -14%); |
| + | $anchor-text-decoration: none; |
| + | $anchor-text-decoration-hover: none; |
| + | $hr-width: $global-width; |
| + | $hr-border: 1px solid $medium-gray; |
| + | $hr-margin: rem-calc(20) auto; |
| + | $list-lineheight: $paragraph-lineheight; |
| + | $list-margin-bottom: $paragraph-margin-bottom; |
| + | $list-style-type: disc; |
| + | $list-style-position: outside; |
| + | $list-side-margin: 1.25rem; |
| + | $list-nested-side-margin: 1.25rem; |
| + | $defnlist-margin-bottom: 1rem; |
| + | $defnlist-term-weight: $global-weight-bold; |
| + | $defnlist-term-margin-bottom: 0.3rem; |
| + | $blockquote-color: $dark-gray; |
| + | $blockquote-padding: rem-calc(9 20 0 19); |
| + | $blockquote-border: 1px solid $medium-gray; |
| + | $cite-font-size: rem-calc(13); |
| + | $cite-color: $dark-gray; |
| + | $keystroke-font: $font-family-monospace; |
| + | $keystroke-color: $black; |
| + | $keystroke-background: $light-gray; |
| + | $keystroke-padding: rem-calc(2 4 0); |
| + | $keystroke-radius: $global-radius; |
| + | $abbr-underline: 1px dotted $black; |
| + | |
| + | // 5. Typography Helpers |
| + | // --------------------- |
| + | |
| + | $lead-font-size: $global-font-size * 1.25; |
| + | $lead-lineheight: 1.6; |
| + | $subheader-lineheight: 1.4; |
| + | $subheader-color: $dark-gray; |
| + | $subheader-font-weight: $global-weight-normal; |
| + | $subheader-margin-top: 0.2rem; |
| + | $subheader-margin-bottom: 0.5rem; |
| + | $stat-font-size: 2.5rem; |
| + | |
| + | // 6. Abide |
| + | // -------- |
| + | |
| + | $abide-inputs: true; |
| + | $abide-labels: true; |
| + | $input-background-invalid: $alert-color; |
| + | $form-label-color-invalid: $alert-color; |
| + | $input-error-color: $alert-color; |
| + | $input-error-font-size: rem-calc(12); |
| + | $input-error-font-weight: $global-weight-bold; |
| + | |
| + | // 7. Accordion |
| + | // ------------ |
| + | |
| + | $accordion-background: $white; |
| + | $accordion-plusminus: true; |
| + | $accordion-item-color: foreground($accordion-background, $primary-color); |
| + | $accordion-item-background-hover: $light-gray; |
| + | $accordion-item-padding: 1.25rem 1rem; |
| + | $accordion-content-background: $white; |
| + | $accordion-content-border: 1px solid $light-gray; |
| + | $accordion-content-color: foreground($accordion-background, $primary-color); |
| + | $accordion-content-padding: 1rem; |
| + | |
| + | // 8. Accordion Menu |
| + | // ----------------- |
| + | |
| + | $accordionmenu-arrows: true; |
| + | |
| + | // 9. Badge |
| + | // -------- |
| + | |
| + | $badge-background: $primary-color; |
| + | $badge-color: foreground($badge-background); |
| + | $badge-padding: 0.3em; |
| + | $badge-minwidth: 2.1em; |
| + | $badge-font-size: 0.6rem; |
| + | |
| + | // 10. Breadcrumbs |
| + | // --------------- |
| + | |
| + | $breadcrumbs-margin: 0 0 $global-margin 0; |
| + | $breadcrumbs-item-font-size: rem-calc(11); |
| + | $breadcrumbs-item-color: $primary-color; |
| + | $breadcrumbs-item-color-current: $black; |
| + | $breadcrumbs-item-color-disabled: $medium-gray; |
| + | $breadcrumbs-item-margin: 0.75rem; |
| + | $breadcrumbs-item-uppercase: true; |
| + | $breadcrumbs-item-slash: true; |
| + | |
| + | // 11. Button |
| + | // ---------- |
| + | |
| + | $button-padding: 0.85em 1em; |
| + | $button-margin: 0 $global-margin $global-margin 0; |
| + | $button-fill: solid; |
| + | $button-background: $primary-color; |
| + | $button-background-hover: scale-color($button-background, $lightness: -15%); |
| + | $button-color: #fff; |
| + | $button-color-alt: #000; |
| + | $button-radius: $global-radius; |
| + | $button-sizes: ( |
| + | tiny: 0.6rem, |
| + | small: 0.75rem, |
| + | default: 0.9rem, |
| + | large: 1.25rem, |
| + | ); |
| + | $button-opacity-disabled: 0.25; |
| + | |
| + | // 12. Button Group |
| + | // ---------------- |
| + | |
| + | $buttongroup-margin: 1rem; |
| + | $buttongroup-spacing: 1px; |
| + | $buttongroup-child-selector: '.button'; |
| + | $buttongroup-expand-max: 6; |
| + | |
| + | // 13. Callout |
| + | // ----------- |
| + | |
| + | $callout-background: $white; |
| + | $callout-background-fade: 85%; |
| + | $callout-border: 1px solid rgba($black, 0.25); |
| + | $callout-margin: 0 0 1rem 0; |
| + | $callout-padding: 1rem; |
| + | $callout-font-color: $body-font-color; |
| + | $callout-font-color-alt: $body-background; |
| + | $callout-radius: $global-radius; |
| + | $callout-link-tint: 30%; |
| + | |
| + | // 14. Close Button |
| + | // ---------------- |
| + | |
| + | $closebutton-position: right top; |
| + | $closebutton-offset-horizontal: 1rem; |
| + | $closebutton-offset-vertical: 0.5rem; |
| + | $closebutton-size: 2em; |
| + | $closebutton-lineheight: 1; |
| + | $closebutton-color: $dark-gray; |
| + | $closebutton-color-hover: $black; |
| + | |
| + | // 15. Drilldown |
| + | // ------------- |
| + | |
| + | $drilldown-transition: transform 0.15s linear; |
| + | $drilldown-arrows: true; |
| + | |
| + | // 16. Dropdown |
| + | // ------------ |
| + | |
| + | $dropdown-padding: 1rem; |
| + | $dropdown-border: 1px solid $medium-gray; |
| + | $dropdown-font-size: 16rem; |
| + | $dropdown-width: 300px; |
| + | $dropdown-radius: $global-radius; |
| + | $dropdown-sizes: ( |
| + | tiny: 100px, |
| + | small: 200px, |
| + | large: 400px, |
| + | ); |
| + | |
| + | // 17. Dropdown Menu |
| + | // ----------------- |
| + | |
| + | $dropdownmenu-arrows: true; |
| + | $dropdownmenu-min-width: 200px; |
| + | $dropdownmenu-background: $white; |
| + | $dropdown-border: 1px solid $medium-gray; |
| + | |
| + | // 18. Flex Video |
| + | // -------------- |
| + | |
| + | $flexvideo-padding-top: rem-calc(25); |
| + | $flexvideo-margin-bottom: rem-calc(16); |
| + | $flexvideo-ratio: 4 by 3; |
| + | $flexvideo-ratio-widescreen: 16 by 9; |
| + | |
| + | // 19. Forms |
| + | // --------- |
| + | |
| + | $fieldset-border: 1px solid $medium-gray; |
| + | $fieldset-padding: rem-calc(20); |
| + | $fieldset-margin: rem-calc(18 0); |
| + | $legend-padding: rem-calc(0 3); |
| + | $form-spacing: rem-calc(16); |
| + | $helptext-color: #333; |
| + | $helptext-font-size: rem-calc(13); |
| + | $helptext-font-style: italic; |
| + | $input-prefix-color: $black; |
| + | $input-prefix-background: $light-gray; |
| + | $input-prefix-border: 1px solid $medium-gray; |
| + | $input-prefix-padding: 1rem; |
| + | $form-label-color: $black; |
| + | $form-label-font-size: rem-calc(14); |
| + | $form-label-font-weight: $global-weight-normal; |
| + | $form-label-line-height: 1.8; |
| + | $select-background: #fafafa; |
| + | $select-triangle-color: #333; |
| + | $select-radius: $global-radius; |
| + | $input-color: $dark-gray; |
| + | $input-font-family: inherit; |
| + | $input-font-size: rem-calc(16); |
| + | $input-background: $white; |
| + | $input-background-focus: $white; |
| + | $input-background-disabled: $light-gray; |
| + | $input-border: 1px solid $medium-gray; |
| + | $input-border-focus: 1px solid $dark-gray; |
| + | $input-shadow: inset 0 1px 2px rgba($black, 0.1); |
| + | $input-shadow-focus: 0 0 5px $medium-gray; |
| + | $input-cursor-disabled: default; |
| + | $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
| + | $input-number-spinners: true; |
| + | $input-radius: $global-radius; |
| + | |
| + | // 20. Label |
| + | // --------- |
| + | |
| + | $label-background: $primary-color; |
| + | $label-color: foreground($label-background); |
| + | $label-font-size: 0.8rem; |
| + | $label-padding: 0.33333rem 0.5rem; |
| + | $label-radius: $global-radius; |
| + | |
| + | // 21. Media Object |
| + | // ---------------- |
| + | |
| + | $mediaobject-margin-bottom: $global-margin; |
| + | $mediaobject-section-padding: $global-padding; |
| + | $mediaobject-image-width-stacked: 100%; |
| + | |
| + | // 22. Menu |
| + | // -------- |
| + | |
| + | $menu-margin: 0; |
| + | $menu-margin-nested: 1rem; |
| + | $menu-item-padding: 0.7rem 1rem; |
| + | $menu-icon-spacing: 0.25rem; |
| + | $menu-expand-max: 6; |
| + | |
| + | // 23. Off-canvas |
| + | // -------------- |
| + | |
| + | $offcanvas-size: 250px; |
| + | $offcanvas-background: $light-gray; |
| + | $offcanvas-zindex: -1; |
| + | $offcanvas-transition-length: 0.5s; |
| + | $offcanvas-transition-timing: ease; |
| + | $offcanvas-exit-background: rgba($white, 0.25); |
| + | $maincontent-class: 'off-canvas-content'; |
| + | $maincontent-shadow: 0 0 10px rgba($black, 0.5); |
| + | |
| + | // 24. Orbit |
| + | // --------- |
| + | |
| + | $orbit-bullet-background: $medium-gray; |
| + | $orbit-bullet-background-active: $dark-gray; |
| + | $orbit-bullet-diameter: 1.2rem; |
| + | $orbit-bullet-margin: 0.1rem; |
| + | $orbit-bullet-margin-top: 0.8rem; |
| + | $orbit-bullet-margin-bottom: 0.8rem; |
| + | $orbit-caption-background: rgba($black, 0.5); |
| + | $orbit-caption-padding: 1rem; |
| + | $orbit-control-background-hover: rgba($black, 0.5); |
| + | $orbit-control-padding: 1rem; |
| + | $orbit-control-zindex: 10; |
| + | |
| + | // 25. Pagination |
| + | // -------------- |
| + | |
| + | $pagination-font-size: rem-calc(14); |
| + | $pagination-margin-bottom: $global-margin; |
| + | $pagination-item-color: $black; |
| + | $pagination-item-padding: rem-calc(3 10); |
| + | $pagination-item-spacing: rem-calc(1); |
| + | $pagination-radius: $global-radius; |
| + | $pagination-item-background-hover: $light-gray; |
| + | $pagination-item-background-current: $primary-color; |
| + | $pagination-item-color-current: foreground($pagination-item-background-current); |
| + | $pagination-item-color-disabled: $medium-gray; |
| + | $pagination-ellipsis-color: $black; |
| + | $pagination-mobile-items: false; |
| + | $pagination-arrows: true; |
| + | |
| + | // 26. Progress Bar |
| + | // ---------------- |
| + | |
| + | $progress-height: 1rem; |
| + | $progress-background: $medium-gray; |
| + | $progress-margin-bottom: $global-margin; |
| + | $progress-meter-background: $primary-color; |
| + | $progress-radius: $global-radius; |
| + | |
| + | // 27. Reveal |
| + | // ---------- |
| + | |
| + | $reveal-background: $white; |
| + | $reveal-width: 600px; |
| + | $reveal-max-width: $global-width; |
| + | $reveal-offset: rem-calc(100); |
| + | $reveal-padding: $global-padding; |
| + | $reveal-border: 1px solid $medium-gray; |
| + | $reveal-radius: $global-radius; |
| + | $reveal-zindex: 1005; |
| + | $reveal-overlay-background: rgba($black, 0.45); |
| + | |
| + | // 28. Slider |
| + | // ---------- |
| + | |
| + | $slider-height: 0.5rem; |
| + | $slider-width-vertical: $slider-height; |
| + | $slider-background: $light-gray; |
| + | $slider-fill-background: $medium-gray; |
| + | $slider-handle-height: 1.4rem; |
| + | $slider-handle-width: 1.4rem; |
| + | $slider-handle-background: $primary-color; |
| + | $slider-opacity-disabled: 0.25; |
| + | $slider-radius: $global-radius; |
| + | $slider-transition: all 0.2s ease-in-out; |
| + | |
| + | // 29. Switch |
| + | // ---------- |
| + | |
| + | $switch-background: $medium-gray; |
| + | $switch-background-active: $primary-color; |
| + | $switch-height: 2rem; |
| + | $switch-height-tiny: 1.5rem; |
| + | $switch-height-small: 1.75rem; |
| + | $switch-height-large: 2.5rem; |
| + | $switch-radius: $global-radius; |
| + | $switch-margin: $global-margin; |
| + | $switch-paddle-background: $white; |
| + | $switch-paddle-offset: 0.25rem; |
| + | $switch-paddle-radius: $global-radius; |
| + | $switch-paddle-transition: all 0.25s ease-out; |
| + | |
| + | // 30. Table |
| + | // --------- |
| + | |
| + | $table-background: $white; |
| + | $table-color-scale: 5%; |
| + | $table-border: 1px solid smart-scale($table-background, $table-color-scale); |
| + | $table-padding: rem-calc(8 10 10); |
| + | $table-hover-scale: 2%; |
| + | $table-row-hover: darken($table-background, $table-hover-scale); |
| + | $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale); |
| + | $table-striped-background: smart-scale($table-background, $table-color-scale); |
| + | $table-stripe: even; |
| + | $table-head-background: smart-scale($table-background, $table-color-scale / 2); |
| + | $table-foot-background: smart-scale($table-background, $table-color-scale); |
| + | $table-head-font-color: $body-font-color; |
| + | $show-header-for-stacked: false; |
| + | |
| + | // 31. Tabs |
| + | // -------- |
| + | |
| + | $tab-margin: 0; |
| + | $tab-background: $white; |
| + | $tab-background-active: $light-gray; |
| + | $tab-border: $light-gray; |
| + | $tab-item-color: foreground($tab-background, $primary-color); |
| + | $tab-item-background-hover: $white; |
| + | $tab-item-padding: 1.25rem 1.5rem; |
| + | $tab-expand-max: 6; |
| + | $tab-content-background: $white; |
| + | $tab-content-border: $light-gray; |
| + | $tab-content-color: foreground($tab-background, $primary-color); |
| + | $tab-content-padding: 1rem; |
| + | |
| + | // 32. Thumbnail |
| + | // ------------- |
| + | |
| + | $thumbnail-border: solid 4px $white; |
| + | $thumbnail-margin-bottom: $global-margin; |
| + | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); |
| + | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); |
| + | $thumbnail-transition: box-shadow 200ms ease-out; |
| + | $thumbnail-radius: $global-radius; |
| + | |
| + | // 33. Tooltip |
| + | // ----------- |
| + | |
| + | $tooltip-background-color: $black; |
| + | $tooltip-color: $white; |
| + | $tooltip-padding: 0.75rem; |
| + | $tooltip-font-size: $small-font-size; |
| + | $tooltip-pip-width: 0.75rem; |
| + | $tooltip-pip-height: $tooltip-pip-width * 0.866; |
| + | $tooltip-pip-offset: 1.25rem; |
| + | $tooltip-radius: $global-radius; |
| + | |
| + | // 34. Top Bar |
| + | // ----------- |
| + | |
| + | $topbar-padding: 0.5rem; |
| + | $topbar-background: #eee; |
| + | $topbar-link-color: #fff; |
| + | $topbar-input-width: 200px; |
| + | |
generators/foundation/public/stylesheets/foundation6/typography/_alignment.scss
+21
-0
| @@ | @@ -0,0 +1,21 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | @mixin foundation-text-alignment { |
| + | @each $align in (left, right, center, justify) { |
| + | .text-#{$align} { |
| + | text-align: $align; |
| + | } |
| + | |
| + | @each $size in $breakpoint-classes { |
| + | @include breakpoint($size) { |
| + | @if $size != 'small' { |
| + | .#{$size}-text-#{$align} { |
| + | text-align: $align; |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/typography/_base.scss
+436
-0
| @@ | @@ -0,0 +1,436 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group typography-base |
| + | //// |
| + | |
| + | // Base Typography |
| + | // - - - - - - - - - - - - - - - |
| + | // These are styles applied to basic HTML tags, including: |
| + | // - Paragraphs <p> |
| + | // - Bold/italics <b> <strong> <i> <em> |
| + | // - Small text <small> |
| + | // - Headings <h1>—<h6> |
| + | // - Anchors <a> |
| + | // - Dividers <hr> |
| + | // - Lists <ul> <ol> <dl> |
| + | // - Blockquotes <blockquote> |
| + | // - Code blocks <code> |
| + | // - Abbreviations <abbr> |
| + | // - Citations <cite> |
| + | // - Keystrokes <kbd> |
| + | |
| + | /// Font family for header elements. |
| + | /// @type String | List |
| + | $header-font-family: $body-font-family !default; |
| + | |
| + | /// Font weight of headers. |
| + | /// @type String |
| + | $header-font-weight: $global-weight-normal !default; |
| + | |
| + | /// Font style (e.g. italicized) of headers. |
| + | /// @type String |
| + | $header-font-style: normal !default; |
| + | |
| + | /// Font stack used for elements that use monospaced type, such as code samples |
| + | /// @type String | List |
| + | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default; |
| + | |
| + | /// Sizes of headings at various screen sizes. Each key is a breakpoint, and each value is a map of heading sizes. |
| + | /// @type Map |
| + | $header-sizes: ( |
| + | small: ( |
| + | 'h1': 24, |
| + | 'h2': 20, |
| + | 'h3': 19, |
| + | 'h4': 18, |
| + | 'h5': 17, |
| + | 'h6': 16, |
| + | ), |
| + | medium: ( |
| + | 'h1': 48, |
| + | 'h2': 40, |
| + | 'h3': 31, |
| + | 'h4': 25, |
| + | 'h5': 20, |
| + | 'h6': 16, |
| + | ), |
| + | ) !default; |
| + | |
| + | /// Color of headers. |
| + | /// @type Color |
| + | $header-color: inherit !default; |
| + | |
| + | /// Line height of headers. |
| + | /// @type Number |
| + | $header-lineheight: 1.4 !default; |
| + | |
| + | /// Bottom margin of headers. |
| + | /// @type Number |
| + | $header-margin-bottom: 0.5rem !default; |
| + | |
| + | /// Text rendering method of headers. |
| + | /// @type String |
| + | $header-text-rendering: optimizeLegibility !default; |
| + | |
| + | /// Font size of `<small>` elements. |
| + | /// @type Number |
| + | $small-font-size: 80% !default; |
| + | |
| + | /// Color of `<small>` elements when placed inside headers. |
| + | /// @type Color |
| + | $header-small-font-color: $medium-gray !default; |
| + | |
| + | /// Line height of text inside `<p>` elements. |
| + | /// @type Number |
| + | $paragraph-lineheight: 1.6 !default; |
| + | |
| + | /// Bottom margin of paragraphs. |
| + | /// @type Number |
| + | $paragraph-margin-bottom: 1rem !default; |
| + | |
| + | /// Text rendering method for paragraph text. |
| + | /// @type String |
| + | $paragraph-text-rendering: optimizeLegibility !default; |
| + | |
| + | /// Text color of code samples. |
| + | /// @type Color |
| + | $code-color: $black !default; |
| + | |
| + | /// Font family of code samples. |
| + | /// @type String | List |
| + | $code-font-family: $font-family-monospace !default; |
| + | |
| + | /// Font weight of text in code samples. |
| + | /// @type String |
| + | $code-font-weight: $global-weight-normal !default; |
| + | |
| + | /// Background color of code samples. |
| + | /// @type Color |
| + | $code-background: $light-gray !default; |
| + | |
| + | /// Border around code samples. |
| + | /// @type List |
| + | $code-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Padding around text of code samples. |
| + | /// @type Number | List |
| + | $code-padding: rem-calc(2 5 1) !default; |
| + | |
| + | /// Default color for links. |
| + | /// @type Color |
| + | $anchor-color: $primary-color !default; |
| + | |
| + | /// Default color for links on hover. |
| + | /// @type Color |
| + | $anchor-color-hover: scale-color($anchor-color, $lightness: -14%) !default; |
| + | |
| + | /// Default text deocration for links. |
| + | /// @type String |
| + | $anchor-text-decoration: none !default; |
| + | |
| + | /// Default text decoration for links on hover. |
| + | /// @type String |
| + | $anchor-text-decoration-hover: none !default; |
| + | |
| + | /// Maximum width of a divider. |
| + | /// @type Number |
| + | $hr-width: $global-width !default; |
| + | |
| + | /// Default border for a divider. |
| + | /// @type List |
| + | $hr-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Default margin for a divider. |
| + | /// @type Number | List |
| + | $hr-margin: rem-calc(20) auto !default; |
| + | |
| + | /// Line height for items in a list. |
| + | /// @type Number |
| + | $list-lineheight: $paragraph-lineheight !default; |
| + | |
| + | /// Bottom margin for items in a list. |
| + | /// @type Number |
| + | $list-margin-bottom: $paragraph-margin-bottom !default; |
| + | |
| + | /// Bullet type to use for unordered lists (e.g., `square`, `circle`, `disc`). |
| + | /// @type String |
| + | $list-style-type: disc !default; |
| + | |
| + | /// Positioning for bullets on unordered list items. |
| + | /// @type String |
| + | $list-style-position: outside !default; |
| + | |
| + | /// Left (or right) margin for lists. |
| + | /// @type Number |
| + | $list-side-margin: 1.25rem !default; |
| + | |
| + | /// Left (or right) margin for a list inside a list. |
| + | /// @type Number |
| + | $list-nested-side-margin: 1.25rem !default; |
| + | |
| + | /// Bottom margin for `<dl>` elements. |
| + | /// @type Number |
| + | $defnlist-margin-bottom: 1rem !default; |
| + | |
| + | /// Font weight for `<dt>` elements. |
| + | /// @type String |
| + | $defnlist-term-weight: $global-weight-bold !default; |
| + | |
| + | /// Spacing between `<dt>` and `<dd>` elements. |
| + | /// @type Number |
| + | $defnlist-term-margin-bottom: 0.3rem !default; |
| + | |
| + | /// Text color of `<blockquote>` elements. |
| + | /// @type Color |
| + | $blockquote-color: $dark-gray !default; |
| + | |
| + | /// Padding inside a `<blockquote>` element. |
| + | /// @type Number | List |
| + | $blockquote-padding: rem-calc(9 20 0 19) !default; |
| + | |
| + | /// Side border for `<blockquote>` elements. |
| + | /// @type List |
| + | $blockquote-border: 1px solid $medium-gray !default; |
| + | |
| + | /// Font size for `<cite>` elements. |
| + | /// @type Number |
| + | $cite-font-size: rem-calc(13) !default; |
| + | |
| + | /// Text color for `<cite>` elements. |
| + | /// @type Color |
| + | $cite-color: $dark-gray !default; |
| + | |
| + | /// Font family for `<kbd>` elements. |
| + | /// @type String | List |
| + | $keystroke-font: $font-family-monospace !default; |
| + | |
| + | /// Text color for `<kbd>` elements. |
| + | /// @type Color |
| + | $keystroke-color: $black !default; |
| + | |
| + | /// Background color for `<kbd>` elements. |
| + | /// @type Color |
| + | $keystroke-background: $light-gray !default; |
| + | |
| + | /// Padding for `<kbd>` elements. |
| + | /// @type Number | List |
| + | $keystroke-padding: rem-calc(2 4 0) !default; |
| + | |
| + | /// Border radius for `<kbd>` elements. |
| + | /// @type Number | List |
| + | $keystroke-radius: $global-radius !default; |
| + | |
| + | /// Bottom border style for `<abbr>` elements. |
| + | /// @type List |
| + | $abbr-underline: 1px dotted $black !default; |
| + | |
| + | @mixin foundation-typography-base { |
| + | // Typography resets |
| + | div, |
| + | dl, |
| + | dt, |
| + | dd, |
| + | ul, |
| + | ol, |
| + | li, |
| + | h1, |
| + | h2, |
| + | h3, |
| + | h4, |
| + | h5, |
| + | h6, |
| + | pre, |
| + | form, |
| + | p, |
| + | blockquote, |
| + | th, |
| + | td { |
| + | margin: 0; |
| + | padding: 0; |
| + | } |
| + | |
| + | // Paragraphs |
| + | p { |
| + | font-size: inherit; |
| + | line-height: $paragraph-lineheight; |
| + | margin-bottom: $paragraph-margin-bottom; |
| + | text-rendering: $paragraph-text-rendering; |
| + | } |
| + | |
| + | // Emphasized text |
| + | em, |
| + | i { |
| + | font-style: italic; |
| + | line-height: inherit; |
| + | } |
| + | |
| + | // Strong text |
| + | strong, |
| + | b { |
| + | font-weight: $global-weight-bold; |
| + | line-height: inherit; |
| + | } |
| + | |
| + | // Small text |
| + | small { |
| + | font-size: $small-font-size; |
| + | line-height: inherit; |
| + | } |
| + | |
| + | // Headings |
| + | h1, |
| + | h2, |
| + | h3, |
| + | h4, |
| + | h5, |
| + | h6 { |
| + | font-family: $header-font-family; |
| + | font-weight: $header-font-weight; |
| + | font-style: $header-font-style; |
| + | color: $header-color; |
| + | text-rendering: $header-text-rendering; |
| + | margin-top: 0; |
| + | margin-bottom: $header-margin-bottom; |
| + | line-height: $header-lineheight; |
| + | |
| + | small { |
| + | color: $header-small-font-color; |
| + | line-height: 0; |
| + | } |
| + | } |
| + | |
| + | // Heading sizes |
| + | @each $size, $headers in $header-sizes { |
| + | @include breakpoint($size) { |
| + | @each $header, $font-size in $headers { |
| + | #{$header} { font-size: rem-calc($font-size); } |
| + | } |
| + | } |
| + | } |
| + | |
| + | // Links |
| + | a { |
| + | color: $anchor-color; |
| + | text-decoration: $anchor-text-decoration; |
| + | line-height: inherit; |
| + | cursor: pointer; |
| + | |
| + | &:hover, |
| + | &:focus { |
| + | color: $anchor-color-hover; |
| + | @if $anchor-text-decoration-hover != $anchor-text-decoration { |
| + | text-decoration: $anchor-text-decoration-hover; |
| + | } |
| + | } |
| + | |
| + | img { |
| + | border: 0; |
| + | } |
| + | } |
| + | |
| + | // Horizontal rule |
| + | hr { |
| + | max-width: $hr-width; |
| + | height: 0; |
| + | border-top: 0; |
| + | border-bottom: $hr-border; |
| + | margin: $hr-margin; |
| + | clear: both; |
| + | } |
| + | |
| + | // Lists |
| + | ul, |
| + | ol, |
| + | dl { |
| + | line-height: $list-lineheight; |
| + | margin-bottom: $list-margin-bottom; |
| + | list-style-position: $list-style-position; |
| + | } |
| + | |
| + | // List items |
| + | li { |
| + | font-size: inherit; |
| + | } |
| + | |
| + | // Unordered lists |
| + | ul { |
| + | list-style-type: $list-style-type; |
| + | margin-#{$global-left}: $list-side-margin; |
| + | } |
| + | |
| + | // Ordered lists |
| + | ol { |
| + | margin-#{$global-left}: $list-side-margin; |
| + | } |
| + | |
| + | // Nested unordered/ordered lists |
| + | ul, ol { |
| + | & & { |
| + | margin-#{$global-left}: $list-nested-side-margin; |
| + | margin-bottom: 0; |
| + | list-style-type: inherit; |
| + | } |
| + | } |
| + | |
| + | // Definition lists |
| + | dl { |
| + | margin-bottom: $defnlist-margin-bottom; |
| + | |
| + | dt { |
| + | margin-bottom: $defnlist-term-margin-bottom; |
| + | font-weight: $defnlist-term-weight; |
| + | } |
| + | } |
| + | |
| + | // Blockquotes |
| + | blockquote { |
| + | margin: 0 0 $paragraph-margin-bottom; |
| + | padding: $blockquote-padding; |
| + | border-#{$global-left}: $blockquote-border; |
| + | |
| + | &, p { |
| + | line-height: $paragraph-lineheight; |
| + | color: $blockquote-color; |
| + | } |
| + | } |
| + | |
| + | // Citations |
| + | cite { |
| + | display: block; |
| + | font-size: $cite-font-size; |
| + | color: $cite-color; |
| + | |
| + | &:before { |
| + | content: '\2014 \0020'; |
| + | } |
| + | } |
| + | |
| + | // Abbreviations |
| + | abbr { |
| + | color: $body-font-color; |
| + | cursor: help; |
| + | border-bottom: $abbr-underline; |
| + | } |
| + | |
| + | // Code |
| + | code { |
| + | font-family: $code-font-family; |
| + | font-weight: $code-font-weight; |
| + | color: $code-color; |
| + | background-color: $code-background; |
| + | border: $code-border; |
| + | padding: $code-padding; |
| + | } |
| + | |
| + | // Keystrokes |
| + | kbd { |
| + | padding: $keystroke-padding; |
| + | margin: 0; |
| + | background-color: $keystroke-background; |
| + | color: $keystroke-color; |
| + | font-family: $keystroke-font; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/typography/_helpers.scss
+77
-0
| @@ | @@ -0,0 +1,77 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group typography-helpers |
| + | //// |
| + | |
| + | /// Default font size for lead paragraphs. |
| + | /// @type Number |
| + | $lead-font-size: $global-font-size * 1.25 !default; |
| + | |
| + | /// Default line height for lead paragraphs. |
| + | /// @type String |
| + | $lead-lineheight: 1.6 !default; |
| + | |
| + | /// Default line height for subheaders. |
| + | /// @type Number |
| + | $subheader-lineheight: 1.4 !default; |
| + | |
| + | /// Default font color for subheaders. |
| + | /// @type Color |
| + | $subheader-color: $dark-gray !default; |
| + | |
| + | /// Default font weight for subheaders. |
| + | /// @type String |
| + | $subheader-font-weight: $global-weight-normal !default; |
| + | |
| + | /// Default top margin for subhheaders. |
| + | /// @type Number |
| + | $subheader-margin-top: 0.2rem !default; |
| + | |
| + | /// Default bottom margin for subheaders. |
| + | /// @type Number |
| + | $subheader-margin-bottom: 0.5rem !default; |
| + | |
| + | /// Default font size for statistic numbers. |
| + | /// @type Number |
| + | $stat-font-size: 2.5rem !default; |
| + | |
| + | @mixin foundation-typography-helpers { |
| + | // Use to create a subheading under a main header |
| + | // Make sure you pair the two elements in a <header> element, like this: |
| + | // <header> |
| + | // <h1>Heading</h1> |
| + | // <h2>Subheading</h2> |
| + | // </header> |
| + | .subheader { |
| + | margin-top: $subheader-margin-top; |
| + | margin-bottom: $subheader-margin-bottom; |
| + | font-weight: $subheader-font-weight; |
| + | line-height: $subheader-lineheight; |
| + | color: $subheader-color; |
| + | } |
| + | |
| + | // Use to style an introductory lead, deck, blurb, etc. |
| + | .lead { |
| + | font-size: $lead-font-size; |
| + | line-height: $lead-lineheight; |
| + | } |
| + | |
| + | // Use to style a large number to display a statistic |
| + | .stat { |
| + | font-size: $stat-font-size; |
| + | line-height: 1; |
| + | |
| + | p + & { |
| + | margin-top: -1rem; |
| + | } |
| + | } |
| + | |
| + | // Use to remove the bullets from an unordered list |
| + | .no-bullet { |
| + | margin-#{$global-left}: 0; |
| + | list-style: none; |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/typography/_print.scss
+73
-0
| @@ | @@ -0,0 +1,73 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group typography |
| + | //// |
| + | |
| + | // scss-lint:disable all |
| + | |
| + | @mixin foundation-print-styles { |
| + | .show-for-print { display: none !important; } |
| + | |
| + | @media print { |
| + | * { |
| + | background: transparent !important; |
| + | color: black !important; // Black prints faster: h5bp.com/s |
| + | box-shadow: none !important; |
| + | text-shadow: none !important; |
| + | } |
| + | |
| + | .show-for-print { display: block !important; } |
| + | .hide-for-print { display: none !important; } |
| + | |
| + | table.show-for-print { display: table !important; } |
| + | thead.show-for-print { display: table-header-group !important; } |
| + | tbody.show-for-print { display: table-row-group !important; } |
| + | tr.show-for-print { display: table-row !important; } |
| + | td.show-for-print { display: table-cell !important; } |
| + | th.show-for-print { display: table-cell !important; } |
| + | |
| + | // Display the URL of a link after the text |
| + | a, |
| + | a:visited { text-decoration: underline;} |
| + | a[href]:after { content: " (" attr(href) ")"; } |
| + | |
| + | // Don't display the URL for images or JavaScript/internal links |
| + | .ir a:after, |
| + | a[href^='javascript:']:after, |
| + | a[href^='#']:after { content: ''; } |
| + | |
| + | // Display what an abbreviation stands for after the text |
| + | abbr[title]:after { content: " (" attr(title) ")"; } |
| + | |
| + | // Prevent page breaks in the middle of a blockquote or preformatted text block |
| + | pre, |
| + | blockquote { |
| + | border: 1px solid #999; |
| + | page-break-inside: avoid; |
| + | } |
| + | |
| + | // h5bp.com/t |
| + | thead { display: table-header-group; } |
| + | |
| + | tr, |
| + | img { page-break-inside: avoid; } |
| + | |
| + | img { max-width: 100% !important; } |
| + | |
| + | @page { margin: 0.5cm; } |
| + | |
| + | p, |
| + | h2, |
| + | h3 { |
| + | orphans: 3; |
| + | widows: 3; |
| + | } |
| + | |
| + | // Avoid page breaks after a heading |
| + | h2, |
| + | h3 { page-break-after: avoid; } |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/typography/_typography.scss
+28
-0
| @@ | @@ -0,0 +1,28 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group typography |
| + | //// |
| + | |
| + | // scss-lint:disable DeclarationOrder |
| + | |
| + | // Base typography styles (tags only) |
| + | @import 'base'; |
| + | |
| + | // Typography helper classes (classes only) |
| + | @import 'helpers'; |
| + | |
| + | // Text alignment classes |
| + | @import 'alignment'; |
| + | |
| + | // Print styles |
| + | @import 'print'; |
| + | |
| + | @mixin foundation-typography { |
| + | @include foundation-typography-base; |
| + | @include foundation-typography-helpers; |
| + | @include foundation-text-alignment; |
| + | @include foundation-print-styles; |
| + | } |
generators/foundation/public/stylesheets/foundation6/util/_breakpoint.scss
+182
-0
| @@ | @@ -0,0 +1,182 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group breakpoints |
| + | //// |
| + | |
| + | // scss-lint:disable ZeroUnit |
| + | |
| + | /// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries. |
| + | /// @type Map |
| + | $breakpoints: ( |
| + | small: 0, |
| + | medium: 640px, |
| + | large: 1024px, |
| + | xlarge: 1200px, |
| + | xxlarge: 1440px, |
| + | ) !default; |
| + | |
| + | /// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map. |
| + | /// @type List |
| + | $breakpoint-classes: (small medium large) !default; |
| + | |
| + | /// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are. |
| + | /// @param {Keyword|Number} $val - Breakpoint name, or px, rem, or em value to process. |
| + | @function breakpoint($val: small) { |
| + | // Size or keyword |
| + | $bp: nth($val, 1); |
| + | // Value for max-width media queries |
| + | $bp-max: 0; |
| + | // Direction of media query (up, down, or only) |
| + | $dir: if(length($val) > 1, nth($val, 2), up); |
| + | // Eventual output |
| + | $str: ''; |
| + | // Is it a named media query? |
| + | $named: false; |
| + | |
| + | // Orientation media queries have a unique syntax |
| + | @if $bp == 'landscape' or $bp == 'portrait' { |
| + | @return '(orientation: #{$bp})'; |
| + | } |
| + | @else if $bp == 'retina' { |
| + | @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'; |
| + | } |
| + | |
| + | // Try to pull a named breakpoint out of the $breakpoints map |
| + | @if type-of($bp) == 'string' { |
| + | @if map-has-key($breakpoints, $bp) { |
| + | @if $dir == 'only' or $dir == 'down' { |
| + | $next-bp: -zf-map-next($breakpoints, $bp); |
| + | |
| + | @if $next-bp == null { |
| + | $bp-max: null; |
| + | } |
| + | @else { |
| + | $bp-max: $next-bp; |
| + | } |
| + | } |
| + | |
| + | $bp: map-get($breakpoints, $bp); |
| + | $named: true; |
| + | } |
| + | @else { |
| + | $bp: 0; |
| + | } |
| + | } |
| + | |
| + | // Convert any pixel, rem, or unitless value to em |
| + | $bp: -zf-bp-to-em($bp); |
| + | @if $bp-max { |
| + | $bp-max: -zf-bp-to-em($bp-max) - (1/16); |
| + | } |
| + | |
| + | // Skip media query creation if the input is "0 up" or "0 down" |
| + | @if $bp > 0 or $dir == 'only' { |
| + | // "Only" ranges use the format "(min-width: n) and (max-width: n)" |
| + | @if $dir == 'only' { |
| + | @if $named == true { |
| + | $str: $str + '(min-width: #{$bp})'; |
| + | |
| + | @if $bp-max != null { |
| + | $str: $str + ' and (max-width: #{$bp-max})'; |
| + | } |
| + | } |
| + | @else { |
| + | @warn 'Only named media queries can have an "only" range.'; |
| + | } |
| + | } |
| + | |
| + | // "Down" ranges use the format "(max-width: n)" |
| + | @else if $dir == 'down' { |
| + | $max: 0; |
| + | |
| + | // For named breakpoints, subtract the breakpoint value by one "pixel", or 1/16em. |
| + | @if $named { |
| + | $max: $bp-max; |
| + | } |
| + | @else { |
| + | $max: $bp; |
| + | } |
| + | |
| + | $str: $str + '(max-width: #{$max})'; |
| + | } |
| + | |
| + | // "Up" ranges use the format "(min-width: n)" |
| + | @else if strip-unit($bp) > 0 { |
| + | $str: $str + '(min-width: #{$bp})'; |
| + | } |
| + | } |
| + | |
| + | @return $str; |
| + | } |
| + | |
| + | /// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values: |
| + | /// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there. |
| + | /// - If a pixel value is passed, it will be converted to an em value using `$rem-base`. |
| + | /// - If a rem value is passed, the unit will be changed to em. |
| + | /// - If an em value is passed, the value will be used as-is. |
| + | /// @content |
| + | /// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process. |
| + | /// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query. |
| + | @mixin breakpoint($value) { |
| + | $str: breakpoint($value); |
| + | |
| + | // If $str is still an empty string, no media query is needed |
| + | @if $str == '' { |
| + | @content; |
| + | } |
| + | |
| + | // Otherwise, wrap the content in a media query |
| + | @else { |
| + | @media screen and #{$str} { |
| + | @content; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place. |
| + | /// @access private |
| + | /// @param {Map} $map - Map to convert. |
| + | /// @returns {String} A string containing the map's contents. |
| + | @function -zf-bp-serialize($map) { |
| + | $str: ''; |
| + | @each $key, $value in $map { |
| + | $str: $str + $key + '=' + -zf-bp-to-em($value) + '&'; |
| + | } |
| + | $str: str-slice($str, 1, -2); |
| + | |
| + | @return $str; |
| + | } |
| + | |
| + | /// Find the next key in a map. |
| + | /// @access private |
| + | /// @param {Map} $map - Map to traverse. |
| + | /// @param {Mixed} $key - Key to use as a starting point. |
| + | /// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`. |
| + | @function -zf-map-next($map, $key) { |
| + | // Store the values of the map as a list, so we can access them with nth |
| + | $values: map-values($map); |
| + | |
| + | // Ghetto for loop |
| + | $i: 1; |
| + | $found: false; |
| + | @each $val in map-keys($map) { |
| + | @if $found == false { |
| + | @if ($key == $val) { |
| + | $found: true; |
| + | } |
| + | $i: $i + 1; |
| + | } |
| + | } |
| + | |
| + | // If the key doesn't exist, or it's the last key in the map, return null |
| + | @if $i > length($map) { |
| + | @return null; |
| + | } |
| + | // Otherwise, return the value |
| + | @else { |
| + | @return nth($values, $i); |
| + | } |
| + | } |
generators/foundation/public/stylesheets/foundation6/util/_color.scss
+41
-0
| @@ | @@ -0,0 +1,41 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group functions |
| + | //// |
| + | |
| + | /// Checks the lightness of `$color`, and if it passes the `$threshold` of lightness, it returns the `$yes` color. Otherwise, it returns the `$no` color. Use this function to dynamically output a foreground color based on a given background color. |
| + | /// |
| + | /// @param {color} $color - Color to check the lightness of. |
| + | /// @param {color} $yes [$black] - Color to return if `$color` is light. |
| + | /// @param {color} $no [$white] - Color to return if `$color` is dark. |
| + | /// @param {percentage} $threshold [60%] - Threshold of lightness to check against. |
| + | /// |
| + | /// @returns {Color} The $yes color or $no color. |
| + | @function foreground($color, $yes: $black, $no: $white, $threshold: 60%) { |
| + | @if $color == transparent { |
| + | $color: $body-background; |
| + | } |
| + | @if (lightness($color) > $threshold) { |
| + | @return $yes; |
| + | } |
| + | @else { |
| + | @return $no; |
| + | } |
| + | } |
| + | |
| + | /// Scales a color to be lighter if it's light, or darker if it's dark. Use this function to tint a color appropriate to its lightness. |
| + | /// |
| + | /// @param {color} $color - Color to scale. |
| + | /// @param {percentage} $scale [5%] - Amount to scale up or down. |
| + | /// @param {percentage} $threshold [40%] - Threshold of lightness to check against. |
| + | /// |
| + | /// @returns {Color} A scaled color. |
| + | @function smart-scale($color, $scale: 5%, $threshold: 40%) { |
| + | @if lightness($color) > $threshold { |
| + | $scale: -$scale; |
| + | } |
| + | @return scale-color($color, $lightness: $scale); |
| + | } |
generators/foundation/public/stylesheets/foundation6/util/_mixins.scss
+190
-0
| @@ | @@ -0,0 +1,190 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group functions |
| + | //// |
| + | |
| + | /// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element. |
| + | /// @param {Number} $triangle-size - Width of the triangle. |
| + | /// @param {Color} $triangle-color - Color of the triangle. |
| + | /// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `top`, `right`, `bottom`, or `left`. |
| + | @mixin css-triangle( |
| + | $triangle-size, |
| + | $triangle-color, |
| + | $triangle-direction |
| + | ) { |
| + | content: ''; |
| + | display: block; |
| + | width: 0; |
| + | height: 0; |
| + | border: inset $triangle-size; |
| + | |
| + | @if ($triangle-direction == down) { |
| + | border-color: $triangle-color transparent transparent; |
| + | border-top-style: solid; |
| + | } |
| + | @if ($triangle-direction == up) { |
| + | border-color: transparent transparent $triangle-color; |
| + | border-bottom-style: solid; |
| + | } |
| + | @if ($triangle-direction == right) { |
| + | border-color: transparent transparent transparent $triangle-color; |
| + | border-left-style: solid; |
| + | } |
| + | @if ($triangle-direction == left) { |
| + | border-color: transparent $triangle-color transparent transparent; |
| + | border-right-style: solid; |
| + | } |
| + | } |
| + | |
| + | /// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class="docs-example-burger"></div> |
| + | /// @param {Color} $color - Color to use for the icon. |
| + | /// @param {Color} $color-hover - Color to use when the icon is hovered over. |
| + | /// @param {Number} $width - Width of the icon. |
| + | /// @param {Number} $height - Height of the icon. |
| + | /// @param {Number} $weight - Height of individual bars in the icon. |
| + | /// @param {Number} $bars - Number of bars in the icon. |
| + | @mixin hamburger( |
| + | $color: black, |
| + | $color-hover: #666, |
| + | $width: 20px, |
| + | $height: 16px, |
| + | $weight: 2px, |
| + | $bars: 3 |
| + | ) { |
| + | // box-shadow CSS output |
| + | $shadow: (); |
| + | $hover-shadow: (); |
| + | |
| + | // Spacing between bars is calculated based on the total height of the icon and the weight of each bar |
| + | $spacing: floor(($height - ($weight * $bars)) / ($bars - 1)); |
| + | |
| + | // Icon container |
| + | position: relative; |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | cursor: pointer; |
| + | width: $width; |
| + | height: $height; |
| + | |
| + | // Icon bars |
| + | &::after { |
| + | content: ''; |
| + | position: absolute; |
| + | display: block; |
| + | width: 100%; |
| + | height: $weight; |
| + | background: $color; |
| + | top: 0; |
| + | left: 0; |
| + | |
| + | @for $i from 2 through $bars { |
| + | $offset: ($weight + $spacing) * ($i - 1); |
| + | $shadow: append($shadow, 0 $offset 0 $color, comma); |
| + | } |
| + | |
| + | box-shadow: $shadow; |
| + | } |
| + | |
| + | // Hover state |
| + | @if $color-hover { |
| + | // Generate CSS |
| + | @for $i from 2 through $bars { |
| + | $offset: ($weight + $spacing) * ($i - 1); |
| + | $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma); |
| + | } |
| + | |
| + | &:hover::after { |
| + | background: $color-hover; |
| + | box-shadow: $hover-shadow; |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included. |
| + | /// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color. |
| + | /// @param {Color} $color [$black] - Color to use for the triangle. |
| + | @mixin background-triangle($color: $black) { |
| + | $rgb: 'rgb(#{red($color)}, #{green($color)}, #{blue($color)})'; |
| + | |
| + | background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #{$rgb}"></polygon></svg>'); |
| + | |
| + | @media screen and (min-width:0\0) { |
| + | @if lightness($color) < 50% { |
| + | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=='); |
| + | } |
| + | @else { |
| + | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg=='); |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height. |
| + | /// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack |
| + | @mixin clearfix { |
| + | &::before, |
| + | &::after { |
| + | content: ' '; |
| + | display: table; |
| + | } |
| + | |
| + | &::after { |
| + | clear: both; |
| + | } |
| + | } |
| + | |
| + | /// Adds CSS for a "quantity query" selector that automatically sizes elements based on how many there are inside a container. |
| + | /// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items. |
| + | /// @param {Keyword} $elem [li] - Tag to use for sibling selectors. |
| + | /// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS |
| + | @mixin auto-width($max, $elem: li) { |
| + | @for $i from 2 through $max { |
| + | &:nth-last-child(#{$i}):first-child, |
| + | &:nth-last-child(#{$i}):first-child ~ #{$elem} { |
| + | width: percentage(1 / $i); |
| + | } |
| + | } |
| + | } |
| + | |
| + | /// Removes the focus ring around an element when a mouse input is detected. |
| + | @mixin disable-mouse-outline { |
| + | [data-whatinput="mouse"] & { |
| + | outline: 0; |
| + | } |
| + | } |
| + | |
| + | /// Makes an element visually hidden, but still accessible to keyboards and assistive devices. |
| + | /// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility |
| + | @mixin element-invisible { |
| + | position: absolute !important; |
| + | width: 1px; |
| + | height: 1px; |
| + | overflow: hidden; |
| + | clip: rect(0, 0, 0, 0); |
| + | } |
| + | |
| + | /// Reverses the CSS output created by the `element-invisible()` mixin. |
| + | @mixin element-invisible-off { |
| + | position: static !important; |
| + | height: auto; |
| + | width: auto; |
| + | overflow: visible; |
| + | clip: auto; |
| + | } |
| + | |
| + | /// Vertically and horizontally centers an element using `transform`. |
| + | @mixin vertical-center { |
| + | position: absolute; |
| + | top: 50%; |
| + | left: 50%; |
| + | transform: translate(-50%, -50%); |
| + | } |
| + | |
| + | /// Vertically centers an element using `transform`. |
| + | @mixin v-align-middle { |
| + | position: absolute; |
| + | top: 50%; |
| + | transform: translateY(-50%); |
| + | } |
generators/foundation/public/stylesheets/foundation6/util/_selector.scss
+39
-0
| @@ | @@ -0,0 +1,39 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group functions |
| + | //// |
| + | |
| + | /// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors. |
| + | /// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them. |
| + | @function text-inputs($types: ()) { |
| + | $return: (); |
| + | |
| + | $all-types: |
| + | text |
| + | password |
| + | date |
| + | datetime |
| + | datetime-local |
| + | month |
| + | week |
| + | |
| + | number |
| + | search |
| + | tel |
| + | time |
| + | url |
| + | color; |
| + | |
| + | @if not(hasvalue($types)) { |
| + | $types: $all-types; |
| + | } |
| + | |
| + | @each $type in $types { |
| + | $return: append($return, unquote('[type="#{$type}"]'), comma); |
| + | } |
| + | |
| + | @return $return; |
| + | } |
generators/foundation/public/stylesheets/foundation6/util/_unit.scss
+69
-0
| @@ | @@ -0,0 +1,69 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group functions |
| + | //// |
| + | |
| + | // scss-lint:disable ZeroUnit |
| + | |
| + | /// Defines the base font size of the page, which is the value `1rem` is equal to. |
| + | /// @type Number |
| + | /// @group global |
| + | $rem-base: 16px !default; |
| + | |
| + | /// Removes the unit (e.g. px, em, rem) from a value, returning the number only. |
| + | /// @param {Number} $num - Number to strip unit from. |
| + | /// @returns {Number} The same number, sans unit. |
| + | @function strip-unit($num) { |
| + | @return $num / ($num * 0 + 1); |
| + | } |
| + | |
| + | /// Converts one or more pixel values into matching rem values. |
| + | /// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses. |
| + | /// @param {Number} $base [$rem-base] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. |
| + | /// @returns {List} A list of converted values. |
| + | @function rem-calc($values, $base: $rem-base) { |
| + | $rem-values: (); |
| + | $count: length($values); |
| + | |
| + | @if $base == null { |
| + | $base: $rem-base; |
| + | } |
| + | |
| + | @if $count == 1 { |
| + | @return -zf-to-rem($values, $base); |
| + | } |
| + | |
| + | @for $i from 1 through $count { |
| + | $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base)); |
| + | } |
| + | |
| + | @return $rem-values; |
| + | } |
| + | |
| + | // Converts a unitless, pixel, or rem value to em, for use in breakpoints. |
| + | @function -zf-bp-to-em($value) { |
| + | // Pixel and unitless values are converted to rems |
| + | @if unit($value) == 'px' or unit($value) == '' { |
| + | $value: rem-calc($value); |
| + | } |
| + | |
| + | // Then the value is converted to ems |
| + | @return strip-unit($value) * 1em; |
| + | } |
| + | |
| + | /// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$rem-base` variable. |
| + | /// @param {Number} $value - Pixel value to convert. |
| + | /// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is. |
| + | /// @access private |
| + | @function -zf-to-rem($value, $base: $rem-base) { |
| + | // Calculate rem if units for $value is not rem |
| + | @if (unit($value) != 'rem') { |
| + | $value: strip-unit($value) / strip-unit($base) * 1rem; |
| + | } |
| + | // Turn 0rem into 0 |
| + | @if ($value == 0rem) { $value: 0; } |
| + | @return $value; |
| + | } |
generators/foundation/public/stylesheets/foundation6/util/_util.scss
+15
-0
| @@ | @@ -0,0 +1,15 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | // Utilities |
| + | @import 'unit'; |
| + | @import 'value'; |
| + | @import 'color'; |
| + | @import 'selector'; |
| + | |
| + | // Libraries |
| + | @import 'breakpoint'; |
| + | |
| + | // Mixins |
| + | @import 'mixins'; |
generators/foundation/public/stylesheets/foundation6/util/_value.scss
+117
-0
| @@ | @@ -0,0 +1,117 @@ |
| + | // Foundation for Sites by ZURB |
| + | // foundation.zurb.com |
| + | // Licensed under MIT Open Source |
| + | |
| + | //// |
| + | /// @group functions |
| + | //// |
| + | |
| + | /// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list. |
| + | /// @param $val - Value to check. |
| + | /// @returns {Boolean} `true` if `$val` is not falsey. |
| + | @function hasvalue($val) { |
| + | @if $val == null or $val == none { |
| + | @return false; |
| + | } |
| + | @if type-of($val) == 'number' and strip-unit($val) == 0 { |
| + | @return false; |
| + | } |
| + | @if type-of($val) == 'list' and length($val) == 0 { |
| + | @return false; |
| + | } |
| + | @return true; |
| + | } |
| + | |
| + | /// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format. |
| + | /// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. "1em 2em 1em" |
| + | /// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`. |
| + | /// @returns {Number} A single value based on `$val` and `$side`. |
| + | @function get-side($val, $side) { |
| + | $length: length($val); |
| + | |
| + | @if $length == 1 { |
| + | @return $val; |
| + | } |
| + | @if $length == 2 { |
| + | @return map-get(( |
| + | top: nth($val, 1), |
| + | bottom: nth($val, 1), |
| + | left: nth($val, 2), |
| + | right: nth($val, 2), |
| + | ), $side); |
| + | } |
| + | @if $length == 3 { |
| + | @return map-get(( |
| + | top: nth($val, 1), |
| + | left: nth($val, 2), |
| + | right: nth($val, 2), |
| + | bottom: nth($val, 3), |
| + | ), $side); |
| + | } |
| + | @if $length == 4 { |
| + | @return map-get(( |
| + | top: nth($val, 1), |
| + | right: nth($val, 2), |
| + | bottom: nth($val, 3), |
| + | left: nth($val, 4), |
| + | ), $side); |
| + | } |
| + | } |
| + | |
| + | /// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color. |
| + | /// @param {List} $val - Border value to find a value in. |
| + | /// @param {Keyword} $elem - Border component to extract. |
| + | /// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border. |
| + | @function get-border-value($val, $elem) { |
| + | // Find the width, style, or color and return it |
| + | @each $v in $val { |
| + | $type: type-of($v); |
| + | @if $elem == width and $type == 'number' { |
| + | @return $v; |
| + | } |
| + | @if $elem == style and $type == 'string' { |
| + | @return $v; |
| + | } |
| + | @if $elem == color and $type == 'color' { |
| + | @return $v; |
| + | } |
| + | } |
| + | |
| + | // Defaults |
| + | $defaults: ( |
| + | width: 0, |
| + | style: solid, |
| + | color: #000, |
| + | ); |
| + | @return map-get($defaults, $elem); |
| + | } |
| + | |
| + | /// Calculates x^y, where x is `$base` and y is `$power`. |
| + | /// @access private |
| + | /// @param {Number} $base - Base number (x). |
| + | /// @param {Number} $power - Exponent (y). |
| + | @function pow($base, $power) { |
| + | @if $power == 0 { @return 1; } |
| + | @return $base * pow($base, $power - 1); |
| + | } |
| + | |
| + | // TODO: Remove this (it's used by the grid but is overkill) |
| + | /// Given a user-defined list of keywords and a list of possible keywords, find the ones that were passed in. |
| + | /// @param {List} $opts - List of values to find keywords in. |
| + | /// @param {List} $seeking - List of all possible keywords. |
| + | /// @access private |
| + | /// @returns {Map} A map of all keywords in $seeking. If a keyword was found in $opts, its value is true, otherwise false. |
| + | @function -zf-get-options($opts, $seeking) { |
| + | @if type-of($opts) != 'list' { |
| + | $opts: ($opts); |
| + | } |
| + | |
| + | $map: (); |
| + | @each $keyword in $seeking { |
| + | $val: if(index($opts, $keyword) != null, true, false); |
| + | $item: ($keyword: $val); |
| + | $map: map-merge($map, $item); |
| + | } |
| + | |
| + | @return $map; |
| + | } |
generators/foundation/public/stylesheets/foundation6/vendor/normalize.scss
+424
-0
| @@ | @@ -0,0 +1,424 @@ |
| + | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ |
| + | |
| + | /** |
| + | * 1. Set default font family to sans-serif. |
| + | * 2. Prevent iOS and IE text size adjust after device orientation change, |
| + | * without disabling user zoom. |
| + | */ |
| + | |
| + | html { |
| + | font-family: sans-serif; /* 1 */ |
| + | -ms-text-size-adjust: 100%; /* 2 */ |
| + | -webkit-text-size-adjust: 100%; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Remove default margin. |
| + | */ |
| + | |
| + | body { |
| + | margin: 0; |
| + | } |
| + | |
| + | /* HTML5 display definitions |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| + | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| + | * and Firefox. |
| + | * Correct `block` display not defined for `main` in IE 11. |
| + | */ |
| + | |
| + | article, |
| + | aside, |
| + | details, |
| + | figcaption, |
| + | figure, |
| + | footer, |
| + | header, |
| + | hgroup, |
| + | main, |
| + | menu, |
| + | nav, |
| + | section, |
| + | summary { |
| + | display: block; |
| + | } |
| + | |
| + | /** |
| + | * 1. Correct `inline-block` display not defined in IE 8/9. |
| + | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| + | */ |
| + | |
| + | audio, |
| + | canvas, |
| + | progress, |
| + | video { |
| + | display: inline-block; /* 1 */ |
| + | vertical-align: baseline; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Prevent modern browsers from displaying `audio` without controls. |
| + | * Remove excess height in iOS 5 devices. |
| + | */ |
| + | |
| + | audio:not([controls]) { |
| + | display: none; |
| + | height: 0; |
| + | } |
| + | |
| + | /** |
| + | * Address `[hidden]` styling not present in IE 8/9/10. |
| + | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
| + | */ |
| + | |
| + | [hidden], |
| + | template { |
| + | display: none; |
| + | } |
| + | |
| + | /* Links |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Remove the gray background color from active links in IE 10. |
| + | */ |
| + | |
| + | a { |
| + | background-color: transparent; |
| + | } |
| + | |
| + | /** |
| + | * Improve readability of focused elements when they are also in an |
| + | * active/hover state. |
| + | */ |
| + | |
| + | a:active, |
| + | a:hover { |
| + | outline: 0; |
| + | } |
| + | |
| + | /* Text-level semantics |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| + | */ |
| + | |
| + | abbr[title] { |
| + | border-bottom: 1px dotted; |
| + | } |
| + | |
| + | /** |
| + | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | |
| + | b, |
| + | strong { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | /** |
| + | * Address styling not present in Safari and Chrome. |
| + | */ |
| + | |
| + | dfn { |
| + | font-style: italic; |
| + | } |
| + | |
| + | /** |
| + | * Address variable `h1` font-size and margin within `section` and `article` |
| + | * contexts in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | |
| + | h1 { |
| + | font-size: 2em; |
| + | margin: 0.67em 0; |
| + | } |
| + | |
| + | /** |
| + | * Address styling not present in IE 8/9. |
| + | */ |
| + | |
| + | mark { |
| + | background: #ff0; |
| + | color: #000; |
| + | } |
| + | |
| + | /** |
| + | * Address inconsistent and variable font size in all browsers. |
| + | */ |
| + | |
| + | small { |
| + | font-size: 80%; |
| + | } |
| + | |
| + | /** |
| + | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| + | */ |
| + | |
| + | sub, |
| + | sup { |
| + | font-size: 75%; |
| + | line-height: 0; |
| + | position: relative; |
| + | vertical-align: baseline; |
| + | } |
| + | |
| + | sup { |
| + | top: -0.5em; |
| + | } |
| + | |
| + | sub { |
| + | bottom: -0.25em; |
| + | } |
| + | |
| + | /* Embedded content |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Remove border when inside `a` element in IE 8/9/10. |
| + | */ |
| + | |
| + | img { |
| + | border: 0; |
| + | } |
| + | |
| + | /** |
| + | * Correct overflow not hidden in IE 9/10/11. |
| + | */ |
| + | |
| + | svg:not(:root) { |
| + | overflow: hidden; |
| + | } |
| + | |
| + | /* Grouping content |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Address margin not present in IE 8/9 and Safari. |
| + | */ |
| + | |
| + | figure { |
| + | margin: 1em 40px; |
| + | } |
| + | |
| + | /** |
| + | * Address differences between Firefox and other browsers. |
| + | */ |
| + | |
| + | hr { |
| + | box-sizing: content-box; |
| + | height: 0; |
| + | } |
| + | |
| + | /** |
| + | * Contain overflow in all browsers. |
| + | */ |
| + | |
| + | pre { |
| + | overflow: auto; |
| + | } |
| + | |
| + | /** |
| + | * Address odd `em`-unit font size rendering in all browsers. |
| + | */ |
| + | |
| + | code, |
| + | kbd, |
| + | pre, |
| + | samp { |
| + | font-family: monospace, monospace; |
| + | font-size: 1em; |
| + | } |
| + | |
| + | /* Forms |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| + | * styling of `select`, unless a `border` property is set. |
| + | */ |
| + | |
| + | /** |
| + | * 1. Correct color not being inherited. |
| + | * Known issue: affects color of disabled elements. |
| + | * 2. Correct font properties not being inherited. |
| + | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | |
| + | button, |
| + | input, |
| + | optgroup, |
| + | select, |
| + | textarea { |
| + | color: inherit; /* 1 */ |
| + | font: inherit; /* 2 */ |
| + | margin: 0; /* 3 */ |
| + | } |
| + | |
| + | /** |
| + | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| + | */ |
| + | |
| + | button { |
| + | overflow: visible; |
| + | } |
| + | |
| + | /** |
| + | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| + | * All other form control elements do not inherit `text-transform` values. |
| + | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| + | * Correct `select` style inheritance in Firefox. |
| + | */ |
| + | |
| + | button, |
| + | select { |
| + | text-transform: none; |
| + | } |
| + | |
| + | /** |
| + | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| + | * and `video` controls. |
| + | * 2. Correct inability to style clickable `input` types in iOS. |
| + | * 3. Improve usability and consistency of cursor style between image-type |
| + | * `input` and others. |
| + | */ |
| + | |
| + | button, |
| + | html input[type="button"], /* 1 */ |
| + | input[type="reset"], |
| + | input[type="submit"] { |
| + | -webkit-appearance: button; /* 2 */ |
| + | cursor: pointer; /* 3 */ |
| + | } |
| + | |
| + | /** |
| + | * Re-set default cursor for disabled elements. |
| + | */ |
| + | |
| + | button[disabled], |
| + | html input[disabled] { |
| + | cursor: default; |
| + | } |
| + | |
| + | /** |
| + | * Remove inner padding and border in Firefox 4+. |
| + | */ |
| + | |
| + | button::-moz-focus-inner, |
| + | input::-moz-focus-inner { |
| + | border: 0; |
| + | padding: 0; |
| + | } |
| + | |
| + | /** |
| + | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| + | * the UA stylesheet. |
| + | */ |
| + | |
| + | input { |
| + | line-height: normal; |
| + | } |
| + | |
| + | /** |
| + | * It's recommended that you don't attempt to style these elements. |
| + | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| + | * |
| + | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| + | * 2. Remove excess padding in IE 8/9/10. |
| + | */ |
| + | |
| + | input[type="checkbox"], |
| + | input[type="radio"] { |
| + | box-sizing: border-box; /* 1 */ |
| + | padding: 0; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| + | * `font-size` values of the `input`, it causes the cursor style of the |
| + | * decrement button to change from `default` to `text`. |
| + | */ |
| + | |
| + | input[type="number"]::-webkit-inner-spin-button, |
| + | input[type="number"]::-webkit-outer-spin-button { |
| + | height: auto; |
| + | } |
| + | |
| + | /** |
| + | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| + | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. |
| + | */ |
| + | |
| + | input[type="search"] { |
| + | -webkit-appearance: textfield; /* 1 */ |
| + | box-sizing: content-box; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| + | * Safari (but not Chrome) clips the cancel button when the search input has |
| + | * padding (and `textfield` appearance). |
| + | */ |
| + | |
| + | input[type="search"]::-webkit-search-cancel-button, |
| + | input[type="search"]::-webkit-search-decoration { |
| + | -webkit-appearance: none; |
| + | } |
| + | |
| + | /** |
| + | * Define consistent border, margin, and padding. |
| + | */ |
| + | |
| + | fieldset { |
| + | border: 1px solid #c0c0c0; |
| + | margin: 0 2px; |
| + | padding: 0.35em 0.625em 0.75em; |
| + | } |
| + | |
| + | /** |
| + | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| + | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| + | */ |
| + | |
| + | legend { |
| + | border: 0; /* 1 */ |
| + | padding: 0; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Remove default vertical scrollbar in IE 8/9/10/11. |
| + | */ |
| + | |
| + | textarea { |
| + | overflow: auto; |
| + | } |
| + | |
| + | /** |
| + | * Don't inherit the `font-weight` (applied by a rule above). |
| + | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| + | */ |
| + | |
| + | optgroup { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | /* Tables |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Remove most spacing between table cells. |
| + | */ |
| + | |
| + | table { |
| + | border-collapse: collapse; |
| + | border-spacing: 0; |
| + | } |
| + | |
| + | td, |
| + | th { |
| + | padding: 0; |
| + | } |
generators/foundation5/Gemfile.tt
+0
-24
| @@ | @@ -1,24 +0,0 @@ |
| - | source 'https://rubygems.org' |
| - | |
| - | gem 'locomotivecms_wagon', '~> <%= config[:version] -%>' |
| - | |
| - | # gem 'guard-livereload', '~> 2.5.1' |
| - | |
| - | group :development do |
| - | # Mac OS X |
| - | gem 'rb-fsevent', '~> 0.9.1', require: 'rb-fsevent' if RUBY_PLATFORM.include?('darwin') |
| - | |
| - | # Unix |
| - | gem 'therubyracer', require: 'v8', platforms: :ruby unless RUBY_PLATFORM.include?('darwin') |
| - | |
| - | gem 'rb-inotify', '~> 0.9', require: 'rb-inotify' if RUBY_PLATFORM.include?('linux') |
| - | |
| - | # Windows |
| - | gem 'wdm', '~> 0.1.1', require: 'wdm' if RUBY_PLATFORM =~ /mswin|mingw/i |
| - | end |
| - | |
| - | group :misc do |
| - | # Add your extra gems here |
| - | # gem 'susy', require: 'susy' |
| - | # gem 'bourbon', require: 'bourbon' |
| - | end |
generators/foundation5/Guardfile
+0
-22
| @@ | @@ -1,22 +0,0 @@ |
| - | # LiveReload installation |
| - | # |
| - | # 1. Add the guard-livereload gem to your Gemfile OR uncomment the line: |
| - | # |
| - | # gem 'guard-livereload' |
| - | # |
| - | # 2. Install the gem on your machine |
| - | # |
| - | # bundle install |
| - | # |
| - | # 3. Launch Guard |
| - | # |
| - | # bundle exec guard |
| - | # |
| - | |
| - | guard 'livereload', host: '0.0.0.0', port: ENV['WAGON_LIVERELOAD_PORT'] || 35729, grace_period: 0.5 do |
| - | watch(%r{app/content_types/.+\.yml$}) |
| - | watch(%r{app/views/.+\.liquid}) |
| - | watch(%r{config/.+\.yml$}) |
| - | watch(%r{data/.+\.yml$}) |
| - | watch(%r{public/((stylesheets|javascripts)/(.+\.(css|js))).*}) { |m| "/#{m[1]}" } |
| - | end |
generators/foundation5/app/content_types/.empty_directory
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | .empty_directory |
| \ No newline at end of file | |
generators/foundation5/app/views/pages/404.liquid
+0
-10
| @@ | @@ -1,10 +0,0 @@ |
| - | --- |
| - | title: Page not found |
| - | published: true |
| - | --- |
| - | {% extends index %} |
| - | {% block 'main' %} |
| - | <div class="panel callout radius"> |
| - | <h1>Arrggggh, page not found</h1> |
| - | </div> |
| - | {% endblock %} |
| \ No newline at end of file | |
generators/foundation5/app/views/pages/404.liquid.haml
+0
-10
| @@ | @@ -1,10 +0,0 @@ |
| - | --- |
| - | title: Page not found |
| - | published: true |
| - | --- |
| - | {% extends index %} |
| - | |
| - | {% block 'main' %} |
| - | .panel.callout.radius |
| - | %h1 Arrggggh, page not found |
| - | {% endblock %} |
| \ No newline at end of file | |
generators/foundation5/app/views/pages/index.liquid
+0
-196
| @@ | @@ -1,196 +0,0 @@ |
| - | --- |
| - | title: Home page |
| - | published: true |
| - | --- |
| - | <!doctype html> |
| - | <html class="no-js" lang="en"> |
| - | <head> |
| - | <meta charset="utf-8" /> |
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| - | <title>{{ site.name }}</title> |
| - | {{ 'application.css' | stylesheet_tag }} |
| - | {{ 'vendor/modernizr.min.js' | javascript_tag }} |
| - | {% inline_editor %} |
| - | </head> |
| - | <body> |
| - | {% block 'main' %} |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <h1>{{ page.title }}</h1> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <div class="panel"> |
| - | <h3>We’re stoked you want to try Foundation! </h3> |
| - | <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p> |
| - | <p>Once you've exhausted the fun in this document, you should check out:</p> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 columns"> |
| - | <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <p><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-8 medium-8 columns"> |
| - | <h5> |
| - | Here’s your basic grid: |
| - | </h5> |
| - | <!-- Grid Example --> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <div class="callout panel"> |
| - | <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-6 medium-6 columns"> |
| - | <div class="callout panel"> |
| - | <p>Six columns</p> |
| - | </div> |
| - | </div> |
| - | <div class="large-6 medium-6 columns"> |
| - | <div class="callout panel"> |
| - | <p>Six columns</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 small-4 columns"> |
| - | <div class="callout panel"> |
| - | <p>Four columns</p> |
| - | </div> |
| - | </div> |
| - | <div class="large-4 medium-4 small-4 columns"> |
| - | <div class="callout panel"> |
| - | <p>Four columns</p> |
| - | </div> |
| - | </div> |
| - | <div class="large-4 medium-4 small-4 columns"> |
| - | <div class="callout panel"> |
| - | <p>Four columns</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <hr /> |
| - | <h5> |
| - | We bet you’ll need a form somewhere: |
| - | </h5> |
| - | <form> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <label>Input Label</label> |
| - | <input type="text" placeholder="large-12.columns" /> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 columns"> |
| - | <label>Input Label</label> |
| - | <input type="text" placeholder="large-4.columns" /> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <label>Input Label</label> |
| - | <input type="text" placeholder="large-4.columns" /> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <div class="row collapse"> |
| - | <label>Input Label</label> |
| - | <div class="small-9 columns"> |
| - | <input type="text" placeholder="small-9.columns" /> |
| - | </div> |
| - | <div class="small-3 columns"> |
| - | <span class="postfix"> |
| - | .com |
| - | </span> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <label>Select Box</label> |
| - | <select> |
| - | <option value="husker">Husker</option> |
| - | <option value="starbuck">Starbuck</option> |
| - | <option value="hotdog">Hot Dog</option> |
| - | <option value="apollo">Apollo</option> |
| - | </select> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-6 medium-6 columns"> |
| - | <label>Choose Your Favorite</label> |
| - | <input type="radio" name="pokemon" value="Red" id="pokemonRed"> |
| - | <label for="pokemonRed">Radio 1</label> |
| - | <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"> |
| - | <label for="pokemonBlue">Radio 2</label> |
| - | </div> |
| - | <div class="large-6 medium-6 columns"> |
| - | <label>Check these out</label> |
| - | <input id="checkbox1" type="checkbox"> |
| - | <label for="checkbox1">Checkbox 1</label> |
| - | <input id="checkbox2" type="checkbox"> |
| - | <label for="checkbox2">Checkbox 2</label> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <label>Textarea Label</label> |
| - | <textarea placeholder="small-12.columns"></textarea> |
| - | </div> |
| - | </div> |
| - | </form> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <h5> |
| - | Try one of these buttons: |
| - | </h5> |
| - | <p><a href="#" class="small button">Simple Button</a><br/> |
| - | <a href="#" class="small radius button">Radius Button</a><br/> |
| - | <a href="#" class="small round button">Round Button</a><br/> |
| - | <a href="#" class="medium success button">Success Btn</a><br/> |
| - | <a href="#" class="medium alert button">Alert Btn</a><br/> |
| - | <a href="#" class="medium secondary button">Secondary Btn</a></p> |
| - | <div class="panel"> |
| - | <h5> |
| - | So many components, girl! |
| - | </h5> |
| - | <p>A whole kitchen sink of goodies comes with Foundation. Checkout the docs to see them all, along with details on making them your own.</p> |
| - | <a href="http://foundation.zurb.com/docs/" class="small button">Go to Foundation Docs</a> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | {% endblock %} |
| - | {{ 'vendor/jquery.min.js' | javascript_tag }} |
| - | {{ 'foundation.min.js' | javascript_tag }} |
| - | <!-- |
| - | {{ 'foundation.abide.js' | javascript_tag }} |
| - | {{ 'foundation.accordion.js' | javascript_tag }} |
| - | {{ 'foundation.alert.js' | javascript_tag }} |
| - | {{ 'foundation.clearing.js' | javascript_tag }} |
| - | {{ 'foundation.dropdown.js' | javascript_tag }} |
| - | {{ 'foundation.interchange.js' | javascript_tag }} |
| - | {{ 'foundation.joyride.js' | javascript_tag }} |
| - | {{ 'foundation.js' | javascript_tag }} |
| - | {{ 'foundation.magellan.js' | javascript_tag }} |
| - | {{ 'foundation.offcanvas.js' | javascript_tag }} |
| - | {{ 'foundation.orbit.js' | javascript_tag }} |
| - | {{ 'foundation.reveal.js' | javascript_tag }} |
| - | {{ 'foundation.tab.js' | javascript_tag }} |
| - | {{ 'foundation.tooltip.js' | javascript_tag }} |
| - | {{ 'foundation.topbar.js' | javascript_tag }} |
| - | --> |
| - | <script> |
| - | $(document).foundation(); |
| - | </script> |
| - | </body> |
| - | </html> |
generators/foundation5/app/views/pages/index.liquid.haml
+0
-157
| @@ | @@ -1,157 +0,0 @@ |
| - | --- |
| - | title: Home page |
| - | published: true |
| - | --- |
| - | !!! |
| - | %html.no-js{lang: "en"} |
| - | %head |
| - | %meta{charset: "utf-8"}/ |
| - | %meta{content: "width=device-width, initial-scale=1.0", name: "viewport"}/ |
| - | %title {{ site.name }} |
| - | {{ 'application.css' | stylesheet_tag }} |
| - | {{ 'vendor/modernizr.min.js' | javascript_tag }} |
| - | {% inline_editor %} |
| - | %body |
| - | {% block 'main' %} |
| - | .row |
| - | .large-12.columns |
| - | %h1 {{ page.title }} |
| - | .row |
| - | .large-12.columns |
| - | .panel |
| - | %h3 We’re stoked you want to try Foundation! |
| - | %p To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going. |
| - | %p Once you've exhausted the fun in this document, you should check out: |
| - | .row |
| - | .large-4.medium-4.columns |
| - | %p |
| - | %a{href: "http://foundation.zurb.com/docs"} Foundation Documentation |
| - | = succeed "Everything" do |
| - | %br/ |
| - | .large-4.medium-4.columns |
| - | %p |
| - | %a{href: "http://github.com/zurb/foundation"} Foundation on Github |
| - | = succeed "Latest" do |
| - | %br/ |
| - | .large-4.medium-4.columns |
| - | %p |
| - | %a{href: "http://twitter.com/foundationzurb"} @foundationzurb |
| - | = succeed "Ping" do |
| - | %br/ |
| - | .row |
| - | .large-8.medium-8.columns |
| - | %h5 |
| - | Here’s your basic grid: |
| - | / Grid Example |
| - | .row |
| - | .large-12.columns |
| - | .callout.panel |
| - | %p |
| - | %strong This is a twelve column section in a row. |
| - | Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid. |
| - | .row |
| - | .large-6.medium-6.columns |
| - | .callout.panel |
| - | %p Six columns |
| - | .large-6.medium-6.columns |
| - | .callout.panel |
| - | %p Six columns |
| - | .row |
| - | .large-4.medium-4.small-4.columns |
| - | .callout.panel |
| - | %p Four columns |
| - | .large-4.medium-4.small-4.columns |
| - | .callout.panel |
| - | %p Four columns |
| - | .large-4.medium-4.small-4.columns |
| - | .callout.panel |
| - | %p Four columns |
| - | %hr/ |
| - | %h5 |
| - | We bet you’ll need a form somewhere: |
| - | %form |
| - | .row |
| - | .large-12.columns |
| - | %label Input Label |
| - | %input{placeholder: "large-12.columns", type: "text"}/ |
| - | .row |
| - | .large-4.medium-4.columns |
| - | %label Input Label |
| - | %input{placeholder: "large-4.columns", type: "text"}/ |
| - | .large-4.medium-4.columns |
| - | %label Input Label |
| - | %input{placeholder: "large-4.columns", type: "text"}/ |
| - | .large-4.medium-4.columns |
| - | .row.collapse |
| - | %label Input Label |
| - | .small-9.columns |
| - | %input{placeholder: "small-9.columns", type: "text"}/ |
| - | .small-3.columns |
| - | %span.postfix |
| - | \.com |
| - | .row |
| - | .large-12.columns |
| - | %label Select Box |
| - | %select |
| - | %option{value: "husker"} Husker |
| - | %option{value: "starbuck"} Starbuck |
| - | %option{value: "hotdog"} Hot Dog |
| - | %option{value: "apollo"} Apollo |
| - | .row |
| - | .large-6.medium-6.columns |
| - | %label Choose Your Favorite |
| - | %input#pokemonRed{name: "pokemon", type: "radio", value: "Red"}/ |
| - | %label{for: "pokemonRed"} Radio 1 |
| - | %input#pokemonBlue{name: "pokemon", type: "radio", value: "Blue"}/ |
| - | %label{for: "pokemonBlue"} Radio 2 |
| - | .large-6.medium-6.columns |
| - | %label Check these out |
| - | %input#checkbox1{type: "checkbox"}/ |
| - | %label{for: "checkbox1"} Checkbox 1 |
| - | %input#checkbox2{type: "checkbox"}/ |
| - | %label{for: "checkbox2"} Checkbox 2 |
| - | .row |
| - | .large-12.columns |
| - | %label Textarea Label |
| - | %textarea{placeholder: "small-12.columns"} |
| - | .large-4.medium-4.columns |
| - | %h5 |
| - | Try one of these buttons: |
| - | %p |
| - | %a.small.button{href: "#"} Simple Button |
| - | %br/ |
| - | %a.small.radius.button{href: "#"} Radius Button |
| - | %br/ |
| - | %a.small.round.button{href: "#"} Round Button |
| - | %br/ |
| - | %a.medium.success.button{href: "#"} Success Btn |
| - | %br/ |
| - | %a.medium.alert.button{href: "#"} Alert Btn |
| - | %br/ |
| - | %a.medium.secondary.button{href: "#"} Secondary Btn |
| - | .panel |
| - | %h5 |
| - | So many components, girl! |
| - | %p A whole kitchen sink of goodies comes with Foundation. Checkout the docs to see them all, along with details on making them your own. |
| - | %a.small.button{href: "http://foundation.zurb.com/docs/"} Go to Foundation Docs |
| - | {% endblock %} |
| - | {{ 'vendor/jquery.min.js' | javascript_tag }} |
| - | {{ 'foundation.min.js' | javascript_tag }} |
| - | / |
| - | {{ 'foundation.abide.js' | javascript_tag }} |
| - | {{ 'foundation.accordion.js' | javascript_tag }} |
| - | {{ 'foundation.alert.js' | javascript_tag }} |
| - | {{ 'foundation.clearing.js' | javascript_tag }} |
| - | {{ 'foundation.dropdown.js' | javascript_tag }} |
| - | {{ 'foundation.interchange.js' | javascript_tag }} |
| - | {{ 'foundation.joyride.js' | javascript_tag }} |
| - | {{ 'foundation.js' | javascript_tag }} |
| - | {{ 'foundation.magellan.js' | javascript_tag }} |
| - | {{ 'foundation.offcanvas.js' | javascript_tag }} |
| - | {{ 'foundation.orbit.js' | javascript_tag }} |
| - | {{ 'foundation.reveal.js' | javascript_tag }} |
| - | {{ 'foundation.tab.js' | javascript_tag }} |
| - | {{ 'foundation.tooltip.js' | javascript_tag }} |
| - | {{ 'foundation.topbar.js' | javascript_tag }} |
| - | :javascript |
| - | $(document).foundation(); |
generators/foundation5/config/deploy.yml
+0
-15
| @@ | @@ -1,15 +0,0 @@ |
| - | # development: |
| - | # host: dev.example.com |
| - | # email: john@doe.net |
| - | # password: apassword |
| - | # # api_key: <your api key here> |
| - | # staging: |
| - | # host: staging.example.com |
| - | # email: john@doe.net |
| - | # password: apassword |
| - | # # api_key: <your api key here> |
| - | # production: |
| - | # host: www.example.com |
| - | # email: john@doe.net |
| - | # password: apassword |
| - | # # api_key: <your api key here> |
| \ No newline at end of file | |
generators/foundation5/config/metafields_schema.yml
+0
-56
| @@ | @@ -1,56 +0,0 @@ |
| - | # Site metafield schema |
| - | # |
| - | # Syntax: |
| - | # |
| - | # <namespace_1>: # no empty spaces, only digits and underscores |
| - | # label: <my label> # used as the label of a tab in the back-office |
| - | # # label: # if you want to provide the label in another language (back-office) |
| - | # # en: <your label in English if the local of the current user is English> |
| - | # # fr: <your label in French> |
| - | # position: <0..n> # position of the tab in the menu |
| - | # fields: |
| - | # <name_1>: |
| - | # label: <my label> # used as the label of the HTML input. Use a hash if you want it in another languages. |
| - | # hint: <my hint> # used as the hint of the HTML input. Use a hash if you want it in another languages. |
| - | # type: <string|text|integer|float|file|image|boolean|select|color> |
| - | # localized: <true|false> # if the value is scoped by the current locale when rendering the site. |
| - | # position: <0..n> # position of the input in the form |
| - | # select_options: [array] |
| - | # # select_options: |
| - | # # <option_value_1>: <label> # use a hash instead if you want it in another languages. |
| - | # # <option_value_2>: <label> # use a hash instead if you want it in another languages. |
| - | # # <name_2>: |
| - | # # ... |
| - | # |
| - | # <namespace_2>: |
| - | # # ... |
| - | # |
| - | # |
| - | # Simple example: |
| - | # |
| - | # shop: |
| - | # label: My shop location |
| - | # fields: |
| - | # address: |
| - | # type: string |
| - | # hint: "Ex: 7 allee Albert Camus" |
| - | # city: |
| - | # type: string |
| - | # hint: "Chicago, Paris, Blagnac, Toulouse" |
| - | # zip_code: |
| - | # type: string |
| - | # hint: "Digits only" |
| - | # hours: |
| - | # type: text |
| - | # hint: "Free text here" |
| - | # theme: |
| - | # fields: |
| - | # background_image: |
| - | # type: image |
| - | # hint: full screen image (min: 3000px x 3000px) |
| - | # link_color: |
| - | # type: color |
| - | # font: |
| - | # type: select |
| - | # select_options: ['helvetica', 'Noto'] |
| - | |
generators/foundation5/config/site.yml.tt
+0
-48
| @@ | @@ -1,48 +0,0 @@ |
| - | # The name of this site |
| - | # This text displays in the back-office and |
| - | # can be used in templates through the site.name global variable |
| - | name: "<%= config[:name] %>" |
| - | |
| - | # An array of domain aliases for the site |
| - | # This option is for sites on multi-site engines |
| - | # domains: [www.example.com, example.com] |
| - | |
| - | # An array of locales (languages) the site is available in |
| - | # The locale listed first is the site's default locale |
| - | # Locales are specified using ISO language codes |
| - | # Possible locales include: en, de, fr, pl, pt-BR, it, nl, nb, es, ru, et, ja, zh-CN |
| - | locales: [en] |
| - | |
| - | # The site's timezone |
| - | # This converts the server's time to the site's time zone in templates |
| - | # The TimeZone class from Rail's ActiveSupport is used to interpret the string |
| - | # Sample timezone strings: Tokyo, Beijing, Moscow, Cairo, Paris, Pacific Time (US & Canada) |
| - | # timezone: Paris |
| - | |
| - | # For SEO purposes, sites may wish to add a relevant string to the <title> tag |
| - | # And include <meta type="keywords"> and <meta type="description"> |
| - | # For this purpose you can set values for these variables here |
| - | # They can be accessed in templates through the site.seo_title, site.meta_keywords, and site.meta_description variables |
| - | seo_title: <%= @name %> |
| - | meta_keywords: "some meta keywords" |
| - | meta_description: "some meta description" |
| - | |
| - | # You can control the display of the "Properties" section in the back-office |
| - | # metafields_ui: |
| - | # label: Store settings # use a hash for localized versions |
| - | # icon: shopping-cart # FontAwesome icons without the leading "fa-" string. |
| - | # hint: "Lorem ipsum..." |
| - | |
| - | # Each site can have its own set of custom properties organized in namespaces. |
| - | # First, define namespaces and their fields in the config/metafields_schema.yml file. |
| - | # Finally, set default values below as described in the example. |
| - | # You can access them in your liquid templates and snippets: |
| - | # {{ site.metafields.<namespace>.<field> }} |
| - | # |
| - | # Example: |
| - | # |
| - | # metafields: |
| - | # shop: |
| - | # address: 700 South Laflin Street |
| - | # theme: |
| - | # background_image: "/samples/background.png" |
generators/foundation5/config/translations.yml
+0
-8
| @@ | @@ -1,8 +0,0 @@ |
| - | # Your translations go here. To be used with the 'translate' liquid filter |
| - | # Example: |
| - | # {{ 'hello_world' | translate }} |
| - | # |
| - | |
| - | # hello_world: |
| - | # en: Hello world ! |
| - | # fr: Bonjour le monde ! |
generators/foundation5/data/.empty_directory
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | .empty_directory |
| \ No newline at end of file | |
generators/foundation5/icon.png
+0
-0
generators/foundation5/public/fonts/.empty_directory
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | .empty_directory |
| \ No newline at end of file | |
generators/foundation5/public/images/.empty_directory
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | .empty_directory |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/foundation.js
+0
-4161
| @@ | @@ -1,4161 +0,0 @@ |
| - | /* |
| - | * Foundation Responsive Library |
| - | * http://foundation.zurb.com |
| - | * Copyright 2013, ZURB |
| - | * Free to use under the MIT license. |
| - | * http://www.opensource.org/licenses/mit-license.php |
| - | */ |
| - | |
| - | (function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | // Used to retrieve Foundation media queries from CSS. |
| - | if($('head').has('.foundation-mq-small').length === 0) { |
| - | $('head').append('<meta class="foundation-mq-small">'); |
| - | } |
| - | |
| - | if($('head').has('.foundation-mq-medium').length === 0) { |
| - | $('head').append('<meta class="foundation-mq-medium">'); |
| - | } |
| - | |
| - | if($('head').has('.foundation-mq-large').length === 0) { |
| - | $('head').append('<meta class="foundation-mq-large">'); |
| - | } |
| - | |
| - | if($('head').has('.foundation-mq-xlarge').length === 0) { |
| - | $('head').append('<meta class="foundation-mq-xlarge">'); |
| - | } |
| - | |
| - | if($('head').has('.foundation-mq-xxlarge').length === 0) { |
| - | $('head').append('<meta class="foundation-mq-xxlarge">'); |
| - | } |
| - | |
| - | // Enable FastClick if present |
| - | |
| - | $(function() { |
| - | if(typeof FastClick !== 'undefined') { |
| - | // Don't attach to body if undefined |
| - | if (typeof document.body !== 'undefined') { |
| - | FastClick.attach(document.body); |
| - | } |
| - | } |
| - | }); |
| - | |
| - | // private Fast Selector wrapper, |
| - | // returns jQuery object. Only use where |
| - | // getElementById is not available. |
| - | var S = function (selector, context) { |
| - | if (typeof selector === 'string') { |
| - | if (context) { |
| - | return $(context.querySelectorAll(selector)); |
| - | } |
| - | |
| - | return $(document.querySelectorAll(selector)); |
| - | } |
| - | |
| - | return $(selector, context); |
| - | }; |
| - | |
| - | /* |
| - | https://github.com/paulirish/matchMedia.js |
| - | */ |
| - | |
| - | window.matchMedia = window.matchMedia || (function( doc, undefined ) { |
| - | |
| - | "use strict"; |
| - | |
| - | var bool, |
| - | docElem = doc.documentElement, |
| - | refNode = docElem.firstElementChild || docElem.firstChild, |
| - | // fakeBody required for <FF4 when executed in <head> |
| - | fakeBody = doc.createElement( "body" ), |
| - | div = doc.createElement( "div" ); |
| - | |
| - | div.id = "mq-test-1"; |
| - | div.style.cssText = "position:absolute;top:-100em"; |
| - | fakeBody.style.background = "none"; |
| - | fakeBody.appendChild(div); |
| - | |
| - | return function(q){ |
| - | |
| - | div.innerHTML = "­<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>"; |
| - | |
| - | docElem.insertBefore( fakeBody, refNode ); |
| - | bool = div.offsetWidth === 42; |
| - | docElem.removeChild( fakeBody ); |
| - | |
| - | return { |
| - | matches: bool, |
| - | media: q |
| - | }; |
| - | |
| - | }; |
| - | |
| - | }( document )); |
| - | |
| - | /* |
| - | * jquery.requestAnimationFrame |
| - | * https://github.com/gnarf37/jquery-requestAnimationFrame |
| - | * Requires jQuery 1.8+ |
| - | * |
| - | * Copyright (c) 2012 Corey Frang |
| - | * Licensed under the MIT license. |
| - | */ |
| - | |
| - | (function( $ ) { |
| - | |
| - | // requestAnimationFrame polyfill adapted from Erik Möller |
| - | // fixes from Paul Irish and Tino Zijdel |
| - | // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ |
| - | // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating |
| - | |
| - | |
| - | var animating, |
| - | lastTime = 0, |
| - | vendors = ['webkit', 'moz'], |
| - | requestAnimationFrame = window.requestAnimationFrame, |
| - | cancelAnimationFrame = window.cancelAnimationFrame; |
| - | |
| - | for(; lastTime < vendors.length && !requestAnimationFrame; lastTime++) { |
| - | requestAnimationFrame = window[ vendors[lastTime] + "RequestAnimationFrame" ]; |
| - | cancelAnimationFrame = cancelAnimationFrame || |
| - | window[ vendors[lastTime] + "CancelAnimationFrame" ] || |
| - | window[ vendors[lastTime] + "CancelRequestAnimationFrame" ]; |
| - | } |
| - | |
| - | function raf() { |
| - | if ( animating ) { |
| - | requestAnimationFrame( raf ); |
| - | jQuery.fx.tick(); |
| - | } |
| - | } |
| - | |
| - | if ( requestAnimationFrame ) { |
| - | // use rAF |
| - | window.requestAnimationFrame = requestAnimationFrame; |
| - | window.cancelAnimationFrame = cancelAnimationFrame; |
| - | jQuery.fx.timer = function( timer ) { |
| - | if ( timer() && jQuery.timers.push( timer ) && !animating ) { |
| - | animating = true; |
| - | raf(); |
| - | } |
| - | }; |
| - | |
| - | jQuery.fx.stop = function() { |
| - | animating = false; |
| - | }; |
| - | } else { |
| - | // polyfill |
| - | window.requestAnimationFrame = function( callback, element ) { |
| - | var currTime = new Date().getTime(), |
| - | timeToCall = Math.max( 0, 16 - ( currTime - lastTime ) ), |
| - | id = window.setTimeout( function() { |
| - | callback( currTime + timeToCall ); |
| - | }, timeToCall ); |
| - | lastTime = currTime + timeToCall; |
| - | return id; |
| - | }; |
| - | |
| - | window.cancelAnimationFrame = function(id) { |
| - | clearTimeout(id); |
| - | }; |
| - | |
| - | } |
| - | |
| - | }( jQuery )); |
| - | |
| - | |
| - | function removeQuotes (string) { |
| - | if (typeof string === 'string' || string instanceof String) { |
| - | string = string.replace(/^[\\/'"]+|(;\s?})+|[\\/'"]+$/g, ''); |
| - | } |
| - | |
| - | return string; |
| - | } |
| - | |
| - | window.Foundation = { |
| - | name : 'Foundation', |
| - | |
| - | version : '5.0.3', |
| - | |
| - | media_queries : { |
| - | small : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | medium : S('.foundation-mq-medium').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | large : S('.foundation-mq-large').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | xlarge: S('.foundation-mq-xlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | xxlarge: S('.foundation-mq-xxlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '') |
| - | }, |
| - | |
| - | stylesheet : $('<style></style>').appendTo('head')[0].sheet, |
| - | |
| - | init : function (scope, libraries, method, options, response) { |
| - | var library_arr, |
| - | args = [scope, method, options, response], |
| - | responses = []; |
| - | |
| - | // check RTL |
| - | this.rtl = /rtl/i.test(S('html').attr('dir')); |
| - | |
| - | // set foundation global scope |
| - | this.scope = scope || this.scope; |
| - | |
| - | if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) { |
| - | if (this.libs.hasOwnProperty(libraries)) { |
| - | responses.push(this.init_lib(libraries, args)); |
| - | } |
| - | } else { |
| - | for (var lib in this.libs) { |
| - | responses.push(this.init_lib(lib, libraries)); |
| - | } |
| - | } |
| - | |
| - | return scope; |
| - | }, |
| - | |
| - | init_lib : function (lib, args) { |
| - | if (this.libs.hasOwnProperty(lib)) { |
| - | this.patch(this.libs[lib]); |
| - | |
| - | if (args && args.hasOwnProperty(lib)) { |
| - | return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]); |
| - | } |
| - | |
| - | args = args instanceof Array ? args : Array(args); // PATCH: added this line |
| - | return this.libs[lib].init.apply(this.libs[lib], args); |
| - | } |
| - | |
| - | return function () {}; |
| - | }, |
| - | |
| - | patch : function (lib) { |
| - | lib.scope = this.scope; |
| - | lib['data_options'] = this.lib_methods.data_options; |
| - | lib['bindings'] = this.lib_methods.bindings; |
| - | lib['S'] = S; |
| - | lib.rtl = this.rtl; |
| - | }, |
| - | |
| - | inherit : function (scope, methods) { |
| - | var methods_arr = methods.split(' '); |
| - | |
| - | for (var i = methods_arr.length - 1; i >= 0; i--) { |
| - | if (this.lib_methods.hasOwnProperty(methods_arr[i])) { |
| - | this.libs[scope.name][methods_arr[i]] = this.lib_methods[methods_arr[i]]; |
| - | } |
| - | } |
| - | }, |
| - | |
| - | random_str : function (length) { |
| - | var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); |
| - | |
| - | if (!length) { |
| - | length = Math.floor(Math.random() * chars.length); |
| - | } |
| - | |
| - | var str = ''; |
| - | for (var i = 0; i < length; i++) { |
| - | str += chars[Math.floor(Math.random() * chars.length)]; |
| - | } |
| - | return str; |
| - | }, |
| - | |
| - | libs : {}, |
| - | |
| - | // methods that can be inherited in libraries |
| - | lib_methods : { |
| - | throttle : function(fun, delay) { |
| - | var timer = null; |
| - | |
| - | return function () { |
| - | var context = this, args = arguments; |
| - | |
| - | clearTimeout(timer); |
| - | timer = setTimeout(function () { |
| - | fun.apply(context, args); |
| - | }, delay); |
| - | }; |
| - | }, |
| - | |
| - | // parses data-options attribute |
| - | data_options : function (el) { |
| - | var opts = {}, ii, p, opts_arr, opts_len, |
| - | data_options = el.data('options'); |
| - | |
| - | if (typeof data_options === 'object') { |
| - | return data_options; |
| - | } |
| - | |
| - | opts_arr = (data_options || ':').split(';'), |
| - | opts_len = opts_arr.length; |
| - | |
| - | function isNumber (o) { |
| - | return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true; |
| - | } |
| - | |
| - | function trim(str) { |
| - | if (typeof str === 'string') return $.trim(str); |
| - | return str; |
| - | } |
| - | |
| - | // parse options |
| - | for (ii = opts_len - 1; ii >= 0; ii--) { |
| - | p = opts_arr[ii].split(':'); |
| - | |
| - | if (/true/i.test(p[1])) p[1] = true; |
| - | if (/false/i.test(p[1])) p[1] = false; |
| - | if (isNumber(p[1])) p[1] = parseInt(p[1], 10); |
| - | |
| - | if (p.length === 2 && p[0].length > 0) { |
| - | opts[trim(p[0])] = trim(p[1]); |
| - | } |
| - | } |
| - | |
| - | return opts; |
| - | }, |
| - | |
| - | delay : function (fun, delay) { |
| - | return setTimeout(fun, delay); |
| - | }, |
| - | |
| - | // test for empty object or array |
| - | empty : function (obj) { |
| - | if (obj.length && obj.length > 0) return false; |
| - | if (obj.length && obj.length === 0) return true; |
| - | |
| - | for (var key in obj) { |
| - | if (hasOwnProperty.call(obj, key)) return false; |
| - | } |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | register_media : function(media, media_class) { |
| - | if(Foundation.media_queries[media] === undefined) { |
| - | $('head').append('<meta class="' + media_class + '">'); |
| - | Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family')); |
| - | } |
| - | }, |
| - | |
| - | addCustomRule : function(rule, media) { |
| - | if(media === undefined) { |
| - | Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length); |
| - | } else { |
| - | var query = Foundation.media_queries[media]; |
| - | if(query !== undefined) { |
| - | Foundation.stylesheet.insertRule('@media ' + |
| - | Foundation.media_queries[media] + '{ ' + rule + ' }'); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | loaded : function (image, callback) { |
| - | function loaded () { |
| - | callback(image[0]); |
| - | } |
| - | |
| - | function bindLoad () { |
| - | this.one('load', loaded); |
| - | |
| - | if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { |
| - | var src = this.attr( 'src' ), |
| - | param = src.match( /\?/ ) ? '&' : '?'; |
| - | |
| - | param += 'random=' + (new Date()).getTime(); |
| - | this.attr('src', src + param); |
| - | } |
| - | } |
| - | |
| - | if (!image.attr('src')) { |
| - | loaded(); |
| - | return; |
| - | } |
| - | |
| - | if (image[0].complete || image[0].readyState === 4) { |
| - | loaded(); |
| - | } else { |
| - | bindLoad.call(image); |
| - | } |
| - | }, |
| - | |
| - | bindings : function (method, options) { |
| - | var self = this, |
| - | should_bind_events = !S(this).data(this.name + '-init'); |
| - | |
| - | if (typeof method === 'string') { |
| - | return this[method].call(this, options); |
| - | } |
| - | |
| - | if (S(this.scope).is('[data-' + this.name +']')) { |
| - | S(this.scope).data(this.name + '-init', $.extend({}, this.settings, (options || method), this.data_options(S(this.scope)))); |
| - | |
| - | if (should_bind_events) { |
| - | this.events(this.scope); |
| - | } |
| - | |
| - | } else { |
| - | S('[data-' + this.name + ']', this.scope).each(function () { |
| - | var should_bind_events = !S(this).data(self.name + '-init'); |
| - | |
| - | S(this).data(self.name + '-init', $.extend({}, self.settings, (options || method), self.data_options(S(this)))); |
| - | |
| - | if (should_bind_events) { |
| - | self.events(this); |
| - | } |
| - | }); |
| - | } |
| - | } |
| - | } |
| - | }; |
| - | |
| - | $.fn.foundation = function () { |
| - | var args = Array.prototype.slice.call(arguments, 0); |
| - | |
| - | return this.each(function () { |
| - | Foundation.init.apply(Foundation, [this].concat(args)); |
| - | return this; |
| - | }); |
| - | }; |
| - | |
| - | }(jQuery, this, this.document)); |
| - | |
| - | |
| - | /* |
| - | * You should really comment out any of the following not being used |
| - | * Mixture will then output a new combined and minified file |
| - | */ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.alert = { |
| - | name : 'alert', |
| - | |
| - | version : '5.0.0', |
| - | |
| - | settings : { |
| - | animation: 'fadeOut', |
| - | speed: 300, // fade out speed |
| - | callback: function (){} |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | $(this.scope).off('.alert').on('click.fndtn.alert', '[data-alert] a.close', function (e) { |
| - | var alertBox = $(this).closest("[data-alert]"), |
| - | settings = alertBox.data('alert-init') || Foundation.libs.alert.settings; |
| - | |
| - | e.preventDefault(); |
| - | alertBox[settings.animation](settings.speed, function () { |
| - | $(this).trigger('closed').remove(); |
| - | settings.callback(); |
| - | }); |
| - | }); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.accordion = { |
| - | name : 'accordion', |
| - | |
| - | version : '5.0.1', |
| - | |
| - | settings : { |
| - | active_class: 'active', |
| - | toggleable: true |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | $(this.scope).off('.accordion').on('click.fndtn.accordion', '[data-accordion] > dd > a', function (e) { |
| - | var accordion = $(this).parent(), |
| - | target = $('#' + this.href.split('#')[1]), |
| - | siblings = $('> dd > .content', target.closest('[data-accordion]')), |
| - | settings = accordion.parent().data('accordion-init'), |
| - | active = $('> dd > .content.' + settings.active_class, accordion.parent()); |
| - | |
| - | e.preventDefault(); |
| - | |
| - | if (active[0] == target[0] && settings.toggleable) { |
| - | return target.toggleClass(settings.active_class); |
| - | } |
| - | |
| - | siblings.removeClass(settings.active_class); |
| - | target.addClass(settings.active_class); |
| - | }); |
| - | }, |
| - | |
| - | off : function () {}, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.clearing = { |
| - | name : 'clearing', |
| - | |
| - | version: '5.0.3', |
| - | |
| - | settings : { |
| - | templates : { |
| - | viewing : '<a href="#" class="clearing-close">×</a>' + |
| - | '<div class="visible-img" style="display: none"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' + |
| - | '<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' + |
| - | '<a href="#" class="clearing-main-next"><span></span></a></div>' |
| - | }, |
| - | |
| - | // comma delimited list of selectors that, on click, will close clearing, |
| - | // add 'div.clearing-blackout, div.visible-img' to close on background click |
| - | close_selectors : '.clearing-close', |
| - | |
| - | // event initializers and locks |
| - | init : false, |
| - | locked : false |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | var self = this; |
| - | Foundation.inherit(this, 'throttle loaded'); |
| - | |
| - | this.bindings(method, options); |
| - | |
| - | if ($(this.scope).is('[data-clearing]')) { |
| - | this.assemble($('li', this.scope)); |
| - | } else { |
| - | $('[data-clearing]', this.scope).each(function () { |
| - | self.assemble($('li', this)); |
| - | }); |
| - | } |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .off('.clearing') |
| - | .on('click.fndtn.clearing', 'ul[data-clearing] li', |
| - | function (e, current, target) { |
| - | var current = current || $(this), |
| - | target = target || current, |
| - | next = current.next('li'), |
| - | settings = current.closest('[data-clearing]').data('clearing-init'), |
| - | image = $(e.target); |
| - | |
| - | e.preventDefault(); |
| - | |
| - | if (!settings) { |
| - | self.init(); |
| - | settings = current.closest('[data-clearing]').data('clearing-init'); |
| - | } |
| - | |
| - | // if clearing is open and the current image is |
| - | // clicked, go to the next image in sequence |
| - | if (target.hasClass('visible') && |
| - | current[0] === target[0] && |
| - | next.length > 0 && self.is_open(current)) { |
| - | target = next; |
| - | image = $('img', target); |
| - | } |
| - | |
| - | // set current and target to the clicked li if not otherwise defined. |
| - | self.open(image, current, target); |
| - | self.update_paddles(target); |
| - | }) |
| - | |
| - | .on('click.fndtn.clearing', '.clearing-main-next', |
| - | function (e) { self.nav(e, 'next') }) |
| - | .on('click.fndtn.clearing', '.clearing-main-prev', |
| - | function (e) { self.nav(e, 'prev') }) |
| - | .on('click.fndtn.clearing', this.settings.close_selectors, |
| - | function (e) { Foundation.libs.clearing.close(e, this) }) |
| - | .on('keydown.fndtn.clearing', |
| - | function (e) { self.keydown(e) }); |
| - | |
| - | $(window).off('.clearing').on('resize.fndtn.clearing', |
| - | function () { self.resize() }); |
| - | |
| - | this.swipe_events(scope); |
| - | }, |
| - | |
| - | swipe_events : function (scope) { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .on('touchstart.fndtn.clearing', '.visible-img', function(e) { |
| - | if (!e.touches) { e = e.originalEvent; } |
| - | var data = { |
| - | start_page_x: e.touches[0].pageX, |
| - | start_page_y: e.touches[0].pageY, |
| - | start_time: (new Date()).getTime(), |
| - | delta_x: 0, |
| - | is_scrolling: undefined |
| - | }; |
| - | |
| - | $(this).data('swipe-transition', data); |
| - | e.stopPropagation(); |
| - | }) |
| - | .on('touchmove.fndtn.clearing', '.visible-img', function(e) { |
| - | if (!e.touches) { e = e.originalEvent; } |
| - | // Ignore pinch/zoom events |
| - | if(e.touches.length > 1 || e.scale && e.scale !== 1) return; |
| - | |
| - | var data = $(this).data('swipe-transition'); |
| - | |
| - | if (typeof data === 'undefined') { |
| - | data = {}; |
| - | } |
| - | |
| - | data.delta_x = e.touches[0].pageX - data.start_page_x; |
| - | |
| - | if ( typeof data.is_scrolling === 'undefined') { |
| - | data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); |
| - | } |
| - | |
| - | if (!data.is_scrolling && !data.active) { |
| - | e.preventDefault(); |
| - | var direction = (data.delta_x < 0) ? 'next' : 'prev'; |
| - | data.active = true; |
| - | self.nav(e, direction); |
| - | } |
| - | }) |
| - | .on('touchend.fndtn.clearing', '.visible-img', function(e) { |
| - | $(this).data('swipe-transition', {}); |
| - | e.stopPropagation(); |
| - | }); |
| - | }, |
| - | |
| - | assemble : function ($li) { |
| - | var $el = $li.parent(); |
| - | |
| - | if ($el.parent().hasClass('carousel')) return; |
| - | $el.after('<div id="foundationClearingHolder"></div>'); |
| - | |
| - | var holder = $('#foundationClearingHolder'), |
| - | settings = $el.data('clearing-init'), |
| - | grid = $el.detach(), |
| - | data = { |
| - | grid: '<div class="carousel">' + grid[0].outerHTML + '</div>', |
| - | viewing: settings.templates.viewing |
| - | }, |
| - | wrapper = '<div class="clearing-assembled"><div>' + data.viewing + |
| - | data.grid + '</div></div>'; |
| - | |
| - | return holder.after(wrapper).remove(); |
| - | }, |
| - | |
| - | open : function ($image, current, target) { |
| - | var root = target.closest('.clearing-assembled'), |
| - | container = $('div', root).first(), |
| - | visible_image = $('.visible-img', container), |
| - | image = $('img', visible_image).not($image); |
| - | |
| - | if (!this.locked()) { |
| - | // set the image to the selected thumbnail |
| - | image |
| - | .attr('src', this.load($image)) |
| - | .css('visibility', 'hidden'); |
| - | |
| - | this.loaded(image, function () { |
| - | image.css('visibility', 'visible'); |
| - | // toggle the gallery |
| - | root.addClass('clearing-blackout'); |
| - | container.addClass('clearing-container'); |
| - | visible_image.show(); |
| - | this.fix_height(target) |
| - | .caption($('.clearing-caption', visible_image), $image) |
| - | .center(image) |
| - | .shift(current, target, function () { |
| - | target.siblings().removeClass('visible'); |
| - | target.addClass('visible'); |
| - | }); |
| - | }.bind(this)); |
| - | } |
| - | }, |
| - | |
| - | close : function (e, el) { |
| - | e.preventDefault(); |
| - | |
| - | var root = (function (target) { |
| - | if (/blackout/.test(target.selector)) { |
| - | return target; |
| - | } else { |
| - | return target.closest('.clearing-blackout'); |
| - | } |
| - | }($(el))), container, visible_image; |
| - | |
| - | if (el === e.target && root) { |
| - | container = $('div', root).first(); |
| - | visible_image = $('.visible-img', container); |
| - | this.settings.prev_index = 0; |
| - | $('ul[data-clearing]', root) |
| - | .attr('style', '').closest('.clearing-blackout') |
| - | .removeClass('clearing-blackout'); |
| - | container.removeClass('clearing-container'); |
| - | visible_image.hide(); |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | is_open : function (current) { |
| - | return current.parent().prop('style').length > 0; |
| - | }, |
| - | |
| - | keydown : function (e) { |
| - | var clearing = $('ul[data-clearing]', '.clearing-blackout'); |
| - | |
| - | if (e.which === 39) this.go(clearing, 'next'); |
| - | if (e.which === 37) this.go(clearing, 'prev'); |
| - | if (e.which === 27) $('a.clearing-close').trigger('click'); |
| - | }, |
| - | |
| - | nav : function (e, direction) { |
| - | var clearing = $('ul[data-clearing]', '.clearing-blackout'); |
| - | |
| - | e.preventDefault(); |
| - | this.go(clearing, direction); |
| - | }, |
| - | |
| - | resize : function () { |
| - | var image = $('img', '.clearing-blackout .visible-img'); |
| - | |
| - | if (image.length) { |
| - | this.center(image); |
| - | } |
| - | }, |
| - | |
| - | // visual adjustments |
| - | fix_height : function (target) { |
| - | var lis = target.parent().children(), |
| - | self = this; |
| - | |
| - | lis.each(function () { |
| - | var li = $(this), |
| - | image = li.find('img'); |
| - | |
| - | if (li.height() > image.outerHeight()) { |
| - | li.addClass('fix-height'); |
| - | } |
| - | }) |
| - | .closest('ul') |
| - | .width(lis.length * 100 + '%'); |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | update_paddles : function (target) { |
| - | var visible_image = target |
| - | .closest('.carousel') |
| - | .siblings('.visible-img'); |
| - | |
| - | if (target.next().length > 0) { |
| - | $('.clearing-main-next', visible_image) |
| - | .removeClass('disabled'); |
| - | } else { |
| - | $('.clearing-main-next', visible_image) |
| - | .addClass('disabled'); |
| - | } |
| - | |
| - | if (target.prev().length > 0) { |
| - | $('.clearing-main-prev', visible_image) |
| - | .removeClass('disabled'); |
| - | } else { |
| - | $('.clearing-main-prev', visible_image) |
| - | .addClass('disabled'); |
| - | } |
| - | }, |
| - | |
| - | center : function (target) { |
| - | if (!this.rtl) { |
| - | target.css({ |
| - | marginLeft : -(target.outerWidth() / 2), |
| - | marginTop : -(target.outerHeight() / 2) |
| - | }); |
| - | } else { |
| - | target.css({ |
| - | marginRight : -(target.outerWidth() / 2), |
| - | marginTop : -(target.outerHeight() / 2), |
| - | left: 'auto', |
| - | right: '50%' |
| - | }); |
| - | } |
| - | return this; |
| - | }, |
| - | |
| - | // image loading and preloading |
| - | |
| - | load : function ($image) { |
| - | if ($image[0].nodeName === "A") { |
| - | var href = $image.attr('href'); |
| - | } else { |
| - | var href = $image.parent().attr('href'); |
| - | } |
| - | |
| - | this.preload($image); |
| - | |
| - | if (href) return href; |
| - | return $image.attr('src'); |
| - | }, |
| - | |
| - | preload : function ($image) { |
| - | this |
| - | .img($image.closest('li').next()) |
| - | .img($image.closest('li').prev()); |
| - | }, |
| - | |
| - | img : function (img) { |
| - | if (img.length) { |
| - | var new_img = new Image(), |
| - | new_a = $('a', img); |
| - | |
| - | if (new_a.length) { |
| - | new_img.src = new_a.attr('href'); |
| - | } else { |
| - | new_img.src = $('img', img).attr('src'); |
| - | } |
| - | } |
| - | return this; |
| - | }, |
| - | |
| - | // image caption |
| - | |
| - | caption : function (container, $image) { |
| - | var caption = $image.data('caption'); |
| - | |
| - | if (caption) { |
| - | container |
| - | .html(caption) |
| - | .show(); |
| - | } else { |
| - | container |
| - | .text('') |
| - | .hide(); |
| - | } |
| - | return this; |
| - | }, |
| - | |
| - | // directional methods |
| - | |
| - | go : function ($ul, direction) { |
| - | var current = $('.visible', $ul), |
| - | target = current[direction](); |
| - | |
| - | if (target.length) { |
| - | $('img', target) |
| - | .trigger('click', [current, target]); |
| - | } |
| - | }, |
| - | |
| - | shift : function (current, target, callback) { |
| - | var clearing = target.parent(), |
| - | old_index = this.settings.prev_index || target.index(), |
| - | direction = this.direction(clearing, current, target), |
| - | dir = this.rtl ? 'right' : 'left', |
| - | left = parseInt(clearing.css('left'), 10), |
| - | width = target.outerWidth(), |
| - | skip_shift; |
| - | |
| - | var dir_obj = {}; |
| - | |
| - | // we use jQuery animate instead of CSS transitions because we |
| - | // need a callback to unlock the next animation |
| - | // needs support for RTL ** |
| - | if (target.index() !== old_index && !/skip/.test(direction)){ |
| - | if (/left/.test(direction)) { |
| - | this.lock(); |
| - | dir_obj[dir] = left + width; |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } else if (/right/.test(direction)) { |
| - | this.lock(); |
| - | dir_obj[dir] = left - width; |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } |
| - | } else if (/skip/.test(direction)) { |
| - | // the target image is not adjacent to the current image, so |
| - | // do we scroll right or not |
| - | skip_shift = target.index() - this.settings.up_count; |
| - | this.lock(); |
| - | |
| - | if (skip_shift > 0) { |
| - | dir_obj[dir] = -(skip_shift * width); |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } else { |
| - | dir_obj[dir] = 0; |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } |
| - | } |
| - | |
| - | callback(); |
| - | }, |
| - | |
| - | direction : function ($el, current, target) { |
| - | var lis = $('li', $el), |
| - | li_width = lis.outerWidth() + (lis.outerWidth() / 4), |
| - | up_count = Math.floor($('.clearing-container').outerWidth() / li_width) - 1, |
| - | target_index = lis.index(target), |
| - | response; |
| - | |
| - | this.settings.up_count = up_count; |
| - | |
| - | if (this.adjacent(this.settings.prev_index, target_index)) { |
| - | if ((target_index > up_count) |
| - | && target_index > this.settings.prev_index) { |
| - | response = 'right'; |
| - | } else if ((target_index > up_count - 1) |
| - | && target_index <= this.settings.prev_index) { |
| - | response = 'left'; |
| - | } else { |
| - | response = false; |
| - | } |
| - | } else { |
| - | response = 'skip'; |
| - | } |
| - | |
| - | this.settings.prev_index = target_index; |
| - | |
| - | return response; |
| - | }, |
| - | |
| - | adjacent : function (current_index, target_index) { |
| - | for (var i = target_index + 1; i >= target_index - 1; i--) { |
| - | if (i === current_index) return true; |
| - | } |
| - | return false; |
| - | }, |
| - | |
| - | // lock management |
| - | |
| - | lock : function () { |
| - | this.settings.locked = true; |
| - | }, |
| - | |
| - | unlock : function () { |
| - | this.settings.locked = false; |
| - | }, |
| - | |
| - | locked : function () { |
| - | return this.settings.locked; |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.fndtn.clearing'); |
| - | $(window).off('.fndtn.clearing'); |
| - | }, |
| - | |
| - | reflow : function () { |
| - | this.init(); |
| - | } |
| - | }; |
| - | |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.abide = { |
| - | name : 'abide', |
| - | |
| - | version : '5.0.3', |
| - | |
| - | settings : { |
| - | focus_on_invalid : true, |
| - | error_labels: true, // labels with a for="inputId" will recieve an `error` class |
| - | timeout : 1000, |
| - | patterns : { |
| - | alpha: /[a-zA-Z]+/, |
| - | alpha_numeric : /[a-zA-Z0-9]+/, |
| - | integer: /-?\d+/, |
| - | number: /-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?/, |
| - | |
| - | // generic password: upper-case, lower-case, number/special character, and min 8 characters |
| - | password : /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/, |
| - | |
| - | // amex, visa, diners |
| - | card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/, |
| - | cvv : /^([0-9]){3,4}$/, |
| - | |
| - | // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address |
| - | email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/, |
| - | |
| - | url: /(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?/, |
| - | // abc.de |
| - | domain: /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$/, |
| - | |
| - | datetime: /([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))/, |
| - | // YYYY-MM-DD |
| - | date: /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))/, |
| - | // HH:MM:SS |
| - | time : /(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}/, |
| - | dateISO: /\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}/, |
| - | // MM/DD/YYYY |
| - | month_day_year : /(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d/, |
| - | |
| - | // #FFF or #FFFFFF |
| - | color: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/ |
| - | } |
| - | }, |
| - | |
| - | timer : null, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this, |
| - | form = $(scope).attr('novalidate', 'novalidate'), |
| - | settings = form.data('abide-init'); |
| - | |
| - | form |
| - | .off('.abide') |
| - | .on('submit.fndtn.abide validate.fndtn.abide', function (e) { |
| - | var is_ajax = /ajax/i.test($(this).attr('data-abide')); |
| - | return self.validate($(this).find('input, textarea, select').get(), e, is_ajax); |
| - | }) |
| - | .find('input, textarea, select') |
| - | .off('.abide') |
| - | .on('blur.fndtn.abide change.fndtn.abide', function (e) { |
| - | self.validate([this], e); |
| - | }) |
| - | .on('keydown.fndtn.abide', function (e) { |
| - | var settings = $(this).closest('form').data('abide-init'); |
| - | clearTimeout(self.timer); |
| - | self.timer = setTimeout(function () { |
| - | self.validate([this], e); |
| - | }.bind(this), settings.timeout); |
| - | }); |
| - | }, |
| - | |
| - | validate : function (els, e, is_ajax) { |
| - | var validations = this.parse_patterns(els), |
| - | validation_count = validations.length, |
| - | form = $(els[0]).closest('form'), |
| - | submit_event = /submit/.test(e.type); |
| - | |
| - | for (var i=0; i < validation_count; i++) { |
| - | if (!validations[i] && (submit_event || is_ajax)) { |
| - | if (this.settings.focus_on_invalid) els[i].focus(); |
| - | form.trigger('invalid'); |
| - | $(els[i]).closest('form').attr('data-invalid', ''); |
| - | return false; |
| - | } |
| - | } |
| - | |
| - | if (submit_event || is_ajax) { |
| - | form.trigger('valid'); |
| - | } |
| - | |
| - | form.removeAttr('data-invalid'); |
| - | |
| - | if (is_ajax) return false; |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | parse_patterns : function (els) { |
| - | var count = els.length, |
| - | el_patterns = []; |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | el_patterns.push(this.pattern(els[i])); |
| - | } |
| - | |
| - | return this.check_validation_and_apply_styles(el_patterns); |
| - | }, |
| - | |
| - | pattern : function (el) { |
| - | var type = el.getAttribute('type'), |
| - | required = typeof el.getAttribute('required') === 'string'; |
| - | |
| - | var pattern = el.getAttribute('pattern') || ''; |
| - | |
| - | if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) { |
| - | return [el, this.settings.patterns[pattern], required]; |
| - | } else if (pattern.length > 0) { |
| - | return [el, new RegExp(pattern), required]; |
| - | } |
| - | |
| - | if (this.settings.patterns.hasOwnProperty(type)) { |
| - | return [el, this.settings.patterns[type], required]; |
| - | } |
| - | |
| - | pattern = /.*/; |
| - | |
| - | return [el, pattern, required]; |
| - | }, |
| - | |
| - | check_validation_and_apply_styles : function (el_patterns) { |
| - | var count = el_patterns.length, |
| - | validations = []; |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | var el = el_patterns[i][0], |
| - | required = el_patterns[i][2], |
| - | value = el.value, |
| - | is_equal = el.getAttribute('data-equalto'), |
| - | is_radio = el.type === "radio", |
| - | is_checkbox = el.type === "checkbox", |
| - | label = $('label[for="' + el.getAttribute('id') + '"]'), |
| - | valid_length = (required) ? (el.value.length > 0) : true; |
| - | |
| - | if (is_radio && required) { |
| - | validations.push(this.valid_radio(el, required)); |
| - | } else if (is_checkbox && required) { |
| - | validations.push(this.valid_checkbox(el, required)); |
| - | } else if (is_equal && required) { |
| - | validations.push(this.valid_equal(el, required)); |
| - | } else { |
| - | if (el_patterns[i][1].test(value) && valid_length || |
| - | !required && el.value.length < 1) { |
| - | $(el).removeAttr('data-invalid').parent().removeClass('error'); |
| - | if (label.length > 0 && this.settings.error_labels) label.removeClass('error'); |
| - | |
| - | validations.push(true); |
| - | } else { |
| - | $(el).attr('data-invalid', '').parent().addClass('error'); |
| - | if (label.length > 0 && this.settings.error_labels) label.addClass('error'); |
| - | |
| - | validations.push(false); |
| - | } |
| - | } |
| - | } |
| - | |
| - | return validations; |
| - | }, |
| - | |
| - | valid_checkbox : function(el, required) { |
| - | var el = $(el), |
| - | valid = (el.is(':checked') || !required); |
| - | if (valid) { |
| - | el.removeAttr('data-invalid').parent().removeClass('error'); |
| - | } else { |
| - | el.attr('data-invalid', '').parent().addClass('error'); |
| - | } |
| - | |
| - | return valid; |
| - | }, |
| - | |
| - | valid_radio : function (el, required) { |
| - | var name = el.getAttribute('name'), |
| - | group = document.getElementsByName(name), |
| - | count = group.length, |
| - | valid = false; |
| - | |
| - | for (var i=0; i < count; i++) { |
| - | if (group[i].checked) valid = true; |
| - | } |
| - | |
| - | for (var i=0; i < count; i++) { |
| - | if (valid) { |
| - | $(group[i]).removeAttr('data-invalid').parent().removeClass('error'); |
| - | } else { |
| - | $(group[i]).attr('data-invalid', '').parent().addClass('error'); |
| - | } |
| - | } |
| - | |
| - | return valid; |
| - | }, |
| - | |
| - | valid_equal: function(el, required) { |
| - | var from = document.getElementById(el.getAttribute('data-equalto')).value, |
| - | to = el.value, |
| - | valid = (from === to); |
| - | |
| - | if (valid) { |
| - | $(el).removeAttr('data-invalid').parent().removeClass('error'); |
| - | } else { |
| - | $(el).attr('data-invalid', '').parent().addClass('error'); |
| - | } |
| - | |
| - | return valid; |
| - | } |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.dropdown = { |
| - | name : 'dropdown', |
| - | |
| - | version : '5.0.0', |
| - | |
| - | settings : { |
| - | active_class: 'open', |
| - | is_hover: false, |
| - | opened: function(){}, |
| - | closed: function(){} |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle'); |
| - | |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .off('.dropdown') |
| - | .on('click.fndtn.dropdown', '[data-dropdown]', function (e) { |
| - | var settings = $(this).data('dropdown-init') || self.settings; |
| - | e.preventDefault(); |
| - | |
| - | self.closeall.call(self); |
| - | |
| - | if (!settings.is_hover || Modernizr.touch) self.toggle($(this)); |
| - | }) |
| - | .on('mouseenter.fndtn.dropdown', '[data-dropdown], [data-dropdown-content]', function (e) { |
| - | var $this = $(this); |
| - | clearTimeout(self.timeout); |
| - | |
| - | if ($this.data('dropdown')) { |
| - | var dropdown = $('#' + $this.data('dropdown')), |
| - | target = $this; |
| - | } else { |
| - | var dropdown = $this; |
| - | target = $("[data-dropdown='" + dropdown.attr('id') + "']"); |
| - | } |
| - | |
| - | var settings = target.data('dropdown-init') || self.settings; |
| - | |
| - | if($(e.target).data('dropdown') && settings.is_hover) { |
| - | self.closeall.call(self); |
| - | } |
| - | |
| - | if (settings.is_hover) self.open.apply(self, [dropdown, target]); |
| - | }) |
| - | .on('mouseleave.fndtn.dropdown', '[data-dropdown], [data-dropdown-content]', function (e) { |
| - | var $this = $(this); |
| - | self.timeout = setTimeout(function () { |
| - | if ($this.data('dropdown')) { |
| - | var settings = $this.data('dropdown-init') || self.settings; |
| - | if (settings.is_hover) self.close.call(self, $('#' + $this.data('dropdown'))); |
| - | } else { |
| - | var target = $('[data-dropdown="' + $(this).attr('id') + '"]'), |
| - | settings = target.data('dropdown-init') || self.settings; |
| - | if (settings.is_hover) self.close.call(self, $this); |
| - | } |
| - | }.bind(this), 150); |
| - | }) |
| - | .on('click.fndtn.dropdown', function (e) { |
| - | var parent = $(e.target).closest('[data-dropdown-content]'); |
| - | |
| - | if ($(e.target).data('dropdown') || $(e.target).parent().data('dropdown')) { |
| - | return; |
| - | } |
| - | if (!($(e.target).data('revealId')) && |
| - | (parent.length > 0 && ($(e.target).is('[data-dropdown-content]') || |
| - | $.contains(parent.first()[0], e.target)))) { |
| - | e.stopPropagation(); |
| - | return; |
| - | } |
| - | |
| - | self.close.call(self, $('[data-dropdown-content]')); |
| - | }) |
| - | .on('opened.fndtn.dropdown', '[data-dropdown-content]', function () { |
| - | self.settings.opened.call(this); |
| - | }) |
| - | .on('closed.fndtn.dropdown', '[data-dropdown-content]', function () { |
| - | self.settings.closed.call(this); |
| - | }); |
| - | |
| - | $(window) |
| - | .off('.dropdown') |
| - | .on('resize.fndtn.dropdown', self.throttle(function () { |
| - | self.resize.call(self); |
| - | }, 50)).trigger('resize'); |
| - | }, |
| - | |
| - | close: function (dropdown) { |
| - | var self = this; |
| - | dropdown.each(function () { |
| - | if ($(this).hasClass(self.settings.active_class)) { |
| - | $(this) |
| - | .css(Foundation.rtl ? 'right':'left', '-99999px') |
| - | .removeClass(self.settings.active_class); |
| - | $(this).trigger('closed'); |
| - | } |
| - | }); |
| - | }, |
| - | |
| - | closeall: function() { |
| - | var self = this; |
| - | $.each($('[data-dropdown-content]'), function() { |
| - | self.close.call(self, $(this)) |
| - | }); |
| - | }, |
| - | |
| - | open: function (dropdown, target) { |
| - | this |
| - | .css(dropdown |
| - | .addClass(this.settings.active_class), target); |
| - | dropdown.trigger('opened'); |
| - | }, |
| - | |
| - | toggle : function (target) { |
| - | var dropdown = $('#' + target.data('dropdown')); |
| - | if (dropdown.length === 0) { |
| - | // No dropdown found, not continuing |
| - | return; |
| - | } |
| - | |
| - | this.close.call(this, $('[data-dropdown-content]').not(dropdown)); |
| - | |
| - | if (dropdown.hasClass(this.settings.active_class)) { |
| - | this.close.call(this, dropdown); |
| - | } else { |
| - | this.close.call(this, $('[data-dropdown-content]')) |
| - | this.open.call(this, dropdown, target); |
| - | } |
| - | }, |
| - | |
| - | resize : function () { |
| - | var dropdown = $('[data-dropdown-content].open'), |
| - | target = $("[data-dropdown='" + dropdown.attr('id') + "']"); |
| - | |
| - | if (dropdown.length && target.length) { |
| - | this.css(dropdown, target); |
| - | } |
| - | }, |
| - | |
| - | css : function (dropdown, target) { |
| - | var offset_parent = dropdown.offsetParent(), |
| - | position = target.offset(); |
| - | |
| - | position.top -= offset_parent.offset().top; |
| - | position.left -= offset_parent.offset().left; |
| - | |
| - | if (this.small()) { |
| - | dropdown.css({ |
| - | position : 'absolute', |
| - | width: '95%', |
| - | 'max-width': 'none', |
| - | top: position.top + target.outerHeight() |
| - | }); |
| - | dropdown.css(Foundation.rtl ? 'right':'left', '2.5%'); |
| - | } else { |
| - | if (!Foundation.rtl && $(window).width() > dropdown.outerWidth() + target.offset().left) { |
| - | var left = position.left; |
| - | if (dropdown.hasClass('right')) { |
| - | dropdown.removeClass('right'); |
| - | } |
| - | } else { |
| - | if (!dropdown.hasClass('right')) { |
| - | dropdown.addClass('right'); |
| - | } |
| - | var left = position.left - (dropdown.outerWidth() - target.outerWidth()); |
| - | } |
| - | |
| - | dropdown.attr('style', '').css({ |
| - | position : 'absolute', |
| - | top: position.top + target.outerHeight(), |
| - | left: left |
| - | }); |
| - | } |
| - | |
| - | return dropdown; |
| - | }, |
| - | |
| - | small : function () { |
| - | return matchMedia(Foundation.media_queries.small).matches && |
| - | !matchMedia(Foundation.media_queries.medium).matches; |
| - | }, |
| - | |
| - | off: function () { |
| - | $(this.scope).off('.fndtn.dropdown'); |
| - | $('html, body').off('.fndtn.dropdown'); |
| - | $(window).off('.fndtn.dropdown'); |
| - | $('[data-dropdown-content]').off('.fndtn.dropdown'); |
| - | this.settings.init = false; |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.interchange = { |
| - | name : 'interchange', |
| - | |
| - | version : '5.0.3', |
| - | |
| - | cache : {}, |
| - | |
| - | images_loaded : false, |
| - | nodes_loaded : false, |
| - | |
| - | settings : { |
| - | load_attr : 'interchange', |
| - | |
| - | named_queries : { |
| - | 'default' : 'only screen', |
| - | small : Foundation.media_queries.small, |
| - | medium : Foundation.media_queries.medium, |
| - | large : Foundation.media_queries.large, |
| - | xlarge : Foundation.media_queries.xlarge, |
| - | xxlarge: Foundation.media_queries.xxlarge, |
| - | landscape : 'only screen and (orientation: landscape)', |
| - | portrait : 'only screen and (orientation: portrait)', |
| - | retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' + |
| - | 'only screen and (min--moz-device-pixel-ratio: 2),' + |
| - | 'only screen and (-o-min-device-pixel-ratio: 2/1),' + |
| - | 'only screen and (min-device-pixel-ratio: 2),' + |
| - | 'only screen and (min-resolution: 192dpi),' + |
| - | 'only screen and (min-resolution: 2dppx)' |
| - | }, |
| - | |
| - | directives : { |
| - | replace: function (el, path, trigger) { |
| - | // The trigger argument, if called within the directive, fires |
| - | // an event named after the directive on the element, passing |
| - | // any parameters along to the event that you pass to trigger. |
| - | // |
| - | // ex. trigger(), trigger([a, b, c]), or trigger(a, b, c) |
| - | // |
| - | // This allows you to bind a callback like so: |
| - | // $('#interchangeContainer').on('replace', function (e, a, b, c) { |
| - | // console.log($(this).html(), a, b, c); |
| - | // }); |
| - | |
| - | if (/IMG/.test(el[0].nodeName)) { |
| - | var orig_path = el[0].src; |
| - | |
| - | if (new RegExp(path, 'i').test(orig_path)) return; |
| - | |
| - | el[0].src = path; |
| - | |
| - | return trigger(el[0].src); |
| - | } |
| - | var last_path = el.data('interchange-last-path'); |
| - | |
| - | if (last_path == path) return; |
| - | |
| - | return $.get(path, function (response) { |
| - | el.html(response); |
| - | el.data('interchange-last-path', path); |
| - | trigger(); |
| - | }); |
| - | |
| - | } |
| - | } |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle'); |
| - | |
| - | this.data_attr = 'data-' + this.settings.load_attr; |
| - | $.extend(true, this.settings, method, options); |
| - | |
| - | this.bindings(method, options); |
| - | this.load('images'); |
| - | this.load('nodes'); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this; |
| - | |
| - | $(window) |
| - | .off('.interchange') |
| - | .on('resize.fndtn.interchange', self.throttle(function () { |
| - | self.resize.call(self); |
| - | }, 50)); |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | resize : function () { |
| - | var cache = this.cache; |
| - | |
| - | if(!this.images_loaded || !this.nodes_loaded) { |
| - | setTimeout($.proxy(this.resize, this), 50); |
| - | return; |
| - | } |
| - | |
| - | for (var uuid in cache) { |
| - | if (cache.hasOwnProperty(uuid)) { |
| - | var passed = this.results(uuid, cache[uuid]); |
| - | |
| - | if (passed) { |
| - | this.settings.directives[passed |
| - | .scenario[1]](passed.el, passed.scenario[0], function () { |
| - | if (arguments[0] instanceof Array) { |
| - | var args = arguments[0]; |
| - | } else { |
| - | var args = Array.prototype.slice.call(arguments, 0); |
| - | } |
| - | |
| - | passed.el.trigger(passed.scenario[1], args); |
| - | }); |
| - | } |
| - | } |
| - | } |
| - | |
| - | }, |
| - | |
| - | results : function (uuid, scenarios) { |
| - | var count = scenarios.length; |
| - | |
| - | if (count > 0) { |
| - | var el = this.S('[data-uuid="' + uuid + '"]'); |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | var mq, rule = scenarios[i][2]; |
| - | if (this.settings.named_queries.hasOwnProperty(rule)) { |
| - | mq = matchMedia(this.settings.named_queries[rule]); |
| - | } else { |
| - | mq = matchMedia(rule); |
| - | } |
| - | if (mq.matches) { |
| - | return {el: el, scenario: scenarios[i]}; |
| - | } |
| - | } |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | load : function (type, force_update) { |
| - | if (typeof this['cached_' + type] === 'undefined' || force_update) { |
| - | this['update_' + type](); |
| - | } |
| - | |
| - | return this['cached_' + type]; |
| - | }, |
| - | |
| - | update_images : function () { |
| - | var images = this.S('img[' + this.data_attr + ']'), |
| - | count = images.length, |
| - | loaded_count = 0, |
| - | data_attr = this.data_attr; |
| - | |
| - | this.cache = {}; |
| - | this.cached_images = []; |
| - | this.images_loaded = (count === 0); |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | loaded_count++; |
| - | if (images[i]) { |
| - | var str = images[i].getAttribute(data_attr) || ''; |
| - | |
| - | if (str.length > 0) { |
| - | this.cached_images.push(images[i]); |
| - | } |
| - | } |
| - | |
| - | if(loaded_count === count) { |
| - | this.images_loaded = true; |
| - | this.enhance('images'); |
| - | } |
| - | } |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | update_nodes : function () { |
| - | var nodes = this.S('[' + this.data_attr + ']:not(img)'), |
| - | count = nodes.length, |
| - | loaded_count = 0, |
| - | data_attr = this.data_attr; |
| - | |
| - | this.cached_nodes = []; |
| - | // Set nodes_loaded to true if there are no nodes |
| - | // this.nodes_loaded = false; |
| - | this.nodes_loaded = (count === 0); |
| - | |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | loaded_count++; |
| - | var str = nodes[i].getAttribute(data_attr) || ''; |
| - | |
| - | if (str.length > 0) { |
| - | this.cached_nodes.push(nodes[i]); |
| - | } |
| - | |
| - | if(loaded_count === count) { |
| - | this.nodes_loaded = true; |
| - | this.enhance('nodes'); |
| - | } |
| - | } |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | enhance : function (type) { |
| - | var count = this['cached_' + type].length; |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | this.object($(this['cached_' + type][i])); |
| - | } |
| - | |
| - | return $(window).trigger('resize'); |
| - | }, |
| - | |
| - | parse_params : function (path, directive, mq) { |
| - | return [this.trim(path), this.convert_directive(directive), this.trim(mq)]; |
| - | }, |
| - | |
| - | convert_directive : function (directive) { |
| - | var trimmed = this.trim(directive); |
| - | |
| - | if (trimmed.length > 0) { |
| - | return trimmed; |
| - | } |
| - | |
| - | return 'replace'; |
| - | }, |
| - | |
| - | object : function(el) { |
| - | var raw_arr = this.parse_data_attr(el), |
| - | scenarios = [], count = raw_arr.length; |
| - | |
| - | if (count > 0) { |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | var split = raw_arr[i].split(/\((.*?)(\))$/); |
| - | |
| - | if (split.length > 1) { |
| - | var cached_split = split[0].split(','), |
| - | params = this.parse_params(cached_split[0], |
| - | cached_split[1], split[1]); |
| - | |
| - | scenarios.push(params); |
| - | } |
| - | } |
| - | } |
| - | |
| - | return this.store(el, scenarios); |
| - | }, |
| - | |
| - | uuid : function (separator) { |
| - | var delim = separator || "-"; |
| - | |
| - | function S4() { |
| - | return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); |
| - | } |
| - | |
| - | return (S4() + S4() + delim + S4() + delim + S4() |
| - | + delim + S4() + delim + S4() + S4() + S4()); |
| - | }, |
| - | |
| - | store : function (el, scenarios) { |
| - | var uuid = this.uuid(), |
| - | current_uuid = el.data('uuid'); |
| - | |
| - | if (current_uuid) return this.cache[current_uuid]; |
| - | |
| - | el.attr('data-uuid', uuid); |
| - | |
| - | return this.cache[uuid] = scenarios; |
| - | }, |
| - | |
| - | trim : function(str) { |
| - | if (typeof str === 'string') { |
| - | return $.trim(str); |
| - | } |
| - | |
| - | return str; |
| - | }, |
| - | |
| - | parse_data_attr : function (el) { |
| - | var raw = el.data(this.settings.load_attr).split(/\[(.*?)\]/), |
| - | count = raw.length, output = []; |
| - | |
| - | for (var i = count - 1; i >= 0; i--) { |
| - | if (raw[i].replace(/[\W\d]+/, '').length > 4) { |
| - | output.push(raw[i]); |
| - | } |
| - | } |
| - | |
| - | return output; |
| - | }, |
| - | |
| - | reflow : function () { |
| - | this.load('images', true); |
| - | this.load('nodes', true); |
| - | } |
| - | |
| - | }; |
| - | |
| - | }(jQuery, this, this.document)); |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | var Modernizr = Modernizr || false; |
| - | |
| - | Foundation.libs.joyride = { |
| - | name : 'joyride', |
| - | |
| - | version : '5.0.0', |
| - | |
| - | defaults : { |
| - | expose : false, // turn on or off the expose feature |
| - | modal : true, // Whether to cover page with modal during the tour |
| - | tip_location : 'bottom', // 'top' or 'bottom' in relation to parent |
| - | nub_position : 'auto', // override on a per tooltip bases |
| - | scroll_speed : 1500, // Page scrolling speed in milliseconds, 0 = no scroll animation |
| - | scroll_animation : 'linear', // supports 'swing' and 'linear', extend with jQuery UI. |
| - | timer : 0, // 0 = no timer , all other numbers = timer in milliseconds |
| - | start_timer_on_click : true, // true or false - true requires clicking the first button start the timer |
| - | start_offset : 0, // the index of the tooltip you want to start on (index of the li) |
| - | next_button : true, // true or false to control whether a next button is used |
| - | tip_animation : 'fade', // 'pop' or 'fade' in each tip |
| - | pause_after : [], // array of indexes where to pause the tour after |
| - | exposed : [], // array of expose elements |
| - | tip_animation_fade_speed: 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition |
| - | cookie_monster : false, // true or false to control whether cookies are used |
| - | cookie_name : 'joyride', // Name the cookie you'll use |
| - | cookie_domain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com' |
| - | cookie_expires : 365, // set when you would like the cookie to expire. |
| - | tip_container : 'body', // Where will the tip be attached |
| - | tip_location_patterns : { |
| - | top: ['bottom'], |
| - | bottom: [], // bottom should not need to be repositioned |
| - | left: ['right', 'top', 'bottom'], |
| - | right: ['left', 'top', 'bottom'] |
| - | }, |
| - | post_ride_callback : function (){}, // A method to call once the tour closes (canceled or complete) |
| - | post_step_callback : function (){}, // A method to call after each step |
| - | pre_step_callback : function (){}, // A method to call before each step |
| - | pre_ride_callback : function (){}, // A method to call before the tour starts (passed index, tip, and cloned exposed element) |
| - | post_expose_callback : function (){}, // A method to call after an element has been exposed |
| - | template : { // HTML segments for tip layout |
| - | link : '<a href="#close" class="joyride-close-tip">×</a>', |
| - | timer : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>', |
| - | tip : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>', |
| - | wrapper : '<div class="joyride-content-wrapper"></div>', |
| - | button : '<a href="#" class="small button joyride-next-tip"></a>', |
| - | modal : '<div class="joyride-modal-bg"></div>', |
| - | expose : '<div class="joyride-expose-wrapper"></div>', |
| - | expose_cover: '<div class="joyride-expose-cover"></div>' |
| - | }, |
| - | expose_add_class : '' // One or more space-separated class names to be added to exposed element |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle delay'); |
| - | |
| - | this.settings = this.defaults; |
| - | |
| - | this.bindings(method, options) |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .off('.joyride') |
| - | .on('click.fndtn.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | if (this.settings.$li.next().length < 1) { |
| - | this.end(); |
| - | } else if (this.settings.timer > 0) { |
| - | clearTimeout(this.settings.automate); |
| - | this.hide(); |
| - | this.show(); |
| - | this.startTimer(); |
| - | } else { |
| - | this.hide(); |
| - | this.show(); |
| - | } |
| - | |
| - | }.bind(this)) |
| - | |
| - | .on('click.fndtn.joyride', '.joyride-close-tip', function (e) { |
| - | e.preventDefault(); |
| - | this.end(); |
| - | }.bind(this)); |
| - | |
| - | $(window) |
| - | .off('.joyride') |
| - | .on('resize.fndtn.joyride', self.throttle(function () { |
| - | if ($('[data-joyride]').length > 0 && self.settings.$next_tip) { |
| - | if (self.settings.exposed.length > 0) { |
| - | var $els = $(self.settings.exposed); |
| - | |
| - | $els.each(function () { |
| - | var $this = $(this); |
| - | self.un_expose($this); |
| - | self.expose($this); |
| - | }); |
| - | } |
| - | |
| - | if (self.is_phone()) { |
| - | self.pos_phone(); |
| - | } else { |
| - | self.pos_default(false, true); |
| - | } |
| - | } |
| - | }, 100)); |
| - | }, |
| - | |
| - | start : function () { |
| - | var self = this, |
| - | $this = $('[data-joyride]', this.scope), |
| - | integer_settings = ['timer', 'scrollSpeed', 'startOffset', 'tipAnimationFadeSpeed', 'cookieExpires'], |
| - | int_settings_count = integer_settings.length; |
| - | |
| - | if (!$this.length > 0) return; |
| - | |
| - | if (!this.settings.init) this.events(); |
| - | |
| - | this.settings = $this.data('joyride-init'); |
| - | |
| - | // non configureable settings |
| - | this.settings.$content_el = $this; |
| - | this.settings.$body = $(this.settings.tip_container); |
| - | this.settings.body_offset = $(this.settings.tip_container).position(); |
| - | this.settings.$tip_content = this.settings.$content_el.find('> li'); |
| - | this.settings.paused = false; |
| - | this.settings.attempts = 0; |
| - | |
| - | // can we create cookies? |
| - | if (typeof $.cookie !== 'function') { |
| - | this.settings.cookie_monster = false; |
| - | } |
| - | |
| - | // generate the tips and insert into dom. |
| - | if (!this.settings.cookie_monster || this.settings.cookie_monster && $.cookie(this.settings.cookie_name) === null) { |
| - | this.settings.$tip_content.each(function (index) { |
| - | var $this = $(this); |
| - | this.settings = $.extend({}, self.defaults, self.data_options($this)) |
| - | |
| - | // Make sure that settings parsed from data_options are integers where necessary |
| - | for (var i = int_settings_count - 1; i >= 0; i--) { |
| - | self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10); |
| - | } |
| - | self.create({$li : $this, index : index}); |
| - | }); |
| - | |
| - | // show first tip |
| - | if (!this.settings.start_timer_on_click && this.settings.timer > 0) { |
| - | this.show('init'); |
| - | this.startTimer(); |
| - | } else { |
| - | this.show('init'); |
| - | } |
| - | |
| - | } |
| - | }, |
| - | |
| - | resume : function () { |
| - | this.set_li(); |
| - | this.show(); |
| - | }, |
| - | |
| - | tip_template : function (opts) { |
| - | var $blank, content; |
| - | |
| - | opts.tip_class = opts.tip_class || ''; |
| - | |
| - | $blank = $(this.settings.template.tip).addClass(opts.tip_class); |
| - | content = $.trim($(opts.li).html()) + |
| - | this.button_text(opts.button_text) + |
| - | this.settings.template.link + |
| - | this.timer_instance(opts.index); |
| - | |
| - | $blank.append($(this.settings.template.wrapper)); |
| - | $blank.first().attr('data-index', opts.index); |
| - | $('.joyride-content-wrapper', $blank).append(content); |
| - | |
| - | return $blank[0]; |
| - | }, |
| - | |
| - | timer_instance : function (index) { |
| - | var txt; |
| - | |
| - | if ((index === 0 && this.settings.start_timer_on_click && this.settings.timer > 0) || this.settings.timer === 0) { |
| - | txt = ''; |
| - | } else { |
| - | txt = $(this.settings.template.timer)[0].outerHTML; |
| - | } |
| - | return txt; |
| - | }, |
| - | |
| - | button_text : function (txt) { |
| - | if (this.settings.next_button) { |
| - | txt = $.trim(txt) || 'Next'; |
| - | txt = $(this.settings.template.button).append(txt)[0].outerHTML; |
| - | } else { |
| - | txt = ''; |
| - | } |
| - | return txt; |
| - | }, |
| - | |
| - | create : function (opts) { |
| - | var buttonText = opts.$li.attr('data-button') || opts.$li.attr('data-text'), |
| - | tipClass = opts.$li.attr('class'), |
| - | $tip_content = $(this.tip_template({ |
| - | tip_class : tipClass, |
| - | index : opts.index, |
| - | button_text : buttonText, |
| - | li : opts.$li |
| - | })); |
| - | |
| - | $(this.settings.tip_container).append($tip_content); |
| - | }, |
| - | |
| - | show : function (init) { |
| - | var $timer = null; |
| - | |
| - | // are we paused? |
| - | if (this.settings.$li === undefined |
| - | || ($.inArray(this.settings.$li.index(), this.settings.pause_after) === -1)) { |
| - | |
| - | // don't go to the next li if the tour was paused |
| - | if (this.settings.paused) { |
| - | this.settings.paused = false; |
| - | } else { |
| - | this.set_li(init); |
| - | } |
| - | |
| - | this.settings.attempts = 0; |
| - | |
| - | if (this.settings.$li.length && this.settings.$target.length > 0) { |
| - | if (init) { //run when we first start |
| - | this.settings.pre_ride_callback(this.settings.$li.index(), this.settings.$next_tip); |
| - | if (this.settings.modal) { |
| - | this.show_modal(); |
| - | } |
| - | } |
| - | |
| - | this.settings.pre_step_callback(this.settings.$li.index(), this.settings.$next_tip); |
| - | |
| - | if (this.settings.modal && this.settings.expose) { |
| - | this.expose(); |
| - | } |
| - | |
| - | this.settings.tip_settings = $.extend({}, this.settings, this.data_options(this.settings.$li)); |
| - | |
| - | this.settings.timer = parseInt(this.settings.timer, 10); |
| - | |
| - | this.settings.tip_settings.tip_location_pattern = this.settings.tip_location_patterns[this.settings.tip_settings.tip_location]; |
| - | |
| - | // scroll if not modal |
| - | if (!/body/i.test(this.settings.$target.selector)) { |
| - | this.scroll_to(); |
| - | } |
| - | |
| - | if (this.is_phone()) { |
| - | this.pos_phone(true); |
| - | } else { |
| - | this.pos_default(true); |
| - | } |
| - | |
| - | $timer = this.settings.$next_tip.find('.joyride-timer-indicator'); |
| - | |
| - | if (/pop/i.test(this.settings.tip_animation)) { |
| - | |
| - | $timer.width(0); |
| - | |
| - | if (this.settings.timer > 0) { |
| - | |
| - | this.settings.$next_tip.show(); |
| - | |
| - | this.delay(function () { |
| - | $timer.animate({ |
| - | width: $timer.parent().width() |
| - | }, this.settings.timer, 'linear'); |
| - | }.bind(this), this.settings.tip_animation_fade_speed); |
| - | |
| - | } else { |
| - | this.settings.$next_tip.show(); |
| - | |
| - | } |
| - | |
| - | |
| - | } else if (/fade/i.test(this.settings.tip_animation)) { |
| - | |
| - | $timer.width(0); |
| - | |
| - | if (this.settings.timer > 0) { |
| - | |
| - | this.settings.$next_tip |
| - | .fadeIn(this.settings.tip_animation_fade_speed) |
| - | .show(); |
| - | |
| - | this.delay(function () { |
| - | $timer.animate({ |
| - | width: $timer.parent().width() |
| - | }, this.settings.timer, 'linear'); |
| - | }.bind(this), this.settings.tip_animation_fadeSpeed); |
| - | |
| - | } else { |
| - | this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed); |
| - | } |
| - | } |
| - | |
| - | this.settings.$current_tip = this.settings.$next_tip; |
| - | |
| - | // skip non-existant targets |
| - | } else if (this.settings.$li && this.settings.$target.length < 1) { |
| - | |
| - | this.show(); |
| - | |
| - | } else { |
| - | |
| - | this.end(); |
| - | |
| - | } |
| - | } else { |
| - | |
| - | this.settings.paused = true; |
| - | |
| - | } |
| - | |
| - | }, |
| - | |
| - | is_phone : function () { |
| - | return matchMedia(Foundation.media_queries.small).matches && |
| - | !matchMedia(Foundation.media_queries.medium).matches; |
| - | }, |
| - | |
| - | hide : function () { |
| - | if (this.settings.modal && this.settings.expose) { |
| - | this.un_expose(); |
| - | } |
| - | |
| - | if (!this.settings.modal) { |
| - | $('.joyride-modal-bg').hide(); |
| - | } |
| - | |
| - | // Prevent scroll bouncing...wait to remove from layout |
| - | this.settings.$current_tip.css('visibility', 'hidden'); |
| - | setTimeout($.proxy(function() { |
| - | this.hide(); |
| - | this.css('visibility', 'visible'); |
| - | }, this.settings.$current_tip), 0); |
| - | this.settings.post_step_callback(this.settings.$li.index(), |
| - | this.settings.$current_tip); |
| - | }, |
| - | |
| - | set_li : function (init) { |
| - | if (init) { |
| - | this.settings.$li = this.settings.$tip_content.eq(this.settings.start_offset); |
| - | this.set_next_tip(); |
| - | this.settings.$current_tip = this.settings.$next_tip; |
| - | } else { |
| - | this.settings.$li = this.settings.$li.next(); |
| - | this.set_next_tip(); |
| - | } |
| - | |
| - | this.set_target(); |
| - | }, |
| - | |
| - | set_next_tip : function () { |
| - | this.settings.$next_tip = $(".joyride-tip-guide").eq(this.settings.$li.index()); |
| - | this.settings.$next_tip.data('closed', ''); |
| - | }, |
| - | |
| - | set_target : function () { |
| - | var cl = this.settings.$li.attr('data-class'), |
| - | id = this.settings.$li.attr('data-id'), |
| - | $sel = function () { |
| - | if (id) { |
| - | return $(document.getElementById(id)); |
| - | } else if (cl) { |
| - | return $('.' + cl).first(); |
| - | } else { |
| - | return $('body'); |
| - | } |
| - | }; |
| - | |
| - | this.settings.$target = $sel(); |
| - | }, |
| - | |
| - | scroll_to : function () { |
| - | var window_half, tipOffset; |
| - | |
| - | window_half = $(window).height() / 2; |
| - | tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()); |
| - | |
| - | if (tipOffset != 0) { |
| - | $('html, body').animate({ |
| - | scrollTop: tipOffset |
| - | }, this.settings.scroll_speed, 'swing'); |
| - | } |
| - | }, |
| - | |
| - | paused : function () { |
| - | return ($.inArray((this.settings.$li.index() + 1), this.settings.pause_after) === -1); |
| - | }, |
| - | |
| - | restart : function () { |
| - | this.hide(); |
| - | this.settings.$li = undefined; |
| - | this.show('init'); |
| - | }, |
| - | |
| - | pos_default : function (init, resizing) { |
| - | var half_fold = Math.ceil($(window).height() / 2), |
| - | tip_position = this.settings.$next_tip.offset(), |
| - | $nub = this.settings.$next_tip.find('.joyride-nub'), |
| - | nub_width = Math.ceil($nub.outerWidth() / 2), |
| - | nub_height = Math.ceil($nub.outerHeight() / 2), |
| - | toggle = init || false; |
| - | |
| - | // tip must not be "display: none" to calculate position |
| - | if (toggle) { |
| - | this.settings.$next_tip.css('visibility', 'hidden'); |
| - | this.settings.$next_tip.show(); |
| - | } |
| - | |
| - | if (typeof resizing === 'undefined') { |
| - | resizing = false; |
| - | } |
| - | |
| - | if (!/body/i.test(this.settings.$target.selector)) { |
| - | if (this.bottom()) { |
| - | if (this.rtl) { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight()), |
| - | left: this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth()}); |
| - | } else { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight()), |
| - | left: this.settings.$target.offset().left}); |
| - | } |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'top'); |
| - | |
| - | } else if (this.top()) { |
| - | if (this.rtl) { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height), |
| - | left: this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth()}); |
| - | } else { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height), |
| - | left: this.settings.$target.offset().left}); |
| - | } |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'bottom'); |
| - | |
| - | } else if (this.right()) { |
| - | |
| - | this.settings.$next_tip.css({ |
| - | top: this.settings.$target.offset().top, |
| - | left: (this.outerWidth(this.settings.$target) + this.settings.$target.offset().left + nub_width)}); |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'left'); |
| - | |
| - | } else if (this.left()) { |
| - | |
| - | this.settings.$next_tip.css({ |
| - | top: this.settings.$target.offset().top, |
| - | left: (this.settings.$target.offset().left - this.outerWidth(this.settings.$next_tip) - nub_width)}); |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'right'); |
| - | |
| - | } |
| - | |
| - | if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tip_settings.tip_location_pattern.length) { |
| - | |
| - | $nub.removeClass('bottom') |
| - | .removeClass('top') |
| - | .removeClass('right') |
| - | .removeClass('left'); |
| - | |
| - | this.settings.tip_settings.tip_location = this.settings.tip_settings.tip_location_pattern[this.settings.attempts]; |
| - | |
| - | this.settings.attempts++; |
| - | |
| - | this.pos_default(); |
| - | |
| - | } |
| - | |
| - | } else if (this.settings.$li.length) { |
| - | |
| - | this.pos_modal($nub); |
| - | |
| - | } |
| - | |
| - | if (toggle) { |
| - | this.settings.$next_tip.hide(); |
| - | this.settings.$next_tip.css('visibility', 'visible'); |
| - | } |
| - | |
| - | }, |
| - | |
| - | pos_phone : function (init) { |
| - | var tip_height = this.settings.$next_tip.outerHeight(), |
| - | tip_offset = this.settings.$next_tip.offset(), |
| - | target_height = this.settings.$target.outerHeight(), |
| - | $nub = $('.joyride-nub', this.settings.$next_tip), |
| - | nub_height = Math.ceil($nub.outerHeight() / 2), |
| - | toggle = init || false; |
| - | |
| - | $nub.removeClass('bottom') |
| - | .removeClass('top') |
| - | .removeClass('right') |
| - | .removeClass('left'); |
| - | |
| - | if (toggle) { |
| - | this.settings.$next_tip.css('visibility', 'hidden'); |
| - | this.settings.$next_tip.show(); |
| - | } |
| - | |
| - | if (!/body/i.test(this.settings.$target.selector)) { |
| - | |
| - | if (this.top()) { |
| - | |
| - | this.settings.$next_tip.offset({top: this.settings.$target.offset().top - tip_height - nub_height}); |
| - | $nub.addClass('bottom'); |
| - | |
| - | } else { |
| - | |
| - | this.settings.$next_tip.offset({top: this.settings.$target.offset().top + target_height + nub_height}); |
| - | $nub.addClass('top'); |
| - | |
| - | } |
| - | |
| - | } else if (this.settings.$li.length) { |
| - | this.pos_modal($nub); |
| - | } |
| - | |
| - | if (toggle) { |
| - | this.settings.$next_tip.hide(); |
| - | this.settings.$next_tip.css('visibility', 'visible'); |
| - | } |
| - | }, |
| - | |
| - | pos_modal : function ($nub) { |
| - | this.center(); |
| - | $nub.hide(); |
| - | |
| - | this.show_modal(); |
| - | }, |
| - | |
| - | show_modal : function () { |
| - | if (!this.settings.$next_tip.data('closed')) { |
| - | var joyridemodalbg = $('.joyride-modal-bg'); |
| - | if (joyridemodalbg.length < 1) { |
| - | $('body').append(this.settings.template.modal).show(); |
| - | } |
| - | |
| - | if (/pop/i.test(this.settings.tip_animation)) { |
| - | joyridemodalbg.show(); |
| - | } else { |
| - | joyridemodalbg.fadeIn(this.settings.tip_animation_fade_speed); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | expose : function () { |
| - | var expose, |
| - | exposeCover, |
| - | el, |
| - | origCSS, |
| - | origClasses, |
| - | randId = 'expose-'+Math.floor(Math.random()*10000); |
| - | |
| - | if (arguments.length > 0 && arguments[0] instanceof $) { |
| - | el = arguments[0]; |
| - | } else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){ |
| - | el = this.settings.$target; |
| - | } else { |
| - | return false; |
| - | } |
| - | |
| - | if(el.length < 1){ |
| - | if(window.console){ |
| - | console.error('element not valid', el); |
| - | } |
| - | return false; |
| - | } |
| - | |
| - | expose = $(this.settings.template.expose); |
| - | this.settings.$body.append(expose); |
| - | expose.css({ |
| - | top: el.offset().top, |
| - | left: el.offset().left, |
| - | width: el.outerWidth(true), |
| - | height: el.outerHeight(true) |
| - | }); |
| - | |
| - | exposeCover = $(this.settings.template.expose_cover); |
| - | |
| - | origCSS = { |
| - | zIndex: el.css('z-index'), |
| - | position: el.css('position') |
| - | }; |
| - | |
| - | origClasses = el.attr('class') == null ? '' : el.attr('class'); |
| - | |
| - | el.css('z-index',parseInt(expose.css('z-index'))+1); |
| - | |
| - | if (origCSS.position == 'static') { |
| - | el.css('position','relative'); |
| - | } |
| - | |
| - | el.data('expose-css',origCSS); |
| - | el.data('orig-class', origClasses); |
| - | el.attr('class', origClasses + ' ' + this.settings.expose_add_class); |
| - | |
| - | exposeCover.css({ |
| - | top: el.offset().top, |
| - | left: el.offset().left, |
| - | width: el.outerWidth(true), |
| - | height: el.outerHeight(true) |
| - | }); |
| - | |
| - | if (this.settings.modal) this.show_modal(); |
| - | |
| - | this.settings.$body.append(exposeCover); |
| - | expose.addClass(randId); |
| - | exposeCover.addClass(randId); |
| - | el.data('expose', randId); |
| - | this.settings.post_expose_callback(this.settings.$li.index(), this.settings.$next_tip, el); |
| - | this.add_exposed(el); |
| - | }, |
| - | |
| - | un_expose : function () { |
| - | var exposeId, |
| - | el, |
| - | expose , |
| - | origCSS, |
| - | origClasses, |
| - | clearAll = false; |
| - | |
| - | if (arguments.length > 0 && arguments[0] instanceof $) { |
| - | el = arguments[0]; |
| - | } else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){ |
| - | el = this.settings.$target; |
| - | } else { |
| - | return false; |
| - | } |
| - | |
| - | if(el.length < 1){ |
| - | if (window.console) { |
| - | console.error('element not valid', el); |
| - | } |
| - | return false; |
| - | } |
| - | |
| - | exposeId = el.data('expose'); |
| - | expose = $('.' + exposeId); |
| - | |
| - | if (arguments.length > 1) { |
| - | clearAll = arguments[1]; |
| - | } |
| - | |
| - | if (clearAll === true) { |
| - | $('.joyride-expose-wrapper,.joyride-expose-cover').remove(); |
| - | } else { |
| - | expose.remove(); |
| - | } |
| - | |
| - | origCSS = el.data('expose-css'); |
| - | |
| - | if (origCSS.zIndex == 'auto') { |
| - | el.css('z-index', ''); |
| - | } else { |
| - | el.css('z-index', origCSS.zIndex); |
| - | } |
| - | |
| - | if (origCSS.position != el.css('position')) { |
| - | if(origCSS.position == 'static') {// this is default, no need to set it. |
| - | el.css('position', ''); |
| - | } else { |
| - | el.css('position', origCSS.position); |
| - | } |
| - | } |
| - | |
| - | origClasses = el.data('orig-class'); |
| - | el.attr('class', origClasses); |
| - | el.removeData('orig-classes'); |
| - | |
| - | el.removeData('expose'); |
| - | el.removeData('expose-z-index'); |
| - | this.remove_exposed(el); |
| - | }, |
| - | |
| - | add_exposed: function(el){ |
| - | this.settings.exposed = this.settings.exposed || []; |
| - | if (el instanceof $ || typeof el === 'object') { |
| - | this.settings.exposed.push(el[0]); |
| - | } else if (typeof el == 'string') { |
| - | this.settings.exposed.push(el); |
| - | } |
| - | }, |
| - | |
| - | remove_exposed: function(el){ |
| - | var search, count; |
| - | if (el instanceof $) { |
| - | search = el[0] |
| - | } else if (typeof el == 'string'){ |
| - | search = el; |
| - | } |
| - | |
| - | this.settings.exposed = this.settings.exposed || []; |
| - | count = this.settings.exposed.length; |
| - | |
| - | for (var i=0; i < count; i++) { |
| - | if (this.settings.exposed[i] == search) { |
| - | this.settings.exposed.splice(i, 1); |
| - | return; |
| - | } |
| - | } |
| - | }, |
| - | |
| - | center : function () { |
| - | var $w = $(window); |
| - | |
| - | this.settings.$next_tip.css({ |
| - | top : ((($w.height() - this.settings.$next_tip.outerHeight()) / 2) + $w.scrollTop()), |
| - | left : ((($w.width() - this.settings.$next_tip.outerWidth()) / 2) + $w.scrollLeft()) |
| - | }); |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | bottom : function () { |
| - | return /bottom/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | top : function () { |
| - | return /top/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | right : function () { |
| - | return /right/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | left : function () { |
| - | return /left/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | corners : function (el) { |
| - | var w = $(window), |
| - | window_half = w.height() / 2, |
| - | //using this to calculate since scroll may not have finished yet. |
| - | tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()), |
| - | right = w.width() + w.scrollLeft(), |
| - | offsetBottom = w.height() + tipOffset, |
| - | bottom = w.height() + w.scrollTop(), |
| - | top = w.scrollTop(); |
| - | |
| - | if (tipOffset < top) { |
| - | if (tipOffset < 0) { |
| - | top = 0; |
| - | } else { |
| - | top = tipOffset; |
| - | } |
| - | } |
| - | |
| - | if (offsetBottom > bottom) { |
| - | bottom = offsetBottom; |
| - | } |
| - | |
| - | return [ |
| - | el.offset().top < top, |
| - | right < el.offset().left + el.outerWidth(), |
| - | bottom < el.offset().top + el.outerHeight(), |
| - | w.scrollLeft() > el.offset().left |
| - | ]; |
| - | }, |
| - | |
| - | visible : function (hidden_corners) { |
| - | var i = hidden_corners.length; |
| - | |
| - | while (i--) { |
| - | if (hidden_corners[i]) return false; |
| - | } |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | nub_position : function (nub, pos, def) { |
| - | if (pos === 'auto') { |
| - | nub.addClass(def); |
| - | } else { |
| - | nub.addClass(pos); |
| - | } |
| - | }, |
| - | |
| - | startTimer : function () { |
| - | if (this.settings.$li.length) { |
| - | this.settings.automate = setTimeout(function () { |
| - | this.hide(); |
| - | this.show(); |
| - | this.startTimer(); |
| - | }.bind(this), this.settings.timer); |
| - | } else { |
| - | clearTimeout(this.settings.automate); |
| - | } |
| - | }, |
| - | |
| - | end : function () { |
| - | if (this.settings.cookie_monster) { |
| - | $.cookie(this.settings.cookie_name, 'ridden', { expires: this.settings.cookie_expires, domain: this.settings.cookie_domain }); |
| - | } |
| - | |
| - | if (this.settings.timer > 0) { |
| - | clearTimeout(this.settings.automate); |
| - | } |
| - | |
| - | if (this.settings.modal && this.settings.expose) { |
| - | this.un_expose(); |
| - | } |
| - | |
| - | this.settings.$next_tip.data('closed', true); |
| - | |
| - | $('.joyride-modal-bg').hide(); |
| - | this.settings.$current_tip.hide(); |
| - | this.settings.post_step_callback(this.settings.$li.index(), this.settings.$current_tip); |
| - | this.settings.post_ride_callback(this.settings.$li.index(), this.settings.$current_tip); |
| - | $('.joyride-tip-guide').remove(); |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.joyride'); |
| - | $(window).off('.joyride'); |
| - | $('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride'); |
| - | $('.joyride-tip-guide, .joyride-modal-bg').remove(); |
| - | clearTimeout(this.settings.automate); |
| - | this.settings = {}; |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.magellan = { |
| - | name : 'magellan', |
| - | |
| - | version : '5.0.0', |
| - | |
| - | settings : { |
| - | active_class: 'active', |
| - | threshold: 0 |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.fixed_magellan = $("[data-magellan-expedition]"); |
| - | this.magellan_placeholder = $('<div></div>').css({ |
| - | height: this.fixed_magellan.outerHeight(true) |
| - | }).hide().insertAfter(this.fixed_magellan); |
| - | this.set_threshold(); |
| - | this.set_active_class(method); |
| - | this.last_destination = $('[data-magellan-destination]').last(); |
| - | this.events(); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .off('.magellan') |
| - | .on('arrival.fndtn.magellan', '[data-magellan-arrival]', function (e) { |
| - | var $destination = $(this), |
| - | $expedition = $destination.closest('[data-magellan-expedition]'), |
| - | active_class = $expedition.attr('data-magellan-active-class') |
| - | || self.settings.active_class; |
| - | |
| - | $destination |
| - | .closest('[data-magellan-expedition]') |
| - | .find('[data-magellan-arrival]') |
| - | .not($destination) |
| - | .removeClass(active_class); |
| - | $destination.addClass(active_class); |
| - | }); |
| - | |
| - | this.fixed_magellan |
| - | .off('.magellan') |
| - | .on('update-position.fndtn.magellan', function() { |
| - | var $el = $(this); |
| - | }) |
| - | .trigger('update-position'); |
| - | |
| - | $(window) |
| - | .off('.magellan') |
| - | .on('resize.fndtn.magellan', function() { |
| - | this.fixed_magellan.trigger('update-position'); |
| - | }.bind(this)) |
| - | .on('scroll.fndtn.magellan', function() { |
| - | var windowScrollTop = $(window).scrollTop(); |
| - | self.fixed_magellan.each(function() { |
| - | var $expedition = $(this); |
| - | if (typeof $expedition.data('magellan-top-offset') === 'undefined') { |
| - | $expedition.data('magellan-top-offset', $expedition.offset().top); |
| - | } |
| - | if (typeof $expedition.data('magellan-fixed-position') === 'undefined') { |
| - | $expedition.data('magellan-fixed-position', false); |
| - | } |
| - | var fixed_position = (windowScrollTop + self.settings.threshold) > $expedition.data("magellan-top-offset"); |
| - | var attr = $expedition.attr('data-magellan-top-offset'); |
| - | |
| - | if ($expedition.data("magellan-fixed-position") != fixed_position) { |
| - | $expedition.data("magellan-fixed-position", fixed_position); |
| - | if (fixed_position) { |
| - | $expedition.addClass('fixed'); |
| - | $expedition.css({position:"fixed", top:0}); |
| - | self.magellan_placeholder.show(); |
| - | } else { |
| - | $expedition.removeClass('fixed'); |
| - | $expedition.css({position:"", top:""}); |
| - | self.magellan_placeholder.hide(); |
| - | } |
| - | if (fixed_position && typeof attr != 'undefined' && attr != false) { |
| - | $expedition.css({position:"fixed", top:attr + "px"}); |
| - | } |
| - | } |
| - | }); |
| - | }); |
| - | |
| - | |
| - | if (this.last_destination.length > 0) { |
| - | $(window).on('scroll.fndtn.magellan', function (e) { |
| - | var windowScrollTop = $(window).scrollTop(), |
| - | scrolltopPlusHeight = windowScrollTop + $(window).height(), |
| - | lastDestinationTop = Math.ceil(self.last_destination.offset().top); |
| - | |
| - | $('[data-magellan-destination]').each(function () { |
| - | var $destination = $(this), |
| - | destination_name = $destination.attr('data-magellan-destination'), |
| - | topOffset = $destination.offset().top - $destination.outerHeight(true) - windowScrollTop; |
| - | if (topOffset <= self.settings.threshold) { |
| - | $("[data-magellan-arrival='" + destination_name + "']").trigger('arrival'); |
| - | } |
| - | // In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it |
| - | if (scrolltopPlusHeight >= $(self.scope).height() && lastDestinationTop > windowScrollTop && lastDestinationTop < scrolltopPlusHeight) { |
| - | $('[data-magellan-arrival]').last().trigger('arrival'); |
| - | } |
| - | }); |
| - | }); |
| - | } |
| - | }, |
| - | |
| - | set_threshold : function () { |
| - | if (typeof this.settings.threshold !== 'number') { |
| - | this.settings.threshold = (this.fixed_magellan.length > 0) ? |
| - | this.fixed_magellan.outerHeight(true) : 0; |
| - | } |
| - | }, |
| - | |
| - | set_active_class : function (options) { |
| - | if (options && options.active_class && typeof options.active_class === 'string') { |
| - | this.settings.active_class = options.active_class; |
| - | } |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.fndtn.magellan'); |
| - | $(window).off('.fndtn.magellan'); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.offcanvas = { |
| - | name : 'offcanvas', |
| - | |
| - | version : '5.0.0', |
| - | |
| - | settings : {}, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.events(); |
| - | }, |
| - | |
| - | events : function () { |
| - | $(this.scope).off('.offcanvas') |
| - | .on('click.fndtn.offcanvas', '.left-off-canvas-toggle', function (e) { |
| - | e.preventDefault(); |
| - | $(this).closest('.off-canvas-wrap').toggleClass('move-right'); |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { |
| - | e.preventDefault(); |
| - | $(".off-canvas-wrap").removeClass("move-right"); |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.right-off-canvas-toggle', function (e) { |
| - | e.preventDefault(); |
| - | $(this).closest(".off-canvas-wrap").toggleClass("move-left"); |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { |
| - | e.preventDefault(); |
| - | $(".off-canvas-wrap").removeClass("move-left"); |
| - | }); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | var noop = function() {}; |
| - | |
| - | var Orbit = function(el, settings) { |
| - | // Don't reinitialize plugin |
| - | if (el.hasClass(settings.slides_container_class)) { |
| - | return this; |
| - | } |
| - | |
| - | var self = this, |
| - | container, |
| - | slides_container = el, |
| - | number_container, |
| - | bullets_container, |
| - | timer_container, |
| - | idx = 0, |
| - | animate, |
| - | timer, |
| - | locked = false, |
| - | adjust_height_after = false; |
| - | |
| - | slides_container.children().first().addClass(settings.active_slide_class); |
| - | |
| - | self.update_slide_number = function(index) { |
| - | if (settings.slide_number) { |
| - | number_container.find('span:first').text(parseInt(index)+1); |
| - | number_container.find('span:last').text(slides_container.children().length); |
| - | } |
| - | if (settings.bullets) { |
| - | bullets_container.children().removeClass(settings.bullets_active_class); |
| - | $(bullets_container.children().get(index)).addClass(settings.bullets_active_class); |
| - | } |
| - | }; |
| - | |
| - | self.update_active_link = function(index) { |
| - | var link = $('a[data-orbit-link="'+slides_container.children().eq(index).attr('data-orbit-slide')+'"]'); |
| - | link.siblings().removeClass(settings.bullets_active_class); |
| - | link.addClass(settings.bullets_active_class); |
| - | }; |
| - | |
| - | self.build_markup = function() { |
| - | slides_container.wrap('<div class="'+settings.container_class+'"></div>'); |
| - | container = slides_container.parent(); |
| - | slides_container.addClass(settings.slides_container_class); |
| - | |
| - | if (settings.navigation_arrows) { |
| - | container.append($('<a href="#"><span></span></a>').addClass(settings.prev_class)); |
| - | container.append($('<a href="#"><span></span></a>').addClass(settings.next_class)); |
| - | } |
| - | |
| - | if (settings.timer) { |
| - | timer_container = $('<div>').addClass(settings.timer_container_class); |
| - | timer_container.append('<span>'); |
| - | timer_container.append($('<div>').addClass(settings.timer_progress_class)); |
| - | timer_container.addClass(settings.timer_paused_class); |
| - | container.append(timer_container); |
| - | } |
| - | |
| - | if (settings.slide_number) { |
| - | number_container = $('<div>').addClass(settings.slide_number_class); |
| - | number_container.append('<span></span> ' + settings.slide_number_text + ' <span></span>'); |
| - | container.append(number_container); |
| - | } |
| - | |
| - | if (settings.bullets) { |
| - | bullets_container = $('<ol>').addClass(settings.bullets_container_class); |
| - | container.append(bullets_container); |
| - | bullets_container.wrap('<div class="orbit-bullets-container"></div>'); |
| - | slides_container.children().each(function(idx, el) { |
| - | var bullet = $('<li>').attr('data-orbit-slide', idx); |
| - | bullets_container.append(bullet); |
| - | }); |
| - | } |
| - | |
| - | if (settings.stack_on_small) { |
| - | container.addClass(settings.stack_on_small_class); |
| - | } |
| - | |
| - | self.update_slide_number(0); |
| - | self.update_active_link(0); |
| - | }; |
| - | |
| - | self._goto = function(next_idx, start_timer) { |
| - | // if (locked) {return false;} |
| - | if (next_idx === idx) {return false;} |
| - | if (typeof timer === 'object') {timer.restart();} |
| - | var slides = slides_container.children(); |
| - | |
| - | var dir = 'next'; |
| - | locked = true; |
| - | if (next_idx < idx) {dir = 'prev';} |
| - | if (next_idx >= slides.length) { |
| - | if (!settings.circular) return false; |
| - | next_idx = 0; |
| - | } else if (next_idx < 0) { |
| - | if (!settings.circular) return false; |
| - | next_idx = slides.length - 1; |
| - | } |
| - | |
| - | var current = $(slides.get(idx)); |
| - | var next = $(slides.get(next_idx)); |
| - | |
| - | current.css('zIndex', 2); |
| - | current.removeClass(settings.active_slide_class); |
| - | next.css('zIndex', 4).addClass(settings.active_slide_class); |
| - | |
| - | slides_container.trigger('before-slide-change.fndtn.orbit'); |
| - | settings.before_slide_change(); |
| - | self.update_active_link(next_idx); |
| - | |
| - | var callback = function() { |
| - | var unlock = function() { |
| - | idx = next_idx; |
| - | locked = false; |
| - | if (start_timer === true) {timer = self.create_timer(); timer.start();} |
| - | self.update_slide_number(idx); |
| - | slides_container.trigger('after-slide-change.fndtn.orbit',[{slide_number: idx, total_slides: slides.length}]); |
| - | settings.after_slide_change(idx, slides.length); |
| - | }; |
| - | if (slides_container.height() != next.height() && settings.variable_height) { |
| - | slides_container.animate({'height': next.height()}, 250, 'linear', unlock); |
| - | } else { |
| - | unlock(); |
| - | } |
| - | }; |
| - | |
| - | if (slides.length === 1) {callback(); return false;} |
| - | |
| - | var start_animation = function() { |
| - | if (dir === 'next') {animate.next(current, next, callback);} |
| - | if (dir === 'prev') {animate.prev(current, next, callback);} |
| - | }; |
| - | |
| - | if (next.height() > slides_container.height() && settings.variable_height) { |
| - | slides_container.animate({'height': next.height()}, 250, 'linear', start_animation); |
| - | } else { |
| - | start_animation(); |
| - | } |
| - | }; |
| - | |
| - | self.next = function(e) { |
| - | e.stopImmediatePropagation(); |
| - | e.preventDefault(); |
| - | self._goto(idx + 1); |
| - | }; |
| - | |
| - | self.prev = function(e) { |
| - | e.stopImmediatePropagation(); |
| - | e.preventDefault(); |
| - | self._goto(idx - 1); |
| - | }; |
| - | |
| - | self.link_custom = function(e) { |
| - | e.preventDefault(); |
| - | var link = $(this).attr('data-orbit-link'); |
| - | if ((typeof link === 'string') && (link = $.trim(link)) != "") { |
| - | var slide = container.find('[data-orbit-slide='+link+']'); |
| - | if (slide.index() != -1) {self._goto(slide.index());} |
| - | } |
| - | }; |
| - | |
| - | self.link_bullet = function(e) { |
| - | var index = $(this).attr('data-orbit-slide'); |
| - | if ((typeof index === 'string') && (index = $.trim(index)) != "") { |
| - | if(isNaN(parseInt(index))) |
| - | { |
| - | var slide = container.find('[data-orbit-slide='+index+']'); |
| - | if (slide.index() != -1) {self._goto(slide.index() + 1);} |
| - | } |
| - | else |
| - | { |
| - | self._goto(parseInt(index)); |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | self.timer_callback = function() { |
| - | self._goto(idx + 1, true); |
| - | } |
| - | |
| - | self.compute_dimensions = function() { |
| - | var current = $(slides_container.children().get(idx)); |
| - | var h = current.height(); |
| - | if (!settings.variable_height) { |
| - | slides_container.children().each(function(){ |
| - | if ($(this).height() > h) { h = $(this).height(); } |
| - | }); |
| - | } |
| - | slides_container.height(h); |
| - | }; |
| - | |
| - | self.create_timer = function() { |
| - | var t = new Timer( |
| - | container.find('.'+settings.timer_container_class), |
| - | settings, |
| - | self.timer_callback |
| - | ); |
| - | return t; |
| - | }; |
| - | |
| - | self.stop_timer = function() { |
| - | if (typeof timer === 'object') timer.stop(); |
| - | }; |
| - | |
| - | self.toggle_timer = function() { |
| - | var t = container.find('.'+settings.timer_container_class); |
| - | if (t.hasClass(settings.timer_paused_class)) { |
| - | if (typeof timer === 'undefined') {timer = self.create_timer();} |
| - | timer.start(); |
| - | } |
| - | else { |
| - | if (typeof timer === 'object') {timer.stop();} |
| - | } |
| - | }; |
| - | |
| - | self.init = function() { |
| - | self.build_markup(); |
| - | if (settings.timer) {timer = self.create_timer(); timer.start();} |
| - | animate = new FadeAnimation(settings, slides_container); |
| - | if (settings.animation === 'slide') |
| - | animate = new SlideAnimation(settings, slides_container); |
| - | container.on('click', '.'+settings.next_class, self.next); |
| - | container.on('click', '.'+settings.prev_class, self.prev); |
| - | container.on('click', '[data-orbit-slide]', self.link_bullet); |
| - | container.on('click', self.toggle_timer); |
| - | if (settings.swipe) { |
| - | container.on('touchstart.fndtn.orbit', function(e) { |
| - | if (!e.touches) {e = e.originalEvent;} |
| - | var data = { |
| - | start_page_x: e.touches[0].pageX, |
| - | start_page_y: e.touches[0].pageY, |
| - | start_time: (new Date()).getTime(), |
| - | delta_x: 0, |
| - | is_scrolling: undefined |
| - | }; |
| - | container.data('swipe-transition', data); |
| - | e.stopPropagation(); |
| - | }) |
| - | .on('touchmove.fndtn.orbit', function(e) { |
| - | if (!e.touches) { e = e.originalEvent; } |
| - | // Ignore pinch/zoom events |
| - | if(e.touches.length > 1 || e.scale && e.scale !== 1) return; |
| - | |
| - | var data = container.data('swipe-transition'); |
| - | if (typeof data === 'undefined') {data = {};} |
| - | |
| - | data.delta_x = e.touches[0].pageX - data.start_page_x; |
| - | |
| - | if ( typeof data.is_scrolling === 'undefined') { |
| - | data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); |
| - | } |
| - | |
| - | if (!data.is_scrolling && !data.active) { |
| - | e.preventDefault(); |
| - | var direction = (data.delta_x < 0) ? (idx+1) : (idx-1); |
| - | data.active = true; |
| - | self._goto(direction); |
| - | } |
| - | }) |
| - | .on('touchend.fndtn.orbit', function(e) { |
| - | container.data('swipe-transition', {}); |
| - | e.stopPropagation(); |
| - | }) |
| - | } |
| - | container.on('mouseenter.fndtn.orbit', function(e) { |
| - | if (settings.timer && settings.pause_on_hover) { |
| - | self.stop_timer(); |
| - | } |
| - | }) |
| - | .on('mouseleave.fndtn.orbit', function(e) { |
| - | if (settings.timer && settings.resume_on_mouseout) { |
| - | timer.start(); |
| - | } |
| - | }); |
| - | |
| - | $(document).on('click', '[data-orbit-link]', self.link_custom); |
| - | $(window).on('resize', self.compute_dimensions); |
| - | $(window).on('load', self.compute_dimensions); |
| - | $(window).on('load', function(){ |
| - | container.prev('.preloader').css('display', 'none'); |
| - | }); |
| - | slides_container.trigger('ready.fndtn.orbit'); |
| - | }; |
| - | |
| - | self.init(); |
| - | }; |
| - | |
| - | var Timer = function(el, settings, callback) { |
| - | var self = this, |
| - | duration = settings.timer_speed, |
| - | progress = el.find('.'+settings.timer_progress_class), |
| - | start, |
| - | timeout, |
| - | left = -1; |
| - | |
| - | this.update_progress = function(w) { |
| - | var new_progress = progress.clone(); |
| - | new_progress.attr('style', ''); |
| - | new_progress.css('width', w+'%'); |
| - | progress.replaceWith(new_progress); |
| - | progress = new_progress; |
| - | }; |
| - | |
| - | this.restart = function() { |
| - | clearTimeout(timeout); |
| - | el.addClass(settings.timer_paused_class); |
| - | left = -1; |
| - | self.update_progress(0); |
| - | }; |
| - | |
| - | this.start = function() { |
| - | if (!el.hasClass(settings.timer_paused_class)) {return true;} |
| - | left = (left === -1) ? duration : left; |
| - | el.removeClass(settings.timer_paused_class); |
| - | start = new Date().getTime(); |
| - | progress.animate({'width': '100%'}, left, 'linear'); |
| - | timeout = setTimeout(function() { |
| - | self.restart(); |
| - | callback(); |
| - | }, left); |
| - | el.trigger('timer-started.fndtn.orbit') |
| - | }; |
| - | |
| - | this.stop = function() { |
| - | if (el.hasClass(settings.timer_paused_class)) {return true;} |
| - | clearTimeout(timeout); |
| - | el.addClass(settings.timer_paused_class); |
| - | var end = new Date().getTime(); |
| - | left = left - (end - start); |
| - | var w = 100 - ((left / duration) * 100); |
| - | self.update_progress(w); |
| - | el.trigger('timer-stopped.fndtn.orbit'); |
| - | }; |
| - | }; |
| - | |
| - | var SlideAnimation = function(settings, container) { |
| - | var duration = settings.animation_speed; |
| - | var is_rtl = ($('html[dir=rtl]').length === 1); |
| - | var margin = is_rtl ? 'marginRight' : 'marginLeft'; |
| - | var animMargin = {}; |
| - | animMargin[margin] = '0%'; |
| - | |
| - | this.next = function(current, next, callback) { |
| - | current.animate({marginLeft:'-100%'}, duration); |
| - | next.animate(animMargin, duration, function() { |
| - | current.css(margin, '100%'); |
| - | callback(); |
| - | }); |
| - | }; |
| - | |
| - | this.prev = function(current, prev, callback) { |
| - | current.animate({marginLeft:'100%'}, duration); |
| - | prev.css(margin, '-100%'); |
| - | prev.animate(animMargin, duration, function() { |
| - | current.css(margin, '100%'); |
| - | callback(); |
| - | }); |
| - | }; |
| - | }; |
| - | |
| - | var FadeAnimation = function(settings, container) { |
| - | var duration = settings.animation_speed; |
| - | var is_rtl = ($('html[dir=rtl]').length === 1); |
| - | var margin = is_rtl ? 'marginRight' : 'marginLeft'; |
| - | |
| - | this.next = function(current, next, callback) { |
| - | next.css({'margin':'0%', 'opacity':'0.01'}); |
| - | next.animate({'opacity':'1'}, duration, 'linear', function() { |
| - | current.css('margin', '100%'); |
| - | callback(); |
| - | }); |
| - | }; |
| - | |
| - | this.prev = function(current, prev, callback) { |
| - | prev.css({'margin':'0%', 'opacity':'0.01'}); |
| - | prev.animate({'opacity':'1'}, duration, 'linear', function() { |
| - | current.css('margin', '100%'); |
| - | callback(); |
| - | }); |
| - | }; |
| - | }; |
| - | |
| - | |
| - | Foundation.libs = Foundation.libs || {}; |
| - | |
| - | Foundation.libs.orbit = { |
| - | name: 'orbit', |
| - | |
| - | version: '5.0.3', |
| - | |
| - | settings: { |
| - | animation: 'slide', |
| - | timer_speed: 10000, |
| - | pause_on_hover: true, |
| - | resume_on_mouseout: false, |
| - | animation_speed: 500, |
| - | stack_on_small: false, |
| - | navigation_arrows: true, |
| - | slide_number: true, |
| - | slide_number_text: 'of', |
| - | container_class: 'orbit-container', |
| - | stack_on_small_class: 'orbit-stack-on-small', |
| - | next_class: 'orbit-next', |
| - | prev_class: 'orbit-prev', |
| - | timer_container_class: 'orbit-timer', |
| - | timer_paused_class: 'paused', |
| - | timer_progress_class: 'orbit-progress', |
| - | slides_container_class: 'orbit-slides-container', |
| - | bullets_container_class: 'orbit-bullets', |
| - | bullets_active_class: 'active', |
| - | slide_number_class: 'orbit-slide-number', |
| - | caption_class: 'orbit-caption', |
| - | active_slide_class: 'active', |
| - | orbit_transition_class: 'orbit-transitioning', |
| - | bullets: true, |
| - | circular: true, |
| - | timer: true, |
| - | variable_height: false, |
| - | swipe: true, |
| - | before_slide_change: noop, |
| - | after_slide_change: noop |
| - | }, |
| - | |
| - | init: function (scope, method, options) { |
| - | var self = this; |
| - | |
| - | if (typeof method === 'object') { |
| - | $.extend(true, self.settings, method); |
| - | } |
| - | |
| - | if ($(scope).is('[data-orbit]')) { |
| - | var $el = $(scope); |
| - | var opts = self.data_options($el); |
| - | new Orbit($el, $.extend({},self.settings, opts)); |
| - | } |
| - | |
| - | $('[data-orbit]', scope).each(function(idx, el) { |
| - | var $el = $(el); |
| - | var opts = self.data_options($el); |
| - | new Orbit($el, $.extend({},self.settings, opts)); |
| - | }); |
| - | } |
| - | }; |
| - | |
| - | |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.reveal = { |
| - | name : 'reveal', |
| - | |
| - | version : '5.0.3', |
| - | |
| - | locked : false, |
| - | |
| - | settings : { |
| - | animation: 'fadeAndPop', |
| - | animation_speed: 250, |
| - | close_on_background_click: true, |
| - | close_on_esc: true, |
| - | dismiss_modal_class: 'close-reveal-modal', |
| - | bg_class: 'reveal-modal-bg', |
| - | open: function(){}, |
| - | opened: function(){}, |
| - | close: function(){}, |
| - | closed: function(){}, |
| - | bg : $('.reveal-modal-bg'), |
| - | css : { |
| - | open : { |
| - | 'opacity': 0, |
| - | 'visibility': 'visible', |
| - | 'display' : 'block' |
| - | }, |
| - | close : { |
| - | 'opacity': 1, |
| - | 'visibility': 'hidden', |
| - | 'display': 'none' |
| - | } |
| - | } |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'delay'); |
| - | $.extend(true, this.settings, method, options); |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this; |
| - | |
| - | $('[data-reveal-id]', this.scope) |
| - | .off('.reveal') |
| - | .on('click.fndtn.reveal', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | if (!self.locked) { |
| - | var element = $(this), |
| - | ajax = element.data('reveal-ajax'); |
| - | |
| - | self.locked = true; |
| - | |
| - | if (typeof ajax === 'undefined') { |
| - | self.open.call(self, element); |
| - | } else { |
| - | var url = ajax === true ? element.attr('href') : ajax; |
| - | |
| - | self.open.call(self, element, {url: url}); |
| - | } |
| - | } |
| - | }); |
| - | |
| - | $(this.scope) |
| - | .off('.reveal'); |
| - | |
| - | $(document) |
| - | .on('click.fndtn.reveal', this.close_targets(), function (e) { |
| - | |
| - | e.preventDefault(); |
| - | |
| - | if (!self.locked) { |
| - | var settings = $('[data-reveal].open').data('reveal-init'), |
| - | bg_clicked = $(e.target)[0] === $('.' + settings.bg_class)[0]; |
| - | |
| - | if (bg_clicked && !settings.close_on_background_click) { |
| - | return; |
| - | } |
| - | |
| - | self.locked = true; |
| - | self.close.call(self, bg_clicked ? $('[data-reveal].open') : $(this).closest('[data-reveal]')); |
| - | } |
| - | }); |
| - | |
| - | if($('[data-reveal]', this.scope).length > 0) { |
| - | $(this.scope) |
| - | // .off('.reveal') |
| - | .on('open.fndtn.reveal', this.settings.open) |
| - | .on('opened.fndtn.reveal', this.settings.opened) |
| - | .on('opened.fndtn.reveal', this.open_video) |
| - | .on('close.fndtn.reveal', this.settings.close) |
| - | .on('closed.fndtn.reveal', this.settings.closed) |
| - | .on('closed.fndtn.reveal', this.close_video); |
| - | } else { |
| - | $(this.scope) |
| - | // .off('.reveal') |
| - | .on('open.fndtn.reveal', '[data-reveal]', this.settings.open) |
| - | .on('opened.fndtn.reveal', '[data-reveal]', this.settings.opened) |
| - | .on('opened.fndtn.reveal', '[data-reveal]', this.open_video) |
| - | .on('close.fndtn.reveal', '[data-reveal]', this.settings.close) |
| - | .on('closed.fndtn.reveal', '[data-reveal]', this.settings.closed) |
| - | .on('closed.fndtn.reveal', '[data-reveal]', this.close_video); |
| - | } |
| - | |
| - | $('body').on('keyup.fndtn.reveal', function ( event ) { |
| - | var open_modal = $('[data-reveal].open'), |
| - | settings = open_modal.data('reveal-init'); |
| - | if ( settings && event.which === 27 && settings.close_on_esc) { // 27 is the keycode for the Escape key |
| - | open_modal.foundation('reveal', 'close'); |
| - | } |
| - | }); |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | open : function (target, ajax_settings) { |
| - | var self = this; |
| - | if (target) { |
| - | if (typeof target.selector !== 'undefined') { |
| - | var modal = $('#' + target.data('reveal-id')); |
| - | } else { |
| - | var modal = $(this.scope); |
| - | |
| - | ajax_settings = target; |
| - | } |
| - | } else { |
| - | var modal = $(this.scope); |
| - | } |
| - | |
| - | var settings = modal.data('reveal-init'); |
| - | |
| - | if (!modal.hasClass('open')) { |
| - | var open_modal = $('[data-reveal].open'); |
| - | |
| - | if (typeof modal.data('css-top') === 'undefined') { |
| - | modal.data('css-top', parseInt(modal.css('top'), 10)) |
| - | .data('offset', this.cache_offset(modal)); |
| - | } |
| - | |
| - | modal.trigger('open'); |
| - | |
| - | if (open_modal.length < 1) { |
| - | this.toggle_bg(modal); |
| - | } |
| - | |
| - | if (typeof ajax_settings === 'string') { |
| - | ajax_settings = { |
| - | url: ajax_settings |
| - | }; |
| - | } |
| - | |
| - | if (typeof ajax_settings === 'undefined' || !ajax_settings.url) { |
| - | if (open_modal.length > 0) { |
| - | var open_modal_settings = open_modal.data('reveal-init'); |
| - | this.hide(open_modal, open_modal_settings.css.close); |
| - | } |
| - | |
| - | this.show(modal, settings.css.open); |
| - | } else { |
| - | var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null; |
| - | |
| - | $.extend(ajax_settings, { |
| - | success: function (data, textStatus, jqXHR) { |
| - | if ( $.isFunction(old_success) ) { |
| - | old_success(data, textStatus, jqXHR); |
| - | } |
| - | |
| - | modal.html(data); |
| - | $(modal).foundation('section', 'reflow'); |
| - | |
| - | if (open_modal.length > 0) { |
| - | var open_modal_settings = open_modal.data('reveal-init'); |
| - | self.hide(open_modal, open_modal_settings.css.close); |
| - | } |
| - | self.show(modal, settings.css.open); |
| - | } |
| - | }); |
| - | |
| - | $.ajax(ajax_settings); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | close : function (modal) { |
| - | var modal = modal && modal.length ? modal : $(this.scope), |
| - | open_modals = $('[data-reveal].open'), |
| - | settings = modal.data('reveal-init'); |
| - | |
| - | if (open_modals.length > 0) { |
| - | this.locked = true; |
| - | modal.trigger('close'); |
| - | this.toggle_bg(modal); |
| - | this.hide(open_modals, settings.css.close, settings); |
| - | } |
| - | }, |
| - | |
| - | close_targets : function () { |
| - | var base = '.' + this.settings.dismiss_modal_class; |
| - | |
| - | if (this.settings.close_on_background_click) { |
| - | return base + ', .' + this.settings.bg_class; |
| - | } |
| - | |
| - | return base; |
| - | }, |
| - | |
| - | toggle_bg : function (modal) { |
| - | var settings = modal.data('reveal-init'); |
| - | |
| - | if ($('.' + this.settings.bg_class).length === 0) { |
| - | this.settings.bg = $('<div />', {'class': this.settings.bg_class}) |
| - | .appendTo('body'); |
| - | } |
| - | |
| - | if (this.settings.bg.filter(':visible').length > 0) { |
| - | this.hide(this.settings.bg); |
| - | } else { |
| - | this.show(this.settings.bg); |
| - | } |
| - | }, |
| - | |
| - | show : function (el, css) { |
| - | // is modal |
| - | if (css) { |
| - | var settings = el.data('reveal-init'); |
| - | if (el.parent('body').length === 0) { |
| - | var placeholder = el.wrap('<div style="display: none;" />').parent(), |
| - | rootElement = this.settings.rootElement || 'body';; |
| - | el.on('closed.fndtn.reveal.wrapped', function() { |
| - | el.detach().appendTo(placeholder); |
| - | el.unwrap().unbind('closed.fndtn.reveal.wrapped'); |
| - | }); |
| - | |
| - | el.detach().appendTo(rootElement); |
| - | } |
| - | |
| - | if (/pop/i.test(settings.animation)) { |
| - | css.top = $(window).scrollTop() - el.data('offset') + 'px'; |
| - | var end_css = { |
| - | top: $(window).scrollTop() + el.data('css-top') + 'px', |
| - | opacity: 1 |
| - | }; |
| - | |
| - | return this.delay(function () { |
| - | return el |
| - | .css(css) |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.trigger('opened'); |
| - | }.bind(this)) |
| - | .addClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | if (/fade/i.test(settings.animation)) { |
| - | var end_css = {opacity: 1}; |
| - | |
| - | return this.delay(function () { |
| - | return el |
| - | .css(css) |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.trigger('opened'); |
| - | }.bind(this)) |
| - | .addClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened'); |
| - | } |
| - | |
| - | var settings = this.settings; |
| - | |
| - | // should we animate the background? |
| - | if (/fade/i.test(settings.animation)) { |
| - | return el.fadeIn(settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.show(); |
| - | }, |
| - | |
| - | hide : function (el, css) { |
| - | // is modal |
| - | if (css) { |
| - | var settings = el.data('reveal-init'); |
| - | if (/pop/i.test(settings.animation)) { |
| - | var end_css = { |
| - | top: - $(window).scrollTop() - el.data('offset') + 'px', |
| - | opacity: 0 |
| - | }; |
| - | |
| - | return this.delay(function () { |
| - | return el |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.css(css).trigger('closed'); |
| - | }.bind(this)) |
| - | .removeClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | if (/fade/i.test(settings.animation)) { |
| - | var end_css = {opacity: 0}; |
| - | |
| - | return this.delay(function () { |
| - | return el |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.css(css).trigger('closed'); |
| - | }.bind(this)) |
| - | .removeClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.hide().css(css).removeClass('open').trigger('closed'); |
| - | } |
| - | |
| - | var settings = this.settings; |
| - | |
| - | // should we animate the background? |
| - | if (/fade/i.test(settings.animation)) { |
| - | return el.fadeOut(settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.hide(); |
| - | }, |
| - | |
| - | close_video : function (e) { |
| - | var video = $(this).find('.flex-video'), |
| - | iframe = video.find('iframe'); |
| - | |
| - | if (iframe.length > 0) { |
| - | iframe.attr('data-src', iframe[0].src); |
| - | iframe.attr('src', 'about:blank'); |
| - | video.hide(); |
| - | } |
| - | }, |
| - | |
| - | open_video : function (e) { |
| - | var video = $(this).find('.flex-video'), |
| - | iframe = video.find('iframe'); |
| - | |
| - | if (iframe.length > 0) { |
| - | var data_src = iframe.attr('data-src'); |
| - | if (typeof data_src === 'string') { |
| - | iframe[0].src = iframe.attr('data-src'); |
| - | } else { |
| - | var src = iframe[0].src; |
| - | iframe[0].src = undefined; |
| - | iframe[0].src = src; |
| - | } |
| - | video.show(); |
| - | } |
| - | }, |
| - | |
| - | cache_offset : function (modal) { |
| - | var offset = modal.show().height() + parseInt(modal.css('top'), 10); |
| - | |
| - | modal.hide(); |
| - | |
| - | return offset; |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.fndtn.reveal'); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | /*jslint unparam: true, browser: true, indent: 2 */ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.tab = { |
| - | name : 'tab', |
| - | |
| - | version : '5.0.3', |
| - | |
| - | settings : { |
| - | active_class: 'active', |
| - | callback : function () {} |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | $(this.scope).off('.tab').on('click.fndtn.tab', '[data-tab] > dd > a', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | var tab = $(this).parent(), |
| - | tabs = tab.closest('[data-tab]'), |
| - | target = $('#' + this.href.split('#')[1]), |
| - | siblings = tab.siblings(), |
| - | settings = tabs.data('tab-init'); |
| - | |
| - | // allow usage of data-tab-content attribute instead of href |
| - | if ($(this).data('tab-content')) { |
| - | target = $('#' + $(this).data('tab-content').split('#')[1]); |
| - | } |
| - | |
| - | tab.addClass(settings.active_class).trigger('opened'); |
| - | siblings.removeClass(settings.active_class); |
| - | target.siblings().removeClass(settings.active_class).end().addClass(settings.active_class); |
| - | settings.callback(tab); |
| - | tabs.trigger('toggled', [tab]); |
| - | }); |
| - | }, |
| - | |
| - | off : function () {}, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.tooltip = { |
| - | name : 'tooltip', |
| - | |
| - | version : '5.0.0', |
| - | |
| - | settings : { |
| - | additional_inheritable_classes : [], |
| - | tooltip_class : '.tooltip', |
| - | append_to: 'body', |
| - | touch_close_text: 'Tap To Close', |
| - | disable_for_touch: false, |
| - | tip_template : function (selector, content) { |
| - | return '<span data-selector="' + selector + '" class="' |
| - | + Foundation.libs.tooltip.settings.tooltip_class.substring(1) |
| - | + '">' + content + '<span class="nub"></span></span>'; |
| - | } |
| - | }, |
| - | |
| - | cache : {}, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this; |
| - | |
| - | if (Modernizr.touch) { |
| - | $(this.scope) |
| - | .off('.tooltip') |
| - | .on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip', |
| - | '[data-tooltip]', function (e) { |
| - | var settings = $.extend({}, self.settings, self.data_options($(this))); |
| - | if (!settings.disable_for_touch) { |
| - | e.preventDefault(); |
| - | $(settings.tooltip_class).hide(); |
| - | self.showOrCreateTip($(this)); |
| - | } |
| - | }) |
| - | .on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip', |
| - | this.settings.tooltip_class, function (e) { |
| - | e.preventDefault(); |
| - | $(this).fadeOut(150); |
| - | }); |
| - | } else { |
| - | $(this.scope) |
| - | .off('.tooltip') |
| - | .on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip', |
| - | '[data-tooltip]', function (e) { |
| - | var $this = $(this); |
| - | |
| - | if (/enter|over/i.test(e.type)) { |
| - | self.showOrCreateTip($this); |
| - | } else if (e.type === 'mouseout' || e.type === 'mouseleave') { |
| - | self.hide($this); |
| - | } |
| - | }); |
| - | } |
| - | }, |
| - | |
| - | showOrCreateTip : function ($target) { |
| - | var $tip = this.getTip($target); |
| - | |
| - | if ($tip && $tip.length > 0) { |
| - | return this.show($target); |
| - | } |
| - | |
| - | return this.create($target); |
| - | }, |
| - | |
| - | getTip : function ($target) { |
| - | var selector = this.selector($target), |
| - | tip = null; |
| - | |
| - | if (selector) { |
| - | tip = $('span[data-selector="' + selector + '"]' + this.settings.tooltip_class); |
| - | } |
| - | |
| - | return (typeof tip === 'object') ? tip : false; |
| - | }, |
| - | |
| - | selector : function ($target) { |
| - | var id = $target.attr('id'), |
| - | dataSelector = $target.attr('data-tooltip') || $target.attr('data-selector'); |
| - | |
| - | if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') { |
| - | dataSelector = 'tooltip' + Math.random().toString(36).substring(7); |
| - | $target.attr('data-selector', dataSelector); |
| - | } |
| - | |
| - | return (id && id.length > 0) ? id : dataSelector; |
| - | }, |
| - | |
| - | create : function ($target) { |
| - | var $tip = $(this.settings.tip_template(this.selector($target), $('<div></div>').html($target.attr('title')).html())), |
| - | classes = this.inheritable_classes($target); |
| - | |
| - | $tip.addClass(classes).appendTo(this.settings.append_to); |
| - | if (Modernizr.touch) { |
| - | $tip.append('<span class="tap-to-close">'+this.settings.touch_close_text+'</span>'); |
| - | } |
| - | $target.removeAttr('title').attr('title',''); |
| - | this.show($target); |
| - | }, |
| - | |
| - | reposition : function (target, tip, classes) { |
| - | var width, nub, nubHeight, nubWidth, column, objPos; |
| - | |
| - | tip.css('visibility', 'hidden').show(); |
| - | |
| - | width = target.data('width'); |
| - | nub = tip.children('.nub'); |
| - | nubHeight = nub.outerHeight(); |
| - | nubWidth = nub.outerHeight(); |
| - | |
| - | tip.css({'width' : (width) ? width : 'auto'}); |
| - | |
| - | objPos = function (obj, top, right, bottom, left, width) { |
| - | return obj.css({ |
| - | 'top' : (top) ? top : 'auto', |
| - | 'bottom' : (bottom) ? bottom : 'auto', |
| - | 'left' : (left) ? left : 'auto', |
| - | 'right' : (right) ? right : 'auto', |
| - | }).end(); |
| - | }; |
| - | |
| - | objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', target.offset().left); |
| - | |
| - | if (this.small()) { |
| - | objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', 12.5, $(this.scope).width()); |
| - | tip.addClass('tip-override'); |
| - | objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left); |
| - | } else { |
| - | var left = target.offset().left; |
| - | if (Foundation.rtl) { |
| - | left = target.offset().left + target.offset().width - tip.outerWidth(); |
| - | } |
| - | objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', left); |
| - | tip.removeClass('tip-override'); |
| - | if (classes && classes.indexOf('tip-top') > -1) { |
| - | objPos(tip, (target.offset().top - tip.outerHeight()), 'auto', 'auto', left) |
| - | .removeClass('tip-override'); |
| - | } else if (classes && classes.indexOf('tip-left') > -1) { |
| - | objPos(tip, (target.offset().top + (target.outerHeight() / 2) - (tip.outerHeight() / 2)), 'auto', 'auto', (target.offset().left - tip.outerWidth() - nubHeight)) |
| - | .removeClass('tip-override'); |
| - | } else if (classes && classes.indexOf('tip-right') > -1) { |
| - | objPos(tip, (target.offset().top + (target.outerHeight() / 2) - (tip.outerHeight() / 2)), 'auto', 'auto', (target.offset().left + target.outerWidth() + nubHeight)) |
| - | .removeClass('tip-override'); |
| - | } |
| - | } |
| - | |
| - | tip.css('visibility', 'visible').hide(); |
| - | }, |
| - | |
| - | small : function () { |
| - | return matchMedia(Foundation.media_queries.small).matches; |
| - | }, |
| - | |
| - | inheritable_classes : function (target) { |
| - | var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'].concat(this.settings.additional_inheritable_classes), |
| - | classes = target.attr('class'), |
| - | filtered = classes ? $.map(classes.split(' '), function (el, i) { |
| - | if ($.inArray(el, inheritables) !== -1) { |
| - | return el; |
| - | } |
| - | }).join(' ') : ''; |
| - | |
| - | return $.trim(filtered); |
| - | }, |
| - | |
| - | show : function ($target) { |
| - | var $tip = this.getTip($target); |
| - | |
| - | this.reposition($target, $tip, $target.attr('class')); |
| - | $tip.fadeIn(150); |
| - | }, |
| - | |
| - | hide : function ($target) { |
| - | var $tip = this.getTip($target); |
| - | |
| - | $tip.fadeOut(150); |
| - | }, |
| - | |
| - | // deprecate reload |
| - | reload : function () { |
| - | var $self = $(this); |
| - | |
| - | return ($self.data('fndtn-tooltips')) ? $self.foundationTooltips('destroy').foundationTooltips('init') : $self.foundationTooltips('init'); |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.fndtn.tooltip'); |
| - | $(this.settings.tooltip_class).each(function (i) { |
| - | $('[data-tooltip]').get(i).attr('title', $(this).text()); |
| - | }).remove(); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
| - | |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.topbar = { |
| - | name : 'topbar', |
| - | |
| - | version: '5.0.3', |
| - | |
| - | settings : { |
| - | index : 0, |
| - | sticky_class : 'sticky', |
| - | custom_back_text: true, |
| - | back_text: 'Back', |
| - | is_hover: true, |
| - | mobile_show_parent_link: false, |
| - | scrolltop : true // jump to top when sticky nav menu toggle is clicked |
| - | }, |
| - | |
| - | init : function (section, method, options) { |
| - | Foundation.inherit(this, 'addCustomRule register_media throttle'); |
| - | var self = this; |
| - | |
| - | self.register_media('topbar', 'foundation-mq-topbar'); |
| - | |
| - | this.bindings(method, options); |
| - | |
| - | $('[data-topbar]', this.scope).each(function () { |
| - | var topbar = $(this), |
| - | settings = topbar.data('topbar-init'), |
| - | section = $('section', this), |
| - | titlebar = $('> ul', this).first(); |
| - | |
| - | topbar.data('index', 0); |
| - | |
| - | var topbarContainer = topbar.parent(); |
| - | if(topbarContainer.hasClass('fixed') || topbarContainer.hasClass(settings.sticky_class)) { |
| - | self.settings.sticky_class = settings.sticky_class; |
| - | self.settings.sticky_topbar = topbar; |
| - | topbar.data('height', topbarContainer.outerHeight()); |
| - | topbar.data('stickyoffset', topbarContainer.offset().top); |
| - | } else { |
| - | topbar.data('height', topbar.outerHeight()); |
| - | } |
| - | |
| - | if (!settings.assembled) self.assemble(topbar); |
| - | |
| - | if (settings.is_hover) { |
| - | $('.has-dropdown', topbar).addClass('not-click'); |
| - | } else { |
| - | $('.has-dropdown', topbar).removeClass('not-click'); |
| - | } |
| - | |
| - | // Pad body when sticky (scrolled) or fixed. |
| - | self.addCustomRule('.f-topbar-fixed { padding-top: ' + topbar.data('height') + 'px }'); |
| - | |
| - | if (topbarContainer.hasClass('fixed')) { |
| - | $('body').addClass('f-topbar-fixed'); |
| - | } |
| - | }); |
| - | |
| - | }, |
| - | |
| - | toggle: function (toggleEl) { |
| - | var self = this; |
| - | |
| - | if (toggleEl) { |
| - | var topbar = $(toggleEl).closest('[data-topbar]'); |
| - | } else { |
| - | var topbar = $('[data-topbar]'); |
| - | } |
| - | |
| - | var settings = topbar.data('topbar-init'); |
| - | |
| - | var section = $('section, .section', topbar); |
| - | |
| - | if (self.breakpoint()) { |
| - | if (!self.rtl) { |
| - | section.css({left: '0%'}); |
| - | $('>.name', section).css({left: '100%'}); |
| - | } else { |
| - | section.css({right: '0%'}); |
| - | $('>.name', section).css({right: '100%'}); |
| - | } |
| - | |
| - | $('li.moved', section).removeClass('moved'); |
| - | topbar.data('index', 0); |
| - | |
| - | topbar |
| - | .toggleClass('expanded') |
| - | .css('height', ''); |
| - | } |
| - | |
| - | if (settings.scrolltop) { |
| - | if (!topbar.hasClass('expanded')) { |
| - | if (topbar.hasClass('fixed')) { |
| - | topbar.parent().addClass('fixed'); |
| - | topbar.removeClass('fixed'); |
| - | $('body').addClass('f-topbar-fixed'); |
| - | } |
| - | } else if (topbar.parent().hasClass('fixed')) { |
| - | if (settings.scrolltop) { |
| - | topbar.parent().removeClass('fixed'); |
| - | topbar.addClass('fixed'); |
| - | $('body').removeClass('f-topbar-fixed'); |
| - | |
| - | window.scrollTo(0,0); |
| - | } else { |
| - | topbar.parent().removeClass('expanded'); |
| - | } |
| - | } |
| - | } else { |
| - | if(topbar.parent().hasClass(self.settings.sticky_class)) { |
| - | topbar.parent().addClass('fixed'); |
| - | } |
| - | |
| - | if(topbar.parent().hasClass('fixed')) { |
| - | if (!topbar.hasClass('expanded')) { |
| - | topbar.removeClass('fixed'); |
| - | topbar.parent().removeClass('expanded'); |
| - | self.update_sticky_positioning(); |
| - | } else { |
| - | topbar.addClass('fixed'); |
| - | topbar.parent().addClass('expanded'); |
| - | $('body').addClass('f-topbar-fixed'); |
| - | } |
| - | } |
| - | } |
| - | }, |
| - | |
| - | timer : null, |
| - | |
| - | events : function (bar) { |
| - | var self = this; |
| - | $(this.scope) |
| - | .off('.topbar') |
| - | .on('click.fndtn.topbar', '[data-topbar] .toggle-topbar', function (e) { |
| - | e.preventDefault(); |
| - | self.toggle(this); |
| - | }) |
| - | .on('click.fndtn.topbar', '[data-topbar] li.has-dropdown', function (e) { |
| - | var li = $(this), |
| - | target = $(e.target), |
| - | topbar = li.closest('[data-topbar]'), |
| - | settings = topbar.data('topbar-init'); |
| - | |
| - | if(target.data('revealId')) { |
| - | self.toggle(); |
| - | return; |
| - | } |
| - | |
| - | if (self.breakpoint()) return; |
| - | if (settings.is_hover && !Modernizr.touch) return; |
| - | |
| - | e.stopImmediatePropagation(); |
| - | |
| - | if (li.hasClass('hover')) { |
| - | li |
| - | .removeClass('hover') |
| - | .find('li') |
| - | .removeClass('hover'); |
| - | |
| - | li.parents('li.hover') |
| - | .removeClass('hover'); |
| - | } else { |
| - | li.addClass('hover'); |
| - | |
| - | if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) { |
| - | e.preventDefault(); |
| - | } |
| - | } |
| - | }) |
| - | .on('click.fndtn.topbar', '[data-topbar] .has-dropdown>a', function (e) { |
| - | if (self.breakpoint()) { |
| - | |
| - | e.preventDefault(); |
| - | |
| - | var $this = $(this), |
| - | topbar = $this.closest('[data-topbar]'), |
| - | section = topbar.find('section, .section'), |
| - | dropdownHeight = $this.next('.dropdown').outerHeight(), |
| - | $selectedLi = $this.closest('li'); |
| - | |
| - | topbar.data('index', topbar.data('index') + 1); |
| - | $selectedLi.addClass('moved'); |
| - | |
| - | if (!self.rtl) { |
| - | section.css({left: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({left: 100 * topbar.data('index') + '%'}); |
| - | } else { |
| - | section.css({right: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({right: 100 * topbar.data('index') + '%'}); |
| - | } |
| - | |
| - | topbar.css('height', $this.siblings('ul').outerHeight(true) + topbar.data('height')); |
| - | } |
| - | }); |
| - | |
| - | $(window).off('.topbar').on('resize.fndtn.topbar', self.throttle(function () { |
| - | self.resize.call(self); |
| - | }, 50)).trigger('resize'); |
| - | |
| - | $('body').off('.topbar').on('click.fndtn.topbar touchstart.fndtn.topbar', function (e) { |
| - | var parent = $(e.target).closest('li').closest('li.hover'); |
| - | |
| - | if (parent.length > 0) { |
| - | return; |
| - | } |
| - | |
| - | $('[data-topbar] li').removeClass('hover'); |
| - | }); |
| - | |
| - | // Go up a level on Click |
| - | $(this.scope).on('click.fndtn.topbar', '[data-topbar] .has-dropdown .back', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | var $this = $(this), |
| - | topbar = $this.closest('[data-topbar]'), |
| - | section = topbar.find('section, .section'), |
| - | settings = topbar.data('topbar-init'), |
| - | $movedLi = $this.closest('li.moved'), |
| - | $previousLevelUl = $movedLi.parent(); |
| - | |
| - | topbar.data('index', topbar.data('index') - 1); |
| - | |
| - | if (!self.rtl) { |
| - | section.css({left: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({left: 100 * topbar.data('index') + '%'}); |
| - | } else { |
| - | section.css({right: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({right: 100 * topbar.data('index') + '%'}); |
| - | } |
| - | |
| - | if (topbar.data('index') === 0) { |
| - | topbar.css('height', ''); |
| - | } else { |
| - | topbar.css('height', $previousLevelUl.outerHeight(true) + topbar.data('height')); |
| - | } |
| - | |
| - | setTimeout(function () { |
| - | $movedLi.removeClass('moved'); |
| - | }, 300); |
| - | }); |
| - | }, |
| - | |
| - | resize : function () { |
| - | var self = this; |
| - | $('[data-topbar]').each(function () { |
| - | var topbar = $(this), |
| - | settings = topbar.data('topbar-init'); |
| - | |
| - | var stickyContainer = topbar.parent('.' + self.settings.sticky_class); |
| - | var stickyOffset; |
| - | |
| - | if (!self.breakpoint()) { |
| - | var doToggle = topbar.hasClass('expanded'); |
| - | topbar |
| - | .css('height', '') |
| - | .removeClass('expanded') |
| - | .find('li') |
| - | .removeClass('hover'); |
| - | |
| - | if(doToggle) { |
| - | self.toggle(topbar); |
| - | } |
| - | } |
| - | |
| - | if(stickyContainer.length > 0) { |
| - | if(stickyContainer.hasClass('fixed')) { |
| - | // Remove the fixed to allow for correct calculation of the offset. |
| - | stickyContainer.removeClass('fixed'); |
| - | |
| - | stickyOffset = stickyContainer.offset().top; |
| - | if($(document.body).hasClass('f-topbar-fixed')) { |
| - | stickyOffset -= topbar.data('height'); |
| - | } |
| - | |
| - | topbar.data('stickyoffset', stickyOffset); |
| - | stickyContainer.addClass('fixed'); |
| - | } else { |
| - | stickyOffset = stickyContainer.offset().top; |
| - | topbar.data('stickyoffset', stickyOffset); |
| - | } |
| - | } |
| - | |
| - | }); |
| - | }, |
| - | |
| - | breakpoint : function () { |
| - | return !matchMedia(Foundation.media_queries['topbar']).matches; |
| - | }, |
| - | |
| - | assemble : function (topbar) { |
| - | var self = this, |
| - | settings = topbar.data('topbar-init'), |
| - | section = $('section', topbar), |
| - | titlebar = $('> ul', topbar).first(); |
| - | |
| - | // Pull element out of the DOM for manipulation |
| - | section.detach(); |
| - | |
| - | $('.has-dropdown>a', section).each(function () { |
| - | var $link = $(this), |
| - | $dropdown = $link.siblings('.dropdown'), |
| - | url = $link.attr('href'); |
| - | |
| - | if (settings.mobile_show_parent_link && url && url.length > 1) { |
| - | var $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li><a class="parent-link js-generated" href="' + url + '">' + $link.text() +'</a></li>'); |
| - | } else { |
| - | var $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li>'); |
| - | } |
| - | |
| - | // Copy link to subnav |
| - | if (settings.custom_back_text == true) { |
| - | $('h5>a', $titleLi).html(settings.back_text); |
| - | } else { |
| - | $('h5>a', $titleLi).html('« ' + $link.html()); |
| - | } |
| - | $dropdown.prepend($titleLi); |
| - | }); |
| - | |
| - | // Put element back in the DOM |
| - | section.appendTo(topbar); |
| - | |
| - | // check for sticky |
| - | this.sticky(); |
| - | |
| - | this.assembled(topbar); |
| - | }, |
| - | |
| - | assembled : function (topbar) { |
| - | topbar.data('topbar-init', $.extend({}, topbar.data('topbar-init'), {assembled: true})); |
| - | }, |
| - | |
| - | height : function (ul) { |
| - | var total = 0, |
| - | self = this; |
| - | |
| - | $('> li', ul).each(function () { total += $(this).outerHeight(true); }); |
| - | |
| - | return total; |
| - | }, |
| - | |
| - | sticky : function () { |
| - | var $window = $(window), |
| - | self = this; |
| - | |
| - | $(window).on('scroll', function() { |
| - | self.update_sticky_positioning(); |
| - | }); |
| - | }, |
| - | |
| - | update_sticky_positioning: function() { |
| - | var klass = '.' + this.settings.sticky_class; |
| - | var $window = $(window); |
| - | |
| - | if ($(klass).length > 0) { |
| - | var distance = this.settings.sticky_topbar.data('stickyoffset'); |
| - | if (!$(klass).hasClass('expanded')) { |
| - | if ($window.scrollTop() > (distance)) { |
| - | if (!$(klass).hasClass('fixed')) { |
| - | $(klass).addClass('fixed'); |
| - | $('body').addClass('f-topbar-fixed'); |
| - | } |
| - | } else if ($window.scrollTop() <= distance) { |
| - | if ($(klass).hasClass('fixed')) { |
| - | $(klass).removeClass('fixed'); |
| - | $('body').removeClass('f-topbar-fixed'); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.fndtn.topbar'); |
| - | $(window).off('.fndtn.topbar'); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
generators/foundation5/public/javascripts/foundation.min.js
+0
-10
| @@ | @@ -1,10 +0,0 @@ |
| - | /* |
| - | * Foundation Responsive Library |
| - | * http://foundation.zurb.com |
| - | * Copyright 2014, ZURB |
| - | * Free to use under the MIT license. |
| - | * http://www.opensource.org/licenses/mit-license.php |
| - | */ |
| - | (function(e,t,n,r){"use strict";function l(e){if(typeof e=="string"||e instanceof String)e=e.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g,"");return e}var i=function(t){var n=t.length,r=e("head");while(n--)r.has("."+t[n]).length===0&&r.append('<meta class="'+t[n]+'" />')};i(["foundation-mq-small","foundation-mq-medium","foundation-mq-large","foundation-mq-xlarge","foundation-mq-xxlarge","foundation-data-attribute-namespace"]),e(function(){typeof FastClick!="undefined"&&typeof n.body!="undefined"&&FastClick.attach(n.body)});var s=function(t,r){if(typeof t=="string"){if(r){var i;if(r.jquery){i=r[0];if(!i)return r}else i=r;return e(i.querySelectorAll(t))}return e(n.querySelectorAll(t))}return e(t,r)},o=function(e){var t=[];return e||t.push("data"),this.namespace.length>0&&t.push(this.namespace),t.push(this.name),t.join("-")},u=function(e){var t=e.split("-"),n=t.length,r=[];while(n--)n!==0?r.push(t[n]):this.namespace.length>0?r.push(this.namespace,t[n]):r.push(t[n]);return r.reverse().join("-")},a=function(t,n){var r=this,i=!s(this).data(this.attr_name(!0));if(typeof t=="string")return this[t].call(this,n);s(this.scope).is("["+this.attr_name()+"]")?(s(this.scope).data(this.attr_name(!0)+"-init",e.extend({},this.settings,n||t,this.data_options(s(this.scope)))),i&&this.events(this.scope)):s("["+this.attr_name()+"]",this.scope).each(function(){var i=!s(this).data(r.attr_name(!0)+"-init");s(this).data(r.attr_name(!0)+"-init",e.extend({},r.settings,n||t,r.data_options(s(this)))),i&&r.events(this)})},f=function(e,t){function n(){t(e[0])}function r(){this.one("load",n);if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){var e=this.attr("src"),t=e.match(/\?/)?"&":"?";t+="random="+(new Date).getTime(),this.attr("src",e+t)}}if(!e.attr("src")){n();return}e[0].complete||e[0].readyState===4?n():r.call(e)};t.matchMedia=t.matchMedia||function(e){var t,n=e.documentElement,r=n.firstElementChild||n.firstChild,i=e.createElement("body"),s=e.createElement("div");return s.id="mq-test-1",s.style.cssText="position:absolute;top:-100em",i.style.background="none",i.appendChild(s),function(e){return s.innerHTML='­<style media="'+e+'"> #mq-test-1 { width: 42px; }</style>',n.insertBefore(i,r),t=s.offsetWidth===42,n.removeChild(i),{matches:t,media:e}}}(n),function(e){function a(){n&&(s(a),u&&jQuery.fx.tick())}var n,r=0,i=["webkit","moz"],s=t.requestAnimationFrame,o=t.cancelAnimationFrame,u="undefined"!=typeof jQuery.fx;for(;r<i.length&&!s;r++)s=t[i[r]+"RequestAnimationFrame"],o=o||t[i[r]+"CancelAnimationFrame"]||t[i[r]+"CancelRequestAnimationFrame"];s?(t.requestAnimationFrame=s,t.cancelAnimationFrame=o,u&&(jQuery.fx.timer=function(e){e()&&jQuery.timers.push(e)&&!n&&(n=!0,a())},jQuery.fx.stop=function(){n=!1})):(t.requestAnimationFrame=function(e){var n=(new Date).getTime(),i=Math.max(0,16-(n-r)),s=t.setTimeout(function(){e(n+i)},i);return r=n+i,s},t.cancelAnimationFrame=function(e){clearTimeout(e)})}(jQuery),t.Foundation={name:"Foundation",version:"5.2.3",media_queries:{small:s(".foundation-mq-small").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),medium:s(".foundation-mq-medium").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),large:s(".foundation-mq-large").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),xlarge:s(".foundation-mq-xlarge").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),xxlarge:s(".foundation-mq-xxlarge").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,"")},stylesheet:e("<style></style>").appendTo("head")[0].sheet,global:{namespace:r},init:function(e,t,n,r,i){var o=[e,n,r,i],u=[];this.rtl=/rtl/i.test(s("html").attr("dir")),this.scope=e||this.scope,this.set_namespace();if(t&&typeof t=="string"&&!/reflow/i.test(t))this.libs.hasOwnProperty(t)&&u.push(this.init_lib(t,o));else for(var a in this.libs)u.push(this.init_lib(a,t));return e},init_lib:function(t,n){return this.libs.hasOwnProperty(t)?(this.patch(this.libs[t]),n&&n.hasOwnProperty(t)?(typeof this.libs[t].settings!="undefined"?e.extend(!0,this.libs[t].settings,n[t]):typeof this.libs[t].defaults!="undefined"&&e.extend(!0,this.libs[t].defaults,n[t]),this.libs[t].init.apply(this.libs[t],[this.scope,n[t]])):(n=n instanceof Array?n:new Array(n),this.libs[t].init.apply(this.libs[t],n))):function(){}},patch:function(e){e.scope=this.scope,e.namespace=this.global.namespace,e.rtl=this.rtl,e.data_options=this.utils.data_options,e.attr_name=o,e.add_namespace=u,e.bindings=a,e.S=this.utils.S},inherit:function(e,t){var n=t.split(" "),r=n.length;while(r--)this.utils.hasOwnProperty(n[r])&&(e[n[r]]=this.utils[n[r]])},set_namespace:function(){var t=this.global.namespace===r?e(".foundation-data-attribute-namespace").css("font-family"):this.global.namespace;this.global.namespace=t===r||/false/i.test(t)?"":t},libs:{},utils:{S:s,throttle:function(e,t){var n=null;return function(){var r=this,i=arguments;n==null&&(n=setTimeout(function(){e.apply(r,i),n=null},t))}},debounce:function(e,t,n){var r,i;return function(){var s=this,o=arguments,u=function(){r=null,n||(i=e.apply(s,o))},a=n&&!r;return clearTimeout(r),r=setTimeout(u,t),a&&(i=e.apply(s,o)),i}},data_options:function(t,n){function f(e){return!isNaN(e-0)&&e!==null&&e!==""&&e!==!1&&e!==!0}function l(t){return typeof t=="string"?e.trim(t):t}n=n||"options";var r={},i,s,o,u=function(e){var t=Foundation.global.namespace;return t.length>0?e.data(t+"-"+n):e.data(n)},a=u(t);if(typeof a=="object")return a;o=(a||":").split(";"),i=o.length;while(i--)s=o[i].split(":"),s=[s[0],s.slice(1).join(":")],/true/i.test(s[1])&&(s[1]=!0),/false/i.test(s[1])&&(s[1]=!1),f(s[1])&&(s[1].indexOf(".")===-1?s[1]=parseInt(s[1],10):s[1]=parseFloat(s[1])),s.length===2&&s[0].length>0&&(r[l(s[0])]=l(s[1]));return r},register_media:function(t,n){Foundation.media_queries[t]===r&&(e("head").append('<meta class="'+n+'">'),Foundation.media_queries[t]=l(e("."+n).css("font-family")))},add_custom_rule:function(e,t){if(t===r&&Foundation.stylesheet)Foundation.stylesheet.insertRule(e,Foundation.stylesheet.cssRules.length);else{var n=Foundation.media_queries[t];n!==r&&Foundation.stylesheet.insertRule("@media "+Foundation.media_queries[t]+"{ "+e+" }")}},image_loaded:function(e,t){var n=this,r=e.length;r===0&&t(e),e.each(function(){f(n.S(this),function(){r-=1,r===0&&t(e)})})},random_str:function(){return this.fidx||(this.fidx=0),this.prefix=this.prefix||[this.name||"F",(+(new Date)).toString(36)].join("-"),this.prefix+(this.fidx++).toString(36)}}},e.fn.foundation=function(){var e=Array.prototype.slice.call(arguments,0);return this.each(function(){return Foundation.init.apply(Foundation,[this].concat(e)),this})}})(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.slider={name:"slider",version:"5.2.3",settings:{start:0,end:100,step:1,initial:null,display_selector:"",on_change:function(){}},cache:{},init:function(e,t,n){Foundation.inherit(this,"throttle"),this.bindings(t,n),this.reflow()},events:function(){var n=this;e(this.scope).off(".slider").on("mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider","["+n.attr_name()+"] .range-slider-handle",function(t){n.cache.active||(t.preventDefault(),n.set_active_slider(e(t.target)))}).on("mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider",function(e){!n.cache.active||(e.preventDefault(),n.calculate_position(n.cache.active,e.pageX||e.originalEvent.clientX||e.originalEvent.touches[0].clientX||e.currentPoint.x))}).on("mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider",function(e){n.remove_active_slider()}).on("change.fndtn.slider",function(e){n.settings.on_change()}),n.S(t).on("resize.fndtn.slider",n.throttle(function(e){n.reflow()},300))},set_active_slider:function(e){this.cache.active=e},remove_active_slider:function(){this.cache.active=null},calculate_position:function(t,n){var r=this,i=e.extend({},r.settings,r.data_options(t.parent())),s=e.data(t[0],"handle_w"),o=e.data(t[0],"handle_o"),u=e.data(t[0],"bar_w"),a=e.data(t[0],"bar_o");requestAnimationFrame(function(){var e;Foundation.rtl?e=r.limit_to((a+u-n)/u,0,1):e=r.limit_to((n-a)/u,0,1);var s=r.normalized_value(e,i.start,i.end,i.step);r.set_ui(t,s)})},set_ui:function(t,n){var r=e.extend({},this.settings,this.data_options(t.parent())),i=e.data(t[0],"handle_w"),s=e.data(t[0],"bar_w"),o=this.normalized_percentage(n,r.start,r.end),u=o*(s-i)-1,a=o*100;Foundation.rtl&&(u=-u),this.set_translate(t,u),t.siblings(".range-slider-active-segment").css("width",a+"%"),t.parent().attr(this.attr_name(),n),t.parent().trigger("change"),t.parent().children("input[type=hidden]").val(n),r.input_id!=""&&e(r.display_selector).each(function(){this.hasOwnProperty("value")?e(this).val(n):e(this).text(n)})},normalized_percentage:function(e,t,n){return(e-t)/(n-t)},normalized_value:function(e,t,n,r){var i=n-t,s=e*i,o=(s-s%r)/r,u=s%r,a=u>=r*.5?r:0;return o*r+a+t},set_translate:function(t,n,r){r?e(t).css("-webkit-transform","translateY("+n+"px)").css("-moz-transform","translateY("+n+"px)").css("-ms-transform","translateY("+n+"px)").css("-o-transform","translateY("+n+"px)").css("transform","translateY("+n+"px)"):e(t).css("-webkit-transform","translateX("+n+"px)").css("-moz-transform","translateX("+n+"px)").css("-ms-transform","translateX("+n+"px)").css("-o-transform","translateX("+n+"px)").css("transform","translateX("+n+"px)")},limit_to:function(e,t,n){return Math.min(Math.max(e,t),n)},initialize_settings:function(t){e.data(t,"bar",e(t).parent()),e.data(t,"bar_o",e(t).parent().offset().left),e.data(t,"bar_w",e(t).parent().outerWidth()),e.data(t,"handle_o",e(t).offset().left),e.data(t,"handle_w",e(t).outerWidth()),e.data(t,"settings",e.extend({},this.settings,this.data_options(e(t).parent())))},set_initial_position:function(t){var n=e.data(t.children(".range-slider-handle")[0],"settings"),r=n.initial?n.initial:Math.floor((n.end-n.start)*.5/n.step)*n.step+n.start,i=t.children(".range-slider-handle");this.set_ui(i,r)},set_value:function(t){var n=this;e("["+n.attr_name()+"]",this.scope).each(function(){e(this).attr(n.attr_name(),t)}),!e(this.scope).attr(n.attr_name())||e(this.scope).attr(n.attr_name(),t),n.reflow()},reflow:function(){var t=this;t.S("["+this.attr_name()+"]").each(function(){var n=e(this).children(".range-slider-handle")[0],r=e(this).attr(t.attr_name());t.initialize_settings(n),r?t.set_ui(e(n),parseFloat(r)):t.set_initial_position(e(this))})}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";var i=i||!1;Foundation.libs.joyride={name:"joyride",version:"5.2.3",defaults:{expose:!1,modal:!0,tip_location:"bottom",nub_position:"auto",scroll_speed:1500,scroll_animation:"linear",timer:0,start_timer_on_click:!0,start_offset:0,next_button:!0,tip_animation:"fade",pause_after:[],exposed:[],tip_animation_fade_speed:300,cookie_monster:!1,cookie_name:"joyride",cookie_domain:!1,cookie_expires:365,tip_container:"body",abort_on_close:!0,tip_location_patterns:{top:["bottom"],bottom:[],left:["right","top","bottom"],right:["left","top","bottom"]},post_ride_callback:function(){},post_step_callback:function(){},pre_step_callback:function(){},pre_ride_callback:function(){},post_expose_callback:function(){},template:{link:'<a href="#close" class="joyride-close-tip">×</a>',timer:'<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',tip:'<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',wrapper:'<div class="joyride-content-wrapper"></div>',button:'<a href="#" class="small button joyride-next-tip"></a>',modal:'<div class="joyride-modal-bg"></div>',expose:'<div class="joyride-expose-wrapper"></div>',expose_cover:'<div class="joyride-expose-cover"></div>'},expose_add_class:""},init:function(t,n,r){Foundation.inherit(this,"throttle random_str"),this.settings=this.settings||e.extend({},this.defaults,r||n),this.bindings(n,r)},events:function(){var n=this;e(this.scope).off(".joyride").on("click.fndtn.joyride",".joyride-next-tip, .joyride-modal-bg",function(e){e.preventDefault(),this.settings.$li.next().length<1?this.end():this.settings.timer>0?(clearTimeout(this.settings.automate),this.hide(),this.show(),this.startTimer()):(this.hide(),this.show())}.bind(this)).on("click.fndtn.joyride",".joyride-close-tip",function(e){e.preventDefault(),this.end(this.settings.abort_on_close)}.bind(this)),e(t).off(".joyride").on("resize.fndtn.joyride",n.throttle(function(){if(e("["+n.attr_name()+"]").length>0&&n.settings.$next_tip){if(n.settings.exposed.length>0){var t=e(n.settings.exposed);t.each(function(){var t=e(this);n.un_expose(t),n.expose(t)})}n.is_phone()?n.pos_phone():n.pos_default(!1)}},100))},start:function(){var t=this,n=e("["+this.attr_name()+"]",this.scope),r=["timer","scrollSpeed","startOffset","tipAnimationFadeSpeed","cookieExpires"],i=r.length;if(!n.length>0)return;this.settings.init||this.events(),this.settings=n.data(this.attr_name(!0)+"-init"),this.settings.$content_el=n,this.settings.$body=e(this.settings.tip_container),this.settings.body_offset=e(this.settings.tip_container).position(),this.settings.$tip_content=this.settings.$content_el.find("> li"),this.settings.paused=!1,this.settings.attempts=0,typeof e.cookie!="function"&&(this.settings.cookie_monster=!1);if(!this.settings.cookie_monster||this.settings.cookie_monster&&!e.cookie(this.settings.cookie_name))this.settings.$tip_content.each(function(n){var s=e(this);this.settings=e.extend({},t.defaults,t.data_options(s));var o=i;while(o--)t.settings[r[o]]=parseInt(t.settings[r[o]],10);t.create({$li:s,index:n})}),!this.settings.start_timer_on_click&&this.settings.timer>0?(this.show("init"),this.startTimer()):this.show("init")},resume:function(){this.set_li(),this.show()},tip_template:function(t){var n,r;return t.tip_class=t.tip_class||"",n=e(this.settings.template.tip).addClass(t.tip_class),r=e.trim(e(t.li).html())+this.button_text(t.button_text)+this.settings.template.link+this.timer_instance(t.index),n.append(e(this.settings.template.wrapper)),n.first().attr(this.add_namespace("data-index"),t.index),e(".joyride-content-wrapper",n).append(r),n[0]},timer_instance:function(t){var n;return t===0&&this.settings.start_timer_on_click&&this.settings.timer>0||this.settings.timer===0?n="":n=e(this.settings.template.timer)[0].outerHTML,n},button_text:function(t){return this.settings.next_button?(t=e.trim(t)||"Next",t=e(this.settings.template.button).append(t)[0].outerHTML):t="",t},create:function(t){var n=t.$li.attr(this.add_namespace("data-button"))||t.$li.attr(this.add_namespace("data-text")),r=t.$li.attr("class"),i=e(this.tip_template({tip_class:r,index:t.index,button_text:n,li:t.$li}));e(this.settings.tip_container).append(i)},show:function(t){var n=null;this.settings.$li===r||e.inArray(this.settings.$li.index(),this.settings.pause_after)===-1?(this.settings.paused?this.settings.paused=!1:this.set_li(t),this.settings.attempts=0,this.settings.$li.length&&this.settings.$target.length>0?(t&&(this.settings.pre_ride_callback(this.settings.$li.index(),this.settings.$next_tip),this.settings.modal&&this.show_modal()),this.settings.pre_step_callback(this.settings.$li.index(),this.settings.$next_tip),this.settings.modal&&this.settings.expose&&this.expose(),this.settings.tip_settings=e.extend({},this.settings,this.data_options(this.settings.$li)),this.settings.timer=parseInt(this.settings.timer,10),this.settings.tip_settings.tip_location_pattern=this.settings.tip_location_patterns[this.settings.tip_settings.tip_location],/body/i.test(this.settings.$target.selector)||this.scroll_to(),this.is_phone()?this.pos_phone(!0):this.pos_default(!0),n=this.settings.$next_tip.find(".joyride-timer-indicator"),/pop/i.test(this.settings.tip_animation)?(n.width(0),this.settings.timer>0?(this.settings.$next_tip.show(),setTimeout(function(){n.animate({width:n.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tip_animation_fade_speed)):this.settings.$next_tip.show()):/fade/i.test(this.settings.tip_animation)&&(n.width(0),this.settings.timer>0?(this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed).show(),setTimeout(function(){n.animate({width:n.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tip_animation_fade_speed)):this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed)),this.settings.$current_tip=this.settings.$next_tip):this.settings.$li&&this.settings.$target.length<1?this.show():this.end()):this.settings.paused=!0},is_phone:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},hide:function(){this.settings.modal&&this.settings.expose&&this.un_expose(),this.settings.modal||e(".joyride-modal-bg").hide(),this.settings.$current_tip.css("visibility","hidden"),setTimeout(e.proxy(function(){this.hide(),this.css("visibility","visible")},this.settings.$current_tip),0),this.settings.post_step_callback(this.settings.$li.index(),this.settings.$current_tip)},set_li:function(e){e?(this.settings.$li=this.settings.$tip_content.eq(this.settings.start_offset),this.set_next_tip(),this.settings.$current_tip=this.settings.$next_tip):(this.settings.$li=this.settings.$li.next(),this.set_next_tip()),this.set_target()},set_next_tip:function(){this.settings.$next_tip=e(".joyride-tip-guide").eq(this.settings.$li.index()),this.settings.$next_tip.data("closed","")},set_target:function(){var t=this.settings.$li.attr(this.add_namespace("data-class")),r=this.settings.$li.attr(this.add_namespace("data-id")),i=function(){return r?e(n.getElementById(r)):t?e("."+t).first():e("body")};this.settings.$target=i()},scroll_to:function(){var n,r;n=e(t).height()/2,r=Math.ceil(this.settings.$target.offset().top-n+this.settings.$next_tip.outerHeight()),r!=0&&e("html, body").stop().animate({scrollTop:r},this.settings.scroll_speed,"swing")},paused:function(){return e.inArray(this.settings.$li.index()+1,this.settings.pause_after)===-1},restart:function(){this.hide(),this.settings.$li=r,this.show("init")},pos_default:function(e){var t=this.settings.$next_tip.find(".joyride-nub"),n=Math.ceil(t.outerWidth()/2),r=Math.ceil(t.outerHeight()/2),i=e||!1;i&&(this.settings.$next_tip.css("visibility","hidden"),this.settings.$next_tip.show()),/body/i.test(this.settings.$target.selector)?this.settings.$li.length&&this.pos_modal(t):(this.bottom()?(this.rtl?this.settings.$next_tip.css({top:this.settings.$target.offset().top+r+this.settings.$target.outerHeight(),left:this.settings.$target.offset().left+this.settings.$target.outerWidth()-this.settings.$next_tip.outerWidth()}):this.settings.$next_tip.css({top:this.settings.$target.offset().top+r+this.settings.$target.outerHeight(),left:this.settings.$target.offset().left}),this.nub_position(t,this.settings.tip_settings.nub_position,"top")):this.top()?(this.rtl?this.settings.$next_tip.css({top:this.settings.$target.offset().top-this.settings.$next_tip.outerHeight()-r,left:this.settings.$target.offset().left+this.settings.$target.outerWidth()-this.settings.$next_tip.outerWidth()}):this.settings.$next_tip.css({top:this.settings.$target.offset().top-this.settings.$next_tip.outerHeight()-r,left:this.settings.$target.offset().left}),this.nub_position(t,this.settings.tip_settings.nub_position,"bottom")):this.right()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top,left:this.settings.$target.outerWidth()+this.settings.$target.offset().left+n}),this.nub_position(t,this.settings.tip_settings.nub_position,"left")):this.left()&&(this.settings.$next_tip.css({top:this.settings.$target.offset().top,left:this.settings.$target.offset().left-this.settings.$next_tip.outerWidth()-n}),this.nub_position(t,this.settings.tip_settings.nub_position,"right")),!this.visible(this.corners(this.settings.$next_tip))&&this.settings.attempts<this.settings.tip_settings.tip_location_pattern.length&&(t.removeClass("bottom").removeClass("top").removeClass("right").removeClass("left"),this.settings.tip_settings.tip_location=this.settings.tip_settings.tip_location_pattern[this.settings.attempts],this.settings.attempts++,this.pos_default())),i&&(this.settings.$next_tip.hide(),this.settings.$next_tip.css("visibility","visible"))},pos_phone:function(t){var n=this.settings.$next_tip.outerHeight(),r=this.settings.$next_tip.offset(),i=this.settings.$target.outerHeight(),s=e(".joyride-nub",this.settings.$next_tip),o=Math.ceil(s.outerHeight()/2),u=t||!1;s.removeClass("bottom").removeClass("top").removeClass("right").removeClass("left"),u&&(this.settings.$next_tip.css("visibility","hidden"),this.settings.$next_tip.show()),/body/i.test(this.settings.$target.selector)?this.settings.$li.length&&this.pos_modal(s):this.top()?(this.settings.$next_tip.offset({top:this.settings.$target.offset().top-n-o}),s.addClass("bottom")):(this.settings.$next_tip.offset({top:this.settings.$target.offset().top+i+o}),s.addClass("top")),u&&(this.settings.$next_tip.hide(),this.settings.$next_tip.css("visibility","visible"))},pos_modal:function(e){this.center(),e.hide(),this.show_modal()},show_modal:function(){if(!this.settings.$next_tip.data("closed")){var t=e(".joyride-modal-bg");t.length<1&&e("body").append(this.settings.template.modal).show(),/pop/i.test(this.settings.tip_animation)?t.show():t.fadeIn(this.settings.tip_animation_fade_speed)}},expose:function(){var n,r,i,s,o,u="expose-"+this.random_str(6);if(arguments.length>0&&arguments[0]instanceof e)i=arguments[0];else{if(!this.settings.$target||!!/body/i.test(this.settings.$target.selector))return!1;i=this.settings.$target}if(i.length<1)return t.console&&console.error("element not valid",i),!1;n=e(this.settings.template.expose),this.settings.$body.append(n),n.css({top:i.offset().top,left:i.offset().left,width:i.outerWidth(!0),height:i.outerHeight(!0)}),r=e(this.settings.template.expose_cover),s={zIndex:i.css("z-index"),position:i.css("position")},o=i.attr("class")==null?"":i.attr("class"),i.css("z-index",parseInt(n.css("z-index"))+1),s.position=="static"&&i.css("position","relative"),i.data("expose-css",s),i.data("orig-class",o),i.attr("class",o+" "+this.settings.expose_add_class),r.css({top:i.offset().top,left:i.offset().left,width:i.outerWidth(!0),height:i.outerHeight(!0)}),this.settings.modal&&this.show_modal(),this.settings.$body.append(r),n.addClass(u),r.addClass(u),i.data("expose",u),this.settings.post_expose_callback(this.settings.$li.index(),this.settings.$next_tip,i),this.add_exposed(i)},un_expose:function(){var n,r,i,s,o,u=!1;if(arguments.length>0&&arguments[0]instanceof e)r=arguments[0];else{if(!this.settings.$target||!!/body/i.test(this.settings.$target.selector))return!1;r=this.settings.$target}if(r.length<1)return t.console&&console.error("element not valid",r),!1;n=r.data("expose"),i=e("."+n),arguments.length>1&&(u=arguments[1]),u===!0?e(".joyride-expose-wrapper,.joyride-expose-cover").remove():i.remove(),s=r.data("expose-css"),s.zIndex=="auto"?r.css("z-index",""):r.css("z-index",s.zIndex),s.position!=r.css("position")&&(s.position=="static"?r.css("position",""):r.css("position",s.position)),o=r.data("orig-class"),r.attr("class",o),r.removeData("orig-classes"),r.removeData("expose"),r.removeData("expose-z-index"),this.remove_exposed(r)},add_exposed:function(t){this.settings.exposed=this.settings.exposed||[],t instanceof e||typeof t=="object"?this.settings.exposed.push(t[0]):typeof t=="string"&&this.settings.exposed.push(t)},remove_exposed:function(t){var n,r;t instanceof e?n=t[0]:typeof t=="string"&&(n=t),this.settings.exposed=this.settings.exposed||[],r=this.settings.exposed.length;while(r--)if(this.settings.exposed[r]==n){this.settings.exposed.splice(r,1);return}},center:function(){var n=e(t);return this.settings.$next_tip.css({top:(n.height()-this.settings.$next_tip.outerHeight())/2+n.scrollTop(),left:(n.width()-this.settings.$next_tip.outerWidth())/2+n.scrollLeft()}),!0},bottom:function(){return/bottom/i.test(this.settings.tip_settings.tip_location)},top:function(){return/top/i.test(this.settings.tip_settings.tip_location)},right:function(){return/right/i.test(this.settings.tip_settings.tip_location)},left:function(){return/left/i.test(this.settings.tip_settings.tip_location)},corners:function(n){var r=e(t),i=r.height()/2,s=Math.ceil(this.settings.$target.offset().top-i+this.settings.$next_tip.outerHeight()),o=r.width()+r.scrollLeft(),u=r.height()+s,a=r.height()+r.scrollTop(),f=r.scrollTop();return s<f&&(s<0?f=0:f=s),u>a&&(a=u),[n.offset().top<f,o<n.offset().left+n.outerWidth(),a<n.offset().top+n.outerHeight(),r.scrollLeft()>n.offset().left]},visible:function(e){var t=e.length;while(t--)if(e[t])return!1;return!0},nub_position:function(e,t,n){t==="auto"?e.addClass(n):e.addClass(t)},startTimer:function(){this.settings.$li.length?this.settings.automate=setTimeout(function(){this.hide(),this.show(),this.startTimer()}.bind(this),this.settings.timer):clearTimeout(this.settings.automate)},end:function(t){this.settings.cookie_monster&&e.cookie(this.settings.cookie_name,"ridden",{expires:this.settings.cookie_expires,domain:this.settings.cookie_domain}),this.settings.timer>0&&clearTimeout(this.settings.automate),this.settings.modal&&this.settings.expose&&this.un_expose(),this.settings.$next_tip.data("closed",!0),e(".joyride-modal-bg").hide(),this.settings.$current_tip.hide();if(typeof t=="undefined"||t===!1)this.settings.post_step_callback(this.settings.$li.index(),this.settings.$current_tip),this.settings.post_ride_callback(this.settings.$li.index(),this.settings.$current_tip);e(".joyride-tip-guide").remove()},off:function(){e(this.scope).off(".joyride"),e(t).off(".joyride"),e(".joyride-close-tip, .joyride-next-tip, .joyride-modal-bg").off(".joyride"),e(".joyride-tip-guide, .joyride-modal-bg").remove(),clearTimeout(this.settings.automate),this.settings={}},reflow:function(){}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.equalizer={name:"equalizer",version:"5.2.3",settings:{use_tallest:!0,before_height_change:e.noop,after_height_change:e.noop,equalize_on_stack:!1},init:function(e,t,n){Foundation.inherit(this,"image_loaded"),this.bindings(t,n),this.reflow()},events:function(){this.S(t).off(".equalizer").on("resize.fndtn.equalizer",function(e){this.reflow()}.bind(this))},equalize:function(t){var n=!1,r=t.find("["+this.attr_name()+"-watch]:visible"),i=t.data(this.attr_name(!0)+"-init");if(r.length===0)return;var s=r.first().offset().top;i.before_height_change(),t.trigger("before-height-change"),r.height("inherit"),r.each(function(){var t=e(this);t.offset().top!==s&&(n=!0)});if(i.equalize_on_stack===!1&&n)return;var o=r.map(function(){return e(this).outerHeight(!1)}).get();if(i.use_tallest){var u=Math.max.apply(null,o);r.css("height",u)}else{var a=Math.min.apply(null,o);r.css("height",a)}i.after_height_change(),t.trigger("after-height-change")},reflow:function(){var t=this;this.S("["+this.attr_name()+"]",this.scope).each(function(){var n=e(this);t.image_loaded(t.S("img",this),function(){t.equalize(n)})})}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.dropdown={name:"dropdown",version:"5.2.3",settings:{active_class:"open",align:"bottom",is_hover:!1,opened:function(){},closed:function(){}},init:function(e,t,n){Foundation.inherit(this,"throttle"),this.bindings(t,n)},events:function(n){var r=this,i=r.S;i(this.scope).off(".dropdown").on("click.fndtn.dropdown","["+this.attr_name()+"]",function(t){var n=i(this).data(r.attr_name(!0)+"-init")||r.settings;if(!n.is_hover||Modernizr.touch)t.preventDefault(),r.toggle(e(this))}).on("mouseenter.fndtn.dropdown","["+this.attr_name()+"], ["+this.attr_name()+"-content]",function(e){var t=i(this),n,s;clearTimeout(r.timeout),t.data(r.data_attr())?(n=i("#"+t.data(r.data_attr())),s=t):(n=t,s=i("["+r.attr_name()+"='"+n.attr("id")+"']"));var o=s.data(r.attr_name(!0)+"-init")||r.settings;i(e.target).data(r.data_attr())&&o.is_hover&&r.closeall.call(r),o.is_hover&&r.open.apply(r,[n,s])}).on("mouseleave.fndtn.dropdown","["+this.attr_name()+"], ["+this.attr_name()+"-content]",function(e){var t=i(this);r.timeout=setTimeout(function(){if(t.data(r.data_attr())){var e=t.data(r.data_attr(!0)+"-init")||r.settings;e.is_hover&&r.close.call(r,i("#"+t.data(r.data_attr())))}else{var n=i("["+r.attr_name()+'="'+i(this).attr("id")+'"]'),e=n.data(r.attr_name(!0)+"-init")||r.settings;e.is_hover&&r.close.call(r,t)}}.bind(this),150)}).on("click.fndtn.dropdown",function(t){var n=i(t.target).closest("["+r.attr_name()+"-content]");if(i(t.target).data(r.data_attr())||i(t.target).parent().data(r.data_attr()))return;if(!i(t.target).data("revealId")&&n.length>0&&(i(t.target).is("["+r.attr_name()+"-content]")||e.contains(n.first()[0],t.target))){t.stopPropagation();return}r.close.call(r,i("["+r.attr_name()+"-content]"))}).on("opened.fndtn.dropdown","["+r.attr_name()+"-content]",function(){r.settings.opened.call(this)}).on("closed.fndtn.dropdown","["+r.attr_name()+"-content]",function(){r.settings.closed.call(this)}),i(t).off(".dropdown").on("resize.fndtn.dropdown",r.throttle(function(){r.resize.call(r)},50)),this.resize()},close:function(e){var t=this;e.each(function(){t.S(this).hasClass(t.settings.active_class)&&(t.S(this).css(Foundation.rtl?"right":"left","-99999px").removeClass(t.settings.active_class).prev("["+t.attr_name()+"]").removeClass(t.settings.active_class).removeData("target"),t.S(this).trigger("closed",[e]))})},closeall:function(){var t=this;e.each(t.S("["+this.attr_name()+"-content]"),function(){t.close.call(t,t.S(this))})},open:function(e,t){this.css(e.addClass(this.settings.active_class),t),e.prev("["+this.attr_name()+"]").addClass(this.settings.active_class),e.data("target",t.get(0)).trigger("opened",[e,t])},data_attr:function(){return this.namespace.length>0?this.namespace+"-"+this.name:this.name},toggle:function(e){var t=this.S("#"+e.data(this.data_attr()));if(t.length===0)return;this.close.call(this,this.S("["+this.attr_name()+"-content]").not(t)),t.hasClass(this.settings.active_class)?(this.close.call(this,t),t.data("target")!==e.get(0)&&this.open.call(this,t,e)):this.open.call(this,t,e)},resize:function(){var e=this.S("["+this.attr_name()+"-content].open"),t=this.S("["+this.attr_name()+"='"+e.attr("id")+"']");e.length&&t.length&&this.css(e,t)},css:function(e,t){this.clear_idx();if(this.small()){var n=this.dirs.bottom.call(e,t);e.attr("style","").removeClass("drop-left drop-right drop-top").css({position:"absolute",width:"95%","max-width":"none",top:n.top}),e.css(Foundation.rtl?"right":"left","2.5%")}else{var r=t.data(this.attr_name(!0)+"-init")||this.settings;this.style(e,t,r)}return e},style:function(t,n,r){var i=e.extend({position:"absolute"},this.dirs[r.align].call(t,n,r));t.attr("style","").css(i)},dirs:{_base:function(e){var t=this.offsetParent(),n=t.offset(),r=e.offset();return r.top-=n.top,r.left-=n.left,r},top:function(e,t){var n=Foundation.libs.dropdown,r=n.dirs._base.call(this,e),i=e.outerWidth()/2-8;return this.addClass("drop-top"),(e.outerWidth()<this.outerWidth()||n.small())&&n.adjust_pip(i,r),Foundation.rtl?{left:r.left-this.outerWidth()+e.outerWidth(),top:r.top-this.outerHeight()}:{left:r.left,top:r.top-this.outerHeight()}},bottom:function(e,t){var n=Foundation.libs.dropdown,r=n.dirs._base.call(this,e),i=e.outerWidth()/2-8;return(e.outerWidth()<this.outerWidth()||n.small())&&n.adjust_pip(i,r),n.rtl?{left:r.left-this.outerWidth()+e.outerWidth(),top:r.top+e.outerHeight()}:{left:r.left,top:r.top+e.outerHeight()}},left:function(e,t){var n=Foundation.libs.dropdown.dirs._base.call(this,e);return this.addClass("drop-left"),{left:n.left-this.outerWidth(),top:n.top}},right:function(e,t){var n=Foundation.libs.dropdown.dirs._base.call(this,e);return this.addClass("drop-right"),{left:n.left+e.outerWidth(),top:n.top}}},adjust_pip:function(e,t){var n=Foundation.stylesheet;this.small()&&(e+=t.left-8),this.rule_idx=n.cssRules.length;var r=".f-dropdown.open:before",i=".f-dropdown.open:after",s="left: "+e+"px;",o="left: "+(e-1)+"px;";n.insertRule?(n.insertRule([r,"{",s,"}"].join(" "),this.rule_idx),n.insertRule([i,"{",o,"}"].join(" "),this.rule_idx+1)):(n.addRule(r,s,this.rule_idx),n.addRule(i,o,this.rule_idx+1))},clear_idx:function(){var e=Foundation.stylesheet;this.rule_idx&&(e.deleteRule(this.rule_idx),e.deleteRule(this.rule_idx),delete this.rule_idx)},small:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},off:function(){this.S(this.scope).off(".fndtn.dropdown"),this.S("html, body").off(".fndtn.dropdown"),this.S(t).off(".fndtn.dropdown"),this.S("[data-dropdown-content]").off(".fndtn.dropdown")},reflow:function(){}}}(jQuery,window,window |
| - | .document),function(e,t,n,r){"use strict";Foundation.libs.clearing={name:"clearing",version:"5.2.3",settings:{templates:{viewing:'<a href="#" class="clearing-close">×</a><div class="visible-img" style="display: none"><div class="clearing-touch-label"></div><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" /><p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a><a href="#" class="clearing-main-next"><span></span></a></div>'},close_selectors:".clearing-close",touch_label:"",init:!1,locked:!1},init:function(e,t,n){var r=this;Foundation.inherit(this,"throttle image_loaded"),this.bindings(t,n),r.S(this.scope).is("["+this.attr_name()+"]")?this.assemble(r.S("li",this.scope)):r.S("["+this.attr_name()+"]",this.scope).each(function(){r.assemble(r.S("li",this))})},events:function(r){var i=this,s=i.S,o=e(".scroll-container");o.length>0&&(this.scope=o),s(this.scope).off(".clearing").on("click.fndtn.clearing","ul["+this.attr_name()+"] li",function(e,t,n){var t=t||s(this),n=n||t,r=t.next("li"),o=t.closest("["+i.attr_name()+"]").data(i.attr_name(!0)+"-init"),u=s(e.target);e.preventDefault(),o||(i.init(),o=t.closest("["+i.attr_name()+"]").data(i.attr_name(!0)+"-init")),n.hasClass("visible")&&t[0]===n[0]&&r.length>0&&i.is_open(t)&&(n=r,u=s("img",n)),i.open(u,t,n),i.update_paddles(n)}).on("click.fndtn.clearing",".clearing-main-next",function(e){i.nav(e,"next")}).on("click.fndtn.clearing",".clearing-main-prev",function(e){i.nav(e,"prev")}).on("click.fndtn.clearing",this.settings.close_selectors,function(e){Foundation.libs.clearing.close(e,this)}),e(n).on("keydown.fndtn.clearing",function(e){i.keydown(e)}),s(t).off(".clearing").on("resize.fndtn.clearing",function(){i.resize()}),this.swipe_events(r)},swipe_events:function(e){var t=this,n=t.S;n(this.scope).on("touchstart.fndtn.clearing",".visible-img",function(e){e.touches||(e=e.originalEvent);var t={start_page_x:e.touches[0].pageX,start_page_y:e.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:r};n(this).data("swipe-transition",t),e.stopPropagation()}).on("touchmove.fndtn.clearing",".visible-img",function(e){e.touches||(e=e.originalEvent);if(e.touches.length>1||e.scale&&e.scale!==1)return;var r=n(this).data("swipe-transition");typeof r=="undefined"&&(r={}),r.delta_x=e.touches[0].pageX-r.start_page_x,typeof r.is_scrolling=="undefined"&&(r.is_scrolling=!!(r.is_scrolling||Math.abs(r.delta_x)<Math.abs(e.touches[0].pageY-r.start_page_y)));if(!r.is_scrolling&&!r.active){e.preventDefault();var i=r.delta_x<0?"next":"prev";r.active=!0,t.nav(e,i)}}).on("touchend.fndtn.clearing",".visible-img",function(e){n(this).data("swipe-transition",{}),e.stopPropagation()})},assemble:function(t){var n=t.parent();if(n.parent().hasClass("carousel"))return;n.after('<div id="foundationClearingHolder"></div>');var r=n.detach(),i="";if(r[0]==null)return;i=r[0].outerHTML;var s=this.S("#foundationClearingHolder"),o=n.data(this.attr_name(!0)+"-init"),u={grid:'<div class="carousel">'+i+"</div>",viewing:o.templates.viewing},a='<div class="clearing-assembled"><div>'+u.viewing+u.grid+"</div></div>",f=this.settings.touch_label;Modernizr.touch&&(a=e(a).find(".clearing-touch-label").html(f).end()),s.after(a).remove()},open:function(t,r,i){function p(){setTimeout(function(){this.image_loaded(l,function(){l.outerWidth()===1&&!h?p.call(this):d.call(this,l)}.bind(this))}.bind(this),50)}function d(t){var n=e(t);n.css("visibility","visible"),o.css("overflow","hidden"),u.addClass("clearing-blackout"),a.addClass("clearing-container"),f.show(),this.fix_height(i).caption(s.S(".clearing-caption",f),s.S("img",i)).center_and_label(t,c).shift(r,i,function(){i.siblings().removeClass("visible"),i.addClass("visible")}),f.trigger("opened.fndtn.clearing")}var s=this,o=e(n.body),u=i.closest(".clearing-assembled"),a=s.S("div",u).first(),f=s.S(".visible-img",a),l=s.S("img",f).not(t),c=s.S(".clearing-touch-label",a),h=!1;l.error(function(){h=!0}),this.locked()||(f.trigger("open.fndtn.clearing"),l.attr("src",this.load(t)).css("visibility","hidden"),p.call(this))},close:function(t,r){t.preventDefault();var i=function(e){return/blackout/.test(e.selector)?e:e.closest(".clearing-blackout")}(e(r)),s=e(n.body),o,u;return r===t.target&&i&&(s.css("overflow",""),o=e("div",i).first(),u=e(".visible-img",o),u.trigger("close.fndtn.clearing"),this.settings.prev_index=0,e("ul["+this.attr_name()+"]",i).attr("style","").closest(".clearing-blackout").removeClass("clearing-blackout"),o.removeClass("clearing-container"),u.hide(),u.trigger("closed.fndtn.clearing")),!1},is_open:function(e){return e.parent().prop("style").length>0},keydown:function(t){var n=e(".clearing-blackout ul["+this.attr_name()+"]"),r=this.rtl?37:39,i=this.rtl?39:37,s=27;t.which===r&&this.go(n,"next"),t.which===i&&this.go(n,"prev"),t.which===s&&this.S("a.clearing-close").trigger("click")},nav:function(t,n){var r=e("ul["+this.attr_name()+"]",".clearing-blackout");t.preventDefault(),this.go(r,n)},resize:function(){var t=e("img",".clearing-blackout .visible-img"),n=e(".clearing-touch-label",".clearing-blackout");t.length&&(this.center_and_label(t,n),t.trigger("resized.fndtn.clearing"))},fix_height:function(e){var t=e.parent().children(),n=this;return t.each(function(){var e=n.S(this),t=e.find("img");e.height()>t.outerHeight()&&e.addClass("fix-height")}).closest("ul").width(t.length*100+"%"),this},update_paddles:function(e){var t=e.closest(".carousel").siblings(".visible-img");e.next().length>0?this.S(".clearing-main-next",t).removeClass("disabled"):this.S(".clearing-main-next",t).addClass("disabled"),e.prev().length>0?this.S(".clearing-main-prev",t).removeClass("disabled"):this.S(".clearing-main-prev",t).addClass("disabled")},center_and_label:function(e,t){return this.rtl?(e.css({marginRight:-(e.outerWidth()/2),marginTop:-(e.outerHeight()/2),left:"auto",right:"50%"}),t.length>0&&t.css({marginRight:-(t.outerWidth()/2),marginTop:-(e.outerHeight()/2)-t.outerHeight()-10,left:"auto",right:"50%"})):(e.css({marginLeft:-(e.outerWidth()/2),marginTop:-(e.outerHeight()/2)}),t.length>0&&t.css({marginLeft:-(t.outerWidth()/2),marginTop:-(e.outerHeight()/2)-t.outerHeight()-10})),this},load:function(e){var t;return e[0].nodeName==="A"?t=e.attr("href"):t=e.parent().attr("href"),this.preload(e),t?t:e.attr("src")},preload:function(e){this.img(e.closest("li").next()).img(e.closest("li").prev())},img:function(e){if(e.length){var t=new Image,n=this.S("a",e);n.length?t.src=n.attr("href"):t.src=this.S("img",e).attr("src")}return this},caption:function(e,t){var n=t.attr("data-caption");return n?e.html(n).show():e.text("").hide(),this},go:function(e,t){var n=this.S(".visible",e),r=n[t]();r.length&&this.S("img",r).trigger("click",[n,r]).trigger("change.fndtn.clearing")},shift:function(e,t,n){var r=t.parent(),i=this.settings.prev_index||t.index(),s=this.direction(r,e,t),o=this.rtl?"right":"left",u=parseInt(r.css("left"),10),a=t.outerWidth(),f,l={};t.index()!==i&&!/skip/.test(s)?/left/.test(s)?(this.lock(),l[o]=u+a,r.animate(l,300,this.unlock())):/right/.test(s)&&(this.lock(),l[o]=u-a,r.animate(l,300,this.unlock())):/skip/.test(s)&&(f=t.index()-this.settings.up_count,this.lock(),f>0?(l[o]=-(f*a),r.animate(l,300,this.unlock())):(l[o]=0,r.animate(l,300,this.unlock()))),n()},direction:function(e,t,n){var r=this.S("li",e),i=r.outerWidth()+r.outerWidth()/4,s=Math.floor(this.S(".clearing-container").outerWidth()/i)-1,o=r.index(n),u;return this.settings.up_count=s,this.adjacent(this.settings.prev_index,o)?o>s&&o>this.settings.prev_index?u="right":o>s-1&&o<=this.settings.prev_index?u="left":u=!1:u="skip",this.settings.prev_index=o,u},adjacent:function(e,t){for(var n=t+1;n>=t-1;n--)if(n===e)return!0;return!1},lock:function(){this.settings.locked=!0},unlock:function(){this.settings.locked=!1},locked:function(){return this.settings.locked},off:function(){this.S(this.scope).off(".fndtn.clearing"),this.S(t).off(".fndtn.clearing")},reflow:function(){this.init()}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";var i=function(){},s=function(r,i){if(r.hasClass(i.slides_container_class))return this;var s=this,a,f=r,l,c,h,p=0,d,v=!1,m=f.find("."+i.active_slide_class).length>0;s.cache={},s.slides=function(){return f.children(i.slide_selector)},m||s.slides().first().addClass(i.active_slide_class),s.update_slide_number=function(t){i.slide_number&&(l.find("span:first").text(parseInt(t)+1),l.find("span:last").text(s.slides().length)),i.bullets&&(c.children().removeClass(i.bullets_active_class),e(c.children().get(t)).addClass(i.bullets_active_class))},s.update_active_link=function(t){var n=e('[data-orbit-link="'+s.slides().eq(t).attr("data-orbit-slide")+'"]');n.siblings().removeClass(i.bullets_active_class),n.addClass(i.bullets_active_class)},s.build_markup=function(){f.wrap('<div class="'+i.container_class+'"></div>'),a=f.parent(),f.addClass(i.slides_container_class),f.addClass(i.animation),i.stack_on_small&&a.addClass(i.stack_on_small_class),i.navigation_arrows&&(a.append(e('<a href="#"><span></span></a>').addClass(i.prev_class)),a.append(e('<a href="#"><span></span></a>').addClass(i.next_class))),i.timer&&(h=e("<div>").addClass(i.timer_container_class),h.append("<span>"),i.timer_show_progress_bar&&h.append(e("<div>").addClass(i.timer_progress_class)),h.addClass(i.timer_paused_class),a.append(h)),i.slide_number&&(l=e("<div>").addClass(i.slide_number_class),l.append("<span></span> "+i.slide_number_text+" <span></span>"),a.append(l)),i.bullets&&(c=e("<ol>").addClass(i.bullets_container_class),a.append(c),c.wrap('<div class="orbit-bullets-container"></div>'),s.slides().each(function(t,n){var r=e("<li>").attr("data-orbit-slide",t).on("click",s.link_bullet);c.append(r)}))},s._prepare_direction=function(t,n){var r="next";t<=p&&(r="prev"),i.animation==="slide"&&setTimeout(function(){f.removeClass("swipe-prev swipe-next"),r==="next"?f.addClass("swipe-next"):r==="prev"&&f.addClass("swipe-prev")},0);var o=s.slides();if(t>=o.length){if(!i.circular)return!1;t=0}else if(t<0){if(!i.circular)return!1;t=o.length-1}var u=e(o.get(p)),a=e(o.get(t));return[r,u,a,t]},s._goto=function(e,t){if(e===null)return!1;if(s.cache.animating)return!1;if(e===p)return!1;typeof s.cache.timer=="object"&&s.cache.timer.restart();var n=s.slides();s.cache.animating=!0;var r=s._prepare_direction(e),o=r[0],u=r[1],a=r[2],e=r[3];if(r===!1)return!1;f.trigger("before-slide-change.fndtn.orbit"),i.before_slide_change(),p=e,u.css("transitionDuration",i.animation_speed+"ms"),a.css("transitionDuration",i.animation_speed+"ms");var l=function(){var r=function(){t===!0&&s.cache.timer.restart(),s.update_slide_number(p),a.removeClass("animate-in"),a.addClass(i.active_slide_class),s.update_active_link(e),f.trigger("after-slide-change.fndtn.orbit",[{slide_number:p,total_slides:n.length}]),i.after_slide_change(p,n.length),setTimeout(function(){s.cache.animating=!1},100)};f.height()!=a.height()&&i.variable_height?f.animate({"min-height":a.height()},250,"linear",r):r()};if(n.length===1)return l(),!1;var c=function(){o==="next"&&d.next(u,a,l),o==="prev"&&d.prev(u,a,l)};a.height()>f.height()&&i.variable_height?f.animate({"min-height":a.height()},250,"linear",c):c()},s.next=function(e){e.stopImmediatePropagation(),e.preventDefault(),s._prepare_direction(p+1),setTimeout(function(){s._goto(p+1)},100)},s.prev=function(e){e.stopImmediatePropagation(),e.preventDefault(),s._prepare_direction(p-1),setTimeout(function(){s._goto(p-1)},100)},s.link_custom=function(t){t.preventDefault();var n=e(this).attr("data-orbit-link");if(typeof n=="string"&&(n=e.trim(n))!=""){var r=a.find("[data-orbit-slide="+n+"]");r.index()!=-1&&setTimeout(function(){s._goto(r.index())},100)}},s.link_bullet=function(t){var n=e(this).attr("data-orbit-slide");if(typeof n=="string"&&(n=e.trim(n))!="")if(isNaN(parseInt(n))){var r=a.find("[data-orbit-slide="+n+"]");r.index()!=-1&&(n=r.index()+1,s._prepare_direction(n),setTimeout(function(){s._goto(n)},100))}else n=parseInt(n),s._prepare_direction(n),setTimeout(function(){s._goto(n)},100)},s.timer_callback=function(){s._goto(p+1,!0)},s.compute_dimensions=function(){var t=e(s.slides().get(p)),n=t.height();i.variable_height||s.slides().each(function(){e(this).height()>n&&(n=e(this).height())}),f.css("minHeight",String(n)+"px")},s.create_timer=function(){var e=new o(a.find("."+i.timer_container_class),i,s.timer_callback);return e},s.stop_timer=function(){typeof s.cache.timer=="object"&&s.cache.timer.stop()},s.toggle_timer=function(){var e=a.find("."+i.timer_container_class);e.hasClass(i.timer_paused_class)?(typeof s.cache.timer=="undefined"&&(s.cache.timer=s.create_timer()),s.cache.timer.start()):typeof s.cache.timer=="object"&&s.cache.timer.stop()},s.init=function(){s.build_markup(),i.timer&&(s.cache.timer=s.create_timer(),Foundation.utils.image_loaded(this.slides().find("img"),s.cache.timer.start)),d=new u(i,f);if(m){var r=f.find("."+i.active_slide_class),o=i.animation_speed;i.animation_speed=1,r.removeClass("active"),s._goto(r.index()),i.animation_speed=o}a.on("click","."+i.next_class,s.next),a.on("click","."+i.prev_class,s.prev),i.next_on_click&&a.on("click","."+i.slides_container_class+" [data-orbit-slide]",s.link_bullet),a.on("click",s.toggle_timer),i.swipe&&f.on("touchstart.fndtn.orbit",function(e){if(s.cache.animating)return;e.touches||(e=e.originalEvent),e.preventDefault(),e.stopPropagation(),s.cache.start_page_x=e.touches[0].pageX,s.cache.start_page_y=e.touches[0].pageY,s.cache.start_time=(new Date).getTime(),s.cache.delta_x=0,s.cache.is_scrolling=null,s.cache.direction=null,s.stop_timer()}).on("touchmove.fndtn.orbit",function(e){Math.abs(s.cache.delta_x)>5&&(e.preventDefault(),e.stopPropagation());if(s.cache.animating)return;requestAnimationFrame(function(){e.touches||(e=e.originalEvent);if(e.touches.length>1||e.scale&&e.scale!==1)return;s.cache.delta_x=e.touches[0].pageX-s.cache.start_page_x,s.cache.is_scrolling===null&&(s.cache.is_scrolling=!!(s.cache.is_scrolling||Math.abs(s.cache.delta_x)<Math.abs(e.touches[0].pageY-s.cache.start_page_y)));if(s.cache.is_scrolling)return;var t=s.cache.delta_x<0?p+1:p-1;if(s.cache.direction!==t){var n=s._prepare_direction(t);s.cache.direction=t,s.cache.dir=n[0],s.cache.current=n[1],s.cache.next=n[2]}if(i.animation==="slide"){var r,o;r=s.cache.delta_x/a.width()*100,r>=0?o=-(100-r):o=100+r,s.cache.current.css("transform","translate3d("+r+"%,0,0)"),s.cache.next.css("transform","translate3d("+o+"%,0,0)")}})}).on("touchend.fndtn.orbit",function(e){if(s.cache.animating)return;e.preventDefault(),e.stopPropagation(),setTimeout(function(){s._goto(s.cache.direction)},50)}),a.on("mouseenter.fndtn.orbit",function(e){i.timer&&i.pause_on_hover&&s.stop_timer()}).on("mouseleave.fndtn.orbit",function(e){i.timer&&i.resume_on_mouseout&&s.cache.timer.start()}),e(n).on("click","[data-orbit-link]",s.link_custom),e(t).on("load resize",s.compute_dimensions);var l=this.slides().find("img");Foundation.utils.image_loaded(l,s.compute_dimensions),Foundation.utils.image_loaded(l,function(){a.prev("."+i.preloader_class).css("display","none"),s.update_slide_number(p),s.update_active_link(p),f.trigger("ready.fndtn.orbit")})},s.init()},o=function(e,t,n){var r=this,i=t.timer_speed,s=e.find("."+t.timer_progress_class),o=s&&s.css("display")!="none",u,a,f=-1;this.update_progress=function(e){var t=s.clone();t.attr("style",""),t.css("width",e+"%"),s.replaceWith(t),s=t},this.restart=function(){clearTimeout(a),e.addClass(t.timer_paused_class),f=-1,o&&r.update_progress(0),r.start()},this.start=function(){if(!e.hasClass(t.timer_paused_class))return!0;f=f===-1?i:f,e.removeClass(t.timer_paused_class),o&&(u=(new Date).getTime(),s.animate({width:"100%"},f,"linear")),a=setTimeout(function(){r.restart(),n()},f),e.trigger("timer-started.fndtn.orbit")},this.stop=function(){if(e.hasClass(t.timer_paused_class))return!0;clearTimeout(a),e.addClass(t.timer_paused_class);if(o){var n=(new Date).getTime();f-=n-u;var s=100-f/i*100;r.update_progress(s)}e.trigger("timer-stopped.fndtn.orbit")}},u=function(e,t){var n="webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend";this.next=function(r,i,s){Modernizr.csstransitions?i.on(n,function(e){i.unbind(n),r.removeClass("active animate-out"),t.children().css({transform:"","-ms-transform":"","-webkit-transition-duration":"","-moz-transition-duration":"","-o-transition-duration":"","transition-duration":""}),s()}):setTimeout(function(){r.removeClass("active animate-out"),t.children().css({transform:"","-ms-transform":"","-webkit-transition-duration":"","-moz-transition-duration":"","-o-transition-duration":"","transition-duration":""}),s()},e.animation_speed),t.children().css({transform:"","-ms-transform":"","-webkit-transition-duration":"","-moz-transition-duration":"","-o-transition-duration":"","transition-duration":""}),r.addClass("animate-out"),i.addClass("animate-in")},this.prev=function(r,i,s){Modernizr.csstransitions?i.on(n,function(e){i.unbind(n),r.removeClass("active animate-out"),t.children().css({transform:"","-ms-transform":"","-webkit-transition-duration":"","-moz-transition-duration":"","-o-transition-duration":"","transition-duration":""}),s()}):setTimeout(function(){r.removeClass("active animate-out"),t.children().css({transform:"","-ms-transform":"","-webkit-transition-duration":"","-moz-transition-duration":"","-o-transition-duration":"","transition-duration":""}),s()},e.animation_speed),t.children().css({transform:"","-ms-transform":"","-webkit-transition-duration":"","-moz-transition-duration":"","-o-transition-duration":"","transition-duration":""}),r.addClass("animate-out"),i.addClass("animate-in")}};Foundation.libs=Foundation.libs||{},Foundation.libs.orbit={name:"orbit",version:"5.2.3",settings:{animation:"slide",timer_speed:1e4,pause_on_hover:!0,resume_on_mouseout:!1,next_on_click:!0,animation_speed:500,stack_on_small:!1,navigation_arrows:!0,slide_number:!0,slide_number_text:"of",container_class:"orbit-container",stack_on_small_class:"orbit-stack-on-small",next_class:"orbit-next",prev_class:"orbit-prev",timer_container_class:"orbit-timer",timer_paused_class:"paused",timer_progress_class:"orbit-progress",timer_show_progress_bar:!0,slides_container_class:"orbit-slides-container",preloader_class:"preloader",slide_selector:"*",bullets_container_class:"orbit-bullets",bullets_active_class:"active",slide_number_class:"orbit-slide-number",caption_class:"orbit-caption",active_slide_class:"active",orbit_transition_class:"orbit-transitioning",bullets:!0,circular:!0,timer:!0,variable_height:!1,swipe:!0,before_slide_change:i,after_slide_change:i},init:function(e,t,n){var r=this;this.bindings(t,n)},events:function(e){var t=this,n=new s(this.S(e),this.S(e).data("orbit-init"));this.S(e).data(t.name+"-instance",n)},reflow:function(){var e=this;if(e.S(e.scope).is("[data-orbit]")){var t=e.S(e.scope),n=t.data(e.name+"-instance");n.compute_dimensions()}else e.S("[data-orbit]",e.scope).each(function(t,n){var r=e.S(n),i=e.data_options(r),s=r.data(e.name+"-instance");s.compute_dimensions()})}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.offcanvas={name:"offcanvas",version:"5.2.3",settings:{open_method:"move",close_on_click:!0},init:function(e,t,n){this.bindings(t,n)},events:function(){var e=this,t=e.S,n="",r="",i="";this.settings.open_method==="move"?(n="move-",r="right",i="left"):this.settings.open_method==="overlap"&&(n="offcanvas-overlap"),t(this.scope).off(".offcanvas").on("click.fndtn.offcanvas",".left-off-canvas-toggle",function(t){e.click_toggle_class(t,n+r)}).on("click.fndtn.offcanvas",".left-off-canvas-menu a",function(t){var i=e.get_settings(t);i.close_on_click&&e.hide.call(e,n+r,e.get_wrapper(t))}).on("click.fndtn.offcanvas",".right-off-canvas-toggle",function(t){e.click_toggle_class(t,n+i)}).on("click.fndtn.offcanvas",".right-off-canvas-menu a",function(t){var r=e.get_settings(t);r.close_on_click&&e.hide.call(e,n+i,e.get_wrapper(t))}).on("click.fndtn.offcanvas",".exit-off-canvas",function(t){e.click_remove_class(t,n+i),r&&e.click_remove_class(t,n+r)})},toggle:function(e,t){t=t||this.get_wrapper(),t.is("."+e)?this.hide(e,t):this.show(e,t)},show:function(e,t){t=t||this.get_wrapper(),t.trigger("open"),t.addClass(e)},hide:function(e,t){t=t||this.get_wrapper(),t.trigger("close"),t.removeClass(e)},click_toggle_class:function(e,t){e.preventDefault();var n=this.get_wrapper(e);this.toggle(t,n)},click_remove_class:function(e,t){e.preventDefault();var n=this.get_wrapper(e);this.hide(t,n)},get_settings:function(e){var t=this.S(e.target).closest("["+this.attr_name()+"]");return t.data(this.attr_name(!0)+"-init")||this.settings},get_wrapper:function(e){var t=this.S(e?e.target:this.scope).closest(".off-canvas-wrap");return t.length===0&&(t=this.S(".off-canvas-wrap")),t},reflow:function(){}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.alert={name:"alert",version:"5.2.3",settings:{callback:function(){}},init:function(e,t,n){this.bindings(t,n)},events:function(){var n=this,r=this.S;e(this.scope).off(".alert").on("click.fndtn.alert","["+this.attr_name()+"] a.close",function(e){var i=r(this).closest("["+n.attr_name()+"]"),s=i.data(n.attr_name(!0)+"-init")||n.settings;e.preventDefault(),"transitionend"in t||"webkitTransitionEnd"in t||"oTransitionEnd"in t?(i.addClass("alert-close"),i.on("transitionend webkitTransitionEnd oTransitionEnd",function(e){r(this).trigger("close").remove(),s.callback()})):i.fadeOut(300,function(){r(this).trigger("close").remove(),s.callback()})})},reflow:function(){}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";function i(e){var t=/fade/i.test(e),n=/pop/i.test(e);return{animate:t||n,pop:n,fade:t}}Foundation.libs.reveal={name:"reveal",version:"5.2.3",locked:!1,settings:{animation:"fadeAndPop",animation_speed:250,close_on_background_click:!0,close_on_esc:!0,dismiss_modal_class:"close-reveal-modal",bg_class:"reveal-modal-bg",open:function(){},opened:function(){},close:function(){},closed:function(){},bg:e(".reveal-modal-bg"),css:{open:{opacity:0,visibility:"visible",display:"block"},close:{opacity:1,visibility:"hidden",display:"none"}}},init:function(t,n,r){e.extend(!0,this.settings,n,r),this.bindings(n,r)},events:function(e){var t=this,r=t.S;return r(this.scope).off(".reveal").on("click.fndtn.reveal","["+this.add_namespace("data-reveal-id")+"]",function(e){e.preventDefault();if(!t.locked){var n=r(this),i=n.data(t.data_attr("reveal-ajax"));t.locked=!0;if(typeof i=="undefined")t.open.call(t,n);else{var s=i===!0?n.attr("href"):i;t.open.call(t,n,{url:s})}}}),r(n).on("touchend.fndtn.reveal click.fndtn.reveal",this.close_targets(),function(e){e.preventDefault();if(!t.locked){var n=r("["+t.attr_name()+"].open").data(t.attr_name(!0)+"-init"),i=r(e.target)[0]===r("."+n.bg_class)[0];if(i){if(!n.close_on_background_click)return;e.stopPropagation()}t.locked=!0,t.close.call(t,i?r("["+t.attr_name()+"].open"):r(this).closest("["+t.attr_name()+"]"))}}),r("["+t.attr_name()+"]",this.scope).length>0?r(this.scope).on("open.fndtn.reveal",this.settings.open).on("opened.fndtn.reveal",this.settings.opened).on("opened.fndtn.reveal",this.open_video).on("close.fndtn.reveal",this.settings.close).on("closed.fndtn.reveal",this.settings.closed).on("closed.fndtn.reveal",this.close_video):r(this.scope).on("open.fndtn.reveal","["+t.attr_name()+"]",this.settings.open).on("opened.fndtn.reveal","["+t.attr_name()+"]",this.settings.opened).on("opened.fndtn.reveal","["+t.attr_name()+"]",this.open_video).on("close.fndtn.reveal","["+t.attr_name()+"]",this.settings.close).on("closed.fndtn.reveal","["+t.attr_name()+"]",this.settings.closed).on("closed.fndtn.reveal","["+t.attr_name()+"]",this.close_video),!0},key_up_on:function(e){var t=this;return t.S("body").off("keyup.fndtn.reveal").on("keyup.fndtn.reveal",function(e){var n=t.S("["+t.attr_name()+"].open"),r=n.data(t.attr_name(!0)+"-init");r&&e.which===27&&r.close_on_esc&&!t.locked&&t.close.call(t,n)}),!0},key_up_off:function(e){return this.S("body").off("keyup.fndtn.reveal"),!0},open:function(t,n){var r=this,i;t?typeof t.selector!="undefined"?i=r.S("#"+t.data(r.data_attr("reveal-id"))).first():(i=r.S(this.scope),n=t):i=r.S(this.scope);var s=i.data(r.attr_name(!0)+"-init");s=s||this.settings;if(!i.hasClass("open")){var o=r.S("["+r.attr_name()+"].open");typeof i.data("css-top")=="undefined"&&i.data("css-top",parseInt(i.css("top"),10)).data("offset",this.cache_offset(i)),this.key_up_on(i),i.trigger("open"),o.length<1&&this.toggle_bg(i,!0),typeof n=="string"&&(n={url:n});if(typeof n=="undefined"||!n.url)o.length>0&&this.hide(o,s.css.close),this.show(i,s.css.open);else{var u=typeof n.success!="undefined"?n.success:null;e.extend(n,{success:function(t,n,a){e.isFunction(u)&&u(t,n,a),i.html(t),r.S(i).foundation("section","reflow"),r.S(i).children().foundation(),o.length>0&&r.hide(o,s.css.close),r.show(i,s.css.open)}}),e.ajax(n)}}},close:function(e){var e=e&&e.length?e:this.S(this.scope),t=this.S("["+this.attr_name()+"].open"),n=e.data(this.attr_name(!0)+"-init")||this.settings;t.length>0&&(this.locked=!0,this.key_up_off(e),e.trigger("close"),this.toggle_bg(e,!1),this.hide(t,n.css.close,n))},close_targets:function(){var e="."+this.settings.dismiss_modal_class;return this.settings.close_on_background_click?e+", ."+this.settings.bg_class:e},toggle_bg:function(t,n){this.S("."+this.settings.bg_class).length===0&&(this.settings.bg=e("<div />",{"class":this.settings.bg_class}).appendTo("body").hide());var i=this.settings.bg.filter(":visible").length>0;n!=i&&((n==r?i:!n)?this.hide(this.settings.bg):this.show(this.settings.bg))},show:function(n,r){if(r){var s=n.data(this.attr_name(!0)+"-init");s=s||this.settings;if(n.parent("body").length===0){var o=n.wrap('<div style="display: none;" />').parent(),u=this.settings.rootElement||"body";n.on("closed.fndtn.reveal.wrapped",function(){n.detach().appendTo(o),n.unwrap().unbind("closed.fndtn.reveal.wrapped")}),n.detach().appendTo(u)}var a=i(s.animation);a.animate||(this.locked=!1);if(a.pop){r.top=e(t).scrollTop()-n.data("offset")+"px";var f={top:e(t).scrollTop()+n.data("css-top")+"px",opacity:1};return setTimeout(function(){return n.css(r).animate(f,s.animation_speed,"linear",function(){this.locked=!1,n.trigger("opened")}.bind(this)).addClass("open")}.bind(this),s.animation_speed/2)}if(a.fade){r.top=e(t).scrollTop()+n.data("css-top")+"px";var f={opacity:1};return setTimeout(function(){return n.css(r).animate(f,s.animation_speed,"linear",function(){this.locked=!1,n.trigger("opened")}.bind(this)).addClass("open")}.bind(this),s.animation_speed/2)}return n.css(r).show().css({opacity:1}).addClass("open").trigger("opened")}var s=this.settings;return i(s.animation).fade?n.fadeIn(s.animation_speed/2):(this.locked=!1,n.show())},hide:function(n,r){if(r){var s=n.data(this.attr_name(!0)+"-init");s=s||this.settings;var o=i(s.animation);o.animate||(this.locked=!1);if(o.pop){var u={top:-e(t).scrollTop()-n.data("offset")+"px",opacity:0};return setTimeout(function(){return n.animate(u,s.animation_speed,"linear",function(){this.locked=!1,n.css(r).trigger("closed")}.bind(this)).removeClass("open")}.bind(this),s.animation_speed/2)}if(o.fade){var u={opacity:0};return setTimeout(function(){return n.animate(u,s.animation_speed,"linear",function(){this.locked=!1,n.css(r).trigger("closed")}.bind(this)).removeClass("open")}.bind(this),s.animation_speed/2)}return n.hide().css(r).removeClass("open").trigger("closed")}var s=this.settings;return i(s.animation).fade?n.fadeOut(s.animation_speed/2):n.hide()},close_video:function(t){var n=e(".flex-video",t.target),r=e("iframe",n);r.length>0&&(r.attr("data-src",r[0].src),r.attr("src","about:blank"),n.hide())},open_video:function(t){var n=e(".flex-video",t.target),i=n.find("iframe");if(i.length>0){var s=i.attr("data-src");if(typeof s=="string")i[0].src=i.attr("data-src");else{var o=i[0].src;i[0].src=r,i[0].src=o}n.show()}},data_attr:function(e){return this.namespace.length>0?this.namespace+"-"+e:e},cache_offset:function(e){var t=e.show().height()+parseInt(e.css("top"),10);return e.hide(),t},off:function(){e(this.scope).off(".fndtn.reveal")},reflow:function(){}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.interchange={name:"interchange",version:"5.2.3",cache:{},images_loaded:!1,nodes_loaded:!1,settings:{load_attr:"interchange",named_queries:{"default":"only screen",small:Foundation.media_queries.small,medium:Foundation.media_queries.medium,large:Foundation.media_queries.large,xlarge:Foundation.media_queries.xlarge,xxlarge:Foundation.media_queries.xxlarge,landscape:"only screen and (orientation: landscape)",portrait:"only screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx)"},directives:{replace:function(t,n,r){if(/IMG/.test(t[0].nodeName)){var i=t[0].src;if((new RegExp(n,"i")).test(i))return;return t[0].src=n,r(t[0].src)}var s=t.data(this.data_attr+"-last-path");if(s==n)return;return/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i.test(n)?(e(t).css("background-image","url("+n+")"),t.data("interchange-last-path",n),r(n)):e.get(n,function(e){t.html(e),t.data(this.data_attr+"-last-path",n),r()})}}},init:function(t,n,r){Foundation.inherit(this,"throttle random_str"),this.data_attr=this.set_data_attr(),e.extend(!0,this.settings,n,r),this.bindings(n,r),this.load("images"),this.load("nodes")},get_media_hash:function(){var e="";for(var t in this.settings.named_queries)e+=matchMedia(this.settings.named_queries[t]).matches.toString();return e},events:function(){var n=this,r;return e(t).off(".interchange").on("resize.fndtn.interchange",n.throttle(function(){var e=n.get_media_hash();e!==r&&n.resize(),r=e},50)),this},resize:function(){var t=this.cache;if(!this.images_loaded||!this.nodes_loaded){setTimeout(e.proxy(this.resize,this),50);return}for(var n in t)if(t.hasOwnProperty(n)){var r=this.results(n,t[n]);r&&this.settings.directives[r.scenario[1]].call(this,r.el,r.scenario[0],function(){if(arguments[0]instanceof Array)var e=arguments[0];else var e=Array.prototype.slice.call(arguments,0);r.el.trigger(r.scenario[1],e)})}},results:function(e,t){var n=t.length;if(n>0){var r=this.S("["+this.add_namespace("data-uuid")+'="'+e+'"]');while(n--){var i,s=t[n][2];this.settings.named_queries.hasOwnProperty(s)?i=matchMedia(this.settings.named_queries[s]):i=matchMedia(s);if(i.matches)return{el:r,scenario:t[n]}}}return!1},load:function(e,t){return(typeof this["cached_"+e]=="undefined"||t)&&this["update_"+e](),this["cached_"+e]},update_images:function(){var e=this.S("img["+this.data_attr+"]"),t=e.length,n=t,r=0,i=this.data_attr;this.cache={},this.cached_images=[],this.images_loaded=t===0;while(n--){r++;if(e[n]){var s=e[n].getAttribute(i)||"";s.length>0&&this.cached_images.push(e[n])}r===t&&(this.images_loaded=!0,this.enhance("images"))}return this},update_nodes:function(){var e=this.S("["+this.data_attr+"]").not("img"),t=e.length,n=t,r=0,i=this.data_attr;this.cached_nodes=[],this.nodes_loaded=t===0;while(n--){r++;var s=e[n].getAttribute(i)||"";s.length>0&&this.cached_nodes.push(e[n]),r===t&&(this.nodes_loaded=!0,this.enhance("nodes"))}return this},enhance:function(n){var r=this["cached_"+n].length;while(r--)this.object(e(this["cached_"+n][r]));return e(t).trigger("resize")},parse_params:function(e,t,n){return[this.trim(e),this.convert_directive(t),this.trim(n)]},convert_directive:function(e){var t=this.trim(e);return t.length>0?t:"replace"},object:function(e){var t=this.parse_data_attr(e),n=[],r=t.length;if(r>0)while(r--){var i=t[r].split(/\((.*?)(\))$/);if(i.length>1){var s=i[0].split(/\, /),o=this.parse_params(s[0],s[1],i[1]);n.push(o)}}return this.store(e,n)},store:function(e,t){var n=this.random_str(),r=e.data(this.add_namespace("uuid",!0));return this.cache[r]?this.cache[r]:(e.attr(this.add_namespace("data-uuid"),n),this.cache[n]=t)},trim:function(t){return typeof t=="string"?e.trim(t):t},set_data_attr:function(e){return e?this.namespace.length>0?this.namespace+"-"+this.settings.load_attr:this.settings.load_attr:this.namespace.length>0?"data-"+this.namespace+"-"+this.settings.load_attr:"data-"+this.settings.load_attr},parse_data_attr:function(e){var t=e.attr(this.attr_name()).split(/\[(.*?)\]/),n=t.length,r=[];while(n--)t[n].replace(/[\W\d]+/,"").length>4&&r.push(t[n]);return r},reflow:function(){this.load("images",!0),this.load("nodes",!0)}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs["magellan-expedition"]={name:"magellan-expedition",version:"5.2.3",settings:{active_class:"active",threshold:0,destination_threshold:20,throttle_delay |
| - | :30,fixed_top:0},init:function(e,t,n){Foundation.inherit(this,"throttle"),this.bindings(t,n)},events:function(){var n=this,r=n.S,i=n.settings;n.set_expedition_position(),r(n.scope).off(".magellan").on("click.fndtn.magellan","["+n.add_namespace("data-magellan-arrival")+'] a[href^="#"]',function(t){t.preventDefault();var r=e(this).closest("["+n.attr_name()+"]"),i=r.data("magellan-expedition-init"),s=this.hash.split("#").join(""),o=e("a[name='"+s+"']");o.length===0&&(o=e("#"+s));var u=o.offset().top;u-=r.outerHeight(),e("html, body").stop().animate({scrollTop:u},700,"swing",function(){history.pushState?history.pushState(null,null,"#"+s):location.hash="#"+s})}).on("scroll.fndtn.magellan",n.throttle(this.check_for_arrivals.bind(this),i.throttle_delay)),e(t).on("resize.fndtn.magellan",n.throttle(this.set_expedition_position.bind(this),i.throttle_delay))},check_for_arrivals:function(){var e=this;e.update_arrivals(),e.update_expedition_positions()},set_expedition_position:function(){var t=this;e("["+this.attr_name()+"=fixed]",t.scope).each(function(n,r){var i=e(this),s=i.attr("styles"),o;i.attr("style",""),o=i.offset().top+t.settings.threshold,i.data(t.data_attr("magellan-top-offset"),o),i.attr("style",s)})},update_expedition_positions:function(){var n=this,r=e(t).scrollTop();e("["+this.attr_name()+"=fixed]",n.scope).each(function(){var t=e(this),i=t.data("magellan-top-offset");if(r>=i){var s=t.prev("["+n.add_namespace("data-magellan-expedition-clone")+"]");s.length===0&&(s=t.clone(),s.removeAttr(n.attr_name()),s.attr(n.add_namespace("data-magellan-expedition-clone"),""),t.before(s)),t.css({position:"fixed",top:n.settings.fixed_top})}else t.prev("["+n.add_namespace("data-magellan-expedition-clone")+"]").remove(),t.attr("style","").removeClass("fixed")})},update_arrivals:function(){var n=this,r=e(t).scrollTop();e("["+this.attr_name()+"]",n.scope).each(function(){var t=e(this),i=t.data(n.attr_name(!0)+"-init"),s=n.offsets(t,r),o=t.find("["+n.add_namespace("data-magellan-arrival")+"]"),u=!1;s.each(function(e,r){if(r.viewport_offset>=r.top_offset){var s=t.find("["+n.add_namespace("data-magellan-arrival")+"]");return s.not(r.arrival).removeClass(i.active_class),r.arrival.addClass(i.active_class),u=!0,!0}}),u||o.removeClass(i.active_class)})},offsets:function(t,n){var r=this,i=t.data(r.attr_name(!0)+"-init"),s=n;return t.find("["+r.add_namespace("data-magellan-arrival")+"]").map(function(n,o){var u=e(this).data(r.data_attr("magellan-arrival")),a=e("["+r.add_namespace("data-magellan-destination")+"="+u+"]");if(a.length>0){var f=a.offset().top-i.destination_threshold-t.outerHeight();return{destination:a,arrival:e(this),top_offset:f,viewport_offset:s}}}).sort(function(e,t){return e.top_offset<t.top_offset?-1:e.top_offset>t.top_offset?1:0})},data_attr:function(e){return this.namespace.length>0?this.namespace+"-"+e:e},off:function(){this.S(this.scope).off(".magellan"),this.S(t).off(".magellan")},reflow:function(){var t=this;e("["+t.add_namespace("data-magellan-expedition-clone")+"]",t.scope).remove()}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.accordion={name:"accordion",version:"5.2.3",settings:{active_class:"active",multi_expand:!1,toggleable:!0,callback:function(){}},init:function(e,t,n){this.bindings(t,n)},events:function(){var t=this,n=this.S;n(this.scope).off(".fndtn.accordion").on("click.fndtn.accordion","["+this.attr_name()+"] > dd > a",function(r){var i=n(this).closest("["+t.attr_name()+"]"),s=n("#"+this.href.split("#")[1]),o=n("dd > .content",i),u=e("dd",i),a=t.attr_name()+"="+i.attr(t.attr_name()),f=i.data(t.attr_name(!0)+"-init"),l=n("dd > .content."+f.active_class,i);r.preventDefault(),i.attr(t.attr_name())&&(o=o.add("["+a+"] dd > .content"),u=u.add("["+a+"] dd"));if(f.toggleable&&s.is(l))return s.parent("dd").toggleClass(f.active_class,!1),s.toggleClass(f.active_class,!1);f.multi_expand||(o.removeClass(f.active_class),u.removeClass(f.active_class)),s.addClass(f.active_class).parent().addClass(f.active_class),f.callback(s)})},off:function(){},reflow:function(){}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.topbar={name:"topbar",version:"5.2.3",settings:{index:0,sticky_class:"sticky",custom_back_text:!0,back_text:"Back",is_hover:!0,mobile_show_parent_link:!1,scrolltop:!0,sticky_on:"all"},init:function(t,n,r){Foundation.inherit(this,"add_custom_rule register_media throttle");var i=this;i.register_media("topbar","foundation-mq-topbar"),this.bindings(n,r),i.S("["+this.attr_name()+"]",this.scope).each(function(){var t=e(this),n=t.data(i.attr_name(!0)+"-init"),r=i.S("section",this);t.data("index",0);var s=t.parent();s.hasClass("fixed")||i.is_sticky(t,s,n)?(i.settings.sticky_class=n.sticky_class,i.settings.sticky_topbar=t,t.data("height",s.outerHeight()),t.data("stickyoffset",s.offset().top)):t.data("height",t.outerHeight()),n.assembled||i.assemble(t),n.is_hover?i.S(".has-dropdown",t).addClass("not-click"):i.S(".has-dropdown",t).removeClass("not-click"),i.add_custom_rule(".f-topbar-fixed { padding-top: "+t.data("height")+"px }"),s.hasClass("fixed")&&i.S("body").addClass("f-topbar-fixed")})},is_sticky:function(e,t,n){var r=t.hasClass(n.sticky_class);return r&&n.sticky_on==="all"?!0:r&&this.small()&&n.sticky_on==="small"?!0:r&&this.medium()&&n.sticky_on==="medium"?!0:r&&this.large()&&n.sticky_on==="large"?!0:!1},toggle:function(n){var r=this,i;n?i=r.S(n).closest("["+this.attr_name()+"]"):i=r.S("["+this.attr_name()+"]");var s=i.data(this.attr_name(!0)+"-init"),o=r.S("section, .section",i);r.breakpoint()&&(r.rtl?(o.css({right:"0%"}),e(">.name",o).css({right:"100%"})):(o.css({left:"0%"}),e(">.name",o).css({left:"100%"})),r.S("li.moved",o).removeClass("moved"),i.data("index",0),i.toggleClass("expanded").css("height","")),s.scrolltop?i.hasClass("expanded")?i.parent().hasClass("fixed")&&(s.scrolltop?(i.parent().removeClass("fixed"),i.addClass("fixed"),r.S("body").removeClass("f-topbar-fixed"),t.scrollTo(0,0)):i.parent().removeClass("expanded")):i.hasClass("fixed")&&(i.parent().addClass("fixed"),i.removeClass("fixed"),r.S("body").addClass("f-topbar-fixed")):(r.is_sticky(i,i.parent(),s)&&i.parent().addClass("fixed"),i.parent().hasClass("fixed")&&(i.hasClass("expanded")?(i.addClass("fixed"),i.parent().addClass("expanded"),r.S("body").addClass("f-topbar-fixed")):(i.removeClass("fixed"),i.parent().removeClass("expanded"),r.update_sticky_positioning())))},timer:null,events:function(n){var r=this,i=this.S;i(this.scope).off(".topbar").on("click.fndtn.topbar","["+this.attr_name()+"] .toggle-topbar",function(e){e.preventDefault(),r.toggle(this)}).on("click.fndtn.topbar",'.top-bar .top-bar-section li a[href^="#"],['+this.attr_name()+'] .top-bar-section li a[href^="#"]',function(t){var n=e(this).closest("li");r.breakpoint()&&!n.hasClass("back")&&!n.hasClass("has-dropdown")&&r.toggle()}).on("click.fndtn.topbar","["+this.attr_name()+"] li.has-dropdown",function(t){var n=i(this),s=i(t.target),o=n.closest("["+r.attr_name()+"]"),u=o.data(r.attr_name(!0)+"-init");if(s.data("revealId")){r.toggle();return}if(r.breakpoint())return;if(u.is_hover&&!Modernizr.touch)return;t.stopImmediatePropagation(),n.hasClass("hover")?(n.removeClass("hover").find("li").removeClass("hover"),n.parents("li.hover").removeClass("hover")):(n.addClass("hover"),e(n).siblings().removeClass("hover"),s[0].nodeName==="A"&&s.parent().hasClass("has-dropdown")&&t.preventDefault())}).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown>a",function(e){if(r.breakpoint()){e.preventDefault();var t=i(this),n=t.closest("["+r.attr_name()+"]"),s=n.find("section, .section"),o=t.next(".dropdown").outerHeight(),u=t.closest("li");n.data("index",n.data("index")+1),u.addClass("moved"),r.rtl?(s.css({right:-(100*n.data("index"))+"%"}),s.find(">.name").css({right:100*n.data("index")+"%"})):(s.css({left:-(100*n.data("index"))+"%"}),s.find(">.name").css({left:100*n.data("index")+"%"})),n.css("height",t.siblings("ul").outerHeight(!0)+n.data("height"))}}),i(t).off(".topbar").on("resize.fndtn.topbar",r.throttle(function(){r.resize.call(r)},50)).trigger("resize"),i("body").off(".topbar").on("click.fndtn.topbar touchstart.fndtn.topbar",function(e){var t=i(e.target).closest("li").closest("li.hover");if(t.length>0)return;i("["+r.attr_name()+"] li.hover").removeClass("hover")}),i(this.scope).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown .back",function(e){e.preventDefault();var t=i(this),n=t.closest("["+r.attr_name()+"]"),s=n.find("section, .section"),o=n.data(r.attr_name(!0)+"-init"),u=t.closest("li.moved"),a=u.parent();n.data("index",n.data("index")-1),r.rtl?(s.css({right:-(100*n.data("index"))+"%"}),s.find(">.name").css({right:100*n.data("index")+"%"})):(s.css({left:-(100*n.data("index"))+"%"}),s.find(">.name").css({left:100*n.data("index")+"%"})),n.data("index")===0?n.css("height",""):n.css("height",a.outerHeight(!0)+n.data("height")),setTimeout(function(){u.removeClass("moved")},300)})},resize:function(){var e=this;e.S("["+this.attr_name()+"]").each(function(){var t=e.S(this),r=t.data(e.attr_name(!0)+"-init"),i=t.parent("."+e.settings.sticky_class),s;if(!e.breakpoint()){var o=t.hasClass("expanded");t.css("height","").removeClass("expanded").find("li").removeClass("hover"),o&&e.toggle(t)}e.is_sticky(t,i,r)&&(i.hasClass("fixed")?(i.removeClass("fixed"),s=i.offset().top,e.S(n.body).hasClass("f-topbar-fixed")&&(s-=t.data("height")),t.data("stickyoffset",s),i.addClass("fixed")):(s=i.offset().top,t.data("stickyoffset",s)))})},breakpoint:function(){return!matchMedia(Foundation.media_queries.topbar).matches},small:function(){return matchMedia(Foundation.media_queries.small).matches},medium:function(){return matchMedia(Foundation.media_queries.medium).matches},large:function(){return matchMedia(Foundation.media_queries.large).matches},assemble:function(t){var n=this,r=t.data(this.attr_name(!0)+"-init"),i=n.S("section",t);i.detach(),n.S(".has-dropdown>a",i).each(function(){var t=n.S(this),i=t.siblings(".dropdown"),s=t.attr("href"),o;i.find(".title.back").length||(r.mobile_show_parent_link&&s&&s.length>1?o=e('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li><a class="parent-link js-generated" href="'+s+'">'+t.text()+"</a></li>"):o=e('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li>'),r.custom_back_text==1?e("h5>a",o).html(r.back_text):e("h5>a",o).html("« "+t.html()),i.prepend(o))}),i.appendTo(t),this.sticky(),this.assembled(t)},assembled:function(t){t.data(this.attr_name(!0),e.extend({},t.data(this.attr_name(!0)),{assembled:!0}))},height:function(t){var n=0,r=this;return e("> li",t).each(function(){n+=r.S(this).outerHeight(!0)}),n},sticky:function(){var e=this;this.S(t).on("scroll",function(){e.update_sticky_positioning()})},update_sticky_positioning:function(){var e="."+this.settings.sticky_class,n=this.S(t),r=this;if(r.settings.sticky_topbar&&r.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(),this.settings)){var i=this.settings.sticky_topbar.data("stickyoffset");r.S(e).hasClass("expanded")||(n.scrollTop()>i?r.S(e).hasClass("fixed")||(r.S(e).addClass("fixed"),r.S("body").addClass("f-topbar-fixed")):n.scrollTop()<=i&&r.S(e).hasClass("fixed")&&(r.S(e).removeClass("fixed"),r.S("body").removeClass("f-topbar-fixed")))}},off:function(){this.S(this.scope).off(".fndtn.topbar"),this.S(t).off(".fndtn.topbar")},reflow:function(){}}}(jQuery,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.tab={name:"tab",version:"5.2.3",settings:{active_class:"active",callback:function(){},deep_linking:!1,scroll_to_content:!0,is_hover:!1},default_tab_hashes:[],init:function(e,t,n){var r=this,i=this.S;this.bindings(t,n),this.handle_location_hash_change(),i("["+this.attr_name()+"] > .active > a",this.scope).each(function(){r.default_tab_hashes.push(this.hash)})},events:function(){var e=this,n=this.S;n(this.scope).off(".tab").on("click.fndtn.tab","["+this.attr_name()+"] > * > a",function(t){var r=n(this).closest("["+e.attr_name()+"]").data(e.attr_name(!0)+"-init");if(!r.is_hover||Modernizr.touch)t.preventDefault(),t.stopPropagation(),e.toggle_active_tab(n(this).parent())}).on("mouseenter.fndtn.tab","["+this.attr_name()+"] > * > a",function(t){var r=n(this).closest("["+e.attr_name()+"]").data(e.attr_name(!0)+"-init");r.is_hover&&e.toggle_active_tab(n(this).parent())}),n(t).on("hashchange.fndtn.tab",function(t){t.preventDefault(),e.handle_location_hash_change()})},handle_location_hash_change:function(){var t=this,n=this.S;n("["+this.attr_name()+"]",this.scope).each(function(){var i=n(this).data(t.attr_name(!0)+"-init");if(i.deep_linking){var s=t.scope.location.hash;if(s!=""){var o=n(s);if(o.hasClass("content")&&o.parent().hasClass("tab-content"))t.toggle_active_tab(e("["+t.attr_name()+"] > * > a[href="+s+"]").parent());else{var u=o.closest(".content").attr("id");u!=r&&t.toggle_active_tab(e("["+t.attr_name()+"] > * > a[href=#"+u+"]").parent(),s)}}else for(var a in t.default_tab_hashes)t.toggle_active_tab(e("["+t.attr_name()+"] > * > a[href="+t.default_tab_hashes[a]+"]").parent())}})},toggle_active_tab:function(n,i){var s=this.S,o=n.closest("["+this.attr_name()+"]"),u=n.children("a").first(),a="#"+u.attr("href").split("#")[1],f=s(a),l=n.siblings(),c=o.data(this.attr_name(!0)+"-init");s(this).data(this.data_attr("tab-content"))&&(a="#"+s(this).data(this.data_attr("tab-content")).split("#")[1],f=s(a));if(c.deep_linking){var h=e("body,html").scrollTop();i!=r?t.location.hash=i:t.location.hash=a,c.scroll_to_content?i==r||i==a?n.parent()[0].scrollIntoView():s(a)[0].scrollIntoView():(i==r||i==a)&&e("body,html").scrollTop(h)}n.addClass(c.active_class).triggerHandler("opened"),l.removeClass(c.active_class),f.siblings().removeClass(c.active_class).end().addClass(c.active_class),c.callback(n),f.triggerHandler("toggled",[n]),o.triggerHandler("toggled",[f])},data_attr:function(e){return this.namespace.length>0?this.namespace+"-"+e:e},off:function(){},reflow:function(){}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.abide={name:"abide",version:"5.2.3",settings:{live_validate:!0,focus_on_invalid:!0,error_labels:!0,timeout:1e3,patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:\.\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(e,t,r){var i=n.getElementById(e.getAttribute(this.add_namespace("data-equalto"))).value,s=e.value,o=i===s;return o}}},timer:null,init:function(e,t,n){this.bindings(t,n)},events:function(t){var n=this,r=n.S(t).attr("novalidate","novalidate"),i=r.data(this.attr_name(!0)+"-init")||{};this.invalid_attr=this.add_namespace("data-invalid"),r.off(".abide").on("submit.fndtn.abide validate.fndtn.abide",function(e){var t=/ajax/i.test(n.S(this).attr(n.attr_name()));return n.validate(n.S(this).find("input, textarea, select").get(),e,t)}).on("reset",function(){return n.reset(e(this))}).find("input, textarea, select").off(".abide").on("blur.fndtn.abide change.fndtn.abide",function(e){n.validate([this],e)}).on("keydown.fndtn.abide",function(e){i.live_validate===!0&&(clearTimeout(n.timer),n.timer=setTimeout(function(){n.validate([this],e)}.bind(this),i.timeout))})},reset:function(t){t.removeAttr(this.invalid_attr),e(this.invalid_attr,t).removeAttr(this.invalid_attr),e(".error",t).not("small").removeClass("error")},validate:function(e,t,n){var r=this.parse_patterns(e),i=r.length,s=this.S(e[0]).closest("[data-"+this.attr_name(!0)+"]"),o=s.data(this.attr_name(!0)+"-init")||{},u=/submit/.test(t.type);s.trigger("validated");for(var a=0;a<i;a++)if(!r[a]&&(u||n))return o.focus_on_invalid&&e[a].focus(),s.trigger("invalid"),this.S(e[a]).closest("[data-"+this.attr_name(!0)+"]").attr(this.invalid_attr,""),!1;return(u||n)&&s.trigger("valid"),s.removeAttr(this.invalid_attr),n?!1:!0},parse_patterns:function(e){var t=e.length,n=[];while(t--)n.push(this.pattern(e[t]));return this.check_validation_and_apply_styles(n)},pattern:function(e){var t=e.getAttribute("type"),n=typeof e.getAttribute("required")=="string",r=e.getAttribute("pattern")||"";return this.settings.patterns.hasOwnProperty(r)&&r.length>0?[e,this.settings.patterns[r],n]:r.length>0?[e,new RegExp("^"+r+"$"),n]:this.settings.patterns.hasOwnProperty(t)?[e,this.settings.patterns[t],n]:(r=/.*/,[e,r,n])},check_validation_and_apply_styles:function(t){var n=t.length,r=[],i=this.S(t[0][0]).closest("[data-"+this.attr_name(!0)+"]"),s=i.data(this.attr_name(!0)+"-init")||{};while(n--){var o=t[n][0],u=t[n][2],a=o.value.trim(),f=this.S(o).parent(),l=o.getAttribute(this.add_namespace("data-abide-validator")),c=o.type==="radio",h=o.type==="checkbox",p=this.S('label[for="'+o.getAttribute("id")+'"]'),d=u?o.value.length>0:!0,v,m;o.getAttribute(this.add_namespace("data-equalto"))&&(l="equalTo"),f.is("label")?v=f.parent():v=f,c&&u?r.push(this.valid_radio(o,u)):h&&u?r.push(this.valid_checkbox(o,u)):l?(m=this.settings.validators[l].apply(this,[o,u,v]),r.push(m),m?(this.S(o).removeAttr(this.invalid_attr),v.removeClass("error")):(this.S(o).attr(this.invalid_attr,""),v.addClass("error"))):t[n][1].test(a)&&d||!u&&o.value.length<1||e(o).attr("disabled")?(this.S(o).removeAttr(this.invalid_attr),v.removeClass("error"),p.length>0&&s.error_labels&&p.removeClass("error"),r.push(!0),e(o).triggerHandler("valid")):(this.S(o).attr(this.invalid_attr,""),v.addClass("error"),p.length>0&&s.error_labels&&p.addClass("error"),r.push(!1),e(o).triggerHandler("invalid"))}return r},valid_checkbox:function(e,t){var e=this.S(e),n=e.is(":checked")||!t;return n?e.removeAttr(this.invalid_attr).parent().removeClass("error"):e.attr(this.invalid_attr,"").parent().addClass("error"),n},valid_radio:function(e,t){var n=e.getAttribute("name"),r=this.S(e).closest("[data-"+this.attr_name(!0)+"]").find("[name='"+n+"']"),i=r.length,s=!1;for(var o=0;o<i;o++)r[o].checked&&(s=!0);for(var o=0;o<i;o++)s?this.S(r[o]).removeAttr(this.invalid_attr).parent().removeClass("error"):this.S(r[o]).attr(this.invalid_attr,"").parent().addClass("error");return s},valid_equal:function(e,t,r){var i=n.getElementById(e.getAttribute(this.add_namespace("data-equalto"))).value,s=e.value,o=i===s;return o?(this.S(e).removeAttr(this.invalid_attr),r.removeClass("error")):(this.S(e).attr(this.invalid_attr,""),r.addClass("error")),o},valid_oneof:function(e,t,n,r){var e=this.S(e),i=this.S("["+this.add_namespace("data-oneof")+"]"),s=i.filter(":checked").length>0;s?e.removeAttr(this.invalid_attr).parent().removeClass("error"):e.attr(this.invalid_attr,"").parent().addClass("error");if(!r){var o=this;i.each(function(){o.valid_oneof.call(o,this,null,null,!0)})}return s}}}(jQuery,window,window.document),function(e,t,n,r){"use strict";Foundation.libs.tooltip={name:"tooltip",version:"5.2.3",settings:{additional_inheritable_classes:[],tooltip_class:".tooltip",append_to:"body",touch_close_text:"Tap To Close",disable_for_touch:!1,hover_delay:200,show_on:"all",tip_template:function(e,t){return'<span data-selector="'+e+'" class="'+Foundation.libs.tooltip.settings.tooltip_class.substring(1)+'">'+t+'<span class="nub"></span></span>'}},cache:{},init:function(e,t,n){Foundation.inherit(this,"random_str"),this.bindings(t,n)},should_show:function(t,n){var r=e.extend({},this.settings,this.data_options(t));return r.show_on==="all"?!0:this.small()&&r.show_on==="small"?!0:this.medium()&&r.show_on==="medium"?!0:this.large()&&r.show_on==="large"?!0:!1},medium:function(){return matchMedia(Foundation.media_queries.medium).matches},large:function(){return matchMedia(Foundation.media_queries.large).matches},events:function(t){var n=this,r=n.S;n.create(this.S(t)),e(this.scope).off(".tooltip").on("mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip","["+this.attr_name()+"]",function(t){var i=r(this),s=e.extend({},n.settings,n.data_options(i)),o=!1;if(Modernizr.touch&&/touchstart|MSPointerDown/i.test(t.type)&&r(t.target).is("a"))return!1;if(/mouse/i.test(t.type)&&n.ie_touch(t))return!1;if(i.hasClass("open"))Modernizr.touch&&/touchstart|MSPointerDown/i.test(t.type)&&t.preventDefault(),n.hide(i);else{if(s.disable_for_touch&&Modernizr.touch&&/touchstart|MSPointerDown/i.test(t.type))return;!s.disable_for_touch&&Modernizr.touch&&/touchstart|MSPointerDown/i.test(t.type)&&(t.preventDefault(),r(s.tooltip_class+".open").hide(),o=!0),/enter|over/i.test(t.type)?this.timer=setTimeout(function(){var e=n.showTip(i)}.bind(this),n.settings.hover_delay):t.type==="mouseout"||t.type==="mouseleave"?(clearTimeout(this.timer),n.hide(i)):n.showTip(i)}}).on("mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip","["+this.attr_name()+"].open",function(t){if(/mouse/i.test(t.type)&&n.ie_touch(t))return!1;if(e(this).data("tooltip-open-event-type")=="touch"&&t.type=="mouseleave")return;e(this).data("tooltip-open-event-type")=="mouse"&&/MSPointerDown|touchstart/i.test(t.type)?n.convert_to_touch(e(this)):n.hide(e(this))}).on("DOMNodeRemoved DOMAttrModified","["+this.attr_name()+"]:not(a)",function(e){n.hide(r(this))})},ie_touch:function(e){return!1},showTip:function(e){var t=this.getTip(e);if(this.should_show(e,t))return this.show(e);return},getTip:function(t){var n=this.selector(t),r=e.extend({},this.settings,this.data_options(t)),i=null;return n&&(i=this.S('span[data-selector="'+n+'"]'+r.tooltip_class)),typeof i=="object"?i:!1},selector:function(e){var t=e.attr("id"),n=e.attr(this.attr_name())||e.attr("data-selector");return(t&&t.length<1||!t)&&typeof n!="string"&&(n=this.random_str(6),e.attr("data-selector",n)),t&&t.length>0?t:n},create:function(n){var r=this,i=e.extend({},this.settings,this.data_options(n)),s=this.settings.tip_template;typeof i.tip_template=="string"&&t.hasOwnProperty(i.tip_template)&&(s=t[i.tip_template]);var o=e(s(this.selector(n),e("<div></div>").html(n.attr("title")).html())),u=this.inheritable_classes(n);o.addClass(u).appendTo(i.append_to),Modernizr.touch&&(o.append('<span class="tap-to-close">'+i.touch_close_text+"</span>"),o.on("touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip",function(e){r.hide(n)})),n.removeAttr("title").attr("title","")},reposition:function(t,n,r){var i,s,o,u,a,f;n.css("visibility","hidden").show(),i=t.data("width"),s=n.children(".nub"),o=s.outerHeight(),u=s.outerHeight(),this.small()?n.css({width:"100%"}):n.css({width:i?i:"auto"}),f=function(e,t,n,r,i,s){return e.css({top:t?t:"auto",bottom:r?r:"auto",left:i?i:"auto",right:n?n:"auto"}).end()},f(n,t.offset().top+t.outerHeight()+10,"auto","auto",t.offset().left);if(this.small())f(n,t.offset().top+t.outerHeight()+10,"auto","auto",12.5,e(this.scope).width()),n.addClass("tip-override"),f(s,-o,"auto","auto",t.offset().left);else{var l=t.offset().left;Foundation.rtl&&(s.addClass("rtl"),l=t.offset().left+t.outerWidth()-n.outerWidth()),f(n,t.offset().top+t.outerHeight()+10,"auto","auto",l),n.removeClass("tip-override"),r&&r.indexOf("tip-top")>-1?(Foundation.rtl&&s.addClass("rtl"),f(n,t.offset().top-n.outerHeight(),"auto","auto",l).removeClass("tip-override")):r&&r.indexOf("tip-left")>-1?(f(n,t.offset().top+t.outerHeight()/2-n.outerHeight()/2,"auto","auto",t.offset().left-n.outerWidth()-o).removeClass("tip-override"),s.removeClass("rtl")):r&&r.indexOf("tip-right")>-1&&(f(n,t.offset().top+t.outerHeight()/2-n.outerHeight()/2,"auto","auto",t.offset().left+t.outerWidth()+o).removeClass("tip-override"),s.removeClass("rtl"))}n.css("visibility","visible").hide()},small:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},inheritable_classes:function(t){var n=e.extend({},this.settings,this.data_options(t)),r=["tip-top","tip-left","tip-bottom","tip-right","radius","round"].concat(n.additional_inheritable_classes),i=t.attr("class"),s=i?e.map(i.split(" "),function(t,n){if(e.inArray(t,r)!==-1)return t}).join(" "):"";return e.trim(s)},convert_to_touch:function(t){var n=this,r=n.getTip(t),i=e.extend({},n.settings,n.data_options(t));r.find(".tap-to-close").length===0&&(r.append('<span class="tap-to-close">'+i.touch_close_text+"</span>"),r.on("click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose",function(e){n.hide(t)})),t.data("tooltip-open-event-type","touch")},show:function(e){var t=this.getTip(e);e.data("tooltip-open-event-type")=="touch"&&this.convert_to_touch(e),this.reposition(e,t,e.attr("class")),e.addClass("open"),t.fadeIn(150)},hide:function(e){var t=this.getTip(e);t.fadeOut(150,function(){t.find(".tap-to-close").remove(),t.off("click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose"),e.removeClass("open")})},off:function(){var t=this;this.S(this.scope).off(".fndtn.tooltip"),this.S(this.settings.tooltip_class).each(function(n){e("["+t.attr_name()+"]").eq(n).attr("title",e(this).text())}).remove()},reflow:function(){}}}(jQuery,window,window.document); |
generators/foundation5/public/javascripts/foundation/foundation.abide.js
+0
-299
| @@ | @@ -1,299 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.abide = { |
| - | name : 'abide', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | live_validate : true, |
| - | focus_on_invalid : true, |
| - | error_labels: true, // labels with a for="inputId" will recieve an `error` class |
| - | timeout : 1000, |
| - | patterns : { |
| - | alpha: /^[a-zA-Z]+$/, |
| - | alpha_numeric : /^[a-zA-Z0-9]+$/, |
| - | integer: /^[-+]?\d+$/, |
| - | number: /^[-+]?\d*(?:\.\d+)?$/, |
| - | |
| - | // amex, visa, diners |
| - | card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/, |
| - | cvv : /^([0-9]){3,4}$/, |
| - | |
| - | // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address |
| - | email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/, |
| - | |
| - | url: /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/, |
| - | // abc.de |
| - | domain: /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$/, |
| - | |
| - | datetime: /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/, |
| - | // YYYY-MM-DD |
| - | date: /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/, |
| - | // HH:MM:SS |
| - | time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/, |
| - | dateISO: /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/, |
| - | // MM/DD/YYYY |
| - | month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/, |
| - | |
| - | // #FFF or #FFFFFF |
| - | color: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/ |
| - | }, |
| - | validators : { |
| - | equalTo: function(el, required, parent) { |
| - | var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, |
| - | to = el.value, |
| - | valid = (from === to); |
| - | |
| - | return valid; |
| - | } |
| - | } |
| - | }, |
| - | |
| - | timer : null, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this, |
| - | form = self.S(scope).attr('novalidate', 'novalidate'), |
| - | settings = form.data(this.attr_name(true) + '-init') || {}; |
| - | |
| - | this.invalid_attr = this.add_namespace('data-invalid'); |
| - | |
| - | form |
| - | .off('.abide') |
| - | .on('submit.fndtn.abide validate.fndtn.abide', function (e) { |
| - | var is_ajax = /ajax/i.test(self.S(this).attr(self.attr_name())); |
| - | return self.validate(self.S(this).find('input, textarea, select').get(), e, is_ajax); |
| - | }) |
| - | .on('reset', function() { |
| - | return self.reset($(this)); |
| - | }) |
| - | .find('input, textarea, select') |
| - | .off('.abide') |
| - | .on('blur.fndtn.abide change.fndtn.abide', function (e) { |
| - | self.validate([this], e); |
| - | }) |
| - | .on('keydown.fndtn.abide', function (e) { |
| - | if (settings.live_validate === true) { |
| - | clearTimeout(self.timer); |
| - | self.timer = setTimeout(function () { |
| - | self.validate([this], e); |
| - | }.bind(this), settings.timeout); |
| - | } |
| - | }); |
| - | }, |
| - | |
| - | reset : function (form) { |
| - | form.removeAttr(this.invalid_attr); |
| - | $(this.invalid_attr, form).removeAttr(this.invalid_attr); |
| - | $('.error', form).not('small').removeClass('error'); |
| - | }, |
| - | |
| - | validate : function (els, e, is_ajax) { |
| - | var validations = this.parse_patterns(els), |
| - | validation_count = validations.length, |
| - | form = this.S(els[0]).closest('[data-' + this.attr_name(true) + ']'), |
| - | settings = form.data(this.attr_name(true) + '-init') || {}, |
| - | submit_event = /submit/.test(e.type); |
| - | |
| - | form.trigger('validated'); |
| - | // Has to count up to make sure the focus gets applied to the top error |
| - | for (var i=0; i < validation_count; i++) { |
| - | if (!validations[i] && (submit_event || is_ajax)) { |
| - | if (settings.focus_on_invalid) els[i].focus(); |
| - | form.trigger('invalid'); |
| - | this.S(els[i]).closest('[data-' + this.attr_name(true) + ']').attr(this.invalid_attr, ''); |
| - | return false; |
| - | } |
| - | } |
| - | |
| - | if (submit_event || is_ajax) { |
| - | form.trigger('valid'); |
| - | } |
| - | |
| - | form.removeAttr(this.invalid_attr); |
| - | |
| - | if (is_ajax) return false; |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | parse_patterns : function (els) { |
| - | var i = els.length, |
| - | el_patterns = []; |
| - | |
| - | while (i--) { |
| - | el_patterns.push(this.pattern(els[i])); |
| - | } |
| - | |
| - | return this.check_validation_and_apply_styles(el_patterns); |
| - | }, |
| - | |
| - | pattern : function (el) { |
| - | var type = el.getAttribute('type'), |
| - | required = typeof el.getAttribute('required') === 'string'; |
| - | |
| - | var pattern = el.getAttribute('pattern') || ''; |
| - | |
| - | if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) { |
| - | return [el, this.settings.patterns[pattern], required]; |
| - | } else if (pattern.length > 0) { |
| - | return [el, new RegExp('^'+pattern+'$'), required]; |
| - | } |
| - | |
| - | if (this.settings.patterns.hasOwnProperty(type)) { |
| - | return [el, this.settings.patterns[type], required]; |
| - | } |
| - | |
| - | pattern = /.*/; |
| - | |
| - | return [el, pattern, required]; |
| - | }, |
| - | |
| - | check_validation_and_apply_styles : function (el_patterns) { |
| - | var i = el_patterns.length, |
| - | validations = [], |
| - | form = this.S(el_patterns[0][0]).closest('[data-' + this.attr_name(true) + ']'), |
| - | settings = form.data(this.attr_name(true) + '-init') || {}; |
| - | |
| - | while (i--) { |
| - | var el = el_patterns[i][0], |
| - | required = el_patterns[i][2], |
| - | value = el.value.trim(), |
| - | direct_parent = this.S(el).parent(), |
| - | validator = el.getAttribute(this.add_namespace('data-abide-validator')), |
| - | is_radio = el.type === "radio", |
| - | is_checkbox = el.type === "checkbox", |
| - | label = this.S('label[for="' + el.getAttribute('id') + '"]'), |
| - | valid_length = (required) ? (el.value.length > 0) : true; |
| - | |
| - | var parent, valid; |
| - | |
| - | // support old way to do equalTo validations |
| - | if(el.getAttribute(this.add_namespace('data-equalto'))) { validator = "equalTo" } |
| - | |
| - | if (!direct_parent.is('label')) { |
| - | parent = direct_parent; |
| - | } else { |
| - | parent = direct_parent.parent(); |
| - | } |
| - | |
| - | if (is_radio && required) { |
| - | validations.push(this.valid_radio(el, required)); |
| - | } else if (is_checkbox && required) { |
| - | validations.push(this.valid_checkbox(el, required)); |
| - | } else if (validator) { |
| - | valid = this.settings.validators[validator].apply(this, [el, required, parent]) |
| - | validations.push(valid); |
| - | |
| - | if (valid) { |
| - | this.S(el).removeAttr(this.invalid_attr); |
| - | parent.removeClass('error'); |
| - | } else { |
| - | this.S(el).attr(this.invalid_attr, ''); |
| - | parent.addClass('error'); |
| - | } |
| - | |
| - | } else { |
| - | |
| - | if (el_patterns[i][1].test(value) && valid_length || |
| - | !required && el.value.length < 1 || $(el).attr('disabled')) { |
| - | this.S(el).removeAttr(this.invalid_attr); |
| - | parent.removeClass('error'); |
| - | if (label.length > 0 && settings.error_labels) label.removeClass('error'); |
| - | |
| - | validations.push(true); |
| - | $(el).triggerHandler('valid'); |
| - | } else { |
| - | this.S(el).attr(this.invalid_attr, ''); |
| - | parent.addClass('error'); |
| - | if (label.length > 0 && settings.error_labels) label.addClass('error'); |
| - | |
| - | validations.push(false); |
| - | $(el).triggerHandler('invalid'); |
| - | } |
| - | } |
| - | } |
| - | |
| - | return validations; |
| - | }, |
| - | |
| - | valid_checkbox : function(el, required) { |
| - | var el = this.S(el), |
| - | valid = (el.is(':checked') || !required); |
| - | |
| - | if (valid) { |
| - | el.removeAttr(this.invalid_attr).parent().removeClass('error'); |
| - | } else { |
| - | el.attr(this.invalid_attr, '').parent().addClass('error'); |
| - | } |
| - | |
| - | return valid; |
| - | }, |
| - | |
| - | valid_radio : function (el, required) { |
| - | var name = el.getAttribute('name'), |
| - | group = this.S(el).closest('[data-' + this.attr_name(true) + ']').find("[name='"+name+"']"), |
| - | count = group.length, |
| - | valid = false; |
| - | |
| - | // Has to count up to make sure the focus gets applied to the top error |
| - | for (var i=0; i < count; i++) { |
| - | if (group[i].checked) valid = true; |
| - | } |
| - | |
| - | // Has to count up to make sure the focus gets applied to the top error |
| - | for (var i=0; i < count; i++) { |
| - | if (valid) { |
| - | this.S(group[i]).removeAttr(this.invalid_attr).parent().removeClass('error'); |
| - | } else { |
| - | this.S(group[i]).attr(this.invalid_attr, '').parent().addClass('error'); |
| - | } |
| - | } |
| - | |
| - | return valid; |
| - | }, |
| - | |
| - | valid_equal: function(el, required, parent) { |
| - | var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, |
| - | to = el.value, |
| - | valid = (from === to); |
| - | |
| - | if (valid) { |
| - | this.S(el).removeAttr(this.invalid_attr); |
| - | parent.removeClass('error'); |
| - | } else { |
| - | this.S(el).attr(this.invalid_attr, ''); |
| - | parent.addClass('error'); |
| - | } |
| - | |
| - | return valid; |
| - | }, |
| - | |
| - | valid_oneof: function(el, required, parent, doNotValidateOthers) { |
| - | var el = this.S(el), |
| - | others = this.S('[' + this.add_namespace('data-oneof') + ']'), |
| - | valid = others.filter(':checked').length > 0; |
| - | |
| - | if (valid) { |
| - | el.removeAttr(this.invalid_attr).parent().removeClass('error'); |
| - | } else { |
| - | el.attr(this.invalid_attr, '').parent().addClass('error'); |
| - | } |
| - | |
| - | if (!doNotValidateOthers) { |
| - | var _this = this; |
| - | others.each(function() { |
| - | _this.valid_oneof.call(_this, this, null, null, true); |
| - | }); |
| - | } |
| - | |
| - | return valid; |
| - | } |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.accordion.js
+0
-59
| @@ | @@ -1,59 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.accordion = { |
| - | name : 'accordion', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | active_class: 'active', |
| - | multi_expand: false, |
| - | toggleable: true, |
| - | callback : function () {} |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this; |
| - | var S = this.S; |
| - | S(this.scope) |
| - | .off('.fndtn.accordion') |
| - | .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a', function (e) { |
| - | var accordion = S(this).closest('[' + self.attr_name() + ']'), |
| - | target = S('#' + this.href.split('#')[1]), |
| - | siblings = S('dd > .content', accordion), |
| - | aunts = $('dd', accordion), |
| - | groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()), |
| - | settings = accordion.data(self.attr_name(true) + '-init'), |
| - | active_content = S('dd > .content.' + settings.active_class, accordion); |
| - | e.preventDefault(); |
| - | |
| - | if (accordion.attr(self.attr_name())) { |
| - | siblings = siblings.add('[' + groupSelector + '] dd > .content'); |
| - | aunts = aunts.add('[' + groupSelector + '] dd'); |
| - | } |
| - | |
| - | if (settings.toggleable && target.is(active_content)) { |
| - | target.parent('dd').toggleClass(settings.active_class, false); |
| - | return target.toggleClass(settings.active_class, false); |
| - | } |
| - | |
| - | if (!settings.multi_expand) { |
| - | siblings.removeClass(settings.active_class); |
| - | aunts.removeClass(settings.active_class); |
| - | } |
| - | |
| - | target.addClass(settings.active_class).parent().addClass(settings.active_class); |
| - | settings.callback(target); |
| - | }); |
| - | }, |
| - | |
| - | off : function () {}, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.alert.js
+0
-43
| @@ | @@ -1,43 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.alert = { |
| - | name : 'alert', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | callback: function (){} |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this, |
| - | S = this.S; |
| - | |
| - | $(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] a.close', function (e) { |
| - | var alertBox = S(this).closest('[' + self.attr_name() + ']'), |
| - | settings = alertBox.data(self.attr_name(true) + '-init') || self.settings; |
| - | |
| - | e.preventDefault(); |
| - | if ('transitionend' in window || 'webkitTransitionEnd' in window || 'oTransitionEnd' in window) { |
| - | alertBox.addClass("alert-close"); |
| - | alertBox.on('transitionend webkitTransitionEnd oTransitionEnd', function(e) { |
| - | S(this).trigger('close').remove(); |
| - | settings.callback(); |
| - | }); |
| - | } else { |
| - | alertBox.fadeOut(300, function () { |
| - | S(this).trigger('close').remove(); |
| - | settings.callback(); |
| - | }); |
| - | } |
| - | }); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.clearing.js
+0
-534
| @@ | @@ -1,534 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.clearing = { |
| - | name : 'clearing', |
| - | |
| - | version: '5.2.3', |
| - | |
| - | settings : { |
| - | templates : { |
| - | viewing : '<a href="#" class="clearing-close">×</a>' + |
| - | '<div class="visible-img" style="display: none"><div class="clearing-touch-label"></div><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' + |
| - | '<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' + |
| - | '<a href="#" class="clearing-main-next"><span></span></a></div>' |
| - | }, |
| - | |
| - | // comma delimited list of selectors that, on click, will close clearing, |
| - | // add 'div.clearing-blackout, div.visible-img' to close on background click |
| - | close_selectors : '.clearing-close', |
| - | |
| - | touch_label : '', |
| - | |
| - | // event initializers and locks |
| - | init : false, |
| - | locked : false |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | var self = this; |
| - | Foundation.inherit(this, 'throttle image_loaded'); |
| - | |
| - | this.bindings(method, options); |
| - | |
| - | if (self.S(this.scope).is('[' + this.attr_name() + ']')) { |
| - | this.assemble(self.S('li', this.scope)); |
| - | } else { |
| - | self.S('[' + this.attr_name() + ']', this.scope).each(function () { |
| - | self.assemble(self.S('li', this)); |
| - | }); |
| - | } |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this, |
| - | S = self.S, |
| - | $scroll_container = $('.scroll-container'); |
| - | |
| - | if ($scroll_container.length > 0) { |
| - | this.scope = $scroll_container; |
| - | } |
| - | |
| - | S(this.scope) |
| - | .off('.clearing') |
| - | .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li', |
| - | function (e, current, target) { |
| - | var current = current || S(this), |
| - | target = target || current, |
| - | next = current.next('li'), |
| - | settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'), |
| - | image = S(e.target); |
| - | |
| - | e.preventDefault(); |
| - | |
| - | if (!settings) { |
| - | self.init(); |
| - | settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'); |
| - | } |
| - | |
| - | // if clearing is open and the current image is |
| - | // clicked, go to the next image in sequence |
| - | if (target.hasClass('visible') && |
| - | current[0] === target[0] && |
| - | next.length > 0 && self.is_open(current)) { |
| - | target = next; |
| - | image = S('img', target); |
| - | } |
| - | |
| - | // set current and target to the clicked li if not otherwise defined. |
| - | self.open(image, current, target); |
| - | self.update_paddles(target); |
| - | }) |
| - | |
| - | .on('click.fndtn.clearing', '.clearing-main-next', |
| - | function (e) { self.nav(e, 'next') }) |
| - | .on('click.fndtn.clearing', '.clearing-main-prev', |
| - | function (e) { self.nav(e, 'prev') }) |
| - | .on('click.fndtn.clearing', this.settings.close_selectors, |
| - | function (e) { Foundation.libs.clearing.close(e, this) }); |
| - | |
| - | $(document).on('keydown.fndtn.clearing', |
| - | function (e) { self.keydown(e) }); |
| - | |
| - | S(window).off('.clearing').on('resize.fndtn.clearing', |
| - | function () { self.resize() }); |
| - | |
| - | this.swipe_events(scope); |
| - | }, |
| - | |
| - | swipe_events : function (scope) { |
| - | var self = this, |
| - | S = self.S; |
| - | |
| - | S(this.scope) |
| - | .on('touchstart.fndtn.clearing', '.visible-img', function(e) { |
| - | if (!e.touches) { e = e.originalEvent; } |
| - | var data = { |
| - | start_page_x: e.touches[0].pageX, |
| - | start_page_y: e.touches[0].pageY, |
| - | start_time: (new Date()).getTime(), |
| - | delta_x: 0, |
| - | is_scrolling: undefined |
| - | }; |
| - | |
| - | S(this).data('swipe-transition', data); |
| - | e.stopPropagation(); |
| - | }) |
| - | .on('touchmove.fndtn.clearing', '.visible-img', function(e) { |
| - | if (!e.touches) { e = e.originalEvent; } |
| - | // Ignore pinch/zoom events |
| - | if(e.touches.length > 1 || e.scale && e.scale !== 1) return; |
| - | |
| - | var data = S(this).data('swipe-transition'); |
| - | |
| - | if (typeof data === 'undefined') { |
| - | data = {}; |
| - | } |
| - | |
| - | data.delta_x = e.touches[0].pageX - data.start_page_x; |
| - | |
| - | if ( typeof data.is_scrolling === 'undefined') { |
| - | data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) ); |
| - | } |
| - | |
| - | if (!data.is_scrolling && !data.active) { |
| - | e.preventDefault(); |
| - | var direction = (data.delta_x < 0) ? 'next' : 'prev'; |
| - | data.active = true; |
| - | self.nav(e, direction); |
| - | } |
| - | }) |
| - | .on('touchend.fndtn.clearing', '.visible-img', function(e) { |
| - | S(this).data('swipe-transition', {}); |
| - | e.stopPropagation(); |
| - | }); |
| - | }, |
| - | |
| - | assemble : function ($li) { |
| - | var $el = $li.parent(); |
| - | |
| - | if ($el.parent().hasClass('carousel')) { |
| - | return; |
| - | } |
| - | |
| - | $el.after('<div id="foundationClearingHolder"></div>'); |
| - | |
| - | var grid = $el.detach(), |
| - | grid_outerHTML = ''; |
| - | |
| - | if (grid[0] == null) { |
| - | return; |
| - | } else { |
| - | grid_outerHTML = grid[0].outerHTML; |
| - | } |
| - | |
| - | var holder = this.S('#foundationClearingHolder'), |
| - | settings = $el.data(this.attr_name(true) + '-init'), |
| - | data = { |
| - | grid: '<div class="carousel">' + grid_outerHTML + '</div>', |
| - | viewing: settings.templates.viewing |
| - | }, |
| - | wrapper = '<div class="clearing-assembled"><div>' + data.viewing + |
| - | data.grid + '</div></div>', |
| - | touch_label = this.settings.touch_label; |
| - | |
| - | if (Modernizr.touch) { |
| - | wrapper = $(wrapper).find('.clearing-touch-label').html(touch_label).end(); |
| - | } |
| - | |
| - | holder.after(wrapper).remove(); |
| - | }, |
| - | |
| - | open : function ($image, current, target) { |
| - | var self = this, |
| - | body = $(document.body), |
| - | root = target.closest('.clearing-assembled'), |
| - | container = self.S('div', root).first(), |
| - | visible_image = self.S('.visible-img', container), |
| - | image = self.S('img', visible_image).not($image), |
| - | label = self.S('.clearing-touch-label', container), |
| - | error = false; |
| - | |
| - | image.error(function () { |
| - | error = true; |
| - | }); |
| - | |
| - | function startLoad() { |
| - | setTimeout(function () { |
| - | this.image_loaded(image, function () { |
| - | if (image.outerWidth() === 1 && !error) { |
| - | startLoad.call(this); |
| - | } else { |
| - | cb.call(this, image); |
| - | } |
| - | }.bind(this)); |
| - | }.bind(this), 50); |
| - | } |
| - | |
| - | function cb (image) { |
| - | var $image = $(image); |
| - | $image.css('visibility', 'visible'); |
| - | // toggle the gallery |
| - | body.css('overflow', 'hidden'); |
| - | root.addClass('clearing-blackout'); |
| - | container.addClass('clearing-container'); |
| - | visible_image.show(); |
| - | this.fix_height(target) |
| - | .caption(self.S('.clearing-caption', visible_image), self.S('img', target)) |
| - | .center_and_label(image, label) |
| - | .shift(current, target, function () { |
| - | target.siblings().removeClass('visible'); |
| - | target.addClass('visible'); |
| - | }); |
| - | visible_image.trigger('opened.fndtn.clearing') |
| - | } |
| - | |
| - | if (!this.locked()) { |
| - | visible_image.trigger('open.fndtn.clearing'); |
| - | // set the image to the selected thumbnail |
| - | image |
| - | .attr('src', this.load($image)) |
| - | .css('visibility', 'hidden'); |
| - | |
| - | startLoad.call(this); |
| - | } |
| - | }, |
| - | |
| - | close : function (e, el) { |
| - | e.preventDefault(); |
| - | |
| - | var root = (function (target) { |
| - | if (/blackout/.test(target.selector)) { |
| - | return target; |
| - | } else { |
| - | return target.closest('.clearing-blackout'); |
| - | } |
| - | }($(el))), |
| - | body = $(document.body), container, visible_image; |
| - | |
| - | if (el === e.target && root) { |
| - | body.css('overflow', ''); |
| - | container = $('div', root).first(); |
| - | visible_image = $('.visible-img', container); |
| - | visible_image.trigger('close.fndtn.clearing'); |
| - | this.settings.prev_index = 0; |
| - | $('ul[' + this.attr_name() + ']', root) |
| - | .attr('style', '').closest('.clearing-blackout') |
| - | .removeClass('clearing-blackout'); |
| - | container.removeClass('clearing-container'); |
| - | visible_image.hide(); |
| - | visible_image.trigger('closed.fndtn.clearing'); |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | is_open : function (current) { |
| - | return current.parent().prop('style').length > 0; |
| - | }, |
| - | |
| - | keydown : function (e) { |
| - | var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'), |
| - | NEXT_KEY = this.rtl ? 37 : 39, |
| - | PREV_KEY = this.rtl ? 39 : 37, |
| - | ESC_KEY = 27; |
| - | |
| - | if (e.which === NEXT_KEY) this.go(clearing, 'next'); |
| - | if (e.which === PREV_KEY) this.go(clearing, 'prev'); |
| - | if (e.which === ESC_KEY) this.S('a.clearing-close').trigger('click'); |
| - | }, |
| - | |
| - | nav : function (e, direction) { |
| - | var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout'); |
| - | |
| - | e.preventDefault(); |
| - | this.go(clearing, direction); |
| - | }, |
| - | |
| - | resize : function () { |
| - | var image = $('img', '.clearing-blackout .visible-img'), |
| - | label = $('.clearing-touch-label', '.clearing-blackout'); |
| - | |
| - | if (image.length) { |
| - | this.center_and_label(image, label); |
| - | image.trigger('resized.fndtn.clearing') |
| - | } |
| - | }, |
| - | |
| - | // visual adjustments |
| - | fix_height : function (target) { |
| - | var lis = target.parent().children(), |
| - | self = this; |
| - | |
| - | lis.each(function () { |
| - | var li = self.S(this), |
| - | image = li.find('img'); |
| - | |
| - | if (li.height() > image.outerHeight()) { |
| - | li.addClass('fix-height'); |
| - | } |
| - | }) |
| - | .closest('ul') |
| - | .width(lis.length * 100 + '%'); |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | update_paddles : function (target) { |
| - | var visible_image = target |
| - | .closest('.carousel') |
| - | .siblings('.visible-img'); |
| - | |
| - | if (target.next().length > 0) { |
| - | this.S('.clearing-main-next', visible_image).removeClass('disabled'); |
| - | } else { |
| - | this.S('.clearing-main-next', visible_image).addClass('disabled'); |
| - | } |
| - | |
| - | if (target.prev().length > 0) { |
| - | this.S('.clearing-main-prev', visible_image).removeClass('disabled'); |
| - | } else { |
| - | this.S('.clearing-main-prev', visible_image).addClass('disabled'); |
| - | } |
| - | }, |
| - | |
| - | center_and_label : function (target, label) { |
| - | if (!this.rtl) { |
| - | target.css({ |
| - | marginLeft : -(target.outerWidth() / 2), |
| - | marginTop : -(target.outerHeight() / 2) |
| - | }); |
| - | |
| - | if (label.length > 0) { |
| - | label.css({ |
| - | marginLeft : -(label.outerWidth() / 2), |
| - | marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10 |
| - | }); |
| - | } |
| - | } else { |
| - | target.css({ |
| - | marginRight : -(target.outerWidth() / 2), |
| - | marginTop : -(target.outerHeight() / 2), |
| - | left: 'auto', |
| - | right: '50%' |
| - | }); |
| - | |
| - | if (label.length > 0) { |
| - | label.css({ |
| - | marginRight : -(label.outerWidth() / 2), |
| - | marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10, |
| - | left: 'auto', |
| - | right: '50%' |
| - | }); |
| - | } |
| - | } |
| - | return this; |
| - | }, |
| - | |
| - | // image loading and preloading |
| - | |
| - | load : function ($image) { |
| - | var href; |
| - | |
| - | if ($image[0].nodeName === "A") { |
| - | href = $image.attr('href'); |
| - | } else { |
| - | href = $image.parent().attr('href'); |
| - | } |
| - | |
| - | this.preload($image); |
| - | |
| - | if (href) return href; |
| - | return $image.attr('src'); |
| - | }, |
| - | |
| - | preload : function ($image) { |
| - | this |
| - | .img($image.closest('li').next()) |
| - | .img($image.closest('li').prev()); |
| - | }, |
| - | |
| - | img : function (img) { |
| - | if (img.length) { |
| - | var new_img = new Image(), |
| - | new_a = this.S('a', img); |
| - | |
| - | if (new_a.length) { |
| - | new_img.src = new_a.attr('href'); |
| - | } else { |
| - | new_img.src = this.S('img', img).attr('src'); |
| - | } |
| - | } |
| - | return this; |
| - | }, |
| - | |
| - | // image caption |
| - | |
| - | caption : function (container, $image) { |
| - | var caption = $image.attr('data-caption'); |
| - | |
| - | if (caption) { |
| - | container |
| - | .html(caption) |
| - | .show(); |
| - | } else { |
| - | container |
| - | .text('') |
| - | .hide(); |
| - | } |
| - | return this; |
| - | }, |
| - | |
| - | // directional methods |
| - | |
| - | go : function ($ul, direction) { |
| - | var current = this.S('.visible', $ul), |
| - | target = current[direction](); |
| - | |
| - | if (target.length) { |
| - | this.S('img', target) |
| - | .trigger('click', [current, target]) |
| - | .trigger('change.fndtn.clearing'); |
| - | } |
| - | }, |
| - | |
| - | shift : function (current, target, callback) { |
| - | var clearing = target.parent(), |
| - | old_index = this.settings.prev_index || target.index(), |
| - | direction = this.direction(clearing, current, target), |
| - | dir = this.rtl ? 'right' : 'left', |
| - | left = parseInt(clearing.css('left'), 10), |
| - | width = target.outerWidth(), |
| - | skip_shift; |
| - | |
| - | var dir_obj = {}; |
| - | |
| - | // we use jQuery animate instead of CSS transitions because we |
| - | // need a callback to unlock the next animation |
| - | // needs support for RTL ** |
| - | if (target.index() !== old_index && !/skip/.test(direction)){ |
| - | if (/left/.test(direction)) { |
| - | this.lock(); |
| - | dir_obj[dir] = left + width; |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } else if (/right/.test(direction)) { |
| - | this.lock(); |
| - | dir_obj[dir] = left - width; |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } |
| - | } else if (/skip/.test(direction)) { |
| - | // the target image is not adjacent to the current image, so |
| - | // do we scroll right or not |
| - | skip_shift = target.index() - this.settings.up_count; |
| - | this.lock(); |
| - | |
| - | if (skip_shift > 0) { |
| - | dir_obj[dir] = -(skip_shift * width); |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } else { |
| - | dir_obj[dir] = 0; |
| - | clearing.animate(dir_obj, 300, this.unlock()); |
| - | } |
| - | } |
| - | |
| - | callback(); |
| - | }, |
| - | |
| - | direction : function ($el, current, target) { |
| - | var lis = this.S('li', $el), |
| - | li_width = lis.outerWidth() + (lis.outerWidth() / 4), |
| - | up_count = Math.floor(this.S('.clearing-container').outerWidth() / li_width) - 1, |
| - | target_index = lis.index(target), |
| - | response; |
| - | |
| - | this.settings.up_count = up_count; |
| - | |
| - | if (this.adjacent(this.settings.prev_index, target_index)) { |
| - | if ((target_index > up_count) && target_index > this.settings.prev_index) { |
| - | response = 'right'; |
| - | } else if ((target_index > up_count - 1) && target_index <= this.settings.prev_index) { |
| - | response = 'left'; |
| - | } else { |
| - | response = false; |
| - | } |
| - | } else { |
| - | response = 'skip'; |
| - | } |
| - | |
| - | this.settings.prev_index = target_index; |
| - | |
| - | return response; |
| - | }, |
| - | |
| - | adjacent : function (current_index, target_index) { |
| - | for (var i = target_index + 1; i >= target_index - 1; i--) { |
| - | if (i === current_index) return true; |
| - | } |
| - | return false; |
| - | }, |
| - | |
| - | // lock management |
| - | |
| - | lock : function () { |
| - | this.settings.locked = true; |
| - | }, |
| - | |
| - | unlock : function () { |
| - | this.settings.locked = false; |
| - | }, |
| - | |
| - | locked : function () { |
| - | return this.settings.locked; |
| - | }, |
| - | |
| - | off : function () { |
| - | this.S(this.scope).off('.fndtn.clearing'); |
| - | this.S(window).off('.fndtn.clearing'); |
| - | }, |
| - | |
| - | reflow : function () { |
| - | this.init(); |
| - | } |
| - | }; |
| - | |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.dropdown.js
+0
-311
| @@ | @@ -1,311 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.dropdown = { |
| - | name : 'dropdown', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | active_class: 'open', |
| - | align: 'bottom', |
| - | is_hover: false, |
| - | opened: function(){}, |
| - | closed: function(){} |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle'); |
| - | |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this, |
| - | S = self.S; |
| - | |
| - | S(this.scope) |
| - | .off('.dropdown') |
| - | .on('click.fndtn.dropdown', '[' + this.attr_name() + ']', function (e) { |
| - | var settings = S(this).data(self.attr_name(true) + '-init') || self.settings; |
| - | if (!settings.is_hover || Modernizr.touch) { |
| - | e.preventDefault(); |
| - | self.toggle($(this)); |
| - | } |
| - | }) |
| - | .on('mouseenter.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) { |
| - | var $this = S(this), |
| - | dropdown, |
| - | target; |
| - | |
| - | clearTimeout(self.timeout); |
| - | |
| - | if ($this.data(self.data_attr())) { |
| - | dropdown = S('#' + $this.data(self.data_attr())); |
| - | target = $this; |
| - | } else { |
| - | dropdown = $this; |
| - | target = S("[" + self.attr_name() + "='" + dropdown.attr('id') + "']"); |
| - | } |
| - | |
| - | var settings = target.data(self.attr_name(true) + '-init') || self.settings; |
| - | |
| - | if(S(e.target).data(self.data_attr()) && settings.is_hover) { |
| - | self.closeall.call(self); |
| - | } |
| - | |
| - | if (settings.is_hover) self.open.apply(self, [dropdown, target]); |
| - | }) |
| - | .on('mouseleave.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) { |
| - | var $this = S(this); |
| - | self.timeout = setTimeout(function () { |
| - | if ($this.data(self.data_attr())) { |
| - | var settings = $this.data(self.data_attr(true) + '-init') || self.settings; |
| - | if (settings.is_hover) self.close.call(self, S('#' + $this.data(self.data_attr()))); |
| - | } else { |
| - | var target = S('[' + self.attr_name() + '="' + S(this).attr('id') + '"]'), |
| - | settings = target.data(self.attr_name(true) + '-init') || self.settings; |
| - | if (settings.is_hover) self.close.call(self, $this); |
| - | } |
| - | }.bind(this), 150); |
| - | }) |
| - | .on('click.fndtn.dropdown', function (e) { |
| - | var parent = S(e.target).closest('[' + self.attr_name() + '-content]'); |
| - | |
| - | if (S(e.target).data(self.data_attr()) || S(e.target).parent().data(self.data_attr())) { |
| - | return; |
| - | } |
| - | if (!(S(e.target).data('revealId')) && |
| - | (parent.length > 0 && (S(e.target).is('[' + self.attr_name() + '-content]') || |
| - | $.contains(parent.first()[0], e.target)))) { |
| - | e.stopPropagation(); |
| - | return; |
| - | } |
| - | |
| - | self.close.call(self, S('[' + self.attr_name() + '-content]')); |
| - | }) |
| - | .on('opened.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () { |
| - | self.settings.opened.call(this); |
| - | }) |
| - | .on('closed.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () { |
| - | self.settings.closed.call(this); |
| - | }); |
| - | |
| - | S(window) |
| - | .off('.dropdown') |
| - | .on('resize.fndtn.dropdown', self.throttle(function () { |
| - | self.resize.call(self); |
| - | }, 50)); |
| - | |
| - | this.resize(); |
| - | }, |
| - | |
| - | close: function (dropdown) { |
| - | var self = this; |
| - | dropdown.each(function () { |
| - | if (self.S(this).hasClass(self.settings.active_class)) { |
| - | self.S(this) |
| - | .css(Foundation.rtl ? 'right':'left', '-99999px') |
| - | .removeClass(self.settings.active_class) |
| - | .prev('[' + self.attr_name() + ']') |
| - | .removeClass(self.settings.active_class) |
| - | .removeData('target'); |
| - | |
| - | self.S(this).trigger('closed', [dropdown]); |
| - | } |
| - | }); |
| - | }, |
| - | |
| - | closeall: function() { |
| - | var self = this; |
| - | $.each(self.S('[' + this.attr_name() + '-content]'), function() { |
| - | self.close.call(self, self.S(this)) |
| - | }); |
| - | }, |
| - | |
| - | open: function (dropdown, target) { |
| - | this |
| - | .css(dropdown |
| - | .addClass(this.settings.active_class), target); |
| - | dropdown.prev('[' + this.attr_name() + ']').addClass(this.settings.active_class); |
| - | dropdown.data('target', target.get(0)).trigger('opened', [dropdown, target]); |
| - | }, |
| - | |
| - | data_attr: function () { |
| - | if (this.namespace.length > 0) { |
| - | return this.namespace + '-' + this.name; |
| - | } |
| - | |
| - | return this.name; |
| - | }, |
| - | |
| - | toggle : function (target) { |
| - | var dropdown = this.S('#' + target.data(this.data_attr())); |
| - | if (dropdown.length === 0) { |
| - | // No dropdown found, not continuing |
| - | return; |
| - | } |
| - | |
| - | this.close.call(this, this.S('[' + this.attr_name() + '-content]').not(dropdown)); |
| - | |
| - | if (dropdown.hasClass(this.settings.active_class)) { |
| - | this.close.call(this, dropdown); |
| - | if (dropdown.data('target') !== target.get(0)) |
| - | this.open.call(this, dropdown, target); |
| - | } else { |
| - | this.open.call(this, dropdown, target); |
| - | } |
| - | }, |
| - | |
| - | resize : function () { |
| - | var dropdown = this.S('[' + this.attr_name() + '-content].open'), |
| - | target = this.S("[" + this.attr_name() + "='" + dropdown.attr('id') + "']"); |
| - | |
| - | if (dropdown.length && target.length) { |
| - | this.css(dropdown, target); |
| - | } |
| - | }, |
| - | |
| - | css : function (dropdown, target) { |
| - | this.clear_idx(); |
| - | |
| - | if (this.small()) { |
| - | var p = this.dirs.bottom.call(dropdown, target); |
| - | |
| - | dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({ |
| - | position : 'absolute', |
| - | width: '95%', |
| - | 'max-width': 'none', |
| - | top: p.top |
| - | }); |
| - | |
| - | dropdown.css(Foundation.rtl ? 'right':'left', '2.5%'); |
| - | } else { |
| - | var settings = target.data(this.attr_name(true) + '-init') || this.settings; |
| - | |
| - | this.style(dropdown, target, settings); |
| - | } |
| - | |
| - | return dropdown; |
| - | }, |
| - | |
| - | style : function (dropdown, target, settings) { |
| - | var css = $.extend({position: 'absolute'}, |
| - | this.dirs[settings.align].call(dropdown, target, settings)); |
| - | |
| - | dropdown.attr('style', '').css(css); |
| - | }, |
| - | |
| - | // return CSS property object |
| - | // `this` is the dropdown |
| - | dirs : { |
| - | // Calculate target offset |
| - | _base : function (t) { |
| - | var o_p = this.offsetParent(), |
| - | o = o_p.offset(), |
| - | p = t.offset(); |
| - | |
| - | p.top -= o.top; |
| - | p.left -= o.left; |
| - | |
| - | return p; |
| - | }, |
| - | top: function (t, s) { |
| - | var self = Foundation.libs.dropdown, |
| - | p = self.dirs._base.call(this, t), |
| - | pip_offset_base = (t.outerWidth() / 2) - 8; |
| - | |
| - | this.addClass('drop-top'); |
| - | |
| - | if (t.outerWidth() < this.outerWidth() || self.small()) { |
| - | self.adjust_pip(pip_offset_base, p); |
| - | } |
| - | |
| - | if (Foundation.rtl) { |
| - | return {left: p.left - this.outerWidth() + t.outerWidth(), |
| - | top: p.top - this.outerHeight()}; |
| - | } |
| - | |
| - | return {left: p.left, top: p.top - this.outerHeight()}; |
| - | }, |
| - | bottom: function (t, s) { |
| - | var self = Foundation.libs.dropdown, |
| - | p = self.dirs._base.call(this, t), |
| - | pip_offset_base = (t.outerWidth() / 2) - 8; |
| - | |
| - | if (t.outerWidth() < this.outerWidth() || self.small()) { |
| - | self.adjust_pip(pip_offset_base, p); |
| - | } |
| - | |
| - | if (self.rtl) { |
| - | return {left: p.left - this.outerWidth() + t.outerWidth(), top: p.top + t.outerHeight()}; |
| - | } |
| - | |
| - | return {left: p.left, top: p.top + t.outerHeight()}; |
| - | }, |
| - | left: function (t, s) { |
| - | var p = Foundation.libs.dropdown.dirs._base.call(this, t); |
| - | |
| - | this.addClass('drop-left'); |
| - | |
| - | return {left: p.left - this.outerWidth(), top: p.top}; |
| - | }, |
| - | right: function (t, s) { |
| - | var p = Foundation.libs.dropdown.dirs._base.call(this, t); |
| - | |
| - | this.addClass('drop-right'); |
| - | |
| - | return {left: p.left + t.outerWidth(), top: p.top}; |
| - | } |
| - | }, |
| - | |
| - | // Insert rule to style psuedo elements |
| - | adjust_pip : function (pip_offset_base, p) { |
| - | var sheet = Foundation.stylesheet; |
| - | |
| - | if (this.small()) { |
| - | pip_offset_base += p.left - 8; |
| - | } |
| - | |
| - | this.rule_idx = sheet.cssRules.length; |
| - | |
| - | var sel_before = '.f-dropdown.open:before', |
| - | sel_after = '.f-dropdown.open:after', |
| - | css_before = 'left: ' + pip_offset_base + 'px;', |
| - | css_after = 'left: ' + (pip_offset_base - 1) + 'px;'; |
| - | |
| - | if (sheet.insertRule) { |
| - | sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx); |
| - | sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1); |
| - | } else { |
| - | sheet.addRule(sel_before, css_before, this.rule_idx); |
| - | sheet.addRule(sel_after, css_after, this.rule_idx + 1); |
| - | } |
| - | }, |
| - | |
| - | // Remove old dropdown rule index |
| - | clear_idx : function () { |
| - | var sheet = Foundation.stylesheet; |
| - | |
| - | if (this.rule_idx) { |
| - | sheet.deleteRule(this.rule_idx); |
| - | sheet.deleteRule(this.rule_idx); |
| - | delete this.rule_idx; |
| - | } |
| - | }, |
| - | |
| - | small : function () { |
| - | return matchMedia(Foundation.media_queries.small).matches && |
| - | !matchMedia(Foundation.media_queries.medium).matches; |
| - | }, |
| - | |
| - | off: function () { |
| - | this.S(this.scope).off('.fndtn.dropdown'); |
| - | this.S('html, body').off('.fndtn.dropdown'); |
| - | this.S(window).off('.fndtn.dropdown'); |
| - | this.S('[data-dropdown-content]').off('.fndtn.dropdown'); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.equalizer.js
+0
-74
| @@ | @@ -1,74 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.equalizer = { |
| - | name : 'equalizer', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | use_tallest: true, |
| - | before_height_change: $.noop, |
| - | after_height_change: $.noop, |
| - | equalize_on_stack: false |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'image_loaded'); |
| - | this.bindings(method, options); |
| - | this.reflow(); |
| - | }, |
| - | |
| - | events : function () { |
| - | this.S(window).off('.equalizer').on('resize.fndtn.equalizer', function(e){ |
| - | this.reflow(); |
| - | }.bind(this)); |
| - | }, |
| - | |
| - | equalize: function(equalizer) { |
| - | var isStacked = false, |
| - | vals = equalizer.find('[' + this.attr_name() + '-watch]:visible'), |
| - | settings = equalizer.data(this.attr_name(true)+'-init'); |
| - | |
| - | if (vals.length === 0) return; |
| - | var firstTopOffset = vals.first().offset().top; |
| - | settings.before_height_change(); |
| - | equalizer.trigger('before-height-change'); |
| - | vals.height('inherit'); |
| - | vals.each(function(){ |
| - | var el = $(this); |
| - | if (el.offset().top !== firstTopOffset) { |
| - | isStacked = true; |
| - | } |
| - | }); |
| - | |
| - | if (settings.equalize_on_stack === false) { |
| - | if (isStacked) return; |
| - | }; |
| - | |
| - | var heights = vals.map(function(){ return $(this).outerHeight(false) }).get(); |
| - | |
| - | if (settings.use_tallest) { |
| - | var max = Math.max.apply(null, heights); |
| - | vals.css('height', max); |
| - | } else { |
| - | var min = Math.min.apply(null, heights); |
| - | vals.css('height', min); |
| - | } |
| - | settings.after_height_change(); |
| - | equalizer.trigger('after-height-change'); |
| - | }, |
| - | |
| - | reflow : function () { |
| - | var self = this; |
| - | |
| - | this.S('[' + this.attr_name() + ']', this.scope).each(function(){ |
| - | var $eq_target = $(this); |
| - | self.image_loaded(self.S('img', this), function(){ |
| - | self.equalize($eq_target) |
| - | }); |
| - | }); |
| - | } |
| - | }; |
| - | })(jQuery, window, window.document); |
| - | |
generators/foundation5/public/javascripts/foundation/foundation.interchange.js
+0
-331
| @@ | @@ -1,331 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.interchange = { |
| - | name : 'interchange', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | cache : {}, |
| - | |
| - | images_loaded : false, |
| - | nodes_loaded : false, |
| - | |
| - | settings : { |
| - | load_attr : 'interchange', |
| - | |
| - | named_queries : { |
| - | 'default' : 'only screen', |
| - | small : Foundation.media_queries.small, |
| - | medium : Foundation.media_queries.medium, |
| - | large : Foundation.media_queries.large, |
| - | xlarge : Foundation.media_queries.xlarge, |
| - | xxlarge: Foundation.media_queries.xxlarge, |
| - | landscape : 'only screen and (orientation: landscape)', |
| - | portrait : 'only screen and (orientation: portrait)', |
| - | retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' + |
| - | 'only screen and (min--moz-device-pixel-ratio: 2),' + |
| - | 'only screen and (-o-min-device-pixel-ratio: 2/1),' + |
| - | 'only screen and (min-device-pixel-ratio: 2),' + |
| - | 'only screen and (min-resolution: 192dpi),' + |
| - | 'only screen and (min-resolution: 2dppx)' |
| - | }, |
| - | |
| - | directives : { |
| - | replace: function (el, path, trigger) { |
| - | // The trigger argument, if called within the directive, fires |
| - | // an event named after the directive on the element, passing |
| - | // any parameters along to the event that you pass to trigger. |
| - | // |
| - | // ex. trigger(), trigger([a, b, c]), or trigger(a, b, c) |
| - | // |
| - | // This allows you to bind a callback like so: |
| - | // $('#interchangeContainer').on('replace', function (e, a, b, c) { |
| - | // console.log($(this).html(), a, b, c); |
| - | // }); |
| - | |
| - | if (/IMG/.test(el[0].nodeName)) { |
| - | var orig_path = el[0].src; |
| - | |
| - | if (new RegExp(path, 'i').test(orig_path)) return; |
| - | |
| - | el[0].src = path; |
| - | |
| - | return trigger(el[0].src); |
| - | } |
| - | var last_path = el.data(this.data_attr + '-last-path'); |
| - | |
| - | if (last_path == path) return; |
| - | |
| - | if (/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i.test(path)) { |
| - | $(el).css('background-image', 'url('+path+')'); |
| - | el.data('interchange-last-path', path); |
| - | return trigger(path); |
| - | } |
| - | |
| - | return $.get(path, function (response) { |
| - | el.html(response); |
| - | el.data(this.data_attr + '-last-path', path); |
| - | trigger(); |
| - | }); |
| - | |
| - | } |
| - | } |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle random_str'); |
| - | |
| - | this.data_attr = this.set_data_attr(); |
| - | $.extend(true, this.settings, method, options); |
| - | this.bindings(method, options); |
| - | this.load('images'); |
| - | this.load('nodes'); |
| - | }, |
| - | |
| - | get_media_hash : function() { |
| - | var mediaHash=''; |
| - | for (var queryName in this.settings.named_queries ) { |
| - | mediaHash += matchMedia(this.settings.named_queries[queryName]).matches.toString(); |
| - | } |
| - | return mediaHash; |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this, prevMediaHash; |
| - | |
| - | $(window) |
| - | .off('.interchange') |
| - | .on('resize.fndtn.interchange', self.throttle(function () { |
| - | var currMediaHash = self.get_media_hash(); |
| - | if (currMediaHash !== prevMediaHash) { |
| - | self.resize(); |
| - | } |
| - | prevMediaHash = currMediaHash; |
| - | }, 50)); |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | resize : function () { |
| - | var cache = this.cache; |
| - | |
| - | if(!this.images_loaded || !this.nodes_loaded) { |
| - | setTimeout($.proxy(this.resize, this), 50); |
| - | return; |
| - | } |
| - | |
| - | for (var uuid in cache) { |
| - | if (cache.hasOwnProperty(uuid)) { |
| - | var passed = this.results(uuid, cache[uuid]); |
| - | |
| - | if (passed) { |
| - | this.settings.directives[passed |
| - | .scenario[1]].call(this, passed.el, passed.scenario[0], function () { |
| - | if (arguments[0] instanceof Array) { |
| - | var args = arguments[0]; |
| - | } else { |
| - | var args = Array.prototype.slice.call(arguments, 0); |
| - | } |
| - | |
| - | passed.el.trigger(passed.scenario[1], args); |
| - | }); |
| - | } |
| - | } |
| - | } |
| - | |
| - | }, |
| - | |
| - | results : function (uuid, scenarios) { |
| - | var count = scenarios.length; |
| - | |
| - | if (count > 0) { |
| - | var el = this.S('[' + this.add_namespace('data-uuid') + '="' + uuid + '"]'); |
| - | |
| - | while (count--) { |
| - | var mq, rule = scenarios[count][2]; |
| - | if (this.settings.named_queries.hasOwnProperty(rule)) { |
| - | mq = matchMedia(this.settings.named_queries[rule]); |
| - | } else { |
| - | mq = matchMedia(rule); |
| - | } |
| - | if (mq.matches) { |
| - | return {el: el, scenario: scenarios[count]}; |
| - | } |
| - | } |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | load : function (type, force_update) { |
| - | if (typeof this['cached_' + type] === 'undefined' || force_update) { |
| - | this['update_' + type](); |
| - | } |
| - | |
| - | return this['cached_' + type]; |
| - | }, |
| - | |
| - | update_images : function () { |
| - | var images = this.S('img[' + this.data_attr + ']'), |
| - | count = images.length, |
| - | i = count, |
| - | loaded_count = 0, |
| - | data_attr = this.data_attr; |
| - | |
| - | this.cache = {}; |
| - | this.cached_images = []; |
| - | this.images_loaded = (count === 0); |
| - | |
| - | while (i--) { |
| - | loaded_count++; |
| - | if (images[i]) { |
| - | var str = images[i].getAttribute(data_attr) || ''; |
| - | |
| - | if (str.length > 0) { |
| - | this.cached_images.push(images[i]); |
| - | } |
| - | } |
| - | |
| - | if (loaded_count === count) { |
| - | this.images_loaded = true; |
| - | this.enhance('images'); |
| - | } |
| - | } |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | update_nodes : function () { |
| - | var nodes = this.S('[' + this.data_attr + ']').not('img'), |
| - | count = nodes.length, |
| - | i = count, |
| - | loaded_count = 0, |
| - | data_attr = this.data_attr; |
| - | |
| - | this.cached_nodes = []; |
| - | this.nodes_loaded = (count === 0); |
| - | |
| - | |
| - | while (i--) { |
| - | loaded_count++; |
| - | var str = nodes[i].getAttribute(data_attr) || ''; |
| - | |
| - | if (str.length > 0) { |
| - | this.cached_nodes.push(nodes[i]); |
| - | } |
| - | |
| - | if(loaded_count === count) { |
| - | this.nodes_loaded = true; |
| - | this.enhance('nodes'); |
| - | } |
| - | } |
| - | |
| - | return this; |
| - | }, |
| - | |
| - | enhance : function (type) { |
| - | var i = this['cached_' + type].length; |
| - | |
| - | while (i--) { |
| - | this.object($(this['cached_' + type][i])); |
| - | } |
| - | |
| - | return $(window).trigger('resize'); |
| - | }, |
| - | |
| - | parse_params : function (path, directive, mq) { |
| - | return [this.trim(path), this.convert_directive(directive), this.trim(mq)]; |
| - | }, |
| - | |
| - | convert_directive : function (directive) { |
| - | |
| - | var trimmed = this.trim(directive); |
| - | |
| - | if (trimmed.length > 0) { |
| - | return trimmed; |
| - | } |
| - | |
| - | return 'replace'; |
| - | }, |
| - | |
| - | object : function(el) { |
| - | var raw_arr = this.parse_data_attr(el), |
| - | scenarios = [], |
| - | i = raw_arr.length; |
| - | |
| - | if (i > 0) { |
| - | while (i--) { |
| - | var split = raw_arr[i].split(/\((.*?)(\))$/); |
| - | |
| - | if (split.length > 1) { |
| - | var cached_split = split[0].split(/\, /), |
| - | params = this.parse_params(cached_split[0], |
| - | cached_split[1], split[1]); |
| - | |
| - | scenarios.push(params); |
| - | } |
| - | } |
| - | } |
| - | |
| - | return this.store(el, scenarios); |
| - | }, |
| - | |
| - | store : function (el, scenarios) { |
| - | var uuid = this.random_str(), |
| - | current_uuid = el.data(this.add_namespace('uuid', true)); |
| - | |
| - | if (this.cache[current_uuid]) return this.cache[current_uuid]; |
| - | |
| - | el.attr(this.add_namespace('data-uuid'), uuid); |
| - | |
| - | return this.cache[uuid] = scenarios; |
| - | }, |
| - | |
| - | trim : function(str) { |
| - | |
| - | if (typeof str === 'string') { |
| - | return $.trim(str); |
| - | } |
| - | |
| - | return str; |
| - | }, |
| - | |
| - | set_data_attr: function (init) { |
| - | if (init) { |
| - | if (this.namespace.length > 0) { |
| - | return this.namespace + '-' + this.settings.load_attr; |
| - | } |
| - | |
| - | return this.settings.load_attr; |
| - | } |
| - | |
| - | if (this.namespace.length > 0) { |
| - | return 'data-' + this.namespace + '-' + this.settings.load_attr; |
| - | } |
| - | |
| - | return 'data-' + this.settings.load_attr; |
| - | }, |
| - | |
| - | parse_data_attr : function (el) { |
| - | var raw = el.attr(this.attr_name()).split(/\[(.*?)\]/), |
| - | i = raw.length, |
| - | output = []; |
| - | |
| - | while (i--) { |
| - | if (raw[i].replace(/[\W\d]+/, '').length > 4) { |
| - | output.push(raw[i]); |
| - | } |
| - | } |
| - | |
| - | return output; |
| - | }, |
| - | |
| - | reflow : function () { |
| - | this.load('images', true); |
| - | this.load('nodes', true); |
| - | } |
| - | |
| - | }; |
| - | |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.joyride.js
+0
-843
| @@ | @@ -1,843 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | var Modernizr = Modernizr || false; |
| - | |
| - | Foundation.libs.joyride = { |
| - | name : 'joyride', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | defaults : { |
| - | expose : false, // turn on or off the expose feature |
| - | modal : true, // Whether to cover page with modal during the tour |
| - | tip_location : 'bottom', // 'top' or 'bottom' in relation to parent |
| - | nub_position : 'auto', // override on a per tooltip bases |
| - | scroll_speed : 1500, // Page scrolling speed in milliseconds, 0 = no scroll animation |
| - | scroll_animation : 'linear', // supports 'swing' and 'linear', extend with jQuery UI. |
| - | timer : 0, // 0 = no timer , all other numbers = timer in milliseconds |
| - | start_timer_on_click : true, // true or false - true requires clicking the first button start the timer |
| - | start_offset : 0, // the index of the tooltip you want to start on (index of the li) |
| - | next_button : true, // true or false to control whether a next button is used |
| - | tip_animation : 'fade', // 'pop' or 'fade' in each tip |
| - | pause_after : [], // array of indexes where to pause the tour after |
| - | exposed : [], // array of expose elements |
| - | tip_animation_fade_speed : 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition |
| - | cookie_monster : false, // true or false to control whether cookies are used |
| - | cookie_name : 'joyride', // Name the cookie you'll use |
| - | cookie_domain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com' |
| - | cookie_expires : 365, // set when you would like the cookie to expire. |
| - | tip_container : 'body', // Where will the tip be attached |
| - | abort_on_close : true, // When true, the close event will not fire any callback |
| - | tip_location_patterns : { |
| - | top: ['bottom'], |
| - | bottom: [], // bottom should not need to be repositioned |
| - | left: ['right', 'top', 'bottom'], |
| - | right: ['left', 'top', 'bottom'] |
| - | }, |
| - | post_ride_callback : function (){}, // A method to call once the tour closes (canceled or complete) |
| - | post_step_callback : function (){}, // A method to call after each step |
| - | pre_step_callback : function (){}, // A method to call before each step |
| - | pre_ride_callback : function (){}, // A method to call before the tour starts (passed index, tip, and cloned exposed element) |
| - | post_expose_callback : function (){}, // A method to call after an element has been exposed |
| - | template : { // HTML segments for tip layout |
| - | link : '<a href="#close" class="joyride-close-tip">×</a>', |
| - | timer : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>', |
| - | tip : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>', |
| - | wrapper : '<div class="joyride-content-wrapper"></div>', |
| - | button : '<a href="#" class="small button joyride-next-tip"></a>', |
| - | modal : '<div class="joyride-modal-bg"></div>', |
| - | expose : '<div class="joyride-expose-wrapper"></div>', |
| - | expose_cover: '<div class="joyride-expose-cover"></div>' |
| - | }, |
| - | expose_add_class : '' // One or more space-separated class names to be added to exposed element |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle random_str'); |
| - | |
| - | this.settings = this.settings || $.extend({}, this.defaults, (options || method)); |
| - | |
| - | this.bindings(method, options) |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .off('.joyride') |
| - | .on('click.fndtn.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | if (this.settings.$li.next().length < 1) { |
| - | this.end(); |
| - | } else if (this.settings.timer > 0) { |
| - | clearTimeout(this.settings.automate); |
| - | this.hide(); |
| - | this.show(); |
| - | this.startTimer(); |
| - | } else { |
| - | this.hide(); |
| - | this.show(); |
| - | } |
| - | |
| - | }.bind(this)) |
| - | |
| - | .on('click.fndtn.joyride', '.joyride-close-tip', function (e) { |
| - | e.preventDefault(); |
| - | this.end(this.settings.abort_on_close); |
| - | }.bind(this)); |
| - | |
| - | $(window) |
| - | .off('.joyride') |
| - | .on('resize.fndtn.joyride', self.throttle(function () { |
| - | if ($('[' + self.attr_name() + ']').length > 0 && self.settings.$next_tip) { |
| - | if (self.settings.exposed.length > 0) { |
| - | var $els = $(self.settings.exposed); |
| - | |
| - | $els.each(function () { |
| - | var $this = $(this); |
| - | self.un_expose($this); |
| - | self.expose($this); |
| - | }); |
| - | } |
| - | |
| - | if (self.is_phone()) { |
| - | self.pos_phone(); |
| - | } else { |
| - | self.pos_default(false); |
| - | } |
| - | } |
| - | }, 100)); |
| - | }, |
| - | |
| - | start : function () { |
| - | var self = this, |
| - | $this = $('[' + this.attr_name() + ']', this.scope), |
| - | integer_settings = ['timer', 'scrollSpeed', 'startOffset', 'tipAnimationFadeSpeed', 'cookieExpires'], |
| - | int_settings_count = integer_settings.length; |
| - | |
| - | if (!$this.length > 0) return; |
| - | |
| - | if (!this.settings.init) this.events(); |
| - | |
| - | this.settings = $this.data(this.attr_name(true) + '-init'); |
| - | |
| - | // non configureable settings |
| - | this.settings.$content_el = $this; |
| - | this.settings.$body = $(this.settings.tip_container); |
| - | this.settings.body_offset = $(this.settings.tip_container).position(); |
| - | this.settings.$tip_content = this.settings.$content_el.find('> li'); |
| - | this.settings.paused = false; |
| - | this.settings.attempts = 0; |
| - | |
| - | // can we create cookies? |
| - | if (typeof $.cookie !== 'function') { |
| - | this.settings.cookie_monster = false; |
| - | } |
| - | |
| - | // generate the tips and insert into dom. |
| - | if (!this.settings.cookie_monster || this.settings.cookie_monster && !$.cookie(this.settings.cookie_name)) { |
| - | this.settings.$tip_content.each(function (index) { |
| - | var $this = $(this); |
| - | this.settings = $.extend({}, self.defaults, self.data_options($this)); |
| - | |
| - | // Make sure that settings parsed from data_options are integers where necessary |
| - | var i = int_settings_count; |
| - | while (i--) { |
| - | self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10); |
| - | } |
| - | self.create({$li : $this, index : index}); |
| - | }); |
| - | |
| - | // show first tip |
| - | if (!this.settings.start_timer_on_click && this.settings.timer > 0) { |
| - | this.show('init'); |
| - | this.startTimer(); |
| - | } else { |
| - | this.show('init'); |
| - | } |
| - | |
| - | } |
| - | }, |
| - | |
| - | resume : function () { |
| - | this.set_li(); |
| - | this.show(); |
| - | }, |
| - | |
| - | tip_template : function (opts) { |
| - | var $blank, content; |
| - | |
| - | opts.tip_class = opts.tip_class || ''; |
| - | |
| - | $blank = $(this.settings.template.tip).addClass(opts.tip_class); |
| - | content = $.trim($(opts.li).html()) + |
| - | this.button_text(opts.button_text) + |
| - | this.settings.template.link + |
| - | this.timer_instance(opts.index); |
| - | |
| - | $blank.append($(this.settings.template.wrapper)); |
| - | $blank.first().attr(this.add_namespace('data-index'), opts.index); |
| - | $('.joyride-content-wrapper', $blank).append(content); |
| - | |
| - | return $blank[0]; |
| - | }, |
| - | |
| - | timer_instance : function (index) { |
| - | var txt; |
| - | |
| - | if ((index === 0 && this.settings.start_timer_on_click && this.settings.timer > 0) || this.settings.timer === 0) { |
| - | txt = ''; |
| - | } else { |
| - | txt = $(this.settings.template.timer)[0].outerHTML; |
| - | } |
| - | return txt; |
| - | }, |
| - | |
| - | button_text : function (txt) { |
| - | if (this.settings.next_button) { |
| - | txt = $.trim(txt) || 'Next'; |
| - | txt = $(this.settings.template.button).append(txt)[0].outerHTML; |
| - | } else { |
| - | txt = ''; |
| - | } |
| - | return txt; |
| - | }, |
| - | |
| - | create : function (opts) { |
| - | var buttonText = opts.$li.attr(this.add_namespace('data-button')) |
| - | || opts.$li.attr(this.add_namespace('data-text')), |
| - | tipClass = opts.$li.attr('class'), |
| - | $tip_content = $(this.tip_template({ |
| - | tip_class : tipClass, |
| - | index : opts.index, |
| - | button_text : buttonText, |
| - | li : opts.$li |
| - | })); |
| - | |
| - | $(this.settings.tip_container).append($tip_content); |
| - | }, |
| - | |
| - | show : function (init) { |
| - | var $timer = null; |
| - | |
| - | // are we paused? |
| - | if (this.settings.$li === undefined |
| - | || ($.inArray(this.settings.$li.index(), this.settings.pause_after) === -1)) { |
| - | |
| - | // don't go to the next li if the tour was paused |
| - | if (this.settings.paused) { |
| - | this.settings.paused = false; |
| - | } else { |
| - | this.set_li(init); |
| - | } |
| - | |
| - | this.settings.attempts = 0; |
| - | |
| - | if (this.settings.$li.length && this.settings.$target.length > 0) { |
| - | if (init) { //run when we first start |
| - | this.settings.pre_ride_callback(this.settings.$li.index(), this.settings.$next_tip); |
| - | if (this.settings.modal) { |
| - | this.show_modal(); |
| - | } |
| - | } |
| - | |
| - | this.settings.pre_step_callback(this.settings.$li.index(), this.settings.$next_tip); |
| - | |
| - | if (this.settings.modal && this.settings.expose) { |
| - | this.expose(); |
| - | } |
| - | |
| - | this.settings.tip_settings = $.extend({}, this.settings, this.data_options(this.settings.$li)); |
| - | |
| - | this.settings.timer = parseInt(this.settings.timer, 10); |
| - | |
| - | this.settings.tip_settings.tip_location_pattern = this.settings.tip_location_patterns[this.settings.tip_settings.tip_location]; |
| - | |
| - | // scroll if not modal |
| - | if (!/body/i.test(this.settings.$target.selector)) { |
| - | this.scroll_to(); |
| - | } |
| - | |
| - | if (this.is_phone()) { |
| - | this.pos_phone(true); |
| - | } else { |
| - | this.pos_default(true); |
| - | } |
| - | |
| - | $timer = this.settings.$next_tip.find('.joyride-timer-indicator'); |
| - | |
| - | if (/pop/i.test(this.settings.tip_animation)) { |
| - | |
| - | $timer.width(0); |
| - | |
| - | if (this.settings.timer > 0) { |
| - | |
| - | this.settings.$next_tip.show(); |
| - | |
| - | setTimeout(function () { |
| - | $timer.animate({ |
| - | width: $timer.parent().width() |
| - | }, this.settings.timer, 'linear'); |
| - | }.bind(this), this.settings.tip_animation_fade_speed); |
| - | |
| - | } else { |
| - | this.settings.$next_tip.show(); |
| - | |
| - | } |
| - | |
| - | |
| - | } else if (/fade/i.test(this.settings.tip_animation)) { |
| - | |
| - | $timer.width(0); |
| - | |
| - | if (this.settings.timer > 0) { |
| - | |
| - | this.settings.$next_tip |
| - | .fadeIn(this.settings.tip_animation_fade_speed) |
| - | .show(); |
| - | |
| - | setTimeout(function () { |
| - | $timer.animate({ |
| - | width: $timer.parent().width() |
| - | }, this.settings.timer, 'linear'); |
| - | }.bind(this), this.settings.tip_animation_fade_speed); |
| - | |
| - | } else { |
| - | this.settings.$next_tip.fadeIn(this.settings.tip_animation_fade_speed); |
| - | } |
| - | } |
| - | |
| - | this.settings.$current_tip = this.settings.$next_tip; |
| - | |
| - | // skip non-existant targets |
| - | } else if (this.settings.$li && this.settings.$target.length < 1) { |
| - | |
| - | this.show(); |
| - | |
| - | } else { |
| - | |
| - | this.end(); |
| - | |
| - | } |
| - | } else { |
| - | |
| - | this.settings.paused = true; |
| - | |
| - | } |
| - | |
| - | }, |
| - | |
| - | is_phone : function () { |
| - | return matchMedia(Foundation.media_queries.small).matches && |
| - | !matchMedia(Foundation.media_queries.medium).matches; |
| - | }, |
| - | |
| - | hide : function () { |
| - | if (this.settings.modal && this.settings.expose) { |
| - | this.un_expose(); |
| - | } |
| - | |
| - | if (!this.settings.modal) { |
| - | $('.joyride-modal-bg').hide(); |
| - | } |
| - | |
| - | // Prevent scroll bouncing...wait to remove from layout |
| - | this.settings.$current_tip.css('visibility', 'hidden'); |
| - | setTimeout($.proxy(function() { |
| - | this.hide(); |
| - | this.css('visibility', 'visible'); |
| - | }, this.settings.$current_tip), 0); |
| - | this.settings.post_step_callback(this.settings.$li.index(), |
| - | this.settings.$current_tip); |
| - | }, |
| - | |
| - | set_li : function (init) { |
| - | if (init) { |
| - | this.settings.$li = this.settings.$tip_content.eq(this.settings.start_offset); |
| - | this.set_next_tip(); |
| - | this.settings.$current_tip = this.settings.$next_tip; |
| - | } else { |
| - | this.settings.$li = this.settings.$li.next(); |
| - | this.set_next_tip(); |
| - | } |
| - | |
| - | this.set_target(); |
| - | }, |
| - | |
| - | set_next_tip : function () { |
| - | this.settings.$next_tip = $(".joyride-tip-guide").eq(this.settings.$li.index()); |
| - | this.settings.$next_tip.data('closed', ''); |
| - | }, |
| - | |
| - | set_target : function () { |
| - | var cl = this.settings.$li.attr(this.add_namespace('data-class')), |
| - | id = this.settings.$li.attr(this.add_namespace('data-id')), |
| - | $sel = function () { |
| - | if (id) { |
| - | return $(document.getElementById(id)); |
| - | } else if (cl) { |
| - | return $('.' + cl).first(); |
| - | } else { |
| - | return $('body'); |
| - | } |
| - | }; |
| - | |
| - | this.settings.$target = $sel(); |
| - | }, |
| - | |
| - | scroll_to : function () { |
| - | var window_half, tipOffset; |
| - | |
| - | window_half = $(window).height() / 2; |
| - | tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()); |
| - | |
| - | if (tipOffset != 0) { |
| - | $('html, body').stop().animate({ |
| - | scrollTop: tipOffset |
| - | }, this.settings.scroll_speed, 'swing'); |
| - | } |
| - | }, |
| - | |
| - | paused : function () { |
| - | return ($.inArray((this.settings.$li.index() + 1), this.settings.pause_after) === -1); |
| - | }, |
| - | |
| - | restart : function () { |
| - | this.hide(); |
| - | this.settings.$li = undefined; |
| - | this.show('init'); |
| - | }, |
| - | |
| - | pos_default : function (init) { |
| - | var $nub = this.settings.$next_tip.find('.joyride-nub'), |
| - | nub_width = Math.ceil($nub.outerWidth() / 2), |
| - | nub_height = Math.ceil($nub.outerHeight() / 2), |
| - | toggle = init || false; |
| - | |
| - | // tip must not be "display: none" to calculate position |
| - | if (toggle) { |
| - | this.settings.$next_tip.css('visibility', 'hidden'); |
| - | this.settings.$next_tip.show(); |
| - | } |
| - | |
| - | if (!/body/i.test(this.settings.$target.selector)) { |
| - | if (this.bottom()) { |
| - | if (this.rtl) { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight()), |
| - | left: this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth()}); |
| - | } else { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top + nub_height + this.settings.$target.outerHeight()), |
| - | left: this.settings.$target.offset().left}); |
| - | } |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'top'); |
| - | |
| - | } else if (this.top()) { |
| - | if (this.rtl) { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height), |
| - | left: this.settings.$target.offset().left + this.settings.$target.outerWidth() - this.settings.$next_tip.outerWidth()}); |
| - | } else { |
| - | this.settings.$next_tip.css({ |
| - | top: (this.settings.$target.offset().top - this.settings.$next_tip.outerHeight() - nub_height), |
| - | left: this.settings.$target.offset().left}); |
| - | } |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'bottom'); |
| - | |
| - | } else if (this.right()) { |
| - | |
| - | this.settings.$next_tip.css({ |
| - | top: this.settings.$target.offset().top, |
| - | left: (this.settings.$target.outerWidth() + this.settings.$target.offset().left + nub_width)}); |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'left'); |
| - | |
| - | } else if (this.left()) { |
| - | |
| - | this.settings.$next_tip.css({ |
| - | top: this.settings.$target.offset().top, |
| - | left: (this.settings.$target.offset().left - this.settings.$next_tip.outerWidth() - nub_width)}); |
| - | |
| - | this.nub_position($nub, this.settings.tip_settings.nub_position, 'right'); |
| - | |
| - | } |
| - | |
| - | if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tip_settings.tip_location_pattern.length) { |
| - | |
| - | $nub.removeClass('bottom') |
| - | .removeClass('top') |
| - | .removeClass('right') |
| - | .removeClass('left'); |
| - | |
| - | this.settings.tip_settings.tip_location = this.settings.tip_settings.tip_location_pattern[this.settings.attempts]; |
| - | |
| - | this.settings.attempts++; |
| - | |
| - | this.pos_default(); |
| - | |
| - | } |
| - | |
| - | } else if (this.settings.$li.length) { |
| - | |
| - | this.pos_modal($nub); |
| - | |
| - | } |
| - | |
| - | if (toggle) { |
| - | this.settings.$next_tip.hide(); |
| - | this.settings.$next_tip.css('visibility', 'visible'); |
| - | } |
| - | |
| - | }, |
| - | |
| - | pos_phone : function (init) { |
| - | var tip_height = this.settings.$next_tip.outerHeight(), |
| - | tip_offset = this.settings.$next_tip.offset(), |
| - | target_height = this.settings.$target.outerHeight(), |
| - | $nub = $('.joyride-nub', this.settings.$next_tip), |
| - | nub_height = Math.ceil($nub.outerHeight() / 2), |
| - | toggle = init || false; |
| - | |
| - | $nub.removeClass('bottom') |
| - | .removeClass('top') |
| - | .removeClass('right') |
| - | .removeClass('left'); |
| - | |
| - | if (toggle) { |
| - | this.settings.$next_tip.css('visibility', 'hidden'); |
| - | this.settings.$next_tip.show(); |
| - | } |
| - | |
| - | if (!/body/i.test(this.settings.$target.selector)) { |
| - | |
| - | if (this.top()) { |
| - | |
| - | this.settings.$next_tip.offset({top: this.settings.$target.offset().top - tip_height - nub_height}); |
| - | $nub.addClass('bottom'); |
| - | |
| - | } else { |
| - | |
| - | this.settings.$next_tip.offset({top: this.settings.$target.offset().top + target_height + nub_height}); |
| - | $nub.addClass('top'); |
| - | |
| - | } |
| - | |
| - | } else if (this.settings.$li.length) { |
| - | this.pos_modal($nub); |
| - | } |
| - | |
| - | if (toggle) { |
| - | this.settings.$next_tip.hide(); |
| - | this.settings.$next_tip.css('visibility', 'visible'); |
| - | } |
| - | }, |
| - | |
| - | pos_modal : function ($nub) { |
| - | this.center(); |
| - | $nub.hide(); |
| - | |
| - | this.show_modal(); |
| - | }, |
| - | |
| - | show_modal : function () { |
| - | if (!this.settings.$next_tip.data('closed')) { |
| - | var joyridemodalbg = $('.joyride-modal-bg'); |
| - | if (joyridemodalbg.length < 1) { |
| - | $('body').append(this.settings.template.modal).show(); |
| - | } |
| - | |
| - | if (/pop/i.test(this.settings.tip_animation)) { |
| - | joyridemodalbg.show(); |
| - | } else { |
| - | joyridemodalbg.fadeIn(this.settings.tip_animation_fade_speed); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | expose : function () { |
| - | var expose, |
| - | exposeCover, |
| - | el, |
| - | origCSS, |
| - | origClasses, |
| - | randId = 'expose-' + this.random_str(6); |
| - | |
| - | if (arguments.length > 0 && arguments[0] instanceof $) { |
| - | el = arguments[0]; |
| - | } else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){ |
| - | el = this.settings.$target; |
| - | } else { |
| - | return false; |
| - | } |
| - | |
| - | if(el.length < 1){ |
| - | if(window.console){ |
| - | console.error('element not valid', el); |
| - | } |
| - | return false; |
| - | } |
| - | |
| - | expose = $(this.settings.template.expose); |
| - | this.settings.$body.append(expose); |
| - | expose.css({ |
| - | top: el.offset().top, |
| - | left: el.offset().left, |
| - | width: el.outerWidth(true), |
| - | height: el.outerHeight(true) |
| - | }); |
| - | |
| - | exposeCover = $(this.settings.template.expose_cover); |
| - | |
| - | origCSS = { |
| - | zIndex: el.css('z-index'), |
| - | position: el.css('position') |
| - | }; |
| - | |
| - | origClasses = el.attr('class') == null ? '' : el.attr('class'); |
| - | |
| - | el.css('z-index',parseInt(expose.css('z-index'))+1); |
| - | |
| - | if (origCSS.position == 'static') { |
| - | el.css('position','relative'); |
| - | } |
| - | |
| - | el.data('expose-css',origCSS); |
| - | el.data('orig-class', origClasses); |
| - | el.attr('class', origClasses + ' ' + this.settings.expose_add_class); |
| - | |
| - | exposeCover.css({ |
| - | top: el.offset().top, |
| - | left: el.offset().left, |
| - | width: el.outerWidth(true), |
| - | height: el.outerHeight(true) |
| - | }); |
| - | |
| - | if (this.settings.modal) this.show_modal(); |
| - | |
| - | this.settings.$body.append(exposeCover); |
| - | expose.addClass(randId); |
| - | exposeCover.addClass(randId); |
| - | el.data('expose', randId); |
| - | this.settings.post_expose_callback(this.settings.$li.index(), this.settings.$next_tip, el); |
| - | this.add_exposed(el); |
| - | }, |
| - | |
| - | un_expose : function () { |
| - | var exposeId, |
| - | el, |
| - | expose , |
| - | origCSS, |
| - | origClasses, |
| - | clearAll = false; |
| - | |
| - | if (arguments.length > 0 && arguments[0] instanceof $) { |
| - | el = arguments[0]; |
| - | } else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){ |
| - | el = this.settings.$target; |
| - | } else { |
| - | return false; |
| - | } |
| - | |
| - | if(el.length < 1){ |
| - | if (window.console) { |
| - | console.error('element not valid', el); |
| - | } |
| - | return false; |
| - | } |
| - | |
| - | exposeId = el.data('expose'); |
| - | expose = $('.' + exposeId); |
| - | |
| - | if (arguments.length > 1) { |
| - | clearAll = arguments[1]; |
| - | } |
| - | |
| - | if (clearAll === true) { |
| - | $('.joyride-expose-wrapper,.joyride-expose-cover').remove(); |
| - | } else { |
| - | expose.remove(); |
| - | } |
| - | |
| - | origCSS = el.data('expose-css'); |
| - | |
| - | if (origCSS.zIndex == 'auto') { |
| - | el.css('z-index', ''); |
| - | } else { |
| - | el.css('z-index', origCSS.zIndex); |
| - | } |
| - | |
| - | if (origCSS.position != el.css('position')) { |
| - | if(origCSS.position == 'static') {// this is default, no need to set it. |
| - | el.css('position', ''); |
| - | } else { |
| - | el.css('position', origCSS.position); |
| - | } |
| - | } |
| - | |
| - | origClasses = el.data('orig-class'); |
| - | el.attr('class', origClasses); |
| - | el.removeData('orig-classes'); |
| - | |
| - | el.removeData('expose'); |
| - | el.removeData('expose-z-index'); |
| - | this.remove_exposed(el); |
| - | }, |
| - | |
| - | add_exposed: function(el){ |
| - | this.settings.exposed = this.settings.exposed || []; |
| - | if (el instanceof $ || typeof el === 'object') { |
| - | this.settings.exposed.push(el[0]); |
| - | } else if (typeof el == 'string') { |
| - | this.settings.exposed.push(el); |
| - | } |
| - | }, |
| - | |
| - | remove_exposed: function(el){ |
| - | var search, i; |
| - | if (el instanceof $) { |
| - | search = el[0] |
| - | } else if (typeof el == 'string'){ |
| - | search = el; |
| - | } |
| - | |
| - | this.settings.exposed = this.settings.exposed || []; |
| - | i = this.settings.exposed.length; |
| - | |
| - | while (i--) { |
| - | if (this.settings.exposed[i] == search) { |
| - | this.settings.exposed.splice(i, 1); |
| - | return; |
| - | } |
| - | } |
| - | }, |
| - | |
| - | center : function () { |
| - | var $w = $(window); |
| - | |
| - | this.settings.$next_tip.css({ |
| - | top : ((($w.height() - this.settings.$next_tip.outerHeight()) / 2) + $w.scrollTop()), |
| - | left : ((($w.width() - this.settings.$next_tip.outerWidth()) / 2) + $w.scrollLeft()) |
| - | }); |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | bottom : function () { |
| - | return /bottom/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | top : function () { |
| - | return /top/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | right : function () { |
| - | return /right/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | left : function () { |
| - | return /left/i.test(this.settings.tip_settings.tip_location); |
| - | }, |
| - | |
| - | corners : function (el) { |
| - | var w = $(window), |
| - | window_half = w.height() / 2, |
| - | //using this to calculate since scroll may not have finished yet. |
| - | tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()), |
| - | right = w.width() + w.scrollLeft(), |
| - | offsetBottom = w.height() + tipOffset, |
| - | bottom = w.height() + w.scrollTop(), |
| - | top = w.scrollTop(); |
| - | |
| - | if (tipOffset < top) { |
| - | if (tipOffset < 0) { |
| - | top = 0; |
| - | } else { |
| - | top = tipOffset; |
| - | } |
| - | } |
| - | |
| - | if (offsetBottom > bottom) { |
| - | bottom = offsetBottom; |
| - | } |
| - | |
| - | return [ |
| - | el.offset().top < top, |
| - | right < el.offset().left + el.outerWidth(), |
| - | bottom < el.offset().top + el.outerHeight(), |
| - | w.scrollLeft() > el.offset().left |
| - | ]; |
| - | }, |
| - | |
| - | visible : function (hidden_corners) { |
| - | var i = hidden_corners.length; |
| - | |
| - | while (i--) { |
| - | if (hidden_corners[i]) return false; |
| - | } |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | nub_position : function (nub, pos, def) { |
| - | if (pos === 'auto') { |
| - | nub.addClass(def); |
| - | } else { |
| - | nub.addClass(pos); |
| - | } |
| - | }, |
| - | |
| - | startTimer : function () { |
| - | if (this.settings.$li.length) { |
| - | this.settings.automate = setTimeout(function () { |
| - | this.hide(); |
| - | this.show(); |
| - | this.startTimer(); |
| - | }.bind(this), this.settings.timer); |
| - | } else { |
| - | clearTimeout(this.settings.automate); |
| - | } |
| - | }, |
| - | |
| - | end : function (abort) { |
| - | if (this.settings.cookie_monster) { |
| - | $.cookie(this.settings.cookie_name, 'ridden', { expires: this.settings.cookie_expires, domain: this.settings.cookie_domain }); |
| - | } |
| - | |
| - | if (this.settings.timer > 0) { |
| - | clearTimeout(this.settings.automate); |
| - | } |
| - | |
| - | if (this.settings.modal && this.settings.expose) { |
| - | this.un_expose(); |
| - | } |
| - | |
| - | this.settings.$next_tip.data('closed', true); |
| - | |
| - | $('.joyride-modal-bg').hide(); |
| - | this.settings.$current_tip.hide(); |
| - | |
| - | if (typeof abort === 'undefined' || abort === false) { |
| - | this.settings.post_step_callback(this.settings.$li.index(), this.settings.$current_tip); |
| - | this.settings.post_ride_callback(this.settings.$li.index(), this.settings.$current_tip); |
| - | } |
| - | |
| - | $('.joyride-tip-guide').remove(); |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.joyride'); |
| - | $(window).off('.joyride'); |
| - | $('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride'); |
| - | $('.joyride-tip-guide, .joyride-modal-bg').remove(); |
| - | clearTimeout(this.settings.automate); |
| - | this.settings = {}; |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.js
+0
-611
| @@ | @@ -1,611 +0,0 @@ |
| - | /* |
| - | * Foundation Responsive Library |
| - | * http://foundation.zurb.com |
| - | * Copyright 2014, ZURB |
| - | * Free to use under the MIT license. |
| - | * http://www.opensource.org/licenses/mit-license.php |
| - | */ |
| - | |
| - | (function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | var header_helpers = function (class_array) { |
| - | var i = class_array.length; |
| - | var head = $('head'); |
| - | |
| - | while (i--) { |
| - | if(head.has('.' + class_array[i]).length === 0) { |
| - | head.append('<meta class="' + class_array[i] + '" />'); |
| - | } |
| - | } |
| - | }; |
| - | |
| - | header_helpers([ |
| - | 'foundation-mq-small', |
| - | 'foundation-mq-medium', |
| - | 'foundation-mq-large', |
| - | 'foundation-mq-xlarge', |
| - | 'foundation-mq-xxlarge', |
| - | 'foundation-data-attribute-namespace']); |
| - | |
| - | // Enable FastClick if present |
| - | |
| - | $(function() { |
| - | if (typeof FastClick !== 'undefined') { |
| - | // Don't attach to body if undefined |
| - | if (typeof document.body !== 'undefined') { |
| - | FastClick.attach(document.body); |
| - | } |
| - | } |
| - | }); |
| - | |
| - | // private Fast Selector wrapper, |
| - | // returns jQuery object. Only use where |
| - | // getElementById is not available. |
| - | var S = function (selector, context) { |
| - | if (typeof selector === 'string') { |
| - | if (context) { |
| - | var cont; |
| - | if (context.jquery) { |
| - | cont = context[0]; |
| - | if (!cont) return context; |
| - | } else { |
| - | cont = context; |
| - | } |
| - | return $(cont.querySelectorAll(selector)); |
| - | } |
| - | |
| - | return $(document.querySelectorAll(selector)); |
| - | } |
| - | |
| - | return $(selector, context); |
| - | }; |
| - | |
| - | // Namespace functions. |
| - | |
| - | var attr_name = function (init) { |
| - | var arr = []; |
| - | if (!init) arr.push('data'); |
| - | if (this.namespace.length > 0) arr.push(this.namespace); |
| - | arr.push(this.name); |
| - | |
| - | return arr.join('-'); |
| - | }; |
| - | |
| - | var add_namespace = function (str) { |
| - | var parts = str.split('-'), |
| - | i = parts.length, |
| - | arr = []; |
| - | |
| - | while (i--) { |
| - | if (i !== 0) { |
| - | arr.push(parts[i]); |
| - | } else { |
| - | if (this.namespace.length > 0) { |
| - | arr.push(this.namespace, parts[i]); |
| - | } else { |
| - | arr.push(parts[i]); |
| - | } |
| - | } |
| - | } |
| - | |
| - | return arr.reverse().join('-'); |
| - | }; |
| - | |
| - | // Event binding and data-options updating. |
| - | |
| - | var bindings = function (method, options) { |
| - | var self = this, |
| - | should_bind_events = !S(this).data(this.attr_name(true)); |
| - | |
| - | if (typeof method === 'string') { |
| - | return this[method].call(this, options); |
| - | } |
| - | |
| - | if (S(this.scope).is('[' + this.attr_name() +']')) { |
| - | S(this.scope).data(this.attr_name(true) + '-init', $.extend({}, this.settings, (options || method), this.data_options(S(this.scope)))); |
| - | |
| - | if (should_bind_events) { |
| - | this.events(this.scope); |
| - | } |
| - | |
| - | } else { |
| - | S('[' + this.attr_name() +']', this.scope).each(function () { |
| - | var should_bind_events = !S(this).data(self.attr_name(true) + '-init'); |
| - | S(this).data(self.attr_name(true) + '-init', $.extend({}, self.settings, (options || method), self.data_options(S(this)))); |
| - | |
| - | if (should_bind_events) { |
| - | self.events(this); |
| - | } |
| - | }); |
| - | } |
| - | }; |
| - | |
| - | var single_image_loaded = function (image, callback) { |
| - | function loaded () { |
| - | callback(image[0]); |
| - | } |
| - | |
| - | function bindLoad () { |
| - | this.one('load', loaded); |
| - | |
| - | if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { |
| - | var src = this.attr( 'src' ), |
| - | param = src.match( /\?/ ) ? '&' : '?'; |
| - | |
| - | param += 'random=' + (new Date()).getTime(); |
| - | this.attr('src', src + param); |
| - | } |
| - | } |
| - | |
| - | if (!image.attr('src')) { |
| - | loaded(); |
| - | return; |
| - | } |
| - | |
| - | if (image[0].complete || image[0].readyState === 4) { |
| - | loaded(); |
| - | } else { |
| - | bindLoad.call(image); |
| - | } |
| - | }; |
| - | |
| - | /* |
| - | https://github.com/paulirish/matchMedia.js |
| - | */ |
| - | |
| - | window.matchMedia = window.matchMedia || (function( doc ) { |
| - | |
| - | "use strict"; |
| - | |
| - | var bool, |
| - | docElem = doc.documentElement, |
| - | refNode = docElem.firstElementChild || docElem.firstChild, |
| - | // fakeBody required for <FF4 when executed in <head> |
| - | fakeBody = doc.createElement( "body" ), |
| - | div = doc.createElement( "div" ); |
| - | |
| - | div.id = "mq-test-1"; |
| - | div.style.cssText = "position:absolute;top:-100em"; |
| - | fakeBody.style.background = "none"; |
| - | fakeBody.appendChild(div); |
| - | |
| - | return function (q) { |
| - | |
| - | div.innerHTML = "­<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>"; |
| - | |
| - | docElem.insertBefore( fakeBody, refNode ); |
| - | bool = div.offsetWidth === 42; |
| - | docElem.removeChild( fakeBody ); |
| - | |
| - | return { |
| - | matches: bool, |
| - | media: q |
| - | }; |
| - | |
| - | }; |
| - | |
| - | }( document )); |
| - | |
| - | /* |
| - | * jquery.requestAnimationFrame |
| - | * https://github.com/gnarf37/jquery-requestAnimationFrame |
| - | * Requires jQuery 1.8+ |
| - | * |
| - | * Copyright (c) 2012 Corey Frang |
| - | * Licensed under the MIT license. |
| - | */ |
| - | |
| - | (function($) { |
| - | |
| - | // requestAnimationFrame polyfill adapted from Erik Möller |
| - | // fixes from Paul Irish and Tino Zijdel |
| - | // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ |
| - | // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating |
| - | |
| - | var animating, |
| - | lastTime = 0, |
| - | vendors = ['webkit', 'moz'], |
| - | requestAnimationFrame = window.requestAnimationFrame, |
| - | cancelAnimationFrame = window.cancelAnimationFrame, |
| - | jqueryFxAvailable = 'undefined' !== typeof jQuery.fx; |
| - | |
| - | for (; lastTime < vendors.length && !requestAnimationFrame; lastTime++) { |
| - | requestAnimationFrame = window[ vendors[lastTime] + "RequestAnimationFrame" ]; |
| - | cancelAnimationFrame = cancelAnimationFrame || |
| - | window[ vendors[lastTime] + "CancelAnimationFrame" ] || |
| - | window[ vendors[lastTime] + "CancelRequestAnimationFrame" ]; |
| - | } |
| - | |
| - | function raf() { |
| - | if (animating) { |
| - | requestAnimationFrame(raf); |
| - | |
| - | if (jqueryFxAvailable) { |
| - | jQuery.fx.tick(); |
| - | } |
| - | } |
| - | } |
| - | |
| - | if (requestAnimationFrame) { |
| - | // use rAF |
| - | window.requestAnimationFrame = requestAnimationFrame; |
| - | window.cancelAnimationFrame = cancelAnimationFrame; |
| - | |
| - | if (jqueryFxAvailable) { |
| - | jQuery.fx.timer = function (timer) { |
| - | if (timer() && jQuery.timers.push(timer) && !animating) { |
| - | animating = true; |
| - | raf(); |
| - | } |
| - | }; |
| - | |
| - | jQuery.fx.stop = function () { |
| - | animating = false; |
| - | }; |
| - | } |
| - | } else { |
| - | // polyfill |
| - | window.requestAnimationFrame = function (callback) { |
| - | var currTime = new Date().getTime(), |
| - | timeToCall = Math.max(0, 16 - (currTime - lastTime)), |
| - | id = window.setTimeout(function () { |
| - | callback(currTime + timeToCall); |
| - | }, timeToCall); |
| - | lastTime = currTime + timeToCall; |
| - | return id; |
| - | }; |
| - | |
| - | window.cancelAnimationFrame = function (id) { |
| - | clearTimeout(id); |
| - | }; |
| - | |
| - | } |
| - | |
| - | }( jQuery )); |
| - | |
| - | |
| - | function removeQuotes (string) { |
| - | if (typeof string === 'string' || string instanceof String) { |
| - | string = string.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g, ''); |
| - | } |
| - | |
| - | return string; |
| - | } |
| - | |
| - | window.Foundation = { |
| - | name : 'Foundation', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | media_queries : { |
| - | small : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | medium : S('.foundation-mq-medium').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | large : S('.foundation-mq-large').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | xlarge: S('.foundation-mq-xlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''), |
| - | xxlarge: S('.foundation-mq-xxlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '') |
| - | }, |
| - | |
| - | stylesheet : $('<style></style>').appendTo('head')[0].sheet, |
| - | |
| - | global: { |
| - | namespace: undefined |
| - | }, |
| - | |
| - | init : function (scope, libraries, method, options, response) { |
| - | var args = [scope, method, options, response], |
| - | responses = []; |
| - | |
| - | // check RTL |
| - | this.rtl = /rtl/i.test(S('html').attr('dir')); |
| - | |
| - | // set foundation global scope |
| - | this.scope = scope || this.scope; |
| - | |
| - | this.set_namespace(); |
| - | |
| - | if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) { |
| - | if (this.libs.hasOwnProperty(libraries)) { |
| - | responses.push(this.init_lib(libraries, args)); |
| - | } |
| - | } else { |
| - | for (var lib in this.libs) { |
| - | responses.push(this.init_lib(lib, libraries)); |
| - | } |
| - | } |
| - | |
| - | return scope; |
| - | }, |
| - | |
| - | init_lib : function (lib, args) { |
| - | if (this.libs.hasOwnProperty(lib)) { |
| - | this.patch(this.libs[lib]); |
| - | |
| - | if (args && args.hasOwnProperty(lib)) { |
| - | if (typeof this.libs[lib].settings !== 'undefined') { |
| - | $.extend(true, this.libs[lib].settings, args[lib]); |
| - | } |
| - | else if (typeof this.libs[lib].defaults !== 'undefined') { |
| - | $.extend(true, this.libs[lib].defaults, args[lib]); |
| - | } |
| - | return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]); |
| - | } |
| - | |
| - | args = args instanceof Array ? args : new Array(args); // PATCH: added this line |
| - | return this.libs[lib].init.apply(this.libs[lib], args); |
| - | } |
| - | |
| - | return function () {}; |
| - | }, |
| - | |
| - | patch : function (lib) { |
| - | lib.scope = this.scope; |
| - | lib.namespace = this.global.namespace; |
| - | lib.rtl = this.rtl; |
| - | lib['data_options'] = this.utils.data_options; |
| - | lib['attr_name'] = attr_name; |
| - | lib['add_namespace'] = add_namespace; |
| - | lib['bindings'] = bindings; |
| - | lib['S'] = this.utils.S; |
| - | }, |
| - | |
| - | inherit : function (scope, methods) { |
| - | var methods_arr = methods.split(' '), |
| - | i = methods_arr.length; |
| - | |
| - | while (i--) { |
| - | if (this.utils.hasOwnProperty(methods_arr[i])) { |
| - | scope[methods_arr[i]] = this.utils[methods_arr[i]]; |
| - | } |
| - | } |
| - | }, |
| - | |
| - | set_namespace: function () { |
| - | |
| - | // Description: |
| - | // Don't bother reading the namespace out of the meta tag |
| - | // if the namespace has been set globally in javascript |
| - | // |
| - | // Example: |
| - | // Foundation.global.namespace = 'my-namespace'; |
| - | // or make it an empty string: |
| - | // Foundation.global.namespace = ''; |
| - | // |
| - | // |
| - | |
| - | // If the namespace has not been set (is undefined), try to read it out of the meta element. |
| - | // Otherwise use the globally defined namespace, even if it's empty ('') |
| - | var namespace = ( this.global.namespace === undefined ) ? $('.foundation-data-attribute-namespace').css('font-family') : this.global.namespace; |
| - | |
| - | // Finally, if the namsepace is either undefined or false, set it to an empty string. |
| - | // Otherwise use the namespace value. |
| - | this.global.namespace = ( namespace === undefined || /false/i.test(namespace) ) ? '' : namespace; |
| - | }, |
| - | |
| - | libs : {}, |
| - | |
| - | // methods that can be inherited in libraries |
| - | utils : { |
| - | |
| - | // Description: |
| - | // Fast Selector wrapper returns jQuery object. Only use where getElementById |
| - | // is not available. |
| - | // |
| - | // Arguments: |
| - | // Selector (String): CSS selector describing the element(s) to be |
| - | // returned as a jQuery object. |
| - | // |
| - | // Scope (String): CSS selector describing the area to be searched. Default |
| - | // is document. |
| - | // |
| - | // Returns: |
| - | // Element (jQuery Object): jQuery object containing elements matching the |
| - | // selector within the scope. |
| - | S : S, |
| - | |
| - | // Description: |
| - | // Executes a function a max of once every n milliseconds |
| - | // |
| - | // Arguments: |
| - | // Func (Function): Function to be throttled. |
| - | // |
| - | // Delay (Integer): Function execution threshold in milliseconds. |
| - | // |
| - | // Returns: |
| - | // Lazy_function (Function): Function with throttling applied. |
| - | throttle : function (func, delay) { |
| - | var timer = null; |
| - | |
| - | return function () { |
| - | var context = this, args = arguments; |
| - | |
| - | if (timer == null) { |
| - | timer = setTimeout(function () { |
| - | func.apply(context, args); |
| - | timer = null; |
| - | }, delay); |
| - | } |
| - | }; |
| - | }, |
| - | |
| - | // Description: |
| - | // Executes a function when it stops being invoked for n seconds |
| - | // Modified version of _.debounce() http://underscorejs.org |
| - | // |
| - | // Arguments: |
| - | // Func (Function): Function to be debounced. |
| - | // |
| - | // Delay (Integer): Function execution threshold in milliseconds. |
| - | // |
| - | // Immediate (Bool): Whether the function should be called at the beginning |
| - | // of the delay instead of the end. Default is false. |
| - | // |
| - | // Returns: |
| - | // Lazy_function (Function): Function with debouncing applied. |
| - | debounce : function (func, delay, immediate) { |
| - | var timeout, result; |
| - | return function () { |
| - | var context = this, args = arguments; |
| - | var later = function () { |
| - | timeout = null; |
| - | if (!immediate) result = func.apply(context, args); |
| - | }; |
| - | var callNow = immediate && !timeout; |
| - | clearTimeout(timeout); |
| - | timeout = setTimeout(later, delay); |
| - | if (callNow) result = func.apply(context, args); |
| - | return result; |
| - | }; |
| - | }, |
| - | |
| - | // Description: |
| - | // Parses data-options attribute |
| - | // |
| - | // Arguments: |
| - | // El (jQuery Object): Element to be parsed. |
| - | // |
| - | // Returns: |
| - | // Options (Javascript Object): Contents of the element's data-options |
| - | // attribute. |
| - | data_options : function (el, data_attr_name) { |
| - | data_attr_name = data_attr_name || 'options'; |
| - | var opts = {}, ii, p, opts_arr, |
| - | data_options = function (el) { |
| - | var namespace = Foundation.global.namespace; |
| - | |
| - | if (namespace.length > 0) { |
| - | return el.data(namespace + '-' + data_attr_name); |
| - | } |
| - | |
| - | return el.data(data_attr_name); |
| - | }; |
| - | |
| - | var cached_options = data_options(el); |
| - | |
| - | if (typeof cached_options === 'object') { |
| - | return cached_options; |
| - | } |
| - | |
| - | opts_arr = (cached_options || ':').split(';'); |
| - | ii = opts_arr.length; |
| - | |
| - | function isNumber (o) { |
| - | return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true; |
| - | } |
| - | |
| - | function trim (str) { |
| - | if (typeof str === 'string') return $.trim(str); |
| - | return str; |
| - | } |
| - | |
| - | while (ii--) { |
| - | p = opts_arr[ii].split(':'); |
| - | p = [p[0], p.slice(1).join(':')]; |
| - | |
| - | if (/true/i.test(p[1])) p[1] = true; |
| - | if (/false/i.test(p[1])) p[1] = false; |
| - | if (isNumber(p[1])) { |
| - | if (p[1].indexOf('.') === -1) { |
| - | p[1] = parseInt(p[1], 10); |
| - | } else { |
| - | p[1] = parseFloat(p[1]); |
| - | } |
| - | } |
| - | |
| - | if (p.length === 2 && p[0].length > 0) { |
| - | opts[trim(p[0])] = trim(p[1]); |
| - | } |
| - | } |
| - | |
| - | return opts; |
| - | }, |
| - | |
| - | // Description: |
| - | // Adds JS-recognizable media queries |
| - | // |
| - | // Arguments: |
| - | // Media (String): Key string for the media query to be stored as in |
| - | // Foundation.media_queries |
| - | // |
| - | // Class (String): Class name for the generated <meta> tag |
| - | register_media : function (media, media_class) { |
| - | if(Foundation.media_queries[media] === undefined) { |
| - | $('head').append('<meta class="' + media_class + '">'); |
| - | Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family')); |
| - | } |
| - | }, |
| - | |
| - | // Description: |
| - | // Add custom CSS within a JS-defined media query |
| - | // |
| - | // Arguments: |
| - | // Rule (String): CSS rule to be appended to the document. |
| - | // |
| - | // Media (String): Optional media query string for the CSS rule to be |
| - | // nested under. |
| - | add_custom_rule : function (rule, media) { |
| - | if (media === undefined && Foundation.stylesheet) { |
| - | Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length); |
| - | } else { |
| - | var query = Foundation.media_queries[media]; |
| - | |
| - | if (query !== undefined) { |
| - | Foundation.stylesheet.insertRule('@media ' + |
| - | Foundation.media_queries[media] + '{ ' + rule + ' }'); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | // Description: |
| - | // Performs a callback function when an image is fully loaded |
| - | // |
| - | // Arguments: |
| - | // Image (jQuery Object): Image(s) to check if loaded. |
| - | // |
| - | // Callback (Function): Function to execute when image is fully loaded. |
| - | image_loaded : function (images, callback) { |
| - | var self = this, |
| - | unloaded = images.length; |
| - | |
| - | if (unloaded === 0) { |
| - | callback(images); |
| - | } |
| - | |
| - | images.each(function () { |
| - | single_image_loaded(self.S(this), function () { |
| - | unloaded -= 1; |
| - | if (unloaded === 0) { |
| - | callback(images); |
| - | } |
| - | }); |
| - | }); |
| - | }, |
| - | |
| - | // Description: |
| - | // Returns a random, alphanumeric string |
| - | // |
| - | // Arguments: |
| - | // Length (Integer): Length of string to be generated. Defaults to random |
| - | // integer. |
| - | // |
| - | // Returns: |
| - | // Rand (String): Pseudo-random, alphanumeric string. |
| - | random_str : function () { |
| - | if (!this.fidx) this.fidx = 0; |
| - | this.prefix = this.prefix || [(this.name || 'F'), (+new Date).toString(36)].join('-'); |
| - | |
| - | return this.prefix + (this.fidx++).toString(36); |
| - | } |
| - | } |
| - | }; |
| - | |
| - | $.fn.foundation = function () { |
| - | var args = Array.prototype.slice.call(arguments, 0); |
| - | |
| - | return this.each(function () { |
| - | Foundation.init.apply(Foundation, [this].concat(args)); |
| - | return this; |
| - | }); |
| - | }; |
| - | |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.magellan.js
+0
-178
| @@ | @@ -1,178 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs['magellan-expedition'] = { |
| - | name : 'magellan-expedition', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | active_class: 'active', |
| - | threshold: 0, // pixels from the top of the expedition for it to become fixes |
| - | destination_threshold: 20, // pixels from the top of destination for it to be considered active |
| - | throttle_delay: 30, // calculation throttling to increase framerate |
| - | fixed_top: 0 // top distance in pixels assigend to the fixed element on scroll |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'throttle'); |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this, |
| - | S = self.S, |
| - | settings = self.settings; |
| - | |
| - | // initialize expedition offset |
| - | self.set_expedition_position(); |
| - | |
| - | S(self.scope) |
| - | .off('.magellan') |
| - | .on('click.fndtn.magellan', '[' + self.add_namespace('data-magellan-arrival') + '] a[href^="#"]', function (e) { |
| - | e.preventDefault(); |
| - | var expedition = $(this).closest('[' + self.attr_name() + ']'), |
| - | settings = expedition.data('magellan-expedition-init'), |
| - | hash = this.hash.split('#').join(''), |
| - | target = $("a[name='"+hash+"']"); |
| - | |
| - | if (target.length === 0) { |
| - | target = $('#'+hash); |
| - | } |
| - | |
| - | // Account for expedition height if fixed position |
| - | var scroll_top = target.offset().top; |
| - | scroll_top = scroll_top - expedition.outerHeight(); |
| - | |
| - | $('html, body').stop().animate({ |
| - | 'scrollTop': scroll_top |
| - | }, 700, 'swing', function () { |
| - | if(history.pushState) { |
| - | history.pushState(null, null, '#'+hash); |
| - | } |
| - | else { |
| - | location.hash = '#'+hash; |
| - | } |
| - | }); |
| - | }) |
| - | .on('scroll.fndtn.magellan', self.throttle(this.check_for_arrivals.bind(this), settings.throttle_delay)); |
| - | |
| - | $(window) |
| - | .on('resize.fndtn.magellan', self.throttle(this.set_expedition_position.bind(this), settings.throttle_delay)); |
| - | }, |
| - | |
| - | check_for_arrivals : function() { |
| - | var self = this; |
| - | self.update_arrivals(); |
| - | self.update_expedition_positions(); |
| - | }, |
| - | |
| - | set_expedition_position : function() { |
| - | var self = this; |
| - | $('[' + this.attr_name() + '=fixed]', self.scope).each(function(idx, el) { |
| - | var expedition = $(this), |
| - | styles = expedition.attr('styles'), // save styles |
| - | top_offset; |
| - | |
| - | expedition.attr('style', ''); |
| - | top_offset = expedition.offset().top + self.settings.threshold; |
| - | |
| - | expedition.data(self.data_attr('magellan-top-offset'), top_offset); |
| - | expedition.attr('style', styles); |
| - | }); |
| - | }, |
| - | |
| - | update_expedition_positions : function() { |
| - | var self = this, |
| - | window_top_offset = $(window).scrollTop(); |
| - | |
| - | $('[' + this.attr_name() + '=fixed]', self.scope).each(function() { |
| - | var expedition = $(this), |
| - | top_offset = expedition.data('magellan-top-offset'); |
| - | |
| - | if (window_top_offset >= top_offset) { |
| - | // Placeholder allows height calculations to be consistent even when |
| - | // appearing to switch between fixed/non-fixed placement |
| - | var placeholder = expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']'); |
| - | if (placeholder.length === 0) { |
| - | placeholder = expedition.clone(); |
| - | placeholder.removeAttr(self.attr_name()); |
| - | placeholder.attr(self.add_namespace('data-magellan-expedition-clone'),''); |
| - | expedition.before(placeholder); |
| - | } |
| - | expedition.css({position:'fixed', top: self.settings.fixed_top}); |
| - | } else { |
| - | expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']').remove(); |
| - | expedition.attr('style','').removeClass('fixed'); |
| - | } |
| - | }); |
| - | }, |
| - | |
| - | update_arrivals : function() { |
| - | var self = this, |
| - | window_top_offset = $(window).scrollTop(); |
| - | |
| - | $('[' + this.attr_name() + ']', self.scope).each(function() { |
| - | var expedition = $(this), |
| - | settings = expedition.data(self.attr_name(true) + '-init'), |
| - | offsets = self.offsets(expedition, window_top_offset), |
| - | arrivals = expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']'), |
| - | active_item = false; |
| - | offsets.each(function(idx, item) { |
| - | if (item.viewport_offset >= item.top_offset) { |
| - | var arrivals = expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']'); |
| - | arrivals.not(item.arrival).removeClass(settings.active_class); |
| - | item.arrival.addClass(settings.active_class); |
| - | active_item = true; |
| - | return true; |
| - | } |
| - | }); |
| - | |
| - | if (!active_item) arrivals.removeClass(settings.active_class); |
| - | }); |
| - | }, |
| - | |
| - | offsets : function(expedition, window_offset) { |
| - | var self = this, |
| - | settings = expedition.data(self.attr_name(true) + '-init'), |
| - | viewport_offset = window_offset; |
| - | |
| - | return expedition.find('[' + self.add_namespace('data-magellan-arrival') + ']').map(function(idx, el) { |
| - | var name = $(this).data(self.data_attr('magellan-arrival')), |
| - | dest = $('[' + self.add_namespace('data-magellan-destination') + '=' + name + ']'); |
| - | if (dest.length > 0) { |
| - | var top_offset = dest.offset().top - settings.destination_threshold - expedition.outerHeight(); |
| - | return { |
| - | destination : dest, |
| - | arrival : $(this), |
| - | top_offset : top_offset, |
| - | viewport_offset : viewport_offset |
| - | } |
| - | } |
| - | }).sort(function(a, b) { |
| - | if (a.top_offset < b.top_offset) return -1; |
| - | if (a.top_offset > b.top_offset) return 1; |
| - | return 0; |
| - | }); |
| - | }, |
| - | |
| - | data_attr: function (str) { |
| - | if (this.namespace.length > 0) { |
| - | return this.namespace + '-' + str; |
| - | } |
| - | |
| - | return str; |
| - | }, |
| - | |
| - | off : function () { |
| - | this.S(this.scope).off('.magellan'); |
| - | this.S(window).off('.magellan'); |
| - | }, |
| - | |
| - | reflow : function () { |
| - | var self = this; |
| - | // remove placeholder expeditions used for height calculation purposes |
| - | $('[' + self.add_namespace('data-magellan-expedition-clone') + ']', self.scope).remove(); |
| - | } |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.offcanvas.js
+0
-108
| @@ | @@ -1,108 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.offcanvas = { |
| - | name : 'offcanvas', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | open_method: 'move', |
| - | close_on_click: true |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this, |
| - | S = self.S, |
| - | move_class = '', |
| - | right_postfix = '', |
| - | left_postfix = ''; |
| - | |
| - | if (this.settings.open_method === 'move') { |
| - | move_class = 'move-'; |
| - | right_postfix = 'right'; |
| - | left_postfix = 'left'; |
| - | } else if (this.settings.open_method === 'overlap') { |
| - | move_class = 'offcanvas-overlap'; |
| - | } |
| - | |
| - | S(this.scope).off('.offcanvas') |
| - | .on('click.fndtn.offcanvas', '.left-off-canvas-toggle', function (e) { |
| - | self.click_toggle_class(e, move_class + right_postfix); |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.left-off-canvas-menu a', function (e) { |
| - | var settings = self.get_settings(e); |
| - | if (settings.close_on_click) { |
| - | self.hide.call(self, move_class + right_postfix, self.get_wrapper(e)); |
| - | } |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.right-off-canvas-toggle', function (e) { |
| - | self.click_toggle_class(e, move_class + left_postfix); |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.right-off-canvas-menu a', function (e) { |
| - | var settings = self.get_settings(e); |
| - | if (settings.close_on_click) { |
| - | self.hide.call(self, move_class + left_postfix, self.get_wrapper(e)); |
| - | } |
| - | }) |
| - | .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { |
| - | self.click_remove_class(e, move_class + left_postfix); |
| - | if (right_postfix) self.click_remove_class(e, move_class + right_postfix); |
| - | }); |
| - | |
| - | }, |
| - | |
| - | toggle: function(class_name, $off_canvas) { |
| - | $off_canvas = $off_canvas || this.get_wrapper(); |
| - | if ($off_canvas.is('.' + class_name)) { |
| - | this.hide(class_name, $off_canvas); |
| - | } else { |
| - | this.show(class_name, $off_canvas); |
| - | } |
| - | }, |
| - | |
| - | show: function(class_name, $off_canvas) { |
| - | $off_canvas = $off_canvas || this.get_wrapper(); |
| - | $off_canvas.trigger('open'); |
| - | $off_canvas.addClass(class_name); |
| - | }, |
| - | |
| - | hide: function(class_name, $off_canvas) { |
| - | $off_canvas = $off_canvas || this.get_wrapper(); |
| - | $off_canvas.trigger('close'); |
| - | $off_canvas.removeClass(class_name); |
| - | }, |
| - | |
| - | click_toggle_class: function(e, class_name) { |
| - | e.preventDefault(); |
| - | var $off_canvas = this.get_wrapper(e); |
| - | this.toggle(class_name, $off_canvas); |
| - | }, |
| - | |
| - | click_remove_class: function(e, class_name) { |
| - | e.preventDefault(); |
| - | var $off_canvas = this.get_wrapper(e); |
| - | this.hide(class_name, $off_canvas); |
| - | }, |
| - | |
| - | get_settings: function(e) { |
| - | var offcanvas = this.S(e.target).closest('[' + this.attr_name() + ']'); |
| - | return offcanvas.data(this.attr_name(true) + '-init') || this.settings; |
| - | }, |
| - | |
| - | get_wrapper: function(e) { |
| - | var $off_canvas = this.S(e ? e.target : this.scope).closest('.off-canvas-wrap'); |
| - | |
| - | if ($off_canvas.length === 0) { |
| - | $off_canvas = this.S('.off-canvas-wrap'); |
| - | } |
| - | return $off_canvas; |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.orbit.js
+0
-610
| @@ | @@ -1,610 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | var noop = function() {}; |
| - | |
| - | var Orbit = function(el, settings) { |
| - | // Don't reinitialize plugin |
| - | if (el.hasClass(settings.slides_container_class)) { |
| - | return this; |
| - | } |
| - | |
| - | var self = this, |
| - | container, |
| - | slides_container = el, |
| - | number_container, |
| - | bullets_container, |
| - | timer_container, |
| - | idx = 0, |
| - | animate, |
| - | adjust_height_after = false, |
| - | has_init_active = slides_container.find("." + settings.active_slide_class).length > 0; |
| - | |
| - | self.cache = {}; |
| - | |
| - | self.slides = function() { |
| - | return slides_container.children(settings.slide_selector); |
| - | }; |
| - | |
| - | if (!has_init_active) {self.slides().first().addClass(settings.active_slide_class)}; |
| - | |
| - | self.update_slide_number = function(index) { |
| - | if (settings.slide_number) { |
| - | number_container.find('span:first').text(parseInt(index)+1); |
| - | number_container.find('span:last').text(self.slides().length); |
| - | } |
| - | if (settings.bullets) { |
| - | bullets_container.children().removeClass(settings.bullets_active_class); |
| - | $(bullets_container.children().get(index)).addClass(settings.bullets_active_class); |
| - | } |
| - | }; |
| - | |
| - | self.update_active_link = function(index) { |
| - | var link = $('[data-orbit-link="'+self.slides().eq(index).attr('data-orbit-slide')+'"]'); |
| - | link.siblings().removeClass(settings.bullets_active_class); |
| - | link.addClass(settings.bullets_active_class); |
| - | }; |
| - | |
| - | self.build_markup = function() { |
| - | slides_container.wrap('<div class="'+settings.container_class+'"></div>'); |
| - | container = slides_container.parent(); |
| - | slides_container.addClass(settings.slides_container_class); |
| - | slides_container.addClass(settings.animation); |
| - | |
| - | if (settings.stack_on_small) { |
| - | container.addClass(settings.stack_on_small_class); |
| - | } |
| - | |
| - | if (settings.navigation_arrows) { |
| - | container.append($('<a href="#"><span></span></a>').addClass(settings.prev_class)); |
| - | container.append($('<a href="#"><span></span></a>').addClass(settings.next_class)); |
| - | } |
| - | |
| - | if (settings.timer) { |
| - | timer_container = $('<div>').addClass(settings.timer_container_class); |
| - | timer_container.append('<span>'); |
| - | if (settings.timer_show_progress_bar) { |
| - | timer_container.append($('<div>').addClass(settings.timer_progress_class)); |
| - | } |
| - | timer_container.addClass(settings.timer_paused_class); |
| - | container.append(timer_container); |
| - | } |
| - | |
| - | if (settings.slide_number) { |
| - | number_container = $('<div>').addClass(settings.slide_number_class); |
| - | number_container.append('<span></span> ' + settings.slide_number_text + ' <span></span>'); |
| - | container.append(number_container); |
| - | } |
| - | |
| - | if (settings.bullets) { |
| - | bullets_container = $('<ol>').addClass(settings.bullets_container_class); |
| - | container.append(bullets_container); |
| - | bullets_container.wrap('<div class="orbit-bullets-container"></div>'); |
| - | self.slides().each(function(idx, el) { |
| - | var bullet = $('<li>').attr('data-orbit-slide', idx) |
| - | .on('click', self.link_bullet); |
| - | bullets_container.append(bullet); |
| - | }); |
| - | } |
| - | |
| - | }; |
| - | |
| - | self._prepare_direction = function(next_idx, current_direction) { |
| - | var dir = 'next'; |
| - | if (next_idx <= idx) { dir = 'prev'; } |
| - | |
| - | if (settings.animation === 'slide') { |
| - | setTimeout(function(){ |
| - | slides_container.removeClass("swipe-prev swipe-next"); |
| - | if (dir === 'next') {slides_container.addClass("swipe-next");} |
| - | else if (dir === 'prev') {slides_container.addClass("swipe-prev");} |
| - | },0); |
| - | } |
| - | |
| - | var slides = self.slides(); |
| - | if (next_idx >= slides.length) { |
| - | if (!settings.circular) return false; |
| - | next_idx = 0; |
| - | } else if (next_idx < 0) { |
| - | if (!settings.circular) return false; |
| - | next_idx = slides.length - 1; |
| - | } |
| - | var current = $(slides.get(idx)) |
| - | , next = $(slides.get(next_idx)); |
| - | |
| - | return [dir, current, next, next_idx]; |
| - | }; |
| - | |
| - | self._goto = function(next_idx, start_timer) { |
| - | if (next_idx === null) {return false;} |
| - | if (self.cache.animating) {return false;} |
| - | if (next_idx === idx) {return false;} |
| - | if (typeof self.cache.timer === 'object') {self.cache.timer.restart();} |
| - | |
| - | var slides = self.slides(); |
| - | self.cache.animating = true; |
| - | var res = self._prepare_direction(next_idx) |
| - | , dir = res[0] |
| - | , current = res[1] |
| - | , next = res[2] |
| - | , next_idx = res[3]; |
| - | |
| - | // This means that circular is disabled and we most likely reached the last slide. |
| - | if (res === false) return false; |
| - | |
| - | slides_container.trigger('before-slide-change.fndtn.orbit'); |
| - | settings.before_slide_change(); |
| - | idx = next_idx; |
| - | |
| - | current.css("transitionDuration", settings.animation_speed+"ms"); |
| - | next.css("transitionDuration", settings.animation_speed+"ms"); |
| - | |
| - | var callback = function() { |
| - | var unlock = function() { |
| - | if (start_timer === true) {self.cache.timer.restart();} |
| - | self.update_slide_number(idx); |
| - | // Remove "animate-in" class as late as possible to avoid "flickering" (especially with variable_height). |
| - | next.removeClass("animate-in"); |
| - | next.addClass(settings.active_slide_class); |
| - | self.update_active_link(next_idx); |
| - | slides_container.trigger('after-slide-change.fndtn.orbit',[{slide_number: idx, total_slides: slides.length}]); |
| - | settings.after_slide_change(idx, slides.length); |
| - | setTimeout(function(){ |
| - | self.cache.animating = false; |
| - | }, 100); |
| - | |
| - | }; |
| - | if (slides_container.height() != next.height() && settings.variable_height) { |
| - | slides_container.animate({'min-height': next.height()}, 250, 'linear', unlock); |
| - | } else { |
| - | unlock(); |
| - | } |
| - | }; |
| - | |
| - | if (slides.length === 1) {callback(); return false;} |
| - | |
| - | var start_animation = function() { |
| - | if (dir === 'next') {animate.next(current, next, callback);} |
| - | if (dir === 'prev') {animate.prev(current, next, callback);} |
| - | }; |
| - | |
| - | if (next.height() > slides_container.height() && settings.variable_height) { |
| - | slides_container.animate({'min-height': next.height()}, 250, 'linear', start_animation); |
| - | } else { |
| - | start_animation(); |
| - | } |
| - | }; |
| - | |
| - | self.next = function(e) { |
| - | e.stopImmediatePropagation(); |
| - | e.preventDefault(); |
| - | self._prepare_direction(idx + 1); |
| - | setTimeout(function(){ |
| - | self._goto(idx + 1); |
| - | }, 100); |
| - | }; |
| - | |
| - | self.prev = function(e) { |
| - | e.stopImmediatePropagation(); |
| - | e.preventDefault(); |
| - | self._prepare_direction(idx - 1); |
| - | setTimeout(function(){ |
| - | self._goto(idx - 1) |
| - | }, 100); |
| - | }; |
| - | |
| - | self.link_custom = function(e) { |
| - | e.preventDefault(); |
| - | var link = $(this).attr('data-orbit-link'); |
| - | if ((typeof link === 'string') && (link = $.trim(link)) != "") { |
| - | var slide = container.find('[data-orbit-slide='+link+']'); |
| - | if (slide.index() != -1) { |
| - | setTimeout(function(){ |
| - | self._goto(slide.index()); |
| - | },100); |
| - | } |
| - | } |
| - | }; |
| - | |
| - | // Click handler for slides and bullets. |
| - | self.link_bullet = function(e) { |
| - | var index = $(this).attr('data-orbit-slide'); |
| - | if ((typeof index === 'string') && (index = $.trim(index)) != "") { |
| - | if(isNaN(parseInt(index))) |
| - | { |
| - | var slide = container.find('[data-orbit-slide='+index+']'); |
| - | if (slide.index() != -1) { |
| - | index = slide.index() + 1; |
| - | self._prepare_direction(index); |
| - | setTimeout(function(){ |
| - | self._goto(index); |
| - | },100); |
| - | } |
| - | } |
| - | else |
| - | { |
| - | index = parseInt(index); |
| - | self._prepare_direction(index); |
| - | setTimeout(function(){ |
| - | self._goto(index); |
| - | },100); |
| - | } |
| - | } |
| - | } |
| - | |
| - | self.timer_callback = function() { |
| - | self._goto(idx + 1, true); |
| - | } |
| - | |
| - | self.compute_dimensions = function() { |
| - | var current = $(self.slides().get(idx)); |
| - | var h = current.height(); |
| - | if (!settings.variable_height) { |
| - | self.slides().each(function(){ |
| - | if ($(this).height() > h) { h = $(this).height(); } |
| - | }); |
| - | } |
| - | slides_container.css('minHeight', String(h)+'px'); |
| - | }; |
| - | |
| - | self.create_timer = function() { |
| - | var t = new Timer( |
| - | container.find('.'+settings.timer_container_class), |
| - | settings, |
| - | self.timer_callback |
| - | ); |
| - | return t; |
| - | }; |
| - | |
| - | self.stop_timer = function() { |
| - | if (typeof self.cache.timer === 'object') self.cache.timer.stop(); |
| - | }; |
| - | |
| - | self.toggle_timer = function() { |
| - | var t = container.find('.'+settings.timer_container_class); |
| - | if (t.hasClass(settings.timer_paused_class)) { |
| - | if (typeof self.cache.timer === 'undefined') {self.cache.timer = self.create_timer();} |
| - | self.cache.timer.start(); |
| - | } |
| - | else { |
| - | if (typeof self.cache.timer === 'object') {self.cache.timer.stop();} |
| - | } |
| - | }; |
| - | |
| - | self.init = function() { |
| - | self.build_markup(); |
| - | if (settings.timer) { |
| - | self.cache.timer = self.create_timer(); |
| - | Foundation.utils.image_loaded(this.slides().find('img'), self.cache.timer.start); |
| - | } |
| - | |
| - | animate = new CSSAnimation(settings, slides_container); |
| - | |
| - | if (has_init_active) { |
| - | var $init_target = slides_container.find("." + settings.active_slide_class), |
| - | animation_speed = settings.animation_speed; |
| - | settings.animation_speed = 1; |
| - | $init_target.removeClass('active'); |
| - | self._goto($init_target.index()); |
| - | settings.animation_speed = animation_speed; |
| - | } |
| - | |
| - | container.on('click', '.'+settings.next_class, self.next); |
| - | container.on('click', '.'+settings.prev_class, self.prev); |
| - | |
| - | if (settings.next_on_click) { |
| - | container.on('click', '.'+settings.slides_container_class+' [data-orbit-slide]', self.link_bullet); |
| - | } |
| - | |
| - | container.on('click', self.toggle_timer); |
| - | if (settings.swipe) { |
| - | slides_container.on('touchstart.fndtn.orbit',function(e) { |
| - | if (self.cache.animating) {return;} |
| - | if (!e.touches) {e = e.originalEvent;} |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | |
| - | self.cache.start_page_x = e.touches[0].pageX; |
| - | self.cache.start_page_y = e.touches[0].pageY; |
| - | self.cache.start_time = (new Date()).getTime(); |
| - | self.cache.delta_x = 0; |
| - | self.cache.is_scrolling = null; |
| - | self.cache.direction = null; |
| - | |
| - | self.stop_timer(); // does not appear to prevent callback from occurring |
| - | }) |
| - | .on('touchmove.fndtn.orbit',function(e) { |
| - | if (Math.abs(self.cache.delta_x) > 5) { |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | } |
| - | |
| - | if (self.cache.animating) {return;} |
| - | requestAnimationFrame(function(){ |
| - | if (!e.touches) { e = e.originalEvent; } |
| - | |
| - | // Ignore pinch/zoom events |
| - | if(e.touches.length > 1 || e.scale && e.scale !== 1) return; |
| - | |
| - | self.cache.delta_x = e.touches[0].pageX - self.cache.start_page_x; |
| - | |
| - | if (self.cache.is_scrolling === null) { |
| - | self.cache.is_scrolling = !!( self.cache.is_scrolling || Math.abs(self.cache.delta_x) < Math.abs(e.touches[0].pageY - self.cache.start_page_y) ); |
| - | } |
| - | |
| - | if (self.cache.is_scrolling) { |
| - | return; |
| - | } |
| - | |
| - | var direction = (self.cache.delta_x < 0) ? (idx+1) : (idx-1); |
| - | if (self.cache.direction !== direction) { |
| - | var res = self._prepare_direction(direction); |
| - | self.cache.direction = direction; |
| - | self.cache.dir = res[0]; |
| - | self.cache.current = res[1]; |
| - | self.cache.next = res[2]; |
| - | } |
| - | |
| - | if (settings.animation === 'slide') { |
| - | var offset, next_offset; |
| - | |
| - | offset = (self.cache.delta_x / container.width()) * 100; |
| - | if (offset >= 0) {next_offset = -(100 - offset);} |
| - | else {next_offset = 100 + offset;} |
| - | |
| - | self.cache.current.css("transform","translate3d("+offset+"%,0,0)"); |
| - | self.cache.next.css("transform","translate3d("+next_offset+"%,0,0)"); |
| - | } |
| - | }); |
| - | }) |
| - | .on('touchend.fndtn.orbit', function(e) { |
| - | if (self.cache.animating) {return;} |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | setTimeout(function(){ |
| - | self._goto(self.cache.direction); |
| - | }, 50); |
| - | }); |
| - | } |
| - | container.on('mouseenter.fndtn.orbit', function(e) { |
| - | if (settings.timer && settings.pause_on_hover) { |
| - | self.stop_timer(); |
| - | } |
| - | }) |
| - | .on('mouseleave.fndtn.orbit', function(e) { |
| - | if (settings.timer && settings.resume_on_mouseout) { |
| - | self.cache.timer.start(); |
| - | } |
| - | }); |
| - | |
| - | $(document).on('click', '[data-orbit-link]', self.link_custom); |
| - | $(window).on('load resize', self.compute_dimensions); |
| - | var children = this.slides().find('img'); |
| - | Foundation.utils.image_loaded(children, self.compute_dimensions); |
| - | Foundation.utils.image_loaded(children, function() { |
| - | container.prev('.'+settings.preloader_class).css('display', 'none'); |
| - | self.update_slide_number(idx); |
| - | self.update_active_link(idx); |
| - | slides_container.trigger('ready.fndtn.orbit'); |
| - | }); |
| - | }; |
| - | |
| - | self.init(); |
| - | }; |
| - | |
| - | var Timer = function(el, settings, callback) { |
| - | var self = this, |
| - | duration = settings.timer_speed, |
| - | progress = el.find('.'+settings.timer_progress_class), |
| - | do_progress = progress && progress.css('display') != 'none', |
| - | start, |
| - | timeout, |
| - | left = -1; |
| - | |
| - | this.update_progress = function(w) { |
| - | var new_progress = progress.clone(); |
| - | new_progress.attr('style', ''); |
| - | new_progress.css('width', w+'%'); |
| - | progress.replaceWith(new_progress); |
| - | progress = new_progress; |
| - | }; |
| - | |
| - | this.restart = function() { |
| - | clearTimeout(timeout); |
| - | el.addClass(settings.timer_paused_class); |
| - | left = -1; |
| - | if (do_progress) {self.update_progress(0);} |
| - | self.start(); |
| - | }; |
| - | |
| - | this.start = function() { |
| - | if (!el.hasClass(settings.timer_paused_class)) {return true;} |
| - | left = (left === -1) ? duration : left; |
| - | el.removeClass(settings.timer_paused_class); |
| - | if (do_progress) { |
| - | start = new Date().getTime(); |
| - | progress.animate({'width': '100%'}, left, 'linear'); |
| - | } |
| - | timeout = setTimeout(function() { |
| - | self.restart(); |
| - | callback(); |
| - | }, left); |
| - | el.trigger('timer-started.fndtn.orbit') |
| - | }; |
| - | |
| - | this.stop = function() { |
| - | if (el.hasClass(settings.timer_paused_class)) {return true;} |
| - | clearTimeout(timeout); |
| - | el.addClass(settings.timer_paused_class); |
| - | if (do_progress) { |
| - | var end = new Date().getTime(); |
| - | left = left - (end - start); |
| - | var w = 100 - ((left / duration) * 100); |
| - | self.update_progress(w); |
| - | } |
| - | el.trigger('timer-stopped.fndtn.orbit'); |
| - | }; |
| - | }; |
| - | |
| - | var CSSAnimation = function(settings, container) { |
| - | var animation_end = "webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend"; |
| - | |
| - | this.next = function(current, next, callback) { |
| - | if (Modernizr.csstransitions) { |
| - | next.on(animation_end, function(e){ |
| - | next.unbind(animation_end); |
| - | current.removeClass("active animate-out"); |
| - | container.children().css({ |
| - | "transform":"", |
| - | "-ms-transform":"", |
| - | "-webkit-transition-duration":"", |
| - | "-moz-transition-duration": "", |
| - | "-o-transition-duration": "", |
| - | "transition-duration":"" |
| - | }); |
| - | callback(); |
| - | }); |
| - | } else { |
| - | setTimeout(function(){ |
| - | current.removeClass("active animate-out"); |
| - | container.children().css({ |
| - | "transform":"", |
| - | "-ms-transform":"", |
| - | "-webkit-transition-duration":"", |
| - | "-moz-transition-duration": "", |
| - | "-o-transition-duration": "", |
| - | "transition-duration":"" |
| - | }); |
| - | callback(); |
| - | }, settings.animation_speed); |
| - | } |
| - | container.children().css({ |
| - | "transform":"", |
| - | "-ms-transform":"", |
| - | "-webkit-transition-duration":"", |
| - | "-moz-transition-duration": "", |
| - | "-o-transition-duration": "", |
| - | "transition-duration":"" |
| - | }); |
| - | current.addClass("animate-out"); |
| - | next.addClass("animate-in"); |
| - | }; |
| - | |
| - | this.prev = function(current, prev, callback) { |
| - | if (Modernizr.csstransitions) { |
| - | prev.on(animation_end, function(e){ |
| - | prev.unbind(animation_end); |
| - | current.removeClass("active animate-out"); |
| - | container.children().css({ |
| - | "transform":"", |
| - | "-ms-transform":"", |
| - | "-webkit-transition-duration":"", |
| - | "-moz-transition-duration": "", |
| - | "-o-transition-duration": "", |
| - | "transition-duration":"" |
| - | }); |
| - | callback(); |
| - | }); |
| - | } else { |
| - | setTimeout(function(){ |
| - | current.removeClass("active animate-out"); |
| - | container.children().css({ |
| - | "transform":"", |
| - | "-ms-transform":"", |
| - | "-webkit-transition-duration":"", |
| - | "-moz-transition-duration": "", |
| - | "-o-transition-duration": "", |
| - | "transition-duration":"" |
| - | }); |
| - | callback(); |
| - | }, settings.animation_speed); |
| - | } |
| - | container.children().css({ |
| - | "transform":"", |
| - | "-ms-transform":"", |
| - | "-webkit-transition-duration":"", |
| - | "-moz-transition-duration": "", |
| - | "-o-transition-duration": "", |
| - | "transition-duration":"" |
| - | }); |
| - | current.addClass("animate-out"); |
| - | prev.addClass("animate-in"); |
| - | }; |
| - | }; |
| - | |
| - | |
| - | Foundation.libs = Foundation.libs || {}; |
| - | |
| - | Foundation.libs.orbit = { |
| - | name: 'orbit', |
| - | |
| - | version: '5.2.3', |
| - | |
| - | settings: { |
| - | animation: 'slide', |
| - | timer_speed: 10000, |
| - | pause_on_hover: true, |
| - | resume_on_mouseout: false, |
| - | next_on_click: true, |
| - | animation_speed: 500, |
| - | stack_on_small: false, |
| - | navigation_arrows: true, |
| - | slide_number: true, |
| - | slide_number_text: 'of', |
| - | container_class: 'orbit-container', |
| - | stack_on_small_class: 'orbit-stack-on-small', |
| - | next_class: 'orbit-next', |
| - | prev_class: 'orbit-prev', |
| - | timer_container_class: 'orbit-timer', |
| - | timer_paused_class: 'paused', |
| - | timer_progress_class: 'orbit-progress', |
| - | timer_show_progress_bar: true, |
| - | slides_container_class: 'orbit-slides-container', |
| - | preloader_class: 'preloader', |
| - | slide_selector: '*', |
| - | bullets_container_class: 'orbit-bullets', |
| - | bullets_active_class: 'active', |
| - | slide_number_class: 'orbit-slide-number', |
| - | caption_class: 'orbit-caption', |
| - | active_slide_class: 'active', |
| - | orbit_transition_class: 'orbit-transitioning', |
| - | bullets: true, |
| - | circular: true, |
| - | timer: true, |
| - | variable_height: false, |
| - | swipe: true, |
| - | before_slide_change: noop, |
| - | after_slide_change: noop |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | var self = this; |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (instance) { |
| - | var self = this; |
| - | var orbit_instance = new Orbit(this.S(instance), this.S(instance).data('orbit-init')); |
| - | this.S(instance).data(self.name + '-instance', orbit_instance); |
| - | }, |
| - | |
| - | reflow : function () { |
| - | var self = this; |
| - | |
| - | if (self.S(self.scope).is('[data-orbit]')) { |
| - | var $el = self.S(self.scope); |
| - | var instance = $el.data(self.name + '-instance'); |
| - | instance.compute_dimensions(); |
| - | } else { |
| - | self.S('[data-orbit]', self.scope).each(function(idx, el) { |
| - | var $el = self.S(el); |
| - | var opts = self.data_options($el); |
| - | var instance = $el.data(self.name + '-instance'); |
| - | instance.compute_dimensions(); |
| - | }); |
| - | } |
| - | } |
| - | }; |
| - | |
| - | |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.reveal.js
+0
-437
| @@ | @@ -1,437 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.reveal = { |
| - | name : 'reveal', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | locked : false, |
| - | |
| - | settings : { |
| - | animation: 'fadeAndPop', |
| - | animation_speed: 250, |
| - | close_on_background_click: true, |
| - | close_on_esc: true, |
| - | dismiss_modal_class: 'close-reveal-modal', |
| - | bg_class: 'reveal-modal-bg', |
| - | open: function(){}, |
| - | opened: function(){}, |
| - | close: function(){}, |
| - | closed: function(){}, |
| - | bg : $('.reveal-modal-bg'), |
| - | css : { |
| - | open : { |
| - | 'opacity': 0, |
| - | 'visibility': 'visible', |
| - | 'display' : 'block' |
| - | }, |
| - | close : { |
| - | 'opacity': 1, |
| - | 'visibility': 'hidden', |
| - | 'display': 'none' |
| - | } |
| - | } |
| - | }, |
| - | |
| - | init : function (scope, method, options) { |
| - | $.extend(true, this.settings, method, options); |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | events : function (scope) { |
| - | var self = this, |
| - | S = self.S; |
| - | |
| - | S(this.scope) |
| - | .off('.reveal') |
| - | .on('click.fndtn.reveal', '[' + this.add_namespace('data-reveal-id') + ']', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | if (!self.locked) { |
| - | var element = S(this), |
| - | ajax = element.data(self.data_attr('reveal-ajax')); |
| - | |
| - | self.locked = true; |
| - | |
| - | if (typeof ajax === 'undefined') { |
| - | self.open.call(self, element); |
| - | } else { |
| - | var url = ajax === true ? element.attr('href') : ajax; |
| - | |
| - | self.open.call(self, element, {url: url}); |
| - | } |
| - | } |
| - | }); |
| - | |
| - | S(document) |
| - | .on('touchend.fndtn.reveal click.fndtn.reveal', this.close_targets(), function (e) { |
| - | |
| - | e.preventDefault(); |
| - | |
| - | if (!self.locked) { |
| - | var settings = S('[' + self.attr_name() + '].open').data(self.attr_name(true) + '-init'), |
| - | bg_clicked = S(e.target)[0] === S('.' + settings.bg_class)[0]; |
| - | |
| - | if (bg_clicked) { |
| - | if (settings.close_on_background_click) { |
| - | e.stopPropagation(); |
| - | } else { |
| - | return; |
| - | } |
| - | } |
| - | |
| - | self.locked = true; |
| - | self.close.call(self, bg_clicked ? S('[' + self.attr_name() + '].open') : S(this).closest('[' + self.attr_name() + ']')); |
| - | } |
| - | }); |
| - | |
| - | if(S('[' + self.attr_name() + ']', this.scope).length > 0) { |
| - | S(this.scope) |
| - | // .off('.reveal') |
| - | .on('open.fndtn.reveal', this.settings.open) |
| - | .on('opened.fndtn.reveal', this.settings.opened) |
| - | .on('opened.fndtn.reveal', this.open_video) |
| - | .on('close.fndtn.reveal', this.settings.close) |
| - | .on('closed.fndtn.reveal', this.settings.closed) |
| - | .on('closed.fndtn.reveal', this.close_video); |
| - | } else { |
| - | S(this.scope) |
| - | // .off('.reveal') |
| - | .on('open.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.open) |
| - | .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.opened) |
| - | .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.open_video) |
| - | .on('close.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.close) |
| - | .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.closed) |
| - | .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.close_video); |
| - | } |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | // PATCH #3: turning on key up capture only when a reveal window is open |
| - | key_up_on : function (scope) { |
| - | var self = this; |
| - | |
| - | // PATCH #1: fixing multiple keyup event trigger from single key press |
| - | self.S('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function ( event ) { |
| - | var open_modal = self.S('[' + self.attr_name() + '].open'), |
| - | settings = open_modal.data(self.attr_name(true) + '-init'); |
| - | // PATCH #2: making sure that the close event can be called only while unlocked, |
| - | // so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window. |
| - | if ( settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key |
| - | self.close.call(self, open_modal); |
| - | } |
| - | }); |
| - | |
| - | return true; |
| - | }, |
| - | |
| - | // PATCH #3: turning on key up capture only when a reveal window is open |
| - | key_up_off : function (scope) { |
| - | this.S('body').off('keyup.fndtn.reveal'); |
| - | return true; |
| - | }, |
| - | |
| - | open : function (target, ajax_settings) { |
| - | var self = this, |
| - | modal; |
| - | |
| - | if (target) { |
| - | if (typeof target.selector !== 'undefined') { |
| - | // Find the named node; only use the first one found, since the rest of the code assumes there's only one node |
| - | modal = self.S('#' + target.data(self.data_attr('reveal-id'))).first(); |
| - | } else { |
| - | modal = self.S(this.scope); |
| - | |
| - | ajax_settings = target; |
| - | } |
| - | } else { |
| - | modal = self.S(this.scope); |
| - | } |
| - | |
| - | var settings = modal.data(self.attr_name(true) + '-init'); |
| - | settings = settings || this.settings; |
| - | |
| - | if (!modal.hasClass('open')) { |
| - | var open_modal = self.S('[' + self.attr_name() + '].open'); |
| - | |
| - | if (typeof modal.data('css-top') === 'undefined') { |
| - | modal.data('css-top', parseInt(modal.css('top'), 10)) |
| - | .data('offset', this.cache_offset(modal)); |
| - | } |
| - | |
| - | this.key_up_on(modal); // PATCH #3: turning on key up capture only when a reveal window is open |
| - | modal.trigger('open'); |
| - | |
| - | if (open_modal.length < 1) { |
| - | this.toggle_bg(modal, true); |
| - | } |
| - | |
| - | if (typeof ajax_settings === 'string') { |
| - | ajax_settings = { |
| - | url: ajax_settings |
| - | }; |
| - | } |
| - | |
| - | if (typeof ajax_settings === 'undefined' || !ajax_settings.url) { |
| - | if (open_modal.length > 0) { |
| - | this.hide(open_modal, settings.css.close); |
| - | } |
| - | |
| - | this.show(modal, settings.css.open); |
| - | } else { |
| - | var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null; |
| - | |
| - | $.extend(ajax_settings, { |
| - | success: function (data, textStatus, jqXHR) { |
| - | if ( $.isFunction(old_success) ) { |
| - | old_success(data, textStatus, jqXHR); |
| - | } |
| - | |
| - | modal.html(data); |
| - | self.S(modal).foundation('section', 'reflow'); |
| - | self.S(modal).children().foundation(); |
| - | |
| - | if (open_modal.length > 0) { |
| - | self.hide(open_modal, settings.css.close); |
| - | } |
| - | self.show(modal, settings.css.open); |
| - | } |
| - | }); |
| - | |
| - | $.ajax(ajax_settings); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | close : function (modal) { |
| - | var modal = modal && modal.length ? modal : this.S(this.scope), |
| - | open_modals = this.S('[' + this.attr_name() + '].open'), |
| - | settings = modal.data(this.attr_name(true) + '-init') || this.settings; |
| - | |
| - | if (open_modals.length > 0) { |
| - | this.locked = true; |
| - | this.key_up_off(modal); // PATCH #3: turning on key up capture only when a reveal window is open |
| - | modal.trigger('close'); |
| - | this.toggle_bg(modal, false); |
| - | this.hide(open_modals, settings.css.close, settings); |
| - | } |
| - | }, |
| - | |
| - | close_targets : function () { |
| - | var base = '.' + this.settings.dismiss_modal_class; |
| - | |
| - | if (this.settings.close_on_background_click) { |
| - | return base + ', .' + this.settings.bg_class; |
| - | } |
| - | |
| - | return base; |
| - | }, |
| - | |
| - | toggle_bg : function (modal, state) { |
| - | if (this.S('.' + this.settings.bg_class).length === 0) { |
| - | this.settings.bg = $('<div />', {'class': this.settings.bg_class}) |
| - | .appendTo('body').hide(); |
| - | } |
| - | |
| - | var visible = this.settings.bg.filter(':visible').length > 0; |
| - | if ( state != visible ) { |
| - | if ( state == undefined ? visible : !state ) { |
| - | this.hide(this.settings.bg); |
| - | } else { |
| - | this.show(this.settings.bg); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | show : function (el, css) { |
| - | // is modal |
| - | if (css) { |
| - | var settings = el.data(this.attr_name(true) + '-init'); |
| - | settings = settings || this.settings; |
| - | |
| - | if (el.parent('body').length === 0) { |
| - | var placeholder = el.wrap('<div style="display: none;" />').parent(), |
| - | rootElement = this.settings.rootElement || 'body'; |
| - | |
| - | el.on('closed.fndtn.reveal.wrapped', function() { |
| - | el.detach().appendTo(placeholder); |
| - | el.unwrap().unbind('closed.fndtn.reveal.wrapped'); |
| - | }); |
| - | |
| - | el.detach().appendTo(rootElement); |
| - | } |
| - | |
| - | var animData = getAnimationData(settings.animation); |
| - | if (!animData.animate) { |
| - | this.locked = false; |
| - | } |
| - | if (animData.pop) { |
| - | css.top = $(window).scrollTop() - el.data('offset') + 'px'; |
| - | var end_css = { |
| - | top: $(window).scrollTop() + el.data('css-top') + 'px', |
| - | opacity: 1 |
| - | }; |
| - | |
| - | return setTimeout(function () { |
| - | return el |
| - | .css(css) |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.trigger('opened'); |
| - | }.bind(this)) |
| - | .addClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | if (animData.fade) { |
| - | css.top = $(window).scrollTop() + el.data('css-top') + 'px'; |
| - | var end_css = {opacity: 1}; |
| - | |
| - | return setTimeout(function () { |
| - | return el |
| - | .css(css) |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.trigger('opened'); |
| - | }.bind(this)) |
| - | .addClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened'); |
| - | } |
| - | |
| - | var settings = this.settings; |
| - | |
| - | // should we animate the background? |
| - | if (getAnimationData(settings.animation).fade) { |
| - | return el.fadeIn(settings.animation_speed / 2); |
| - | } |
| - | |
| - | this.locked = false; |
| - | |
| - | return el.show(); |
| - | }, |
| - | |
| - | hide : function (el, css) { |
| - | // is modal |
| - | if (css) { |
| - | var settings = el.data(this.attr_name(true) + '-init'); |
| - | settings = settings || this.settings; |
| - | |
| - | var animData = getAnimationData(settings.animation); |
| - | if (!animData.animate) { |
| - | this.locked = false; |
| - | } |
| - | if (animData.pop) { |
| - | var end_css = { |
| - | top: - $(window).scrollTop() - el.data('offset') + 'px', |
| - | opacity: 0 |
| - | }; |
| - | |
| - | return setTimeout(function () { |
| - | return el |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.css(css).trigger('closed'); |
| - | }.bind(this)) |
| - | .removeClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | if (animData.fade) { |
| - | var end_css = {opacity: 0}; |
| - | |
| - | return setTimeout(function () { |
| - | return el |
| - | .animate(end_css, settings.animation_speed, 'linear', function () { |
| - | this.locked = false; |
| - | el.css(css).trigger('closed'); |
| - | }.bind(this)) |
| - | .removeClass('open'); |
| - | }.bind(this), settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.hide().css(css).removeClass('open').trigger('closed'); |
| - | } |
| - | |
| - | var settings = this.settings; |
| - | |
| - | // should we animate the background? |
| - | if (getAnimationData(settings.animation).fade) { |
| - | return el.fadeOut(settings.animation_speed / 2); |
| - | } |
| - | |
| - | return el.hide(); |
| - | }, |
| - | |
| - | close_video : function (e) { |
| - | var video = $('.flex-video', e.target), |
| - | iframe = $('iframe', video); |
| - | |
| - | if (iframe.length > 0) { |
| - | iframe.attr('data-src', iframe[0].src); |
| - | iframe.attr('src', 'about:blank'); |
| - | video.hide(); |
| - | } |
| - | }, |
| - | |
| - | open_video : function (e) { |
| - | var video = $('.flex-video', e.target), |
| - | iframe = video.find('iframe'); |
| - | |
| - | if (iframe.length > 0) { |
| - | var data_src = iframe.attr('data-src'); |
| - | if (typeof data_src === 'string') { |
| - | iframe[0].src = iframe.attr('data-src'); |
| - | } else { |
| - | var src = iframe[0].src; |
| - | iframe[0].src = undefined; |
| - | iframe[0].src = src; |
| - | } |
| - | video.show(); |
| - | } |
| - | }, |
| - | |
| - | data_attr: function (str) { |
| - | if (this.namespace.length > 0) { |
| - | return this.namespace + '-' + str; |
| - | } |
| - | |
| - | return str; |
| - | }, |
| - | |
| - | cache_offset : function (modal) { |
| - | var offset = modal.show().height() + parseInt(modal.css('top'), 10); |
| - | |
| - | modal.hide(); |
| - | |
| - | return offset; |
| - | }, |
| - | |
| - | off : function () { |
| - | $(this.scope).off('.fndtn.reveal'); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | |
| - | /* |
| - | * getAnimationData('popAndFade') // {animate: true, pop: true, fade: true} |
| - | * getAnimationData('fade') // {animate: true, pop: false, fade: true} |
| - | * getAnimationData('pop') // {animate: true, pop: true, fade: false} |
| - | * getAnimationData('foo') // {animate: false, pop: false, fade: false} |
| - | * getAnimationData(null) // {animate: false, pop: false, fade: false} |
| - | */ |
| - | function getAnimationData(str) { |
| - | var fade = /fade/i.test(str); |
| - | var pop = /pop/i.test(str); |
| - | return { |
| - | animate: fade || pop, |
| - | pop: pop, |
| - | fade: fade |
| - | }; |
| - | } |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.slider.js
+0
-199
| @@ | @@ -1,199 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.slider = { |
| - | name : 'slider', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings: { |
| - | start: 0, |
| - | end: 100, |
| - | step: 1, |
| - | initial: null, |
| - | display_selector: '', |
| - | on_change: function(){} |
| - | }, |
| - | |
| - | cache : {}, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this,'throttle'); |
| - | this.bindings(method, options); |
| - | this.reflow(); |
| - | }, |
| - | |
| - | events : function() { |
| - | var self = this; |
| - | |
| - | $(this.scope) |
| - | .off('.slider') |
| - | .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider', |
| - | '[' + self.attr_name() + '] .range-slider-handle', function(e) { |
| - | if (!self.cache.active) { |
| - | e.preventDefault(); |
| - | self.set_active_slider($(e.target)); |
| - | } |
| - | }) |
| - | .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function(e) { |
| - | if (!!self.cache.active) { |
| - | e.preventDefault(); |
| - | self.calculate_position(self.cache.active, e.pageX || e.originalEvent.clientX || e.originalEvent.touches[0].clientX || e.currentPoint.x); |
| - | } |
| - | }) |
| - | .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function(e) { |
| - | self.remove_active_slider(); |
| - | }) |
| - | .on('change.fndtn.slider', function(e) { |
| - | self.settings.on_change(); |
| - | }); |
| - | |
| - | self.S(window) |
| - | .on('resize.fndtn.slider', self.throttle(function(e) { |
| - | self.reflow(); |
| - | }, 300)); |
| - | }, |
| - | |
| - | set_active_slider : function($handle) { |
| - | this.cache.active = $handle; |
| - | }, |
| - | |
| - | remove_active_slider : function() { |
| - | this.cache.active = null; |
| - | }, |
| - | |
| - | calculate_position : function($handle, cursor_x) { |
| - | var self = this, |
| - | settings = $.extend({}, self.settings, self.data_options($handle.parent())), |
| - | handle_w = $.data($handle[0], 'handle_w'), |
| - | handle_o = $.data($handle[0], 'handle_o'), |
| - | bar_w = $.data($handle[0], 'bar_w'), |
| - | bar_o = $.data($handle[0], 'bar_o'); |
| - | |
| - | requestAnimationFrame(function(){ |
| - | var pct; |
| - | |
| - | if (Foundation.rtl) { |
| - | pct = self.limit_to(((bar_o+bar_w-cursor_x)/bar_w),0,1); |
| - | } else { |
| - | pct = self.limit_to(((cursor_x-bar_o)/bar_w),0,1); |
| - | } |
| - | |
| - | var norm = self.normalized_value(pct, settings.start, settings.end, settings.step); |
| - | |
| - | self.set_ui($handle, norm); |
| - | }); |
| - | }, |
| - | |
| - | set_ui : function($handle, value) { |
| - | var settings = $.extend({}, this.settings, this.data_options($handle.parent())), |
| - | handle_w = $.data($handle[0], 'handle_w'), |
| - | bar_w = $.data($handle[0], 'bar_w'), |
| - | norm_pct = this.normalized_percentage(value, settings.start, settings.end), |
| - | handle_offset = norm_pct*(bar_w-handle_w)-1, |
| - | progress_bar_width = norm_pct*100; |
| - | |
| - | if (Foundation.rtl) { |
| - | handle_offset = -handle_offset; |
| - | } |
| - | |
| - | this.set_translate($handle, handle_offset); |
| - | $handle.siblings('.range-slider-active-segment').css('width', progress_bar_width+'%'); |
| - | |
| - | $handle.parent().attr(this.attr_name(), value); |
| - | $handle.parent().trigger('change'); |
| - | |
| - | $handle.parent().children('input[type=hidden]').val(value); |
| - | |
| - | if (settings.input_id != '') { |
| - | $(settings.display_selector).each(function(){ |
| - | if (this.hasOwnProperty('value')) { |
| - | $(this).val(value); |
| - | } else { |
| - | $(this).text(value); |
| - | } |
| - | }); |
| - | } |
| - | |
| - | }, |
| - | |
| - | normalized_percentage : function(val, start, end) { |
| - | return (val - start)/(end - start); |
| - | }, |
| - | |
| - | normalized_value : function(val, start, end, step) { |
| - | var range = end - start, |
| - | point = val*range, |
| - | mod = (point-(point%step)) / step, |
| - | rem = point % step, |
| - | round = ( rem >= step*0.5 ? step : 0); |
| - | return (mod*step + round) + start; |
| - | }, |
| - | |
| - | set_translate : function(ele, offset, vertical) { |
| - | if (vertical) { |
| - | $(ele) |
| - | .css('-webkit-transform', 'translateY('+offset+'px)') |
| - | .css('-moz-transform', 'translateY('+offset+'px)') |
| - | .css('-ms-transform', 'translateY('+offset+'px)') |
| - | .css('-o-transform', 'translateY('+offset+'px)') |
| - | .css('transform', 'translateY('+offset+'px)'); |
| - | } else { |
| - | $(ele) |
| - | .css('-webkit-transform', 'translateX('+offset+'px)') |
| - | .css('-moz-transform', 'translateX('+offset+'px)') |
| - | .css('-ms-transform', 'translateX('+offset+'px)') |
| - | .css('-o-transform', 'translateX('+offset+'px)') |
| - | .css('transform', 'translateX('+offset+'px)'); |
| - | } |
| - | }, |
| - | |
| - | limit_to : function(val, min, max) { |
| - | return Math.min(Math.max(val, min), max); |
| - | }, |
| - | |
| - | initialize_settings : function(handle) { |
| - | $.data(handle, 'bar', $(handle).parent()); |
| - | $.data(handle, 'bar_o', $(handle).parent().offset().left); |
| - | $.data(handle, 'bar_w', $(handle).parent().outerWidth()); |
| - | $.data(handle, 'handle_o', $(handle).offset().left); |
| - | $.data(handle, 'handle_w', $(handle).outerWidth()); |
| - | $.data(handle, 'settings', $.extend({}, this.settings, this.data_options($(handle).parent()))); |
| - | }, |
| - | |
| - | set_initial_position : function($ele) { |
| - | var settings = $.data($ele.children('.range-slider-handle')[0], 'settings'), |
| - | initial = (!!settings.initial ? settings.initial : Math.floor((settings.end-settings.start)*0.5/settings.step)*settings.step+settings.start), |
| - | $handle = $ele.children('.range-slider-handle'); |
| - | this.set_ui($handle, initial); |
| - | }, |
| - | |
| - | set_value : function(value) { |
| - | var self = this; |
| - | $('[' + self.attr_name() + ']', this.scope).each(function(){ |
| - | $(this).attr(self.attr_name(), value); |
| - | }); |
| - | if (!!$(this.scope).attr(self.attr_name())) { |
| - | $(this.scope).attr(self.attr_name(), value); |
| - | } |
| - | self.reflow(); |
| - | }, |
| - | |
| - | reflow : function() { |
| - | var self = this; |
| - | self.S('[' + this.attr_name() + ']').each(function() { |
| - | var handle = $(this).children('.range-slider-handle')[0], |
| - | val = $(this).attr(self.attr_name()); |
| - | self.initialize_settings(handle); |
| - | |
| - | if (val) { |
| - | self.set_ui($(handle), parseFloat(val)); |
| - | } else { |
| - | self.set_initial_position($(this)); |
| - | } |
| - | }); |
| - | } |
| - | |
| - | }; |
| - | |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.tab.js
+0
-167
| @@ | @@ -1,167 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.tab = { |
| - | name : 'tab', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | active_class: 'active', |
| - | callback : function () {}, |
| - | deep_linking: false, |
| - | scroll_to_content: true, |
| - | is_hover: false |
| - | }, |
| - | |
| - | default_tab_hashes: [], |
| - | |
| - | init : function (scope, method, options) { |
| - | var self = this, |
| - | S = this.S; |
| - | |
| - | this.bindings(method, options); |
| - | this.handle_location_hash_change(); |
| - | |
| - | // Store the default active tabs which will be referenced when the |
| - | // location hash is absent, as in the case of navigating the tabs and |
| - | // returning to the first viewing via the browser Back button. |
| - | S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () { |
| - | self.default_tab_hashes.push(this.hash); |
| - | }); |
| - | }, |
| - | |
| - | events : function () { |
| - | var self = this, |
| - | S = this.S; |
| - | |
| - | S(this.scope) |
| - | .off('.tab') |
| - | // Click event: tab title |
| - | .on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) { |
| - | var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init'); |
| - | if (!settings.is_hover || Modernizr.touch) { |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | self.toggle_active_tab(S(this).parent()); |
| - | } |
| - | }) |
| - | // Hover event: tab title |
| - | .on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) { |
| - | var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init'); |
| - | if (settings.is_hover) self.toggle_active_tab(S(this).parent()); |
| - | }); |
| - | |
| - | // Location hash change event |
| - | S(window).on('hashchange.fndtn.tab', function (e) { |
| - | e.preventDefault(); |
| - | self.handle_location_hash_change(); |
| - | }); |
| - | }, |
| - | |
| - | handle_location_hash_change : function () { |
| - | var self = this, |
| - | S = this.S; |
| - | |
| - | S('[' + this.attr_name() + ']', this.scope).each(function () { |
| - | var settings = S(this).data(self.attr_name(true) + '-init'); |
| - | if (settings.deep_linking) { |
| - | // Match the location hash to a label |
| - | var hash = self.scope.location.hash; |
| - | if (hash != '') { |
| - | // Check whether the location hash references a tab content div or |
| - | // another element on the page (inside or outside the tab content div) |
| - | var hash_element = S(hash); |
| - | if (hash_element.hasClass('content') && hash_element.parent().hasClass('tab-content')) { |
| - | // Tab content div |
| - | self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + hash + ']').parent()); |
| - | } else { |
| - | // Not the tab content div. If inside the tab content, find the |
| - | // containing tab and toggle it as active. |
| - | var hash_tab_container_id = hash_element.closest('.content').attr('id'); |
| - | if (hash_tab_container_id != undefined) { |
| - | self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=#' + hash_tab_container_id + ']').parent(), hash); |
| - | } |
| - | } |
| - | } else { |
| - | // Reference the default tab hashes which were initialized in the init function |
| - | for (var ind in self.default_tab_hashes) { |
| - | self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + self.default_tab_hashes[ind] + ']').parent()); |
| - | } |
| - | } |
| - | } |
| - | }); |
| - | }, |
| - | |
| - | toggle_active_tab: function (tab, location_hash) { |
| - | var S = this.S, |
| - | tabs = tab.closest('[' + this.attr_name() + ']'), |
| - | anchor = tab.children('a').first(), |
| - | target_hash = '#' + anchor.attr('href').split('#')[1], |
| - | target = S(target_hash), |
| - | siblings = tab.siblings(), |
| - | settings = tabs.data(this.attr_name(true) + '-init'); |
| - | |
| - | // allow usage of data-tab-content attribute instead of href |
| - | if (S(this).data(this.data_attr('tab-content'))) { |
| - | target_hash = '#' + S(this).data(this.data_attr('tab-content')).split('#')[1]; |
| - | target = S(target_hash); |
| - | } |
| - | |
| - | if (settings.deep_linking) { |
| - | // Get the scroll Y position prior to moving to the hash ID |
| - | var cur_ypos = $('body,html').scrollTop(); |
| - | |
| - | // Update the location hash to preserve browser history |
| - | // Note that the hash does not need to correspond to the |
| - | // tab content ID anchor; it can be an ID inside or outside of the tab |
| - | // content div. |
| - | if (location_hash != undefined) { |
| - | window.location.hash = location_hash; |
| - | } else { |
| - | window.location.hash = target_hash; |
| - | } |
| - | |
| - | if (settings.scroll_to_content) { |
| - | // If the user is requesting the content of a tab, then scroll to the |
| - | // top of the title area; otherwise, scroll to the element within |
| - | // the content area as defined by the hash value. |
| - | if (location_hash == undefined || location_hash == target_hash) { |
| - | tab.parent()[0].scrollIntoView(); |
| - | } else { |
| - | S(target_hash)[0].scrollIntoView(); |
| - | } |
| - | } else { |
| - | // Adjust the scrollbar to the Y position prior to setting the hash |
| - | // Only do this for the tab content anchor, otherwise there will be |
| - | // conflicts with in-tab anchor links nested in the tab-content div |
| - | if (location_hash == undefined || location_hash == target_hash) { |
| - | $('body,html').scrollTop(cur_ypos); |
| - | } |
| - | } |
| - | } |
| - | |
| - | // WARNING: The activation and deactivation of the tab content must |
| - | // occur after the deep linking in order to properly refresh the browser |
| - | // window (notably in Chrome). |
| - | tab.addClass(settings.active_class).triggerHandler('opened'); |
| - | siblings.removeClass(settings.active_class); |
| - | target.siblings().removeClass(settings.active_class).end().addClass(settings.active_class); |
| - | settings.callback(tab); |
| - | target.triggerHandler('toggled', [tab]); |
| - | tabs.triggerHandler('toggled', [target]); |
| - | }, |
| - | |
| - | data_attr: function (str) { |
| - | if (this.namespace.length > 0) { |
| - | return this.namespace + '-' + str; |
| - | } |
| - | |
| - | return str; |
| - | }, |
| - | |
| - | off : function () {}, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.tooltip.js
+0
-298
| @@ | @@ -1,298 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.tooltip = { |
| - | name : 'tooltip', |
| - | |
| - | version : '5.2.3', |
| - | |
| - | settings : { |
| - | additional_inheritable_classes : [], |
| - | tooltip_class : '.tooltip', |
| - | append_to: 'body', |
| - | touch_close_text: 'Tap To Close', |
| - | disable_for_touch: false, |
| - | hover_delay: 200, |
| - | show_on : 'all', |
| - | tip_template : function (selector, content) { |
| - | return '<span data-selector="' + selector + '" class="' |
| - | + Foundation.libs.tooltip.settings.tooltip_class.substring(1) |
| - | + '">' + content + '<span class="nub"></span></span>'; |
| - | } |
| - | }, |
| - | |
| - | cache : {}, |
| - | |
| - | init : function (scope, method, options) { |
| - | Foundation.inherit(this, 'random_str'); |
| - | this.bindings(method, options); |
| - | }, |
| - | |
| - | should_show: function (target, tip) { |
| - | var settings = $.extend({}, this.settings, this.data_options(target)); |
| - | |
| - | if (settings.show_on === 'all') { |
| - | return true; |
| - | } else if (this.small() && settings.show_on === 'small') { |
| - | return true; |
| - | } else if (this.medium() && settings.show_on === 'medium') { |
| - | return true; |
| - | } else if (this.large() && settings.show_on === 'large') { |
| - | return true; |
| - | } |
| - | return false; |
| - | }, |
| - | |
| - | medium : function () { |
| - | return matchMedia(Foundation.media_queries['medium']).matches; |
| - | }, |
| - | |
| - | large : function () { |
| - | return matchMedia(Foundation.media_queries['large']).matches; |
| - | }, |
| - | |
| - | events : function (instance) { |
| - | var self = this, |
| - | S = self.S; |
| - | |
| - | self.create(this.S(instance)); |
| - | |
| - | $(this.scope) |
| - | .off('.tooltip') |
| - | .on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', |
| - | '[' + this.attr_name() + ']', function (e) { |
| - | var $this = S(this), |
| - | settings = $.extend({}, self.settings, self.data_options($this)), |
| - | is_touch = false; |
| - | |
| - | if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type) && S(e.target).is('a')) { |
| - | return false; |
| - | } |
| - | |
| - | if (/mouse/i.test(e.type) && self.ie_touch(e)) return false; |
| - | |
| - | if ($this.hasClass('open')) { |
| - | if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) e.preventDefault(); |
| - | self.hide($this); |
| - | } else { |
| - | if (settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { |
| - | return; |
| - | } else if(!settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) { |
| - | e.preventDefault(); |
| - | S(settings.tooltip_class + '.open').hide(); |
| - | is_touch = true; |
| - | } |
| - | |
| - | if (/enter|over/i.test(e.type)) { |
| - | this.timer = setTimeout(function () { |
| - | var tip = self.showTip($this); |
| - | }.bind(this), self.settings.hover_delay); |
| - | } else if (e.type === 'mouseout' || e.type === 'mouseleave') { |
| - | clearTimeout(this.timer); |
| - | self.hide($this); |
| - | } else { |
| - | self.showTip($this); |
| - | } |
| - | } |
| - | }) |
| - | .on('mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', '[' + this.attr_name() + '].open', function (e) { |
| - | if (/mouse/i.test(e.type) && self.ie_touch(e)) return false; |
| - | |
| - | if($(this).data('tooltip-open-event-type') == 'touch' && e.type == 'mouseleave') { |
| - | return; |
| - | } |
| - | else if($(this).data('tooltip-open-event-type') == 'mouse' && /MSPointerDown|touchstart/i.test(e.type)) { |
| - | self.convert_to_touch($(this)); |
| - | } else { |
| - | self.hide($(this)); |
| - | } |
| - | }) |
| - | .on('DOMNodeRemoved DOMAttrModified', '[' + this.attr_name() + ']:not(a)', function (e) { |
| - | self.hide(S(this)); |
| - | }); |
| - | }, |
| - | |
| - | ie_touch : function (e) { |
| - | // How do I distinguish between IE11 and Windows Phone 8????? |
| - | return false; |
| - | }, |
| - | |
| - | showTip : function ($target) { |
| - | var $tip = this.getTip($target); |
| - | if (this.should_show($target, $tip)){ |
| - | return this.show($target); |
| - | } |
| - | return; |
| - | }, |
| - | |
| - | getTip : function ($target) { |
| - | var selector = this.selector($target), |
| - | settings = $.extend({}, this.settings, this.data_options($target)), |
| - | tip = null; |
| - | |
| - | if (selector) { |
| - | tip = this.S('span[data-selector="' + selector + '"]' + settings.tooltip_class); |
| - | } |
| - | |
| - | return (typeof tip === 'object') ? tip : false; |
| - | }, |
| - | |
| - | selector : function ($target) { |
| - | var id = $target.attr('id'), |
| - | dataSelector = $target.attr(this.attr_name()) || $target.attr('data-selector'); |
| - | |
| - | if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') { |
| - | dataSelector = this.random_str(6); |
| - | $target.attr('data-selector', dataSelector); |
| - | } |
| - | |
| - | return (id && id.length > 0) ? id : dataSelector; |
| - | }, |
| - | |
| - | create : function ($target) { |
| - | var self = this, |
| - | settings = $.extend({}, this.settings, this.data_options($target)), |
| - | tip_template = this.settings.tip_template; |
| - | |
| - | if (typeof settings.tip_template === 'string' && window.hasOwnProperty(settings.tip_template)) { |
| - | tip_template = window[settings.tip_template]; |
| - | } |
| - | |
| - | var $tip = $(tip_template(this.selector($target), $('<div></div>').html($target.attr('title')).html())), |
| - | classes = this.inheritable_classes($target); |
| - | |
| - | $tip.addClass(classes).appendTo(settings.append_to); |
| - | |
| - | if (Modernizr.touch) { |
| - | $tip.append('<span class="tap-to-close">'+settings.touch_close_text+'</span>'); |
| - | $tip.on('touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', function(e) { |
| - | self.hide($target); |
| - | }); |
| - | } |
| - | |
| - | $target.removeAttr('title').attr('title',''); |
| - | }, |
| - | |
| - | reposition : function (target, tip, classes) { |
| - | var width, nub, nubHeight, nubWidth, column, objPos; |
| - | |
| - | tip.css('visibility', 'hidden').show(); |
| - | |
| - | width = target.data('width'); |
| - | nub = tip.children('.nub'); |
| - | nubHeight = nub.outerHeight(); |
| - | nubWidth = nub.outerHeight(); |
| - | |
| - | if (this.small()) { |
| - | tip.css({'width' : '100%' }); |
| - | } else { |
| - | tip.css({'width' : (width) ? width : 'auto'}); |
| - | } |
| - | |
| - | objPos = function (obj, top, right, bottom, left, width) { |
| - | return obj.css({ |
| - | 'top' : (top) ? top : 'auto', |
| - | 'bottom' : (bottom) ? bottom : 'auto', |
| - | 'left' : (left) ? left : 'auto', |
| - | 'right' : (right) ? right : 'auto' |
| - | }).end(); |
| - | }; |
| - | |
| - | objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', target.offset().left); |
| - | |
| - | if (this.small()) { |
| - | objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', 12.5, $(this.scope).width()); |
| - | tip.addClass('tip-override'); |
| - | objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left); |
| - | } else { |
| - | var left = target.offset().left; |
| - | if (Foundation.rtl) { |
| - | nub.addClass('rtl'); |
| - | left = target.offset().left + target.outerWidth() - tip.outerWidth(); |
| - | } |
| - | objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', left); |
| - | tip.removeClass('tip-override'); |
| - | if (classes && classes.indexOf('tip-top') > -1) { |
| - | if (Foundation.rtl) nub.addClass('rtl'); |
| - | objPos(tip, (target.offset().top - tip.outerHeight()), 'auto', 'auto', left) |
| - | .removeClass('tip-override'); |
| - | } else if (classes && classes.indexOf('tip-left') > -1) { |
| - | objPos(tip, (target.offset().top + (target.outerHeight() / 2) - (tip.outerHeight() / 2)), 'auto', 'auto', (target.offset().left - tip.outerWidth() - nubHeight)) |
| - | .removeClass('tip-override'); |
| - | nub.removeClass('rtl'); |
| - | } else if (classes && classes.indexOf('tip-right') > -1) { |
| - | objPos(tip, (target.offset().top + (target.outerHeight() / 2) - (tip.outerHeight() / 2)), 'auto', 'auto', (target.offset().left + target.outerWidth() + nubHeight)) |
| - | .removeClass('tip-override'); |
| - | nub.removeClass('rtl'); |
| - | } |
| - | } |
| - | |
| - | tip.css('visibility', 'visible').hide(); |
| - | }, |
| - | |
| - | small : function () { |
| - | return matchMedia(Foundation.media_queries.small).matches && |
| - | !matchMedia(Foundation.media_queries.medium).matches; |
| - | }, |
| - | |
| - | inheritable_classes : function ($target) { |
| - | var settings = $.extend({}, this.settings, this.data_options($target)), |
| - | inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'radius', 'round'].concat(settings.additional_inheritable_classes), |
| - | classes = $target.attr('class'), |
| - | filtered = classes ? $.map(classes.split(' '), function (el, i) { |
| - | if ($.inArray(el, inheritables) !== -1) { |
| - | return el; |
| - | } |
| - | }).join(' ') : ''; |
| - | |
| - | return $.trim(filtered); |
| - | }, |
| - | |
| - | convert_to_touch : function($target) { |
| - | var self = this, |
| - | $tip = self.getTip($target), |
| - | settings = $.extend({}, self.settings, self.data_options($target)); |
| - | |
| - | if ($tip.find('.tap-to-close').length === 0) { |
| - | $tip.append('<span class="tap-to-close">'+settings.touch_close_text+'</span>'); |
| - | $tip.on('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose', function(e) { |
| - | self.hide($target); |
| - | }); |
| - | } |
| - | |
| - | $target.data('tooltip-open-event-type', 'touch'); |
| - | }, |
| - | |
| - | show : function ($target) { |
| - | var $tip = this.getTip($target); |
| - | |
| - | if ($target.data('tooltip-open-event-type') == 'touch') { |
| - | this.convert_to_touch($target); |
| - | } |
| - | |
| - | this.reposition($target, $tip, $target.attr('class')); |
| - | $target.addClass('open'); |
| - | $tip.fadeIn(150); |
| - | }, |
| - | |
| - | hide : function ($target) { |
| - | var $tip = this.getTip($target); |
| - | |
| - | $tip.fadeOut(150, function() { |
| - | $tip.find('.tap-to-close').remove(); |
| - | $tip.off('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose'); |
| - | $target.removeClass('open'); |
| - | }); |
| - | }, |
| - | |
| - | off : function () { |
| - | var self = this; |
| - | this.S(this.scope).off('.fndtn.tooltip'); |
| - | this.S(this.settings.tooltip_class).each(function (i) { |
| - | $('[' + self.attr_name() + ']').eq(i).attr('title', $(this).text()); |
| - | }).remove(); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, window, window.document)); |
generators/foundation5/public/javascripts/foundation/foundation.topbar.js
+0
-425
| @@ | @@ -1,425 +0,0 @@ |
| - | ;(function ($, window, document, undefined) { |
| - | 'use strict'; |
| - | |
| - | Foundation.libs.topbar = { |
| - | name : 'topbar', |
| - | |
| - | version: '5.2.3', |
| - | |
| - | settings : { |
| - | index : 0, |
| - | sticky_class : 'sticky', |
| - | custom_back_text: true, |
| - | back_text: 'Back', |
| - | is_hover: true, |
| - | mobile_show_parent_link: false, |
| - | scrolltop : true, // jump to top when sticky nav menu toggle is clicked |
| - | sticky_on : 'all' |
| - | }, |
| - | |
| - | init : function (section, method, options) { |
| - | Foundation.inherit(this, 'add_custom_rule register_media throttle'); |
| - | var self = this; |
| - | |
| - | self.register_media('topbar', 'foundation-mq-topbar'); |
| - | |
| - | this.bindings(method, options); |
| - | |
| - | self.S('[' + this.attr_name() + ']', this.scope).each(function () { |
| - | var topbar = $(this), |
| - | settings = topbar.data(self.attr_name(true) + '-init'), |
| - | section = self.S('section', this); |
| - | topbar.data('index', 0); |
| - | var topbarContainer = topbar.parent(); |
| - | if (topbarContainer.hasClass('fixed') || self.is_sticky(topbar, topbarContainer, settings) ) { |
| - | self.settings.sticky_class = settings.sticky_class; |
| - | self.settings.sticky_topbar = topbar; |
| - | topbar.data('height', topbarContainer.outerHeight()); |
| - | topbar.data('stickyoffset', topbarContainer.offset().top); |
| - | } else { |
| - | topbar.data('height', topbar.outerHeight()); |
| - | } |
| - | |
| - | if (!settings.assembled) { |
| - | self.assemble(topbar); |
| - | } |
| - | |
| - | if (settings.is_hover) { |
| - | self.S('.has-dropdown', topbar).addClass('not-click'); |
| - | } else { |
| - | self.S('.has-dropdown', topbar).removeClass('not-click'); |
| - | } |
| - | |
| - | // Pad body when sticky (scrolled) or fixed. |
| - | self.add_custom_rule('.f-topbar-fixed { padding-top: ' + topbar.data('height') + 'px }'); |
| - | |
| - | if (topbarContainer.hasClass('fixed')) { |
| - | self.S('body').addClass('f-topbar-fixed'); |
| - | } |
| - | }); |
| - | |
| - | }, |
| - | |
| - | is_sticky: function (topbar, topbarContainer, settings) { |
| - | var sticky = topbarContainer.hasClass(settings.sticky_class); |
| - | |
| - | if (sticky && settings.sticky_on === 'all') { |
| - | return true; |
| - | } else if (sticky && this.small() && settings.sticky_on === 'small') { |
| - | return true; |
| - | } else if (sticky && this.medium() && settings.sticky_on === 'medium') { |
| - | return true; |
| - | } else if (sticky && this.large() && settings.sticky_on === 'large') { |
| - | return true; |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | toggle: function (toggleEl) { |
| - | var self = this, |
| - | topbar; |
| - | |
| - | if (toggleEl) { |
| - | topbar = self.S(toggleEl).closest('[' + this.attr_name() + ']'); |
| - | } else { |
| - | topbar = self.S('[' + this.attr_name() + ']'); |
| - | } |
| - | |
| - | var settings = topbar.data(this.attr_name(true) + '-init'); |
| - | |
| - | var section = self.S('section, .section', topbar); |
| - | |
| - | if (self.breakpoint()) { |
| - | if (!self.rtl) { |
| - | section.css({left: '0%'}); |
| - | $('>.name', section).css({left: '100%'}); |
| - | } else { |
| - | section.css({right: '0%'}); |
| - | $('>.name', section).css({right: '100%'}); |
| - | } |
| - | |
| - | self.S('li.moved', section).removeClass('moved'); |
| - | topbar.data('index', 0); |
| - | |
| - | topbar |
| - | .toggleClass('expanded') |
| - | .css('height', ''); |
| - | } |
| - | |
| - | if (settings.scrolltop) { |
| - | if (!topbar.hasClass('expanded')) { |
| - | if (topbar.hasClass('fixed')) { |
| - | topbar.parent().addClass('fixed'); |
| - | topbar.removeClass('fixed'); |
| - | self.S('body').addClass('f-topbar-fixed'); |
| - | } |
| - | } else if (topbar.parent().hasClass('fixed')) { |
| - | if (settings.scrolltop) { |
| - | topbar.parent().removeClass('fixed'); |
| - | topbar.addClass('fixed'); |
| - | self.S('body').removeClass('f-topbar-fixed'); |
| - | |
| - | window.scrollTo(0,0); |
| - | } else { |
| - | topbar.parent().removeClass('expanded'); |
| - | } |
| - | } |
| - | } else { |
| - | if (self.is_sticky(topbar, topbar.parent(), settings)) { |
| - | topbar.parent().addClass('fixed'); |
| - | } |
| - | |
| - | if (topbar.parent().hasClass('fixed')) { |
| - | if (!topbar.hasClass('expanded')) { |
| - | topbar.removeClass('fixed'); |
| - | topbar.parent().removeClass('expanded'); |
| - | self.update_sticky_positioning(); |
| - | } else { |
| - | topbar.addClass('fixed'); |
| - | topbar.parent().addClass('expanded'); |
| - | self.S('body').addClass('f-topbar-fixed'); |
| - | } |
| - | } |
| - | } |
| - | }, |
| - | |
| - | timer : null, |
| - | |
| - | events : function (bar) { |
| - | var self = this, |
| - | S = this.S; |
| - | |
| - | S(this.scope) |
| - | .off('.topbar') |
| - | .on('click.fndtn.topbar', '[' + this.attr_name() + '] .toggle-topbar', function (e) { |
| - | e.preventDefault(); |
| - | self.toggle(this); |
| - | }) |
| - | .on('click.fndtn.topbar','.top-bar .top-bar-section li a[href^="#"],[' + this.attr_name() + '] .top-bar-section li a[href^="#"]',function (e) { |
| - | var li = $(this).closest('li'); |
| - | if(self.breakpoint() && !li.hasClass('back') && !li.hasClass('has-dropdown')) |
| - | { |
| - | self.toggle(); |
| - | } |
| - | }) |
| - | .on('click.fndtn.topbar', '[' + this.attr_name() + '] li.has-dropdown', function (e) { |
| - | var li = S(this), |
| - | target = S(e.target), |
| - | topbar = li.closest('[' + self.attr_name() + ']'), |
| - | settings = topbar.data(self.attr_name(true) + '-init'); |
| - | |
| - | if(target.data('revealId')) { |
| - | self.toggle(); |
| - | return; |
| - | } |
| - | |
| - | if (self.breakpoint()) return; |
| - | if (settings.is_hover && !Modernizr.touch) return; |
| - | |
| - | e.stopImmediatePropagation(); |
| - | |
| - | if (li.hasClass('hover')) { |
| - | li |
| - | .removeClass('hover') |
| - | .find('li') |
| - | .removeClass('hover'); |
| - | |
| - | li.parents('li.hover') |
| - | .removeClass('hover'); |
| - | } else { |
| - | li.addClass('hover'); |
| - | |
| - | $(li).siblings().removeClass('hover'); |
| - | |
| - | if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) { |
| - | e.preventDefault(); |
| - | } |
| - | } |
| - | }) |
| - | .on('click.fndtn.topbar', '[' + this.attr_name() + '] .has-dropdown>a', function (e) { |
| - | if (self.breakpoint()) { |
| - | |
| - | e.preventDefault(); |
| - | |
| - | var $this = S(this), |
| - | topbar = $this.closest('[' + self.attr_name() + ']'), |
| - | section = topbar.find('section, .section'), |
| - | dropdownHeight = $this.next('.dropdown').outerHeight(), |
| - | $selectedLi = $this.closest('li'); |
| - | |
| - | topbar.data('index', topbar.data('index') + 1); |
| - | $selectedLi.addClass('moved'); |
| - | |
| - | if (!self.rtl) { |
| - | section.css({left: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({left: 100 * topbar.data('index') + '%'}); |
| - | } else { |
| - | section.css({right: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({right: 100 * topbar.data('index') + '%'}); |
| - | } |
| - | |
| - | topbar.css('height', $this.siblings('ul').outerHeight(true) + topbar.data('height')); |
| - | } |
| - | }); |
| - | |
| - | S(window).off('.topbar').on('resize.fndtn.topbar', self.throttle(function () { |
| - | self.resize.call(self); |
| - | }, 50)).trigger('resize'); |
| - | |
| - | S('body').off('.topbar').on('click.fndtn.topbar touchstart.fndtn.topbar', function (e) { |
| - | var parent = S(e.target).closest('li').closest('li.hover'); |
| - | |
| - | if (parent.length > 0) { |
| - | return; |
| - | } |
| - | |
| - | S('[' + self.attr_name() + '] li.hover').removeClass('hover'); |
| - | }); |
| - | |
| - | // Go up a level on Click |
| - | S(this.scope).on('click.fndtn.topbar', '[' + this.attr_name() + '] .has-dropdown .back', function (e) { |
| - | e.preventDefault(); |
| - | |
| - | var $this = S(this), |
| - | topbar = $this.closest('[' + self.attr_name() + ']'), |
| - | section = topbar.find('section, .section'), |
| - | settings = topbar.data(self.attr_name(true) + '-init'), |
| - | $movedLi = $this.closest('li.moved'), |
| - | $previousLevelUl = $movedLi.parent(); |
| - | |
| - | topbar.data('index', topbar.data('index') - 1); |
| - | |
| - | if (!self.rtl) { |
| - | section.css({left: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({left: 100 * topbar.data('index') + '%'}); |
| - | } else { |
| - | section.css({right: -(100 * topbar.data('index')) + '%'}); |
| - | section.find('>.name').css({right: 100 * topbar.data('index') + '%'}); |
| - | } |
| - | |
| - | if (topbar.data('index') === 0) { |
| - | topbar.css('height', ''); |
| - | } else { |
| - | topbar.css('height', $previousLevelUl.outerHeight(true) + topbar.data('height')); |
| - | } |
| - | |
| - | setTimeout(function () { |
| - | $movedLi.removeClass('moved'); |
| - | }, 300); |
| - | }); |
| - | }, |
| - | |
| - | resize : function () { |
| - | var self = this; |
| - | self.S('[' + this.attr_name() + ']').each(function () { |
| - | var topbar = self.S(this), |
| - | settings = topbar.data(self.attr_name(true) + '-init'); |
| - | |
| - | var stickyContainer = topbar.parent('.' + self.settings.sticky_class); |
| - | var stickyOffset; |
| - | |
| - | if (!self.breakpoint()) { |
| - | var doToggle = topbar.hasClass('expanded'); |
| - | topbar |
| - | .css('height', '') |
| - | .removeClass('expanded') |
| - | .find('li') |
| - | .removeClass('hover'); |
| - | |
| - | if(doToggle) { |
| - | self.toggle(topbar); |
| - | } |
| - | } |
| - | |
| - | if(self.is_sticky(topbar, stickyContainer, settings)) { |
| - | if(stickyContainer.hasClass('fixed')) { |
| - | // Remove the fixed to allow for correct calculation of the offset. |
| - | stickyContainer.removeClass('fixed'); |
| - | |
| - | stickyOffset = stickyContainer.offset().top; |
| - | if(self.S(document.body).hasClass('f-topbar-fixed')) { |
| - | stickyOffset -= topbar.data('height'); |
| - | } |
| - | |
| - | topbar.data('stickyoffset', stickyOffset); |
| - | stickyContainer.addClass('fixed'); |
| - | } else { |
| - | stickyOffset = stickyContainer.offset().top; |
| - | topbar.data('stickyoffset', stickyOffset); |
| - | } |
| - | } |
| - | |
| - | }); |
| - | }, |
| - | |
| - | breakpoint : function () { |
| - | return !matchMedia(Foundation.media_queries['topbar']).matches; |
| - | }, |
| - | |
| - | small : function () { |
| - | return matchMedia(Foundation.media_queries['small']).matches; |
| - | }, |
| - | |
| - | medium : function () { |
| - | return matchMedia(Foundation.media_queries['medium']).matches; |
| - | }, |
| - | |
| - | large : function () { |
| - | return matchMedia(Foundation.media_queries['large']).matches; |
| - | }, |
| - | |
| - | assemble : function (topbar) { |
| - | var self = this, |
| - | settings = topbar.data(this.attr_name(true) + '-init'), |
| - | section = self.S('section', topbar); |
| - | |
| - | // Pull element out of the DOM for manipulation |
| - | section.detach(); |
| - | |
| - | self.S('.has-dropdown>a', section).each(function () { |
| - | var $link = self.S(this), |
| - | $dropdown = $link.siblings('.dropdown'), |
| - | url = $link.attr('href'), |
| - | $titleLi; |
| - | |
| - | if (!$dropdown.find('.title.back').length) { |
| - | if (settings.mobile_show_parent_link && url && url.length > 1) { |
| - | $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li><a class="parent-link js-generated" href="' + url + '">' + $link.text() +'</a></li>'); |
| - | } else { |
| - | $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li>'); |
| - | } |
| - | |
| - | // Copy link to subnav |
| - | if (settings.custom_back_text == true) { |
| - | $('h5>a', $titleLi).html(settings.back_text); |
| - | } else { |
| - | $('h5>a', $titleLi).html('« ' + $link.html()); |
| - | } |
| - | $dropdown.prepend($titleLi); |
| - | } |
| - | }); |
| - | |
| - | // Put element back in the DOM |
| - | section.appendTo(topbar); |
| - | |
| - | // check for sticky |
| - | this.sticky(); |
| - | |
| - | this.assembled(topbar); |
| - | }, |
| - | |
| - | assembled : function (topbar) { |
| - | topbar.data(this.attr_name(true), $.extend({}, topbar.data(this.attr_name(true)), {assembled: true})); |
| - | }, |
| - | |
| - | height : function (ul) { |
| - | var total = 0, |
| - | self = this; |
| - | |
| - | $('> li', ul).each(function () { |
| - | total += self.S(this).outerHeight(true); |
| - | }); |
| - | |
| - | return total; |
| - | }, |
| - | |
| - | sticky : function () { |
| - | var self = this; |
| - | |
| - | this.S(window).on('scroll', function() { |
| - | self.update_sticky_positioning(); |
| - | }); |
| - | }, |
| - | |
| - | update_sticky_positioning: function() { |
| - | var klass = '.' + this.settings.sticky_class, |
| - | $window = this.S(window), |
| - | self = this; |
| - | |
| - | if (self.settings.sticky_topbar && self.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(), this.settings)) { |
| - | var distance = this.settings.sticky_topbar.data('stickyoffset'); |
| - | if (!self.S(klass).hasClass('expanded')) { |
| - | if ($window.scrollTop() > (distance)) { |
| - | if (!self.S(klass).hasClass('fixed')) { |
| - | self.S(klass).addClass('fixed'); |
| - | self.S('body').addClass('f-topbar-fixed'); |
| - | } |
| - | } else if ($window.scrollTop() <= distance) { |
| - | if (self.S(klass).hasClass('fixed')) { |
| - | self.S(klass).removeClass('fixed'); |
| - | self.S('body').removeClass('f-topbar-fixed'); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | }, |
| - | |
| - | off : function () { |
| - | this.S(this.scope).off('.fndtn.topbar'); |
| - | this.S(window).off('.fndtn.topbar'); |
| - | }, |
| - | |
| - | reflow : function () {} |
| - | }; |
| - | }(jQuery, this, this.document)); |
generators/foundation5/public/javascripts/vendor/custom.modernizr.js
+0
-4
| @@ | @@ -1,4 +0,0 @@ |
| - | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD |
| - | * Build: http://modernizr.com/download/#-inlinesvg-svg-svgclippaths-touch-shiv-mq-cssclasses-teststyles-prefixes-ie8compat-load |
| - | */ |
| - | ;window.Modernizr=function(a,b,c){function y(a){j.cssText=a}function z(a,b){return y(m.join(a+";")+(b||""))}function A(a,b){return typeof a===b}function B(a,b){return!!~(""+a).indexOf(b)}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:A(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n={svg:"http://www.w3.org/2000/svg"},o={},p={},q={},r=[],s=r.slice,t,u=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},v=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return u("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},w={}.hasOwnProperty,x;!A(w,"undefined")&&!A(w.call,"undefined")?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect},o.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==n.svg},o.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(n.svg,"clipPath")))};for(var D in o)x(o,D)&&(t=D.toLowerCase(),e[t]=o[D](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)x(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},y(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.mq=v,e.testStyles=u,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))},Modernizr.addTest("ie8compat",function(){return!window.addEventListener&&document.documentMode&&document.documentMode===7}); |
generators/foundation5/public/javascripts/vendor/custom.modernizr.min.js
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | window.Modernizr=function(e,t,n){function r(e){m.cssText=e}function o(e,t){return typeof e===t}var i,a,c,l="2.6.2",s={},u=!0,d=t.documentElement,f="modernizr",p=t.createElement(f),m=p.style,h={}.toString,v=" -webkit- -moz- -o- -ms- ".split(" "),y={svg:"http://www.w3.org/2000/svg"},g={},E=[],b=E.slice,S=function(e,n,r,o){var i,a,c,l,s=t.createElement("div"),u=t.body,p=u||t.createElement("body");if(parseInt(r,10))for(;r--;)c=t.createElement("div"),c.id=o?o[r]:f+(r+1),s.appendChild(c);return i=["­",'<style id="s',f,'">',e,"</style>"].join(""),s.id=f,(u?s:p).innerHTML+=i,p.appendChild(s),u||(p.style.background="",p.style.overflow="hidden",l=d.style.overflow,d.style.overflow="hidden",d.appendChild(p)),a=n(s,e),u?s.parentNode.removeChild(s):(p.parentNode.removeChild(p),d.style.overflow=l),!!a},C=function(t){var n=e.matchMedia||e.msMatchMedia;if(n)return n(t).matches;var r;return S("@media "+t+" { #"+f+" { position: absolute; } }",function(t){r="absolute"==(e.getComputedStyle?getComputedStyle(t,null):t.currentStyle).position}),r},w={}.hasOwnProperty;c=o(w,"undefined")||o(w.call,"undefined")?function(e,t){return t in e&&o(e.constructor.prototype[t],"undefined")}:function(e,t){return w.call(e,t)},Function.prototype.bind||(Function.prototype.bind=function(e){var t=this;if("function"!=typeof t)throw new TypeError;var n=b.call(arguments,1),r=function(){if(this instanceof r){var o=function(){};o.prototype=t.prototype;var i=new o,a=t.apply(i,n.concat(b.call(arguments)));return Object(a)===a?a:i}return t.apply(e,n.concat(b.call(arguments)))};return r}),g.touch=function(){var n;return"ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch?n=!0:S(["@media (",v.join("touch-enabled),("),f,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(e){n=9===e.offsetTop}),n},g.svg=function(){return!!t.createElementNS&&!!t.createElementNS(y.svg,"svg").createSVGRect},g.inlinesvg=function(){var e=t.createElement("div");return e.innerHTML="<svg/>",(e.firstChild&&e.firstChild.namespaceURI)==y.svg},g.svgclippaths=function(){return!!t.createElementNS&&/SVGClipPath/.test(h.call(t.createElementNS(y.svg,"clipPath")))};for(var j in g)c(g,j)&&(a=j.toLowerCase(),s[a]=g[j](),E.push((s[a]?"":"no-")+a));return s.addTest=function(e,t){if("object"==typeof e)for(var r in e)c(e,r)&&s.addTest(r,e[r]);else{if(e=e.toLowerCase(),s[e]!==n)return s;t="function"==typeof t?t():t,"undefined"!=typeof u&&u&&(d.className+=" "+(t?"":"no-")+e),s[e]=t}return s},r(""),p=i=null,function(e,t){function n(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}function r(){var e=y.elements;return"string"==typeof e?e.split(" "):e}function o(e){var t=v[e[m]];return t||(t={},h++,e[m]=h,v[h]=t),t}function i(e,n,r){if(n||(n=t),u)return n.createElement(e);r||(r=o(n));var i;return i=r.cache[e]?r.cache[e].cloneNode():p.test(e)?(r.cache[e]=r.createElem(e)).cloneNode():r.createElem(e),i.canHaveChildren&&!f.test(e)?r.frag.appendChild(i):i}function a(e,n){if(e||(e=t),u)return e.createDocumentFragment();n=n||o(e);for(var i=n.frag.cloneNode(),a=0,c=r(),l=c.length;l>a;a++)i.createElement(c[a]);return i}function c(e,t){t.cache||(t.cache={},t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){return y.shivMethods?i(n,e,t):t.createElem(n)},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+r().join().replace(/\w+/g,function(e){return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'})+");return n}")(y,t.frag)}function l(e){e||(e=t);var r=o(e);return y.shivCSS&&!s&&!r.hasCSS&&(r.hasCSS=!!n(e,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),u||c(e,r),e}var s,u,d=e.html5||{},f=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,m="_html5shiv",h=0,v={};!function(){try{var e=t.createElement("a");e.innerHTML="<xyz></xyz>",s="hidden"in e,u=1==e.childNodes.length||function(){t.createElement("a");var e=t.createDocumentFragment();return"undefined"==typeof e.cloneNode||"undefined"==typeof e.createDocumentFragment||"undefined"==typeof e.createElement}()}catch(n){s=!0,u=!0}}();var y={elements:d.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:d.shivCSS!==!1,supportsUnknownElements:u,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:l,createElement:i,createDocumentFragment:a};e.html5=y,l(t)}(this,t),s._version=l,s._prefixes=v,s.mq=C,s.testStyles=S,d.className=d.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(u?" js "+E.join(" "):""),s}(this,this.document),function(e,t,n){function r(e){return"[object Function]"==v.call(e)}function o(e){return"string"==typeof e}function i(){}function a(e){return!e||"loaded"==e||"complete"==e||"uninitialized"==e}function c(){var e=y.shift();g=1,e?e.t?m(function(){("c"==e.t?f.injectCss:f.injectJs)(e.s,0,e.a,e.x,e.e,1)},0):(e(),c()):g=0}function l(e,n,r,o,i,l,s){function u(t){if(!p&&a(d.readyState)&&(E.r=p=1,!g&&c(),d.onload=d.onreadystatechange=null,t)){"img"!=e&&m(function(){S.removeChild(d)},50);for(var r in M[n])M[n].hasOwnProperty(r)&&M[n][r].onload()}}var s=s||f.errorTimeout,d=t.createElement(e),p=0,v=0,E={t:r,s:n,e:i,a:l,x:s};1===M[n]&&(v=1,M[n]=[]),"object"==e?d.data=n:(d.src=n,d.type=e),d.width=d.height="0",d.onerror=d.onload=d.onreadystatechange=function(){u.call(this,v)},y.splice(o,0,E),"img"!=e&&(v||2===M[n]?(S.insertBefore(d,b?null:h),m(u,s)):M[n].push(d))}function s(e,t,n,r,i){return g=0,t=t||"j",o(e)?l("c"==t?w:C,e,t,this.i++,n,r,i):(y.splice(this.i++,0,e),1==y.length&&c()),this}function u(){var e=f;return e.loader={load:s,i:0},e}var d,f,p=t.documentElement,m=e.setTimeout,h=t.getElementsByTagName("script")[0],v={}.toString,y=[],g=0,E="MozAppearance"in p.style,b=E&&!!t.createRange().compareNode,S=b?p:h.parentNode,p=e.opera&&"[object Opera]"==v.call(e.opera),p=!!t.attachEvent&&!p,C=E?"object":p?"script":"img",w=p?"script":C,j=Array.isArray||function(e){return"[object Array]"==v.call(e)},N=[],M={},T={timeout:function(e,t){return t.length&&(e.timeout=t[0]),e}};f=function(e){function t(e){var t,n,r,e=e.split("!"),o=N.length,i=e.pop(),a=e.length,i={url:i,origUrl:i,prefixes:e};for(n=0;a>n;n++)r=e[n].split("="),(t=T[r.shift()])&&(i=t(i,r));for(n=0;o>n;n++)i=N[n](i);return i}function a(e,o,i,a,c){var l=t(e),s=l.autoCallback;l.url.split(".").pop().split("?").shift(),l.bypass||(o&&(o=r(o)?o:o[e]||o[a]||o[e.split("/").pop().split("?")[0]]),l.instead?l.instead(e,o,i,a,c):(M[l.url]?l.noexec=!0:M[l.url]=1,i.load(l.url,l.forceCSS||!l.forceJS&&"css"==l.url.split(".").pop().split("?").shift()?"c":n,l.noexec,l.attrs,l.timeout),(r(o)||r(s))&&i.load(function(){u(),o&&o(l.origUrl,c,a),s&&s(l.origUrl,c,a),M[l.url]=2})))}function c(e,t){function n(e,n){if(e){if(o(e))n||(d=function(){var e=[].slice.call(arguments);f.apply(this,e),p()}),a(e,d,t,0,s);else if(Object(e)===e)for(l in c=function(){var t,n=0;for(t in e)e.hasOwnProperty(t)&&n++;return n}(),e)e.hasOwnProperty(l)&&(!n&&!--c&&(r(d)?d=function(){var e=[].slice.call(arguments);f.apply(this,e),p()}:d[l]=function(e){return function(){var t=[].slice.call(arguments);e&&e.apply(this,t),p()}}(f[l])),a(e[l],d,t,l,s))}else!n&&p()}var c,l,s=!!e.test,u=e.load||e.both,d=e.callback||i,f=d,p=e.complete||i;n(s?e.yep:e.nope,!!u),u&&n(u)}var l,s,d=this.yepnope.loader;if(o(e))a(e,0,d,0);else if(j(e))for(l=0;l<e.length;l++)s=e[l],o(s)?a(s,0,d,0):j(s)?f(s):Object(s)===s&&c(s,d);else Object(e)===e&&c(e,d)},f.addPrefix=function(e,t){T[e]=t},f.addFilter=function(e){N.push(e)},f.errorTimeout=1e4,null==t.readyState&&t.addEventListener&&(t.readyState="loading",t.addEventListener("DOMContentLoaded",d=function(){t.removeEventListener("DOMContentLoaded",d,0),t.readyState="complete"},0)),e.yepnope=u(),e.yepnope.executeStack=c,e.yepnope.injectJs=function(e,n,r,o,l,s){var u,d,p=t.createElement("script"),o=o||f.errorTimeout;p.src=e;for(d in r)p.setAttribute(d,r[d]);n=s?c:n||i,p.onreadystatechange=p.onload=function(){!u&&a(p.readyState)&&(u=1,n(),p.onload=p.onreadystatechange=null)},m(function(){u||(u=1,n(1))},o),l?p.onload():h.parentNode.insertBefore(p,h)},e.yepnope.injectCss=function(e,n,r,o,a,l){var s,o=t.createElement("link"),n=l?c:n||i;o.href=e,o.rel="stylesheet",o.type="text/css";for(s in r)o.setAttribute(s,r[s]);a||(h.parentNode.insertBefore(o,h),m(n,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))},Modernizr.addTest("ie8compat",function(){return!window.addEventListener&&document.documentMode&&7===document.documentMode}); |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/vendor/fastclick.js
+0
-9
| @@ | @@ -1,9 +0,0 @@ |
| - | /** |
| - | * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs. |
| - | * |
| - | * @version 1.0.2 |
| - | * @codingstandard ftlabs-jsv2 |
| - | * @copyright The Financial Times Limited [All Rights Reserved] |
| - | * @license MIT License (see LICENSE.txt) |
| - | */ |
| - | function FastClick(a,b){"use strict";function c(a,b){return function(){return a.apply(b,arguments)}}var d;if(b=b||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=b.touchBoundary||10,this.layer=a,this.tapDelay=b.tapDelay||200,!FastClick.notNeeded(a)){for(var e=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],f=this,g=0,h=e.length;h>g;g++)f[e[g]]=c(f[e[g]],f);deviceIsAndroid&&(a.addEventListener("mouseover",this.onMouse,!0),a.addEventListener("mousedown",this.onMouse,!0),a.addEventListener("mouseup",this.onMouse,!0)),a.addEventListener("click",this.onClick,!0),a.addEventListener("touchstart",this.onTouchStart,!1),a.addEventListener("touchmove",this.onTouchMove,!1),a.addEventListener("touchend",this.onTouchEnd,!1),a.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(a.removeEventListener=function(b,c,d){var e=Node.prototype.removeEventListener;"click"===b?e.call(a,b,c.hijacked||c,d):e.call(a,b,c,d)},a.addEventListener=function(b,c,d){var e=Node.prototype.addEventListener;"click"===b?e.call(a,b,c.hijacked||(c.hijacked=function(a){a.propagationStopped||c(a)}),d):e.call(a,b,c,d)}),"function"==typeof a.onclick&&(d=a.onclick,a.addEventListener("click",function(a){d(a)},!1),a.onclick=null)}}var deviceIsAndroid=navigator.userAgent.indexOf("Android")>0,deviceIsIOS=/iP(ad|hone|od)/.test(navigator.userAgent),deviceIsIOS4=deviceIsIOS&&/OS 4_\d(_\d)?/.test(navigator.userAgent),deviceIsIOSWithBadTarget=deviceIsIOS&&/OS ([6-9]|\d{2})_\d/.test(navigator.userAgent);FastClick.prototype.needsClick=function(a){"use strict";switch(a.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(a.disabled)return!0;break;case"input":if(deviceIsIOS&&"file"===a.type||a.disabled)return!0;break;case"label":case"video":return!0}return/\bneedsclick\b/.test(a.className)},FastClick.prototype.needsFocus=function(a){"use strict";switch(a.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!deviceIsAndroid;case"input":switch(a.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!a.disabled&&!a.readOnly;default:return/\bneedsfocus\b/.test(a.className)}},FastClick.prototype.sendClick=function(a,b){"use strict";var c,d;document.activeElement&&document.activeElement!==a&&document.activeElement.blur(),d=b.changedTouches[0],c=document.createEvent("MouseEvents"),c.initMouseEvent(this.determineEventType(a),!0,!0,window,1,d.screenX,d.screenY,d.clientX,d.clientY,!1,!1,!1,!1,0,null),c.forwardedTouchEvent=!0,a.dispatchEvent(c)},FastClick.prototype.determineEventType=function(a){"use strict";return deviceIsAndroid&&"select"===a.tagName.toLowerCase()?"mousedown":"click"},FastClick.prototype.focus=function(a){"use strict";var b;deviceIsIOS&&a.setSelectionRange&&0!==a.type.indexOf("date")&&"time"!==a.type?(b=a.value.length,a.setSelectionRange(b,b)):a.focus()},FastClick.prototype.updateScrollParent=function(a){"use strict";var b,c;if(b=a.fastClickScrollParent,!b||!b.contains(a)){c=a;do{if(c.scrollHeight>c.offsetHeight){b=c,a.fastClickScrollParent=c;break}c=c.parentElement}while(c)}b&&(b.fastClickLastScrollTop=b.scrollTop)},FastClick.prototype.getTargetElementFromEventTarget=function(a){"use strict";return a.nodeType===Node.TEXT_NODE?a.parentNode:a},FastClick.prototype.onTouchStart=function(a){"use strict";var b,c,d;if(a.targetTouches.length>1)return!0;if(b=this.getTargetElementFromEventTarget(a.target),c=a.targetTouches[0],deviceIsIOS){if(d=window.getSelection(),d.rangeCount&&!d.isCollapsed)return!0;if(!deviceIsIOS4){if(c.identifier===this.lastTouchIdentifier)return a.preventDefault(),!1;this.lastTouchIdentifier=c.identifier,this.updateScrollParent(b)}}return this.trackingClick=!0,this.trackingClickStart=a.timeStamp,this.targetElement=b,this.touchStartX=c.pageX,this.touchStartY=c.pageY,a.timeStamp-this.lastClickTime<this.tapDelay&&a.preventDefault(),!0},FastClick.prototype.touchHasMoved=function(a){"use strict";var b=a.changedTouches[0],c=this.touchBoundary;return Math.abs(b.pageX-this.touchStartX)>c||Math.abs(b.pageY-this.touchStartY)>c?!0:!1},FastClick.prototype.onTouchMove=function(a){"use strict";return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(a.target)||this.touchHasMoved(a))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},FastClick.prototype.findControl=function(a){"use strict";return void 0!==a.control?a.control:a.htmlFor?document.getElementById(a.htmlFor):a.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},FastClick.prototype.onTouchEnd=function(a){"use strict";var b,c,d,e,f,g=this.targetElement;if(!this.trackingClick)return!0;if(a.timeStamp-this.lastClickTime<this.tapDelay)return this.cancelNextClick=!0,!0;if(this.cancelNextClick=!1,this.lastClickTime=a.timeStamp,c=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,deviceIsIOSWithBadTarget&&(f=a.changedTouches[0],g=document.elementFromPoint(f.pageX-window.pageXOffset,f.pageY-window.pageYOffset)||g,g.fastClickScrollParent=this.targetElement.fastClickScrollParent),d=g.tagName.toLowerCase(),"label"===d){if(b=this.findControl(g)){if(this.focus(g),deviceIsAndroid)return!1;g=b}}else if(this.needsFocus(g))return a.timeStamp-c>100||deviceIsIOS&&window.top!==window&&"input"===d?(this.targetElement=null,!1):(this.focus(g),this.sendClick(g,a),deviceIsIOS&&"select"===d||(this.targetElement=null,a.preventDefault()),!1);return deviceIsIOS&&!deviceIsIOS4&&(e=g.fastClickScrollParent,e&&e.fastClickLastScrollTop!==e.scrollTop)?!0:(this.needsClick(g)||(a.preventDefault(),this.sendClick(g,a)),!1)},FastClick.prototype.onTouchCancel=function(){"use strict";this.trackingClick=!1,this.targetElement=null},FastClick.prototype.onMouse=function(a){"use strict";return this.targetElement?a.forwardedTouchEvent?!0:a.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(a.stopImmediatePropagation?a.stopImmediatePropagation():a.propagationStopped=!0,a.stopPropagation(),a.preventDefault(),!1):!0:!0},FastClick.prototype.onClick=function(a){"use strict";var b;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===a.target.type&&0===a.detail?!0:(b=this.onMouse(a),b||(this.targetElement=null),b)},FastClick.prototype.destroy=function(){"use strict";var a=this.layer;deviceIsAndroid&&(a.removeEventListener("mouseover",this.onMouse,!0),a.removeEventListener("mousedown",this.onMouse,!0),a.removeEventListener("mouseup",this.onMouse,!0)),a.removeEventListener("click",this.onClick,!0),a.removeEventListener("touchstart",this.onTouchStart,!1),a.removeEventListener("touchmove",this.onTouchMove,!1),a.removeEventListener("touchend",this.onTouchEnd,!1),a.removeEventListener("touchcancel",this.onTouchCancel,!1)},FastClick.notNeeded=function(a){"use strict";var b,c;if("undefined"==typeof window.ontouchstart)return!0;if(c=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!deviceIsAndroid)return!0;if(b=document.querySelector("meta[name=viewport]")){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(c>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}return"none"===a.style.msTouchAction?!0:!1},FastClick.attach=function(a,b){"use strict";return new FastClick(a,b)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){"use strict";return FastClick}):"undefined"!=typeof module&&module.exports?(module.exports=FastClick.attach,module.exports.FastClick=FastClick):window.FastClick=FastClick; |
generators/foundation5/public/javascripts/vendor/fastclick.min.js
+0
-11
| @@ | @@ -1,11 +0,0 @@ |
| - | /** |
| - | * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs. |
| - | * |
| - | * @version 0.6.9 |
| - | * @codingstandard ftlabs-jsv2 |
| - | * @copyright The Financial Times Limited [All Rights Reserved] |
| - | * @license MIT License (see LICENSE.txt) |
| - | */ |
| - | function FastClick(t){"use strict";var e,i=this;if(this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=10,this.layer=t,!t||!t.nodeType)throw new TypeError("Layer must be a document node");this.onClick=function(){return FastClick.prototype.onClick.apply(i,arguments)},this.onMouse=function(){return FastClick.prototype.onMouse.apply(i,arguments)},this.onTouchStart=function(){return FastClick.prototype.onTouchStart.apply(i,arguments)},this.onTouchMove=function(){return FastClick.prototype.onTouchMove.apply(i,arguments)},this.onTouchEnd=function(){return FastClick.prototype.onTouchEnd.apply(i,arguments)},this.onTouchCancel=function(){return FastClick.prototype.onTouchCancel.apply(i,arguments)},FastClick.notNeeded(t)||(this.deviceIsAndroid&&(t.addEventListener("mouseover",this.onMouse,!0),t.addEventListener("mousedown",this.onMouse,!0),t.addEventListener("mouseup",this.onMouse,!0)),t.addEventListener("click",this.onClick,!0),t.addEventListener("touchstart",this.onTouchStart,!1),t.addEventListener("touchmove",this.onTouchMove,!1),t.addEventListener("touchend",this.onTouchEnd,!1),t.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(t.removeEventListener=function(e,i,n){var o=Node.prototype.removeEventListener;"click"===e?o.call(t,e,i.hijacked||i,n):o.call(t,e,i,n)},t.addEventListener=function(e,i,n){var o=Node.prototype.addEventListener;"click"===e?o.call(t,e,i.hijacked||(i.hijacked=function(t){t.propagationStopped||i(t)}),n):o.call(t,e,i,n)}),"function"==typeof t.onclick&&(e=t.onclick,t.addEventListener("click",function(t){e(t)},!1),t.onclick=null))}FastClick.prototype.deviceIsAndroid=navigator.userAgent.indexOf("Android")>0,FastClick.prototype.deviceIsIOS=/iP(ad|hone|od)/.test(navigator.userAgent),FastClick.prototype.deviceIsIOS4=FastClick.prototype.deviceIsIOS&&/OS 4_\d(_\d)?/.test(navigator.userAgent),FastClick.prototype.deviceIsIOSWithBadTarget=FastClick.prototype.deviceIsIOS&&/OS ([6-9]|\d{2})_\d/.test(navigator.userAgent),FastClick.prototype.needsClick=function(t){"use strict";switch(t.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(t.disabled)return!0;break;case"input":if(this.deviceIsIOS&&"file"===t.type||t.disabled)return!0;break;case"label":case"video":return!0}return/\bneedsclick\b/.test(t.className)},FastClick.prototype.needsFocus=function(t){"use strict";switch(t.nodeName.toLowerCase()){case"textarea":case"select":return!0;case"input":switch(t.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!t.disabled&&!t.readOnly;default:return/\bneedsfocus\b/.test(t.className)}},FastClick.prototype.sendClick=function(t,e){"use strict";var i,n;document.activeElement&&document.activeElement!==t&&document.activeElement.blur(),n=e.changedTouches[0],i=document.createEvent("MouseEvents"),i.initMouseEvent("click",!0,!0,window,1,n.screenX,n.screenY,n.clientX,n.clientY,!1,!1,!1,!1,0,null),i.forwardedTouchEvent=!0,t.dispatchEvent(i)},FastClick.prototype.focus=function(t){"use strict";var e;this.deviceIsIOS&&t.setSelectionRange?(e=t.value.length,t.setSelectionRange(e,e)):t.focus()},FastClick.prototype.updateScrollParent=function(t){"use strict";var e,i;if(e=t.fastClickScrollParent,!e||!e.contains(t)){i=t;do{if(i.scrollHeight>i.offsetHeight){e=i,t.fastClickScrollParent=i;break}i=i.parentElement}while(i)}e&&(e.fastClickLastScrollTop=e.scrollTop)},FastClick.prototype.getTargetElementFromEventTarget=function(t){"use strict";return t.nodeType===Node.TEXT_NODE?t.parentNode:t},FastClick.prototype.onTouchStart=function(t){"use strict";var e,i,n;if(t.targetTouches.length>1)return!0;if(e=this.getTargetElementFromEventTarget(t.target),i=t.targetTouches[0],this.deviceIsIOS){if(n=window.getSelection(),n.rangeCount&&!n.isCollapsed)return!0;if(!this.deviceIsIOS4){if(i.identifier===this.lastTouchIdentifier)return t.preventDefault(),!1;this.lastTouchIdentifier=i.identifier,this.updateScrollParent(e)}}return this.trackingClick=!0,this.trackingClickStart=t.timeStamp,this.targetElement=e,this.touchStartX=i.pageX,this.touchStartY=i.pageY,t.timeStamp-this.lastClickTime<200&&t.preventDefault(),!0},FastClick.prototype.touchHasMoved=function(t){"use strict";var e=t.changedTouches[0],i=this.touchBoundary;return Math.abs(e.pageX-this.touchStartX)>i||Math.abs(e.pageY-this.touchStartY)>i?!0:!1},FastClick.prototype.onTouchMove=function(t){"use strict";return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(t.target)||this.touchHasMoved(t))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},FastClick.prototype.findControl=function(t){"use strict";return void 0!==t.control?t.control:t.htmlFor?document.getElementById(t.htmlFor):t.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},FastClick.prototype.onTouchEnd=function(t){"use strict";var e,i,n,o,s,r=this.targetElement;if(!this.trackingClick)return!0;if(t.timeStamp-this.lastClickTime<200)return this.cancelNextClick=!0,!0;if(this.lastClickTime=t.timeStamp,i=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,// for this to function correctly, it must be called *after* the event target is checked! |
| - | this.deviceIsIOSWithBadTarget&&(s=t.changedTouches[0],r=document.elementFromPoint(s.pageX-window.pageXOffset,s.pageY-window.pageYOffset)||r,r.fastClickScrollParent=this.targetElement.fastClickScrollParent),n=r.tagName.toLowerCase(),"label"===n){if(e=this.findControl(r)){if(this.focus(r),this.deviceIsAndroid)return!1;r=e}}else if(this.needsFocus(r))return t.timeStamp-i>100||this.deviceIsIOS&&window.top!==window&&"input"===n?(this.targetElement=null,!1):(this.focus(r),this.deviceIsIOS4&&"select"===n||(this.targetElement=null,t.preventDefault()),!1);return this.deviceIsIOS&&!this.deviceIsIOS4&&(o=r.fastClickScrollParent,o&&o.fastClickLastScrollTop!==o.scrollTop)?!0:(this.needsClick(r)||(t.preventDefault(),this.sendClick(r,t)),!1)},FastClick.prototype.onTouchCancel=function(){"use strict";this.trackingClick=!1,this.targetElement=null},FastClick.prototype.onMouse=function(t){"use strict";return this.targetElement?t.forwardedTouchEvent?!0:t.cancelable?!this.needsClick(this.targetElement)||this.cancelNextClick?(t.stopImmediatePropagation?t.stopImmediatePropagation():t.propagationStopped=!0,t.stopPropagation(),t.preventDefault(),!1):!0:!0:!0},FastClick.prototype.onClick=function(t){"use strict";var e;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===t.target.type&&0===t.detail?!0:(e=this.onMouse(t),// Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through. |
| - | e||(this.targetElement=null),e)},FastClick.prototype.destroy=function(){"use strict";var t=this.layer;this.deviceIsAndroid&&(t.removeEventListener("mouseover",this.onMouse,!0),t.removeEventListener("mousedown",this.onMouse,!0),t.removeEventListener("mouseup",this.onMouse,!0)),t.removeEventListener("click",this.onClick,!0),t.removeEventListener("touchstart",this.onTouchStart,!1),t.removeEventListener("touchmove",this.onTouchMove,!1),t.removeEventListener("touchend",this.onTouchEnd,!1),t.removeEventListener("touchcancel",this.onTouchCancel,!1)},FastClick.notNeeded=function(t){"use strict";var e;if("undefined"==typeof window.ontouchstart)return!0;if(/Chrome\/[0-9]+/.test(navigator.userAgent)){if(!FastClick.prototype.deviceIsAndroid)return!0;if(e=document.querySelector("meta[name=viewport]"),e&&-1!==e.content.indexOf("user-scalable=no"))return!0}return"none"===t.style.msTouchAction?!0:!1},FastClick.attach=function(t){"use strict";return new FastClick(t)},"undefined"!=typeof define&&define.amd?define(function(){"use strict";return FastClick}):"undefined"!=typeof module&&module.exports?(module.exports=FastClick.attach,module.exports.FastClick=FastClick):window.FastClick=FastClick; |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/vendor/jquery.autocomplete.js
+0
-645
| @@ | @@ -1,645 +0,0 @@ |
| - | /** |
| - | * Ajax Autocomplete for jQuery, version 1.2.7 |
| - | * (c) 2013 Tomas Kirda |
| - | * |
| - | * Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license. |
| - | * For details, see the web site: http://www.devbridge.com/projects/autocomplete/jquery/ |
| - | * |
| - | */ |
| - | |
| - | /*jslint browser: true, white: true, plusplus: true */ |
| - | /*global define, window, document, jQuery */ |
| - | |
| - | // Expose plugin as an AMD module if AMD loader is present: |
| - | (function (factory) { |
| - | 'use strict'; |
| - | if (typeof define === 'function' && define.amd) { |
| - | // AMD. Register as an anonymous module. |
| - | define(['jquery'], factory); |
| - | } else { |
| - | // Browser globals |
| - | factory(jQuery); |
| - | } |
| - | }(function ($) { |
| - | 'use strict'; |
| - | |
| - | var |
| - | utils = (function () { |
| - | return { |
| - | |
| - | extend: function (target, source) { |
| - | return $.extend(target, source); |
| - | }, |
| - | |
| - | createNode: function (html) { |
| - | var div = document.createElement('div'); |
| - | div.innerHTML = html; |
| - | return div.firstChild; |
| - | } |
| - | |
| - | }; |
| - | }()), |
| - | |
| - | keys = { |
| - | ESC: 27, |
| - | TAB: 9, |
| - | RETURN: 13, |
| - | UP: 38, |
| - | DOWN: 40 |
| - | }; |
| - | |
| - | function Autocomplete(el, options) { |
| - | var noop = function () { }, |
| - | that = this, |
| - | defaults = { |
| - | autoSelectFirst: false, |
| - | appendTo: 'body', |
| - | serviceUrl: null, |
| - | lookup: null, |
| - | onSelect: null, |
| - | width: 'auto', |
| - | minChars: 1, |
| - | maxHeight: 300, |
| - | deferRequestBy: 0, |
| - | params: {}, |
| - | formatResult: Autocomplete.formatResult, |
| - | delimiter: null, |
| - | zIndex: 9999, |
| - | type: 'GET', |
| - | noCache: false, |
| - | onSearchStart: noop, |
| - | onSearchComplete: noop, |
| - | containerClass: 'autocomplete-suggestions', |
| - | tabDisabled: false, |
| - | dataType: 'text', |
| - | lookupFilter: function (suggestion, originalQuery, queryLowerCase) { |
| - | return suggestion.value.toLowerCase().indexOf(queryLowerCase) !== -1; |
| - | }, |
| - | paramName: 'query', |
| - | transformResult: function (response) { |
| - | return typeof response === 'string' ? $.parseJSON(response) : response; |
| - | } |
| - | }; |
| - | |
| - | // Shared variables: |
| - | that.element = el; |
| - | that.el = $(el); |
| - | that.suggestions = []; |
| - | that.badQueries = []; |
| - | that.selectedIndex = -1; |
| - | that.currentValue = that.element.value; |
| - | that.intervalId = 0; |
| - | that.cachedResponse = []; |
| - | that.onChangeInterval = null; |
| - | that.onChange = null; |
| - | that.ignoreValueChange = false; |
| - | that.isLocal = false; |
| - | that.suggestionsContainer = null; |
| - | that.options = $.extend({}, defaults, options); |
| - | that.classes = { |
| - | selected: 'autocomplete-selected', |
| - | suggestion: 'autocomplete-suggestion' |
| - | }; |
| - | |
| - | // Initialize and set options: |
| - | that.initialize(); |
| - | that.setOptions(options); |
| - | } |
| - | |
| - | Autocomplete.utils = utils; |
| - | |
| - | $.Autocomplete = Autocomplete; |
| - | |
| - | Autocomplete.formatResult = function (suggestion, currentValue) { |
| - | var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g'), |
| - | pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')'; |
| - | |
| - | return suggestion.value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>'); |
| - | }; |
| - | |
| - | Autocomplete.prototype = { |
| - | |
| - | killerFn: null, |
| - | |
| - | initialize: function () { |
| - | var that = this, |
| - | suggestionSelector = '.' + that.classes.suggestion, |
| - | selected = that.classes.selected, |
| - | options = that.options, |
| - | container; |
| - | |
| - | // Remove autocomplete attribute to prevent native suggestions: |
| - | that.element.setAttribute('autocomplete', 'off'); |
| - | |
| - | that.killerFn = function (e) { |
| - | if ($(e.target).closest('.' + that.options.containerClass).length === 0) { |
| - | that.killSuggestions(); |
| - | that.disableKillerFn(); |
| - | } |
| - | }; |
| - | |
| - | // Determine suggestions width: |
| - | if (!options.width || options.width === 'auto') { |
| - | options.width = that.el.outerWidth(); |
| - | } |
| - | |
| - | that.suggestionsContainer = Autocomplete.utils.createNode('<div class="' + options.containerClass + '" style="position: absolute; display: none;"></div>'); |
| - | |
| - | container = $(that.suggestionsContainer); |
| - | |
| - | container.appendTo(options.appendTo).width(options.width); |
| - | |
| - | // Listen for mouse over event on suggestions list: |
| - | container.on('mouseover.autocomplete', suggestionSelector, function () { |
| - | that.activate($(this).data('index')); |
| - | }); |
| - | |
| - | // Deselect active element when mouse leaves suggestions container: |
| - | container.on('mouseout.autocomplete', function () { |
| - | that.selectedIndex = -1; |
| - | container.children('.' + selected).removeClass(selected); |
| - | }); |
| - | |
| - | // Listen for click event on suggestions list: |
| - | container.on('click.autocomplete', suggestionSelector, function () { |
| - | that.select($(this).data('index'), false); |
| - | }); |
| - | |
| - | that.fixPosition(); |
| - | |
| - | // Opera does not like keydown: |
| - | if (window.opera) { |
| - | that.el.on('keypress.autocomplete', function (e) { that.onKeyPress(e); }); |
| - | } else { |
| - | that.el.on('keydown.autocomplete', function (e) { that.onKeyPress(e); }); |
| - | } |
| - | |
| - | that.el.on('keyup.autocomplete', function (e) { that.onKeyUp(e); }); |
| - | that.el.on('blur.autocomplete', function () { that.onBlur(); }); |
| - | that.el.on('focus.autocomplete', function () { that.fixPosition(); }); |
| - | }, |
| - | |
| - | onBlur: function () { |
| - | this.enableKillerFn(); |
| - | }, |
| - | |
| - | setOptions: function (suppliedOptions) { |
| - | var that = this, |
| - | options = that.options; |
| - | |
| - | utils.extend(options, suppliedOptions); |
| - | |
| - | that.isLocal = $.isArray(options.lookup); |
| - | |
| - | if (that.isLocal) { |
| - | options.lookup = that.verifySuggestionsFormat(options.lookup); |
| - | } |
| - | |
| - | // Adjust height, width and z-index: |
| - | $(that.suggestionsContainer).css({ |
| - | 'max-height': options.maxHeight + 'px', |
| - | 'width': options.width + 'px', |
| - | 'z-index': options.zIndex |
| - | }); |
| - | }, |
| - | |
| - | clearCache: function () { |
| - | this.cachedResponse = []; |
| - | this.badQueries = []; |
| - | }, |
| - | |
| - | clear: function () { |
| - | this.clearCache(); |
| - | this.currentValue = null; |
| - | this.suggestions = []; |
| - | }, |
| - | |
| - | disable: function () { |
| - | this.disabled = true; |
| - | }, |
| - | |
| - | enable: function () { |
| - | this.disabled = false; |
| - | }, |
| - | |
| - | fixPosition: function () { |
| - | var that = this, |
| - | offset; |
| - | |
| - | // Don't adjsut position if custom container has been specified: |
| - | if (that.options.appendTo !== 'body') { |
| - | return; |
| - | } |
| - | |
| - | offset = that.el.offset(); |
| - | |
| - | $(that.suggestionsContainer).css({ |
| - | top: (offset.top + that.el.outerHeight()) + 'px', |
| - | left: offset.left + 'px' |
| - | }); |
| - | }, |
| - | |
| - | enableKillerFn: function () { |
| - | var that = this; |
| - | $(document).on('click.autocomplete', that.killerFn); |
| - | }, |
| - | |
| - | disableKillerFn: function () { |
| - | var that = this; |
| - | $(document).off('click.autocomplete', that.killerFn); |
| - | }, |
| - | |
| - | killSuggestions: function () { |
| - | var that = this; |
| - | that.stopKillSuggestions(); |
| - | that.intervalId = window.setInterval(function () { |
| - | that.hide(); |
| - | that.stopKillSuggestions(); |
| - | }, 300); |
| - | }, |
| - | |
| - | stopKillSuggestions: function () { |
| - | window.clearInterval(this.intervalId); |
| - | }, |
| - | |
| - | onKeyPress: function (e) { |
| - | var that = this; |
| - | |
| - | // If suggestions are hidden and user presses arrow down, display suggestions: |
| - | if (!that.disabled && !that.visible && e.keyCode === keys.DOWN && that.currentValue) { |
| - | that.suggest(); |
| - | return; |
| - | } |
| - | |
| - | if (that.disabled || !that.visible) { |
| - | return; |
| - | } |
| - | |
| - | switch (e.keyCode) { |
| - | case keys.ESC: |
| - | that.el.val(that.currentValue); |
| - | that.hide(); |
| - | break; |
| - | case keys.TAB: |
| - | case keys.RETURN: |
| - | if (that.selectedIndex === -1) { |
| - | that.hide(); |
| - | return; |
| - | } |
| - | that.select(that.selectedIndex, e.keyCode === keys.RETURN); |
| - | if (e.keyCode === keys.TAB && this.options.tabDisabled === false) { |
| - | return; |
| - | } |
| - | break; |
| - | case keys.UP: |
| - | that.moveUp(); |
| - | break; |
| - | case keys.DOWN: |
| - | that.moveDown(); |
| - | break; |
| - | default: |
| - | return; |
| - | } |
| - | |
| - | // Cancel event if function did not return: |
| - | e.stopImmediatePropagation(); |
| - | e.preventDefault(); |
| - | }, |
| - | |
| - | onKeyUp: function (e) { |
| - | var that = this; |
| - | |
| - | if (that.disabled) { |
| - | return; |
| - | } |
| - | |
| - | switch (e.keyCode) { |
| - | case keys.UP: |
| - | case keys.DOWN: |
| - | return; |
| - | } |
| - | |
| - | clearInterval(that.onChangeInterval); |
| - | |
| - | if (that.currentValue !== that.el.val()) { |
| - | if (that.options.deferRequestBy > 0) { |
| - | // Defer lookup in case when value changes very quickly: |
| - | that.onChangeInterval = setInterval(function () { |
| - | that.onValueChange(); |
| - | }, that.options.deferRequestBy); |
| - | } else { |
| - | that.onValueChange(); |
| - | } |
| - | } |
| - | }, |
| - | |
| - | onValueChange: function () { |
| - | var that = this, |
| - | q; |
| - | |
| - | clearInterval(that.onChangeInterval); |
| - | that.currentValue = that.element.value; |
| - | |
| - | q = that.getQuery(that.currentValue); |
| - | that.selectedIndex = -1; |
| - | |
| - | if (that.ignoreValueChange) { |
| - | that.ignoreValueChange = false; |
| - | return; |
| - | } |
| - | |
| - | if (q.length < that.options.minChars) { |
| - | that.hide(); |
| - | } else { |
| - | that.getSuggestions(q); |
| - | } |
| - | }, |
| - | |
| - | getQuery: function (value) { |
| - | var delimiter = this.options.delimiter, |
| - | parts; |
| - | |
| - | if (!delimiter) { |
| - | return $.trim(value); |
| - | } |
| - | parts = value.split(delimiter); |
| - | return $.trim(parts[parts.length - 1]); |
| - | }, |
| - | |
| - | getSuggestionsLocal: function (query) { |
| - | var that = this, |
| - | queryLowerCase = query.toLowerCase(), |
| - | filter = that.options.lookupFilter; |
| - | |
| - | return { |
| - | suggestions: $.grep(that.options.lookup, function (suggestion) { |
| - | return filter(suggestion, query, queryLowerCase); |
| - | }) |
| - | }; |
| - | }, |
| - | |
| - | getSuggestions: function (q) { |
| - | var response, |
| - | that = this, |
| - | options = that.options, |
| - | serviceUrl = options.serviceUrl; |
| - | |
| - | response = that.isLocal ? that.getSuggestionsLocal(q) : that.cachedResponse[q]; |
| - | |
| - | if (response && $.isArray(response.suggestions)) { |
| - | that.suggestions = response.suggestions; |
| - | that.suggest(); |
| - | } else if (!that.isBadQuery(q)) { |
| - | options.params[options.paramName] = q; |
| - | if (options.onSearchStart.call(that.element, options.params) === false) { |
| - | return; |
| - | } |
| - | if ($.isFunction(options.serviceUrl)) { |
| - | serviceUrl = options.serviceUrl.call(that.element, q); |
| - | } |
| - | $.ajax({ |
| - | url: serviceUrl, |
| - | data: options.ignoreParams ? null : options.params, |
| - | type: options.type, |
| - | dataType: options.dataType |
| - | }).done(function (data) { |
| - | that.processResponse(data, q); |
| - | options.onSearchComplete.call(that.element, q); |
| - | }); |
| - | } |
| - | }, |
| - | |
| - | isBadQuery: function (q) { |
| - | var badQueries = this.badQueries, |
| - | i = badQueries.length; |
| - | |
| - | while (i--) { |
| - | if (q.indexOf(badQueries[i]) === 0) { |
| - | return true; |
| - | } |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | hide: function () { |
| - | var that = this; |
| - | that.visible = false; |
| - | that.selectedIndex = -1; |
| - | $(that.suggestionsContainer).hide(); |
| - | }, |
| - | |
| - | suggest: function () { |
| - | if (this.suggestions.length === 0) { |
| - | this.hide(); |
| - | return; |
| - | } |
| - | |
| - | var that = this, |
| - | formatResult = that.options.formatResult, |
| - | value = that.getQuery(that.currentValue), |
| - | className = that.classes.suggestion, |
| - | classSelected = that.classes.selected, |
| - | container = $(that.suggestionsContainer), |
| - | html = ''; |
| - | |
| - | // Build suggestions inner HTML: |
| - | $.each(that.suggestions, function (i, suggestion) { |
| - | html += '<div class="' + className + '" data-index="' + i + '">' + formatResult(suggestion, value) + '</div>'; |
| - | }); |
| - | |
| - | container.html(html).show(); |
| - | that.visible = true; |
| - | |
| - | // Select first value by default: |
| - | if (that.options.autoSelectFirst) { |
| - | that.selectedIndex = 0; |
| - | container.children().first().addClass(classSelected); |
| - | } |
| - | }, |
| - | |
| - | verifySuggestionsFormat: function (suggestions) { |
| - | // If suggestions is string array, convert them to supported format: |
| - | if (suggestions.length && typeof suggestions[0] === 'string') { |
| - | return $.map(suggestions, function (value) { |
| - | return { value: value, data: null }; |
| - | }); |
| - | } |
| - | |
| - | return suggestions; |
| - | }, |
| - | |
| - | processResponse: function (response, originalQuery) { |
| - | var that = this, |
| - | options = that.options, |
| - | result = options.transformResult(response, originalQuery); |
| - | |
| - | result.suggestions = that.verifySuggestionsFormat(result.suggestions); |
| - | |
| - | // Cache results if cache is not disabled: |
| - | if (!options.noCache) { |
| - | that.cachedResponse[result[options.paramName]] = result; |
| - | if (result.suggestions.length === 0) { |
| - | that.badQueries.push(result[options.paramName]); |
| - | } |
| - | } |
| - | |
| - | // Display suggestions only if returned query matches current value: |
| - | if (originalQuery === that.getQuery(that.currentValue)) { |
| - | that.suggestions = result.suggestions; |
| - | that.suggest(); |
| - | } |
| - | }, |
| - | |
| - | activate: function (index) { |
| - | var that = this, |
| - | activeItem, |
| - | selected = that.classes.selected, |
| - | container = $(that.suggestionsContainer), |
| - | children = container.children(); |
| - | |
| - | container.children('.' + selected).removeClass(selected); |
| - | |
| - | that.selectedIndex = index; |
| - | |
| - | if (that.selectedIndex !== -1 && children.length > that.selectedIndex) { |
| - | activeItem = children.get(that.selectedIndex); |
| - | $(activeItem).addClass(selected); |
| - | return activeItem; |
| - | } |
| - | |
| - | return null; |
| - | }, |
| - | |
| - | select: function (i, shouldIgnoreNextValueChange) { |
| - | var that = this, |
| - | selectedValue = that.suggestions[i]; |
| - | |
| - | if (selectedValue) { |
| - | that.el.val(selectedValue); |
| - | that.ignoreValueChange = shouldIgnoreNextValueChange; |
| - | that.hide(); |
| - | that.onSelect(i); |
| - | } |
| - | }, |
| - | |
| - | moveUp: function () { |
| - | var that = this; |
| - | |
| - | if (that.selectedIndex === -1) { |
| - | return; |
| - | } |
| - | |
| - | if (that.selectedIndex === 0) { |
| - | $(that.suggestionsContainer).children().first().removeClass(that.classes.selected); |
| - | that.selectedIndex = -1; |
| - | that.el.val(that.currentValue); |
| - | return; |
| - | } |
| - | |
| - | that.adjustScroll(that.selectedIndex - 1); |
| - | }, |
| - | |
| - | moveDown: function () { |
| - | var that = this; |
| - | |
| - | if (that.selectedIndex === (that.suggestions.length - 1)) { |
| - | return; |
| - | } |
| - | |
| - | that.adjustScroll(that.selectedIndex + 1); |
| - | }, |
| - | |
| - | adjustScroll: function (index) { |
| - | var that = this, |
| - | activeItem = that.activate(index), |
| - | offsetTop, |
| - | upperBound, |
| - | lowerBound, |
| - | heightDelta = 25; |
| - | |
| - | if (!activeItem) { |
| - | return; |
| - | } |
| - | |
| - | offsetTop = activeItem.offsetTop; |
| - | upperBound = $(that.suggestionsContainer).scrollTop(); |
| - | lowerBound = upperBound + that.options.maxHeight - heightDelta; |
| - | |
| - | if (offsetTop < upperBound) { |
| - | $(that.suggestionsContainer).scrollTop(offsetTop); |
| - | } else if (offsetTop > lowerBound) { |
| - | $(that.suggestionsContainer).scrollTop(offsetTop - that.options.maxHeight + heightDelta); |
| - | } |
| - | |
| - | that.el.val(that.getValue(that.suggestions[index].value)); |
| - | }, |
| - | |
| - | onSelect: function (index) { |
| - | var that = this, |
| - | onSelectCallback = that.options.onSelect, |
| - | suggestion = that.suggestions[index]; |
| - | |
| - | that.el.val(that.getValue(suggestion.value)); |
| - | |
| - | if ($.isFunction(onSelectCallback)) { |
| - | onSelectCallback.call(that.element, suggestion); |
| - | } |
| - | }, |
| - | |
| - | getValue: function (value) { |
| - | var that = this, |
| - | delimiter = that.options.delimiter, |
| - | currentValue, |
| - | parts; |
| - | |
| - | if (!delimiter) { |
| - | return value; |
| - | } |
| - | |
| - | currentValue = that.currentValue; |
| - | parts = currentValue.split(delimiter); |
| - | |
| - | if (parts.length === 1) { |
| - | return value; |
| - | } |
| - | |
| - | return currentValue.substr(0, currentValue.length - parts[parts.length - 1].length) + value; |
| - | }, |
| - | |
| - | dispose: function () { |
| - | var that = this; |
| - | that.el.off('.autocomplete').removeData('autocomplete'); |
| - | that.disableKillerFn(); |
| - | $(that.suggestionsContainer).remove(); |
| - | } |
| - | }; |
| - | |
| - | // Create chainable jQuery plugin: |
| - | $.fn.autocomplete = function (options, args) { |
| - | var dataKey = 'autocomplete'; |
| - | // If function invoked without argument return |
| - | // instance of the first matched element: |
| - | if (arguments.length === 0) { |
| - | return this.first().data(dataKey); |
| - | } |
| - | |
| - | return this.each(function () { |
| - | var inputElement = $(this), |
| - | instance = inputElement.data(dataKey); |
| - | |
| - | if (typeof options === 'string') { |
| - | if (instance && typeof instance[options] === 'function') { |
| - | instance[options](args); |
| - | } |
| - | } else { |
| - | // If instance already exists, destroy it: |
| - | if (instance && instance.dispose) { |
| - | instance.dispose(); |
| - | } |
| - | instance = new Autocomplete(this, options); |
| - | inputElement.data(dataKey, instance); |
| - | } |
| - | }); |
| - | }; |
| - | })); |
generators/foundation5/public/javascripts/vendor/jquery.autocomplete.min.js
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | !function(e){"use strict";"function"==typeof define&&define.amd?define(["jquery"],e):e(jQuery)}(function(e){"use strict";function t(n,s){var o=function(){},i=this,a={autoSelectFirst:!1,appendTo:"body",serviceUrl:null,lookup:null,onSelect:null,width:"auto",minChars:1,maxHeight:300,deferRequestBy:0,params:{},formatResult:t.formatResult,delimiter:null,zIndex:9999,type:"GET",noCache:!1,onSearchStart:o,onSearchComplete:o,containerClass:"autocomplete-suggestions",tabDisabled:!1,dataType:"text",lookupFilter:function(e,t,n){return-1!==e.value.toLowerCase().indexOf(n)},paramName:"query",transformResult:function(t){return"string"==typeof t?e.parseJSON(t):t}};i.element=n,i.el=e(n),i.suggestions=[],i.badQueries=[],i.selectedIndex=-1,i.currentValue=i.element.value,i.intervalId=0,i.cachedResponse=[],i.onChangeInterval=null,i.onChange=null,i.ignoreValueChange=!1,i.isLocal=!1,i.suggestionsContainer=null,i.options=e.extend({},a,s),i.classes={selected:"autocomplete-selected",suggestion:"autocomplete-suggestion"},i.initialize(),i.setOptions(s)}var n=function(){return{extend:function(t,n){return e.extend(t,n)},createNode:function(e){var t=document.createElement("div");return t.innerHTML=e,t.firstChild}}}(),s={ESC:27,TAB:9,RETURN:13,UP:38,DOWN:40};t.utils=n,e.Autocomplete=t,t.formatResult=function(e,t){var n=new RegExp("(\\"+["/",".","*","+","?","|","(",")","[","]","{","}","\\"].join("|\\")+")","g"),s="("+t.replace(n,"\\$1")+")";return e.value.replace(new RegExp(s,"gi"),"<strong>$1</strong>")},t.prototype={killerFn:null,initialize:function(){var n,s=this,o="."+s.classes.suggestion,i=s.classes.selected,a=s.options;s.element.setAttribute("autocomplete","off"),s.killerFn=function(t){0===e(t.target).closest("."+s.options.containerClass).length&&(s.killSuggestions(),s.disableKillerFn())},a.width&&"auto"!==a.width||(a.width=s.el.outerWidth()),s.suggestionsContainer=t.utils.createNode('<div class="'+a.containerClass+'" style="position: absolute; display: none;"></div>'),n=e(s.suggestionsContainer),n.appendTo(a.appendTo).width(a.width),n.on("mouseover.autocomplete",o,function(){s.activate(e(this).data("index"))}),n.on("mouseout.autocomplete",function(){s.selectedIndex=-1,n.children("."+i).removeClass(i)}),n.on("click.autocomplete",o,function(){s.select(e(this).data("index"),!1)}),s.fixPosition(),window.opera?s.el.on("keypress.autocomplete",function(e){s.onKeyPress(e)}):s.el.on("keydown.autocomplete",function(e){s.onKeyPress(e)}),s.el.on("keyup.autocomplete",function(e){s.onKeyUp(e)}),s.el.on("blur.autocomplete",function(){s.onBlur()}),s.el.on("focus.autocomplete",function(){s.fixPosition()})},onBlur:function(){this.enableKillerFn()},setOptions:function(t){var s=this,o=s.options;n.extend(o,t),s.isLocal=e.isArray(o.lookup),s.isLocal&&(o.lookup=s.verifySuggestionsFormat(o.lookup)),e(s.suggestionsContainer).css({"max-height":o.maxHeight+"px",width:o.width+"px","z-index":o.zIndex})},clearCache:function(){this.cachedResponse=[],this.badQueries=[]},clear:function(){this.clearCache(),this.currentValue=null,this.suggestions=[]},disable:function(){this.disabled=!0},enable:function(){this.disabled=!1},fixPosition:function(){var t,n=this;"body"===n.options.appendTo&&(t=n.el.offset(),e(n.suggestionsContainer).css({top:t.top+n.el.outerHeight()+"px",left:t.left+"px"}))},enableKillerFn:function(){var t=this;e(document).on("click.autocomplete",t.killerFn)},disableKillerFn:function(){var t=this;e(document).off("click.autocomplete",t.killerFn)},killSuggestions:function(){var e=this;e.stopKillSuggestions(),e.intervalId=window.setInterval(function(){e.hide(),e.stopKillSuggestions()},300)},stopKillSuggestions:function(){window.clearInterval(this.intervalId)},onKeyPress:function(e){var t=this;if(!t.disabled&&!t.visible&&e.keyCode===s.DOWN&&t.currentValue)return t.suggest(),void 0;if(!t.disabled&&t.visible){switch(e.keyCode){case s.ESC:t.el.val(t.currentValue),t.hide();break;case s.TAB:case s.RETURN:if(-1===t.selectedIndex)return t.hide(),void 0;if(t.select(t.selectedIndex,e.keyCode===s.RETURN),e.keyCode===s.TAB&&this.options.tabDisabled===!1)return;break;case s.UP:t.moveUp();break;case s.DOWN:t.moveDown();break;default:return}e.stopImmediatePropagation(),e.preventDefault()}},onKeyUp:function(e){var t=this;if(!t.disabled){switch(e.keyCode){case s.UP:case s.DOWN:return}clearInterval(t.onChangeInterval),t.currentValue!==t.el.val()&&(t.options.deferRequestBy>0?t.onChangeInterval=setInterval(function(){t.onValueChange()},t.options.deferRequestBy):t.onValueChange())}},onValueChange:function(){var e,t=this;return clearInterval(t.onChangeInterval),t.currentValue=t.element.value,e=t.getQuery(t.currentValue),t.selectedIndex=-1,t.ignoreValueChange?(t.ignoreValueChange=!1,void 0):(e.length<t.options.minChars?t.hide():t.getSuggestions(e),void 0)},getQuery:function(t){var n,s=this.options.delimiter;return s?(n=t.split(s),e.trim(n[n.length-1])):e.trim(t)},getSuggestionsLocal:function(t){var n=this,s=t.toLowerCase(),o=n.options.lookupFilter;return{suggestions:e.grep(n.options.lookup,function(e){return o(e,t,s)})}},getSuggestions:function(t){var n,s=this,o=s.options,i=o.serviceUrl;if(n=s.isLocal?s.getSuggestionsLocal(t):s.cachedResponse[t],n&&e.isArray(n.suggestions))s.suggestions=n.suggestions,s.suggest();else if(!s.isBadQuery(t)){if(o.params[o.paramName]=t,o.onSearchStart.call(s.element,o.params)===!1)return;e.isFunction(o.serviceUrl)&&(i=o.serviceUrl.call(s.element,t)),e.ajax({url:i,data:o.ignoreParams?null:o.params,type:o.type,dataType:o.dataType}).done(function(e){s.processResponse(e,t),o.onSearchComplete.call(s.element,t)})}},isBadQuery:function(e){for(var t=this.badQueries,n=t.length;n--;)if(0===e.indexOf(t[n]))return!0;return!1},hide:function(){var t=this;t.visible=!1,t.selectedIndex=-1,e(t.suggestionsContainer).hide()},suggest:function(){if(0===this.suggestions.length)return this.hide(),void 0;var t=this,n=t.options.formatResult,s=t.getQuery(t.currentValue),o=t.classes.suggestion,i=t.classes.selected,a=e(t.suggestionsContainer),l="";e.each(t.suggestions,function(e,t){l+='<div class="'+o+'" data-index="'+e+'">'+n(t,s)+"</div>"}),a.html(l).show(),t.visible=!0,t.options.autoSelectFirst&&(t.selectedIndex=0,a.children().first().addClass(i))},verifySuggestionsFormat:function(t){return t.length&&"string"==typeof t[0]?e.map(t,function(e){return{value:e,data:null}}):t},processResponse:function(e,t){var n=this,s=n.options,o=s.transformResult(e,t);o.suggestions=n.verifySuggestionsFormat(o.suggestions),s.noCache||(n.cachedResponse[o[s.paramName]]=o,0===o.suggestions.length&&n.badQueries.push(o[s.paramName])),t===n.getQuery(n.currentValue)&&(n.suggestions=o.suggestions,n.suggest())},activate:function(t){var n,s=this,o=s.classes.selected,i=e(s.suggestionsContainer),a=i.children();return i.children("."+o).removeClass(o),s.selectedIndex=t,-1!==s.selectedIndex&&a.length>s.selectedIndex?(n=a.get(s.selectedIndex),e(n).addClass(o),n):null},select:function(e,t){var n=this,s=n.suggestions[e];s&&(n.el.val(s),n.ignoreValueChange=t,n.hide(),n.onSelect(e))},moveUp:function(){var t=this;if(-1!==t.selectedIndex)return 0===t.selectedIndex?(e(t.suggestionsContainer).children().first().removeClass(t.classes.selected),t.selectedIndex=-1,t.el.val(t.currentValue),void 0):(t.adjustScroll(t.selectedIndex-1),void 0)},moveDown:function(){var e=this;e.selectedIndex!==e.suggestions.length-1&&e.adjustScroll(e.selectedIndex+1)},adjustScroll:function(t){var n,s,o,i=this,a=i.activate(t),l=25;a&&(n=a.offsetTop,s=e(i.suggestionsContainer).scrollTop(),o=s+i.options.maxHeight-l,s>n?e(i.suggestionsContainer).scrollTop(n):n>o&&e(i.suggestionsContainer).scrollTop(n-i.options.maxHeight+l),i.el.val(i.getValue(i.suggestions[t].value)))},onSelect:function(t){var n=this,s=n.options.onSelect,o=n.suggestions[t];n.el.val(n.getValue(o.value)),e.isFunction(s)&&s.call(n.element,o)},getValue:function(e){var t,n,s=this,o=s.options.delimiter;return o?(t=s.currentValue,n=t.split(o),1===n.length?e:t.substr(0,t.length-n[n.length-1].length)+e):e},dispose:function(){var t=this;t.el.off(".autocomplete").removeData("autocomplete"),t.disableKillerFn(),e(t.suggestionsContainer).remove()}},e.fn.autocomplete=function(n,s){var o="autocomplete";return 0===arguments.length?this.first().data(o):this.each(function(){var i=e(this),a=i.data(o);"string"==typeof n?a&&"function"==typeof a[n]&&a[n](s):(a&&a.dispose&&a.dispose(),a=new t(this,n),i.data(o,a))})}}); |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/vendor/jquery.cookie.js
+0
-8
| @@ | @@ -1,8 +0,0 @@ |
| - | /*! |
| - | * jQuery Cookie Plugin v1.4.1 |
| - | * https://github.com/carhartl/jquery-cookie |
| - | * |
| - | * Copyright 2013 Klaus Hartl |
| - | * Released under the MIT license |
| - | */ |
| - | !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}}); |
generators/foundation5/public/javascripts/vendor/jquery.cookie.min.js
+0
-8
| @@ | @@ -1,8 +0,0 @@ |
| - | /*! |
| - | * jQuery Cookie Plugin v1.3.1 |
| - | * https://github.com/carhartl/jquery-cookie |
| - | * |
| - | * Copyright 2013 Klaus Hartl |
| - | * Released under the MIT license |
| - | */ |
| - | !function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e(jQuery)}(function(e){function n(e){if(t.raw)return e;try{return decodeURIComponent(e.replace(i," "))}catch(n){}}function o(e){0===e.indexOf('"')&&(e=e.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\")),e=n(e);try{return t.json?JSON.parse(e):e}catch(o){}}var i=/\+/g,t=e.cookie=function(i,r,c){if(void 0!==r){if(c=e.extend({},t.defaults,c),"number"==typeof c.expires){var a=c.expires,d=c.expires=new Date;d.setDate(d.getDate()+a)}return r=t.json?JSON.stringify(r):String(r),document.cookie=[t.raw?i:encodeURIComponent(i),"=",t.raw?r:encodeURIComponent(r),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}for(var u=i?void 0:{},f=document.cookie?document.cookie.split("; "):[],p=0,s=f.length;s>p;p++){var m=f[p].split("="),x=n(m.shift()),l=m.join("=");if(i&&i===x){u=o(l);break}i||void 0===(l=o(l))||(u[x]=l)}return u};t.defaults={},e.removeCookie=function(n,o){return void 0!==e.cookie(n)?(e.cookie(n,"",e.extend({},o,{expires:-1})),!0):!1}}); |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/vendor/jquery.js
+0
-26
| @@ | @@ -1,26 +0,0 @@ |
| - | /*! |
| - | * jQuery JavaScript Library v2.1.1 |
| - | * http://jquery.com/ |
| - | * |
| - | * Includes Sizzle.js |
| - | * http://sizzlejs.com/ |
| - | * |
| - | * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors |
| - | * Released under the MIT license |
| - | * http://jquery.org/license |
| - | * |
| - | * Date: 2014-05-01T17:11Z |
| - | */ |
| - | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){function c(a){var b=a.length,c=_.type(a);return"function"===c||_.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}function d(a,b,c){if(_.isFunction(b))return _.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return _.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(hb.test(b))return _.filter(b,a,c);b=_.filter(b,a)}return _.grep(a,function(a){return U.call(b,a)>=0!==c})}function e(a,b){for(;(a=a[b])&&1!==a.nodeType;);return a}function f(a){var b=ob[a]={};return _.each(a.match(nb)||[],function(a,c){b[c]=!0}),b}function g(){Z.removeEventListener("DOMContentLoaded",g,!1),a.removeEventListener("load",g,!1),_.ready()}function h(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=_.expando+Math.random()}function i(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(ub,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:tb.test(c)?_.parseJSON(c):c}catch(e){}sb.set(a,b,c)}else c=void 0;return c}function j(){return!0}function k(){return!1}function l(){try{return Z.activeElement}catch(a){}}function m(a,b){return _.nodeName(a,"table")&&_.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function n(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function o(a){var b=Kb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function p(a,b){for(var c=0,d=a.length;d>c;c++)rb.set(a[c],"globalEval",!b||rb.get(b[c],"globalEval"))}function q(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(rb.hasData(a)&&(f=rb.access(a),g=rb.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)_.event.add(b,e,j[e][c])}sb.hasData(a)&&(h=sb.access(a),i=_.extend({},h),sb.set(b,i))}}function r(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&_.nodeName(a,b)?_.merge([a],c):c}function s(a,b){var c=b.nodeName.toLowerCase();"input"===c&&yb.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}function t(b,c){var d,e=_(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:_.css(e[0],"display");return e.detach(),f}function u(a){var b=Z,c=Ob[a];return c||(c=t(a,b),"none"!==c&&c||(Nb=(Nb||_("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=Nb[0].contentDocument,b.write(),b.close(),c=t(a,b),Nb.detach()),Ob[a]=c),c}function v(a,b,c){var d,e,f,g,h=a.style;return c=c||Rb(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||_.contains(a.ownerDocument,a)||(g=_.style(a,b)),Qb.test(g)&&Pb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function w(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}function x(a,b){if(b in a)return b;for(var c=b[0].toUpperCase()+b.slice(1),d=b,e=Xb.length;e--;)if(b=Xb[e]+c,b in a)return b;return d}function y(a,b,c){var d=Tb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function z(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=_.css(a,c+wb[f],!0,e)),d?("content"===c&&(g-=_.css(a,"padding"+wb[f],!0,e)),"margin"!==c&&(g-=_.css(a,"border"+wb[f]+"Width",!0,e))):(g+=_.css(a,"padding"+wb[f],!0,e),"padding"!==c&&(g+=_.css(a,"border"+wb[f]+"Width",!0,e)));return g}function A(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Rb(a),g="border-box"===_.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=v(a,b,f),(0>e||null==e)&&(e=a.style[b]),Qb.test(e))return e;d=g&&(Y.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+z(a,b,c||(g?"border":"content"),d,f)+"px"}function B(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=rb.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&xb(d)&&(f[g]=rb.access(d,"olddisplay",u(d.nodeName)))):(e=xb(d),"none"===c&&e||rb.set(d,"olddisplay",e?c:_.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function C(a,b,c,d,e){return new C.prototype.init(a,b,c,d,e)}function D(){return setTimeout(function(){Yb=void 0}),Yb=_.now()}function E(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=wb[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function F(a,b,c){for(var d,e=(cc[b]||[]).concat(cc["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function G(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},n=a.style,o=a.nodeType&&xb(a),p=rb.get(a,"fxshow");c.queue||(h=_._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,_.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[n.overflow,n.overflowX,n.overflowY],j=_.css(a,"display"),k="none"===j?rb.get(a,"olddisplay")||u(a.nodeName):j,"inline"===k&&"none"===_.css(a,"float")&&(n.display="inline-block")),c.overflow&&(n.overflow="hidden",l.always(function(){n.overflow=c.overflow[0],n.overflowX=c.overflow[1],n.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],$b.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(o?"hide":"show")){if("show"!==e||!p||void 0===p[d])continue;o=!0}m[d]=p&&p[d]||_.style(a,d)}else j=void 0;if(_.isEmptyObject(m))"inline"===("none"===j?u(a.nodeName):j)&&(n.display=j);else{p?"hidden"in p&&(o=p.hidden):p=rb.access(a,"fxshow",{}),f&&(p.hidden=!o),o?_(a).show():l.done(function(){_(a).hide()}),l.done(function(){var b;rb.remove(a,"fxshow");for(b in m)_.style(a,b,m[b])});for(d in m)g=F(o?p[d]:0,d,l),d in p||(p[d]=g.start,o&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function H(a,b){var c,d,e,f,g;for(c in a)if(d=_.camelCase(c),e=b[d],f=a[c],_.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=_.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function I(a,b,c){var d,e,f=0,g=bc.length,h=_.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Yb||D(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:_.extend({},b),opts:_.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:Yb||D(),duration:c.duration,tweens:[],createTween:function(b,c){var d=_.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(H(k,j.opts.specialEasing);g>f;f++)if(d=bc[f].call(j,a,k,j.opts))return d;return _.map(k,F,j),_.isFunction(j.opts.start)&&j.opts.start.call(a,j),_.fx.timer(_.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}function J(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(nb)||[];if(_.isFunction(c))for(;d=f[e++];)"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function K(a,b,c,d){function e(h){var i;return f[h]=!0,_.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||g||f[j]?g?!(i=j):void 0:(b.dataTypes.unshift(j),e(j),!1)}),i}var f={},g=a===vc;return e(b.dataTypes[0])||!f["*"]&&e("*")}function L(a,b){var c,d,e=_.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&_.extend(!0,a,d),a}function M(a,b,c){for(var d,e,f,g,h=a.contents,i=a.dataTypes;"*"===i[0];)i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function N(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];for(f=k.shift();f;)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}function O(a,b,c,d){var e;if(_.isArray(b))_.each(b,function(b,e){c||zc.test(a)?d(a,e):O(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==_.type(b))d(a,b);else for(e in b)O(a+"["+e+"]",b[e],c,d)}function P(a){return _.isWindow(a)?a:9===a.nodeType&&a.defaultView}var Q=[],R=Q.slice,S=Q.concat,T=Q.push,U=Q.indexOf,V={},W=V.toString,X=V.hasOwnProperty,Y={},Z=a.document,$="2.1.1",_=function(a,b){return new _.fn.init(a,b)},ab=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,bb=/^-ms-/,cb=/-([\da-z])/gi,db=function(a,b){return b.toUpperCase()};_.fn=_.prototype={jquery:$,constructor:_,selector:"",length:0,toArray:function(){return R.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:R.call(this)},pushStack:function(a){var b=_.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return _.each(this,a,b)},map:function(a){return this.pushStack(_.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(R.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:T,sort:Q.sort,splice:Q.splice},_.extend=_.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||_.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(_.isPlainObject(d)||(e=_.isArray(d)))?(e?(e=!1,f=c&&_.isArray(c)?c:[]):f=c&&_.isPlainObject(c)?c:{},g[b]=_.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},_.extend({expando:"jQuery"+($+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===_.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!_.isArray(a)&&a-parseFloat(a)>=0},isPlainObject:function(a){return"object"!==_.type(a)||a.nodeType||_.isWindow(a)?!1:a.constructor&&!X.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?V[W.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=_.trim(a),a&&(1===a.indexOf("use strict")?(b=Z.createElement("script"),b.text=a,Z.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(bb,"ms-").replace(cb,db)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,d){var e,f=0,g=a.length,h=c(a);if(d){if(h)for(;g>f&&(e=b.apply(a[f],d),e!==!1);f++);else for(f in a)if(e=b.apply(a[f],d),e===!1)break}else if(h)for(;g>f&&(e=b.call(a[f],f,a[f]),e!==!1);f++);else for(f in a)if(e=b.call(a[f],f,a[f]),e===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(ab,"")},makeArray:function(a,b){var d=b||[];return null!=a&&(c(Object(a))?_.merge(d,"string"==typeof a?[a]:a):T.call(d,a)),d},inArray:function(a,b,c){return null==b?-1:U.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,d){var e,f=0,g=a.length,h=c(a),i=[];if(h)for(;g>f;f++)e=b(a[f],f,d),null!=e&&i.push(e);else for(f in a)e=b(a[f],f,d),null!=e&&i.push(e);return S.apply([],i)},guid:1,proxy:function(a,b){var c,d,e;return"string"==typeof b&&(c=a[b],b=a,a=c),_.isFunction(a)?(d=R.call(arguments,2),e=function(){return a.apply(b||this,d.concat(R.call(arguments)))},e.guid=a.guid=a.guid||_.guid++,e):void 0},now:Date.now,support:Y}),_.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){V["[object "+b+"]"]=b.toLowerCase()});var eb=/*! |
| - | * Sizzle CSS Selector Engine v1.10.19 |
| - | * http://sizzlejs.com/ |
| - | * |
| - | * Copyright 2013 jQuery Foundation, Inc. and other contributors |
| - | * Released under the MIT license |
| - | * http://jquery.org/license |
| - | * |
| - | * Date: 2014-04-18 |
| - | */ |
| - | function(a){function b(a,b,c,d){var e,f,g,h,i,j,l,n,o,p;if((b?b.ownerDocument||b:O)!==G&&F(b),b=b||G,c=c||[],!a||"string"!=typeof a)return c;if(1!==(h=b.nodeType)&&9!==h)return[];if(I&&!d){if(e=sb.exec(a))if(g=e[1]){if(9===h){if(f=b.getElementById(g),!f||!f.parentNode)return c;if(f.id===g)return c.push(f),c}else if(b.ownerDocument&&(f=b.ownerDocument.getElementById(g))&&M(b,f)&&f.id===g)return c.push(f),c}else{if(e[2])return _.apply(c,b.getElementsByTagName(a)),c;if((g=e[3])&&v.getElementsByClassName&&b.getElementsByClassName)return _.apply(c,b.getElementsByClassName(g)),c}if(v.qsa&&(!J||!J.test(a))){if(n=l=N,o=b,p=9===h&&a,1===h&&"object"!==b.nodeName.toLowerCase()){for(j=z(a),(l=b.getAttribute("id"))?n=l.replace(ub,"\\$&"):b.setAttribute("id",n),n="[id='"+n+"'] ",i=j.length;i--;)j[i]=n+m(j[i]);o=tb.test(a)&&k(b.parentNode)||b,p=j.join(",")}if(p)try{return _.apply(c,o.querySelectorAll(p)),c}catch(q){}finally{l||b.removeAttribute("id")}}}return B(a.replace(ib,"$1"),b,c,d)}function c(){function a(c,d){return b.push(c+" ")>w.cacheLength&&delete a[b.shift()],a[c+" "]=d}var b=[];return a}function d(a){return a[N]=!0,a}function e(a){var b=G.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function f(a,b){for(var c=a.split("|"),d=a.length;d--;)w.attrHandle[c[d]]=b}function g(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||W)-(~a.sourceIndex||W);if(d)return d;if(c)for(;c=c.nextSibling;)if(c===b)return-1;return a?1:-1}function h(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function i(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function j(a){return d(function(b){return b=+b,d(function(c,d){for(var e,f=a([],c.length,b),g=f.length;g--;)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function k(a){return a&&typeof a.getElementsByTagName!==V&&a}function l(){}function m(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function n(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=Q++;return b.first?function(b,c,f){for(;b=b[d];)if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[P,f];if(g){for(;b=b[d];)if((1===b.nodeType||e)&&a(b,c,g))return!0}else for(;b=b[d];)if(1===b.nodeType||e){if(i=b[N]||(b[N]={}),(h=i[d])&&h[0]===P&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function o(a){return a.length>1?function(b,c,d){for(var e=a.length;e--;)if(!a[e](b,c,d))return!1;return!0}:a[0]}function p(a,c,d){for(var e=0,f=c.length;f>e;e++)b(a,c[e],d);return d}function q(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function r(a,b,c,e,f,g){return e&&!e[N]&&(e=r(e)),f&&!f[N]&&(f=r(f,g)),d(function(d,g,h,i){var j,k,l,m=[],n=[],o=g.length,r=d||p(b||"*",h.nodeType?[h]:h,[]),s=!a||!d&&b?r:q(r,m,a,h,i),t=c?f||(d?a:o||e)?[]:g:s;if(c&&c(s,t,h,i),e)for(j=q(t,n),e(j,[],h,i),k=j.length;k--;)(l=j[k])&&(t[n[k]]=!(s[n[k]]=l));if(d){if(f||a){if(f){for(j=[],k=t.length;k--;)(l=t[k])&&j.push(s[k]=l);f(null,t=[],j,i)}for(k=t.length;k--;)(l=t[k])&&(j=f?bb.call(d,l):m[k])>-1&&(d[j]=!(g[j]=l))}}else t=q(t===g?t.splice(o,t.length):t),f?f(null,g,t,i):_.apply(g,t)})}function s(a){for(var b,c,d,e=a.length,f=w.relative[a[0].type],g=f||w.relative[" "],h=f?1:0,i=n(function(a){return a===b},g,!0),j=n(function(a){return bb.call(b,a)>-1},g,!0),k=[function(a,c,d){return!f&&(d||c!==C)||((b=c).nodeType?i(a,c,d):j(a,c,d))}];e>h;h++)if(c=w.relative[a[h].type])k=[n(o(k),c)];else{if(c=w.filter[a[h].type].apply(null,a[h].matches),c[N]){for(d=++h;e>d&&!w.relative[a[d].type];d++);return r(h>1&&o(k),h>1&&m(a.slice(0,h-1).concat({value:" "===a[h-2].type?"*":""})).replace(ib,"$1"),c,d>h&&s(a.slice(h,d)),e>d&&s(a=a.slice(d)),e>d&&m(a))}k.push(c)}return o(k)}function t(a,c){var e=c.length>0,f=a.length>0,g=function(d,g,h,i,j){var k,l,m,n=0,o="0",p=d&&[],r=[],s=C,t=d||f&&w.find.TAG("*",j),u=P+=null==s?1:Math.random()||.1,v=t.length;for(j&&(C=g!==G&&g);o!==v&&null!=(k=t[o]);o++){if(f&&k){for(l=0;m=a[l++];)if(m(k,g,h)){i.push(k);break}j&&(P=u)}e&&((k=!m&&k)&&n--,d&&p.push(k))}if(n+=o,e&&o!==n){for(l=0;m=c[l++];)m(p,r,g,h);if(d){if(n>0)for(;o--;)p[o]||r[o]||(r[o]=Z.call(i));r=q(r)}_.apply(i,r),j&&!d&&r.length>0&&n+c.length>1&&b.uniqueSort(i)}return j&&(P=u,C=s),p};return e?d(g):g}var u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N="sizzle"+-new Date,O=a.document,P=0,Q=0,R=c(),S=c(),T=c(),U=function(a,b){return a===b&&(E=!0),0},V="undefined",W=1<<31,X={}.hasOwnProperty,Y=[],Z=Y.pop,$=Y.push,_=Y.push,ab=Y.slice,bb=Y.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},cb="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",db="[\\x20\\t\\r\\n\\f]",eb="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",fb=eb.replace("w","w#"),gb="\\["+db+"*("+eb+")(?:"+db+"*([*^$|!~]?=)"+db+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+fb+"))|)"+db+"*\\]",hb=":("+eb+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+gb+")*)|.*)\\)|)",ib=new RegExp("^"+db+"+|((?:^|[^\\\\])(?:\\\\.)*)"+db+"+$","g"),jb=new RegExp("^"+db+"*,"+db+"*"),kb=new RegExp("^"+db+"*([>+~]|"+db+")"+db+"*"),lb=new RegExp("="+db+"*([^\\]'\"]*?)"+db+"*\\]","g"),mb=new RegExp(hb),nb=new RegExp("^"+fb+"$"),ob={ID:new RegExp("^#("+eb+")"),CLASS:new RegExp("^\\.("+eb+")"),TAG:new RegExp("^("+eb.replace("w","w*")+")"),ATTR:new RegExp("^"+gb),PSEUDO:new RegExp("^"+hb),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+db+"*(even|odd|(([+-]|)(\\d*)n|)"+db+"*(?:([+-]|)"+db+"*(\\d+)|))"+db+"*\\)|)","i"),bool:new RegExp("^(?:"+cb+")$","i"),needsContext:new RegExp("^"+db+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+db+"*((?:-\\d)?\\d*)"+db+"*\\)|)(?=[^-]|$)","i")},pb=/^(?:input|select|textarea|button)$/i,qb=/^h\d$/i,rb=/^[^{]+\{\s*\[native \w/,sb=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,tb=/[+~]/,ub=/'|\\/g,vb=new RegExp("\\\\([\\da-f]{1,6}"+db+"?|("+db+")|.)","ig"),wb=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{_.apply(Y=ab.call(O.childNodes),O.childNodes),Y[O.childNodes.length].nodeType}catch(xb){_={apply:Y.length?function(a,b){$.apply(a,ab.call(b))}:function(a,b){for(var c=a.length,d=0;a[c++]=b[d++];);a.length=c-1}}}v=b.support={},y=b.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},F=b.setDocument=function(a){var b,c=a?a.ownerDocument||a:O,d=c.defaultView;return c!==G&&9===c.nodeType&&c.documentElement?(G=c,H=c.documentElement,I=!y(c),d&&d!==d.top&&(d.addEventListener?d.addEventListener("unload",function(){F()},!1):d.attachEvent&&d.attachEvent("onunload",function(){F()})),v.attributes=e(function(a){return a.className="i",!a.getAttribute("className")}),v.getElementsByTagName=e(function(a){return a.appendChild(c.createComment("")),!a.getElementsByTagName("*").length}),v.getElementsByClassName=rb.test(c.getElementsByClassName)&&e(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),v.getById=e(function(a){return H.appendChild(a).id=N,!c.getElementsByName||!c.getElementsByName(N).length}),v.getById?(w.find.ID=function(a,b){if(typeof b.getElementById!==V&&I){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},w.filter.ID=function(a){var b=a.replace(vb,wb);return function(a){return a.getAttribute("id")===b}}):(delete w.find.ID,w.filter.ID=function(a){var b=a.replace(vb,wb);return function(a){var c=typeof a.getAttributeNode!==V&&a.getAttributeNode("id");return c&&c.value===b}}),w.find.TAG=v.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==V?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){for(;c=f[e++];)1===c.nodeType&&d.push(c);return d}return f},w.find.CLASS=v.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==V&&I?b.getElementsByClassName(a):void 0},K=[],J=[],(v.qsa=rb.test(c.querySelectorAll))&&(e(function(a){a.innerHTML="<select msallowclip=''><option selected=''></option></select>",a.querySelectorAll("[msallowclip^='']").length&&J.push("[*^$]="+db+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||J.push("\\["+db+"*(?:value|"+cb+")"),a.querySelectorAll(":checked").length||J.push(":checked")}),e(function(a){var b=c.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&J.push("name"+db+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||J.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),J.push(",.*:")})),(v.matchesSelector=rb.test(L=H.matches||H.webkitMatchesSelector||H.mozMatchesSelector||H.oMatchesSelector||H.msMatchesSelector))&&e(function(a){v.disconnectedMatch=L.call(a,"div"),L.call(a,"[s!='']:x"),K.push("!=",hb)}),J=J.length&&new RegExp(J.join("|")),K=K.length&&new RegExp(K.join("|")),b=rb.test(H.compareDocumentPosition),M=b||rb.test(H.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)for(;b=b.parentNode;)if(b===a)return!0;return!1},U=b?function(a,b){if(a===b)return E=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!v.sortDetached&&b.compareDocumentPosition(a)===d?a===c||a.ownerDocument===O&&M(O,a)?-1:b===c||b.ownerDocument===O&&M(O,b)?1:D?bb.call(D,a)-bb.call(D,b):0:4&d?-1:1)}:function(a,b){if(a===b)return E=!0,0;var d,e=0,f=a.parentNode,h=b.parentNode,i=[a],j=[b];if(!f||!h)return a===c?-1:b===c?1:f?-1:h?1:D?bb.call(D,a)-bb.call(D,b):0;if(f===h)return g(a,b);for(d=a;d=d.parentNode;)i.unshift(d);for(d=b;d=d.parentNode;)j.unshift(d);for(;i[e]===j[e];)e++;return e?g(i[e],j[e]):i[e]===O?-1:j[e]===O?1:0},c):G},b.matches=function(a,c){return b(a,null,null,c)},b.matchesSelector=function(a,c){if((a.ownerDocument||a)!==G&&F(a),c=c.replace(lb,"='$1']"),!(!v.matchesSelector||!I||K&&K.test(c)||J&&J.test(c)))try{var d=L.call(a,c);if(d||v.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return b(c,G,null,[a]).length>0},b.contains=function(a,b){return(a.ownerDocument||a)!==G&&F(a),M(a,b)},b.attr=function(a,b){(a.ownerDocument||a)!==G&&F(a);var c=w.attrHandle[b.toLowerCase()],d=c&&X.call(w.attrHandle,b.toLowerCase())?c(a,b,!I):void 0;return void 0!==d?d:v.attributes||!I?a.getAttribute(b):(d=a.getAttributeNode(b))&&d.specified?d.value:null},b.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},b.uniqueSort=function(a){var b,c=[],d=0,e=0;if(E=!v.detectDuplicates,D=!v.sortStable&&a.slice(0),a.sort(U),E){for(;b=a[e++];)b===a[e]&&(d=c.push(e));for(;d--;)a.splice(c[d],1)}return D=null,a},x=b.getText=function(a){var b,c="",d=0,e=a.nodeType;if(e){if(1===e||9===e||11===e){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=x(a)}else if(3===e||4===e)return a.nodeValue}else for(;b=a[d++];)c+=x(b);return c},w=b.selectors={cacheLength:50,createPseudo:d,match:ob,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(vb,wb),a[3]=(a[3]||a[4]||a[5]||"").replace(vb,wb),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||b.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&b.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return ob.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&mb.test(c)&&(b=z(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(vb,wb).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=R[a+" "];return b||(b=new RegExp("(^|"+db+")"+a+"("+db+"|$)"))&&R(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==V&&a.getAttribute("class")||"")})},ATTR:function(a,c,d){return function(e){var f=b.attr(e,a);return null==f?"!="===c:c?(f+="","="===c?f===d:"!="===c?f!==d:"^="===c?d&&0===f.indexOf(d):"*="===c?d&&f.indexOf(d)>-1:"$="===c?d&&f.slice(-d.length)===d:"~="===c?(" "+f+" ").indexOf(d)>-1:"|="===c?f===d||f.slice(0,d.length+1)===d+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){for(;p;){for(l=b;l=l[p];)if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){for(k=q[N]||(q[N]={}),j=k[a]||[],n=j[0]===P&&j[1],m=j[0]===P&&j[2],l=n&&q.childNodes[n];l=++n&&l&&l[p]||(m=n=0)||o.pop();)if(1===l.nodeType&&++m&&l===b){k[a]=[P,n,m];break}}else if(s&&(j=(b[N]||(b[N]={}))[a])&&j[0]===P)m=j[1];else for(;(l=++n&&l&&l[p]||(m=n=0)||o.pop())&&((h?l.nodeName.toLowerCase()!==r:1!==l.nodeType)||!++m||(s&&((l[N]||(l[N]={}))[a]=[P,m]),l!==b)););return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,c){var e,f=w.pseudos[a]||w.setFilters[a.toLowerCase()]||b.error("unsupported pseudo: "+a);return f[N]?f(c):f.length>1?(e=[a,a,"",c],w.setFilters.hasOwnProperty(a.toLowerCase())?d(function(a,b){for(var d,e=f(a,c),g=e.length;g--;)d=bb.call(a,e[g]),a[d]=!(b[d]=e[g])}):function(a){return f(a,0,e)}):f}},pseudos:{not:d(function(a){var b=[],c=[],e=A(a.replace(ib,"$1"));return e[N]?d(function(a,b,c,d){for(var f,g=e(a,null,d,[]),h=a.length;h--;)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,d,f){return b[0]=a,e(b,null,f,c),!c.pop()}}),has:d(function(a){return function(c){return b(a,c).length>0}}),contains:d(function(a){return function(b){return(b.textContent||b.innerText||x(b)).indexOf(a)>-1}}),lang:d(function(a){return nb.test(a||"")||b.error("unsupported lang: "+a),a=a.replace(vb,wb).toLowerCase(),function(b){var c;do if(c=I?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===H},focus:function(a){return a===G.activeElement&&(!G.hasFocus||G.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!w.pseudos.empty(a)},header:function(a){return qb.test(a.nodeName)},input:function(a){return pb.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:j(function(){return[0]}),last:j(function(a,b){return[b-1]}),eq:j(function(a,b,c){return[0>c?c+b:c]}),even:j(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:j(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:j(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:j(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},w.pseudos.nth=w.pseudos.eq;for(u in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})w.pseudos[u]=h(u);for(u in{submit:!0,reset:!0})w.pseudos[u]=i(u);return l.prototype=w.filters=w.pseudos,w.setFilters=new l,z=b.tokenize=function(a,c){var d,e,f,g,h,i,j,k=S[a+" "];if(k)return c?0:k.slice(0);for(h=a,i=[],j=w.preFilter;h;){(!d||(e=jb.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),d=!1,(e=kb.exec(h))&&(d=e.shift(),f.push({value:d,type:e[0].replace(ib," ")}),h=h.slice(d.length));for(g in w.filter)!(e=ob[g].exec(h))||j[g]&&!(e=j[g](e))||(d=e.shift(),f.push({value:d,type:g,matches:e}),h=h.slice(d.length));if(!d)break}return c?h.length:h?b.error(a):S(a,i).slice(0)},A=b.compile=function(a,b){var c,d=[],e=[],f=T[a+" "];if(!f){for(b||(b=z(a)),c=b.length;c--;)f=s(b[c]),f[N]?d.push(f):e.push(f);f=T(a,t(e,d)),f.selector=a}return f},B=b.select=function(a,b,c,d){var e,f,g,h,i,j="function"==typeof a&&a,l=!d&&z(a=j.selector||a);if(c=c||[],1===l.length){if(f=l[0]=l[0].slice(0),f.length>2&&"ID"===(g=f[0]).type&&v.getById&&9===b.nodeType&&I&&w.relative[f[1].type]){if(b=(w.find.ID(g.matches[0].replace(vb,wb),b)||[])[0],!b)return c;j&&(b=b.parentNode),a=a.slice(f.shift().value.length)}for(e=ob.needsContext.test(a)?0:f.length;e--&&(g=f[e],!w.relative[h=g.type]);)if((i=w.find[h])&&(d=i(g.matches[0].replace(vb,wb),tb.test(f[0].type)&&k(b.parentNode)||b))){if(f.splice(e,1),a=d.length&&m(f),!a)return _.apply(c,d),c;break}}return(j||A(a,l))(d,b,!I,c,tb.test(a)&&k(b.parentNode)||b),c},v.sortStable=N.split("").sort(U).join("")===N,v.detectDuplicates=!!E,F(),v.sortDetached=e(function(a){return 1&a.compareDocumentPosition(G.createElement("div"))}),e(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||f("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),v.attributes&&e(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||f("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),e(function(a){return null==a.getAttribute("disabled")})||f(cb,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),b}(a);_.find=eb,_.expr=eb.selectors,_.expr[":"]=_.expr.pseudos,_.unique=eb.uniqueSort,_.text=eb.getText,_.isXMLDoc=eb.isXML,_.contains=eb.contains;var fb=_.expr.match.needsContext,gb=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,hb=/^.[^:#\[\.,]*$/;_.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?_.find.matchesSelector(d,a)?[d]:[]:_.find.matches(a,_.grep(b,function(a){return 1===a.nodeType}))},_.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(_(a).filter(function(){for(b=0;c>b;b++)if(_.contains(e[b],this))return!0}));for(b=0;c>b;b++)_.find(a,e[b],d);return d=this.pushStack(c>1?_.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(d(this,a||[],!1))},not:function(a){return this.pushStack(d(this,a||[],!0))},is:function(a){return!!d(this,"string"==typeof a&&fb.test(a)?_(a):a||[],!1).length}});var ib,jb=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,kb=_.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:jb.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||ib).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof _?b[0]:b,_.merge(this,_.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:Z,!0)),gb.test(c[1])&&_.isPlainObject(b))for(c in b)_.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=Z.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=Z,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):_.isFunction(a)?"undefined"!=typeof ib.ready?ib.ready(a):a(_):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),_.makeArray(a,this))};kb.prototype=_.fn,ib=_(Z);var lb=/^(?:parents|prev(?:Until|All))/,mb={children:!0,contents:!0,next:!0,prev:!0};_.extend({dir:function(a,b,c){for(var d=[],e=void 0!==c;(a=a[b])&&9!==a.nodeType;)if(1===a.nodeType){if(e&&_(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),_.fn.extend({has:function(a){var b=_(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(_.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=fb.test(a)||"string"!=typeof a?_(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&_.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?_.unique(f):f)},index:function(a){return a?"string"==typeof a?U.call(_(a),this[0]):U.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(_.unique(_.merge(this.get(),_(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}}),_.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return _.dir(a,"parentNode")},parentsUntil:function(a,b,c){return _.dir(a,"parentNode",c)},next:function(a){return e(a,"nextSibling")},prev:function(a){return e(a,"previousSibling")},nextAll:function(a){return _.dir(a,"nextSibling")},prevAll:function(a){return _.dir(a,"previousSibling")},nextUntil:function(a,b,c){return _.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return _.dir(a,"previousSibling",c)},siblings:function(a){return _.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return _.sibling(a.firstChild)},contents:function(a){return a.contentDocument||_.merge([],a.childNodes)}},function(a,b){_.fn[a]=function(c,d){var e=_.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=_.filter(d,e)),this.length>1&&(mb[a]||_.unique(e),lb.test(a)&&e.reverse()),this.pushStack(e)}});var nb=/\S+/g,ob={};_.Callbacks=function(a){a="string"==typeof a?ob[a]||f(a):_.extend({},a);var b,c,d,e,g,h,i=[],j=!a.once&&[],k=function(f){for(b=a.memory&&f,c=!0,h=e||0,e=0,g=i.length,d=!0;i&&g>h;h++)if(i[h].apply(f[0],f[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,i&&(j?j.length&&k(j.shift()):b?i=[]:l.disable())},l={add:function(){if(i){var c=i.length;!function f(b){_.each(b,function(b,c){var d=_.type(c);"function"===d?a.unique&&l.has(c)||i.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),d?g=i.length:b&&(e=c,k(b))}return this},remove:function(){return i&&_.each(arguments,function(a,b){for(var c;(c=_.inArray(b,i,c))>-1;)i.splice(c,1),d&&(g>=c&&g--,h>=c&&h--)}),this},has:function(a){return a?_.inArray(a,i)>-1:!(!i||!i.length)},empty:function(){return i=[],g=0,this},disable:function(){return i=j=b=void 0,this},disabled:function(){return!i},lock:function(){return j=void 0,b||l.disable(),this},locked:function(){return!j},fireWith:function(a,b){return!i||c&&!j||(b=b||[],b=[a,b.slice?b.slice():b],d?j.push(b):k(b)),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!c}};return l},_.extend({Deferred:function(a){var b=[["resolve","done",_.Callbacks("once memory"),"resolved"],["reject","fail",_.Callbacks("once memory"),"rejected"],["notify","progress",_.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return _.Deferred(function(c){_.each(b,function(b,f){var g=_.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&_.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?_.extend(a,d):d}},e={};return d.pipe=d.then,_.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b,c,d,e=0,f=R.call(arguments),g=f.length,h=1!==g||a&&_.isFunction(a.promise)?g:0,i=1===h?a:_.Deferred(),j=function(a,c,d){return function(e){c[a]=this,d[a]=arguments.length>1?R.call(arguments):e,d===b?i.notifyWith(c,d):--h||i.resolveWith(c,d)}};if(g>1)for(b=new Array(g),c=new Array(g),d=new Array(g);g>e;e++)f[e]&&_.isFunction(f[e].promise)?f[e].promise().done(j(e,d,f)).fail(i.reject).progress(j(e,c,b)):--h;return h||i.resolveWith(d,f),i.promise()}});var pb;_.fn.ready=function(a){return _.ready.promise().done(a),this},_.extend({isReady:!1,readyWait:1,holdReady:function(a){a?_.readyWait++:_.ready(!0)},ready:function(a){(a===!0?--_.readyWait:_.isReady)||(_.isReady=!0,a!==!0&&--_.readyWait>0||(pb.resolveWith(Z,[_]),_.fn.triggerHandler&&(_(Z).triggerHandler("ready"),_(Z).off("ready"))))}}),_.ready.promise=function(b){return pb||(pb=_.Deferred(),"complete"===Z.readyState?setTimeout(_.ready):(Z.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1))),pb.promise(b)},_.ready.promise();var qb=_.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===_.type(c)){e=!0;for(h in c)_.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,_.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(_(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};_.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType},h.uid=1,h.accepts=_.acceptData,h.prototype={key:function(a){if(!h.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=h.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,_.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(_.isEmptyObject(f))_.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,_.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{_.isArray(b)?d=b.concat(b.map(_.camelCase)):(e=_.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(nb)||[])),c=d.length;for(;c--;)delete g[d[c]]}},hasData:function(a){return!_.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var rb=new h,sb=new h,tb=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,ub=/([A-Z])/g;_.extend({hasData:function(a){return sb.hasData(a)||rb.hasData(a)},data:function(a,b,c){return sb.access(a,b,c)},removeData:function(a,b){sb.remove(a,b)},_data:function(a,b,c){return rb.access(a,b,c)},_removeData:function(a,b){rb.remove(a,b)}}),_.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=sb.get(f),1===f.nodeType&&!rb.get(f,"hasDataAttrs"))){for(c=g.length;c--;)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=_.camelCase(d.slice(5)),i(f,d,e[d])));rb.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){sb.set(this,a)}):qb(this,function(b){var c,d=_.camelCase(a);if(f&&void 0===b){if(c=sb.get(f,a),void 0!==c)return c;if(c=sb.get(f,d),void 0!==c)return c;if(c=i(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=sb.get(this,d);sb.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&sb.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){sb.remove(this,a)})}}),_.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=rb.get(a,b),c&&(!d||_.isArray(c)?d=rb.access(a,b,_.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=_.queue(a,b),d=c.length,e=c.shift(),f=_._queueHooks(a,b),g=function(){_.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return rb.get(a,c)||rb.access(a,c,{empty:_.Callbacks("once memory").add(function(){rb.remove(a,[b+"queue",c])})})}}),_.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?_.queue(this[0],a):void 0===b?this:this.each(function(){var c=_.queue(this,a,b);_._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&_.dequeue(this,a)})},dequeue:function(a){return this.each(function(){_.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=_.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};for("string"!=typeof a&&(b=a,a=void 0),a=a||"fx";g--;)c=rb.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var vb=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,wb=["Top","Right","Bottom","Left"],xb=function(a,b){return a=b||a,"none"===_.css(a,"display")||!_.contains(a.ownerDocument,a)},yb=/^(?:checkbox|radio)$/i;!function(){var a=Z.createDocumentFragment(),b=a.appendChild(Z.createElement("div")),c=Z.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),Y.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",Y.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var zb="undefined";Y.focusinBubbles="onfocusin"in a;var Ab=/^key/,Bb=/^(?:mouse|pointer|contextmenu)|click/,Cb=/^(?:focusinfocus|focusoutblur)$/,Db=/^([^.]*)(?:\.(.+)|)$/;_.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=rb.get(a);if(q)for(c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=_.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return typeof _!==zb&&_.event.triggered!==b.type?_.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(nb)||[""],j=b.length;j--;)h=Db.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=_.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=_.event.special[n]||{},k=_.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&_.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),_.event.global[n]=!0)},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=rb.hasData(a)&&rb.get(a);if(q&&(i=q.events)){for(b=(b||"").match(nb)||[""],j=b.length;j--;)if(h=Db.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){for(l=_.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;f--;)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||_.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)_.event.remove(a,n+b[j],c,d,!0);_.isEmptyObject(i)&&(delete q.handle,rb.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,j,k,l,m=[d||Z],n=X.call(b,"type")?b.type:b,o=X.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||Z,3!==d.nodeType&&8!==d.nodeType&&!Cb.test(n+_.event.triggered)&&(n.indexOf(".")>=0&&(o=n.split("."),n=o.shift(),o.sort()),j=n.indexOf(":")<0&&"on"+n,b=b[_.expando]?b:new _.Event(n,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=o.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:_.makeArray(c,[b]),l=_.event.special[n]||{},e||!l.trigger||l.trigger.apply(d,c)!==!1)){if(!e&&!l.noBubble&&!_.isWindow(d)){for(i=l.delegateType||n,Cb.test(i+n)||(g=g.parentNode);g;g=g.parentNode)m.push(g),h=g; |
| - | h===(d.ownerDocument||Z)&&m.push(h.defaultView||h.parentWindow||a)}for(f=0;(g=m[f++])&&!b.isPropagationStopped();)b.type=f>1?i:l.bindType||n,k=(rb.get(g,"events")||{})[b.type]&&rb.get(g,"handle"),k&&k.apply(g,c),k=j&&g[j],k&&k.apply&&_.acceptData(g)&&(b.result=k.apply(g,c),b.result===!1&&b.preventDefault());return b.type=n,e||b.isDefaultPrevented()||l._default&&l._default.apply(m.pop(),c)!==!1||!_.acceptData(d)||j&&_.isFunction(d[n])&&!_.isWindow(d)&&(h=d[j],h&&(d[j]=null),_.event.triggered=n,d[n](),_.event.triggered=void 0,h&&(d[j]=h)),b.result}},dispatch:function(a){a=_.event.fix(a);var b,c,d,e,f,g=[],h=R.call(arguments),i=(rb.get(this,"events")||{})[a.type]||[],j=_.event.special[a.type]||{};if(h[0]=a,a.delegateTarget=this,!j.preDispatch||j.preDispatch.call(this,a)!==!1){for(g=_.event.handlers.call(this,a,i),b=0;(e=g[b++])&&!a.isPropagationStopped();)for(a.currentTarget=e.elem,c=0;(f=e.handlers[c++])&&!a.isImmediatePropagationStopped();)(!a.namespace_re||a.namespace_re.test(f.namespace))&&(a.handleObj=f,a.data=f.data,d=((_.event.special[f.origType]||{}).handle||f.handler).apply(e.elem,h),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()));return j.postDispatch&&j.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?_(e,this).index(i)>=0:_.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||Z,d=c.documentElement,e=c.body,a.pageX=b.clientX+(d&&d.scrollLeft||e&&e.scrollLeft||0)-(d&&d.clientLeft||e&&e.clientLeft||0),a.pageY=b.clientY+(d&&d.scrollTop||e&&e.scrollTop||0)-(d&&d.clientTop||e&&e.clientTop||0)),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},fix:function(a){if(a[_.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];for(g||(this.fixHooks[e]=g=Bb.test(e)?this.mouseHooks:Ab.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new _.Event(f),b=d.length;b--;)c=d[b],a[c]=f[c];return a.target||(a.target=Z),3===a.target.nodeType&&(a.target=a.target.parentNode),g.filter?g.filter(a,f):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==l()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===l()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&_.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return _.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=_.extend(new _.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?_.event.trigger(e,null,b):_.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},_.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)},_.Event=function(a,b){return this instanceof _.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?j:k):this.type=a,b&&_.extend(this,b),this.timeStamp=a&&a.timeStamp||_.now(),void(this[_.expando]=!0)):new _.Event(a,b)},_.Event.prototype={isDefaultPrevented:k,isPropagationStopped:k,isImmediatePropagationStopped:k,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=j,a&&a.preventDefault&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=j,a&&a.stopPropagation&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=j,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},_.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){_.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!_.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),Y.focusinBubbles||_.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){_.event.simulate(b,a.target,_.event.fix(a),!0)};_.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=rb.access(d,b);e||d.addEventListener(a,c,!0),rb.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=rb.access(d,b)-1;e?rb.access(d,b,e):(d.removeEventListener(a,c,!0),rb.remove(d,b))}}}),_.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(g in a)this.on(g,b,c,a[g],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=k;else if(!d)return this;return 1===e&&(f=d,d=function(a){return _().off(a),f.apply(this,arguments)},d.guid=f.guid||(f.guid=_.guid++)),this.each(function(){_.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,_(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=k),this.each(function(){_.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){_.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?_.event.trigger(a,b,c,!0):void 0}});var Eb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,Fb=/<([\w:]+)/,Gb=/<|&#?\w+;/,Hb=/<(?:script|style|link)/i,Ib=/checked\s*(?:[^=]|=\s*.checked.)/i,Jb=/^$|\/(?:java|ecma)script/i,Kb=/^true\/(.*)/,Lb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,Mb={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};Mb.optgroup=Mb.option,Mb.tbody=Mb.tfoot=Mb.colgroup=Mb.caption=Mb.thead,Mb.th=Mb.td,_.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=_.contains(a.ownerDocument,a);if(!(Y.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||_.isXMLDoc(a)))for(g=r(h),f=r(a),d=0,e=f.length;e>d;d++)s(f[d],g[d]);if(b)if(c)for(f=f||r(a),g=g||r(h),d=0,e=f.length;e>d;d++)q(f[d],g[d]);else q(a,h);return g=r(h,"script"),g.length>0&&p(g,!i&&r(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,n=a.length;n>m;m++)if(e=a[m],e||0===e)if("object"===_.type(e))_.merge(l,e.nodeType?[e]:e);else if(Gb.test(e)){for(f=f||k.appendChild(b.createElement("div")),g=(Fb.exec(e)||["",""])[1].toLowerCase(),h=Mb[g]||Mb._default,f.innerHTML=h[1]+e.replace(Eb,"<$1></$2>")+h[2],j=h[0];j--;)f=f.lastChild;_.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));for(k.textContent="",m=0;e=l[m++];)if((!d||-1===_.inArray(e,d))&&(i=_.contains(e.ownerDocument,e),f=r(k.appendChild(e),"script"),i&&p(f),c))for(j=0;e=f[j++];)Jb.test(e.type||"")&&c.push(e);return k},cleanData:function(a){for(var b,c,d,e,f=_.event.special,g=0;void 0!==(c=a[g]);g++){if(_.acceptData(c)&&(e=c[rb.expando],e&&(b=rb.cache[e]))){if(b.events)for(d in b.events)f[d]?_.event.remove(c,d):_.removeEvent(c,d,b.handle);rb.cache[e]&&delete rb.cache[e]}delete sb.cache[c[sb.expando]]}}}),_.fn.extend({text:function(a){return qb(this,function(a){return void 0===a?_.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=m(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=m(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?_.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||_.cleanData(r(c)),c.parentNode&&(b&&_.contains(c.ownerDocument,c)&&p(r(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(_.cleanData(r(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return _.clone(this,a,b)})},html:function(a){return qb(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!Hb.test(a)&&!Mb[(Fb.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Eb,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(_.cleanData(r(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,_.cleanData(r(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=S.apply([],a);var c,d,e,f,g,h,i=0,j=this.length,k=this,l=j-1,m=a[0],p=_.isFunction(m);if(p||j>1&&"string"==typeof m&&!Y.checkClone&&Ib.test(m))return this.each(function(c){var d=k.eq(c);p&&(a[0]=m.call(this,c,d.html())),d.domManip(a,b)});if(j&&(c=_.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(e=_.map(r(c,"script"),n),f=e.length;j>i;i++)g=c,i!==l&&(g=_.clone(g,!0,!0),f&&_.merge(e,r(g,"script"))),b.call(this[i],g,i);if(f)for(h=e[e.length-1].ownerDocument,_.map(e,o),i=0;f>i;i++)g=e[i],Jb.test(g.type||"")&&!rb.access(g,"globalEval")&&_.contains(h,g)&&(g.src?_._evalUrl&&_._evalUrl(g.src):_.globalEval(g.textContent.replace(Lb,"")))}return this}}),_.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){_.fn[a]=function(a){for(var c,d=[],e=_(a),f=e.length-1,g=0;f>=g;g++)c=g===f?this:this.clone(!0),_(e[g])[b](c),T.apply(d,c.get());return this.pushStack(d)}});var Nb,Ob={},Pb=/^margin/,Qb=new RegExp("^("+vb+")(?!px)[a-z%]+$","i"),Rb=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)};!function(){function b(){g.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",g.innerHTML="",e.appendChild(f);var b=a.getComputedStyle(g,null);c="1%"!==b.top,d="4px"===b.width,e.removeChild(f)}var c,d,e=Z.documentElement,f=Z.createElement("div"),g=Z.createElement("div");g.style&&(g.style.backgroundClip="content-box",g.cloneNode(!0).style.backgroundClip="",Y.clearCloneStyle="content-box"===g.style.backgroundClip,f.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",f.appendChild(g),a.getComputedStyle&&_.extend(Y,{pixelPosition:function(){return b(),c},boxSizingReliable:function(){return null==d&&b(),d},reliableMarginRight:function(){var b,c=g.appendChild(Z.createElement("div"));return c.style.cssText=g.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",g.style.width="1px",e.appendChild(f),b=!parseFloat(a.getComputedStyle(c,null).marginRight),e.removeChild(f),b}}))}(),_.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Sb=/^(none|table(?!-c[ea]).+)/,Tb=new RegExp("^("+vb+")(.*)$","i"),Ub=new RegExp("^([+-])=("+vb+")","i"),Vb={position:"absolute",visibility:"hidden",display:"block"},Wb={letterSpacing:"0",fontWeight:"400"},Xb=["Webkit","O","Moz","ms"];_.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=v(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=_.camelCase(b),i=a.style;return b=_.cssProps[h]||(_.cssProps[h]=x(i,h)),g=_.cssHooks[b]||_.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Ub.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(_.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||_.cssNumber[h]||(c+="px"),Y.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=_.camelCase(b);return b=_.cssProps[h]||(_.cssProps[h]=x(a.style,h)),g=_.cssHooks[b]||_.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=v(a,b,d)),"normal"===e&&b in Wb&&(e=Wb[b]),""===c||c?(f=parseFloat(e),c===!0||_.isNumeric(f)?f||0:e):e}}),_.each(["height","width"],function(a,b){_.cssHooks[b]={get:function(a,c,d){return c?Sb.test(_.css(a,"display"))&&0===a.offsetWidth?_.swap(a,Vb,function(){return A(a,b,d)}):A(a,b,d):void 0},set:function(a,c,d){var e=d&&Rb(a);return y(a,c,d?z(a,b,d,"border-box"===_.css(a,"boxSizing",!1,e),e):0)}}}),_.cssHooks.marginRight=w(Y.reliableMarginRight,function(a,b){return b?_.swap(a,{display:"inline-block"},v,[a,"marginRight"]):void 0}),_.each({margin:"",padding:"",border:"Width"},function(a,b){_.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+wb[d]+b]=f[d]||f[d-2]||f[0];return e}},Pb.test(a)||(_.cssHooks[a+b].set=y)}),_.fn.extend({css:function(a,b){return qb(this,function(a,b,c){var d,e,f={},g=0;if(_.isArray(b)){for(d=Rb(a),e=b.length;e>g;g++)f[b[g]]=_.css(a,b[g],!1,d);return f}return void 0!==c?_.style(a,b,c):_.css(a,b)},a,b,arguments.length>1)},show:function(){return B(this,!0)},hide:function(){return B(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){xb(this)?_(this).show():_(this).hide()})}}),_.Tween=C,C.prototype={constructor:C,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(_.cssNumber[c]?"":"px")},cur:function(){var a=C.propHooks[this.prop];return a&&a.get?a.get(this):C.propHooks._default.get(this)},run:function(a){var b,c=C.propHooks[this.prop];return this.pos=b=this.options.duration?_.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):C.propHooks._default.set(this),this}},C.prototype.init.prototype=C.prototype,C.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=_.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){_.fx.step[a.prop]?_.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[_.cssProps[a.prop]]||_.cssHooks[a.prop])?_.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},C.propHooks.scrollTop=C.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},_.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},_.fx=C.prototype.init,_.fx.step={};var Yb,Zb,$b=/^(?:toggle|show|hide)$/,_b=new RegExp("^(?:([+-])=|)("+vb+")([a-z%]*)$","i"),ac=/queueHooks$/,bc=[G],cc={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=_b.exec(b),f=e&&e[3]||(_.cssNumber[a]?"":"px"),g=(_.cssNumber[a]||"px"!==f&&+d)&&_b.exec(_.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,_.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};_.Animation=_.extend(I,{tweener:function(a,b){_.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],cc[c]=cc[c]||[],cc[c].unshift(b)},prefilter:function(a,b){b?bc.unshift(a):bc.push(a)}}),_.speed=function(a,b,c){var d=a&&"object"==typeof a?_.extend({},a):{complete:c||!c&&b||_.isFunction(a)&&a,duration:a,easing:c&&b||b&&!_.isFunction(b)&&b};return d.duration=_.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in _.fx.speeds?_.fx.speeds[d.duration]:_.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){_.isFunction(d.old)&&d.old.call(this),d.queue&&_.dequeue(this,d.queue)},d},_.fn.extend({fadeTo:function(a,b,c,d){return this.filter(xb).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=_.isEmptyObject(a),f=_.speed(b,c,d),g=function(){var b=I(this,_.extend({},a),f);(e||rb.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=_.timers,g=rb.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&ac.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&_.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=rb.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=_.timers,g=d?d.length:0;for(c.finish=!0,_.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),_.each(["toggle","show","hide"],function(a,b){var c=_.fn[b];_.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(E(b,!0),a,d,e)}}),_.each({slideDown:E("show"),slideUp:E("hide"),slideToggle:E("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){_.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),_.timers=[],_.fx.tick=function(){var a,b=0,c=_.timers;for(Yb=_.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||_.fx.stop(),Yb=void 0},_.fx.timer=function(a){_.timers.push(a),a()?_.fx.start():_.timers.pop()},_.fx.interval=13,_.fx.start=function(){Zb||(Zb=setInterval(_.fx.tick,_.fx.interval))},_.fx.stop=function(){clearInterval(Zb),Zb=null},_.fx.speeds={slow:600,fast:200,_default:400},_.fn.delay=function(a,b){return a=_.fx?_.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a=Z.createElement("input"),b=Z.createElement("select"),c=b.appendChild(Z.createElement("option"));a.type="checkbox",Y.checkOn=""!==a.value,Y.optSelected=c.selected,b.disabled=!0,Y.optDisabled=!c.disabled,a=Z.createElement("input"),a.value="t",a.type="radio",Y.radioValue="t"===a.value}();var dc,ec,fc=_.expr.attrHandle;_.fn.extend({attr:function(a,b){return qb(this,_.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){_.removeAttr(this,a)})}}),_.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===zb?_.prop(a,b,c):(1===f&&_.isXMLDoc(a)||(b=b.toLowerCase(),d=_.attrHooks[b]||(_.expr.match.bool.test(b)?ec:dc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=_.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void _.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(nb);if(f&&1===a.nodeType)for(;c=f[e++];)d=_.propFix[c]||c,_.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!Y.radioValue&&"radio"===b&&_.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),ec={set:function(a,b,c){return b===!1?_.removeAttr(a,c):a.setAttribute(c,c),c}},_.each(_.expr.match.bool.source.match(/\w+/g),function(a,b){var c=fc[b]||_.find.attr;fc[b]=function(a,b,d){var e,f;return d||(f=fc[b],fc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,fc[b]=f),e}});var gc=/^(?:input|select|textarea|button)$/i;_.fn.extend({prop:function(a,b){return qb(this,_.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[_.propFix[a]||a]})}}),_.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!_.isXMLDoc(a),f&&(b=_.propFix[b]||b,e=_.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){return a.hasAttribute("tabindex")||gc.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),Y.optSelected||(_.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),_.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){_.propFix[this.toLowerCase()]=this});var hc=/[\t\r\n\f]/g;_.fn.extend({addClass:function(a){var b,c,d,e,f,g,h="string"==typeof a&&a,i=0,j=this.length;if(_.isFunction(a))return this.each(function(b){_(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(nb)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(hc," "):" ")){for(f=0;e=b[f++];)d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=_.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||"string"==typeof a&&a,i=0,j=this.length;if(_.isFunction(a))return this.each(function(b){_(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(nb)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(hc," "):"")){for(f=0;e=b[f++];)for(;d.indexOf(" "+e+" ")>=0;)d=d.replace(" "+e+" "," ");g=a?_.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(_.isFunction(a)?function(c){_(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c)for(var b,d=0,e=_(this),f=a.match(nb)||[];b=f[d++];)e.hasClass(b)?e.removeClass(b):e.addClass(b);else(c===zb||"boolean"===c)&&(this.className&&rb.set(this,"__className__",this.className),this.className=this.className||a===!1?"":rb.get(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(hc," ").indexOf(b)>=0)return!0;return!1}});var ic=/\r/g;_.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=_.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,_(this).val()):a,null==e?e="":"number"==typeof e?e+="":_.isArray(e)&&(e=_.map(e,function(a){return null==a?"":a+""})),b=_.valHooks[this.type]||_.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=_.valHooks[e.type]||_.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(ic,""):null==c?"":c)}}}),_.extend({valHooks:{option:{get:function(a){var b=_.find.attr(a,"value");return null!=b?b:_.trim(_.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(Y.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&_.nodeName(c.parentNode,"optgroup"))){if(b=_(c).val(),f)return b;g.push(b)}return g},set:function(a,b){for(var c,d,e=a.options,f=_.makeArray(b),g=e.length;g--;)d=e[g],(d.selected=_.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),_.each(["radio","checkbox"],function(){_.valHooks[this]={set:function(a,b){return _.isArray(b)?a.checked=_.inArray(_(a).val(),b)>=0:void 0}},Y.checkOn||(_.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})}),_.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){_.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),_.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var jc=_.now(),kc=/\?/;_.parseJSON=function(a){return JSON.parse(a+"")},_.parseXML=function(a){var b,c;if(!a||"string"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,"text/xml")}catch(d){b=void 0}return(!b||b.getElementsByTagName("parsererror").length)&&_.error("Invalid XML: "+a),b};var lc,mc,nc=/#.*$/,oc=/([?&])_=[^&]*/,pc=/^(.*?):[ \t]*([^\r\n]*)$/gm,qc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,rc=/^(?:GET|HEAD)$/,sc=/^\/\//,tc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,uc={},vc={},wc="*/".concat("*");try{mc=location.href}catch(xc){mc=Z.createElement("a"),mc.href="",mc=mc.href}lc=tc.exec(mc.toLowerCase())||[],_.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:mc,type:"GET",isLocal:qc.test(lc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":wc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":_.parseJSON,"text xml":_.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?L(L(a,_.ajaxSettings),b):L(_.ajaxSettings,a)},ajaxPrefilter:J(uc),ajaxTransport:J(vc),ajax:function(a,b){function c(a,b,c,g){var i,k,r,s,u,w=b;2!==t&&(t=2,h&&clearTimeout(h),d=void 0,f=g||"",v.readyState=a>0?4:0,i=a>=200&&300>a||304===a,c&&(s=M(l,v,c)),s=N(l,s,v,i),i?(l.ifModified&&(u=v.getResponseHeader("Last-Modified"),u&&(_.lastModified[e]=u),u=v.getResponseHeader("etag"),u&&(_.etag[e]=u)),204===a||"HEAD"===l.type?w="nocontent":304===a?w="notmodified":(w=s.state,k=s.data,r=s.error,i=!r)):(r=w,(a||!w)&&(w="error",0>a&&(a=0))),v.status=a,v.statusText=(b||w)+"",i?o.resolveWith(m,[k,w,v]):o.rejectWith(m,[v,w,r]),v.statusCode(q),q=void 0,j&&n.trigger(i?"ajaxSuccess":"ajaxError",[v,l,i?k:r]),p.fireWith(m,[v,w]),j&&(n.trigger("ajaxComplete",[v,l]),--_.active||_.event.trigger("ajaxStop")))}"object"==typeof a&&(b=a,a=void 0),b=b||{};var d,e,f,g,h,i,j,k,l=_.ajaxSetup({},b),m=l.context||l,n=l.context&&(m.nodeType||m.jquery)?_(m):_.event,o=_.Deferred(),p=_.Callbacks("once memory"),q=l.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!g)for(g={};b=pc.exec(f);)g[b[1].toLowerCase()]=b[2];b=g[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(l.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return d&&d.abort(b),c(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,l.url=((a||l.url||mc)+"").replace(nc,"").replace(sc,lc[1]+"//"),l.type=b.method||b.type||l.method||l.type,l.dataTypes=_.trim(l.dataType||"*").toLowerCase().match(nb)||[""],null==l.crossDomain&&(i=tc.exec(l.url.toLowerCase()),l.crossDomain=!(!i||i[1]===lc[1]&&i[2]===lc[2]&&(i[3]||("http:"===i[1]?"80":"443"))===(lc[3]||("http:"===lc[1]?"80":"443")))),l.data&&l.processData&&"string"!=typeof l.data&&(l.data=_.param(l.data,l.traditional)),K(uc,l,b,v),2===t)return v;j=l.global,j&&0===_.active++&&_.event.trigger("ajaxStart"),l.type=l.type.toUpperCase(),l.hasContent=!rc.test(l.type),e=l.url,l.hasContent||(l.data&&(e=l.url+=(kc.test(e)?"&":"?")+l.data,delete l.data),l.cache===!1&&(l.url=oc.test(e)?e.replace(oc,"$1_="+jc++):e+(kc.test(e)?"&":"?")+"_="+jc++)),l.ifModified&&(_.lastModified[e]&&v.setRequestHeader("If-Modified-Since",_.lastModified[e]),_.etag[e]&&v.setRequestHeader("If-None-Match",_.etag[e])),(l.data&&l.hasContent&&l.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",l.contentType),v.setRequestHeader("Accept",l.dataTypes[0]&&l.accepts[l.dataTypes[0]]?l.accepts[l.dataTypes[0]]+("*"!==l.dataTypes[0]?", "+wc+"; q=0.01":""):l.accepts["*"]);for(k in l.headers)v.setRequestHeader(k,l.headers[k]);if(l.beforeSend&&(l.beforeSend.call(m,v,l)===!1||2===t))return v.abort();u="abort";for(k in{success:1,error:1,complete:1})v[k](l[k]);if(d=K(vc,l,b,v)){v.readyState=1,j&&n.trigger("ajaxSend",[v,l]),l.async&&l.timeout>0&&(h=setTimeout(function(){v.abort("timeout")},l.timeout));try{t=1,d.send(r,c)}catch(w){if(!(2>t))throw w;c(-1,w)}}else c(-1,"No Transport");return v},getJSON:function(a,b,c){return _.get(a,b,c,"json")},getScript:function(a,b){return _.get(a,void 0,b,"script")}}),_.each(["get","post"],function(a,b){_[b]=function(a,c,d,e){return _.isFunction(c)&&(e=e||d,d=c,c=void 0),_.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),_.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){_.fn[b]=function(a){return this.on(b,a)}}),_._evalUrl=function(a){return _.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},_.fn.extend({wrapAll:function(a){var b;return _.isFunction(a)?this.each(function(b){_(this).wrapAll(a.call(this,b))}):(this[0]&&(b=_(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){for(var a=this;a.firstElementChild;)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(_.isFunction(a)?function(b){_(this).wrapInner(a.call(this,b))}:function(){var b=_(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=_.isFunction(a);return this.each(function(c){_(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){_.nodeName(this,"body")||_(this).replaceWith(this.childNodes)}).end()}}),_.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},_.expr.filters.visible=function(a){return!_.expr.filters.hidden(a)};var yc=/%20/g,zc=/\[\]$/,Ac=/\r?\n/g,Bc=/^(?:submit|button|image|reset|file)$/i,Cc=/^(?:input|select|textarea|keygen)/i;_.param=function(a,b){var c,d=[],e=function(a,b){b=_.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=_.ajaxSettings&&_.ajaxSettings.traditional),_.isArray(a)||a.jquery&&!_.isPlainObject(a))_.each(a,function(){e(this.name,this.value) |
| - | });else for(c in a)O(c,a[c],b,e);return d.join("&").replace(yc,"+")},_.fn.extend({serialize:function(){return _.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=_.prop(this,"elements");return a?_.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!_(this).is(":disabled")&&Cc.test(this.nodeName)&&!Bc.test(a)&&(this.checked||!yb.test(a))}).map(function(a,b){var c=_(this).val();return null==c?null:_.isArray(c)?_.map(c,function(a){return{name:b.name,value:a.replace(Ac,"\r\n")}}):{name:b.name,value:c.replace(Ac,"\r\n")}}).get()}}),_.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Dc=0,Ec={},Fc={0:200,1223:204},Gc=_.ajaxSettings.xhr();a.ActiveXObject&&_(a).on("unload",function(){for(var a in Ec)Ec[a]()}),Y.cors=!!Gc&&"withCredentials"in Gc,Y.ajax=Gc=!!Gc,_.ajaxTransport(function(a){var b;return Y.cors||Gc&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Dc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Ec[g],b=f.onload=f.onerror=null,"abort"===a?f.abort():"error"===a?d(f.status,f.statusText):d(Fc[f.status]||f.status,f.statusText,"string"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.onload=b(),f.onerror=b("error"),b=Ec[g]=b("abort");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),_.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return _.globalEval(a),a}}}),_.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),_.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=_("<script>").prop({async:!0,charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&e("error"===a.type?404:200,a.type)}),Z.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Hc=[],Ic=/(=)\?(?=&|$)|\?\?/;_.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Hc.pop()||_.expando+"_"+jc++;return this[a]=!0,a}}),_.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Ic.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ic.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=_.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Ic,"$1"+e):b.jsonp!==!1&&(b.url+=(kc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||_.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Hc.push(e)),g&&_.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),_.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||Z;var d=gb.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=_.buildFragment([a],b,e),e&&e.length&&_(e).remove(),_.merge([],d.childNodes))};var Jc=_.fn.load;_.fn.load=function(a,b,c){if("string"!=typeof a&&Jc)return Jc.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=_.trim(a.slice(h)),a=a.slice(0,h)),_.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&_.ajax({url:a,type:e,dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?_("<div>").append(_.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},_.expr.filters.animated=function(a){return _.grep(_.timers,function(b){return a===b.elem}).length};var Kc=a.document.documentElement;_.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=_.css(a,"position"),l=_(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=_.css(a,"top"),i=_.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),_.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},_.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){_.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,_.contains(b,d)?(typeof d.getBoundingClientRect!==zb&&(e=d.getBoundingClientRect()),c=P(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===_.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),_.nodeName(a[0],"html")||(d=a.offset()),d.top+=_.css(a[0],"borderTopWidth",!0),d.left+=_.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-_.css(c,"marginTop",!0),left:b.left-d.left-_.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||Kc;a&&!_.nodeName(a,"html")&&"static"===_.css(a,"position");)a=a.offsetParent;return a||Kc})}}),_.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){var d="pageYOffset"===c;_.fn[b]=function(e){return qb(this,function(b,e,f){var g=P(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),_.each(["top","left"],function(a,b){_.cssHooks[b]=w(Y.pixelPosition,function(a,c){return c?(c=v(a,b),Qb.test(c)?_(a).position()[b]+"px":c):void 0})}),_.each({Height:"height",Width:"width"},function(a,b){_.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){_.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return qb(this,function(b,c,d){var e;return _.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?_.css(b,c,g):_.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),_.fn.size=function(){return this.length},_.fn.andSelf=_.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return _});var Lc=a.jQuery,Mc=a.$;return _.noConflict=function(b){return a.$===_&&(a.$=Mc),b&&a.jQuery===_&&(a.jQuery=Lc),_},typeof b===zb&&(a.jQuery=a.$=_),_}); |
generators/foundation5/public/javascripts/vendor/jquery.min.js
+0
-27
| @@ | @@ -1,27 +0,0 @@ |
| - | /*! |
| - | * jQuery JavaScript Library v2.0.3 |
| - | * http://jquery.com/ |
| - | * |
| - | * Includes Sizzle.js |
| - | * http://sizzlejs.com/ |
| - | * |
| - | * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors |
| - | * Released under the MIT license |
| - | * http://jquery.org/license |
| - | * |
| - | * Date: 2013-07-03T13:30Z |
| - | */ |
| - | !function(e,t){function n(e){var t=e.length,n=ot.type(e);return ot.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}function r(e){var t=ht[e]={};return ot.each(e.match(at)||[],function(e,n){t[n]=!0}),t}function i(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=ot.expando+Math.random()}function o(e,n,r){var i;if(r===t&&1===e.nodeType)if(i="data-"+n.replace(vt,"-$1").toLowerCase(),r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:yt.test(r)?JSON.parse(r):r}catch(o){}gt.set(e,n,r)}else r=t;return r}function s(){return!0}function a(){return!1}function u(){try{return X.activeElement}catch(e){}}function l(e,t){for(;(e=e[t])&&1!==e.nodeType;);return e}function c(e,t,n){if(ot.isFunction(t))return ot.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return ot.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(jt.test(t))return ot.filter(t,e,n);t=ot.filter(t,e)}return ot.grep(e,function(e){return tt.call(t,e)>=0!==n})}function f(e,t){return ot.nodeName(e,"table")&&ot.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function p(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function d(e){var t=Wt.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function h(e,t){for(var n=e.length,r=0;n>r;r++)mt.set(e[r],"globalEval",!t||mt.get(t[r],"globalEval"))}function g(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(mt.hasData(e)&&(o=mt.access(e),s=mt.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)ot.event.add(t,i,l[i][n])}gt.hasData(e)&&(a=gt.access(e),u=ot.extend({},a),gt.set(t,u))}}function m(e,n){var r=e.getElementsByTagName?e.getElementsByTagName(n||"*"):e.querySelectorAll?e.querySelectorAll(n||"*"):[];return n===t||n&&ot.nodeName(e,n)?ot.merge([e],r):r}function y(e,t){var n=t.nodeName.toLowerCase();"input"===n&&Pt.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}function v(e,t){if(t in e)return t;for(var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Zt.length;i--;)if(t=Zt[i]+n,t in e)return t;return r}function x(e,t){return e=t||e,"none"===ot.css(e,"display")||!ot.contains(e.ownerDocument,e)}function b(t){return e.getComputedStyle(t,null)}function w(e,t){for(var n,r,i,o=[],s=0,a=e.length;a>s;s++)r=e[s],r.style&&(o[s]=mt.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&x(r)&&(o[s]=mt.access(r,"olddisplay",k(r.nodeName)))):o[s]||(i=x(r),(n&&"none"!==n||!i)&&mt.set(r,"olddisplay",i?n:ot.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}function T(e,t,n){var r=Ut.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function C(e,t,n,r,i){for(var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;4>o;o+=2)"margin"===n&&(s+=ot.css(e,n+Kt[o],!0,i)),r?("content"===n&&(s-=ot.css(e,"padding"+Kt[o],!0,i)),"margin"!==n&&(s-=ot.css(e,"border"+Kt[o]+"Width",!0,i))):(s+=ot.css(e,"padding"+Kt[o],!0,i),"padding"!==n&&(s+=ot.css(e,"border"+Kt[o]+"Width",!0,i)));return s}function N(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=b(e),s=ot.support.boxSizing&&"border-box"===ot.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=It(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=s&&(ot.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+C(e,t,n||(s?"border":"content"),r,o)+"px"}function k(e){var t=X,n=Gt[e];return n||(n=E(e,t),"none"!==n&&n||(zt=(zt||ot("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(zt[0].contentWindow||zt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=E(e,t),zt.detach()),Gt[e]=n),n}function E(e,t){var n=ot(t.createElement(e)).appendTo(t.body),r=ot.css(n[0],"display");return n.remove(),r}function S(e,t,n,r){var i;if(ot.isArray(t))ot.each(t,function(t,i){n||tn.test(e)?r(e,i):S(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==ot.type(t))r(e,t);else for(i in t)S(e+"["+i+"]",t[i],n,r)}function j(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(at)||[];if(ot.isFunction(n))for(;r=o[i++];)"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function D(e,t,n,r){function i(a){var u;return o[a]=!0,ot.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||s||o[l]?s?!(u=l):void 0:(t.dataTypes.unshift(l),i(l),!1)}),u}var o={},s=e===xn;return i(t.dataTypes[0])||!o["*"]&&i("*")}function A(e,n){var r,i,o=ot.ajaxSettings.flatOptions||{};for(r in n)n[r]!==t&&((o[r]?e:i||(i={}))[r]=n[r]);return i&&ot.extend(!0,e,i),e}function L(e,n,r){for(var i,o,s,a,u=e.contents,l=e.dataTypes;"*"===l[0];)l.shift(),i===t&&(i=e.mimeType||n.getResponseHeader("Content-Type"));if(i)for(o in u)if(u[o]&&u[o].test(i)){l.unshift(o);break}if(l[0]in r)s=l[0];else{for(o in r){if(!l[0]||e.converters[o+" "+l[0]]){s=o;break}a||(a=o)}s=s||a}return s?(s!==l[0]&&l.unshift(s),r[s]):void 0}function q(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];for(o=c.shift();o;)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(f){return{state:"parsererror",error:s?f:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}function H(){return setTimeout(function(){jn=t}),jn=ot.now()}function O(e,t,n){for(var r,i=(On[t]||[]).concat(On["*"]),o=0,s=i.length;s>o;o++)if(r=i[o].call(n,t,e))return r}function F(e,t,n){var r,i,o=0,s=Hn.length,a=ot.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;for(var t=jn||H(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:ot.extend({},t),opts:ot.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:jn||H(),duration:n.duration,tweens:[],createTween:function(t,n){var r=ot.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(P(c,l.opts.specialEasing);s>o;o++)if(r=Hn[o].call(l,e,c,l.opts))return r;return ot.map(c,O,l),ot.isFunction(l.opts.start)&&l.opts.start.call(e,l),ot.fx.timer(ot.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function P(e,t){var n,r,i,o,s;for(n in e)if(r=ot.camelCase(n),i=t[r],o=e[n],ot.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=ot.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}function R(e,n,r){var i,o,s,a,u,l,c=this,f={},p=e.style,d=e.nodeType&&x(e),h=mt.get(e,"fxshow");r.queue||(u=ot._queueHooks(e,"fx"),null==u.unqueued&&(u.unqueued=0,l=u.empty.fire,u.empty.fire=function(){u.unqueued||l()}),u.unqueued++,c.always(function(){c.always(function(){u.unqueued--,ot.queue(e,"fx").length||u.empty.fire()})})),1===e.nodeType&&("height"in n||"width"in n)&&(r.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===ot.css(e,"display")&&"none"===ot.css(e,"float")&&(p.display="inline-block")),r.overflow&&(p.overflow="hidden",c.always(function(){p.overflow=r.overflow[0],p.overflowX=r.overflow[1],p.overflowY=r.overflow[2]}));for(i in n)if(o=n[i],An.exec(o)){if(delete n[i],s=s||"toggle"===o,o===(d?"hide":"show")){if("show"!==o||!h||h[i]===t)continue;d=!0}f[i]=h&&h[i]||ot.style(e,i)}if(!ot.isEmptyObject(f)){h?"hidden"in h&&(d=h.hidden):h=mt.access(e,"fxshow",{}),s&&(h.hidden=!d),d?ot(e).show():c.done(function(){ot(e).hide()}),c.done(function(){var t;mt.remove(e,"fxshow");for(t in f)ot.style(e,t,f[t])});for(i in f)a=O(d?h[i]:0,i,c),i in h||(h[i]=a.start,d&&(a.end=a.start,a.start="width"===i||"height"===i?1:0))}}function M(e,t,n,r,i){return new M.prototype.init(e,t,n,r,i)}function W(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Kt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}function $(e){return ot.isWindow(e)?e:9===e.nodeType&&e.defaultView}var B,I,// For `typeof xmlNode.method` instead of `xmlNode.method !== undefined` |
| - | z=typeof t,_=e.location,X=e.document,U=X.documentElement,Y=e.jQuery,V=e.$,G={},J=[],Q="2.0.3",K=J.concat,Z=J.push,et=J.slice,tt=J.indexOf,nt=G.toString,rt=G.hasOwnProperty,it=Q.trim,ot=function(e,t){return new ot.fn.init(e,t,B)},st=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,at=/\S+/g,ut=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,lt=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,ct=/^-ms-/,ft=/-([\da-z])/gi,pt=function(e,t){return t.toUpperCase()},dt=function(){X.removeEventListener("DOMContentLoaded",dt,!1),e.removeEventListener("load",dt,!1),ot.ready()};ot.fn=ot.prototype={jquery:Q,constructor:ot,init:function(e,n,r){var i,o;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:ut.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof ot?n[0]:n,ot.merge(this,ot.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:X,!0)),lt.test(i[1])&&ot.isPlainObject(n))for(i in n)ot.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}return o=X.getElementById(i[2]),o&&o.parentNode&&(this.length=1,this[0]=o),this.context=X,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):ot.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),ot.makeArray(e,this))},selector:"",length:0,toArray:function(){return et.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=ot.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return ot.each(this,e,t)},ready:function(e){return ot.ready.promise().done(e),this},slice:function(){return this.pushStack(et.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(ot.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:Z,sort:[].sort,splice:[].splice},ot.fn.init.prototype=ot.fn,ot.extend=ot.fn.extend=function(){var e,n,r,i,o,s,a=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof a&&(c=a,a=arguments[1]||{},u=2),"object"==typeof a||ot.isFunction(a)||(a={}),l===u&&(a=this,--u);l>u;u++)if(null!=(e=arguments[u]))for(n in e)r=a[n],i=e[n],a!==i&&(c&&i&&(ot.isPlainObject(i)||(o=ot.isArray(i)))?(o?(o=!1,s=r&&ot.isArray(r)?r:[]):s=r&&ot.isPlainObject(r)?r:{},a[n]=ot.extend(c,s,i)):i!==t&&(a[n]=i));return a},ot.extend({expando:"jQuery"+(Q+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===ot&&(e.$=V),t&&e.jQuery===ot&&(e.jQuery=Y),ot},isReady:!1,readyWait:1,holdReady:function(e){e?ot.readyWait++:ot.ready(!0)},ready:function(e){(e===!0?--ot.readyWait:ot.isReady)||(ot.isReady=!0,e!==!0&&--ot.readyWait>0||(I.resolveWith(X,[ot]),ot.fn.trigger&&ot(X).trigger("ready").off("ready")))},isFunction:function(e){return"function"===ot.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?String(e):"object"==typeof e||"function"==typeof e?G[nt.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==ot.type(e)||e.nodeType||ot.isWindow(e))return!1;try{if(e.constructor&&!rt.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw new Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||X;var r=lt.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=ot.buildFragment([e],t,i),i&&ot(i).remove(),ot.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var n,r;if(!e||"string"!=typeof e)return null;try{r=new DOMParser,n=r.parseFromString(e,"text/xml")}catch(i){n=t}return(!n||n.getElementsByTagName("parsererror").length)&&ot.error("Invalid XML: "+e),n},noop:function(){},globalEval:function(e){var t,n=eval;e=ot.trim(e),e&&(1===e.indexOf("use strict")?(t=X.createElement("script"),t.text=e,X.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(ct,"ms-").replace(ft,pt)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,r){var i,o=0,s=e.length,a=n(e);if(r){if(a)for(;s>o&&(i=t.apply(e[o],r),i!==!1);o++);else for(o in e)if(i=t.apply(e[o],r),i===!1)break}else if(a)for(;s>o&&(i=t.call(e[o],o,e[o]),i!==!1);o++);else for(o in e)if(i=t.call(e[o],o,e[o]),i===!1)break;return e},trim:function(e){return null==e?"":it.call(e)},makeArray:function(e,t){var r=t||[];return null!=e&&(n(Object(e))?ot.merge(r,"string"==typeof e?[e]:e):Z.call(r,e)),r},inArray:function(e,t,n){return null==t?-1:tt.call(t,e,n)},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else for(;n[o]!==t;)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,r){var i,o=0,s=e.length,a=n(e),u=[];if(a)for(;s>o;o++)i=t(e[o],o,r),null!=i&&(u[u.length]=i);else for(o in e)i=t(e[o],o,r),null!=i&&(u[u.length]=i);return K.apply([],u)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(r=e[n],n=e,e=r),ot.isFunction(e)?(i=et.call(arguments,2),o=function(){return e.apply(n||this,i.concat(et.call(arguments)))},o.guid=e.guid=e.guid||ot.guid++,o):t},access:function(e,n,r,i,o,s,a){var u=0,l=e.length,c=null==r;if("object"===ot.type(r)){o=!0;for(u in r)ot.access(e,n,u,r[u],!0,s,a)}else if(i!==t&&(o=!0,ot.isFunction(i)||(a=!0),c&&(a?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(ot(e),n)})),n))for(;l>u;u++)n(e[u],r,a?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):s},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),ot.ready.promise=function(t){return I||(I=ot.Deferred(),"complete"===X.readyState?setTimeout(ot.ready):(X.addEventListener("DOMContentLoaded",dt,!1),e.addEventListener("load",dt,!1))),I.promise(t)},ot.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){G["[object "+t+"]"]=t.toLowerCase()}),B=ot(X),/*! |
| - | * Sizzle CSS Selector Engine v1.9.4-pre |
| - | * http://sizzlejs.com/ |
| - | * |
| - | * Copyright 2013 jQuery Foundation, Inc. and other contributors |
| - | * Released under the MIT license |
| - | * http://jquery.org/license |
| - | * |
| - | * Date: 2013-06-03 |
| - | */ |
| - | function(e,t){function n(e,t,n,r){var i,o,s,a,u,l,c,f,h,g;if((t?t.ownerDocument||t:$)!==q&&L(t),t=t||q,n=n||[],!e||"string"!=typeof e)return n;if(1!==(a=t.nodeType)&&9!==a)return[];if(O&&!r){if(i=xt.exec(e))if(s=i[1]){if(9===a){if(o=t.getElementById(s),!o||!o.parentNode)return n;if(o.id===s)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(s))&&M(t,o)&&o.id===s)return n.push(o),n}else{if(i[2])return et.apply(n,t.getElementsByTagName(e)),n;if((s=i[3])&&C.getElementsByClassName&&t.getElementsByClassName)return et.apply(n,t.getElementsByClassName(s)),n}if(C.qsa&&(!F||!F.test(e))){if(f=c=W,h=t,g=9===a&&e,1===a&&"object"!==t.nodeName.toLowerCase()){for(l=p(e),(c=t.getAttribute("id"))?f=c.replace(Tt,"\\$&"):t.setAttribute("id",f),f="[id='"+f+"'] ",u=l.length;u--;)l[u]=f+d(l[u]);h=dt.test(e)&&t.parentNode||t,g=l.join(",")}if(g)try{return et.apply(n,h.querySelectorAll(g)),n}catch(m){}finally{c||t.removeAttribute("id")}}}return w(e.replace(ct,"$1"),t,n,r)}function r(){function e(n,r){return t.push(n+=" ")>k.cacheLength&&delete e[t.shift()],e[n]=r}var t=[];return e}function i(e){return e[W]=!0,e}function o(e){var t=q.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function s(e,t){for(var n=e.split("|"),r=e.length;r--;)k.attrHandle[n[r]]=t}function a(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||G)-(~e.sourceIndex||G);if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function u(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function l(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function c(e){return i(function(t){return t=+t,i(function(n,r){for(var i,o=e([],n.length,t),s=o.length;s--;)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}function f(){}function p(e,t){var r,i,o,s,a,u,l,c=_[e+" "];if(c)return t?0:c.slice(0);for(a=e,u=[],l=k.preFilter;a;){(!r||(i=ft.exec(a)))&&(i&&(a=a.slice(i[0].length)||a),u.push(o=[])),r=!1,(i=pt.exec(a))&&(r=i.shift(),o.push({value:r,type:i[0].replace(ct," ")}),a=a.slice(r.length));for(s in k.filter)!(i=yt[s].exec(a))||l[s]&&!(i=l[s](i))||(r=i.shift(),o.push({value:r,type:s,matches:i}),a=a.slice(r.length));if(!r)break}return t?a.length:a?n.error(e):_(e,u).slice(0)}function d(e){for(var t=0,n=e.length,r="";n>t;t++)r+=e[t].value;return r}function h(e,t,n){var r=t.dir,i=n&&"parentNode"===r,o=I++;return t.first?function(t,n,o){for(;t=t[r];)if(1===t.nodeType||i)return e(t,n,o)}:function(t,n,s){var a,u,l,c=B+" "+o;if(s){for(;t=t[r];)if((1===t.nodeType||i)&&e(t,n,s))return!0}else for(;t=t[r];)if(1===t.nodeType||i)if(l=t[W]||(t[W]={}),(u=l[r])&&u[0]===c){if((a=u[1])===!0||a===N)return a===!0}else if(u=l[r]=[c],u[1]=e(t,n,s)||N,u[1]===!0)return!0}}function g(e){return e.length>1?function(t,n,r){for(var i=e.length;i--;)if(!e[i](t,n,r))return!1;return!0}:e[0]}function m(e,t,n,r,i){for(var o,s=[],a=0,u=e.length,l=null!=t;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function y(e,t,n,r,o,s){return r&&!r[W]&&(r=y(r)),o&&!o[W]&&(o=y(o,s)),i(function(i,s,a,u){var l,c,f,p=[],d=[],h=s.length,g=i||b(t||"*",a.nodeType?[a]:a,[]),y=!e||!i&&t?g:m(g,p,e,a,u),v=n?o||(i?e:h||r)?[]:s:y;if(n&&n(y,v,a,u),r)for(l=m(v,d),r(l,[],a,u),c=l.length;c--;)(f=l[c])&&(v[d[c]]=!(y[d[c]]=f));if(i){if(o||e){if(o){for(l=[],c=v.length;c--;)(f=v[c])&&l.push(y[c]=f);o(null,v=[],l,u)}for(c=v.length;c--;)(f=v[c])&&(l=o?nt.call(i,f):p[c])>-1&&(i[l]=!(s[l]=f))}}else v=m(v===s?v.splice(h,v.length):v),o?o(null,s,v,u):et.apply(s,v)})}function v(e){for(var t,n,r,i=e.length,o=k.relative[e[0].type],s=o||k.relative[" "],a=o?1:0,u=h(function(e){return e===t},s,!0),l=h(function(e){return nt.call(t,e)>-1},s,!0),c=[function(e,n,r){return!o&&(r||n!==D)||((t=n).nodeType?u(e,n,r):l(e,n,r))}];i>a;a++)if(n=k.relative[e[a].type])c=[h(g(c),n)];else{if(n=k.filter[e[a].type].apply(null,e[a].matches),n[W]){for(r=++a;i>r&&!k.relative[e[r].type];r++);return y(a>1&&g(c),a>1&&d(e.slice(0,a-1).concat({value:" "===e[a-2].type?"*":""})).replace(ct,"$1"),n,r>a&&v(e.slice(a,r)),i>r&&v(e=e.slice(r)),i>r&&d(e))}c.push(n)}return g(c)}function x(e,t){var r=0,o=t.length>0,s=e.length>0,a=function(i,a,u,l,c){var f,p,d,h=[],g=0,y="0",v=i&&[],x=null!=c,b=D,w=i||s&&k.find.TAG("*",c&&a.parentNode||a),T=B+=null==b?1:Math.random()||.1;for(x&&(D=a!==q&&a,N=r);null!=(f=w[y]);y++){if(s&&f){for(p=0;d=e[p++];)if(d(f,a,u)){l.push(f);break}x&&(B=T,N=++r)}o&&((f=!d&&f)&&g--,i&&v.push(f))}if(g+=y,o&&y!==g){for(p=0;d=t[p++];)d(v,h,a,u);if(i){if(g>0)for(;y--;)v[y]||h[y]||(h[y]=K.call(l));h=m(h)}et.apply(l,h),x&&!i&&h.length>0&&g+t.length>1&&n.uniqueSort(l)}return x&&(B=T,D=b),v};return o?i(a):a}function b(e,t,r){for(var i=0,o=t.length;o>i;i++)n(e,t[i],r);return r}function w(e,t,n,r){var i,o,s,a,u,l=p(e);if(!r&&1===l.length){if(o=l[0]=l[0].slice(0),o.length>2&&"ID"===(s=o[0]).type&&C.getById&&9===t.nodeType&&O&&k.relative[o[1].type]){if(t=(k.find.ID(s.matches[0].replace(Ct,Nt),t)||[])[0],!t)return n;e=e.slice(o.shift().value.length)}for(i=yt.needsContext.test(e)?0:o.length;i--&&(s=o[i],!k.relative[a=s.type]);)if((u=k.find[a])&&(r=u(s.matches[0].replace(Ct,Nt),dt.test(o[0].type)&&t.parentNode||t))){if(o.splice(i,1),e=r.length&&d(o),!e)return et.apply(n,r),n;break}}return j(e,l)(r,t,!O,n,dt.test(e)),n}var T,C,N,k,E,S,j,D,A,L,q,H,O,F,P,R,M,W="sizzle"+-new Date,$=e.document,B=0,I=0,z=r(),_=r(),X=r(),U=!1,Y=function(e,t){return e===t?(U=!0,0):0},V=typeof t,G=1<<31,J={}.hasOwnProperty,Q=[],K=Q.pop,Z=Q.push,et=Q.push,tt=Q.slice,nt=Q.indexOf||function(e){for(var t=0,n=this.length;n>t;t++)if(this[t]===e)return t;return-1},rt="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",it="[\\x20\\t\\r\\n\\f]",st="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",at=st.replace("w","w#"),ut="\\["+it+"*("+st+")"+it+"*(?:([*^$|!~]?=)"+it+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+at+")|)|)"+it+"*\\]",lt=":("+st+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+ut.replace(3,8)+")*)|.*)\\)|)",ct=new RegExp("^"+it+"+|((?:^|[^\\\\])(?:\\\\.)*)"+it+"+$","g"),ft=new RegExp("^"+it+"*,"+it+"*"),pt=new RegExp("^"+it+"*([>+~]|"+it+")"+it+"*"),dt=new RegExp(it+"*[+~]"),ht=new RegExp("="+it+"*([^\\]'\"]*)"+it+"*\\]","g"),gt=new RegExp(lt),mt=new RegExp("^"+at+"$"),yt={ID:new RegExp("^#("+st+")"),CLASS:new RegExp("^\\.("+st+")"),TAG:new RegExp("^("+st.replace("w","w*")+")"),ATTR:new RegExp("^"+ut),PSEUDO:new RegExp("^"+lt),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+it+"*(even|odd|(([+-]|)(\\d*)n|)"+it+"*(?:([+-]|)"+it+"*(\\d+)|))"+it+"*\\)|)","i"),bool:new RegExp("^(?:"+rt+")$","i"),needsContext:new RegExp("^"+it+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+it+"*((?:-\\d)?\\d*)"+it+"*\\)|)(?=[^-]|$)","i")},vt=/^[^{]+\{\s*\[native \w/,xt=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,bt=/^(?:input|select|textarea|button)$/i,wt=/^h\d$/i,Tt=/'|\\/g,Ct=new RegExp("\\\\([\\da-f]{1,6}"+it+"?|("+it+")|.)","ig"),Nt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{et.apply(Q=tt.call($.childNodes),$.childNodes),Q[$.childNodes.length].nodeType}catch(kt){et={apply:Q.length?function(e,t){Z.apply(e,tt.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}S=n.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},C=n.support={},L=n.setDocument=function(e){var t=e?e.ownerDocument||e:$,n=t.defaultView;return t!==q&&9===t.nodeType&&t.documentElement?(q=t,H=t.documentElement,O=!S(t),n&&n.attachEvent&&n!==n.top&&n.attachEvent("onbeforeunload",function(){L()}),C.attributes=o(function(e){return e.className="i",!e.getAttribute("className")}),C.getElementsByTagName=o(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),C.getElementsByClassName=o(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),C.getById=o(function(e){return H.appendChild(e).id=W,!t.getElementsByName||!t.getElementsByName(W).length}),C.getById?(k.find.ID=function(e,t){if(typeof t.getElementById!==V&&O){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},k.filter.ID=function(e){var t=e.replace(Ct,Nt);return function(e){return e.getAttribute("id")===t}}):(delete k.find.ID,k.filter.ID=function(e){var t=e.replace(Ct,Nt);return function(e){var n=typeof e.getAttributeNode!==V&&e.getAttributeNode("id");return n&&n.value===t}}),k.find.TAG=C.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==V?t.getElementsByTagName(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){for(;n=o[i++];)1===n.nodeType&&r.push(n);return r}return o},k.find.CLASS=C.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==V&&O?t.getElementsByClassName(e):void 0},P=[],F=[],(C.qsa=vt.test(t.querySelectorAll))&&(o(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||F.push("\\["+it+"*(?:value|"+rt+")"),e.querySelectorAll(":checked").length||F.push(":checked")}),o(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&F.push("[*^$]="+it+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||F.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),F.push(",.*:")})),(C.matchesSelector=vt.test(R=H.webkitMatchesSelector||H.mozMatchesSelector||H.oMatchesSelector||H.msMatchesSelector))&&o(function(e){C.disconnectedMatch=R.call(e,"div"),R.call(e,"[s!='']:x"),P.push("!=",lt)}),F=F.length&&new RegExp(F.join("|")),P=P.length&&new RegExp(P.join("|")),M=vt.test(H.contains)||H.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},Y=H.compareDocumentPosition?function(e,n){if(e===n)return U=!0,0;var r=n.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(n);return r?1&r||!C.sortDetached&&n.compareDocumentPosition(e)===r?e===t||M($,e)?-1:n===t||M($,n)?1:A?nt.call(A,e)-nt.call(A,n):0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,u=[e],l=[n];if(e===n)return U=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:A?nt.call(A,e)-nt.call(A,n):0;if(o===s)return a(e,n);for(r=e;r=r.parentNode;)u.unshift(r);for(r=n;r=r.parentNode;)l.unshift(r);for(;u[i]===l[i];)i++;return i?a(u[i],l[i]):u[i]===$?-1:l[i]===$?1:0},t):q},n.matches=function(e,t){return n(e,null,null,t)},n.matchesSelector=function(e,t){if((e.ownerDocument||e)!==q&&L(e),t=t.replace(ht,"='$1']"),!(!C.matchesSelector||!O||P&&P.test(t)||F&&F.test(t)))try{var r=R.call(e,t);if(r||C.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return n(t,q,null,[e]).length>0},n.contains=function(e,t){return(e.ownerDocument||e)!==q&&L(e),M(e,t)},n.attr=function(e,n){(e.ownerDocument||e)!==q&&L(e);var r=k.attrHandle[n.toLowerCase()],i=r&&J.call(k.attrHandle,n.toLowerCase())?r(e,n,!O):t;return i===t?C.attributes||!O?e.getAttribute(n):(i=e.getAttributeNode(n))&&i.specified?i.value:null:i},n.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},n.uniqueSort=function(e){var t,n=[],r=0,i=0;if(U=!C.detectDuplicates,A=!C.sortStable&&e.slice(0),e.sort(Y),U){for(;t=e[i++];)t===e[i]&&(r=n.push(i));for(;r--;)e.splice(n[r],1)}return e},E=n.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=E(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=E(t);return n},k=n.selectors={cacheLength:50,createPseudo:i,match:yt,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Ct,Nt),e[3]=(e[4]||e[5]||"").replace(Ct,Nt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||n.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&n.error(e[0]),e},PSEUDO:function(e){var n,r=!e[5]&&e[2];return yt.CHILD.test(e[0])?null:(e[3]&&e[4]!==t?e[2]=e[4]:r&>.test(r)&&(n=p(r,!0))&&(n=r.indexOf(")",r.length-n)-r.length)&&(e[0]=e[0].slice(0,n),e[2]=r.slice(0,n)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Ct,Nt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=z[e+" "];return t||(t=new RegExp("(^|"+it+")"+e+"("+it+"|$)"))&&z(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==V&&e.getAttribute("class")||"")})},ATTR:function(e,t,r){return function(i){var o=n.attr(i,e);return null==o?"!="===t:t?(o+="","="===t?o===r:"!="===t?o!==r:"^="===t?r&&0===o.indexOf(r):"*="===t?r&&o.indexOf(r)>-1:"$="===t?r&&o.slice(-r.length)===r:"~="===t?(" "+o+" ").indexOf(r)>-1:"|="===t?o===r||o.slice(0,r.length+1)===r+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),v=!u&&!a;if(m){if(o){for(;g;){for(f=t;f=f[g];)if(a?f.nodeName.toLowerCase()===y:1===f.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[s?m.firstChild:m.lastChild],s&&v){for(c=m[W]||(m[W]={}),l=c[e]||[],d=l[0]===B&&l[1],p=l[0]===B&&l[2],f=d&&m.childNodes[d];f=++d&&f&&f[g]||(p=d=0)||h.pop();)if(1===f.nodeType&&++p&&f===t){c[e]=[B,d,p];break}}else if(v&&(l=(t[W]||(t[W]={}))[e])&&l[0]===B)p=l[1];else for(;(f=++d&&f&&f[g]||(p=d=0)||h.pop())&&((a?f.nodeName.toLowerCase()!==y:1!==f.nodeType)||!++p||(v&&((f[W]||(f[W]={}))[e]=[B,p]),f!==t)););return p-=i,p===r||0===p%r&&p/r>=0}}},PSEUDO:function(e,t){var r,o=k.pseudos[e]||k.setFilters[e.toLowerCase()]||n.error("unsupported pseudo: "+e);return o[W]?o(t):o.length>1?(r=[e,e,"",t],k.setFilters.hasOwnProperty(e.toLowerCase())?i(function(e,n){for(var r,i=o(e,t),s=i.length;s--;)r=nt.call(e,i[s]),e[r]=!(n[r]=i[s])}):function(e){return o(e,0,r)}):o}},pseudos:{not:i(function(e){var t=[],n=[],r=j(e.replace(ct,"$1"));return r[W]?i(function(e,t,n,i){for(var o,s=r(e,null,i,[]),a=e.length;a--;)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:i(function(e){return function(t){return n(e,t).length>0}}),contains:i(function(e){return function(t){return(t.textContent||t.innerText||E(t)).indexOf(e)>-1}}),lang:i(function(e){return mt.test(e||"")||n.error("unsupported lang: "+e),e=e.replace(Ct,Nt).toLowerCase(),function(t){var n;do if(n=O?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===H},focus:function(e){return e===q.activeElement&&(!q.hasFocus||q.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!k.pseudos.empty(e)},header:function(e){return wt.test(e.nodeName)},input:function(e){return bt.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:c(function(){return[0]}),last:c(function(e,t){return[t-1]}),eq:c(function(e,t,n){return[0>n?n+t:n]}),even:c(function(e,t){for(var n=0;t>n;n+=2)e.push(n);return e}),odd:c(function(e,t){for(var n=1;t>n;n+=2)e.push(n);return e}),lt:c(function(e,t,n){for(var r=0>n?n+t:n;--r>=0;)e.push(r);return e}),gt:c(function(e,t,n){for(var r=0>n?n+t:n;++r<t;)e.push(r);return e})}},k.pseudos.nth=k.pseudos.eq;for(T in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})k.pseudos[T]=u(T);for(T in{submit:!0,reset:!0})k.pseudos[T]=l(T);f.prototype=k.filters=k.pseudos,k.setFilters=new f,j=n.compile=function(e,t){var n,r=[],i=[],o=X[e+" "];if(!o){for(t||(t=p(e)),n=t.length;n--;)o=v(t[n]),o[W]?r.push(o):i.push(o);o=X(e,x(i,r))}return o},C.sortStable=W.split("").sort(Y).join("")===W,C.detectDuplicates=U,L(),C.sortDetached=o(function(e){return 1&e.compareDocumentPosition(q.createElement("div"))}),o(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||s("type|href|height|width",function(e,t,n){return n?void 0:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),C.attributes&&o(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||s("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?void 0:e.defaultValue}),o(function(e){return null==e.getAttribute("disabled")})||s(rt,function(e,t,n){var r;return n?void 0:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),ot.find=n,ot.expr=n.selectors,ot.expr[":"]=ot.expr.pseudos,ot.unique=n.uniqueSort,ot.text=n.getText,ot.isXMLDoc=n.isXML,ot.contains=n.contains}(e);var ht={};ot.Callbacks=function(e){e="string"==typeof e?ht[e]||r(e):ot.extend({},e);var n,i,o,s,a,u,l=[],c=!e.once&&[],f=function(t){for(n=e.memory&&t,i=!0,u=s||0,s=0,a=l.length,o=!0;l&&a>u;u++)if(l[u].apply(t[0],t[1])===!1&&e.stopOnFalse){n=!1;break}o=!1,l&&(c?c.length&&f(c.shift()):n?l=[]:p.disable())},p={add:function(){if(l){var t=l.length;!function r(t){ot.each(t,function(t,n){var i=ot.type(n);"function"===i?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==i&&r(n)})}(arguments),o?a=l.length:n&&(s=t,f(n))}return this},remove:function(){return l&&ot.each(arguments,function(e,t){for(var n;(n=ot.inArray(t,l,n))>-1;)l.splice(n,1),o&&(a>=n&&a--,u>=n&&u--)}),this},has:function(e){return e?ot.inArray(e,l)>-1:!(!l||!l.length)},empty:function(){return l=[],a=0,this},disable:function(){return l=c=n=t,this},disabled:function(){return!l},lock:function(){return c=t,n||p.disable(),this},locked:function(){return!c},fireWith:function(e,t){return!l||i&&!c||(t=t||[],t=[e,t.slice?t.slice():t],o?c.push(t):f(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},ot.extend({Deferred:function(e){var t=[["resolve","done",ot.Callbacks("once memory"),"resolved"],["reject","fail",ot.Callbacks("once memory"),"rejected"],["notify","progress",ot.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return ot.Deferred(function(n){ot.each(t,function(t,o){var s=o[0],a=ot.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&ot.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?ot.extend(e,r):r}},i={};// All done! |
| - | return r.pipe=r.then,ot.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t,n,r,i=0,o=et.call(arguments),s=o.length,a=1!==s||e&&ot.isFunction(e.promise)?s:0,u=1===a?e:ot.Deferred(),l=function(e,n,r){return function(i){n[e]=this,r[e]=arguments.length>1?et.call(arguments):i,r===t?u.notifyWith(n,r):--a||u.resolveWith(n,r)}};if(s>1)for(t=new Array(s),n=new Array(s),r=new Array(s);s>i;i++)o[i]&&ot.isFunction(o[i].promise)?o[i].promise().done(l(i,r,o)).fail(u.reject).progress(l(i,n,t)):--a;return a||u.resolveWith(r,o),u.promise()}}),ot.support=function(t){var n=X.createElement("input"),r=X.createDocumentFragment(),i=X.createElement("div"),o=X.createElement("select"),s=o.appendChild(X.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=s.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,o.disabled=!0,t.optDisabled=!s.disabled,n=X.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,ot(function(){var n,r,o="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",s=X.getElementsByTagName("body")[0];s&&(n=X.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",s.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",ot.swap(s,null!=s.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(X.createElement("div")),r.style.cssText=i.style.cssText=o,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),s.removeChild(n))}),t):t}({});var gt,mt,yt=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,vt=/([A-Z])/g;i.uid=1,i.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},i.prototype={key:function(e){if(!i.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=i.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,ot.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(ot.isEmptyObject(o))ot.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,n){var r=this.cache[this.key(e)];return n===t?r:r[n]},access:function(e,n,r){var i;return n===t||n&&"string"==typeof n&&r===t?(i=this.get(e,n),i!==t?i:this.get(e,ot.camelCase(n))):(this.set(e,n,r),r!==t?r:n)},remove:function(e,n){var r,i,o,s=this.key(e),a=this.cache[s];if(n===t)this.cache[s]={};else{ot.isArray(n)?i=n.concat(n.map(ot.camelCase)):(o=ot.camelCase(n),n in a?i=[n,o]:(i=o,i=i in a?[i]:i.match(at)||[])),r=i.length;for(;r--;)delete a[i[r]]}},hasData:function(e){return!ot.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},gt=new i,mt=new i,ot.extend({acceptData:i.accepts,hasData:function(e){return gt.hasData(e)||mt.hasData(e)},data:function(e,t,n){return gt.access(e,t,n)},removeData:function(e,t){gt.remove(e,t)},_data:function(e,t,n){return mt.access(e,t,n)},_removeData:function(e,t){mt.remove(e,t)}}),ot.fn.extend({data:function(e,n){var r,i,s=this[0],a=0,u=null;if(e===t){if(this.length&&(u=gt.get(s),1===s.nodeType&&!mt.get(s,"hasDataAttrs"))){for(r=s.attributes;a<r.length;a++)i=r[a].name,0===i.indexOf("data-")&&(i=ot.camelCase(i.slice(5)),o(s,i,u[i]));mt.set(s,"hasDataAttrs",!0)}return u}return"object"==typeof e?this.each(function(){gt.set(this,e)}):ot.access(this,function(n){var r,i=ot.camelCase(e);if(s&&n===t){if(r=gt.get(s,e),r!==t)return r;if(r=gt.get(s,i),r!==t)return r;if(r=o(s,i,t),r!==t)return r}else this.each(function(){var r=gt.get(this,i);gt.set(this,i,n),-1!==e.indexOf("-")&&r!==t&>.set(this,e,n)})},null,n,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){gt.remove(this,e)})}}),ot.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=mt.get(e,t),n&&(!r||ot.isArray(n)?r=mt.access(e,t,ot.makeArray(n)):r.push(n)),r||[]):void 0},dequeue:function(e,t){t=t||"fx";var n=ot.queue(e,t),r=n.length,i=n.shift(),o=ot._queueHooks(e,t),s=function(){ot.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return mt.get(e,n)||mt.access(e,n,{empty:ot.Callbacks("once memory").add(function(){mt.remove(e,[t+"queue",n])})})}}),ot.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),arguments.length<r?ot.queue(this[0],e):n===t?this:this.each(function(){var t=ot.queue(this,e,n);ot._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&ot.dequeue(this,e)})},dequeue:function(e){return this.each(function(){ot.dequeue(this,e)})},delay:function(e,t){return e=ot.fx?ot.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=ot.Deferred(),s=this,a=this.length,u=function(){--i||o.resolveWith(s,[s])};for("string"!=typeof e&&(n=e,e=t),e=e||"fx";a--;)r=mt.get(s[a],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(u));return u(),o.promise(n)}});var xt,bt,wt=/[\t\r\n\f]/g,Tt=/\r/g,Ct=/^(?:input|select|textarea|button)$/i;ot.fn.extend({attr:function(e,t){return ot.access(this,ot.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){ot.removeAttr(this,e)})},prop:function(e,t){return ot.access(this,ot.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[ot.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(ot.isFunction(e))return this.each(function(t){ot(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(at)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(wt," "):" ")){for(o=0;i=t[o++];)r.indexOf(" "+i+" ")<0&&(r+=i+" ");n.className=ot.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(ot.isFunction(e))return this.each(function(t){ot(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(at)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(wt," "):"")){for(o=0;i=t[o++];)for(;r.indexOf(" "+i+" ")>=0;)r=r.replace(" "+i+" "," ");n.className=e?ot.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):ot.isFunction(e)?this.each(function(n){ot(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n)for(var t,r=0,i=ot(this),o=e.match(at)||[];t=o[r++];)i.hasClass(t)?i.removeClass(t):i.addClass(t);else(n===z||"boolean"===n)&&(this.className&&mt.set(this,"__className__",this.className),this.className=this.className||e===!1?"":mt.get(this,"__className__")||"")})},hasClass:function(e){for(var t=" "+e+" ",n=0,r=this.length;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(wt," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=ot.isFunction(e),this.each(function(r){var o;1===this.nodeType&&(o=i?e.call(this,r,ot(this).val()):e,null==o?o="":"number"==typeof o?o+="":ot.isArray(o)&&(o=ot.map(o,function(e){return null==e?"":e+""})),n=ot.valHooks[this.type]||ot.valHooks[this.nodeName.toLowerCase()],n&&"set"in n&&n.set(this,o,"value")!==t||(this.value=o))});if(o)return n=ot.valHooks[o.type]||ot.valHooks[o.nodeName.toLowerCase()],n&&"get"in n&&(r=n.get(o,"value"))!==t?r:(r=o.value,"string"==typeof r?r.replace(Tt,""):null==r?"":r)}}}),ot.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){for(var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(ot.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&ot.nodeName(n.parentNode,"optgroup"))){if(t=ot(n).val(),o)return t;s.push(t)}return s},set:function(e,t){for(var n,r,i=e.options,o=ot.makeArray(t),s=i.length;s--;)r=i[s],(r.selected=ot.inArray(ot(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,n,r){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===z?ot.prop(e,n,r):(1===s&&ot.isXMLDoc(e)||(n=n.toLowerCase(),i=ot.attrHooks[n]||(ot.expr.match.bool.test(n)?bt:xt)),r===t?i&&"get"in i&&null!==(o=i.get(e,n))?o:(o=ot.find.attr(e,n),null==o?t:o):null!==r?i&&"set"in i&&(o=i.set(e,r,n))!==t?o:(e.setAttribute(n,r+""),r):(ot.removeAttr(e,n),void 0))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(at);if(o&&1===e.nodeType)for(;n=o[i++];)r=ot.propFix[n]||n,ot.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!ot.support.radioValue&&"radio"===t&&ot.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,n,r){var i,o,s,a=e.nodeType;if(e&&3!==a&&8!==a&&2!==a)return s=1!==a||!ot.isXMLDoc(e),s&&(n=ot.propFix[n]||n,o=ot.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||Ct.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),bt={set:function(e,t,n){return t===!1?ot.removeAttr(e,n):e.setAttribute(n,n),n}},ot.each(ot.expr.match.bool.source.match(/\w+/g),function(e,n){var r=ot.expr.attrHandle[n]||ot.find.attr;ot.expr.attrHandle[n]=function(e,n,i){var o=ot.expr.attrHandle[n],s=i?t:(ot.expr.attrHandle[n]=t)!=r(e,n,i)?n.toLowerCase():null;return ot.expr.attrHandle[n]=o,s}}),ot.support.optSelected||(ot.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),ot.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ot.propFix[this.toLowerCase()]=this}),ot.each(["radio","checkbox"],function(){ot.valHooks[this]={set:function(e,t){return ot.isArray(t)?e.checked=ot.inArray(ot(e).val(),t)>=0:void 0}},ot.support.checkOn||(ot.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Nt=/^key/,kt=/^(?:mouse|contextmenu)|click/,Et=/^(?:focusinfocus|focusoutblur)$/,St=/^([^.]*)(?:\.(.+)|)$/;ot.event={global:{},add:function(e,n,r,i,o){var s,a,u,l,c,f,p,d,h,g,m,y=mt.get(e);if(y){for(r.handler&&(s=r,r=s.handler,o=s.selector),r.guid||(r.guid=ot.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof ot===z||e&&ot.event.triggered===e.type?t:ot.event.dispatch.apply(a.elem,arguments)},a.elem=e),n=(n||"").match(at)||[""],c=n.length;c--;)u=St.exec(n[c])||[],h=m=u[1],g=(u[2]||"").split(".").sort(),h&&(p=ot.event.special[h]||{},h=(o?p.delegateType:p.bindType)||h,p=ot.event.special[h]||{},f=ot.extend({type:h,origType:m,data:i,handler:r,guid:r.guid,selector:o,needsContext:o&&ot.expr.match.needsContext.test(o),namespace:g.join(".")},s),(d=l[h])||(d=l[h]=[],d.delegateCount=0,p.setup&&p.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(h,a,!1)),p.add&&(p.add.call(e,f),f.handler.guid||(f.handler.guid=r.guid)),o?d.splice(d.delegateCount++,0,f):d.push(f),ot.event.global[h]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,f,p,d,h,g,m=mt.hasData(e)&&mt.get(e);if(m&&(u=m.events)){for(t=(t||"").match(at)||[""],l=t.length;l--;)if(a=St.exec(t[l])||[],d=g=a[1],h=(a[2]||"").split(".").sort(),d){for(f=ot.event.special[d]||{},d=(r?f.delegateType:f.bindType)||d,p=u[d]||[],a=a[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=p.length;o--;)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));s&&!p.length&&(f.teardown&&f.teardown.call(e,h,m.handle)!==!1||ot.removeEvent(e,d,m.handle),delete u[d])}else for(d in u)ot.event.remove(e,d+t[l],n,r,!0);ot.isEmptyObject(u)&&(delete m.handle,mt.remove(e,"events"))}},trigger:function(n,r,i,o){var s,a,u,l,c,f,p,d=[i||X],h=rt.call(n,"type")?n.type:n,g=rt.call(n,"namespace")?n.namespace.split("."):[];if(a=u=i=i||X,3!==i.nodeType&&8!==i.nodeType&&!Et.test(h+ot.event.triggered)&&(h.indexOf(".")>=0&&(g=h.split("."),h=g.shift(),g.sort()),c=h.indexOf(":")<0&&"on"+h,n=n[ot.expando]?n:new ot.Event(h,"object"==typeof n&&n),n.isTrigger=o?2:3,n.namespace=g.join("."),n.namespace_re=n.namespace?new RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:ot.makeArray(r,[n]),p=ot.event.special[h]||{},o||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!o&&!p.noBubble&&!ot.isWindow(i)){for(l=p.delegateType||h,Et.test(l+h)||(a=a.parentNode);a;a=a.parentNode)d.push(a),u=a;u===(i.ownerDocument||X)&&d.push(u.defaultView||u.parentWindow||e)}for(s=0;(a=d[s++])&&!n.isPropagationStopped();)n.type=s>1?l:p.bindType||h,f=(mt.get(a,"events")||{})[n.type]&&mt.get(a,"handle"),f&&f.apply(a,r),f=c&&a[c],f&&ot.acceptData(a)&&f.apply&&f.apply(a,r)===!1&&n.preventDefault();return n.type=h,o||n.isDefaultPrevented()||p._default&&p._default.apply(d.pop(),r)!==!1||!ot.acceptData(i)||c&&ot.isFunction(i[h])&&!ot.isWindow(i)&&(u=i[c],u&&(i[c]=null),ot.event.triggered=h,i[h](),ot.event.triggered=t,u&&(i[c]=u)),n.result}},dispatch:function(e){e=ot.event.fix(e);var n,r,i,o,s,a=[],u=et.call(arguments),l=(mt.get(this,"events")||{})[e.type]||[],c=ot.event.special[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){for(a=ot.event.handlers.call(this,e,l),n=0;(o=a[n++])&&!e.isPropagationStopped();)for(e.currentTarget=o.elem,r=0;(s=o.handlers[r++])&&!e.isImmediatePropagationStopped();)(!e.namespace_re||e.namespace_re.test(s.namespace))&&(e.handleObj=s,e.data=s.data,i=((ot.event.special[s.origType]||{}).handle||s.handler).apply(o.elem,u),i!==t&&(e.result=i)===!1&&(e.preventDefault(),e.stopPropagation()));return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,s,a=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type))for(;l!==this;l=l.parentNode||this)if(l.disabled!==!0||"click"!==e.type){for(i=[],r=0;u>r;r++)s=n[r],o=s.selector+" ",i[o]===t&&(i[o]=s.needsContext?ot(o,this).index(l)>=0:ot.find(o,this,null,[l]).length),i[o]&&i.push(s);i.length&&a.push({elem:l,handlers:i})}return u<n.length&&a.push({elem:this,handlers:n.slice(u)}),a},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,o,s=n.button;return null==e.pageX&&null!=n.clientX&&(r=e.target.ownerDocument||X,i=r.documentElement,o=r.body,e.pageX=n.clientX+(i&&i.scrollLeft||o&&o.scrollLeft||0)-(i&&i.clientLeft||o&&o.clientLeft||0),e.pageY=n.clientY+(i&&i.scrollTop||o&&o.scrollTop||0)-(i&&i.clientTop||o&&o.clientTop||0)),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[ot.expando])return e;var t,n,r,i=e.type,o=e,s=this.fixHooks[i];for(s||(this.fixHooks[i]=s=kt.test(i)?this.mouseHooks:Nt.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new ot.Event(o),t=r.length;t--;)n=r[t],e[n]=o[n];return e.target||(e.target=X),3===e.target.nodeType&&(e.target=e.target.parentNode),s.filter?s.filter(e,o):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==u()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===u()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&ot.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(e){return ot.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=ot.extend(new ot.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?ot.event.trigger(i,null,t):ot.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},ot.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},ot.Event=function(e,t){return this instanceof ot.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?s:a):this.type=e,t&&ot.extend(this,t),this.timeStamp=e&&e.timeStamp||ot.now(),this[ot.expando]=!0,void 0):new ot.Event(e,t)},ot.Event.prototype={isDefaultPrevented:a,isPropagationStopped:a,isImmediatePropagationStopped:a,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=s,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=s,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=s,this.stopPropagation()}},ot.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){ot.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!ot.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),ot.support.focusinBubbles||ot.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){ot.event.simulate(t,e.target,ot.event.fix(e),!0)};ot.event.special[t]={setup:function(){0===n++&&X.addEventListener(e,r,!0)},teardown:function(){0===--n&&X.removeEventListener(e,r,!0)}}}),ot.fn.extend({on:function(e,n,r,i,o){var s,u;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(u in e)this.on(u,n,r,e[u],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=a;else if(!i)return this;return 1===o&&(s=i,i=function(e){return ot().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=ot.guid++)),this.each(function(){ot.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,ot(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=a),this.each(function(){ot.event.remove(this,e,r,n)})},trigger:function(e,t){return this.each(function(){ot.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?ot.event.trigger(e,t,n,!0):void 0}});var jt=/^.[^:#\[\.,]*$/,Dt=/^(?:parents|prev(?:Until|All))/,At=ot.expr.match.needsContext,Lt={children:!0,contents:!0,next:!0,prev:!0};ot.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(ot(e).filter(function(){for(t=0;i>t;t++)if(ot.contains(r[t],this))return!0}));for(t=0;i>t;t++)ot.find(e,r[t],n);return n=this.pushStack(i>1?ot.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=ot(e,this),n=t.length;return this.filter(function(){for(var e=0;n>e;e++)if(ot.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(c(this,e||[],!0))},filter:function(e){return this.pushStack(c(this,e||[],!1))},is:function(e){return!!c(this,"string"==typeof e&&At.test(e)?ot(e):e||[],!1).length},closest:function(e,t){for(var n,r=0,i=this.length,o=[],s=At.test(e)||"string"!=typeof e?ot(e,t||this.context):0;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(s?s.index(n)>-1:1===n.nodeType&&ot.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?ot.unique(o):o)},index:function(e){return e?"string"==typeof e?tt.call(ot(e),this[0]):tt.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?ot(e,t):ot.makeArray(e&&e.nodeType?[e]:e),r=ot.merge(this.get(),n);return this.pushStack(ot.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),ot.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return ot.dir(e,"parentNode")},parentsUntil:function(e,t,n){return ot.dir(e,"parentNode",n)},next:function(e){return l(e,"nextSibling")},prev:function(e){return l(e,"previousSibling")},nextAll:function(e){return ot.dir(e,"nextSibling")},prevAll:function(e){return ot.dir(e,"previousSibling")},nextUntil:function(e,t,n){return ot.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return ot.dir(e,"previousSibling",n)},siblings:function(e){return ot.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return ot.sibling(e.firstChild)},contents:function(e){return e.contentDocument||ot.merge([],e.childNodes)}},function(e,t){ot.fn[e]=function(n,r){var i=ot.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=ot.filter(r,i)),this.length>1&&(Lt[e]||ot.unique(i),Dt.test(e)&&i.reverse()),this.pushStack(i)}}),ot.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?ot.find.matchesSelector(r,e)?[r]:[]:ot.find.matches(e,ot.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,n,r){for(var i=[],o=r!==t;(e=e[n])&&9!==e.nodeType;)if(1===e.nodeType){if(o&&ot(e).is(r))break;i.push(e)}return i},sibling:function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});var qt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,Ht=/<([\w:]+)/,Ot=/<|&#?\w+;/,Ft=/<(?:script|style|link)/i,Pt=/^(?:checkbox|radio)$/i,Rt=/checked\s*(?:[^=]|=\s*.checked.)/i,Mt=/^$|\/(?:java|ecma)script/i,Wt=/^true\/(.*)/,$t=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,Bt={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};Bt.optgroup=Bt.option,Bt.tbody=Bt.tfoot=Bt.colgroup=Bt.caption=Bt.thead,Bt.th=Bt.td,ot.fn.extend({text:function(e){return ot.access(this,function(e){return e===t?ot.text(this):this.empty().append((this[0]&&this[0].ownerDocument||X).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=f(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=f(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){for(var n,r=e?ot.filter(e,this):this,i=0;null!=(n=r[i]);i++)t||1!==n.nodeType||ot.cleanData(m(n)),n.parentNode&&(t&&ot.contains(n.ownerDocument,n)&&h(m(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(ot.cleanData(m(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return ot.clone(this,e,t)})},html:function(e){return ot.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t&&1===n.nodeType)return n.innerHTML;if("string"==typeof e&&!Ft.test(e)&&!Bt[(Ht.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(qt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(ot.cleanData(m(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=ot.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),ot(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=K.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,f=this,h=c-1,g=e[0],y=ot.isFunction(g);if(y||!(1>=c||"string"!=typeof g||ot.support.checkClone)&&Rt.test(g))return this.each(function(r){var i=f.eq(r);y&&(e[0]=g.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=ot.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=ot.map(m(r,"script"),p),s=o.length;c>l;l++)a=r,l!==h&&(a=ot.clone(a,!0,!0),s&&ot.merge(o,m(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,ot.map(o,d),l=0;s>l;l++)a=o[l],Mt.test(a.type||"")&&!mt.access(a,"globalEval")&&ot.contains(u,a)&&(a.src?ot._evalUrl(a.src):ot.globalEval(a.textContent.replace($t,"")))}return this}}),ot.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){ot.fn[e]=function(e){for(var n,r=[],i=ot(e),o=i.length-1,s=0;o>=s;s++)n=s===o?this:this.clone(!0),ot(i[s])[t](n),Z.apply(r,n.get());return this.pushStack(r)}}),ot.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=ot.contains(e.ownerDocument,e);if(!(ot.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||ot.isXMLDoc(e)))for(s=m(a),o=m(e),r=0,i=o.length;i>r;r++)y(o[r],s[r]);if(t)if(n)for(o=o||m(e),s=s||m(a),r=0,i=o.length;i>r;r++)g(o[r],s[r]);else g(e,a);return s=m(a,"script"),s.length>0&&h(s,!u&&m(e,"script")),a},buildFragment:function(e,t,n,r){for(var i,o,s,a,u,l,c=0,f=e.length,p=t.createDocumentFragment(),d=[];f>c;c++)if(i=e[c],i||0===i)if("object"===ot.type(i))ot.merge(d,i.nodeType?[i]:i);else if(Ot.test(i)){for(o=o||p.appendChild(t.createElement("div")),s=(Ht.exec(i)||["",""])[1].toLowerCase(),a=Bt[s]||Bt._default,o.innerHTML=a[1]+i.replace(qt,"<$1></$2>")+a[2],l=a[0];l--;)o=o.lastChild;ot.merge(d,o.childNodes),o=p.firstChild,o.textContent=""}else d.push(t.createTextNode(i));for(p.textContent="",c=0;i=d[c++];)if((!r||-1===ot.inArray(i,r))&&(u=ot.contains(i.ownerDocument,i),o=m(p.appendChild(i),"script"),u&&h(o),n))for(l=0;i=o[l++];)Mt.test(i.type||"")&&n.push(i);return p},cleanData:function(e){for(var n,r,o,s,a,u,l=ot.event.special,c=0;(r=e[c])!==t;c++){if(i.accepts(r)&&(a=r[mt.expando],a&&(n=mt.cache[a]))){if(o=Object.keys(n.events||{}),o.length)for(u=0;(s=o[u])!==t;u++)l[s]?ot.event.remove(r,s):ot.removeEvent(r,s,n.handle);mt.cache[a]&&delete mt.cache[a]}delete gt.cache[r[gt.expando]]}},_evalUrl:function(e){return ot.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}}),ot.fn.extend({wrapAll:function(e){var t;return ot.isFunction(e)?this.each(function(t){ot(this).wrapAll(e.call(this,t))}):(this[0]&&(t=ot(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){for(var e=this;e.firstElementChild;)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return ot.isFunction(e)?this.each(function(t){ot(this).wrapInner(e.call(this,t))}):this.each(function(){var t=ot(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=ot.isFunction(e);return this.each(function(n){ot(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){ot.nodeName(this,"body")||ot(this).replaceWith(this.childNodes)}).end()}});var It,zt,_t=/^(none|table(?!-c[ea]).+)/,Xt=/^margin/,Ut=new RegExp("^("+st+")(.*)$","i"),Yt=new RegExp("^("+st+")(?!px)[a-z%]+$","i"),Vt=new RegExp("^([+-])=("+st+")","i"),Gt={BODY:"block"},Jt={position:"absolute",visibility:"hidden",display:"block"},Qt={letterSpacing:0,fontWeight:400},Kt=["Top","Right","Bottom","Left"],Zt=["Webkit","O","Moz","ms"];ot.fn.extend({css:function(e,n){return ot.access(this,function(e,n,r){var i,o,s={},a=0;if(ot.isArray(n)){for(i=b(e),o=n.length;o>a;a++)s[n[a]]=ot.css(e,n[a],!1,i);return s}return r!==t?ot.style(e,n,r):ot.css(e,n)},e,n,arguments.length>1)},show:function(){return w(this,!0)},hide:function(){return w(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){x(this)?ot(this).show():ot(this).hide()})}}),ot.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=It(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,s,a,u=ot.camelCase(n),l=e.style;return n=ot.cssProps[u]||(ot.cssProps[u]=v(l,u)),a=ot.cssHooks[n]||ot.cssHooks[u],r===t?a&&"get"in a&&(o=a.get(e,!1,i))!==t?o:l[n]:(s=typeof r,"string"===s&&(o=Vt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(ot.css(e,n)),s="number"),null==r||"number"===s&&isNaN(r)||("number"!==s||ot.cssNumber[u]||(r+="px"),ot.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),a&&"set"in a&&(r=a.set(e,r,i))===t||(l[n]=r)),void 0)}},css:function(e,n,r,i){var o,s,a,u=ot.camelCase(n);return n=ot.cssProps[u]||(ot.cssProps[u]=v(e.style,u)),a=ot.cssHooks[n]||ot.cssHooks[u],a&&"get"in a&&(o=a.get(e,!0,r)),o===t&&(o=It(e,n,i)),"normal"===o&&n in Qt&&(o=Qt[n]),""===r||r?(s=parseFloat(o),r===!0||ot.isNumeric(s)?s||0:o):o}}),It=function(e,n,r){var i,o,s,a=r||b(e),u=a?a.getPropertyValue(n)||a[n]:t,l=e.style;return a&&(""!==u||ot.contains(e.ownerDocument,e)||(u=ot.style(e,n)),Yt.test(u)&&Xt.test(n)&&(i=l.width,o=l.minWidth,s=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=a.width,l.width=i,l.minWidth=o,l.maxWidth=s)),u},ot.each(["height","width"],function(e,t){ot.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&_t.test(ot.css(e,"display"))?ot.swap(e,Jt,function(){return N(e,t,r)}):N(e,t,r):void 0},set:function(e,n,r){var i=r&&b(e);return T(e,n,r?C(e,t,r,ot.support.boxSizing&&"border-box"===ot.css(e,"boxSizing",!1,i),i):0)}}}),ot(function(){ot.support.reliableMarginRight||(ot.cssHooks.marginRight={get:function(e,t){return t?ot.swap(e,{display:"inline-block"},It,[e,"marginRight"]):void 0}}),!ot.support.pixelPosition&&ot.fn.position&&ot.each(["top","left"],function(e,t){ot.cssHooks[t]={get:function(e,n){return n?(n=It(e,t),Yt.test(n)?ot(e).position()[t]+"px":n):void 0}}})}),ot.expr&&ot.expr.filters&&(ot.expr.filters.hidden=function(e){return e.offsetWidth<=0&&e.offsetHeight<=0},ot.expr.filters.visible=function(e){return!ot.expr.filters.hidden(e)}),ot.each({margin:"",padding:"",border:"Width"},function(e,t){ot.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];4>r;r++)i[e+Kt[r]+t]=o[r]||o[r-2]||o[0];return i}},Xt.test(e)||(ot.cssHooks[e+t].set=T)});var en=/%20/g,tn=/\[\]$/,nn=/\r?\n/g,rn=/^(?:submit|button|image|reset|file)$/i,on=/^(?:input|select|textarea|keygen)/i; |
| - | ot.fn.extend({serialize:function(){return ot.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=ot.prop(this,"elements");return e?ot.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!ot(this).is(":disabled")&&on.test(this.nodeName)&&!rn.test(e)&&(this.checked||!Pt.test(e))}).map(function(e,t){var n=ot(this).val();return null==n?null:ot.isArray(n)?ot.map(n,function(e){return{name:t.name,value:e.replace(nn,"\r\n")}}):{name:t.name,value:n.replace(nn,"\r\n")}}).get()}}),ot.param=function(e,n){var r,i=[],o=function(e,t){t=ot.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=ot.ajaxSettings&&ot.ajaxSettings.traditional),ot.isArray(e)||e.jquery&&!ot.isPlainObject(e))ot.each(e,function(){o(this.name,this.value)});else for(r in e)S(r,e[r],n,o);return i.join("&").replace(en,"+")},ot.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){ot.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),ot.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var sn,an,un=ot.now(),ln=/\?/,cn=/#.*$/,fn=/([?&])_=[^&]*/,pn=/^(.*?):[ \t]*([^\r\n]*)$/gm,dn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,hn=/^(?:GET|HEAD)$/,gn=/^\/\//,mn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,yn=ot.fn.load,vn={},xn={},bn="*/".concat("*");try{an=_.href}catch(wn){an=X.createElement("a"),an.href="",an=an.href}sn=mn.exec(an.toLowerCase())||[],ot.fn.load=function(e,n,r){if("string"!=typeof e&&yn)return yn.apply(this,arguments);var i,o,s,a=this,u=e.indexOf(" ");return u>=0&&(i=e.slice(u),e=e.slice(0,u)),ot.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(o="POST"),a.length>0&&ot.ajax({url:e,type:o,dataType:"html",data:n}).done(function(e){s=arguments,a.html(i?ot("<div>").append(ot.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){a.each(r,s||[e.responseText,t,e])}),this},ot.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ot.fn[t]=function(e){return this.on(t,e)}}),ot.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:an,type:"GET",isLocal:dn.test(sn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":bn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":ot.parseJSON,"text xml":ot.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?A(A(e,ot.ajaxSettings),t):A(ot.ajaxSettings,e)},ajaxPrefilter:j(vn),ajaxTransport:j(xn),ajax:function(e,n){function r(e,n,r,a){var l,f,v,x,w,C=n;2!==b&&(b=2,u&&clearTimeout(u),i=t,s=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,r&&(x=L(p,T,r)),x=q(p,x,T,l),l?(p.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(ot.lastModified[o]=w),w=T.getResponseHeader("etag"),w&&(ot.etag[o]=w)),204===e||"HEAD"===p.type?C="nocontent":304===e?C="notmodified":(C=x.state,f=x.data,v=x.error,l=!v)):(v=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(n||C)+"",l?g.resolveWith(d,[f,C,T]):g.rejectWith(d,[T,C,v]),T.statusCode(y),y=t,c&&h.trigger(l?"ajaxSuccess":"ajaxError",[T,p,l?f:v]),m.fireWith(d,[T,C]),c&&(h.trigger("ajaxComplete",[T,p]),--ot.active||ot.event.trigger("ajaxStop")))}"object"==typeof e&&(n=e,e=t),n=n||{};var i,o,s,a,u,l,c,f,p=ot.ajaxSetup({},n),d=p.context||p,h=p.context&&(d.nodeType||d.jquery)?ot(d):ot.event,g=ot.Deferred(),m=ot.Callbacks("once memory"),y=p.statusCode||{},v={},x={},b=0,w="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!a)for(a={};t=pn.exec(s);)a[t[1].toLowerCase()]=t[2];t=a[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?s:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=x[n]=x[n]||e,v[e]=t),this},overrideMimeType:function(e){return b||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>b)for(t in e)y[t]=[y[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||w;return i&&i.abort(t),r(0,t),this}};if(g.promise(T).complete=m.add,T.success=T.done,T.error=T.fail,p.url=((e||p.url||an)+"").replace(cn,"").replace(gn,sn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=ot.trim(p.dataType||"*").toLowerCase().match(at)||[""],null==p.crossDomain&&(l=mn.exec(p.url.toLowerCase()),p.crossDomain=!(!l||l[1]===sn[1]&&l[2]===sn[2]&&(l[3]||("http:"===l[1]?"80":"443"))===(sn[3]||("http:"===sn[1]?"80":"443")))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=ot.param(p.data,p.traditional)),D(vn,p,n,T),2===b)return T;c=p.global,c&&0===ot.active++&&ot.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!hn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(ln.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=fn.test(o)?o.replace(fn,"$1_="+un++):o+(ln.test(o)?"&":"?")+"_="+un++)),p.ifModified&&(ot.lastModified[o]&&T.setRequestHeader("If-Modified-Since",ot.lastModified[o]),ot.etag[o]&&T.setRequestHeader("If-None-Match",ot.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&T.setRequestHeader("Content-Type",p.contentType),T.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+bn+"; q=0.01":""):p.accepts["*"]);for(f in p.headers)T.setRequestHeader(f,p.headers[f]);if(p.beforeSend&&(p.beforeSend.call(d,T,p)===!1||2===b))return T.abort();w="abort";for(f in{success:1,error:1,complete:1})T[f](p[f]);if(i=D(xn,p,n,T)){T.readyState=1,c&&h.trigger("ajaxSend",[T,p]),p.async&&p.timeout>0&&(u=setTimeout(function(){T.abort("timeout")},p.timeout));try{b=1,i.send(v,r)}catch(C){if(!(2>b))throw C;r(-1,C)}}else r(-1,"No Transport");return T},getJSON:function(e,t,n){return ot.get(e,t,n,"json")},getScript:function(e,n){return ot.get(e,t,n,"script")}}),ot.each(["get","post"],function(e,n){ot[n]=function(e,r,i,o){return ot.isFunction(r)&&(o=o||i,i=r,r=t),ot.ajax({url:e,type:n,dataType:o,data:r,success:i})}}),ot.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return ot.globalEval(e),e}}}),ot.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),ot.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=ot("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),X.head.appendChild(t[0])},abort:function(){n&&n()}}}});var Tn=[],Cn=/(=)\?(?=&|$)|\?\?/;ot.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Tn.pop()||ot.expando+"_"+un++;return this[e]=!0,e}}),ot.ajaxPrefilter("json jsonp",function(n,r,i){var o,s,a,u=n.jsonp!==!1&&(Cn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Cn.test(n.data)&&"data");return u||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=ot.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,u?n[u]=n[u].replace(Cn,"$1"+o):n.jsonp!==!1&&(n.url+=(ln.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return a||ot.error(o+" was not called"),a[0]},n.dataTypes[0]="json",s=e[o],e[o]=function(){a=arguments},i.always(function(){e[o]=s,n[o]&&(n.jsonpCallback=r.jsonpCallback,Tn.push(o)),a&&ot.isFunction(s)&&s(a[0]),a=s=t}),"script"):void 0}),ot.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var Nn=ot.ajaxSettings.xhr(),kn={0:200,1223:204},En=0,Sn={};e.ActiveXObject&&ot(e).on("unload",function(){for(var e in Sn)Sn[e]();Sn=t}),ot.support.cors=!!Nn&&"withCredentials"in Nn,ot.support.ajax=Nn=!!Nn,ot.ajaxTransport(function(e){var n;return ot.support.cors||Nn&&!e.crossDomain?{send:function(r,i){var o,s,a=e.xhr();if(a.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(o in e.xhrFields)a[o]=e.xhrFields[o];e.mimeType&&a.overrideMimeType&&a.overrideMimeType(e.mimeType),e.crossDomain||r["X-Requested-With"]||(r["X-Requested-With"]="XMLHttpRequest");for(o in r)a.setRequestHeader(o,r[o]);n=function(e){return function(){n&&(delete Sn[s],n=a.onload=a.onerror=null,"abort"===e?a.abort():"error"===e?i(a.status||404,a.statusText):i(kn[a.status]||a.status,a.statusText,"string"==typeof a.responseText?{text:a.responseText}:t,a.getAllResponseHeaders()))}},a.onload=n(),a.onerror=n("error"),n=Sn[s=En++]=n("abort"),a.send(e.hasContent&&e.data||null)},abort:function(){n&&n()}}:void 0});var jn,Dn,An=/^(?:toggle|show|hide)$/,Ln=new RegExp("^(?:([+-])=|)("+st+")([a-z%]*)$","i"),qn=/queueHooks$/,Hn=[R],On={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Ln.exec(t),o=i&&i[3]||(ot.cssNumber[e]?"":"px"),s=(ot.cssNumber[e]||"px"!==o&&+r)&&Ln.exec(ot.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,ot.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};ot.Animation=ot.extend(F,{tweener:function(e,t){ot.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");for(var n,r=0,i=e.length;i>r;r++)n=e[r],On[n]=On[n]||[],On[n].unshift(t)},prefilter:function(e,t){t?Hn.unshift(e):Hn.push(e)}}),ot.Tween=M,M.prototype={constructor:M,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(ot.cssNumber[n]?"":"px")},cur:function(){var e=M.propHooks[this.prop];return e&&e.get?e.get(this):M.propHooks._default.get(this)},run:function(e){var t,n=M.propHooks[this.prop];return this.pos=t=this.options.duration?ot.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):M.propHooks._default.set(this),this}},M.prototype.init.prototype=M.prototype,M.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=ot.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){ot.fx.step[e.prop]?ot.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[ot.cssProps[e.prop]]||ot.cssHooks[e.prop])?ot.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},M.propHooks.scrollTop=M.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},ot.each(["toggle","show","hide"],function(e,t){var n=ot.fn[t];ot.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(W(t,!0),e,r,i)}}),ot.fn.extend({fadeTo:function(e,t,n,r){return this.filter(x).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=ot.isEmptyObject(e),o=ot.speed(t,n,r),s=function(){var t=F(this,ot.extend({},e),o);(i||mt.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=ot.timers,s=mt.get(this);if(n)s[n]&&s[n].stop&&i(s[n]);else for(n in s)s[n]&&s[n].stop&&qn.test(n)&&i(s[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&ot.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=mt.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=ot.timers,s=r?r.length:0;for(n.finish=!0,ot.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}}),ot.each({slideDown:W("show"),slideUp:W("hide"),slideToggle:W("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){ot.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),ot.speed=function(e,t,n){var r=e&&"object"==typeof e?ot.extend({},e):{complete:n||!n&&t||ot.isFunction(e)&&e,duration:e,easing:n&&t||t&&!ot.isFunction(t)&&t};return r.duration=ot.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in ot.fx.speeds?ot.fx.speeds[r.duration]:ot.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){ot.isFunction(r.old)&&r.old.call(this),r.queue&&ot.dequeue(this,r.queue)},r},ot.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},ot.timers=[],ot.fx=M.prototype.init,ot.fx.tick=function(){var e,n=ot.timers,r=0;for(jn=ot.now();r<n.length;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||ot.fx.stop(),jn=t},ot.fx.timer=function(e){e()&&ot.timers.push(e)&&ot.fx.start()},ot.fx.interval=13,ot.fx.start=function(){Dn||(Dn=setInterval(ot.fx.tick,ot.fx.interval))},ot.fx.stop=function(){clearInterval(Dn),Dn=null},ot.fx.speeds={slow:600,fast:200,_default:400},ot.fx.step={},ot.expr&&ot.expr.filters&&(ot.expr.filters.animated=function(e){return ot.grep(ot.timers,function(t){return e===t.elem}).length}),ot.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){ot.offset.setOffset(this,e,t)});var n,r,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return n=s.documentElement,ot.contains(n,i)?(typeof i.getBoundingClientRect!==z&&(o=i.getBoundingClientRect()),r=$(s),{top:o.top+r.pageYOffset-n.clientTop,left:o.left+r.pageXOffset-n.clientLeft}):o},ot.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=ot.css(e,"position"),f=ot(e),p={};"static"===c&&(e.style.position="relative"),a=f.offset(),o=ot.css(e,"top"),u=ot.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=f.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),ot.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(p.top=t.top-a.top+s),null!=t.left&&(p.left=t.left-a.left+i),"using"in t?t.using.call(e,p):f.css(p)}},ot.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===ot.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),ot.nodeName(e[0],"html")||(r=e.offset()),r.top+=ot.css(e[0],"borderTopWidth",!0),r.left+=ot.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-ot.css(n,"marginTop",!0),left:t.left-r.left-ot.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){for(var e=this.offsetParent||U;e&&!ot.nodeName(e,"html")&&"static"===ot.css(e,"position");)e=e.offsetParent;return e||U})}}),ot.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(n,r){var i="pageYOffset"===r;ot.fn[n]=function(o){return ot.access(this,function(n,o,s){var a=$(n);return s===t?a?a[r]:n[o]:(a?a.scrollTo(i?e.pageXOffset:s,i?s:e.pageYOffset):n[o]=s,void 0)},n,o,arguments.length,null)}}),ot.each({Height:"height",Width:"width"},function(e,n){ot.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){ot.fn[i]=function(i,o){var s=arguments.length&&(r||"boolean"!=typeof i),a=r||(i===!0||o===!0?"margin":"border");return ot.access(this,function(n,r,i){var o;return ot.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?ot.css(n,r,a):ot.style(n,r,i,a)},n,s?i:t,s,null)}})}),ot.fn.size=function(){return this.length},ot.fn.andSelf=ot.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=ot:"function"==typeof define&&define.amd&&define("jquery",[],function(){return ot}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=ot)}(window); |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/vendor/modernizr.js
+0
-8
| @@ | @@ -1,8 +0,0 @@ |
| - | /*! |
| - | * Modernizr v2.8.2 |
| - | * www.modernizr.com |
| - | * |
| - | * Copyright (c) Faruk Ates, Paul Irish, Alex Sexton |
| - | * Available under the BSD and MIT licenses: www.modernizr.com/license/ |
| - | */ |
| - | window.Modernizr=function(a,b,c){function d(a){t.cssText=a}function e(a,b){return d(x.join(a+";")+(b||""))}function f(a,b){return typeof a===b}function g(a,b){return!!~(""+a).indexOf(b)}function h(a,b){for(var d in a){var e=a[d];if(!g(e,"-")&&t[e]!==c)return"pfx"==b?e:!0}return!1}function i(a,b,d){for(var e in a){var g=b[a[e]];if(g!==c)return d===!1?a[e]:f(g,"function")?g.bind(d||b):g}return!1}function j(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+z.join(d+" ")+d).split(" ");return f(b,"string")||f(b,"undefined")?h(e,b):(e=(a+" "+A.join(d+" ")+d).split(" "),i(e,b,c))}function k(){o.input=function(c){for(var d=0,e=c.length;e>d;d++)E[c[d]]=!!(c[d]in u);return E.list&&(E.list=!(!b.createElement("datalist")||!a.HTMLDataListElement)),E}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),o.inputtypes=function(a){for(var d,e,f,g=0,h=a.length;h>g;g++)u.setAttribute("type",e=a[g]),d="text"!==u.type,d&&(u.value=v,u.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(e)&&u.style.WebkitAppearance!==c?(q.appendChild(u),f=b.defaultView,d=f.getComputedStyle&&"textfield"!==f.getComputedStyle(u,null).WebkitAppearance&&0!==u.offsetHeight,q.removeChild(u)):/^(search|tel)$/.test(e)||(d=/^(url|email)$/.test(e)?u.checkValidity&&u.checkValidity()===!1:u.value!=v)),D[a[g]]=!!d;return D}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var l,m,n="2.8.2",o={},p=!0,q=b.documentElement,r="modernizr",s=b.createElement(r),t=s.style,u=b.createElement("input"),v=":)",w={}.toString,x=" -webkit- -moz- -o- -ms- ".split(" "),y="Webkit Moz O ms",z=y.split(" "),A=y.toLowerCase().split(" "),B={svg:"http://www.w3.org/2000/svg"},C={},D={},E={},F=[],G=F.slice,H=function(a,c,d,e){var f,g,h,i,j=b.createElement("div"),k=b.body,l=k||b.createElement("body");if(parseInt(d,10))for(;d--;)h=b.createElement("div"),h.id=e?e[d]:r+(d+1),j.appendChild(h);return f=["­",'<style id="s',r,'">',a,"</style>"].join(""),j.id=r,(k?j:l).innerHTML+=f,l.appendChild(j),k||(l.style.background="",l.style.overflow="hidden",i=q.style.overflow,q.style.overflow="hidden",q.appendChild(l)),g=c(j,a),k?j.parentNode.removeChild(j):(l.parentNode.removeChild(l),q.style.overflow=i),!!g},I=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b)&&c(b).matches||!1;var d;return H("@media "+b+" { #"+r+" { position: absolute; } }",function(b){d="absolute"==(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle).position}),d},J=function(){function a(a,e){e=e||b.createElement(d[a]||"div"),a="on"+a;var g=a in e;return g||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(a,""),g=f(e[a],"function"),f(e[a],"undefined")||(e[a]=c),e.removeAttribute(a))),e=null,g}var d={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return a}(),K={}.hasOwnProperty;m=f(K,"undefined")||f(K.call,"undefined")?function(a,b){return b in a&&f(a.constructor.prototype[b],"undefined")}:function(a,b){return K.call(a,b)},Function.prototype.bind||(Function.prototype.bind=function(a){var b=this;if("function"!=typeof b)throw new TypeError;var c=G.call(arguments,1),d=function(){if(this instanceof d){var e=function(){};e.prototype=b.prototype;var f=new e,g=b.apply(f,c.concat(G.call(arguments)));return Object(g)===g?g:f}return b.apply(a,c.concat(G.call(arguments)))};return d}),C.flexbox=function(){return j("flexWrap")},C.flexboxlegacy=function(){return j("boxDirection")},C.canvas=function(){var a=b.createElement("canvas");return!(!a.getContext||!a.getContext("2d"))},C.canvastext=function(){return!(!o.canvas||!f(b.createElement("canvas").getContext("2d").fillText,"function"))},C.webgl=function(){return!!a.WebGLRenderingContext},C.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:H(["@media (",x.join("touch-enabled),("),r,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=9===a.offsetTop}),c},C.geolocation=function(){return"geolocation"in navigator},C.postmessage=function(){return!!a.postMessage},C.websqldatabase=function(){return!!a.openDatabase},C.indexedDB=function(){return!!j("indexedDB",a)},C.hashchange=function(){return J("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},C.history=function(){return!(!a.history||!history.pushState)},C.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},C.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},C.rgba=function(){return d("background-color:rgba(150,255,150,.5)"),g(t.backgroundColor,"rgba")},C.hsla=function(){return d("background-color:hsla(120,40%,100%,.5)"),g(t.backgroundColor,"rgba")||g(t.backgroundColor,"hsla")},C.multiplebgs=function(){return d("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(t.background)},C.backgroundsize=function(){return j("backgroundSize")},C.borderimage=function(){return j("borderImage")},C.borderradius=function(){return j("borderRadius")},C.boxshadow=function(){return j("boxShadow")},C.textshadow=function(){return""===b.createElement("div").style.textShadow},C.opacity=function(){return e("opacity:.55"),/^0.55$/.test(t.opacity)},C.cssanimations=function(){return j("animationName")},C.csscolumns=function(){return j("columnCount")},C.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return d((a+"-webkit- ".split(" ").join(b+a)+x.join(c+a)).slice(0,-a.length)),g(t.backgroundImage,"gradient")},C.cssreflections=function(){return j("boxReflect")},C.csstransforms=function(){return!!j("transform")},C.csstransforms3d=function(){var a=!!j("perspective");return a&&"webkitPerspective"in q.style&&H("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b){a=9===b.offsetLeft&&3===b.offsetHeight}),a},C.csstransitions=function(){return j("transition")},C.fontface=function(){var a;return H('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&0===g.indexOf(d.split(" ")[0])}),a},C.generatedcontent=function(){var a;return H(["#",r,"{font:0/0 a}#",r,':after{content:"',v,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},C.video=function(){var a=b.createElement("video"),c=!1;try{(c=!!a.canPlayType)&&(c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,""))}catch(d){}return c},C.audio=function(){var a=b.createElement("audio"),c=!1;try{(c=!!a.canPlayType)&&(c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,""))}catch(d){}return c},C.localstorage=function(){try{return localStorage.setItem(r,r),localStorage.removeItem(r),!0}catch(a){return!1}},C.sessionstorage=function(){try{return sessionStorage.setItem(r,r),sessionStorage.removeItem(r),!0}catch(a){return!1}},C.webworkers=function(){return!!a.Worker},C.applicationcache=function(){return!!a.applicationCache},C.svg=function(){return!!b.createElementNS&&!!b.createElementNS(B.svg,"svg").createSVGRect},C.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==B.svg},C.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(w.call(b.createElementNS(B.svg,"animate")))},C.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(w.call(b.createElementNS(B.svg,"clipPath")))};for(var L in C)m(C,L)&&(l=L.toLowerCase(),o[l]=C[L](),F.push((o[l]?"":"no-")+l));return o.input||k(),o.addTest=function(a,b){if("object"==typeof a)for(var d in a)m(a,d)&&o.addTest(d,a[d]);else{if(a=a.toLowerCase(),o[a]!==c)return o;b="function"==typeof b?b():b,"undefined"!=typeof p&&p&&(q.className+=" "+(b?"":"no-")+a),o[a]=b}return o},d(""),s=u=null,function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=s.elements;return"string"==typeof a?a.split(" "):a}function e(a){var b=r[a[p]];return b||(b={},q++,a[p]=q,r[q]=b),b}function f(a,c,d){if(c||(c=b),k)return c.createElement(a);d||(d=e(c));var f;return f=d.cache[a]?d.cache[a].cloneNode():o.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!f.canHaveChildren||n.test(a)||f.tagUrn?f:d.frag.appendChild(f)}function g(a,c){if(a||(a=b),k)return a.createDocumentFragment();c=c||e(a);for(var f=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)f.createElement(h[g]);return f}function h(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return s.shivMethods?f(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(s,b.frag)}function i(a){a||(a=b);var d=e(a);return!s.shivCSS||j||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),k||h(a,d),a}var j,k,l="3.7.0",m=a.html5||{},n=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,o=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,p="_html5shiv",q=0,r={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",j="hidden"in a,k=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){j=!0,k=!0}}();var s={elements:m.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:l,shivCSS:m.shivCSS!==!1,supportsUnknownElements:k,shivMethods:m.shivMethods!==!1,type:"default",shivDocument:i,createElement:f,createDocumentFragment:g};a.html5=s,i(b)}(this,b),o._version=n,o._prefixes=x,o._domPrefixes=A,o._cssomPrefixes=z,o.mq=I,o.hasEvent=J,o.testProp=function(a){return h([a])},o.testAllProps=j,o.testStyles=H,o.prefixed=function(a,b,c){return b?j(a,b,c):j(a,"pfx")},q.className=q.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(p?" js "+F.join(" "):""),o}(this,this.document); |
generators/foundation5/public/javascripts/vendor/modernizr.min.js
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | window.Modernizr=function(e,t,n){function r(e){m.cssText=e}function o(e,t){return typeof e===t}var i,a,c,l="2.6.2",s={},u=!0,d=t.documentElement,f="modernizr",p=t.createElement(f),m=p.style,h={}.toString,v=" -webkit- -moz- -o- -ms- ".split(" "),y={svg:"http://www.w3.org/2000/svg"},g={},E=[],b=E.slice,S=function(e,n,r,o){var i,a,c,l,s=t.createElement("div"),u=t.body,p=u||t.createElement("body");if(parseInt(r,10))for(;r--;)c=t.createElement("div"),c.id=o?o[r]:f+(r+1),s.appendChild(c);return i=["­",'<style id="s',f,'">',e,"</style>"].join(""),s.id=f,(u?s:p).innerHTML+=i,p.appendChild(s),u||(p.style.background="",p.style.overflow="hidden",l=d.style.overflow,d.style.overflow="hidden",d.appendChild(p)),a=n(s,e),u?s.parentNode.removeChild(s):(p.parentNode.removeChild(p),d.style.overflow=l),!!a},C=function(t){var n=e.matchMedia||e.msMatchMedia;if(n)return n(t).matches;var r;return S("@media "+t+" { #"+f+" { position: absolute; } }",function(t){r="absolute"==(e.getComputedStyle?getComputedStyle(t,null):t.currentStyle).position}),r},w={}.hasOwnProperty;c=o(w,"undefined")||o(w.call,"undefined")?function(e,t){return t in e&&o(e.constructor.prototype[t],"undefined")}:function(e,t){return w.call(e,t)},Function.prototype.bind||(Function.prototype.bind=function(e){var t=this;if("function"!=typeof t)throw new TypeError;var n=b.call(arguments,1),r=function(){if(this instanceof r){var o=function(){};o.prototype=t.prototype;var i=new o,a=t.apply(i,n.concat(b.call(arguments)));return Object(a)===a?a:i}return t.apply(e,n.concat(b.call(arguments)))};return r}),g.touch=function(){var n;return"ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch?n=!0:S(["@media (",v.join("touch-enabled),("),f,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(e){n=9===e.offsetTop}),n},g.svg=function(){return!!t.createElementNS&&!!t.createElementNS(y.svg,"svg").createSVGRect},g.inlinesvg=function(){var e=t.createElement("div");return e.innerHTML="<svg/>",(e.firstChild&&e.firstChild.namespaceURI)==y.svg},g.svgclippaths=function(){return!!t.createElementNS&&/SVGClipPath/.test(h.call(t.createElementNS(y.svg,"clipPath")))};for(var j in g)c(g,j)&&(a=j.toLowerCase(),s[a]=g[j](),E.push((s[a]?"":"no-")+a));return s.addTest=function(e,t){if("object"==typeof e)for(var r in e)c(e,r)&&s.addTest(r,e[r]);else{if(e=e.toLowerCase(),s[e]!==n)return s;t="function"==typeof t?t():t,"undefined"!=typeof u&&u&&(d.className+=" "+(t?"":"no-")+e),s[e]=t}return s},r(""),p=i=null,function(e,t){function n(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}function r(){var e=y.elements;return"string"==typeof e?e.split(" "):e}function o(e){var t=v[e[m]];return t||(t={},h++,e[m]=h,v[h]=t),t}function i(e,n,r){if(n||(n=t),u)return n.createElement(e);r||(r=o(n));var i;return i=r.cache[e]?r.cache[e].cloneNode():p.test(e)?(r.cache[e]=r.createElem(e)).cloneNode():r.createElem(e),i.canHaveChildren&&!f.test(e)?r.frag.appendChild(i):i}function a(e,n){if(e||(e=t),u)return e.createDocumentFragment();n=n||o(e);for(var i=n.frag.cloneNode(),a=0,c=r(),l=c.length;l>a;a++)i.createElement(c[a]);return i}function c(e,t){t.cache||(t.cache={},t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){return y.shivMethods?i(n,e,t):t.createElem(n)},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+r().join().replace(/\w+/g,function(e){return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'})+");return n}")(y,t.frag)}function l(e){e||(e=t);var r=o(e);return y.shivCSS&&!s&&!r.hasCSS&&(r.hasCSS=!!n(e,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),u||c(e,r),e}var s,u,d=e.html5||{},f=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,m="_html5shiv",h=0,v={};!function(){try{var e=t.createElement("a");e.innerHTML="<xyz></xyz>",s="hidden"in e,u=1==e.childNodes.length||function(){t.createElement("a");var e=t.createDocumentFragment();return"undefined"==typeof e.cloneNode||"undefined"==typeof e.createDocumentFragment||"undefined"==typeof e.createElement}()}catch(n){s=!0,u=!0}}();var y={elements:d.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:d.shivCSS!==!1,supportsUnknownElements:u,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:l,createElement:i,createDocumentFragment:a};e.html5=y,l(t)}(this,t),s._version=l,s._prefixes=v,s.mq=C,s.testStyles=S,d.className=d.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(u?" js "+E.join(" "):""),s}(this,this.document),function(e,t,n){function r(e){return"[object Function]"==v.call(e)}function o(e){return"string"==typeof e}function i(){}function a(e){return!e||"loaded"==e||"complete"==e||"uninitialized"==e}function c(){var e=y.shift();g=1,e?e.t?m(function(){("c"==e.t?f.injectCss:f.injectJs)(e.s,0,e.a,e.x,e.e,1)},0):(e(),c()):g=0}function l(e,n,r,o,i,l,s){function u(t){if(!p&&a(d.readyState)&&(E.r=p=1,!g&&c(),d.onload=d.onreadystatechange=null,t)){"img"!=e&&m(function(){S.removeChild(d)},50);for(var r in M[n])M[n].hasOwnProperty(r)&&M[n][r].onload()}}var s=s||f.errorTimeout,d=t.createElement(e),p=0,v=0,E={t:r,s:n,e:i,a:l,x:s};1===M[n]&&(v=1,M[n]=[]),"object"==e?d.data=n:(d.src=n,d.type=e),d.width=d.height="0",d.onerror=d.onload=d.onreadystatechange=function(){u.call(this,v)},y.splice(o,0,E),"img"!=e&&(v||2===M[n]?(S.insertBefore(d,b?null:h),m(u,s)):M[n].push(d))}function s(e,t,n,r,i){return g=0,t=t||"j",o(e)?l("c"==t?w:C,e,t,this.i++,n,r,i):(y.splice(this.i++,0,e),1==y.length&&c()),this}function u(){var e=f;return e.loader={load:s,i:0},e}var d,f,p=t.documentElement,m=e.setTimeout,h=t.getElementsByTagName("script")[0],v={}.toString,y=[],g=0,E="MozAppearance"in p.style,b=E&&!!t.createRange().compareNode,S=b?p:h.parentNode,p=e.opera&&"[object Opera]"==v.call(e.opera),p=!!t.attachEvent&&!p,C=E?"object":p?"script":"img",w=p?"script":C,j=Array.isArray||function(e){return"[object Array]"==v.call(e)},N=[],M={},T={timeout:function(e,t){return t.length&&(e.timeout=t[0]),e}};f=function(e){function t(e){var t,n,r,e=e.split("!"),o=N.length,i=e.pop(),a=e.length,i={url:i,origUrl:i,prefixes:e};for(n=0;a>n;n++)r=e[n].split("="),(t=T[r.shift()])&&(i=t(i,r));for(n=0;o>n;n++)i=N[n](i);return i}function a(e,o,i,a,c){var l=t(e),s=l.autoCallback;l.url.split(".").pop().split("?").shift(),l.bypass||(o&&(o=r(o)?o:o[e]||o[a]||o[e.split("/").pop().split("?")[0]]),l.instead?l.instead(e,o,i,a,c):(M[l.url]?l.noexec=!0:M[l.url]=1,i.load(l.url,l.forceCSS||!l.forceJS&&"css"==l.url.split(".").pop().split("?").shift()?"c":n,l.noexec,l.attrs,l.timeout),(r(o)||r(s))&&i.load(function(){u(),o&&o(l.origUrl,c,a),s&&s(l.origUrl,c,a),M[l.url]=2})))}function c(e,t){function n(e,n){if(e){if(o(e))n||(d=function(){var e=[].slice.call(arguments);f.apply(this,e),p()}),a(e,d,t,0,s);else if(Object(e)===e)for(l in c=function(){var t,n=0;for(t in e)e.hasOwnProperty(t)&&n++;return n}(),e)e.hasOwnProperty(l)&&(!n&&!--c&&(r(d)?d=function(){var e=[].slice.call(arguments);f.apply(this,e),p()}:d[l]=function(e){return function(){var t=[].slice.call(arguments);e&&e.apply(this,t),p()}}(f[l])),a(e[l],d,t,l,s))}else!n&&p()}var c,l,s=!!e.test,u=e.load||e.both,d=e.callback||i,f=d,p=e.complete||i;n(s?e.yep:e.nope,!!u),u&&n(u)}var l,s,d=this.yepnope.loader;if(o(e))a(e,0,d,0);else if(j(e))for(l=0;l<e.length;l++)s=e[l],o(s)?a(s,0,d,0):j(s)?f(s):Object(s)===s&&c(s,d);else Object(e)===e&&c(e,d)},f.addPrefix=function(e,t){T[e]=t},f.addFilter=function(e){N.push(e)},f.errorTimeout=1e4,null==t.readyState&&t.addEventListener&&(t.readyState="loading",t.addEventListener("DOMContentLoaded",d=function(){t.removeEventListener("DOMContentLoaded",d,0),t.readyState="complete"},0)),e.yepnope=u(),e.yepnope.executeStack=c,e.yepnope.injectJs=function(e,n,r,o,l,s){var u,d,p=t.createElement("script"),o=o||f.errorTimeout;p.src=e;for(d in r)p.setAttribute(d,r[d]);n=s?c:n||i,p.onreadystatechange=p.onload=function(){!u&&a(p.readyState)&&(u=1,n(),p.onload=p.onreadystatechange=null)},m(function(){u||(u=1,n(1))},o),l?p.onload():h.parentNode.insertBefore(p,h)},e.yepnope.injectCss=function(e,n,r,o,a,l){var s,o=t.createElement("link"),n=l?c:n||i;o.href=e,o.rel="stylesheet",o.type="text/css";for(s in r)o.setAttribute(s,r[s]);a||(h.parentNode.insertBefore(o,h),m(n,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))},Modernizr.addTest("ie8compat",function(){return!window.addEventListener&&document.documentMode&&7===document.documentMode}); |
| \ No newline at end of file | |
generators/foundation5/public/javascripts/vendor/placeholder.js
+0
-2
| @@ | @@ -1,2 +0,0 @@ |
| - | /*! http://mths.be/placeholder v2.0.8 by @mathias */ |
| - | !function(a,b,c){function d(a){var b={},d=/^jQuery\d+$/;return c.each(a.attributes,function(a,c){c.specified&&!d.test(c.name)&&(b[c.name]=c.value)}),b}function e(a,b){var d=this,e=c(d);if(d.value==e.attr("placeholder")&&e.hasClass("placeholder"))if(e.data("placeholder-password")){if(e=e.hide().next().show().attr("id",e.removeAttr("id").data("placeholder-id")),a===!0)return e[0].value=b;e.focus()}else d.value="",e.removeClass("placeholder"),d==g()&&d.select()}function f(){var a,b=this,f=c(b),g=this.id;if(""==b.value){if("password"==b.type){if(!f.data("placeholder-textinput")){try{a=f.clone().attr({type:"text"})}catch(h){a=c("<input>").attr(c.extend(d(this),{type:"text"}))}a.removeAttr("name").data({"placeholder-password":f,"placeholder-id":g}).bind("focus.placeholder",e),f.data({"placeholder-textinput":a,"placeholder-id":g}).before(a)}f=f.removeAttr("id").hide().prev().attr("id",g).show()}f.addClass("placeholder"),f[0].value=f.attr("placeholder")}else f.removeClass("placeholder")}function g(){try{return b.activeElement}catch(a){}}var h,i,j="[object OperaMini]"==Object.prototype.toString.call(a.operamini),k="placeholder"in b.createElement("input")&&!j,l="placeholder"in b.createElement("textarea")&&!j,m=c.fn,n=c.valHooks,o=c.propHooks;k&&l?(i=m.placeholder=function(){return this},i.input=i.textarea=!0):(i=m.placeholder=function(){var a=this;return a.filter((k?"textarea":":input")+"[placeholder]").not(".placeholder").bind({"focus.placeholder":e,"blur.placeholder":f}).data("placeholder-enabled",!0).trigger("blur.placeholder"),a},i.input=k,i.textarea=l,h={get:function(a){var b=c(a),d=b.data("placeholder-password");return d?d[0].value:b.data("placeholder-enabled")&&b.hasClass("placeholder")?"":a.value},set:function(a,b){var d=c(a),h=d.data("placeholder-password");return h?h[0].value=b:d.data("placeholder-enabled")?(""==b?(a.value=b,a!=g()&&f.call(a)):d.hasClass("placeholder")?e.call(a,!0,b)||(a.value=b):a.value=b,d):a.value=b}},k||(n.input=h,o.value=h),l||(n.textarea=h,o.value=h),c(function(){c(b).delegate("form","submit.placeholder",function(){var a=c(".placeholder",this).each(e);setTimeout(function(){a.each(f)},10)})}),c(a).bind("beforeunload.placeholder",function(){c(".placeholder").each(function(){this.value=""})}))}(this,document,jQuery); |
generators/foundation5/public/javascripts/vendor/placeholder.min.js
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | !function(e){"use strict";function t(e,t,r){return e.addEventListener?e.addEventListener(t,r,!1):e.attachEvent?e.attachEvent("on"+t,r):void 0}function r(e,t){var r,n;for(r=0,n=e.length;n>r;r++)if(e[r]===t)return!0;return!1}function n(e,t){var r;e.createTextRange?(r=e.createTextRange(),r.move("character",t),r.select()):e.selectionStart&&(e.focus(),e.setSelectionRange(t,t))}function a(e,t){try{return e.type=t,!0}catch(r){return!1}}e.Placeholders={Utils:{addEventListener:t,inArray:r,moveCaret:n,changeType:a}}}(this),function(e){"use strict";function t(){}function r(e){var t;return e.value===e.getAttribute(V)&&"true"===e.getAttribute(D)?(e.setAttribute(D,"false"),e.value="",e.className=e.className.replace(R,""),t=e.getAttribute(I),t&&(e.type=t),!0):!1}function n(e){var t,r=e.getAttribute(V);return""===e.value&&r?(e.setAttribute(D,"true"),e.value=r,e.className+=" "+k,t=e.getAttribute(I),t?e.type="text":"password"===e.type&&J.changeType(e,"text")&&e.setAttribute(I,"password"),!0):!1}function a(e,t){var r,n,a,u,i;if(e&&e.getAttribute(V))t(e);else for(r=e?e.getElementsByTagName("input"):v,n=e?e.getElementsByTagName("textarea"):f,i=0,u=r.length+n.length;u>i;i++)a=i<r.length?r[i]:n[i-r.length],t(a)}function u(e){a(e,r)}function i(e){a(e,n)}function l(e){return function(){b&&e.value===e.getAttribute(V)&&"true"===e.getAttribute(D)?J.moveCaret(e,0):r(e)}}function c(e){return function(){n(e)}}function o(e){return function(t){return m=e.value,"true"===e.getAttribute(D)&&m===e.getAttribute(V)&&J.inArray(C,t.keyCode)?(t.preventDefault&&t.preventDefault(),!1):void 0}}function s(e){return function(){var t;"true"===e.getAttribute(D)&&e.value!==m&&(e.className=e.className.replace(R,""),e.value=e.value.replace(e.getAttribute(V),""),e.setAttribute(D,!1),t=e.getAttribute(I),t&&(e.type=t)),""===e.value&&(e.blur(),J.moveCaret(e,0))}}function d(e){return function(){e===document.activeElement&&e.value===e.getAttribute(V)&&"true"===e.getAttribute(D)&&J.moveCaret(e,0)}}function g(e){return function(){u(e)}}function p(e){e.form&&(T=e.form,T.getAttribute(P)||(J.addEventListener(T,"submit",g(T)),T.setAttribute(P,"true"))),J.addEventListener(e,"focus",l(e)),J.addEventListener(e,"blur",c(e)),b&&(J.addEventListener(e,"keydown",o(e)),J.addEventListener(e,"keyup",s(e)),J.addEventListener(e,"click",d(e))),e.setAttribute(U,"true"),e.setAttribute(V,E),n(e)}var v,f,b,h,m,A,y,E,x,T,N,L,S,w=["text","search","url","tel","email","password","number","textarea"],C=[27,33,34,35,36,37,38,39,40,8,46],B="#ccc",k="placeholdersjs",R=new RegExp("(?:^|\\s)"+k+"(?!\\S)"),V="data-placeholder-value",D="data-placeholder-active",I="data-placeholder-type",P="data-placeholder-submit",U="data-placeholder-bound",j="data-placeholder-focus",q="data-placeholder-live",z=document.createElement("input"),F=document.getElementsByTagName("head")[0],G=document.documentElement,H=e.Placeholders,J=H.Utils;if(H.nativeSupport=void 0!==z.placeholder,!H.nativeSupport){for(v=document.getElementsByTagName("input"),f=document.getElementsByTagName("textarea"),b="false"===G.getAttribute(j),h="false"!==G.getAttribute(q),A=document.createElement("style"),A.type="text/css",y=document.createTextNode("."+k+" { color:"+B+"; }"),A.styleSheet?A.styleSheet.cssText=y.nodeValue:A.appendChild(y),F.insertBefore(A,F.firstChild),S=0,L=v.length+f.length;L>S;S++)N=S<v.length?v[S]:f[S-v.length],E=N.attributes.placeholder,E&&(E=E.nodeValue,E&&J.inArray(w,N.type)&&p(N));x=setInterval(function(){for(S=0,L=v.length+f.length;L>S;S++)N=S<v.length?v[S]:f[S-v.length],E=N.attributes.placeholder,E&&(E=E.nodeValue,E&&J.inArray(w,N.type)&&(N.getAttribute(U)||p(N),(E!==N.getAttribute(V)||"password"===N.type&&!N.getAttribute(I))&&("password"===N.type&&!N.getAttribute(I)&&J.changeType(N,"text")&&N.setAttribute(I,"password"),N.value===N.getAttribute(V)&&(N.value=E),N.setAttribute(V,E))));h||clearInterval(x)},100)}H.disable=H.nativeSupport?t:u,H.enable=H.nativeSupport?t:i}(this); |
| \ No newline at end of file | |
generators/foundation5/public/samples/.empty_directory
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | .empty_directory |
| \ No newline at end of file | |
generators/foundation5/public/stylesheets/application.css
+0
-2
| @@ | @@ -1,2 +0,0 @@ |
| - | /*= require foundation */ |
| - | |
generators/foundation5/public/stylesheets/application.css.scss
+0
-3
| @@ | @@ -1,3 +0,0 @@ |
| - | @import 'normalize'; |
| - | @import 'foundation/settings'; |
| - | @import 'foundation'; |
| \ No newline at end of file | |
generators/foundation5/public/stylesheets/foundation.css
+0
-6138
| @@ | @@ -1,6138 +0,0 @@ |
| - | meta.foundation-version { |
| - | font-family: "/5.4.7/"; } |
| - | |
| - | meta.foundation-mq-small { |
| - | font-family: "/only screen/"; |
| - | width: 0em; } |
| - | |
| - | meta.foundation-mq-medium { |
| - | font-family: "/only screen and (min-width:40.063em)/"; |
| - | width: 40.063em; } |
| - | |
| - | meta.foundation-mq-large { |
| - | font-family: "/only screen and (min-width:64.063em)/"; |
| - | width: 64.063em; } |
| - | |
| - | meta.foundation-mq-xlarge { |
| - | font-family: "/only screen and (min-width:90.063em)/"; |
| - | width: 90.063em; } |
| - | |
| - | meta.foundation-mq-xxlarge { |
| - | font-family: "/only screen and (min-width:120.063em)/"; |
| - | width: 120.063em; } |
| - | |
| - | meta.foundation-data-attribute-namespace { |
| - | font-family: false; } |
| - | |
| - | html, body { |
| - | height: 100%; } |
| - | |
| - | *, |
| - | *:before, |
| - | *:after { |
| - | -webkit-box-sizing: border-box; |
| - | -moz-box-sizing: border-box; |
| - | box-sizing: border-box; } |
| - | |
| - | html, |
| - | body { |
| - | font-size: 100%; } |
| - | |
| - | body { |
| - | background: white; |
| - | color: #222222; |
| - | padding: 0; |
| - | margin: 0; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-weight: normal; |
| - | font-style: normal; |
| - | line-height: 1.5; |
| - | position: relative; |
| - | cursor: auto; } |
| - | |
| - | a:hover { |
| - | cursor: pointer; } |
| - | |
| - | img { |
| - | max-width: 100%; |
| - | height: auto; } |
| - | |
| - | img { |
| - | -ms-interpolation-mode: bicubic; } |
| - | |
| - | #map_canvas img, |
| - | #map_canvas embed, |
| - | #map_canvas object, |
| - | .map_canvas img, |
| - | .map_canvas embed, |
| - | .map_canvas object { |
| - | max-width: none !important; } |
| - | |
| - | .left { |
| - | float: left !important; } |
| - | |
| - | .right { |
| - | float: right !important; } |
| - | |
| - | .clearfix:before, .clearfix:after { |
| - | content: " "; |
| - | display: table; } |
| - | .clearfix:after { |
| - | clear: both; } |
| - | |
| - | .hide { |
| - | display: none !important; |
| - | visibility: hidden; } |
| - | |
| - | .invisible { |
| - | visibility: hidden; } |
| - | |
| - | .antialiased { |
| - | -webkit-font-smoothing: antialiased; |
| - | -moz-osx-font-smoothing: grayscale; } |
| - | |
| - | img { |
| - | display: inline-block; |
| - | vertical-align: middle; } |
| - | |
| - | textarea { |
| - | height: auto; |
| - | min-height: 50px; } |
| - | |
| - | select { |
| - | width: 100%; } |
| - | |
| - | .row { |
| - | width: 100%; |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | margin-top: 0; |
| - | margin-bottom: 0; |
| - | max-width: 62.5rem; } |
| - | .row:before, .row:after { |
| - | content: " "; |
| - | display: table; } |
| - | .row:after { |
| - | clear: both; } |
| - | .row.collapse > .column, |
| - | .row.collapse > .columns { |
| - | padding-left: 0; |
| - | padding-right: 0; } |
| - | .row.collapse .row { |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | .row .row { |
| - | width: auto; |
| - | margin-left: -0.9375rem; |
| - | margin-right: -0.9375rem; |
| - | margin-top: 0; |
| - | margin-bottom: 0; |
| - | max-width: none; } |
| - | .row .row:before, .row .row:after { |
| - | content: " "; |
| - | display: table; } |
| - | .row .row:after { |
| - | clear: both; } |
| - | .row .row.collapse { |
| - | width: auto; |
| - | margin: 0; |
| - | max-width: none; } |
| - | .row .row.collapse:before, .row .row.collapse:after { |
| - | content: " "; |
| - | display: table; } |
| - | .row .row.collapse:after { |
| - | clear: both; } |
| - | |
| - | .column, |
| - | .columns { |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; |
| - | width: 100%; |
| - | float: left; } |
| - | |
| - | [class*="column"] + [class*="column"]:last-child { |
| - | float: right; } |
| - | |
| - | [class*="column"] + [class*="column"].end { |
| - | float: left; } |
| - | |
| - | @media only screen { |
| - | .small-push-0 { |
| - | position: relative; |
| - | left: 0%; |
| - | right: auto; } |
| - | |
| - | .small-pull-0 { |
| - | position: relative; |
| - | right: 0%; |
| - | left: auto; } |
| - | |
| - | .small-push-1 { |
| - | position: relative; |
| - | left: 8.33333%; |
| - | right: auto; } |
| - | |
| - | .small-pull-1 { |
| - | position: relative; |
| - | right: 8.33333%; |
| - | left: auto; } |
| - | |
| - | .small-push-2 { |
| - | position: relative; |
| - | left: 16.66667%; |
| - | right: auto; } |
| - | |
| - | .small-pull-2 { |
| - | position: relative; |
| - | right: 16.66667%; |
| - | left: auto; } |
| - | |
| - | .small-push-3 { |
| - | position: relative; |
| - | left: 25%; |
| - | right: auto; } |
| - | |
| - | .small-pull-3 { |
| - | position: relative; |
| - | right: 25%; |
| - | left: auto; } |
| - | |
| - | .small-push-4 { |
| - | position: relative; |
| - | left: 33.33333%; |
| - | right: auto; } |
| - | |
| - | .small-pull-4 { |
| - | position: relative; |
| - | right: 33.33333%; |
| - | left: auto; } |
| - | |
| - | .small-push-5 { |
| - | position: relative; |
| - | left: 41.66667%; |
| - | right: auto; } |
| - | |
| - | .small-pull-5 { |
| - | position: relative; |
| - | right: 41.66667%; |
| - | left: auto; } |
| - | |
| - | .small-push-6 { |
| - | position: relative; |
| - | left: 50%; |
| - | right: auto; } |
| - | |
| - | .small-pull-6 { |
| - | position: relative; |
| - | right: 50%; |
| - | left: auto; } |
| - | |
| - | .small-push-7 { |
| - | position: relative; |
| - | left: 58.33333%; |
| - | right: auto; } |
| - | |
| - | .small-pull-7 { |
| - | position: relative; |
| - | right: 58.33333%; |
| - | left: auto; } |
| - | |
| - | .small-push-8 { |
| - | position: relative; |
| - | left: 66.66667%; |
| - | right: auto; } |
| - | |
| - | .small-pull-8 { |
| - | position: relative; |
| - | right: 66.66667%; |
| - | left: auto; } |
| - | |
| - | .small-push-9 { |
| - | position: relative; |
| - | left: 75%; |
| - | right: auto; } |
| - | |
| - | .small-pull-9 { |
| - | position: relative; |
| - | right: 75%; |
| - | left: auto; } |
| - | |
| - | .small-push-10 { |
| - | position: relative; |
| - | left: 83.33333%; |
| - | right: auto; } |
| - | |
| - | .small-pull-10 { |
| - | position: relative; |
| - | right: 83.33333%; |
| - | left: auto; } |
| - | |
| - | .small-push-11 { |
| - | position: relative; |
| - | left: 91.66667%; |
| - | right: auto; } |
| - | |
| - | .small-pull-11 { |
| - | position: relative; |
| - | right: 91.66667%; |
| - | left: auto; } |
| - | |
| - | .column, |
| - | .columns { |
| - | position: relative; |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; |
| - | float: left; } |
| - | |
| - | .small-1 { |
| - | width: 8.33333%; } |
| - | |
| - | .small-2 { |
| - | width: 16.66667%; } |
| - | |
| - | .small-3 { |
| - | width: 25%; } |
| - | |
| - | .small-4 { |
| - | width: 33.33333%; } |
| - | |
| - | .small-5 { |
| - | width: 41.66667%; } |
| - | |
| - | .small-6 { |
| - | width: 50%; } |
| - | |
| - | .small-7 { |
| - | width: 58.33333%; } |
| - | |
| - | .small-8 { |
| - | width: 66.66667%; } |
| - | |
| - | .small-9 { |
| - | width: 75%; } |
| - | |
| - | .small-10 { |
| - | width: 83.33333%; } |
| - | |
| - | .small-11 { |
| - | width: 91.66667%; } |
| - | |
| - | .small-12 { |
| - | width: 100%; } |
| - | |
| - | .small-offset-0 { |
| - | margin-left: 0% !important; } |
| - | |
| - | .small-offset-1 { |
| - | margin-left: 8.33333% !important; } |
| - | |
| - | .small-offset-2 { |
| - | margin-left: 16.66667% !important; } |
| - | |
| - | .small-offset-3 { |
| - | margin-left: 25% !important; } |
| - | |
| - | .small-offset-4 { |
| - | margin-left: 33.33333% !important; } |
| - | |
| - | .small-offset-5 { |
| - | margin-left: 41.66667% !important; } |
| - | |
| - | .small-offset-6 { |
| - | margin-left: 50% !important; } |
| - | |
| - | .small-offset-7 { |
| - | margin-left: 58.33333% !important; } |
| - | |
| - | .small-offset-8 { |
| - | margin-left: 66.66667% !important; } |
| - | |
| - | .small-offset-9 { |
| - | margin-left: 75% !important; } |
| - | |
| - | .small-offset-10 { |
| - | margin-left: 83.33333% !important; } |
| - | |
| - | .small-offset-11 { |
| - | margin-left: 91.66667% !important; } |
| - | |
| - | .small-reset-order { |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | left: auto; |
| - | right: auto; |
| - | float: left; } |
| - | |
| - | .column.small-centered, |
| - | .columns.small-centered { |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | float: none; } |
| - | |
| - | .column.small-uncentered, |
| - | .columns.small-uncentered { |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | float: left; } |
| - | |
| - | .column.small-centered:last-child, |
| - | .columns.small-centered:last-child { |
| - | float: none; } |
| - | |
| - | .column.small-uncentered:last-child, |
| - | .columns.small-uncentered:last-child { |
| - | float: left; } |
| - | |
| - | .column.small-uncentered.opposite, |
| - | .columns.small-uncentered.opposite { |
| - | float: right; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .medium-push-0 { |
| - | position: relative; |
| - | left: 0%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-0 { |
| - | position: relative; |
| - | right: 0%; |
| - | left: auto; } |
| - | |
| - | .medium-push-1 { |
| - | position: relative; |
| - | left: 8.33333%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-1 { |
| - | position: relative; |
| - | right: 8.33333%; |
| - | left: auto; } |
| - | |
| - | .medium-push-2 { |
| - | position: relative; |
| - | left: 16.66667%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-2 { |
| - | position: relative; |
| - | right: 16.66667%; |
| - | left: auto; } |
| - | |
| - | .medium-push-3 { |
| - | position: relative; |
| - | left: 25%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-3 { |
| - | position: relative; |
| - | right: 25%; |
| - | left: auto; } |
| - | |
| - | .medium-push-4 { |
| - | position: relative; |
| - | left: 33.33333%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-4 { |
| - | position: relative; |
| - | right: 33.33333%; |
| - | left: auto; } |
| - | |
| - | .medium-push-5 { |
| - | position: relative; |
| - | left: 41.66667%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-5 { |
| - | position: relative; |
| - | right: 41.66667%; |
| - | left: auto; } |
| - | |
| - | .medium-push-6 { |
| - | position: relative; |
| - | left: 50%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-6 { |
| - | position: relative; |
| - | right: 50%; |
| - | left: auto; } |
| - | |
| - | .medium-push-7 { |
| - | position: relative; |
| - | left: 58.33333%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-7 { |
| - | position: relative; |
| - | right: 58.33333%; |
| - | left: auto; } |
| - | |
| - | .medium-push-8 { |
| - | position: relative; |
| - | left: 66.66667%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-8 { |
| - | position: relative; |
| - | right: 66.66667%; |
| - | left: auto; } |
| - | |
| - | .medium-push-9 { |
| - | position: relative; |
| - | left: 75%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-9 { |
| - | position: relative; |
| - | right: 75%; |
| - | left: auto; } |
| - | |
| - | .medium-push-10 { |
| - | position: relative; |
| - | left: 83.33333%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-10 { |
| - | position: relative; |
| - | right: 83.33333%; |
| - | left: auto; } |
| - | |
| - | .medium-push-11 { |
| - | position: relative; |
| - | left: 91.66667%; |
| - | right: auto; } |
| - | |
| - | .medium-pull-11 { |
| - | position: relative; |
| - | right: 91.66667%; |
| - | left: auto; } |
| - | |
| - | .column, |
| - | .columns { |
| - | position: relative; |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; |
| - | float: left; } |
| - | |
| - | .medium-1 { |
| - | width: 8.33333%; } |
| - | |
| - | .medium-2 { |
| - | width: 16.66667%; } |
| - | |
| - | .medium-3 { |
| - | width: 25%; } |
| - | |
| - | .medium-4 { |
| - | width: 33.33333%; } |
| - | |
| - | .medium-5 { |
| - | width: 41.66667%; } |
| - | |
| - | .medium-6 { |
| - | width: 50%; } |
| - | |
| - | .medium-7 { |
| - | width: 58.33333%; } |
| - | |
| - | .medium-8 { |
| - | width: 66.66667%; } |
| - | |
| - | .medium-9 { |
| - | width: 75%; } |
| - | |
| - | .medium-10 { |
| - | width: 83.33333%; } |
| - | |
| - | .medium-11 { |
| - | width: 91.66667%; } |
| - | |
| - | .medium-12 { |
| - | width: 100%; } |
| - | |
| - | .medium-offset-0 { |
| - | margin-left: 0% !important; } |
| - | |
| - | .medium-offset-1 { |
| - | margin-left: 8.33333% !important; } |
| - | |
| - | .medium-offset-2 { |
| - | margin-left: 16.66667% !important; } |
| - | |
| - | .medium-offset-3 { |
| - | margin-left: 25% !important; } |
| - | |
| - | .medium-offset-4 { |
| - | margin-left: 33.33333% !important; } |
| - | |
| - | .medium-offset-5 { |
| - | margin-left: 41.66667% !important; } |
| - | |
| - | .medium-offset-6 { |
| - | margin-left: 50% !important; } |
| - | |
| - | .medium-offset-7 { |
| - | margin-left: 58.33333% !important; } |
| - | |
| - | .medium-offset-8 { |
| - | margin-left: 66.66667% !important; } |
| - | |
| - | .medium-offset-9 { |
| - | margin-left: 75% !important; } |
| - | |
| - | .medium-offset-10 { |
| - | margin-left: 83.33333% !important; } |
| - | |
| - | .medium-offset-11 { |
| - | margin-left: 91.66667% !important; } |
| - | |
| - | .medium-reset-order { |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | left: auto; |
| - | right: auto; |
| - | float: left; } |
| - | |
| - | .column.medium-centered, |
| - | .columns.medium-centered { |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | float: none; } |
| - | |
| - | .column.medium-uncentered, |
| - | .columns.medium-uncentered { |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | float: left; } |
| - | |
| - | .column.medium-centered:last-child, |
| - | .columns.medium-centered:last-child { |
| - | float: none; } |
| - | |
| - | .column.medium-uncentered:last-child, |
| - | .columns.medium-uncentered:last-child { |
| - | float: left; } |
| - | |
| - | .column.medium-uncentered.opposite, |
| - | .columns.medium-uncentered.opposite { |
| - | float: right; } |
| - | |
| - | .push-0 { |
| - | position: relative; |
| - | left: 0%; |
| - | right: auto; } |
| - | |
| - | .pull-0 { |
| - | position: relative; |
| - | right: 0%; |
| - | left: auto; } |
| - | |
| - | .push-1 { |
| - | position: relative; |
| - | left: 8.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-1 { |
| - | position: relative; |
| - | right: 8.33333%; |
| - | left: auto; } |
| - | |
| - | .push-2 { |
| - | position: relative; |
| - | left: 16.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-2 { |
| - | position: relative; |
| - | right: 16.66667%; |
| - | left: auto; } |
| - | |
| - | .push-3 { |
| - | position: relative; |
| - | left: 25%; |
| - | right: auto; } |
| - | |
| - | .pull-3 { |
| - | position: relative; |
| - | right: 25%; |
| - | left: auto; } |
| - | |
| - | .push-4 { |
| - | position: relative; |
| - | left: 33.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-4 { |
| - | position: relative; |
| - | right: 33.33333%; |
| - | left: auto; } |
| - | |
| - | .push-5 { |
| - | position: relative; |
| - | left: 41.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-5 { |
| - | position: relative; |
| - | right: 41.66667%; |
| - | left: auto; } |
| - | |
| - | .push-6 { |
| - | position: relative; |
| - | left: 50%; |
| - | right: auto; } |
| - | |
| - | .pull-6 { |
| - | position: relative; |
| - | right: 50%; |
| - | left: auto; } |
| - | |
| - | .push-7 { |
| - | position: relative; |
| - | left: 58.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-7 { |
| - | position: relative; |
| - | right: 58.33333%; |
| - | left: auto; } |
| - | |
| - | .push-8 { |
| - | position: relative; |
| - | left: 66.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-8 { |
| - | position: relative; |
| - | right: 66.66667%; |
| - | left: auto; } |
| - | |
| - | .push-9 { |
| - | position: relative; |
| - | left: 75%; |
| - | right: auto; } |
| - | |
| - | .pull-9 { |
| - | position: relative; |
| - | right: 75%; |
| - | left: auto; } |
| - | |
| - | .push-10 { |
| - | position: relative; |
| - | left: 83.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-10 { |
| - | position: relative; |
| - | right: 83.33333%; |
| - | left: auto; } |
| - | |
| - | .push-11 { |
| - | position: relative; |
| - | left: 91.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-11 { |
| - | position: relative; |
| - | right: 91.66667%; |
| - | left: auto; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .large-push-0 { |
| - | position: relative; |
| - | left: 0%; |
| - | right: auto; } |
| - | |
| - | .large-pull-0 { |
| - | position: relative; |
| - | right: 0%; |
| - | left: auto; } |
| - | |
| - | .large-push-1 { |
| - | position: relative; |
| - | left: 8.33333%; |
| - | right: auto; } |
| - | |
| - | .large-pull-1 { |
| - | position: relative; |
| - | right: 8.33333%; |
| - | left: auto; } |
| - | |
| - | .large-push-2 { |
| - | position: relative; |
| - | left: 16.66667%; |
| - | right: auto; } |
| - | |
| - | .large-pull-2 { |
| - | position: relative; |
| - | right: 16.66667%; |
| - | left: auto; } |
| - | |
| - | .large-push-3 { |
| - | position: relative; |
| - | left: 25%; |
| - | right: auto; } |
| - | |
| - | .large-pull-3 { |
| - | position: relative; |
| - | right: 25%; |
| - | left: auto; } |
| - | |
| - | .large-push-4 { |
| - | position: relative; |
| - | left: 33.33333%; |
| - | right: auto; } |
| - | |
| - | .large-pull-4 { |
| - | position: relative; |
| - | right: 33.33333%; |
| - | left: auto; } |
| - | |
| - | .large-push-5 { |
| - | position: relative; |
| - | left: 41.66667%; |
| - | right: auto; } |
| - | |
| - | .large-pull-5 { |
| - | position: relative; |
| - | right: 41.66667%; |
| - | left: auto; } |
| - | |
| - | .large-push-6 { |
| - | position: relative; |
| - | left: 50%; |
| - | right: auto; } |
| - | |
| - | .large-pull-6 { |
| - | position: relative; |
| - | right: 50%; |
| - | left: auto; } |
| - | |
| - | .large-push-7 { |
| - | position: relative; |
| - | left: 58.33333%; |
| - | right: auto; } |
| - | |
| - | .large-pull-7 { |
| - | position: relative; |
| - | right: 58.33333%; |
| - | left: auto; } |
| - | |
| - | .large-push-8 { |
| - | position: relative; |
| - | left: 66.66667%; |
| - | right: auto; } |
| - | |
| - | .large-pull-8 { |
| - | position: relative; |
| - | right: 66.66667%; |
| - | left: auto; } |
| - | |
| - | .large-push-9 { |
| - | position: relative; |
| - | left: 75%; |
| - | right: auto; } |
| - | |
| - | .large-pull-9 { |
| - | position: relative; |
| - | right: 75%; |
| - | left: auto; } |
| - | |
| - | .large-push-10 { |
| - | position: relative; |
| - | left: 83.33333%; |
| - | right: auto; } |
| - | |
| - | .large-pull-10 { |
| - | position: relative; |
| - | right: 83.33333%; |
| - | left: auto; } |
| - | |
| - | .large-push-11 { |
| - | position: relative; |
| - | left: 91.66667%; |
| - | right: auto; } |
| - | |
| - | .large-pull-11 { |
| - | position: relative; |
| - | right: 91.66667%; |
| - | left: auto; } |
| - | |
| - | .column, |
| - | .columns { |
| - | position: relative; |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; |
| - | float: left; } |
| - | |
| - | .large-1 { |
| - | width: 8.33333%; } |
| - | |
| - | .large-2 { |
| - | width: 16.66667%; } |
| - | |
| - | .large-3 { |
| - | width: 25%; } |
| - | |
| - | .large-4 { |
| - | width: 33.33333%; } |
| - | |
| - | .large-5 { |
| - | width: 41.66667%; } |
| - | |
| - | .large-6 { |
| - | width: 50%; } |
| - | |
| - | .large-7 { |
| - | width: 58.33333%; } |
| - | |
| - | .large-8 { |
| - | width: 66.66667%; } |
| - | |
| - | .large-9 { |
| - | width: 75%; } |
| - | |
| - | .large-10 { |
| - | width: 83.33333%; } |
| - | |
| - | .large-11 { |
| - | width: 91.66667%; } |
| - | |
| - | .large-12 { |
| - | width: 100%; } |
| - | |
| - | .large-offset-0 { |
| - | margin-left: 0% !important; } |
| - | |
| - | .large-offset-1 { |
| - | margin-left: 8.33333% !important; } |
| - | |
| - | .large-offset-2 { |
| - | margin-left: 16.66667% !important; } |
| - | |
| - | .large-offset-3 { |
| - | margin-left: 25% !important; } |
| - | |
| - | .large-offset-4 { |
| - | margin-left: 33.33333% !important; } |
| - | |
| - | .large-offset-5 { |
| - | margin-left: 41.66667% !important; } |
| - | |
| - | .large-offset-6 { |
| - | margin-left: 50% !important; } |
| - | |
| - | .large-offset-7 { |
| - | margin-left: 58.33333% !important; } |
| - | |
| - | .large-offset-8 { |
| - | margin-left: 66.66667% !important; } |
| - | |
| - | .large-offset-9 { |
| - | margin-left: 75% !important; } |
| - | |
| - | .large-offset-10 { |
| - | margin-left: 83.33333% !important; } |
| - | |
| - | .large-offset-11 { |
| - | margin-left: 91.66667% !important; } |
| - | |
| - | .large-reset-order { |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | left: auto; |
| - | right: auto; |
| - | float: left; } |
| - | |
| - | .column.large-centered, |
| - | .columns.large-centered { |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | float: none; } |
| - | |
| - | .column.large-uncentered, |
| - | .columns.large-uncentered { |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | float: left; } |
| - | |
| - | .column.large-centered:last-child, |
| - | .columns.large-centered:last-child { |
| - | float: none; } |
| - | |
| - | .column.large-uncentered:last-child, |
| - | .columns.large-uncentered:last-child { |
| - | float: left; } |
| - | |
| - | .column.large-uncentered.opposite, |
| - | .columns.large-uncentered.opposite { |
| - | float: right; } |
| - | |
| - | .push-0 { |
| - | position: relative; |
| - | left: 0%; |
| - | right: auto; } |
| - | |
| - | .pull-0 { |
| - | position: relative; |
| - | right: 0%; |
| - | left: auto; } |
| - | |
| - | .push-1 { |
| - | position: relative; |
| - | left: 8.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-1 { |
| - | position: relative; |
| - | right: 8.33333%; |
| - | left: auto; } |
| - | |
| - | .push-2 { |
| - | position: relative; |
| - | left: 16.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-2 { |
| - | position: relative; |
| - | right: 16.66667%; |
| - | left: auto; } |
| - | |
| - | .push-3 { |
| - | position: relative; |
| - | left: 25%; |
| - | right: auto; } |
| - | |
| - | .pull-3 { |
| - | position: relative; |
| - | right: 25%; |
| - | left: auto; } |
| - | |
| - | .push-4 { |
| - | position: relative; |
| - | left: 33.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-4 { |
| - | position: relative; |
| - | right: 33.33333%; |
| - | left: auto; } |
| - | |
| - | .push-5 { |
| - | position: relative; |
| - | left: 41.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-5 { |
| - | position: relative; |
| - | right: 41.66667%; |
| - | left: auto; } |
| - | |
| - | .push-6 { |
| - | position: relative; |
| - | left: 50%; |
| - | right: auto; } |
| - | |
| - | .pull-6 { |
| - | position: relative; |
| - | right: 50%; |
| - | left: auto; } |
| - | |
| - | .push-7 { |
| - | position: relative; |
| - | left: 58.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-7 { |
| - | position: relative; |
| - | right: 58.33333%; |
| - | left: auto; } |
| - | |
| - | .push-8 { |
| - | position: relative; |
| - | left: 66.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-8 { |
| - | position: relative; |
| - | right: 66.66667%; |
| - | left: auto; } |
| - | |
| - | .push-9 { |
| - | position: relative; |
| - | left: 75%; |
| - | right: auto; } |
| - | |
| - | .pull-9 { |
| - | position: relative; |
| - | right: 75%; |
| - | left: auto; } |
| - | |
| - | .push-10 { |
| - | position: relative; |
| - | left: 83.33333%; |
| - | right: auto; } |
| - | |
| - | .pull-10 { |
| - | position: relative; |
| - | right: 83.33333%; |
| - | left: auto; } |
| - | |
| - | .push-11 { |
| - | position: relative; |
| - | left: 91.66667%; |
| - | right: auto; } |
| - | |
| - | .pull-11 { |
| - | position: relative; |
| - | right: 91.66667%; |
| - | left: auto; } } |
| - | .accordion { |
| - | margin-bottom: 0; } |
| - | .accordion:before, .accordion:after { |
| - | content: " "; |
| - | display: table; } |
| - | .accordion:after { |
| - | clear: both; } |
| - | .accordion .accordion-navigation, .accordion dd { |
| - | display: block; |
| - | margin-bottom: 0 !important; } |
| - | .accordion .accordion-navigation.active > a, .accordion dd.active > a { |
| - | background: #e8e8e8; } |
| - | .accordion .accordion-navigation > a, .accordion dd > a { |
| - | background: #efefef; |
| - | color: #222222; |
| - | padding: 1rem; |
| - | display: block; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-size: 1rem; } |
| - | .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { |
| - | background: #e3e3e3; } |
| - | .accordion .accordion-navigation > .content, .accordion dd > .content { |
| - | display: none; |
| - | padding: 0.9375rem; } |
| - | .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { |
| - | display: block; |
| - | background: white; } |
| - | |
| - | .alert-box { |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | display: block; |
| - | font-weight: normal; |
| - | margin-bottom: 1.25rem; |
| - | position: relative; |
| - | padding: 0.875rem 1.5rem 0.875rem 0.875rem; |
| - | font-size: 0.8125rem; |
| - | transition: opacity 300ms ease-out; |
| - | background-color: #008cba; |
| - | border-color: #0078a0; |
| - | color: white; } |
| - | .alert-box .close { |
| - | font-size: 1.375rem; |
| - | padding: 9px 6px 4px; |
| - | line-height: 0; |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -0.6875rem; |
| - | right: 0.25rem; |
| - | color: #333333; |
| - | opacity: 0.3; |
| - | background: inherit; } |
| - | .alert-box .close:hover, .alert-box .close:focus { |
| - | opacity: 0.5; } |
| - | .alert-box.radius { |
| - | border-radius: 3px; } |
| - | .alert-box.round { |
| - | border-radius: 1000px; } |
| - | .alert-box.success { |
| - | background-color: #43ac6a; |
| - | border-color: #3a945b; |
| - | color: white; } |
| - | .alert-box.alert { |
| - | background-color: #f04124; |
| - | border-color: #de2d0f; |
| - | color: white; } |
| - | .alert-box.secondary { |
| - | background-color: #e7e7e7; |
| - | border-color: #c7c7c7; |
| - | color: #4f4f4f; } |
| - | .alert-box.warning { |
| - | background-color: #f08a24; |
| - | border-color: #de770f; |
| - | color: white; } |
| - | .alert-box.info { |
| - | background-color: #a0d3e8; |
| - | border-color: #74bfdd; |
| - | color: #4f4f4f; } |
| - | .alert-box.alert-close { |
| - | opacity: 0; } |
| - | |
| - | [class*="block-grid-"] { |
| - | display: block; |
| - | padding: 0; |
| - | margin: 0 -0.625rem; } |
| - | [class*="block-grid-"]:before, [class*="block-grid-"]:after { |
| - | content: " "; |
| - | display: table; } |
| - | [class*="block-grid-"]:after { |
| - | clear: both; } |
| - | [class*="block-grid-"] > li { |
| - | display: block; |
| - | height: auto; |
| - | float: left; |
| - | padding: 0 0.625rem 1.25rem; } |
| - | |
| - | @media only screen { |
| - | .small-block-grid-1 > li { |
| - | width: 100%; |
| - | list-style: none; } |
| - | .small-block-grid-1 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-1 > li:nth-of-type(1n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-2 > li { |
| - | width: 50%; |
| - | list-style: none; } |
| - | .small-block-grid-2 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-2 > li:nth-of-type(2n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-3 > li { |
| - | width: 33.33333%; |
| - | list-style: none; } |
| - | .small-block-grid-3 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-3 > li:nth-of-type(3n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-4 > li { |
| - | width: 25%; |
| - | list-style: none; } |
| - | .small-block-grid-4 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-4 > li:nth-of-type(4n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-5 > li { |
| - | width: 20%; |
| - | list-style: none; } |
| - | .small-block-grid-5 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-5 > li:nth-of-type(5n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-6 > li { |
| - | width: 16.66667%; |
| - | list-style: none; } |
| - | .small-block-grid-6 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-6 > li:nth-of-type(6n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-7 > li { |
| - | width: 14.28571%; |
| - | list-style: none; } |
| - | .small-block-grid-7 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-7 > li:nth-of-type(7n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-8 > li { |
| - | width: 12.5%; |
| - | list-style: none; } |
| - | .small-block-grid-8 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-8 > li:nth-of-type(8n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-9 > li { |
| - | width: 11.11111%; |
| - | list-style: none; } |
| - | .small-block-grid-9 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-9 > li:nth-of-type(9n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-10 > li { |
| - | width: 10%; |
| - | list-style: none; } |
| - | .small-block-grid-10 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-10 > li:nth-of-type(10n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-11 > li { |
| - | width: 9.09091%; |
| - | list-style: none; } |
| - | .small-block-grid-11 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-11 > li:nth-of-type(11n+1) { |
| - | clear: both; } |
| - | |
| - | .small-block-grid-12 > li { |
| - | width: 8.33333%; |
| - | list-style: none; } |
| - | .small-block-grid-12 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-block-grid-12 > li:nth-of-type(12n+1) { |
| - | clear: both; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .medium-block-grid-1 > li { |
| - | width: 100%; |
| - | list-style: none; } |
| - | .medium-block-grid-1 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-1 > li:nth-of-type(1n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-2 > li { |
| - | width: 50%; |
| - | list-style: none; } |
| - | .medium-block-grid-2 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-2 > li:nth-of-type(2n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-3 > li { |
| - | width: 33.33333%; |
| - | list-style: none; } |
| - | .medium-block-grid-3 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-3 > li:nth-of-type(3n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-4 > li { |
| - | width: 25%; |
| - | list-style: none; } |
| - | .medium-block-grid-4 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-4 > li:nth-of-type(4n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-5 > li { |
| - | width: 20%; |
| - | list-style: none; } |
| - | .medium-block-grid-5 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-5 > li:nth-of-type(5n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-6 > li { |
| - | width: 16.66667%; |
| - | list-style: none; } |
| - | .medium-block-grid-6 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-6 > li:nth-of-type(6n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-7 > li { |
| - | width: 14.28571%; |
| - | list-style: none; } |
| - | .medium-block-grid-7 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-7 > li:nth-of-type(7n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-8 > li { |
| - | width: 12.5%; |
| - | list-style: none; } |
| - | .medium-block-grid-8 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-8 > li:nth-of-type(8n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-9 > li { |
| - | width: 11.11111%; |
| - | list-style: none; } |
| - | .medium-block-grid-9 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-9 > li:nth-of-type(9n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-10 > li { |
| - | width: 10%; |
| - | list-style: none; } |
| - | .medium-block-grid-10 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-10 > li:nth-of-type(10n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-11 > li { |
| - | width: 9.09091%; |
| - | list-style: none; } |
| - | .medium-block-grid-11 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-11 > li:nth-of-type(11n+1) { |
| - | clear: both; } |
| - | |
| - | .medium-block-grid-12 > li { |
| - | width: 8.33333%; |
| - | list-style: none; } |
| - | .medium-block-grid-12 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-block-grid-12 > li:nth-of-type(12n+1) { |
| - | clear: both; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .large-block-grid-1 > li { |
| - | width: 100%; |
| - | list-style: none; } |
| - | .large-block-grid-1 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-1 > li:nth-of-type(1n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-2 > li { |
| - | width: 50%; |
| - | list-style: none; } |
| - | .large-block-grid-2 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-2 > li:nth-of-type(2n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-3 > li { |
| - | width: 33.33333%; |
| - | list-style: none; } |
| - | .large-block-grid-3 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-3 > li:nth-of-type(3n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-4 > li { |
| - | width: 25%; |
| - | list-style: none; } |
| - | .large-block-grid-4 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-4 > li:nth-of-type(4n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-5 > li { |
| - | width: 20%; |
| - | list-style: none; } |
| - | .large-block-grid-5 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-5 > li:nth-of-type(5n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-6 > li { |
| - | width: 16.66667%; |
| - | list-style: none; } |
| - | .large-block-grid-6 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-6 > li:nth-of-type(6n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-7 > li { |
| - | width: 14.28571%; |
| - | list-style: none; } |
| - | .large-block-grid-7 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-7 > li:nth-of-type(7n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-8 > li { |
| - | width: 12.5%; |
| - | list-style: none; } |
| - | .large-block-grid-8 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-8 > li:nth-of-type(8n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-9 > li { |
| - | width: 11.11111%; |
| - | list-style: none; } |
| - | .large-block-grid-9 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-9 > li:nth-of-type(9n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-10 > li { |
| - | width: 10%; |
| - | list-style: none; } |
| - | .large-block-grid-10 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-10 > li:nth-of-type(10n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-11 > li { |
| - | width: 9.09091%; |
| - | list-style: none; } |
| - | .large-block-grid-11 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-11 > li:nth-of-type(11n+1) { |
| - | clear: both; } |
| - | |
| - | .large-block-grid-12 > li { |
| - | width: 8.33333%; |
| - | list-style: none; } |
| - | .large-block-grid-12 > li:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-block-grid-12 > li:nth-of-type(12n+1) { |
| - | clear: both; } } |
| - | .breadcrumbs { |
| - | display: block; |
| - | padding: 0.5625rem 0.875rem 0.5625rem; |
| - | overflow: hidden; |
| - | margin-left: 0; |
| - | list-style: none; |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | background-color: #f4f4f4; |
| - | border-color: gainsboro; |
| - | border-radius: 3px; } |
| - | .breadcrumbs > * { |
| - | margin: 0; |
| - | float: left; |
| - | font-size: 0.6875rem; |
| - | line-height: 0.6875rem; |
| - | text-transform: uppercase; |
| - | color: #008cba; } |
| - | .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { |
| - | text-decoration: underline; } |
| - | .breadcrumbs > * a { |
| - | color: #008cba; } |
| - | .breadcrumbs > *.current { |
| - | cursor: default; |
| - | color: #333333; } |
| - | .breadcrumbs > *.current a { |
| - | cursor: default; |
| - | color: #333333; } |
| - | .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { |
| - | text-decoration: none; } |
| - | .breadcrumbs > *.unavailable { |
| - | color: #999999; } |
| - | .breadcrumbs > *.unavailable a { |
| - | color: #999999; } |
| - | .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, |
| - | .breadcrumbs > *.unavailable a:focus { |
| - | text-decoration: none; |
| - | color: #999999; |
| - | cursor: default; } |
| - | .breadcrumbs > *:before { |
| - | content: "/"; |
| - | color: #aaaaaa; |
| - | margin: 0 0.75rem; |
| - | position: relative; |
| - | top: 1px; } |
| - | .breadcrumbs > *:first-child:before { |
| - | content: " "; |
| - | margin: 0; } |
| - | |
| - | /* Accessibility - hides the forward slash */ |
| - | [aria-label="breadcrumbs"] [aria-hidden="true"]:after { |
| - | content: "/"; } |
| - | |
| - | button, .button { |
| - | border-style: solid; |
| - | border-width: 0px; |
| - | cursor: pointer; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-weight: normal; |
| - | line-height: normal; |
| - | margin: 0 0 1.25rem; |
| - | position: relative; |
| - | text-decoration: none; |
| - | text-align: center; |
| - | -webkit-appearance: none; |
| - | -webkit-border-radius: 0; |
| - | display: inline-block; |
| - | padding-top: 1rem; |
| - | padding-right: 2rem; |
| - | padding-bottom: 1.0625rem; |
| - | padding-left: 2rem; |
| - | font-size: 1rem; |
| - | background-color: #008cba; |
| - | border-color: #007095; |
| - | color: white; |
| - | transition: background-color 300ms ease-out; } |
| - | button:hover, button:focus, .button:hover, .button:focus { |
| - | background-color: #007095; } |
| - | button:hover, button:focus, .button:hover, .button:focus { |
| - | color: white; } |
| - | button.secondary, .button.secondary { |
| - | background-color: #e7e7e7; |
| - | border-color: #b9b9b9; |
| - | color: #333333; } |
| - | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
| - | background-color: #b9b9b9; } |
| - | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
| - | color: #333333; } |
| - | button.success, .button.success { |
| - | background-color: #43ac6a; |
| - | border-color: #368a55; |
| - | color: white; } |
| - | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
| - | background-color: #368a55; } |
| - | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
| - | color: white; } |
| - | button.alert, .button.alert { |
| - | background-color: #f04124; |
| - | border-color: #cf2a0e; |
| - | color: white; } |
| - | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
| - | background-color: #cf2a0e; } |
| - | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
| - | color: white; } |
| - | button.warning, .button.warning { |
| - | background-color: #f08a24; |
| - | border-color: #cf6e0e; |
| - | color: white; } |
| - | button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { |
| - | background-color: #cf6e0e; } |
| - | button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { |
| - | color: white; } |
| - | button.info, .button.info { |
| - | background-color: #a0d3e8; |
| - | border-color: #61b6d9; |
| - | color: #333333; } |
| - | button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { |
| - | background-color: #61b6d9; } |
| - | button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { |
| - | color: white; } |
| - | button.large, .button.large { |
| - | padding-top: 1.125rem; |
| - | padding-right: 2.25rem; |
| - | padding-bottom: 1.1875rem; |
| - | padding-left: 2.25rem; |
| - | font-size: 1.25rem; } |
| - | button.small, .button.small { |
| - | padding-top: 0.875rem; |
| - | padding-right: 1.75rem; |
| - | padding-bottom: 0.9375rem; |
| - | padding-left: 1.75rem; |
| - | font-size: 0.8125rem; } |
| - | button.tiny, .button.tiny { |
| - | padding-top: 0.625rem; |
| - | padding-right: 1.25rem; |
| - | padding-bottom: 0.6875rem; |
| - | padding-left: 1.25rem; |
| - | font-size: 0.6875rem; } |
| - | button.expand, .button.expand { |
| - | padding-right: 0; |
| - | padding-left: 0; |
| - | width: 100%; } |
| - | button.left-align, .button.left-align { |
| - | text-align: left; |
| - | text-indent: 0.75rem; } |
| - | button.right-align, .button.right-align { |
| - | text-align: right; |
| - | padding-right: 0.75rem; } |
| - | button.radius, .button.radius { |
| - | border-radius: 3px; } |
| - | button.round, .button.round { |
| - | border-radius: 1000px; } |
| - | button.disabled, button[disabled], .button.disabled, .button[disabled] { |
| - | background-color: #008cba; |
| - | border-color: #007095; |
| - | color: white; |
| - | cursor: default; |
| - | opacity: 0.7; |
| - | box-shadow: none; } |
| - | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
| - | background-color: #007095; } |
| - | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
| - | color: white; } |
| - | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
| - | background-color: #008cba; } |
| - | button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { |
| - | background-color: #e7e7e7; |
| - | border-color: #b9b9b9; |
| - | color: #333333; |
| - | cursor: default; |
| - | opacity: 0.7; |
| - | box-shadow: none; } |
| - | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
| - | background-color: #b9b9b9; } |
| - | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
| - | color: #333333; } |
| - | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
| - | background-color: #e7e7e7; } |
| - | button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { |
| - | background-color: #43ac6a; |
| - | border-color: #368a55; |
| - | color: white; |
| - | cursor: default; |
| - | opacity: 0.7; |
| - | box-shadow: none; } |
| - | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
| - | background-color: #368a55; } |
| - | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
| - | color: white; } |
| - | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
| - | background-color: #43ac6a; } |
| - | button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { |
| - | background-color: #f04124; |
| - | border-color: #cf2a0e; |
| - | color: white; |
| - | cursor: default; |
| - | opacity: 0.7; |
| - | box-shadow: none; } |
| - | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
| - | background-color: #cf2a0e; } |
| - | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
| - | color: white; } |
| - | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
| - | background-color: #f04124; } |
| - | button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { |
| - | background-color: #f08a24; |
| - | border-color: #cf6e0e; |
| - | color: white; |
| - | cursor: default; |
| - | opacity: 0.7; |
| - | box-shadow: none; } |
| - | button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { |
| - | background-color: #cf6e0e; } |
| - | button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { |
| - | color: white; } |
| - | button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { |
| - | background-color: #f08a24; } |
| - | button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { |
| - | background-color: #a0d3e8; |
| - | border-color: #61b6d9; |
| - | color: #333333; |
| - | cursor: default; |
| - | opacity: 0.7; |
| - | box-shadow: none; } |
| - | button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { |
| - | background-color: #61b6d9; } |
| - | button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { |
| - | color: white; } |
| - | button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { |
| - | background-color: #a0d3e8; } |
| - | |
| - | button::-moz-focus-inner { |
| - | border: 0; |
| - | padding: 0; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | button, .button { |
| - | display: inline-block; } } |
| - | .button-group { |
| - | list-style: none; |
| - | margin: 0; |
| - | left: 0; } |
| - | .button-group:before, .button-group:after { |
| - | content: " "; |
| - | display: table; } |
| - | .button-group:after { |
| - | clear: both; } |
| - | .button-group > li { |
| - | margin: 0 -2px; |
| - | display: inline-block; } |
| - | .button-group > li > button, .button-group > li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group > li:first-child button, .button-group > li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.stack > li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | display: block; |
| - | margin: 0; |
| - | float: none; } |
| - | .button-group.stack > li > button, .button-group.stack > li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.stack > li > button, .button-group.stack > li .button { |
| - | border-top: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin: 0; |
| - | display: block; } |
| - | .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { |
| - | border-top: 0; } |
| - | .button-group.stack-for-small > li { |
| - | margin: 0 -2px; |
| - | display: inline-block; } |
| - | .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { |
| - | border-left: 0; } |
| - | @media only screen and (max-width: 40em) { |
| - | .button-group.stack-for-small > li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | display: block; |
| - | margin: 0; } |
| - | .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { |
| - | border-top: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin: 0; |
| - | display: block; } |
| - | .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { |
| - | border-top: 0; } } |
| - | .button-group.radius > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; } |
| - | .button-group.radius > * > button, .button-group.radius > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { |
| - | -webkit-border-bottom-left-radius: 3px; |
| - | -webkit-border-top-left-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-top-left-radius: 3px; } |
| - | .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | .button-group.radius.stack > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | display: block; |
| - | margin: 0; } |
| - | .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { |
| - | border-top: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin: 0; |
| - | display: block; } |
| - | .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { |
| - | border-top: 0; } |
| - | .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { |
| - | -webkit-top-left-radius: 3px; |
| - | -webkit-top-right-radius: 3px; |
| - | border-top-left-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { |
| - | -webkit-bottom-left-radius: 3px; |
| - | -webkit-bottom-right-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-bottom-right-radius: 3px; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .button-group.radius.stack-for-small > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; } |
| - | .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { |
| - | -webkit-border-bottom-left-radius: 3px; |
| - | -webkit-border-top-left-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-top-left-radius: 3px; } |
| - | .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } } |
| - | @media only screen and (max-width: 40em) { |
| - | .button-group.radius.stack-for-small > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | display: block; |
| - | margin: 0; } |
| - | .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { |
| - | border-top: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin: 0; |
| - | display: block; } |
| - | .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { |
| - | border-top: 0; } |
| - | .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { |
| - | -webkit-top-left-radius: 3px; |
| - | -webkit-top-right-radius: 3px; |
| - | border-top-left-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { |
| - | -webkit-bottom-left-radius: 3px; |
| - | -webkit-bottom-right-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-bottom-right-radius: 3px; } } |
| - | .button-group.round > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; } |
| - | .button-group.round > * > button, .button-group.round > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.round > *:first-child button, .button-group.round > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { |
| - | -webkit-border-bottom-left-radius: 1000px; |
| - | -webkit-border-top-left-radius: 1000px; |
| - | border-bottom-left-radius: 1000px; |
| - | border-top-left-radius: 1000px; } |
| - | .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { |
| - | -webkit-border-bottom-right-radius: 1000px; |
| - | -webkit-border-top-right-radius: 1000px; |
| - | border-bottom-right-radius: 1000px; |
| - | border-top-right-radius: 1000px; } |
| - | .button-group.round.stack > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | display: block; |
| - | margin: 0; } |
| - | .button-group.round.stack > * > button, .button-group.round.stack > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.round.stack > * > button, .button-group.round.stack > * .button { |
| - | border-top: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin: 0; |
| - | display: block; } |
| - | .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { |
| - | border-top: 0; } |
| - | .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { |
| - | -webkit-top-left-radius: 1rem; |
| - | -webkit-top-right-radius: 1rem; |
| - | border-top-left-radius: 1rem; |
| - | border-top-right-radius: 1rem; } |
| - | .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { |
| - | -webkit-bottom-left-radius: 1rem; |
| - | -webkit-bottom-right-radius: 1rem; |
| - | border-bottom-left-radius: 1rem; |
| - | border-bottom-right-radius: 1rem; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .button-group.round.stack-for-small > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; } |
| - | .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { |
| - | -webkit-border-bottom-left-radius: 1000px; |
| - | -webkit-border-top-left-radius: 1000px; |
| - | border-bottom-left-radius: 1000px; |
| - | border-top-left-radius: 1000px; } |
| - | .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { |
| - | -webkit-border-bottom-right-radius: 1000px; |
| - | -webkit-border-top-right-radius: 1000px; |
| - | border-bottom-right-radius: 1000px; |
| - | border-top-right-radius: 1000px; } } |
| - | @media only screen and (max-width: 40em) { |
| - | .button-group.round.stack-for-small > * { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | display: block; |
| - | margin: 0; } |
| - | .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { |
| - | border-top: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin: 0; |
| - | display: block; } |
| - | .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { |
| - | border-top: 0; } |
| - | .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { |
| - | border-radius: 0; } |
| - | .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { |
| - | -webkit-top-left-radius: 1rem; |
| - | -webkit-top-right-radius: 1rem; |
| - | border-top-left-radius: 1rem; |
| - | border-top-right-radius: 1rem; } |
| - | .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { |
| - | -webkit-bottom-left-radius: 1rem; |
| - | -webkit-bottom-right-radius: 1rem; |
| - | border-bottom-left-radius: 1rem; |
| - | border-bottom-right-radius: 1rem; } } |
| - | .button-group.even-2 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 50%; } |
| - | .button-group.even-2 li > button, .button-group.even-2 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-2 li button, .button-group.even-2 li .button { |
| - | width: 100%; } |
| - | .button-group.even-3 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 33.33333%; } |
| - | .button-group.even-3 li > button, .button-group.even-3 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-3 li button, .button-group.even-3 li .button { |
| - | width: 100%; } |
| - | .button-group.even-4 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 25%; } |
| - | .button-group.even-4 li > button, .button-group.even-4 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-4 li button, .button-group.even-4 li .button { |
| - | width: 100%; } |
| - | .button-group.even-5 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 20%; } |
| - | .button-group.even-5 li > button, .button-group.even-5 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-5 li button, .button-group.even-5 li .button { |
| - | width: 100%; } |
| - | .button-group.even-6 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 16.66667%; } |
| - | .button-group.even-6 li > button, .button-group.even-6 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-6 li button, .button-group.even-6 li .button { |
| - | width: 100%; } |
| - | .button-group.even-7 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 14.28571%; } |
| - | .button-group.even-7 li > button, .button-group.even-7 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-7 li button, .button-group.even-7 li .button { |
| - | width: 100%; } |
| - | .button-group.even-8 li { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | width: 12.5%; } |
| - | .button-group.even-8 li > button, .button-group.even-8 li .button { |
| - | border-left: 1px solid; |
| - | border-color: rgba(255, 255, 255, 0.5); } |
| - | .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { |
| - | border-left: 0; } |
| - | .button-group.even-8 li button, .button-group.even-8 li .button { |
| - | width: 100%; } |
| - | |
| - | .button-bar:before, .button-bar:after { |
| - | content: " "; |
| - | display: table; } |
| - | .button-bar:after { |
| - | clear: both; } |
| - | .button-bar .button-group { |
| - | float: left; |
| - | margin-right: 0.625rem; } |
| - | .button-bar .button-group div { |
| - | overflow: hidden; } |
| - | |
| - | /* Clearing Styles */ |
| - | .clearing-thumbs, [data-clearing] { |
| - | margin-bottom: 0; |
| - | margin-left: 0; |
| - | list-style: none; } |
| - | .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { |
| - | content: " "; |
| - | display: table; } |
| - | .clearing-thumbs:after, [data-clearing]:after { |
| - | clear: both; } |
| - | .clearing-thumbs li, [data-clearing] li { |
| - | float: left; |
| - | margin-right: 10px; } |
| - | .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { |
| - | margin-right: 0; } |
| - | |
| - | .clearing-blackout { |
| - | background: #333333; |
| - | position: fixed; |
| - | width: 100%; |
| - | height: 100%; |
| - | top: 0; |
| - | left: 0; |
| - | z-index: 998; } |
| - | .clearing-blackout .clearing-close { |
| - | display: block; } |
| - | |
| - | .clearing-container { |
| - | position: relative; |
| - | z-index: 998; |
| - | height: 100%; |
| - | overflow: hidden; |
| - | margin: 0; } |
| - | |
| - | .clearing-touch-label { |
| - | position: absolute; |
| - | top: 50%; |
| - | left: 50%; |
| - | color: #aaaaaa; |
| - | font-size: 0.6em; } |
| - | |
| - | .visible-img { |
| - | height: 95%; |
| - | position: relative; } |
| - | .visible-img img { |
| - | position: absolute; |
| - | left: 50%; |
| - | top: 50%; |
| - | margin-left: -50%; |
| - | max-height: 100%; |
| - | max-width: 100%; } |
| - | |
| - | .clearing-caption { |
| - | color: #cccccc; |
| - | font-size: 0.875em; |
| - | line-height: 1.3; |
| - | margin-bottom: 0; |
| - | text-align: center; |
| - | bottom: 0; |
| - | background: #333333; |
| - | width: 100%; |
| - | padding: 10px 30px 20px; |
| - | position: absolute; |
| - | left: 0; } |
| - | |
| - | .clearing-close { |
| - | z-index: 999; |
| - | padding-left: 20px; |
| - | padding-top: 10px; |
| - | font-size: 30px; |
| - | line-height: 1; |
| - | color: #cccccc; |
| - | display: none; } |
| - | .clearing-close:hover, .clearing-close:focus { |
| - | color: #cccccc; } |
| - | |
| - | .clearing-assembled .clearing-container { |
| - | height: 100%; } |
| - | .clearing-assembled .clearing-container .carousel > ul { |
| - | display: none; } |
| - | |
| - | .clearing-feature li { |
| - | display: none; } |
| - | .clearing-feature li.clearing-featured-img { |
| - | display: block; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | .clearing-main-prev, |
| - | .clearing-main-next { |
| - | position: absolute; |
| - | height: 100%; |
| - | width: 40px; |
| - | top: 0; } |
| - | .clearing-main-prev > span, |
| - | .clearing-main-next > span { |
| - | position: absolute; |
| - | top: 50%; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: solid 12px; } |
| - | .clearing-main-prev > span:hover, |
| - | .clearing-main-next > span:hover { |
| - | opacity: 0.8; } |
| - | |
| - | .clearing-main-prev { |
| - | left: 0; } |
| - | .clearing-main-prev > span { |
| - | left: 5px; |
| - | border-color: transparent; |
| - | border-right-color: #cccccc; } |
| - | |
| - | .clearing-main-next { |
| - | right: 0; } |
| - | .clearing-main-next > span { |
| - | border-color: transparent; |
| - | border-left-color: #cccccc; } |
| - | |
| - | .clearing-main-prev.disabled, |
| - | .clearing-main-next.disabled { |
| - | opacity: 0.3; } |
| - | |
| - | .clearing-assembled .clearing-container .carousel { |
| - | background: rgba(51, 51, 51, 0.8); |
| - | height: 120px; |
| - | margin-top: 10px; |
| - | text-align: center; } |
| - | .clearing-assembled .clearing-container .carousel > ul { |
| - | display: inline-block; |
| - | z-index: 999; |
| - | height: 100%; |
| - | position: relative; |
| - | float: none; } |
| - | .clearing-assembled .clearing-container .carousel > ul li { |
| - | display: block; |
| - | width: 120px; |
| - | min-height: inherit; |
| - | float: left; |
| - | overflow: hidden; |
| - | margin-right: 0; |
| - | padding: 0; |
| - | position: relative; |
| - | cursor: pointer; |
| - | opacity: 0.4; |
| - | clear: none; } |
| - | .clearing-assembled .clearing-container .carousel > ul li.fix-height img { |
| - | height: 100%; |
| - | max-width: none; } |
| - | .clearing-assembled .clearing-container .carousel > ul li a.th { |
| - | border: none; |
| - | box-shadow: none; |
| - | display: block; } |
| - | .clearing-assembled .clearing-container .carousel > ul li img { |
| - | cursor: pointer !important; |
| - | width: 100% !important; } |
| - | .clearing-assembled .clearing-container .carousel > ul li.visible { |
| - | opacity: 1; } |
| - | .clearing-assembled .clearing-container .carousel > ul li:hover { |
| - | opacity: 0.8; } |
| - | .clearing-assembled .clearing-container .visible-img { |
| - | background: #333333; |
| - | overflow: hidden; |
| - | height: 85%; } |
| - | |
| - | .clearing-close { |
| - | position: absolute; |
| - | top: 10px; |
| - | right: 20px; |
| - | padding-left: 0; |
| - | padding-top: 0; } } |
| - | /* Foundation Dropdowns */ |
| - | .f-dropdown { |
| - | position: absolute; |
| - | left: -9999px; |
| - | list-style: none; |
| - | margin-left: 0; |
| - | outline: none; |
| - | width: 100%; |
| - | max-height: none; |
| - | height: auto; |
| - | background: white; |
| - | border: solid 1px #cccccc; |
| - | font-size: 0.875rem; |
| - | z-index: 89; |
| - | margin-top: 2px; |
| - | max-width: 200px; } |
| - | .f-dropdown > *:first-child { |
| - | margin-top: 0; } |
| - | .f-dropdown > *:last-child { |
| - | margin-bottom: 0; } |
| - | .f-dropdown:before { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: transparent transparent white transparent; |
| - | border-bottom-style: solid; |
| - | position: absolute; |
| - | top: -12px; |
| - | left: 10px; |
| - | z-index: 89; } |
| - | .f-dropdown:after { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 7px; |
| - | border-color: transparent transparent #cccccc transparent; |
| - | border-bottom-style: solid; |
| - | position: absolute; |
| - | top: -14px; |
| - | left: 9px; |
| - | z-index: 88; } |
| - | .f-dropdown.right:before { |
| - | left: auto; |
| - | right: 10px; } |
| - | .f-dropdown.right:after { |
| - | left: auto; |
| - | right: 9px; } |
| - | .f-dropdown.drop-right { |
| - | position: absolute; |
| - | left: -9999px; |
| - | list-style: none; |
| - | margin-left: 0; |
| - | outline: none; |
| - | width: 100%; |
| - | max-height: none; |
| - | height: auto; |
| - | background: white; |
| - | border: solid 1px #cccccc; |
| - | font-size: 0.875rem; |
| - | z-index: 89; |
| - | margin-top: 0; |
| - | margin-left: 2px; |
| - | max-width: 200px; } |
| - | .f-dropdown.drop-right > *:first-child { |
| - | margin-top: 0; } |
| - | .f-dropdown.drop-right > *:last-child { |
| - | margin-bottom: 0; } |
| - | .f-dropdown.drop-right:before { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: transparent white transparent transparent; |
| - | border-right-style: solid; |
| - | position: absolute; |
| - | top: 10px; |
| - | left: -12px; |
| - | z-index: 89; } |
| - | .f-dropdown.drop-right:after { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 7px; |
| - | border-color: transparent #cccccc transparent transparent; |
| - | border-right-style: solid; |
| - | position: absolute; |
| - | top: 9px; |
| - | left: -14px; |
| - | z-index: 88; } |
| - | .f-dropdown.drop-left { |
| - | position: absolute; |
| - | left: -9999px; |
| - | list-style: none; |
| - | margin-left: 0; |
| - | outline: none; |
| - | width: 100%; |
| - | max-height: none; |
| - | height: auto; |
| - | background: white; |
| - | border: solid 1px #cccccc; |
| - | font-size: 0.875rem; |
| - | z-index: 89; |
| - | margin-top: 0; |
| - | margin-left: -2px; |
| - | max-width: 200px; } |
| - | .f-dropdown.drop-left > *:first-child { |
| - | margin-top: 0; } |
| - | .f-dropdown.drop-left > *:last-child { |
| - | margin-bottom: 0; } |
| - | .f-dropdown.drop-left:before { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: transparent transparent transparent white; |
| - | border-left-style: solid; |
| - | position: absolute; |
| - | top: 10px; |
| - | right: -12px; |
| - | left: auto; |
| - | z-index: 89; } |
| - | .f-dropdown.drop-left:after { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 7px; |
| - | border-color: transparent transparent transparent #cccccc; |
| - | border-left-style: solid; |
| - | position: absolute; |
| - | top: 9px; |
| - | right: -14px; |
| - | left: auto; |
| - | z-index: 88; } |
| - | .f-dropdown.drop-top { |
| - | position: absolute; |
| - | left: -9999px; |
| - | list-style: none; |
| - | margin-left: 0; |
| - | outline: none; |
| - | width: 100%; |
| - | max-height: none; |
| - | height: auto; |
| - | background: white; |
| - | border: solid 1px #cccccc; |
| - | font-size: 0.875rem; |
| - | z-index: 89; |
| - | margin-top: -2px; |
| - | margin-left: 0; |
| - | max-width: 200px; } |
| - | .f-dropdown.drop-top > *:first-child { |
| - | margin-top: 0; } |
| - | .f-dropdown.drop-top > *:last-child { |
| - | margin-bottom: 0; } |
| - | .f-dropdown.drop-top:before { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: white transparent transparent transparent; |
| - | border-top-style: solid; |
| - | position: absolute; |
| - | top: auto; |
| - | bottom: -12px; |
| - | left: 10px; |
| - | right: auto; |
| - | z-index: 89; } |
| - | .f-dropdown.drop-top:after { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 7px; |
| - | border-color: #cccccc transparent transparent transparent; |
| - | border-top-style: solid; |
| - | position: absolute; |
| - | top: auto; |
| - | bottom: -14px; |
| - | left: 9px; |
| - | right: auto; |
| - | z-index: 88; } |
| - | .f-dropdown li { |
| - | font-size: 0.875rem; |
| - | cursor: pointer; |
| - | line-height: 1.125rem; |
| - | margin: 0; } |
| - | .f-dropdown li:hover, .f-dropdown li:focus { |
| - | background: #eeeeee; } |
| - | .f-dropdown li.radius { |
| - | border-radius: 3px; } |
| - | .f-dropdown li a { |
| - | display: block; |
| - | padding: 0.5rem; |
| - | color: #555555; } |
| - | .f-dropdown.content { |
| - | position: absolute; |
| - | left: -9999px; |
| - | list-style: none; |
| - | margin-left: 0; |
| - | outline: none; |
| - | padding: 1.25rem; |
| - | width: 100%; |
| - | height: auto; |
| - | max-height: none; |
| - | background: white; |
| - | border: solid 1px #cccccc; |
| - | font-size: 0.875rem; |
| - | z-index: 89; |
| - | max-width: 200px; } |
| - | .f-dropdown.content > *:first-child { |
| - | margin-top: 0; } |
| - | .f-dropdown.content > *:last-child { |
| - | margin-bottom: 0; } |
| - | .f-dropdown.tiny { |
| - | max-width: 200px; } |
| - | .f-dropdown.small { |
| - | max-width: 300px; } |
| - | .f-dropdown.medium { |
| - | max-width: 500px; } |
| - | .f-dropdown.large { |
| - | max-width: 800px; } |
| - | .f-dropdown.mega { |
| - | width: 100% !important; |
| - | max-width: 100% !important; } |
| - | .f-dropdown.mega.open { |
| - | left: 0 !important; } |
| - | |
| - | .dropdown.button, button.dropdown { |
| - | position: relative; |
| - | outline: none; |
| - | padding-right: 3.5625rem; } |
| - | .dropdown.button::after, button.dropdown::after { |
| - | position: absolute; |
| - | content: ""; |
| - | width: 0; |
| - | height: 0; |
| - | display: block; |
| - | border-style: solid; |
| - | border-color: white transparent transparent transparent; |
| - | top: 50%; } |
| - | .dropdown.button::after, button.dropdown::after { |
| - | border-width: 0.375rem; |
| - | right: 1.40625rem; |
| - | margin-top: -0.15625rem; } |
| - | .dropdown.button::after, button.dropdown::after { |
| - | border-color: white transparent transparent transparent; } |
| - | .dropdown.button.tiny, button.dropdown.tiny { |
| - | padding-right: 2.625rem; } |
| - | .dropdown.button.tiny:after, button.dropdown.tiny:after { |
| - | border-width: 0.375rem; |
| - | right: 1.125rem; |
| - | margin-top: -0.125rem; } |
| - | .dropdown.button.tiny::after, button.dropdown.tiny::after { |
| - | border-color: white transparent transparent transparent; } |
| - | .dropdown.button.small, button.dropdown.small { |
| - | padding-right: 3.0625rem; } |
| - | .dropdown.button.small::after, button.dropdown.small::after { |
| - | border-width: 0.4375rem; |
| - | right: 1.3125rem; |
| - | margin-top: -0.15625rem; } |
| - | .dropdown.button.small::after, button.dropdown.small::after { |
| - | border-color: white transparent transparent transparent; } |
| - | .dropdown.button.large, button.dropdown.large { |
| - | padding-right: 3.625rem; } |
| - | .dropdown.button.large::after, button.dropdown.large::after { |
| - | border-width: 0.3125rem; |
| - | right: 1.71875rem; |
| - | margin-top: -0.15625rem; } |
| - | .dropdown.button.large::after, button.dropdown.large::after { |
| - | border-color: white transparent transparent transparent; } |
| - | .dropdown.button.secondary:after, button.dropdown.secondary:after { |
| - | border-color: #333333 transparent transparent transparent; } |
| - | |
| - | .flex-video { |
| - | position: relative; |
| - | padding-top: 1.5625rem; |
| - | padding-bottom: 67.5%; |
| - | height: 0; |
| - | margin-bottom: 1rem; |
| - | overflow: hidden; } |
| - | .flex-video.widescreen { |
| - | padding-bottom: 56.34%; } |
| - | .flex-video.vimeo { |
| - | padding-top: 0; } |
| - | .flex-video iframe, |
| - | .flex-video object, |
| - | .flex-video embed, |
| - | .flex-video video { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; } |
| - | |
| - | /* Standard Forms */ |
| - | form { |
| - | margin: 0 0 1rem; } |
| - | |
| - | /* Using forms within rows, we need to set some defaults */ |
| - | form .row .row { |
| - | margin: 0 -0.5rem; } |
| - | form .row .row .column, |
| - | form .row .row .columns { |
| - | padding: 0 0.5rem; } |
| - | form .row .row.collapse { |
| - | margin: 0; } |
| - | form .row .row.collapse .column, |
| - | form .row .row.collapse .columns { |
| - | padding: 0; } |
| - | form .row .row.collapse input { |
| - | -webkit-border-bottom-right-radius: 0; |
| - | -webkit-border-top-right-radius: 0; |
| - | border-bottom-right-radius: 0; |
| - | border-top-right-radius: 0; } |
| - | form .row input.column, |
| - | form .row input.columns, |
| - | form .row textarea.column, |
| - | form .row textarea.columns { |
| - | padding-left: 0.5rem; } |
| - | |
| - | /* Label Styles */ |
| - | label { |
| - | font-size: 0.875rem; |
| - | color: #4d4d4d; |
| - | cursor: pointer; |
| - | display: block; |
| - | font-weight: normal; |
| - | line-height: 1.5; |
| - | margin-bottom: 0; |
| - | /* Styles for required inputs */ } |
| - | label.right { |
| - | float: none !important; |
| - | text-align: right; } |
| - | label.inline { |
| - | margin: 0 0 1rem 0; |
| - | padding: 0.5625rem 0; } |
| - | label small { |
| - | text-transform: capitalize; |
| - | color: #676767; } |
| - | |
| - | /* Attach elements to the beginning or end of an input */ |
| - | .prefix, |
| - | .postfix { |
| - | display: block; |
| - | position: relative; |
| - | z-index: 2; |
| - | text-align: center; |
| - | width: 100%; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | overflow: hidden; |
| - | font-size: 0.875rem; |
| - | height: 2.3125rem; |
| - | line-height: 2.3125rem; } |
| - | |
| - | /* Adjust padding, alignment and radius if pre/post element is a button */ |
| - | .postfix.button { |
| - | padding-left: 0; |
| - | padding-right: 0; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | text-align: center; |
| - | line-height: 2.125rem; |
| - | border: none; } |
| - | |
| - | .prefix.button { |
| - | padding-left: 0; |
| - | padding-right: 0; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | text-align: center; |
| - | line-height: 2.125rem; |
| - | border: none; } |
| - | |
| - | .prefix.button.radius { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-left-radius: 3px; |
| - | -webkit-border-top-left-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-top-left-radius: 3px; } |
| - | |
| - | .postfix.button.radius { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | |
| - | .prefix.button.round { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-left-radius: 1000px; |
| - | -webkit-border-top-left-radius: 1000px; |
| - | border-bottom-left-radius: 1000px; |
| - | border-top-left-radius: 1000px; } |
| - | |
| - | .postfix.button.round { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-right-radius: 1000px; |
| - | -webkit-border-top-right-radius: 1000px; |
| - | border-bottom-right-radius: 1000px; |
| - | border-top-right-radius: 1000px; } |
| - | |
| - | /* Separate prefix and postfix styles when on span or label so buttons keep their own */ |
| - | span.prefix, label.prefix { |
| - | background: #f2f2f2; |
| - | border-right: none; |
| - | color: #333333; |
| - | border-color: #cccccc; } |
| - | |
| - | span.postfix, label.postfix { |
| - | background: #f2f2f2; |
| - | border-left: none; |
| - | color: #333333; |
| - | border-color: #cccccc; } |
| - | |
| - | /* We use this to get basic styling on all basic form elements */ |
| - | input[type="text"], |
| - | input[type="password"], |
| - | input[type="date"], |
| - | input[type="datetime"], |
| - | input[type="datetime-local"], |
| - | input[type="month"], |
| - | input[type="week"], |
| - | input[type="email"], |
| - | input[type="number"], |
| - | input[type="search"], |
| - | input[type="tel"], |
| - | input[type="time"], |
| - | input[type="url"], |
| - | input[type="color"], |
| - | textarea { |
| - | -webkit-appearance: none; |
| - | -webkit-border-radius: 0px; |
| - | background-color: white; |
| - | font-family: inherit; |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | border-color: #cccccc; |
| - | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| - | color: rgba(0, 0, 0, 0.75); |
| - | display: block; |
| - | font-size: 0.875rem; |
| - | margin: 0 0 1rem 0; |
| - | padding: 0.5rem; |
| - | height: 2.3125rem; |
| - | width: 100%; |
| - | -webkit-box-sizing: border-box; |
| - | -moz-box-sizing: border-box; |
| - | box-sizing: border-box; |
| - | transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } |
| - | input[type="text"]:focus, |
| - | input[type="password"]:focus, |
| - | input[type="date"]:focus, |
| - | input[type="datetime"]:focus, |
| - | input[type="datetime-local"]:focus, |
| - | input[type="month"]:focus, |
| - | input[type="week"]:focus, |
| - | input[type="email"]:focus, |
| - | input[type="number"]:focus, |
| - | input[type="search"]:focus, |
| - | input[type="tel"]:focus, |
| - | input[type="time"]:focus, |
| - | input[type="url"]:focus, |
| - | input[type="color"]:focus, |
| - | textarea:focus { |
| - | box-shadow: 0 0 5px #999999; |
| - | border-color: #999999; } |
| - | input[type="text"]:focus, |
| - | input[type="password"]:focus, |
| - | input[type="date"]:focus, |
| - | input[type="datetime"]:focus, |
| - | input[type="datetime-local"]:focus, |
| - | input[type="month"]:focus, |
| - | input[type="week"]:focus, |
| - | input[type="email"]:focus, |
| - | input[type="number"]:focus, |
| - | input[type="search"]:focus, |
| - | input[type="tel"]:focus, |
| - | input[type="time"]:focus, |
| - | input[type="url"]:focus, |
| - | input[type="color"]:focus, |
| - | textarea:focus { |
| - | background: #fafafa; |
| - | border-color: #999999; |
| - | outline: none; } |
| - | input[type="text"]:disabled, |
| - | input[type="password"]:disabled, |
| - | input[type="date"]:disabled, |
| - | input[type="datetime"]:disabled, |
| - | input[type="datetime-local"]:disabled, |
| - | input[type="month"]:disabled, |
| - | input[type="week"]:disabled, |
| - | input[type="email"]:disabled, |
| - | input[type="number"]:disabled, |
| - | input[type="search"]:disabled, |
| - | input[type="tel"]:disabled, |
| - | input[type="time"]:disabled, |
| - | input[type="url"]:disabled, |
| - | input[type="color"]:disabled, |
| - | textarea:disabled { |
| - | background-color: #dddddd; |
| - | cursor: default; } |
| - | input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], |
| - | input[type="password"][disabled], |
| - | input[type="password"][readonly], fieldset[disabled] |
| - | input[type="password"], |
| - | input[type="date"][disabled], |
| - | input[type="date"][readonly], fieldset[disabled] |
| - | input[type="date"], |
| - | input[type="datetime"][disabled], |
| - | input[type="datetime"][readonly], fieldset[disabled] |
| - | input[type="datetime"], |
| - | input[type="datetime-local"][disabled], |
| - | input[type="datetime-local"][readonly], fieldset[disabled] |
| - | input[type="datetime-local"], |
| - | input[type="month"][disabled], |
| - | input[type="month"][readonly], fieldset[disabled] |
| - | input[type="month"], |
| - | input[type="week"][disabled], |
| - | input[type="week"][readonly], fieldset[disabled] |
| - | input[type="week"], |
| - | input[type="email"][disabled], |
| - | input[type="email"][readonly], fieldset[disabled] |
| - | input[type="email"], |
| - | input[type="number"][disabled], |
| - | input[type="number"][readonly], fieldset[disabled] |
| - | input[type="number"], |
| - | input[type="search"][disabled], |
| - | input[type="search"][readonly], fieldset[disabled] |
| - | input[type="search"], |
| - | input[type="tel"][disabled], |
| - | input[type="tel"][readonly], fieldset[disabled] |
| - | input[type="tel"], |
| - | input[type="time"][disabled], |
| - | input[type="time"][readonly], fieldset[disabled] |
| - | input[type="time"], |
| - | input[type="url"][disabled], |
| - | input[type="url"][readonly], fieldset[disabled] |
| - | input[type="url"], |
| - | input[type="color"][disabled], |
| - | input[type="color"][readonly], fieldset[disabled] |
| - | input[type="color"], |
| - | textarea[disabled], |
| - | textarea[readonly], fieldset[disabled] |
| - | textarea { |
| - | background-color: #dddddd; |
| - | cursor: default; } |
| - | input[type="text"].radius, |
| - | input[type="password"].radius, |
| - | input[type="date"].radius, |
| - | input[type="datetime"].radius, |
| - | input[type="datetime-local"].radius, |
| - | input[type="month"].radius, |
| - | input[type="week"].radius, |
| - | input[type="email"].radius, |
| - | input[type="number"].radius, |
| - | input[type="search"].radius, |
| - | input[type="tel"].radius, |
| - | input[type="time"].radius, |
| - | input[type="url"].radius, |
| - | input[type="color"].radius, |
| - | textarea.radius { |
| - | border-radius: 3px; } |
| - | |
| - | form .row .prefix-radius.row.collapse input, |
| - | form .row .prefix-radius.row.collapse textarea, |
| - | form .row .prefix-radius.row.collapse select { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | form .row .prefix-radius.row.collapse .prefix { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-left-radius: 3px; |
| - | -webkit-border-top-left-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-top-left-radius: 3px; } |
| - | form .row .postfix-radius.row.collapse input, |
| - | form .row .postfix-radius.row.collapse textarea, |
| - | form .row .postfix-radius.row.collapse select { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-left-radius: 3px; |
| - | -webkit-border-top-left-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-top-left-radius: 3px; } |
| - | form .row .postfix-radius.row.collapse .postfix { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | form .row .prefix-round.row.collapse input, |
| - | form .row .prefix-round.row.collapse textarea, |
| - | form .row .prefix-round.row.collapse select { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-right-radius: 1000px; |
| - | -webkit-border-top-right-radius: 1000px; |
| - | border-bottom-right-radius: 1000px; |
| - | border-top-right-radius: 1000px; } |
| - | form .row .prefix-round.row.collapse .prefix { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-left-radius: 1000px; |
| - | -webkit-border-top-left-radius: 1000px; |
| - | border-bottom-left-radius: 1000px; |
| - | border-top-left-radius: 1000px; } |
| - | form .row .postfix-round.row.collapse input, |
| - | form .row .postfix-round.row.collapse textarea, |
| - | form .row .postfix-round.row.collapse select { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-left-radius: 1000px; |
| - | -webkit-border-top-left-radius: 1000px; |
| - | border-bottom-left-radius: 1000px; |
| - | border-top-left-radius: 1000px; } |
| - | form .row .postfix-round.row.collapse .postfix { |
| - | border-radius: 0; |
| - | -webkit-border-bottom-right-radius: 1000px; |
| - | -webkit-border-top-right-radius: 1000px; |
| - | border-bottom-right-radius: 1000px; |
| - | border-top-right-radius: 1000px; } |
| - | |
| - | input[type="submit"] { |
| - | -webkit-appearance: none; |
| - | -webkit-border-radius: 0px; } |
| - | |
| - | /* Respect enforced amount of rows for textarea */ |
| - | textarea[rows] { |
| - | height: auto; } |
| - | |
| - | /* Not allow resize out of parent */ |
| - | textarea { |
| - | max-width: 100%; } |
| - | |
| - | /* Add height value for select elements to match text input height */ |
| - | select { |
| - | -webkit-appearance: none !important; |
| - | -webkit-border-radius: 0px; |
| - | background-color: #fafafa; |
| - | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); |
| - | background-position: 100% center; |
| - | background-repeat: no-repeat; |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | border-color: #cccccc; |
| - | padding: 0.5rem; |
| - | font-size: 0.875rem; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | color: rgba(0, 0, 0, 0.75); |
| - | line-height: normal; |
| - | border-radius: 0; |
| - | height: 2.3125rem; } |
| - | select::-ms-expand { |
| - | display: none; } |
| - | select.radius { |
| - | border-radius: 3px; } |
| - | select:hover { |
| - | background-color: #f3f3f3; |
| - | border-color: #999999; } |
| - | select:disabled { |
| - | background-color: #dddddd; |
| - | cursor: default; } |
| - | |
| - | /* Adjust margin for form elements below */ |
| - | input[type="file"], |
| - | input[type="checkbox"], |
| - | input[type="radio"], |
| - | select { |
| - | margin: 0 0 1rem 0; } |
| - | |
| - | input[type="checkbox"] + label, |
| - | input[type="radio"] + label { |
| - | display: inline-block; |
| - | margin-left: 0.5rem; |
| - | margin-right: 1rem; |
| - | margin-bottom: 0; |
| - | vertical-align: baseline; } |
| - | |
| - | /* Normalize file input width */ |
| - | input[type="file"] { |
| - | width: 100%; } |
| - | |
| - | /* HTML5 Number spinners settings */ |
| - | /* We add basic fieldset styling */ |
| - | fieldset { |
| - | border: 1px solid #dddddd; |
| - | padding: 1.25rem; |
| - | margin: 1.125rem 0; } |
| - | fieldset legend { |
| - | font-weight: bold; |
| - | background: white; |
| - | padding: 0 0.1875rem; |
| - | margin: 0; |
| - | margin-left: -0.1875rem; } |
| - | |
| - | /* Error Handling */ |
| - | [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { |
| - | display: block; |
| - | padding: 0.375rem 0.5625rem 0.5625rem; |
| - | margin-top: -1px; |
| - | margin-bottom: 1rem; |
| - | font-size: 0.75rem; |
| - | font-weight: normal; |
| - | font-style: italic; |
| - | background: #f04124; |
| - | color: white; } |
| - | [data-abide] span.error, [data-abide] small.error { |
| - | display: none; } |
| - | |
| - | span.error, small.error { |
| - | display: block; |
| - | padding: 0.375rem 0.5625rem 0.5625rem; |
| - | margin-top: -1px; |
| - | margin-bottom: 1rem; |
| - | font-size: 0.75rem; |
| - | font-weight: normal; |
| - | font-style: italic; |
| - | background: #f04124; |
| - | color: white; } |
| - | |
| - | .error input, |
| - | .error textarea, |
| - | .error select { |
| - | margin-bottom: 0; } |
| - | .error input[type="checkbox"], |
| - | .error input[type="radio"] { |
| - | margin-bottom: 1rem; } |
| - | .error label, |
| - | .error label.error { |
| - | color: #f04124; } |
| - | .error small.error { |
| - | display: block; |
| - | padding: 0.375rem 0.5625rem 0.5625rem; |
| - | margin-top: -1px; |
| - | margin-bottom: 1rem; |
| - | font-size: 0.75rem; |
| - | font-weight: normal; |
| - | font-style: italic; |
| - | background: #f04124; |
| - | color: white; } |
| - | .error > label > small { |
| - | color: #676767; |
| - | background: transparent; |
| - | padding: 0; |
| - | text-transform: capitalize; |
| - | font-style: normal; |
| - | font-size: 60%; |
| - | margin: 0; |
| - | display: inline; } |
| - | .error span.error-message { |
| - | display: block; } |
| - | |
| - | input.error, |
| - | textarea.error, |
| - | select.error { |
| - | margin-bottom: 0; } |
| - | |
| - | label.error { |
| - | color: #f04124; } |
| - | |
| - | .icon-bar { |
| - | width: 100%; |
| - | font-size: 0; |
| - | display: inline-block; |
| - | background: #333333; } |
| - | .icon-bar > * { |
| - | text-align: center; |
| - | font-size: 1rem; |
| - | width: 25%; |
| - | margin: 0 auto; |
| - | display: block; |
| - | padding: 1.25rem; |
| - | float: left; } |
| - | .icon-bar > * i, .icon-bar > * img { |
| - | display: block; |
| - | margin: 0 auto; } |
| - | .icon-bar > * i + label, .icon-bar > * img + label { |
| - | margin-top: .0625rem; } |
| - | .icon-bar > * i { |
| - | font-size: 1.875rem; |
| - | vertical-align: middle; } |
| - | .icon-bar > * img { |
| - | width: 1.875rem; |
| - | height: 1.875rem; } |
| - | .icon-bar.label-right > * i, .icon-bar.label-right > * img { |
| - | margin: 0 .0625rem 0 0; |
| - | display: inline-block; } |
| - | .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { |
| - | margin-top: 0; } |
| - | .icon-bar.label-right > * label { |
| - | display: inline-block; } |
| - | .icon-bar.vertical.label-right > * { |
| - | text-align: left; } |
| - | .icon-bar.vertical, .icon-bar.small-vertical { |
| - | height: 100%; |
| - | width: auto; } |
| - | .icon-bar.vertical .item, .icon-bar.small-vertical .item { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .icon-bar.medium-vertical { |
| - | height: 100%; |
| - | width: auto; } |
| - | .icon-bar.medium-vertical .item { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .icon-bar.large-vertical { |
| - | height: 100%; |
| - | width: auto; } |
| - | .icon-bar.large-vertical .item { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; } } |
| - | .icon-bar > * { |
| - | font-size: 1rem; |
| - | padding: 1.25rem; } |
| - | .icon-bar > * i + label, .icon-bar > * img + label { |
| - | margin-top: .0625rem; } |
| - | .icon-bar > * i { |
| - | font-size: 1.875rem; } |
| - | .icon-bar > * img { |
| - | width: 1.875rem; |
| - | height: 1.875rem; } |
| - | .icon-bar > *:hover { |
| - | background: #008cba; } |
| - | .icon-bar > * label { |
| - | color: white; } |
| - | .icon-bar > * i { |
| - | color: white; } |
| - | |
| - | .icon-bar.two-up .item { |
| - | width: 50%; } |
| - | .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { |
| - | width: auto; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .icon-bar.two-up.medium-vertical .item { |
| - | width: auto; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .icon-bar.two-up.large-vertical .item { |
| - | width: auto; } } |
| - | .icon-bar.three-up .item { |
| - | width: 33.3333%; } |
| - | .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { |
| - | width: auto; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .icon-bar.three-up.medium-vertical .item { |
| - | width: auto; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .icon-bar.three-up.large-vertical .item { |
| - | width: auto; } } |
| - | .icon-bar.four-up .item { |
| - | width: 25%; } |
| - | .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { |
| - | width: auto; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .icon-bar.four-up.medium-vertical .item { |
| - | width: auto; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .icon-bar.four-up.large-vertical .item { |
| - | width: auto; } } |
| - | .icon-bar.five-up .item { |
| - | width: 20%; } |
| - | .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { |
| - | width: auto; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .icon-bar.five-up.medium-vertical .item { |
| - | width: auto; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .icon-bar.five-up.large-vertical .item { |
| - | width: auto; } } |
| - | .icon-bar.six-up .item { |
| - | width: 16.66667%; } |
| - | .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { |
| - | width: auto; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .icon-bar.six-up.medium-vertical .item { |
| - | width: auto; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .icon-bar.six-up.large-vertical .item { |
| - | width: auto; } } |
| - | |
| - | .inline-list { |
| - | margin: 0 auto 1.0625rem auto; |
| - | margin-left: -1.375rem; |
| - | margin-right: 0; |
| - | padding: 0; |
| - | list-style: none; |
| - | overflow: hidden; } |
| - | .inline-list > li { |
| - | list-style: none; |
| - | float: left; |
| - | margin-left: 1.375rem; |
| - | display: block; } |
| - | .inline-list > li > * { |
| - | display: block; } |
| - | |
| - | /* Foundation Joyride */ |
| - | .joyride-list { |
| - | display: none; } |
| - | |
| - | /* Default styles for the container */ |
| - | .joyride-tip-guide { |
| - | display: none; |
| - | position: absolute; |
| - | background: #333333; |
| - | color: white; |
| - | z-index: 101; |
| - | top: 0; |
| - | left: 2.5%; |
| - | font-family: inherit; |
| - | font-weight: normal; |
| - | width: 95%; } |
| - | |
| - | .lt-ie9 .joyride-tip-guide { |
| - | max-width: 800px; |
| - | left: 50%; |
| - | margin-left: -400px; } |
| - | |
| - | .joyride-content-wrapper { |
| - | width: 100%; |
| - | padding: 1.125rem 1.25rem 1.5rem; } |
| - | .joyride-content-wrapper .button { |
| - | margin-bottom: 0 !important; } |
| - | .joyride-content-wrapper .joyride-prev-tip { |
| - | margin-right: 10px; } |
| - | |
| - | /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ |
| - | .joyride-tip-guide .joyride-nub { |
| - | display: block; |
| - | position: absolute; |
| - | left: 22px; |
| - | width: 0; |
| - | height: 0; |
| - | border: 10px solid #333333; } |
| - | .joyride-tip-guide .joyride-nub.top { |
| - | border-top-style: solid; |
| - | border-color: #333333; |
| - | border-top-color: transparent !important; |
| - | border-left-color: transparent !important; |
| - | border-right-color: transparent !important; |
| - | top: -20px; } |
| - | .joyride-tip-guide .joyride-nub.bottom { |
| - | border-bottom-style: solid; |
| - | border-color: #333333 !important; |
| - | border-bottom-color: transparent !important; |
| - | border-left-color: transparent !important; |
| - | border-right-color: transparent !important; |
| - | bottom: -20px; } |
| - | .joyride-tip-guide .joyride-nub.right { |
| - | right: -20px; } |
| - | .joyride-tip-guide .joyride-nub.left { |
| - | left: -20px; } |
| - | |
| - | /* Typography */ |
| - | .joyride-tip-guide h1, |
| - | .joyride-tip-guide h2, |
| - | .joyride-tip-guide h3, |
| - | .joyride-tip-guide h4, |
| - | .joyride-tip-guide h5, |
| - | .joyride-tip-guide h6 { |
| - | line-height: 1.25; |
| - | margin: 0; |
| - | font-weight: bold; |
| - | color: white; } |
| - | |
| - | .joyride-tip-guide p { |
| - | margin: 0 0 1.125rem 0; |
| - | font-size: 0.875rem; |
| - | line-height: 1.3; } |
| - | |
| - | .joyride-timer-indicator-wrap { |
| - | width: 50px; |
| - | height: 3px; |
| - | border: solid 1px #555555; |
| - | position: absolute; |
| - | right: 1.0625rem; |
| - | bottom: 1rem; } |
| - | |
| - | .joyride-timer-indicator { |
| - | display: block; |
| - | width: 0; |
| - | height: inherit; |
| - | background: #666666; } |
| - | |
| - | .joyride-close-tip { |
| - | position: absolute; |
| - | right: 12px; |
| - | top: 10px; |
| - | color: #777777 !important; |
| - | text-decoration: none; |
| - | font-size: 24px; |
| - | font-weight: normal; |
| - | line-height: .5 !important; } |
| - | .joyride-close-tip:hover, .joyride-close-tip:focus { |
| - | color: #eeeeee !important; } |
| - | |
| - | .joyride-modal-bg { |
| - | position: fixed; |
| - | height: 100%; |
| - | width: 100%; |
| - | background: transparent; |
| - | background: rgba(0, 0, 0, 0.5); |
| - | z-index: 100; |
| - | display: none; |
| - | top: 0; |
| - | left: 0; |
| - | cursor: pointer; } |
| - | |
| - | .joyride-expose-wrapper { |
| - | background-color: white; |
| - | position: absolute; |
| - | border-radius: 3px; |
| - | z-index: 102; |
| - | box-shadow: 0 0 15px white; } |
| - | |
| - | .joyride-expose-cover { |
| - | background: transparent; |
| - | border-radius: 3px; |
| - | position: absolute; |
| - | z-index: 9999; |
| - | top: 0; |
| - | left: 0; } |
| - | |
| - | /* Styles for screens that are at least 768px; */ |
| - | @media only screen and (min-width: 40.063em) { |
| - | .joyride-tip-guide { |
| - | width: 300px; |
| - | left: inherit; } |
| - | .joyride-tip-guide .joyride-nub.bottom { |
| - | border-color: #333333 !important; |
| - | border-bottom-color: transparent !important; |
| - | border-left-color: transparent !important; |
| - | border-right-color: transparent !important; |
| - | bottom: -20px; } |
| - | .joyride-tip-guide .joyride-nub.right { |
| - | border-color: #333333 !important; |
| - | border-top-color: transparent !important; |
| - | border-right-color: transparent !important; |
| - | border-bottom-color: transparent !important; |
| - | top: 22px; |
| - | left: auto; |
| - | right: -20px; } |
| - | .joyride-tip-guide .joyride-nub.left { |
| - | border-color: #333333 !important; |
| - | border-top-color: transparent !important; |
| - | border-left-color: transparent !important; |
| - | border-bottom-color: transparent !important; |
| - | top: 22px; |
| - | left: -20px; |
| - | right: auto; } } |
| - | .keystroke, |
| - | kbd { |
| - | background-color: #ededed; |
| - | border-color: #dddddd; |
| - | color: #222222; |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | margin: 0; |
| - | font-family: "Consolas", "Menlo", "Courier", monospace; |
| - | font-size: inherit; |
| - | padding: 0.125rem 0.25rem 0; |
| - | border-radius: 3px; } |
| - | |
| - | .label { |
| - | font-weight: normal; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | text-align: center; |
| - | text-decoration: none; |
| - | line-height: 1; |
| - | white-space: nowrap; |
| - | display: inline-block; |
| - | position: relative; |
| - | margin-bottom: inherit; |
| - | padding: 0.25rem 0.5rem 0.25rem; |
| - | font-size: 0.6875rem; |
| - | background-color: #008cba; |
| - | color: white; } |
| - | .label.radius { |
| - | border-radius: 3px; } |
| - | .label.round { |
| - | border-radius: 1000px; } |
| - | .label.alert { |
| - | background-color: #f04124; |
| - | color: white; } |
| - | .label.warning { |
| - | background-color: #f08a24; |
| - | color: white; } |
| - | .label.success { |
| - | background-color: #43ac6a; |
| - | color: white; } |
| - | .label.secondary { |
| - | background-color: #e7e7e7; |
| - | color: #333333; } |
| - | .label.info { |
| - | background-color: #a0d3e8; |
| - | color: #333333; } |
| - | |
| - | [data-magellan-expedition], [data-magellan-expedition-clone] { |
| - | background: white; |
| - | z-index: 50; |
| - | min-width: 100%; |
| - | padding: 10px; } |
| - | [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { |
| - | margin-bottom: 0; } |
| - | [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { |
| - | margin-bottom: 0; } |
| - | [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { |
| - | line-height: 1.8em; } |
| - | |
| - | @-webkit-keyframes rotate { |
| - | from { |
| - | -webkit-transform: rotate(0deg); } |
| - | |
| - | to { |
| - | -webkit-transform: rotate(360deg); } } |
| - | @-moz-keyframes rotate { |
| - | from { |
| - | -moz-transform: rotate(0deg); } |
| - | |
| - | to { |
| - | -moz-transform: rotate(360deg); } } |
| - | @-o-keyframes rotate { |
| - | from { |
| - | -o-transform: rotate(0deg); } |
| - | |
| - | to { |
| - | -o-transform: rotate(360deg); } } |
| - | @keyframes rotate { |
| - | from { |
| - | transform: rotate(0deg); } |
| - | |
| - | to { |
| - | transform: rotate(360deg); } } |
| - | /* Orbit Graceful Loading */ |
| - | .slideshow-wrapper { |
| - | position: relative; } |
| - | .slideshow-wrapper ul { |
| - | list-style-type: none; |
| - | margin: 0; } |
| - | .slideshow-wrapper ul li, |
| - | .slideshow-wrapper ul li .orbit-caption { |
| - | display: none; } |
| - | .slideshow-wrapper ul li:first-child { |
| - | display: block; } |
| - | .slideshow-wrapper .orbit-container { |
| - | background-color: transparent; } |
| - | .slideshow-wrapper .orbit-container li { |
| - | display: block; } |
| - | .slideshow-wrapper .orbit-container li .orbit-caption { |
| - | display: block; } |
| - | .slideshow-wrapper .orbit-container .orbit-bullets li { |
| - | display: inline-block; } |
| - | .slideshow-wrapper .preloader { |
| - | display: block; |
| - | width: 40px; |
| - | height: 40px; |
| - | position: absolute; |
| - | top: 50%; |
| - | left: 50%; |
| - | margin-top: -20px; |
| - | margin-left: -20px; |
| - | border: solid 3px; |
| - | border-color: #555555 white; |
| - | border-radius: 1000px; |
| - | animation-name: rotate; |
| - | animation-duration: 1.5s; |
| - | animation-iteration-count: infinite; |
| - | animation-timing-function: linear; } |
| - | |
| - | .orbit-container { |
| - | overflow: hidden; |
| - | width: 100%; |
| - | position: relative; |
| - | background: none; } |
| - | .orbit-container .orbit-slides-container { |
| - | list-style: none; |
| - | margin: 0; |
| - | padding: 0; |
| - | position: relative; |
| - | -webkit-transform: translateZ(0); } |
| - | .orbit-container .orbit-slides-container img { |
| - | display: block; |
| - | max-width: 100%; } |
| - | .orbit-container .orbit-slides-container > * { |
| - | position: absolute; |
| - | top: 0; |
| - | width: 100%; |
| - | margin-left: 100%; } |
| - | .orbit-container .orbit-slides-container > *:first-child { |
| - | margin-left: 0%; } |
| - | .orbit-container .orbit-slides-container > * .orbit-caption { |
| - | position: absolute; |
| - | bottom: 0; |
| - | background-color: rgba(51, 51, 51, 0.8); |
| - | color: white; |
| - | width: 100%; |
| - | padding: 0.625rem 0.875rem; |
| - | font-size: 0.875rem; } |
| - | .orbit-container .orbit-slide-number { |
| - | position: absolute; |
| - | top: 10px; |
| - | left: 10px; |
| - | font-size: 12px; |
| - | color: white; |
| - | background: transparent; |
| - | z-index: 10; } |
| - | .orbit-container .orbit-slide-number span { |
| - | font-weight: 700; |
| - | padding: 0.3125rem; } |
| - | .orbit-container .orbit-timer { |
| - | position: absolute; |
| - | top: 12px; |
| - | right: 10px; |
| - | height: 6px; |
| - | width: 100px; |
| - | z-index: 10; } |
| - | .orbit-container .orbit-timer .orbit-progress { |
| - | height: 3px; |
| - | background-color: rgba(255, 255, 255, 0.3); |
| - | display: block; |
| - | width: 0%; |
| - | position: relative; |
| - | right: 20px; |
| - | top: 5px; } |
| - | .orbit-container .orbit-timer > span { |
| - | display: none; |
| - | position: absolute; |
| - | top: 0px; |
| - | right: 0; |
| - | width: 11px; |
| - | height: 14px; |
| - | border: solid 4px white; |
| - | border-top: none; |
| - | border-bottom: none; } |
| - | .orbit-container .orbit-timer.paused > span { |
| - | right: -4px; |
| - | top: 0px; |
| - | width: 11px; |
| - | height: 14px; |
| - | border: inset 8px; |
| - | border-left-style: solid; |
| - | border-color: transparent; |
| - | border-left-color: white; } |
| - | .orbit-container .orbit-timer.paused > span.dark { |
| - | border-left-color: #333333; } |
| - | .orbit-container:hover .orbit-timer > span { |
| - | display: block; } |
| - | .orbit-container .orbit-prev, |
| - | .orbit-container .orbit-next { |
| - | position: absolute; |
| - | top: 45%; |
| - | margin-top: -25px; |
| - | width: 36px; |
| - | height: 60px; |
| - | line-height: 50px; |
| - | color: white; |
| - | background-color: transparent; |
| - | text-indent: -9999px !important; |
| - | z-index: 10; } |
| - | .orbit-container .orbit-prev:hover, |
| - | .orbit-container .orbit-next:hover { |
| - | background-color: rgba(0, 0, 0, 0.3); } |
| - | .orbit-container .orbit-prev > span, |
| - | .orbit-container .orbit-next > span { |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -10px; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 10px; } |
| - | .orbit-container .orbit-prev { |
| - | left: 0; } |
| - | .orbit-container .orbit-prev > span { |
| - | border-right-style: solid; |
| - | border-color: transparent; |
| - | border-right-color: white; } |
| - | .orbit-container .orbit-prev:hover > span { |
| - | border-right-color: white; } |
| - | .orbit-container .orbit-next { |
| - | right: 0; } |
| - | .orbit-container .orbit-next > span { |
| - | border-color: transparent; |
| - | border-left-style: solid; |
| - | border-left-color: white; |
| - | left: 50%; |
| - | margin-left: -4px; } |
| - | .orbit-container .orbit-next:hover > span { |
| - | border-left-color: white; } |
| - | |
| - | .orbit-bullets-container { |
| - | text-align: center; } |
| - | |
| - | .orbit-bullets { |
| - | margin: 0 auto 30px auto; |
| - | overflow: hidden; |
| - | position: relative; |
| - | top: 10px; |
| - | float: none; |
| - | text-align: center; |
| - | display: block; } |
| - | .orbit-bullets li { |
| - | cursor: pointer; |
| - | display: inline-block; |
| - | width: 0.5625rem; |
| - | height: 0.5625rem; |
| - | background: #cccccc; |
| - | float: none; |
| - | margin-right: 6px; |
| - | border-radius: 1000px; } |
| - | .orbit-bullets li.active { |
| - | background: #999999; } |
| - | .orbit-bullets li:last-child { |
| - | margin-right: 0; } |
| - | |
| - | .touch .orbit-container .orbit-prev, |
| - | .touch .orbit-container .orbit-next { |
| - | display: none; } |
| - | .touch .orbit-bullets { |
| - | display: none; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | .touch .orbit-container .orbit-prev, |
| - | .touch .orbit-container .orbit-next { |
| - | display: inherit; } |
| - | .touch .orbit-bullets { |
| - | display: block; } } |
| - | @media only screen and (max-width: 40em) { |
| - | .orbit-stack-on-small .orbit-slides-container { |
| - | height: auto !important; } |
| - | .orbit-stack-on-small .orbit-slides-container > * { |
| - | position: relative; |
| - | margin: 0% !important; |
| - | opacity: 1 !important; } |
| - | .orbit-stack-on-small .orbit-slide-number { |
| - | display: none; } |
| - | |
| - | .orbit-timer { |
| - | display: none; } |
| - | |
| - | .orbit-next, .orbit-prev { |
| - | display: none; } |
| - | |
| - | .orbit-bullets { |
| - | display: none; } } |
| - | ul.pagination { |
| - | display: block; |
| - | min-height: 1.5rem; |
| - | margin-left: -0.3125rem; } |
| - | ul.pagination li { |
| - | height: 1.5rem; |
| - | color: #222222; |
| - | font-size: 0.875rem; |
| - | margin-left: 0.3125rem; } |
| - | ul.pagination li a, ul.pagination li button { |
| - | display: block; |
| - | padding: 0.0625rem 0.625rem 0.0625rem; |
| - | color: #999999; |
| - | background: none; |
| - | border-radius: 3px; |
| - | font-weight: normal; |
| - | font-size: 1em; |
| - | line-height: inherit; |
| - | transition: background-color 300ms ease-out; } |
| - | ul.pagination li:hover a, |
| - | ul.pagination li a:focus, ul.pagination li:hover button, |
| - | ul.pagination li button:focus { |
| - | background: #e6e6e6; } |
| - | ul.pagination li.unavailable a, ul.pagination li.unavailable button { |
| - | cursor: default; |
| - | color: #999999; } |
| - | ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { |
| - | background: transparent; } |
| - | ul.pagination li.current a, ul.pagination li.current button { |
| - | background: #008cba; |
| - | color: white; |
| - | font-weight: bold; |
| - | cursor: default; } |
| - | ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { |
| - | background: #008cba; } |
| - | ul.pagination li { |
| - | float: left; |
| - | display: block; } |
| - | |
| - | /* Pagination centred wrapper */ |
| - | .pagination-centered { |
| - | text-align: center; } |
| - | .pagination-centered ul.pagination li { |
| - | float: none; |
| - | display: inline-block; } |
| - | |
| - | /* Panels */ |
| - | .panel { |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | border-color: #d8d8d8; |
| - | margin-bottom: 1.25rem; |
| - | padding: 1.25rem; |
| - | background: #f2f2f2; |
| - | color: #333333; } |
| - | .panel > :first-child { |
| - | margin-top: 0; } |
| - | .panel > :last-child { |
| - | margin-bottom: 0; } |
| - | .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { |
| - | color: #333333; } |
| - | .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { |
| - | line-height: 1; |
| - | margin-bottom: 0.625rem; } |
| - | .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { |
| - | line-height: 1.4; } |
| - | .panel.callout { |
| - | border-style: solid; |
| - | border-width: 1px; |
| - | border-color: #b6edff; |
| - | margin-bottom: 1.25rem; |
| - | padding: 1.25rem; |
| - | background: #ecfaff; |
| - | color: #333333; } |
| - | .panel.callout > :first-child { |
| - | margin-top: 0; } |
| - | .panel.callout > :last-child { |
| - | margin-bottom: 0; } |
| - | .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { |
| - | color: #333333; } |
| - | .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { |
| - | line-height: 1; |
| - | margin-bottom: 0.625rem; } |
| - | .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { |
| - | line-height: 1.4; } |
| - | .panel.callout a:not(.button) { |
| - | color: #008cba; } |
| - | .panel.radius { |
| - | border-radius: 3px; } |
| - | |
| - | /* Pricing Tables */ |
| - | .pricing-table { |
| - | border: solid 1px #dddddd; |
| - | margin-left: 0; |
| - | margin-bottom: 1.25rem; } |
| - | .pricing-table * { |
| - | list-style: none; |
| - | line-height: 1; } |
| - | .pricing-table .title { |
| - | background-color: #333333; |
| - | padding: 0.9375rem 1.25rem; |
| - | text-align: center; |
| - | color: #eeeeee; |
| - | font-weight: normal; |
| - | font-size: 1rem; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } |
| - | .pricing-table .price { |
| - | background-color: #f6f6f6; |
| - | padding: 0.9375rem 1.25rem; |
| - | text-align: center; |
| - | color: #333333; |
| - | font-weight: normal; |
| - | font-size: 2rem; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } |
| - | .pricing-table .description { |
| - | background-color: white; |
| - | padding: 0.9375rem; |
| - | text-align: center; |
| - | color: #777777; |
| - | font-size: 0.75rem; |
| - | font-weight: normal; |
| - | line-height: 1.4; |
| - | border-bottom: dotted 1px #dddddd; } |
| - | .pricing-table .bullet-item { |
| - | background-color: white; |
| - | padding: 0.9375rem; |
| - | text-align: center; |
| - | color: #333333; |
| - | font-size: 0.875rem; |
| - | font-weight: normal; |
| - | border-bottom: dotted 1px #dddddd; } |
| - | .pricing-table .cta-button { |
| - | background-color: white; |
| - | text-align: center; |
| - | padding: 1.25rem 1.25rem 0; } |
| - | |
| - | /* Progress Bar */ |
| - | .progress { |
| - | background-color: #f6f6f6; |
| - | height: 1.5625rem; |
| - | border: 1px solid white; |
| - | padding: 0.125rem; |
| - | margin-bottom: 0.625rem; } |
| - | .progress .meter { |
| - | background: #008cba; |
| - | height: 100%; |
| - | display: block; } |
| - | .progress.secondary .meter { |
| - | background: #e7e7e7; |
| - | height: 100%; |
| - | display: block; } |
| - | .progress.success .meter { |
| - | background: #43ac6a; |
| - | height: 100%; |
| - | display: block; } |
| - | .progress.alert .meter { |
| - | background: #f04124; |
| - | height: 100%; |
| - | display: block; } |
| - | .progress.radius { |
| - | border-radius: 3px; } |
| - | .progress.radius .meter { |
| - | border-radius: 2px; } |
| - | .progress.round { |
| - | border-radius: 1000px; } |
| - | .progress.round .meter { |
| - | border-radius: 999px; } |
| - | |
| - | .range-slider { |
| - | display: block; |
| - | position: relative; |
| - | width: 100%; |
| - | height: 1rem; |
| - | border: 1px solid #dddddd; |
| - | margin: 1.25rem 0; |
| - | -ms-touch-action: none; |
| - | touch-action: none; |
| - | background: #fafafa; } |
| - | .range-slider.vertical-range { |
| - | display: block; |
| - | position: relative; |
| - | width: 100%; |
| - | height: 1rem; |
| - | border: 1px solid #dddddd; |
| - | margin: 1.25rem 0; |
| - | -ms-touch-action: none; |
| - | touch-action: none; |
| - | display: inline-block; |
| - | width: 1rem; |
| - | height: 12.5rem; } |
| - | .range-slider.vertical-range .range-slider-handle { |
| - | margin-top: 0; |
| - | margin-left: -0.5rem; |
| - | position: absolute; |
| - | bottom: -10.5rem; } |
| - | .range-slider.vertical-range .range-slider-active-segment { |
| - | width: 0.875rem; |
| - | height: auto; |
| - | bottom: 0; } |
| - | .range-slider.radius { |
| - | background: #fafafa; |
| - | border-radius: 3px; } |
| - | .range-slider.radius .range-slider-handle { |
| - | background: #008cba; |
| - | border-radius: 3px; } |
| - | .range-slider.radius .range-slider-handle:hover { |
| - | background: #007ba4; } |
| - | .range-slider.round { |
| - | background: #fafafa; |
| - | border-radius: 1000px; } |
| - | .range-slider.round .range-slider-handle { |
| - | background: #008cba; |
| - | border-radius: 1000px; } |
| - | .range-slider.round .range-slider-handle:hover { |
| - | background: #007ba4; } |
| - | .range-slider.disabled, .range-slider[disabled] { |
| - | background: #fafafa; |
| - | cursor: default; |
| - | opacity: 0.7; } |
| - | .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { |
| - | background: #008cba; |
| - | cursor: default; |
| - | opacity: 0.7; } |
| - | .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { |
| - | background: #007ba4; } |
| - | |
| - | .range-slider-active-segment { |
| - | display: inline-block; |
| - | position: absolute; |
| - | height: 0.875rem; |
| - | background: #e5e5e5; } |
| - | |
| - | .range-slider-handle { |
| - | display: inline-block; |
| - | position: absolute; |
| - | z-index: 1; |
| - | top: -0.3125rem; |
| - | width: 2rem; |
| - | height: 1.375rem; |
| - | border: 1px solid none; |
| - | cursor: pointer; |
| - | -ms-touch-action: manipulation; |
| - | touch-action: manipulation; |
| - | background: #008cba; } |
| - | .range-slider-handle:hover { |
| - | background: #007ba4; } |
| - | |
| - | .reveal-modal-bg { |
| - | position: fixed; |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | background: black; |
| - | background: rgba(0, 0, 0, 0.45); |
| - | z-index: 1004; |
| - | display: none; |
| - | left: 0; } |
| - | |
| - | .reveal-modal, dialog { |
| - | visibility: hidden; |
| - | display: none; |
| - | position: absolute; |
| - | z-index: 1005; |
| - | width: 100vw; |
| - | top: 0; |
| - | border-radius: 3px; |
| - | left: 0; |
| - | background-color: white; |
| - | padding: 1.25rem; |
| - | border: solid 1px #666666; |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); |
| - | padding: 1.875rem; } |
| - | @media only screen and (max-width: 40em) { |
| - | .reveal-modal, dialog { |
| - | min-height: 100vh; } } |
| - | .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns { |
| - | min-width: 0; } |
| - | .reveal-modal > :first-child, dialog > :first-child { |
| - | margin-top: 0; } |
| - | .reveal-modal > :last-child, dialog > :last-child { |
| - | margin-bottom: 0; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal, dialog { |
| - | width: 80%; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal, dialog { |
| - | top: 6.25rem; } } |
| - | .reveal-modal.radius, dialog.radius { |
| - | border-radius: 3px; } |
| - | .reveal-modal.round, dialog.round { |
| - | border-radius: 1000px; } |
| - | .reveal-modal.collapse, dialog.collapse { |
| - | padding: 0; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal.tiny, dialog.tiny { |
| - | width: 30%; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal.small, dialog.small { |
| - | width: 40%; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal.medium, dialog.medium { |
| - | width: 60%; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal.large, dialog.large { |
| - | width: 70%; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal.xlarge, dialog.xlarge { |
| - | width: 95%; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | .reveal-modal.full, dialog.full { |
| - | top: 0; |
| - | left: 0; |
| - | height: 100%; |
| - | height: 100vh; |
| - | min-height: 100vh; |
| - | max-width: none !important; |
| - | margin-left: 0 !important; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .reveal-modal.full, dialog.full { |
| - | width: 100vw; |
| - | max-width: 62.5rem; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; } } |
| - | .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { |
| - | font-size: 2.5rem; |
| - | line-height: 1; |
| - | position: absolute; |
| - | top: 0.5rem; |
| - | right: 0.6875rem; |
| - | color: #aaaaaa; |
| - | font-weight: bold; |
| - | cursor: pointer; } |
| - | |
| - | dialog { |
| - | display: none; } |
| - | dialog::backdrop, dialog + .backdrop { |
| - | position: fixed; |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | background: black; |
| - | background: rgba(0, 0, 0, 0.45); |
| - | z-index: auto; |
| - | display: none; |
| - | left: 0; } |
| - | dialog[open] { |
| - | display: block; } |
| - | |
| - | @media print { |
| - | dialog, .reveal-modal, dialog { |
| - | display: none; |
| - | background: white !important; } } |
| - | .side-nav { |
| - | display: block; |
| - | margin: 0; |
| - | padding: 0.875rem 0; |
| - | list-style-type: none; |
| - | list-style-position: outside; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } |
| - | .side-nav li { |
| - | margin: 0 0 0.4375rem 0; |
| - | font-size: 0.875rem; |
| - | font-weight: normal; } |
| - | .side-nav li a:not(.button) { |
| - | display: block; |
| - | color: #008cba; |
| - | margin: 0; |
| - | padding: 0.4375rem 0.875rem; } |
| - | .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { |
| - | background: rgba(0, 0, 0, 0.025); |
| - | color: #1cc7ff; } |
| - | .side-nav li.active > a:first-child:not(.button) { |
| - | color: #1cc7ff; |
| - | font-weight: normal; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } |
| - | .side-nav li.divider { |
| - | border-top: 1px solid; |
| - | height: 0; |
| - | padding: 0; |
| - | list-style: none; |
| - | border-top-color: white; } |
| - | .side-nav li.heading { |
| - | color: #008cba; |
| - | font-size: 0.875rem; |
| - | font-weight: bold; |
| - | text-transform: uppercase; } |
| - | |
| - | .split.button { |
| - | position: relative; |
| - | padding-right: 5.0625rem; } |
| - | .split.button span { |
| - | display: block; |
| - | height: 100%; |
| - | position: absolute; |
| - | right: 0; |
| - | top: 0; |
| - | border-left: solid 1px; } |
| - | .split.button span:after { |
| - | position: absolute; |
| - | content: ""; |
| - | width: 0; |
| - | height: 0; |
| - | display: block; |
| - | border-style: inset; |
| - | top: 50%; |
| - | left: 50%; } |
| - | .split.button span:active { |
| - | background-color: rgba(0, 0, 0, 0.1); } |
| - | .split.button span { |
| - | border-left-color: rgba(255, 255, 255, 0.5); } |
| - | .split.button span { |
| - | width: 3.09375rem; } |
| - | .split.button span:after { |
| - | border-top-style: solid; |
| - | border-width: 0.375rem; |
| - | top: 48%; |
| - | margin-left: -0.375rem; } |
| - | .split.button span:after { |
| - | border-color: white transparent transparent transparent; } |
| - | .split.button.secondary span { |
| - | border-left-color: rgba(255, 255, 255, 0.5); } |
| - | .split.button.secondary span:after { |
| - | border-color: white transparent transparent transparent; } |
| - | .split.button.alert span { |
| - | border-left-color: rgba(255, 255, 255, 0.5); } |
| - | .split.button.success span { |
| - | border-left-color: rgba(255, 255, 255, 0.5); } |
| - | .split.button.tiny { |
| - | padding-right: 3.75rem; } |
| - | .split.button.tiny span { |
| - | width: 2.25rem; } |
| - | .split.button.tiny span:after { |
| - | border-top-style: solid; |
| - | border-width: 0.375rem; |
| - | top: 48%; |
| - | margin-left: -0.375rem; } |
| - | .split.button.small { |
| - | padding-right: 4.375rem; } |
| - | .split.button.small span { |
| - | width: 2.625rem; } |
| - | .split.button.small span:after { |
| - | border-top-style: solid; |
| - | border-width: 0.4375rem; |
| - | top: 48%; |
| - | margin-left: -0.375rem; } |
| - | .split.button.large { |
| - | padding-right: 5.5rem; } |
| - | .split.button.large span { |
| - | width: 3.4375rem; } |
| - | .split.button.large span:after { |
| - | border-top-style: solid; |
| - | border-width: 0.3125rem; |
| - | top: 48%; |
| - | margin-left: -0.375rem; } |
| - | .split.button.expand { |
| - | padding-left: 2rem; } |
| - | .split.button.secondary span:after { |
| - | border-color: #333333 transparent transparent transparent; } |
| - | .split.button.radius span { |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | .split.button.round span { |
| - | -webkit-border-bottom-right-radius: 1000px; |
| - | -webkit-border-top-right-radius: 1000px; |
| - | border-bottom-right-radius: 1000px; |
| - | border-top-right-radius: 1000px; } |
| - | |
| - | .sub-nav { |
| - | display: block; |
| - | width: auto; |
| - | overflow: hidden; |
| - | margin-bottom: -0.25rem 0 1.125rem; |
| - | padding-top: 0.25rem; } |
| - | .sub-nav dt { |
| - | text-transform: uppercase; } |
| - | .sub-nav dt, |
| - | .sub-nav dd, |
| - | .sub-nav li { |
| - | float: left; |
| - | display: inline; |
| - | margin-left: 1rem; |
| - | margin-bottom: 0; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-weight: normal; |
| - | font-size: 0.875rem; |
| - | color: #999999; } |
| - | .sub-nav dt a, |
| - | .sub-nav dd a, |
| - | .sub-nav li a { |
| - | text-decoration: none; |
| - | color: #999999; |
| - | padding: 0.1875rem 1rem; } |
| - | .sub-nav dt a:hover, |
| - | .sub-nav dd a:hover, |
| - | .sub-nav li a:hover { |
| - | color: #737373; } |
| - | .sub-nav dt.active a, |
| - | .sub-nav dd.active a, |
| - | .sub-nav li.active a { |
| - | border-radius: 3px; |
| - | font-weight: normal; |
| - | background: #008cba; |
| - | padding: 0.1875rem 1rem; |
| - | cursor: default; |
| - | color: white; } |
| - | .sub-nav dt.active a:hover, |
| - | .sub-nav dd.active a:hover, |
| - | .sub-nav li.active a:hover { |
| - | background: #0078a0; } |
| - | |
| - | .switch { |
| - | padding: 0; |
| - | border: none; |
| - | position: relative; |
| - | outline: 0; |
| - | -webkit-user-select: none; |
| - | -moz-user-select: none; |
| - | user-select: none; } |
| - | .switch label { |
| - | display: block; |
| - | margin-bottom: 1rem; |
| - | position: relative; |
| - | color: transparent; |
| - | background: #dddddd; |
| - | text-indent: 100%; |
| - | width: 4rem; |
| - | height: 2rem; |
| - | cursor: pointer; |
| - | transition: left 0.15s ease-out; } |
| - | .switch input { |
| - | opacity: 0; |
| - | position: absolute; |
| - | top: 9px; |
| - | left: 10px; |
| - | padding: 0; } |
| - | .switch input + label { |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | .switch label:after { |
| - | content: ""; |
| - | display: block; |
| - | background: white; |
| - | position: absolute; |
| - | top: .25rem; |
| - | left: .25rem; |
| - | width: 1.5rem; |
| - | height: 1.5rem; |
| - | -webkit-transition: left 0.15s ease-out; |
| - | -moz-transition: left 0.15s ease-out; |
| - | transition: left 0.15s ease-out; |
| - | -webkit-transform: translate3d(0, 0, 0); |
| - | -moz-transform: translate3d(0, 0, 0); |
| - | transform: translate3d(0, 0, 0); } |
| - | .switch input:checked + label { |
| - | background: #008cba; } |
| - | .switch input:checked + label:after { |
| - | left: 2.25rem; } |
| - | .switch label { |
| - | width: 4rem; |
| - | height: 2rem; } |
| - | .switch label:after { |
| - | width: 1.5rem; |
| - | height: 1.5rem; } |
| - | .switch input:checked + label:after { |
| - | left: 2.25rem; } |
| - | .switch label { |
| - | color: transparent; |
| - | background: #dddddd; } |
| - | .switch label:after { |
| - | background: white; } |
| - | .switch input:checked + label { |
| - | background: #008cba; } |
| - | .switch.large label { |
| - | width: 5rem; |
| - | height: 2.5rem; } |
| - | .switch.large label:after { |
| - | width: 2rem; |
| - | height: 2rem; } |
| - | .switch.large input:checked + label:after { |
| - | left: 2.75rem; } |
| - | .switch.small label { |
| - | width: 3.5rem; |
| - | height: 1.75rem; } |
| - | .switch.small label:after { |
| - | width: 1.25rem; |
| - | height: 1.25rem; } |
| - | .switch.small input:checked + label:after { |
| - | left: 2rem; } |
| - | .switch.tiny label { |
| - | width: 3rem; |
| - | height: 1.5rem; } |
| - | .switch.tiny label:after { |
| - | width: 1rem; |
| - | height: 1rem; } |
| - | .switch.tiny input:checked + label:after { |
| - | left: 1.75rem; } |
| - | .switch.radius label { |
| - | border-radius: 4px; } |
| - | .switch.radius label:after { |
| - | border-radius: 3px; } |
| - | .switch.round { |
| - | border-radius: 1000px; } |
| - | .switch.round label { |
| - | border-radius: 2rem; } |
| - | .switch.round label:after { |
| - | border-radius: 2rem; } |
| - | |
| - | table { |
| - | background: white; |
| - | margin-bottom: 1.25rem; |
| - | border: solid 1px #dddddd; |
| - | table-layout: auto; } |
| - | table caption { |
| - | background: transparent; |
| - | color: #222222; |
| - | font-size: 1rem; |
| - | font-weight: bold; } |
| - | table thead { |
| - | background: whitesmoke; } |
| - | table thead tr th, |
| - | table thead tr td { |
| - | padding: 0.5rem 0.625rem 0.625rem; |
| - | font-size: 0.875rem; |
| - | font-weight: bold; |
| - | color: #222222; } |
| - | table tfoot { |
| - | background: whitesmoke; } |
| - | table tfoot tr th, |
| - | table tfoot tr td { |
| - | padding: 0.5rem 0.625rem 0.625rem; |
| - | font-size: 0.875rem; |
| - | font-weight: bold; |
| - | color: #222222; } |
| - | table tr th, |
| - | table tr td { |
| - | padding: 0.5625rem 0.625rem; |
| - | font-size: 0.875rem; |
| - | color: #222222; |
| - | text-align: left; } |
| - | table tr.even, table tr.alt, table tr:nth-of-type(even) { |
| - | background: #f9f9f9; } |
| - | table thead tr th, |
| - | table tfoot tr th, |
| - | table tfoot tr td, |
| - | table tbody tr th, |
| - | table tbody tr td, |
| - | table tr td { |
| - | display: table-cell; |
| - | line-height: 1.125rem; } |
| - | |
| - | .tabs { |
| - | margin-bottom: 0 !important; |
| - | margin-left: 0; } |
| - | .tabs:before, .tabs:after { |
| - | content: " "; |
| - | display: table; } |
| - | .tabs:after { |
| - | clear: both; } |
| - | .tabs dd, .tabs .tab-title { |
| - | position: relative; |
| - | margin-bottom: 0 !important; |
| - | list-style: none; |
| - | float: left; } |
| - | .tabs dd > a, .tabs .tab-title > a { |
| - | outline: none; |
| - | display: block; |
| - | background-color: #efefef; |
| - | color: #222222; |
| - | padding: 1rem 2rem; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-size: 1rem; } |
| - | .tabs dd > a:hover, .tabs .tab-title > a:hover { |
| - | background-color: #e1e1e1; } |
| - | .tabs dd.active a, .tabs .tab-title.active a { |
| - | background-color: white; |
| - | color: #222222; } |
| - | .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { |
| - | -webkit-border-bottom-left-radius: 3px; |
| - | -webkit-border-top-left-radius: 3px; |
| - | border-bottom-left-radius: 3px; |
| - | border-top-left-radius: 3px; } |
| - | .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { |
| - | -webkit-border-bottom-right-radius: 3px; |
| - | -webkit-border-top-right-radius: 3px; |
| - | border-bottom-right-radius: 3px; |
| - | border-top-right-radius: 3px; } |
| - | .tabs.vertical dd, .tabs.vertical .tab-title { |
| - | position: inherit; |
| - | float: none; |
| - | display: block; |
| - | top: auto; } |
| - | |
| - | .tabs-content { |
| - | margin-bottom: 1.5rem; |
| - | width: 100%; } |
| - | .tabs-content:before, .tabs-content:after { |
| - | content: " "; |
| - | display: table; } |
| - | .tabs-content:after { |
| - | clear: both; } |
| - | .tabs-content > .content { |
| - | display: none; |
| - | float: left; |
| - | padding: 0.9375rem 0; |
| - | width: 100%; } |
| - | .tabs-content > .content.active { |
| - | display: block; |
| - | float: none; } |
| - | .tabs-content > .content.contained { |
| - | padding: 0.9375rem; } |
| - | .tabs-content.vertical { |
| - | display: block; } |
| - | .tabs-content.vertical > .content { |
| - | padding: 0 0.9375rem; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | .tabs.vertical { |
| - | width: 20%; |
| - | max-width: 20%; |
| - | float: left; |
| - | margin: 0 0 1.25rem; } |
| - | |
| - | .tabs-content.vertical { |
| - | width: 80%; |
| - | max-width: 80%; |
| - | float: left; |
| - | margin-left: -1px; |
| - | padding-left: 1rem; } } |
| - | .no-js .tabs-content > .content { |
| - | display: block; |
| - | float: none; } |
| - | |
| - | /* Image Thumbnails */ |
| - | .th { |
| - | line-height: 0; |
| - | display: inline-block; |
| - | border: solid 4px white; |
| - | max-width: 100%; |
| - | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); |
| - | transition: all 200ms ease-out; } |
| - | .th:hover, .th:focus { |
| - | box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } |
| - | .th.radius { |
| - | border-radius: 3px; } |
| - | |
| - | /* Tooltips */ |
| - | .has-tip { |
| - | border-bottom: dotted 1px #cccccc; |
| - | cursor: help; |
| - | font-weight: bold; |
| - | color: #333333; } |
| - | .has-tip:hover, .has-tip:focus { |
| - | border-bottom: dotted 1px #003f54; |
| - | color: #008cba; } |
| - | .has-tip.tip-left, .has-tip.tip-right { |
| - | float: none !important; } |
| - | |
| - | .tooltip { |
| - | display: none; |
| - | position: absolute; |
| - | z-index: 1006; |
| - | font-weight: normal; |
| - | font-size: 0.875rem; |
| - | line-height: 1.3; |
| - | padding: 0.75rem; |
| - | max-width: 300px; |
| - | left: 50%; |
| - | width: 100%; |
| - | color: white; |
| - | background: #333333; } |
| - | .tooltip > .nub { |
| - | display: block; |
| - | left: 5px; |
| - | position: absolute; |
| - | width: 0; |
| - | height: 0; |
| - | border: solid 5px; |
| - | border-color: transparent transparent #333333 transparent; |
| - | top: -10px; |
| - | pointer-events: none; } |
| - | .tooltip > .nub.rtl { |
| - | left: auto; |
| - | right: 5px; } |
| - | .tooltip.radius { |
| - | border-radius: 3px; } |
| - | .tooltip.round { |
| - | border-radius: 1000px; } |
| - | .tooltip.round > .nub { |
| - | left: 2rem; } |
| - | .tooltip.opened { |
| - | color: #008cba !important; |
| - | border-bottom: dotted 1px #003f54 !important; } |
| - | |
| - | .tap-to-close { |
| - | display: block; |
| - | font-size: 0.625rem; |
| - | color: #777777; |
| - | font-weight: normal; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | .tooltip > .nub { |
| - | border-color: transparent transparent #333333 transparent; |
| - | top: -10px; } |
| - | .tooltip.tip-top > .nub { |
| - | border-color: #333333 transparent transparent transparent; |
| - | top: auto; |
| - | bottom: -10px; } |
| - | .tooltip.tip-left, .tooltip.tip-right { |
| - | float: none !important; } |
| - | .tooltip.tip-left > .nub { |
| - | border-color: transparent transparent transparent #333333; |
| - | right: -10px; |
| - | left: auto; |
| - | top: 50%; |
| - | margin-top: -5px; } |
| - | .tooltip.tip-right > .nub { |
| - | border-color: transparent #333333 transparent transparent; |
| - | right: auto; |
| - | left: -10px; |
| - | top: 50%; |
| - | margin-top: -5px; } } |
| - | meta.foundation-mq-topbar { |
| - | font-family: "/only screen and (min-width:40.063em)/"; |
| - | width: 40.063em; } |
| - | |
| - | /* Wrapped around .top-bar to contain to grid width */ |
| - | .contain-to-grid { |
| - | width: 100%; |
| - | background: #333333; } |
| - | .contain-to-grid .top-bar { |
| - | margin-bottom: 0; } |
| - | |
| - | .fixed { |
| - | width: 100%; |
| - | left: 0; |
| - | position: fixed; |
| - | top: 0; |
| - | z-index: 99; } |
| - | .fixed.expanded:not(.top-bar) { |
| - | overflow-y: auto; |
| - | height: auto; |
| - | width: 100%; |
| - | max-height: 100%; } |
| - | .fixed.expanded:not(.top-bar) .title-area { |
| - | position: fixed; |
| - | width: 100%; |
| - | z-index: 99; } |
| - | .fixed.expanded:not(.top-bar) .top-bar-section { |
| - | z-index: 98; |
| - | margin-top: 45px; } |
| - | |
| - | .top-bar { |
| - | overflow: hidden; |
| - | height: 45px; |
| - | line-height: 45px; |
| - | position: relative; |
| - | background: #333333; |
| - | margin-bottom: 0; } |
| - | .top-bar ul { |
| - | margin-bottom: 0; |
| - | list-style: none; } |
| - | .top-bar .row { |
| - | max-width: none; } |
| - | .top-bar form, |
| - | .top-bar input { |
| - | margin-bottom: 0; } |
| - | .top-bar input { |
| - | height: 1.8rem; |
| - | padding-top: .35rem; |
| - | padding-bottom: .35rem; |
| - | font-size: 0.75rem; } |
| - | .top-bar .button, .top-bar button { |
| - | padding-top: 0.4125rem; |
| - | padding-bottom: 0.4125rem; |
| - | margin-bottom: 0; |
| - | font-size: 0.75rem; } |
| - | @media only screen and (max-width: 40em) { |
| - | .top-bar .button, .top-bar button { |
| - | position: relative; |
| - | top: -1px; } } |
| - | .top-bar .title-area { |
| - | position: relative; |
| - | margin: 0; } |
| - | .top-bar .name { |
| - | height: 45px; |
| - | margin: 0; |
| - | font-size: 16px; } |
| - | .top-bar .name h1 { |
| - | line-height: 45px; |
| - | font-size: 1.0625rem; |
| - | margin: 0; } |
| - | .top-bar .name h1 a { |
| - | font-weight: normal; |
| - | color: white; |
| - | width: 75%; |
| - | display: block; |
| - | padding: 0 15px; } |
| - | .top-bar .toggle-topbar { |
| - | position: absolute; |
| - | right: 0; |
| - | top: 0; } |
| - | .top-bar .toggle-topbar a { |
| - | color: white; |
| - | text-transform: uppercase; |
| - | font-size: 0.8125rem; |
| - | font-weight: bold; |
| - | position: relative; |
| - | display: block; |
| - | padding: 0 15px; |
| - | height: 45px; |
| - | line-height: 45px; } |
| - | .top-bar .toggle-topbar.menu-icon { |
| - | top: 50%; |
| - | margin-top: -16px; } |
| - | .top-bar .toggle-topbar.menu-icon a { |
| - | height: 34px; |
| - | line-height: 33px; |
| - | padding: 0 40px 0 15px; |
| - | color: white; |
| - | position: relative; } |
| - | .top-bar .toggle-topbar.menu-icon a span::after { |
| - | content: ""; |
| - | position: absolute; |
| - | display: block; |
| - | height: 0; |
| - | top: 50%; |
| - | margin-top: -8px; |
| - | right: 15px; |
| - | box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; |
| - | width: 16px; } |
| - | .top-bar .toggle-topbar.menu-icon a span:hover:after { |
| - | box-shadow: 0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } |
| - | .top-bar.expanded { |
| - | height: auto; |
| - | background: transparent; } |
| - | .top-bar.expanded .title-area { |
| - | background: #333333; } |
| - | .top-bar.expanded .toggle-topbar a { |
| - | color: #888888; } |
| - | .top-bar.expanded .toggle-topbar a span::after { |
| - | box-shadow: 0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } |
| - | |
| - | .top-bar-section { |
| - | left: 0; |
| - | position: relative; |
| - | width: auto; |
| - | transition: left 300ms ease-out; } |
| - | .top-bar-section ul { |
| - | padding: 0; |
| - | width: 100%; |
| - | height: auto; |
| - | display: block; |
| - | font-size: 16px; |
| - | margin: 0; } |
| - | .top-bar-section .divider, |
| - | .top-bar-section [role="separator"] { |
| - | border-top: solid 1px #1a1a1a; |
| - | clear: both; |
| - | height: 1px; |
| - | width: 100%; } |
| - | .top-bar-section ul li { |
| - | background: #333333; } |
| - | .top-bar-section ul li > a { |
| - | display: block; |
| - | width: 100%; |
| - | color: white; |
| - | padding: 12px 0 12px 0; |
| - | padding-left: 15px; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-size: 0.8125rem; |
| - | font-weight: normal; |
| - | text-transform: none; } |
| - | .top-bar-section ul li > a.button { |
| - | font-size: 0.8125rem; |
| - | padding-right: 15px; |
| - | padding-left: 15px; |
| - | background-color: #008cba; |
| - | border-color: #007095; |
| - | color: white; } |
| - | .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { |
| - | background-color: #007095; } |
| - | .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > a.button.secondary { |
| - | background-color: #e7e7e7; |
| - | border-color: #b9b9b9; |
| - | color: #333333; } |
| - | .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { |
| - | background-color: #b9b9b9; } |
| - | .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { |
| - | color: #333333; } |
| - | .top-bar-section ul li > a.button.success { |
| - | background-color: #43ac6a; |
| - | border-color: #368a55; |
| - | color: white; } |
| - | .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { |
| - | background-color: #368a55; } |
| - | .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > a.button.alert { |
| - | background-color: #f04124; |
| - | border-color: #cf2a0e; |
| - | color: white; } |
| - | .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { |
| - | background-color: #cf2a0e; } |
| - | .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > a.button.warning { |
| - | background-color: #f08a24; |
| - | border-color: #cf6e0e; |
| - | color: white; } |
| - | .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { |
| - | background-color: #cf6e0e; } |
| - | .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > button { |
| - | font-size: 0.8125rem; |
| - | padding-right: 15px; |
| - | padding-left: 15px; |
| - | background-color: #008cba; |
| - | border-color: #007095; |
| - | color: white; } |
| - | .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { |
| - | background-color: #007095; } |
| - | .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > button.secondary { |
| - | background-color: #e7e7e7; |
| - | border-color: #b9b9b9; |
| - | color: #333333; } |
| - | .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { |
| - | background-color: #b9b9b9; } |
| - | .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { |
| - | color: #333333; } |
| - | .top-bar-section ul li > button.success { |
| - | background-color: #43ac6a; |
| - | border-color: #368a55; |
| - | color: white; } |
| - | .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { |
| - | background-color: #368a55; } |
| - | .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > button.alert { |
| - | background-color: #f04124; |
| - | border-color: #cf2a0e; |
| - | color: white; } |
| - | .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { |
| - | background-color: #cf2a0e; } |
| - | .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { |
| - | color: white; } |
| - | .top-bar-section ul li > button.warning { |
| - | background-color: #f08a24; |
| - | border-color: #cf6e0e; |
| - | color: white; } |
| - | .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { |
| - | background-color: #cf6e0e; } |
| - | .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { |
| - | color: white; } |
| - | .top-bar-section ul li:hover:not(.has-form) > a { |
| - | background-color: #555555; |
| - | background: #272727; |
| - | color: white; } |
| - | .top-bar-section ul li.active > a { |
| - | background: #008cba; |
| - | color: white; } |
| - | .top-bar-section ul li.active > a:hover { |
| - | background: #0078a0; |
| - | color: white; } |
| - | .top-bar-section .has-form { |
| - | padding: 15px; } |
| - | .top-bar-section .has-dropdown { |
| - | position: relative; } |
| - | .top-bar-section .has-dropdown > a:after { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); |
| - | border-left-style: solid; |
| - | margin-right: 15px; |
| - | margin-top: -4.5px; |
| - | position: absolute; |
| - | top: 50%; |
| - | right: 0; } |
| - | .top-bar-section .has-dropdown.moved { |
| - | position: static; } |
| - | .top-bar-section .has-dropdown.moved > .dropdown { |
| - | display: block; |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | position: absolute !important; |
| - | width: 100%; } |
| - | .top-bar-section .has-dropdown.moved > a:after { |
| - | display: none; } |
| - | .top-bar-section .dropdown { |
| - | padding: 0; |
| - | position: absolute; |
| - | left: 100%; |
| - | top: 0; |
| - | z-index: 99; |
| - | display: block; |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | .top-bar-section .dropdown li { |
| - | width: 100%; |
| - | height: auto; } |
| - | .top-bar-section .dropdown li a { |
| - | font-weight: normal; |
| - | padding: 8px 15px; } |
| - | .top-bar-section .dropdown li a.parent-link { |
| - | font-weight: normal; } |
| - | .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { |
| - | margin-bottom: 0; |
| - | margin-top: 0; |
| - | font-size: 1.125rem; } |
| - | .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { |
| - | color: white; |
| - | display: block; } |
| - | .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { |
| - | background: none; } |
| - | .top-bar-section .dropdown li.has-form { |
| - | padding: 8px 15px; } |
| - | .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { |
| - | top: auto; } |
| - | .top-bar-section .dropdown label { |
| - | padding: 8px 15px 2px; |
| - | margin-bottom: 0; |
| - | text-transform: uppercase; |
| - | color: #777777; |
| - | font-weight: bold; |
| - | font-size: 0.625rem; } |
| - | |
| - | .js-generated { |
| - | display: block; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | .top-bar { |
| - | background: #333333; |
| - | overflow: visible; } |
| - | .top-bar:before, .top-bar:after { |
| - | content: " "; |
| - | display: table; } |
| - | .top-bar:after { |
| - | clear: both; } |
| - | .top-bar .toggle-topbar { |
| - | display: none; } |
| - | .top-bar .title-area { |
| - | float: left; } |
| - | .top-bar .name h1 a { |
| - | width: auto; } |
| - | .top-bar input, |
| - | .top-bar .button, |
| - | .top-bar button { |
| - | font-size: 0.875rem; |
| - | position: relative; |
| - | top: 7px; } |
| - | .top-bar.expanded { |
| - | background: #333333; } |
| - | |
| - | .contain-to-grid .top-bar { |
| - | max-width: 62.5rem; |
| - | margin: 0 auto; |
| - | margin-bottom: 0; } |
| - | |
| - | .top-bar-section { |
| - | transition: none 0 0; |
| - | left: 0 !important; } |
| - | .top-bar-section ul { |
| - | width: auto; |
| - | height: auto !important; |
| - | display: inline; } |
| - | .top-bar-section ul li { |
| - | float: left; } |
| - | .top-bar-section ul li .js-generated { |
| - | display: none; } |
| - | .top-bar-section li.hover > a:not(.button) { |
| - | background-color: #555555; |
| - | background: #272727; |
| - | color: white; } |
| - | .top-bar-section li:not(.has-form) a:not(.button) { |
| - | padding: 0 15px; |
| - | line-height: 45px; |
| - | background: #333333; } |
| - | .top-bar-section li:not(.has-form) a:not(.button):hover { |
| - | background-color: #555555; |
| - | background: #272727; } |
| - | .top-bar-section li.active:not(.has-form) a:not(.button) { |
| - | padding: 0 15px; |
| - | line-height: 45px; |
| - | color: white; |
| - | background: #008cba; } |
| - | .top-bar-section li.active:not(.has-form) a:not(.button):hover { |
| - | background: #0078a0; |
| - | color: white; } |
| - | .top-bar-section .has-dropdown > a { |
| - | padding-right: 35px !important; } |
| - | .top-bar-section .has-dropdown > a:after { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; |
| - | border-top-style: solid; |
| - | margin-top: -2.5px; |
| - | top: 22.5px; } |
| - | .top-bar-section .has-dropdown.moved { |
| - | position: relative; } |
| - | .top-bar-section .has-dropdown.moved > .dropdown { |
| - | display: block; |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { |
| - | display: block; |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | position: absolute !important; } |
| - | .top-bar-section .has-dropdown > a:focus + .dropdown { |
| - | display: block; |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | position: absolute !important; } |
| - | .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { |
| - | border: none; |
| - | content: "\00bb"; |
| - | top: 1rem; |
| - | margin-top: -1px; |
| - | right: 5px; |
| - | line-height: 1.2; } |
| - | .top-bar-section .dropdown { |
| - | left: 0; |
| - | top: auto; |
| - | background: transparent; |
| - | min-width: 100%; } |
| - | .top-bar-section .dropdown li a { |
| - | color: white; |
| - | line-height: 45px; |
| - | white-space: nowrap; |
| - | padding: 12px 15px; |
| - | background: #333333; } |
| - | .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { |
| - | color: white; |
| - | background: #333333; } |
| - | .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { |
| - | color: white; |
| - | background-color: #555555; |
| - | background: #272727; } |
| - | .top-bar-section .dropdown li label { |
| - | white-space: nowrap; |
| - | background: #333333; } |
| - | .top-bar-section .dropdown li .dropdown { |
| - | left: 100%; |
| - | top: 0; } |
| - | .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { |
| - | border-bottom: none; |
| - | border-top: none; |
| - | border-right: solid 1px #4e4e4e; |
| - | clear: none; |
| - | height: 45px; |
| - | width: 0; } |
| - | .top-bar-section .has-form { |
| - | background: #333333; |
| - | padding: 0 15px; |
| - | height: 45px; } |
| - | .top-bar-section .right li .dropdown { |
| - | left: auto; |
| - | right: 0; } |
| - | .top-bar-section .right li .dropdown li .dropdown { |
| - | right: 100%; } |
| - | .top-bar-section .left li .dropdown { |
| - | right: auto; |
| - | left: 0; } |
| - | .top-bar-section .left li .dropdown li .dropdown { |
| - | left: 100%; } |
| - | |
| - | .no-js .top-bar-section ul li:hover > a { |
| - | background-color: #555555; |
| - | background: #272727; |
| - | color: white; } |
| - | .no-js .top-bar-section ul li:active > a { |
| - | background: #008cba; |
| - | color: white; } |
| - | .no-js .top-bar-section .has-dropdown:hover > .dropdown { |
| - | display: block; |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | position: absolute !important; } |
| - | .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { |
| - | display: block; |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | position: absolute !important; } } |
| - | .text-left { |
| - | text-align: left !important; } |
| - | |
| - | .text-right { |
| - | text-align: right !important; } |
| - | |
| - | .text-center { |
| - | text-align: center !important; } |
| - | |
| - | .text-justify { |
| - | text-align: justify !important; } |
| - | |
| - | @media only screen and (max-width: 40em) { |
| - | .small-only-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .small-only-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .small-only-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .small-only-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen { |
| - | .small-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .small-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .small-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .small-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 40.063em) and (max-width: 64em) { |
| - | .medium-only-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .medium-only-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .medium-only-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .medium-only-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .medium-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .medium-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .medium-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .medium-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 64.063em) and (max-width: 90em) { |
| - | .large-only-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .large-only-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .large-only-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .large-only-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 64.063em) { |
| - | .large-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .large-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .large-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .large-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 90.063em) and (max-width: 120em) { |
| - | .xlarge-only-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .xlarge-only-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .xlarge-only-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .xlarge-only-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 90.063em) { |
| - | .xlarge-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .xlarge-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .xlarge-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .xlarge-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 120.063em) and (max-width: 99999999em) { |
| - | .xxlarge-only-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .xxlarge-only-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .xxlarge-only-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .xxlarge-only-text-justify { |
| - | text-align: justify !important; } } |
| - | @media only screen and (min-width: 120.063em) { |
| - | .xxlarge-text-left { |
| - | text-align: left !important; } |
| - | |
| - | .xxlarge-text-right { |
| - | text-align: right !important; } |
| - | |
| - | .xxlarge-text-center { |
| - | text-align: center !important; } |
| - | |
| - | .xxlarge-text-justify { |
| - | text-align: justify !important; } } |
| - | /* Typography resets */ |
| - | div, |
| - | dl, |
| - | dt, |
| - | dd, |
| - | ul, |
| - | ol, |
| - | li, |
| - | h1, |
| - | h2, |
| - | h3, |
| - | h4, |
| - | h5, |
| - | h6, |
| - | pre, |
| - | form, |
| - | p, |
| - | blockquote, |
| - | th, |
| - | td { |
| - | margin: 0; |
| - | padding: 0; } |
| - | |
| - | /* Default Link Styles */ |
| - | a { |
| - | color: #008cba; |
| - | text-decoration: none; |
| - | line-height: inherit; } |
| - | a:hover, a:focus { |
| - | color: #0078a0; } |
| - | a img { |
| - | border: none; } |
| - | |
| - | /* Default paragraph styles */ |
| - | p { |
| - | font-family: inherit; |
| - | font-weight: normal; |
| - | font-size: 1rem; |
| - | line-height: 1.6; |
| - | margin-bottom: 1.25rem; |
| - | text-rendering: optimizeLegibility; } |
| - | p.lead { |
| - | font-size: 1.21875rem; |
| - | line-height: 1.6; } |
| - | p aside { |
| - | font-size: 0.875rem; |
| - | line-height: 1.35; |
| - | font-style: italic; } |
| - | |
| - | /* Default header styles */ |
| - | h1, h2, h3, h4, h5, h6 { |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-weight: normal; |
| - | font-style: normal; |
| - | color: #222222; |
| - | text-rendering: optimizeLegibility; |
| - | margin-top: 0.2rem; |
| - | margin-bottom: 0.5rem; |
| - | line-height: 1.4; } |
| - | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { |
| - | font-size: 60%; |
| - | color: #6f6f6f; |
| - | line-height: 0; } |
| - | |
| - | h1 { |
| - | font-size: 2.125rem; } |
| - | |
| - | h2 { |
| - | font-size: 1.6875rem; } |
| - | |
| - | h3 { |
| - | font-size: 1.375rem; } |
| - | |
| - | h4 { |
| - | font-size: 1.125rem; } |
| - | |
| - | h5 { |
| - | font-size: 1.125rem; } |
| - | |
| - | h6 { |
| - | font-size: 1rem; } |
| - | |
| - | .subheader { |
| - | line-height: 1.4; |
| - | color: #6f6f6f; |
| - | font-weight: normal; |
| - | margin-top: 0.2rem; |
| - | margin-bottom: 0.5rem; } |
| - | |
| - | hr { |
| - | border: solid #dddddd; |
| - | border-width: 1px 0 0; |
| - | clear: both; |
| - | margin: 1.25rem 0 1.1875rem; |
| - | height: 0; } |
| - | |
| - | /* Helpful Typography Defaults */ |
| - | em, |
| - | i { |
| - | font-style: italic; |
| - | line-height: inherit; } |
| - | |
| - | strong, |
| - | b { |
| - | font-weight: bold; |
| - | line-height: inherit; } |
| - | |
| - | small { |
| - | font-size: 60%; |
| - | line-height: inherit; } |
| - | |
| - | code { |
| - | font-family: Consolas, "Liberation Mono", Courier, monospace; |
| - | font-weight: normal; |
| - | color: #333333; |
| - | background-color: #f8f8f8; |
| - | border-width: 1px; |
| - | border-style: solid; |
| - | border-color: #dfdfdf; |
| - | padding: 0.125rem 0.3125rem 0.0625rem; } |
| - | |
| - | /* Lists */ |
| - | ul, |
| - | ol, |
| - | dl { |
| - | font-size: 1rem; |
| - | line-height: 1.6; |
| - | margin-bottom: 1.25rem; |
| - | list-style-position: outside; |
| - | font-family: inherit; } |
| - | |
| - | ul { |
| - | margin-left: 1.1rem; } |
| - | ul.no-bullet { |
| - | margin-left: 0; } |
| - | ul.no-bullet li ul, |
| - | ul.no-bullet li ol { |
| - | margin-left: 1.25rem; |
| - | margin-bottom: 0; |
| - | list-style: none; } |
| - | |
| - | /* Unordered Lists */ |
| - | ul li ul, |
| - | ul li ol { |
| - | margin-left: 1.25rem; |
| - | margin-bottom: 0; } |
| - | ul.square li ul, ul.circle li ul, ul.disc li ul { |
| - | list-style: inherit; } |
| - | ul.square { |
| - | list-style-type: square; |
| - | margin-left: 1.1rem; } |
| - | ul.circle { |
| - | list-style-type: circle; |
| - | margin-left: 1.1rem; } |
| - | ul.disc { |
| - | list-style-type: disc; |
| - | margin-left: 1.1rem; } |
| - | ul.no-bullet { |
| - | list-style: none; } |
| - | |
| - | /* Ordered Lists */ |
| - | ol { |
| - | margin-left: 1.4rem; } |
| - | ol li ul, |
| - | ol li ol { |
| - | margin-left: 1.25rem; |
| - | margin-bottom: 0; } |
| - | |
| - | /* Definition Lists */ |
| - | dl dt { |
| - | margin-bottom: 0.3rem; |
| - | font-weight: bold; } |
| - | dl dd { |
| - | margin-bottom: 0.75rem; } |
| - | |
| - | /* Abbreviations */ |
| - | abbr, |
| - | acronym { |
| - | text-transform: uppercase; |
| - | font-size: 90%; |
| - | color: #222222; |
| - | cursor: help; } |
| - | |
| - | abbr { |
| - | text-transform: none; } |
| - | abbr[title] { |
| - | border-bottom: 1px dotted #dddddd; } |
| - | |
| - | /* Blockquotes */ |
| - | blockquote { |
| - | margin: 0 0 1.25rem; |
| - | padding: 0.5625rem 1.25rem 0 1.1875rem; |
| - | border-left: 1px solid #dddddd; } |
| - | blockquote cite { |
| - | display: block; |
| - | font-size: 0.8125rem; |
| - | color: #555555; } |
| - | blockquote cite:before { |
| - | content: "\2014 \0020"; } |
| - | blockquote cite a, |
| - | blockquote cite a:visited { |
| - | color: #555555; } |
| - | |
| - | blockquote, |
| - | blockquote p { |
| - | line-height: 1.6; |
| - | color: #6f6f6f; } |
| - | |
| - | /* Microformats */ |
| - | .vcard { |
| - | display: inline-block; |
| - | margin: 0 0 1.25rem 0; |
| - | border: 1px solid #dddddd; |
| - | padding: 0.625rem 0.75rem; } |
| - | .vcard li { |
| - | margin: 0; |
| - | display: block; } |
| - | .vcard .fn { |
| - | font-weight: bold; |
| - | font-size: 0.9375rem; } |
| - | |
| - | .vevent .summary { |
| - | font-weight: bold; } |
| - | .vevent abbr { |
| - | cursor: default; |
| - | text-decoration: none; |
| - | font-weight: bold; |
| - | border: none; |
| - | padding: 0 0.0625rem; } |
| - | |
| - | @media only screen and (min-width: 40.063em) { |
| - | h1, h2, h3, h4, h5, h6 { |
| - | line-height: 1.4; } |
| - | |
| - | h1 { |
| - | font-size: 2.75rem; } |
| - | |
| - | h2 { |
| - | font-size: 2.3125rem; } |
| - | |
| - | h3 { |
| - | font-size: 1.6875rem; } |
| - | |
| - | h4 { |
| - | font-size: 1.4375rem; } |
| - | |
| - | h5 { |
| - | font-size: 1.125rem; } |
| - | |
| - | h6 { |
| - | font-size: 1rem; } } |
| - | /* |
| - | * Print styles. |
| - | * |
| - | * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ |
| - | * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) |
| - | */ |
| - | .print-only { |
| - | display: none !important; } |
| - | |
| - | @media print { |
| - | * { |
| - | background: transparent !important; |
| - | color: black !important; |
| - | /* Black prints faster: h5bp.com/s */ |
| - | box-shadow: none !important; |
| - | text-shadow: none !important; } |
| - | |
| - | a, |
| - | a:visited { |
| - | text-decoration: underline; } |
| - | |
| - | a[href]:after { |
| - | content: " (" attr(href) ")"; } |
| - | |
| - | abbr[title]:after { |
| - | content: " (" attr(title) ")"; } |
| - | |
| - | .ir a:after, |
| - | a[href^="javascript:"]:after, |
| - | a[href^="#"]:after { |
| - | content: ""; } |
| - | |
| - | pre, |
| - | blockquote { |
| - | border: 1px solid #999999; |
| - | page-break-inside: avoid; } |
| - | |
| - | thead { |
| - | display: table-header-group; |
| - | /* h5bp.com/t */ } |
| - | |
| - | tr, |
| - | img { |
| - | page-break-inside: avoid; } |
| - | |
| - | img { |
| - | max-width: 100% !important; } |
| - | |
| - | @page { |
| - | margin: 0.5cm; } |
| - | p, |
| - | h2, |
| - | h3 { |
| - | orphans: 3; |
| - | widows: 3; } |
| - | |
| - | h2, |
| - | h3 { |
| - | page-break-after: avoid; } |
| - | |
| - | .hide-on-print { |
| - | display: none !important; } |
| - | |
| - | .print-only { |
| - | display: block !important; } |
| - | |
| - | .hide-for-print { |
| - | display: none !important; } |
| - | |
| - | .show-for-print { |
| - | display: inherit !important; } } |
| - | .off-canvas-wrap { |
| - | -webkit-backface-visibility: hidden; |
| - | position: relative; |
| - | width: 100%; |
| - | overflow: hidden; } |
| - | .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { |
| - | min-height: 100%; |
| - | -webkit-overflow-scrolling: touch; } |
| - | |
| - | .inner-wrap { |
| - | -webkit-backface-visibility: hidden; |
| - | position: relative; |
| - | width: 100%; |
| - | -webkit-transition: -webkit-transform 500ms ease; |
| - | -moz-transition: -moz-transform 500ms ease; |
| - | -ms-transition: -ms-transform 500ms ease; |
| - | -o-transition: -o-transform 500ms ease; |
| - | transition: transform 500ms ease; } |
| - | .inner-wrap:before, .inner-wrap:after { |
| - | content: " "; |
| - | display: table; } |
| - | .inner-wrap:after { |
| - | clear: both; } |
| - | |
| - | .tab-bar { |
| - | -webkit-backface-visibility: hidden; |
| - | background: #333333; |
| - | color: white; |
| - | height: 2.8125rem; |
| - | line-height: 2.8125rem; |
| - | position: relative; } |
| - | .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { |
| - | color: white; |
| - | font-weight: bold; |
| - | line-height: 2.8125rem; |
| - | margin: 0; } |
| - | .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { |
| - | font-size: 1.125rem; } |
| - | |
| - | .left-small { |
| - | width: 2.8125rem; |
| - | height: 2.8125rem; |
| - | position: absolute; |
| - | top: 0; |
| - | border-right: solid 1px #1a1a1a; |
| - | left: 0; } |
| - | |
| - | .right-small { |
| - | width: 2.8125rem; |
| - | height: 2.8125rem; |
| - | position: absolute; |
| - | top: 0; |
| - | border-left: solid 1px #1a1a1a; |
| - | right: 0; } |
| - | |
| - | .tab-bar-section { |
| - | padding: 0 0.625rem; |
| - | position: absolute; |
| - | text-align: center; |
| - | height: 2.8125rem; |
| - | top: 0; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .tab-bar-section.left, .tab-bar-section.right { |
| - | text-align: left; } } |
| - | .tab-bar-section.left { |
| - | left: 0; |
| - | right: 2.8125rem; } |
| - | .tab-bar-section.right { |
| - | left: 2.8125rem; |
| - | right: 0; } |
| - | .tab-bar-section.middle { |
| - | left: 2.8125rem; |
| - | right: 2.8125rem; } |
| - | |
| - | .tab-bar .menu-icon { |
| - | text-indent: 2.1875rem; |
| - | width: 2.8125rem; |
| - | height: 2.8125rem; |
| - | display: block; |
| - | padding: 0; |
| - | color: white; |
| - | position: relative; |
| - | transform: translate3d(0, 0, 0); } |
| - | .tab-bar .menu-icon span::after { |
| - | content: ""; |
| - | position: absolute; |
| - | display: block; |
| - | height: 0; |
| - | top: 50%; |
| - | margin-top: -0.5rem; |
| - | left: 0.90625rem; |
| - | box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; |
| - | width: 1rem; } |
| - | .tab-bar .menu-icon span:hover:after { |
| - | box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } |
| - | |
| - | .left-off-canvas-menu { |
| - | -webkit-backface-visibility: hidden; |
| - | width: 15.625rem; |
| - | top: 0; |
| - | bottom: 0; |
| - | position: absolute; |
| - | overflow-x: hidden; |
| - | overflow-y: auto; |
| - | background: #333333; |
| - | z-index: 1001; |
| - | box-sizing: content-box; |
| - | transition: transform 500ms ease 0s; |
| - | -webkit-overflow-scrolling: touch; |
| - | -ms-overflow-style: -ms-autohiding-scrollbar; |
| - | -ms-transform: translate(-100.5%, 0); |
| - | -webkit-transform: translate3d(-100.5%, 0, 0); |
| - | -moz-transform: translate3d(-100.5%, 0, 0); |
| - | -ms-transform: translate3d(-100.5%, 0, 0); |
| - | -o-transform: translate3d(-100.5%, 0, 0); |
| - | transform: translate3d(-100.5%, 0, 0); |
| - | left: 0; } |
| - | .left-off-canvas-menu * { |
| - | -webkit-backface-visibility: hidden; } |
| - | |
| - | .right-off-canvas-menu { |
| - | -webkit-backface-visibility: hidden; |
| - | width: 15.625rem; |
| - | top: 0; |
| - | bottom: 0; |
| - | position: absolute; |
| - | overflow-x: hidden; |
| - | overflow-y: auto; |
| - | background: #333333; |
| - | z-index: 1001; |
| - | box-sizing: content-box; |
| - | transition: transform 500ms ease 0s; |
| - | -webkit-overflow-scrolling: touch; |
| - | -ms-overflow-style: -ms-autohiding-scrollbar; |
| - | -ms-transform: translate(100.5%, 0); |
| - | -webkit-transform: translate3d(100.5%, 0, 0); |
| - | -moz-transform: translate3d(100.5%, 0, 0); |
| - | -ms-transform: translate3d(100.5%, 0, 0); |
| - | -o-transform: translate3d(100.5%, 0, 0); |
| - | transform: translate3d(100.5%, 0, 0); |
| - | right: 0; } |
| - | .right-off-canvas-menu * { |
| - | -webkit-backface-visibility: hidden; } |
| - | |
| - | ul.off-canvas-list { |
| - | list-style-type: none; |
| - | padding: 0; |
| - | margin: 0; } |
| - | ul.off-canvas-list li label { |
| - | display: block; |
| - | padding: 0.3rem 0.9375rem; |
| - | color: #999999; |
| - | text-transform: uppercase; |
| - | font-size: 0.75rem; |
| - | font-weight: bold; |
| - | background: #444444; |
| - | border-top: 1px solid #5e5e5e; |
| - | border-bottom: none; |
| - | margin: 0; } |
| - | ul.off-canvas-list li a { |
| - | display: block; |
| - | padding: 0.66667rem; |
| - | color: rgba(255, 255, 255, 0.7); |
| - | border-bottom: 1px solid #262626; |
| - | transition: background 300ms ease; } |
| - | ul.off-canvas-list li a:hover { |
| - | background: #242424; } |
| - | |
| - | .move-right > .inner-wrap { |
| - | -ms-transform: translate(15.625rem, 0); |
| - | -webkit-transform: translate3d(15.625rem, 0, 0); |
| - | -moz-transform: translate3d(15.625rem, 0, 0); |
| - | -ms-transform: translate3d(15.625rem, 0, 0); |
| - | -o-transform: translate3d(15.625rem, 0, 0); |
| - | transform: translate3d(15.625rem, 0, 0); } |
| - | .move-right .exit-off-canvas { |
| - | -webkit-backface-visibility: hidden; |
| - | transition: background 300ms ease; |
| - | cursor: pointer; |
| - | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
| - | display: block; |
| - | position: absolute; |
| - | background: rgba(255, 255, 255, 0.2); |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: 1002; |
| - | -webkit-tap-highlight-color: transparent; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .move-right .exit-off-canvas:hover { |
| - | background: rgba(255, 255, 255, 0.05); } } |
| - | |
| - | .move-left > .inner-wrap { |
| - | -ms-transform: translate(-15.625rem, 0); |
| - | -webkit-transform: translate3d(-15.625rem, 0, 0); |
| - | -moz-transform: translate3d(-15.625rem, 0, 0); |
| - | -ms-transform: translate3d(-15.625rem, 0, 0); |
| - | -o-transform: translate3d(-15.625rem, 0, 0); |
| - | transform: translate3d(-15.625rem, 0, 0); } |
| - | .move-left .exit-off-canvas { |
| - | -webkit-backface-visibility: hidden; |
| - | transition: background 300ms ease; |
| - | cursor: pointer; |
| - | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
| - | display: block; |
| - | position: absolute; |
| - | background: rgba(255, 255, 255, 0.2); |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: 1002; |
| - | -webkit-tap-highlight-color: transparent; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .move-left .exit-off-canvas:hover { |
| - | background: rgba(255, 255, 255, 0.05); } } |
| - | |
| - | .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { |
| - | -ms-transform: none; |
| - | -webkit-transform: none; |
| - | -moz-transform: none; |
| - | -o-transform: none; |
| - | transform: none; |
| - | z-index: 1003; } |
| - | .offcanvas-overlap .exit-off-canvas { |
| - | -webkit-backface-visibility: hidden; |
| - | transition: background 300ms ease; |
| - | cursor: pointer; |
| - | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
| - | display: block; |
| - | position: absolute; |
| - | background: rgba(255, 255, 255, 0.2); |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: 1002; |
| - | -webkit-tap-highlight-color: transparent; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .offcanvas-overlap .exit-off-canvas:hover { |
| - | background: rgba(255, 255, 255, 0.05); } } |
| - | |
| - | .offcanvas-overlap-left .right-off-canvas-menu { |
| - | -ms-transform: none; |
| - | -webkit-transform: none; |
| - | -moz-transform: none; |
| - | -o-transform: none; |
| - | transform: none; |
| - | z-index: 1003; } |
| - | .offcanvas-overlap-left .exit-off-canvas { |
| - | -webkit-backface-visibility: hidden; |
| - | transition: background 300ms ease; |
| - | cursor: pointer; |
| - | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
| - | display: block; |
| - | position: absolute; |
| - | background: rgba(255, 255, 255, 0.2); |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: 1002; |
| - | -webkit-tap-highlight-color: transparent; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .offcanvas-overlap-left .exit-off-canvas:hover { |
| - | background: rgba(255, 255, 255, 0.05); } } |
| - | |
| - | .offcanvas-overlap-right .left-off-canvas-menu { |
| - | -ms-transform: none; |
| - | -webkit-transform: none; |
| - | -moz-transform: none; |
| - | -o-transform: none; |
| - | transform: none; |
| - | z-index: 1003; } |
| - | .offcanvas-overlap-right .exit-off-canvas { |
| - | -webkit-backface-visibility: hidden; |
| - | transition: background 300ms ease; |
| - | cursor: pointer; |
| - | box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); |
| - | display: block; |
| - | position: absolute; |
| - | background: rgba(255, 255, 255, 0.2); |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: 1002; |
| - | -webkit-tap-highlight-color: transparent; } |
| - | @media only screen and (min-width: 40.063em) { |
| - | .offcanvas-overlap-right .exit-off-canvas:hover { |
| - | background: rgba(255, 255, 255, 0.05); } } |
| - | |
| - | .no-csstransforms .left-off-canvas-menu { |
| - | left: -15.625rem; } |
| - | .no-csstransforms .right-off-canvas-menu { |
| - | right: -15.625rem; } |
| - | .no-csstransforms .move-left > .inner-wrap { |
| - | right: 15.625rem; } |
| - | .no-csstransforms .move-right > .inner-wrap { |
| - | left: 15.625rem; } |
| - | |
| - | .left-submenu { |
| - | -webkit-backface-visibility: hidden; |
| - | width: 15.625rem; |
| - | top: 0; |
| - | bottom: 0; |
| - | position: absolute; |
| - | margin: 0; |
| - | overflow-x: hidden; |
| - | overflow-y: auto; |
| - | background: #333333; |
| - | z-index: 1002; |
| - | box-sizing: content-box; |
| - | -webkit-overflow-scrolling: touch; |
| - | -ms-transform: translate(-100%, 0); |
| - | -webkit-transform: translate3d(-100%, 0, 0); |
| - | -moz-transform: translate3d(-100%, 0, 0); |
| - | -ms-transform: translate3d(-100%, 0, 0); |
| - | -o-transform: translate3d(-100%, 0, 0); |
| - | transform: translate3d(-100%, 0, 0); |
| - | left: 0; |
| - | -webkit-transition: -webkit-transform 500ms ease; |
| - | -moz-transition: -moz-transform 500ms ease; |
| - | -ms-transition: -ms-transform 500ms ease; |
| - | -o-transition: -o-transform 500ms ease; |
| - | transition: transform 500ms ease; } |
| - | .left-submenu * { |
| - | -webkit-backface-visibility: hidden; } |
| - | .left-submenu .back > a { |
| - | padding: 0.3rem 0.9375rem; |
| - | color: #999999; |
| - | text-transform: uppercase; |
| - | font-weight: bold; |
| - | background: #444444; |
| - | border-top: 1px solid #5e5e5e; |
| - | border-bottom: none; |
| - | margin: 0; } |
| - | .left-submenu .back > a:hover { |
| - | background: #303030; |
| - | border-top: 1px solid #5e5e5e; |
| - | border-bottom: none; } |
| - | .left-submenu .back > a:before { |
| - | content: "\AB"; |
| - | margin-right: 0.5rem; |
| - | display: inline; } |
| - | .left-submenu.move-right { |
| - | -ms-transform: translate(0%, 0); |
| - | -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); } |
| - | |
| - | .right-submenu { |
| - | -webkit-backface-visibility: hidden; |
| - | width: 15.625rem; |
| - | top: 0; |
| - | bottom: 0; |
| - | position: absolute; |
| - | margin: 0; |
| - | overflow-x: hidden; |
| - | overflow-y: auto; |
| - | background: #333333; |
| - | z-index: 1002; |
| - | box-sizing: content-box; |
| - | -webkit-overflow-scrolling: touch; |
| - | -ms-transform: translate(100%, 0); |
| - | -webkit-transform: translate3d(100%, 0, 0); |
| - | -moz-transform: translate3d(100%, 0, 0); |
| - | -ms-transform: translate3d(100%, 0, 0); |
| - | -o-transform: translate3d(100%, 0, 0); |
| - | transform: translate3d(100%, 0, 0); |
| - | right: 0; |
| - | -webkit-transition: -webkit-transform 500ms ease; |
| - | -moz-transition: -moz-transform 500ms ease; |
| - | -ms-transition: -ms-transform 500ms ease; |
| - | -o-transition: -o-transform 500ms ease; |
| - | transition: transform 500ms ease; } |
| - | .right-submenu * { |
| - | -webkit-backface-visibility: hidden; } |
| - | .right-submenu .back > a { |
| - | padding: 0.3rem 0.9375rem; |
| - | color: #999999; |
| - | text-transform: uppercase; |
| - | font-weight: bold; |
| - | background: #444444; |
| - | border-top: 1px solid #5e5e5e; |
| - | border-bottom: none; |
| - | margin: 0; } |
| - | .right-submenu .back > a:hover { |
| - | background: #303030; |
| - | border-top: 1px solid #5e5e5e; |
| - | border-bottom: none; } |
| - | .right-submenu .back > a:after { |
| - | content: "\BB"; |
| - | margin-left: 0.5rem; |
| - | display: inline; } |
| - | .right-submenu.move-left { |
| - | -ms-transform: translate(0%, 0); |
| - | -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); } |
| - | |
| - | .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { |
| - | content: "\BB"; |
| - | margin-left: 0.5rem; |
| - | display: inline; } |
| - | |
| - | .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { |
| - | content: "\AB"; |
| - | margin-right: 0.5rem; |
| - | display: inline; } |
| - | |
| - | /* small displays */ |
| - | @media only screen { |
| - | .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { |
| - | display: inherit !important; } |
| - | |
| - | .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { |
| - | display: none !important; } |
| - | |
| - | .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; } |
| - | |
| - | .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | |
| - | table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { |
| - | display: table !important; } |
| - | |
| - | thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { |
| - | display: table-row !important; } |
| - | |
| - | th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { |
| - | display: table-cell !important; } } |
| - | /* medium displays */ |
| - | @media only screen and (min-width: 40.063em) { |
| - | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { |
| - | display: inherit !important; } |
| - | |
| - | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { |
| - | display: none !important; } |
| - | |
| - | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; } |
| - | |
| - | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | |
| - | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { |
| - | display: table !important; } |
| - | |
| - | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { |
| - | display: table-row !important; } |
| - | |
| - | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { |
| - | display: table-cell !important; } } |
| - | /* large displays */ |
| - | @media only screen and (min-width: 64.063em) { |
| - | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { |
| - | display: inherit !important; } |
| - | |
| - | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { |
| - | display: none !important; } |
| - | |
| - | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; } |
| - | |
| - | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | |
| - | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { |
| - | display: table !important; } |
| - | |
| - | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { |
| - | display: table-row !important; } |
| - | |
| - | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { |
| - | display: table-cell !important; } } |
| - | /* xlarge displays */ |
| - | @media only screen and (min-width: 90.063em) { |
| - | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { |
| - | display: inherit !important; } |
| - | |
| - | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { |
| - | display: none !important; } |
| - | |
| - | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; } |
| - | |
| - | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | |
| - | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { |
| - | display: table !important; } |
| - | |
| - | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { |
| - | display: table-row !important; } |
| - | |
| - | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { |
| - | display: table-cell !important; } } |
| - | /* xxlarge displays */ |
| - | @media only screen and (min-width: 120.063em) { |
| - | .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { |
| - | display: inherit !important; } |
| - | |
| - | .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { |
| - | display: none !important; } |
| - | |
| - | .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; } |
| - | |
| - | .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); } |
| - | |
| - | table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up { |
| - | display: table !important; } |
| - | |
| - | thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up { |
| - | display: table-row !important; } |
| - | |
| - | th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up { |
| - | display: table-cell !important; } } |
| - | /* Orientation targeting */ |
| - | .show-for-landscape, |
| - | .hide-for-portrait { |
| - | display: inherit !important; } |
| - | |
| - | .hide-for-landscape, |
| - | .show-for-portrait { |
| - | display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table.hide-for-landscape, table.show-for-portrait { |
| - | display: table !important; } |
| - | |
| - | thead.hide-for-landscape, thead.show-for-portrait { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.hide-for-landscape, tbody.show-for-portrait { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.hide-for-landscape, tr.show-for-portrait { |
| - | display: table-row !important; } |
| - | |
| - | td.hide-for-landscape, td.show-for-portrait, |
| - | th.hide-for-landscape, |
| - | th.show-for-portrait { |
| - | display: table-cell !important; } |
| - | |
| - | @media only screen and (orientation: landscape) { |
| - | .show-for-landscape, |
| - | .hide-for-portrait { |
| - | display: inherit !important; } |
| - | |
| - | .hide-for-landscape, |
| - | .show-for-portrait { |
| - | display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table.show-for-landscape, table.hide-for-portrait { |
| - | display: table !important; } |
| - | |
| - | thead.show-for-landscape, thead.hide-for-portrait { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.show-for-landscape, tbody.hide-for-portrait { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.show-for-landscape, tr.hide-for-portrait { |
| - | display: table-row !important; } |
| - | |
| - | td.show-for-landscape, td.hide-for-portrait, |
| - | th.show-for-landscape, |
| - | th.hide-for-portrait { |
| - | display: table-cell !important; } } |
| - | @media only screen and (orientation: portrait) { |
| - | .show-for-portrait, |
| - | .hide-for-landscape { |
| - | display: inherit !important; } |
| - | |
| - | .hide-for-portrait, |
| - | .show-for-landscape { |
| - | display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table.show-for-portrait, table.hide-for-landscape { |
| - | display: table !important; } |
| - | |
| - | thead.show-for-portrait, thead.hide-for-landscape { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.show-for-portrait, tbody.hide-for-landscape { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.show-for-portrait, tr.hide-for-landscape { |
| - | display: table-row !important; } |
| - | |
| - | td.show-for-portrait, td.hide-for-landscape, |
| - | th.show-for-portrait, |
| - | th.hide-for-landscape { |
| - | display: table-cell !important; } } |
| - | /* Touch-enabled device targeting */ |
| - | .show-for-touch { |
| - | display: none !important; } |
| - | |
| - | .hide-for-touch { |
| - | display: inherit !important; } |
| - | |
| - | .touch .show-for-touch { |
| - | display: inherit !important; } |
| - | |
| - | .touch .hide-for-touch { |
| - | display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table.hide-for-touch { |
| - | display: table !important; } |
| - | |
| - | .touch table.show-for-touch { |
| - | display: table !important; } |
| - | |
| - | thead.hide-for-touch { |
| - | display: table-header-group !important; } |
| - | |
| - | .touch thead.show-for-touch { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.hide-for-touch { |
| - | display: table-row-group !important; } |
| - | |
| - | .touch tbody.show-for-touch { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.hide-for-touch { |
| - | display: table-row !important; } |
| - | |
| - | .touch tr.show-for-touch { |
| - | display: table-row !important; } |
| - | |
| - | td.hide-for-touch { |
| - | display: table-cell !important; } |
| - | |
| - | .touch td.show-for-touch { |
| - | display: table-cell !important; } |
| - | |
| - | th.hide-for-touch { |
| - | display: table-cell !important; } |
| - | |
| - | .touch th.show-for-touch { |
| - | display: table-cell !important; } |
| - | |
| - | /* Print visibility */ |
| - | @media print { |
| - | .show-for-print { |
| - | display: block; } |
| - | |
| - | .hide-for-print { |
| - | display: none; } |
| - | |
| - | table.show-for-print { |
| - | display: table !important; } |
| - | |
| - | thead.show-for-print { |
| - | display: table-header-group !important; } |
| - | |
| - | tbody.show-for-print { |
| - | display: table-row-group !important; } |
| - | |
| - | tr.show-for-print { |
| - | display: table-row !important; } |
| - | |
| - | td.show-for-print { |
| - | display: table-cell !important; } |
| - | |
| - | th.show-for-print { |
| - | display: table-cell !important; } } |
generators/foundation5/public/stylesheets/foundation.css.scss
+0
-45
| @@ | @@ -1,45 +0,0 @@ |
| - | @charset "UTF-8"; |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // Make sure the charset is set appropriately |
| - | |
| - | // Behold, here are all the Foundation components. |
| - | @import "foundation/components/grid"; |
| - | @import "foundation/components/accordion"; |
| - | @import "foundation/components/alert-boxes"; |
| - | @import "foundation/components/block-grid"; |
| - | @import "foundation/components/breadcrumbs"; |
| - | @import "foundation/components/button-groups"; |
| - | @import "foundation/components/buttons"; |
| - | @import "foundation/components/clearing"; |
| - | @import "foundation/components/dropdown"; |
| - | @import "foundation/components/dropdown-buttons"; |
| - | @import "foundation/components/flex-video"; |
| - | @import "foundation/components/forms"; |
| - | @import "foundation/components/icon-bar"; |
| - | @import "foundation/components/inline-lists"; |
| - | @import "foundation/components/joyride"; |
| - | @import "foundation/components/keystrokes"; |
| - | @import "foundation/components/labels"; |
| - | @import "foundation/components/magellan"; |
| - | @import "foundation/components/orbit"; |
| - | @import "foundation/components/pagination"; |
| - | @import "foundation/components/panels"; |
| - | @import "foundation/components/pricing-tables"; |
| - | @import "foundation/components/progress-bars"; |
| - | @import "foundation/components/range-slider"; |
| - | @import "foundation/components/reveal"; |
| - | @import "foundation/components/side-nav"; |
| - | @import "foundation/components/split-buttons"; |
| - | @import "foundation/components/sub-nav"; |
| - | @import "foundation/components/switches"; |
| - | @import "foundation/components/tables"; |
| - | @import "foundation/components/tabs"; |
| - | @import "foundation/components/thumbs"; |
| - | @import "foundation/components/tooltips"; |
| - | @import "foundation/components/top-bar"; |
| - | @import "foundation/components/type"; |
| - | @import "foundation/components/offcanvas"; |
| - | @import "foundation/components/visibility"; |
generators/foundation5/public/stylesheets/foundation/_functions.scss
+0
-102
| @@ | @@ -1,102 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // This is the default html and body font-size for the base rem value. |
| - | $rem-base: 16px !default; |
| - | |
| - | // IMPORT ONCE |
| - | // We use this to prevent styles from being loaded multiple times for compenents that rely on other components. |
| - | $modules: () !default; |
| - | @mixin exports($name) { |
| - | $module_index: index($modules, $name); |
| - | @if (($module_index == null) or ($module_index == false)) { |
| - | $modules: append($modules, $name); |
| - | @content; |
| - | } |
| - | } |
| - | |
| - | // |
| - | // @functions |
| - | // |
| - | |
| - | |
| - | // RANGES |
| - | // We use these functions to define ranges for various things, like media queries. |
| - | @function lower-bound($range){ |
| - | @if length($range) <= 0 { |
| - | @return 0; |
| - | } |
| - | @return nth($range,1); |
| - | } |
| - | |
| - | @function upper-bound($range) { |
| - | @if length($range) < 2 { |
| - | @return 999999999999; |
| - | } |
| - | @return nth($range, 2); |
| - | } |
| - | |
| - | // STRIP UNIT |
| - | // It strips the unit of measure and returns it |
| - | @function strip-unit($num) { |
| - | @return $num / ($num * 0 + 1); |
| - | } |
| - | |
| - | // CONVERT TO REM |
| - | @function convert-to-rem($value, $base-value: $rem-base) { |
| - | $value: strip-unit($value) / strip-unit($base-value) * 1rem; |
| - | @if ($value == 0rem) { $value: 0; } // Turn 0rem into 0 |
| - | @return $value; |
| - | } |
| - | |
| - | @function data($attr) { |
| - | @if $namespace { |
| - | @return '[data-' + $namespace + '-' + $attr + ']'; |
| - | } |
| - | |
| - | @return '[data-' + $attr + ']'; |
| - | } |
| - | |
| - | // REM CALC |
| - | |
| - | // New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's. |
| - | // Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported: |
| - | // |
| - | // rem-calc(10 20 30px 40); |
| - | // |
| - | // Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets |
| - | // |
| - | // rem-calc((10, 20, 30, 40px)); |
| - | // |
| - | // Optionally call with a different base (eg: 8px) to calculate rem. |
| - | // |
| - | // rem-calc(16px 32px 48px, 8px); |
| - | // |
| - | // If you require to comma separate your list |
| - | // |
| - | // rem-calc((16px, 32px, 48), 8px); |
| - | |
| - | @function rem-calc($values, $base-value: $rem-base) { |
| - | $max: length($values); |
| - | |
| - | @if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); } |
| - | |
| - | $remValues: (); |
| - | @for $i from 1 through $max { |
| - | $remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value)); |
| - | } |
| - | @return $remValues; |
| - | } |
| - | |
| - | // OLD EM CALC |
| - | // Deprecated: We'll drop support for this in 5.1.0, use rem-calc() |
| - | @function emCalc($values){ |
| - | @return rem-calc($values); |
| - | } |
| - | |
| - | // OLD EM CALC |
| - | // Deprecated: We'll drop support for this in 5.1.0, use rem-calc() |
| - | @function em-calc($values){ |
| - | @return rem-calc($values); |
| - | } |
generators/foundation5/public/stylesheets/foundation/_settings.scss
+0
-1441
| @@ | @@ -1,1441 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // |
| - | |
| - | // Table of Contents |
| - | // Foundation Settings |
| - | // |
| - | // a. Base |
| - | // b. Grid |
| - | // c. Global |
| - | // d. Media Query Ranges |
| - | // e. Typography |
| - | // 01. Accordion |
| - | // 02. Alert Boxes |
| - | // 03. Block Grid |
| - | // 04. Breadcrumbs |
| - | // 05. Buttons |
| - | // 06. Button Groups |
| - | // 07. Clearing |
| - | // 08. Dropdown |
| - | // 09. Dropdown Buttons |
| - | // 10. Flex Video |
| - | // 11. Forms |
| - | // 12. Icon Bar |
| - | // 13. Inline Lists |
| - | // 14. Joyride |
| - | // 15. Keystrokes |
| - | // 16. Labels |
| - | // 17. Magellan |
| - | // 18. Off-canvas |
| - | // 19. Orbit |
| - | // 20. Pagination |
| - | // 21. Panels |
| - | // 22. Pricing Tables |
| - | // 23. Progress Bar |
| - | // 24. Range Slider |
| - | // 25. Reveal |
| - | // 26. Side Nav |
| - | // 27. Split Buttons |
| - | // 28. Sub Nav |
| - | // 29. Switch |
| - | // 30. Tables |
| - | // 31. Tabs |
| - | // 32. Thumbnails |
| - | // 33. Tooltips |
| - | // 34. Top Bar |
| - | // 36. Visibility Classes |
| - | |
| - | // a. Base |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // This is the default html and body font-size for the base rem value. |
| - | // $rem-base: 16px; |
| - | |
| - | // Allows the use of rem-calc() or lower-bound() in your settings |
| - | @import "foundation/functions"; |
| - | |
| - | // The default font-size is set to 100% of the browser style sheet (usually 16px) |
| - | // for compatibility with browser-based text zoom or user-set defaults. |
| - | |
| - | // Since the typical default browser font-size is 16px, that makes the calculation for grid size. |
| - | // If you want your base font-size to be different and not have it affect the grid breakpoints, |
| - | // set $rem-base to $base-font-size and make sure $base-font-size is a px value. |
| - | // $base-font-size: 100%; |
| - | |
| - | // The $base-font-size is 100% while $base-line-height is 150% |
| - | // $base-line-height: 150%; |
| - | |
| - | // We use this to control whether or not CSS classes come through in the gem files. |
| - | $include-html-classes: true; |
| - | // $include-print-styles: true; |
| - | $include-html-global-classes: $include-html-classes; |
| - | |
| - | // b. Grid |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-grid-classes: $include-html-classes; |
| - | // $include-xl-html-grid-classes: false; |
| - | |
| - | // $row-width: rem-calc(1000); |
| - | // $total-columns: 12; |
| - | // $column-gutter: rem-calc(30); |
| - | |
| - | // c. Global |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // We use these to define default font stacks |
| - | // $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | // $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif; |
| - | // $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; |
| - | |
| - | // We use these to define default font weights |
| - | // $font-weight-normal: normal !default; |
| - | // $font-weight-bold: bold !default; |
| - | |
| - | // $white : #FFFFFF; |
| - | // $ghost : #FAFAFA; |
| - | // $snow : #F9F9F9; |
| - | // $vapor : #F6F6F6; |
| - | // $white-smoke : #F5F5F5; |
| - | // $silver : #EFEFEF; |
| - | // $smoke : #EEEEEE; |
| - | // $gainsboro : #DDDDDD; |
| - | // $iron : #CCCCCC; |
| - | // $base : #AAAAAA; |
| - | // $aluminum : #999999; |
| - | // $jumbo : #888888; |
| - | // $monsoon : #777777; |
| - | // $steel : #666666; |
| - | // $charcoal : #555555; |
| - | // $tuatara : #444444; |
| - | // $oil : #333333; |
| - | // $jet : #222222; |
| - | // $black : #000000; |
| - | |
| - | // We use these as default colors throughout |
| - | // $primary-color: #008CBA; |
| - | // $secondary-color: #e7e7e7; |
| - | // $alert-color: #f04124; |
| - | // $success-color: #43AC6A; |
| - | // $warning-color: #f08a24; |
| - | // $info-color: #a0d3e8; |
| - | |
| - | // We use these to control various global styles |
| - | // $body-bg: $white; |
| - | // $body-font-color: $jet; |
| - | // $body-font-family: $font-family-sans-serif; |
| - | // $body-font-weight: $font-weight-normal; |
| - | // $body-font-style: normal; |
| - | |
| - | // We use this to control font-smoothing |
| - | // $font-smoothing: antialiased; |
| - | |
| - | // We use these to control text direction settings |
| - | // $text-direction: ltr; |
| - | // $opposite-direction: right; |
| - | // $default-float: left; |
| - | // $last-child-float: $opposite-direction; |
| - | |
| - | // We use these to make sure border radius matches unless we want it different. |
| - | // $global-radius: 3px; |
| - | // $global-rounded: 1000px; |
| - | |
| - | // We use these to control inset shadow shiny edges and depressions. |
| - | // $shiny-edge-size: 0 1px 0; |
| - | // $shiny-edge-color: rgba($white, .5); |
| - | // $shiny-edge-active-color: rgba($black, .2); |
| - | |
| - | // d. Media Query Ranges |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $small-range: (0em, 40em); |
| - | // $medium-range: (40.063em, 64em); |
| - | // $large-range: (64.063em, 90em); |
| - | // $xlarge-range: (90.063em, 120em); |
| - | // $xxlarge-range: (120.063em, 99999999em); |
| - | |
| - | // $screen: "only screen"; |
| - | |
| - | // $landscape: "#{$screen} and (orientation: landscape)"; |
| - | // $portrait: "#{$screen} and (orientation: portrait)"; |
| - | |
| - | // $small-up: $screen; |
| - | // $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; |
| - | |
| - | // $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; |
| - | // $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; |
| - | |
| - | // $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; |
| - | // $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; |
| - | |
| - | // $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; |
| - | // $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; |
| - | |
| - | // $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; |
| - | // $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; |
| - | |
| - | // Legacy |
| - | // $small: $medium-up; |
| - | // $medium: $medium-up; |
| - | // $large: $large-up; |
| - | |
| - | // We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet |
| - | // $cursor-crosshair-value: crosshair; |
| - | // $cursor-default-value: default; |
| - | // $cursor-pointer-value: pointer; |
| - | // $cursor-help-value: help; |
| - | // $cursor-text-value: text; |
| - | |
| - | // e. Typography |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-type-classes: $include-html-classes; |
| - | |
| - | // We use these to control header font styles |
| - | // $header-font-family: $body-font-family; |
| - | // $header-font-weight: $font-weight-normal; |
| - | // $header-font-style: normal; |
| - | // $header-font-color: $jet; |
| - | // $header-line-height: 1.4; |
| - | // $header-top-margin: .2rem; |
| - | // $header-bottom-margin: .5rem; |
| - | // $header-text-rendering: optimizeLegibility; |
| - | |
| - | // We use these to control header font sizes |
| - | // $h1-font-size: rem-calc(44); |
| - | // $h2-font-size: rem-calc(37); |
| - | // $h3-font-size: rem-calc(27); |
| - | // $h4-font-size: rem-calc(23); |
| - | // $h5-font-size: rem-calc(18); |
| - | // $h6-font-size: 1rem; |
| - | |
| - | // We use these to control header size reduction on small screens |
| - | // $h1-font-reduction: rem-calc(10) !default; |
| - | // $h2-font-reduction: rem-calc(10) !default; |
| - | // $h3-font-reduction: rem-calc(5) !default; |
| - | // $h4-font-reduction: rem-calc(5) !default; |
| - | // $h5-font-reduction: 0 !default; |
| - | // $h6-font-reduction: 0 !default; |
| - | |
| - | // These control how subheaders are styled. |
| - | // $subheader-line-height: 1.4; |
| - | // $subheader-font-color: scale-color($header-font-color, $lightness: 35%); |
| - | // $subheader-font-weight: $font-weight-normal; |
| - | // $subheader-top-margin: .2rem; |
| - | // $subheader-bottom-margin: .5rem; |
| - | |
| - | // A general <small> styling |
| - | // $small-font-size: 60%; |
| - | // $small-font-color: scale-color($header-font-color, $lightness: 35%); |
| - | |
| - | // We use these to style paragraphs |
| - | // $paragraph-font-family: inherit; |
| - | // $paragraph-font-weight: $font-weight-normal; |
| - | // $paragraph-font-size: 1rem; |
| - | // $paragraph-line-height: 1.6; |
| - | // $paragraph-margin-bottom: rem-calc(20); |
| - | // $paragraph-aside-font-size: rem-calc(14); |
| - | // $paragraph-aside-line-height: 1.35; |
| - | // $paragraph-aside-font-style: italic; |
| - | // $paragraph-text-rendering: optimizeLegibility; |
| - | |
| - | // We use these to style <code> tags |
| - | // $code-color: $oil; |
| - | // $code-font-family: $font-family-monospace; |
| - | // $code-font-weight: $font-weight-normal; |
| - | // $code-background-color: scale-color($secondary-color, $lightness: 70%); |
| - | // $code-border-size: 1px; |
| - | // $code-border-style: solid; |
| - | // $code-border-color: scale-color($code-background-color, $lightness: -10%); |
| - | // $code-padding: rem-calc(2) rem-calc(5) rem-calc(1); |
| - | |
| - | // We use these to style anchors |
| - | // $anchor-text-decoration: none; |
| - | // $anchor-text-decoration-hover: none; |
| - | // $anchor-font-color: $primary-color; |
| - | // $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%); |
| - | |
| - | // We use these to style the <hr> element |
| - | // $hr-border-width: 1px; |
| - | // $hr-border-style: solid; |
| - | // $hr-border-color: $gainsboro; |
| - | // $hr-margin: rem-calc(20); |
| - | |
| - | // We use these to style lists |
| - | // $list-font-family: $paragraph-font-family; |
| - | // $list-font-size: $paragraph-font-size; |
| - | // $list-line-height: $paragraph-line-height; |
| - | // $list-margin-bottom: $paragraph-margin-bottom; |
| - | // $list-style-position: outside; |
| - | // $list-side-margin: 1.1rem; |
| - | // $list-ordered-side-margin: 1.4rem; |
| - | // $list-side-margin-no-bullet: 0; |
| - | // $list-nested-margin: rem-calc(20); |
| - | // $definition-list-header-weight: $font-weight-bold; |
| - | // $definition-list-header-margin-bottom: .3rem; |
| - | // $definition-list-margin-bottom: rem-calc(12); |
| - | |
| - | // We use these to style blockquotes |
| - | // $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); |
| - | // $blockquote-padding: rem-calc(9 20 0 19); |
| - | // $blockquote-border: 1px solid $gainsboro; |
| - | // $blockquote-cite-font-size: rem-calc(13); |
| - | // $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); |
| - | // $blockquote-cite-link-color: $blockquote-cite-font-color; |
| - | |
| - | // Acronym styles |
| - | // $acronym-underline: 1px dotted $gainsboro; |
| - | |
| - | // We use these to control padding and margin |
| - | // $microformat-padding: rem-calc(10 12); |
| - | // $microformat-margin: rem-calc(0 0 20 0); |
| - | |
| - | // We use these to control the border styles |
| - | // $microformat-border-width: 1px; |
| - | // $microformat-border-style: solid; |
| - | // $microformat-border-color: $gainsboro; |
| - | |
| - | // We use these to control full name font styles |
| - | // $microformat-fullname-font-weight: $font-weight-bold; |
| - | // $microformat-fullname-font-size: rem-calc(15); |
| - | |
| - | // We use this to control the summary font styles |
| - | // $microformat-summary-font-weight: $font-weight-bold; |
| - | |
| - | // We use this to control abbr padding |
| - | // $microformat-abbr-padding: rem-calc(0 1); |
| - | |
| - | // We use this to control abbr font styles |
| - | // $microformat-abbr-font-weight: $font-weight-bold; |
| - | // $microformat-abbr-font-decoration: none; |
| - | |
| - | // 01. Accordion |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-accordion-classes: $include-html-classes; |
| - | |
| - | // $accordion-navigation-padding: rem-calc(16); |
| - | // $accordion-navigation-bg-color: $silver ; |
| - | // $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%); |
| - | // $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%); |
| - | // $accordion-navigation-font-color: $jet; |
| - | // $accordion-navigation-font-size: rem-calc(16); |
| - | // $accordion-navigation-font-family: $body-font-family; |
| - | |
| - | // $accordion-content-padding: $column-gutter/2; |
| - | // $accordion-content-active-bg-color: $white; |
| - | |
| - | // 02. Alert Boxes |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-alert-classes: $include-html-classes; |
| - | |
| - | // We use this to control alert padding. |
| - | // $alert-padding-top: rem-calc(14); |
| - | // $alert-padding-default-float: $alert-padding-top; |
| - | // $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); |
| - | // $alert-padding-bottom: $alert-padding-top; |
| - | |
| - | // We use these to control text style. |
| - | // $alert-font-weight: $font-weight-normal; |
| - | // $alert-font-size: rem-calc(13); |
| - | // $alert-font-color: $white; |
| - | // $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); |
| - | |
| - | // We use this for close hover effect. |
| - | // $alert-function-factor: -14%; |
| - | |
| - | // We use these to control border styles. |
| - | // $alert-border-style: solid; |
| - | // $alert-border-width: 1px; |
| - | // $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); |
| - | // $alert-bottom-margin: rem-calc(20); |
| - | |
| - | // We use these to style the close buttons |
| - | // $alert-close-color: $oil; |
| - | // $alert-close-top: 50%; |
| - | // $alert-close-position: rem-calc(4); |
| - | // $alert-close-font-size: rem-calc(22); |
| - | // $alert-close-opacity: 0.3; |
| - | // $alert-close-opacity-hover: 0.5; |
| - | // $alert-close-padding: 9px 6px 4px; |
| - | |
| - | // We use this to control border radius |
| - | // $alert-radius: $global-radius; |
| - | |
| - | // We use this to control transition effects |
| - | // $alert-transition-speed: 300ms; |
| - | // $alert-transition-ease: ease-out; |
| - | |
| - | // 03. Block Grid |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-block-grid-classes: $include-html-classes; |
| - | // $include-xl-html-block-grid-classes: false; |
| - | |
| - | // We use this to control the maximum number of block grid elements per row |
| - | // $block-grid-elements: 12; |
| - | // $block-grid-default-spacing: rem-calc(20); |
| - | // $align-block-grid-to-grid: false; |
| - | |
| - | // Enables media queries for block-grid classes. Set to false if writing semantic HTML. |
| - | // $block-grid-media-queries: true; |
| - | |
| - | // 04. Breadcrumbs |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-nav-classes: $include-html-classes; |
| - | |
| - | // We use this to set the background color for the breadcrumb container. |
| - | // $crumb-bg: scale-color($secondary-color, $lightness: 55%); |
| - | |
| - | // We use these to set the padding around the breadcrumbs. |
| - | // $crumb-padding: rem-calc(9 14 9); |
| - | // $crumb-side-padding: rem-calc(12); |
| - | |
| - | // We use these to control border styles. |
| - | // $crumb-function-factor: -10%; |
| - | // $crumb-border-size: 1px; |
| - | // $crumb-border-style: solid; |
| - | // $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor); |
| - | // $crumb-radius: $global-radius; |
| - | |
| - | // We use these to set various text styles for breadcrumbs. |
| - | // $crumb-font-size: rem-calc(11); |
| - | // $crumb-font-color: $primary-color; |
| - | // $crumb-font-color-current: $oil; |
| - | // $crumb-font-color-unavailable: $aluminum; |
| - | // $crumb-font-transform: uppercase; |
| - | // $crumb-link-decor: underline; |
| - | |
| - | // We use these to control the slash between breadcrumbs |
| - | // $crumb-slash-color: $base; |
| - | // $crumb-slash: "/"; |
| - | |
| - | // 05. Buttons |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-button-classes: $include-html-classes; |
| - | |
| - | // We use these to build padding for buttons. |
| - | // $button-tny: rem-calc(10); |
| - | // $button-sml: rem-calc(14); |
| - | // $button-med: rem-calc(16); |
| - | // $button-lrg: rem-calc(18); |
| - | |
| - | // We use this to control the display property. |
| - | // $button-display: inline-block; |
| - | // $button-margin-bottom: rem-calc(20); |
| - | |
| - | // We use these to control button text styles. |
| - | // $button-font-family: $body-font-family; |
| - | // $button-font-color: $white; |
| - | // $button-font-color-alt: $oil; |
| - | // $button-font-tny: rem-calc(11); |
| - | // $button-font-sml: rem-calc(13); |
| - | // $button-font-med: rem-calc(16); |
| - | // $button-font-lrg: rem-calc(20); |
| - | // $button-font-weight: $font-weight-normal; |
| - | // $button-font-align: center; |
| - | |
| - | // We use these to control various hover effects. |
| - | // $button-function-factor: -20%; |
| - | |
| - | // We use these to control button border and hover styles. |
| - | // $button-border-width: 0px; |
| - | // $button-border-style: solid; |
| - | // $button-bg-color: $primary-color; |
| - | // $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor); |
| - | // $button-border-color: $button-bg-hover; |
| - | // $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor); |
| - | // $secondary-button-border-color: $secondary-button-bg-hover; |
| - | // $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor); |
| - | // $success-button-border-color: $success-button-bg-hover; |
| - | // $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor); |
| - | // $alert-button-border-color: $alert-button-bg-hover; |
| - | |
| - | // We use this to set the default radius used throughout the core. |
| - | // $button-radius: $global-radius; |
| - | // $button-round: $global-rounded; |
| - | |
| - | // We use this to set default opacity and cursor for disabled buttons. |
| - | // $button-disabled-opacity: 0.7; |
| - | // $button-disabled-cursor: $cursor-default-value; |
| - | |
| - | // 06. Button Groups |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-button-classes: $include-html-classes; |
| - | |
| - | // Sets the margin for the right side by default, and the left margin if right-to-left direction is used |
| - | // $button-bar-margin-opposite: rem-calc(10); |
| - | // $button-group-border-width: 1px; |
| - | |
| - | // 07. Clearing |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-clearing-classes: $include-html-classes; |
| - | |
| - | // We use these to set the background colors for parts of Clearing. |
| - | // $clearing-bg: $oil; |
| - | // $clearing-caption-bg: $clearing-bg; |
| - | // $clearing-carousel-bg: rgba(51,51,51,0.8); |
| - | // $clearing-img-bg: $clearing-bg; |
| - | |
| - | // We use these to style the close button |
| - | // $clearing-close-color: $iron; |
| - | // $clearing-close-size: 30px; |
| - | |
| - | // We use these to style the arrows |
| - | // $clearing-arrow-size: 12px; |
| - | // $clearing-arrow-color: $clearing-close-color; |
| - | |
| - | // We use these to style captions |
| - | // $clearing-caption-font-color: $iron; |
| - | // $clearing-caption-font-size: 0.875em; |
| - | // $clearing-caption-padding: 10px 30px 20px; |
| - | |
| - | // We use these to make the image and carousel height and style |
| - | // $clearing-active-img-height: 85%; |
| - | // $clearing-carousel-height: 120px; |
| - | // $clearing-carousel-thumb-width: 120px; |
| - | // $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); |
| - | |
| - | // 08. Dropdown |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-dropdown-classes: $include-html-classes; |
| - | |
| - | // We use these to controls height and width styles. |
| - | // $f-dropdown-max-width: 200px; |
| - | // $f-dropdown-height: auto; |
| - | // $f-dropdown-max-height: none; |
| - | |
| - | // Used for bottom position |
| - | // $f-dropdown-margin-top: 2px; |
| - | |
| - | // Used for right position |
| - | // $f-dropdown-margin-left: $f-dropdown-margin-top; |
| - | |
| - | // Used for left position |
| - | // $f-dropdown-margin-right: $f-dropdown-margin-top; |
| - | |
| - | // Used for top position |
| - | // $f-dropdown-margin-bottom: $f-dropdown-margin-top; |
| - | |
| - | // We use this to control the background color |
| - | // $f-dropdown-bg: $white; |
| - | |
| - | // We use this to set the border styles for dropdowns. |
| - | // $f-dropdown-border-style: solid; |
| - | // $f-dropdown-border-width: 1px; |
| - | // $f-dropdown-border-color: scale-color($white, $lightness: -20%); |
| - | |
| - | // We use these to style the triangle pip. |
| - | // $f-dropdown-triangle-size: 6px; |
| - | // $f-dropdown-triangle-color: $white; |
| - | // $f-dropdown-triangle-side-offset: 10px; |
| - | |
| - | // We use these to control styles for the list elements. |
| - | // $f-dropdown-list-style: none; |
| - | // $f-dropdown-font-color: $charcoal; |
| - | // $f-dropdown-font-size: rem-calc(14); |
| - | // $f-dropdown-list-padding: rem-calc(5, 10); |
| - | // $f-dropdown-line-height: rem-calc(18); |
| - | // $f-dropdown-list-hover-bg: $smoke ; |
| - | // $dropdown-mobile-default-float: 0; |
| - | |
| - | // We use this to control the styles for when the dropdown has custom content. |
| - | // $f-dropdown-content-padding: rem-calc(20); |
| - | |
| - | // Default radius for dropdown. |
| - | // $f-dropdown-radius: $global-radius; |
| - | |
| - | |
| - | // 09. Dropdown Buttons |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-button-classes: $include-html-classes; |
| - | |
| - | // We use these to set the color of the pip in dropdown buttons |
| - | // $dropdown-button-pip-color: $white; |
| - | // $dropdown-button-pip-color-alt: $oil; |
| - | |
| - | // $button-pip-tny: rem-calc(6); |
| - | // $button-pip-sml: rem-calc(7); |
| - | // $button-pip-med: rem-calc(9); |
| - | // $button-pip-lrg: rem-calc(11); |
| - | |
| - | // We use these to style tiny dropdown buttons |
| - | // $dropdown-button-padding-tny: $button-pip-tny * 7; |
| - | // $dropdown-button-pip-size-tny: $button-pip-tny; |
| - | // $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; |
| - | // $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1); |
| - | |
| - | // We use these to style small dropdown buttons |
| - | // $dropdown-button-padding-sml: $button-pip-sml * 7; |
| - | // $dropdown-button-pip-size-sml: $button-pip-sml; |
| - | // $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; |
| - | // $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1); |
| - | |
| - | // We use these to style medium dropdown buttons |
| - | // $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); |
| - | // $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); |
| - | // $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; |
| - | // $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2); |
| - | |
| - | // We use these to style large dropdown buttons |
| - | // $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); |
| - | // $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); |
| - | // $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; |
| - | // $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3); |
| - | |
| - | // 10. Flex Video |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-media-classes: $include-html-classes; |
| - | |
| - | // We use these to control video container padding and margins |
| - | // $flex-video-padding-top: rem-calc(25); |
| - | // $flex-video-padding-bottom: 67.5%; |
| - | // $flex-video-margin-bottom: rem-calc(16); |
| - | |
| - | // We use this to control widescreen bottom padding |
| - | // $flex-video-widescreen-padding-bottom: 56.34%; |
| - | |
| - | // 11. Forms |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-form-classes: $include-html-classes; |
| - | |
| - | // We use this to set the base for lots of form spacing and positioning styles |
| - | // $form-spacing: rem-calc(16); |
| - | |
| - | // We use these to style the labels in different ways |
| - | // $form-label-pointer: pointer; |
| - | // $form-label-font-size: rem-calc(14); |
| - | // $form-label-font-weight: $font-weight-normal; |
| - | // $form-label-line-height: 1.5; |
| - | // $form-label-font-color: scale-color($black, $lightness: 30%); |
| - | // $form-label-small-transform: capitalize; |
| - | // $form-label-bottom-margin: 0; |
| - | // $input-font-family: inherit; |
| - | // $input-font-color: rgba(0,0,0,0.75); |
| - | // $input-font-size: rem-calc(14); |
| - | // $input-bg-color: $white; |
| - | // $input-focus-bg-color: scale-color($white, $lightness: -2%); |
| - | // $input-border-color: scale-color($white, $lightness: -20%); |
| - | // $input-focus-border-color: scale-color($white, $lightness: -40%); |
| - | // $input-border-style: solid; |
| - | // $input-border-width: 1px; |
| - | // $input-border-radius: $global-radius; |
| - | // $input-disabled-bg: $gainsboro; |
| - | // $input-disabled-cursor: $cursor-default-value; |
| - | // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
| - | |
| - | // We use these to style the fieldset border and spacing. |
| - | // $fieldset-border-style: solid; |
| - | // $fieldset-border-width: 1px; |
| - | // $fieldset-border-color: $gainsboro; |
| - | // $fieldset-padding: rem-calc(20); |
| - | // $fieldset-margin: rem-calc(18 0); |
| - | |
| - | // We use these to style the legends when you use them |
| - | // $legend-bg: $white; |
| - | // $legend-font-weight: $font-weight-bold; |
| - | // $legend-padding: rem-calc(0 3); |
| - | |
| - | // We use these to style the prefix and postfix input elements |
| - | // $input-prefix-bg: scale-color($white, $lightness: -5%); |
| - | // $input-prefix-border-color: scale-color($white, $lightness: -20%); |
| - | // $input-prefix-border-size: 1px; |
| - | // $input-prefix-border-type: solid; |
| - | // $input-prefix-overflow: hidden; |
| - | // $input-prefix-font-color: $oil; |
| - | // $input-prefix-font-color-alt: $white; |
| - | |
| - | // We use this setting to turn on/off HTML5 number spinners (the up/down arrows) |
| - | // $input-number-spinners: true; |
| - | |
| - | // We use these to style the error states for inputs and labels |
| - | // $input-error-message-padding: rem-calc(6 9 9); |
| - | // $input-error-message-top: -1px; |
| - | // $input-error-message-font-size: rem-calc(12); |
| - | // $input-error-message-font-weight: $font-weight-normal; |
| - | // $input-error-message-font-style: italic; |
| - | // $input-error-message-font-color: $white; |
| - | // $input-error-message-font-color-alt: $oil; |
| - | |
| - | // We use this to style the glowing effect of inputs when focused |
| - | // $input-include-glowing-effect: true; |
| - | // $glowing-effect-fade-time: 0.45s; |
| - | // $glowing-effect-color: $input-focus-border-color; |
| - | |
| - | // Select variables |
| - | // $select-bg-color: $ghost; |
| - | // $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); |
| - | |
| - | // 12. Icon Bar |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // We use these to style the icon-bar and items |
| - | // $include-html-icon-bar-classes: $include-html-classes; |
| - | // $icon-bar-bg: $oil; |
| - | // $icon-bar-font-color: $white; |
| - | // $icon-bar-font-size: 1rem; |
| - | // $icon-bar-hover-color: $primary-color; |
| - | // $icon-bar-icon-color: $white; |
| - | // $icon-bar-icon-size: 1.875rem; |
| - | // $icon-bar-image-width: 1.875rem; |
| - | // $icon-bar-image-height: 1.875rem; |
| - | // $icon-bar-active-color: $primary-color; |
| - | // $icon-bar-item-padding: 1.25rem; |
| - | |
| - | // 13. Inline Lists |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-inline-list-classes: $include-html-classes; |
| - | |
| - | // We use this to control the margins and padding of the inline list. |
| - | // $inline-list-top-margin: 0; |
| - | // $inline-list-opposite-margin: 0; |
| - | // $inline-list-bottom-margin: rem-calc(17); |
| - | // $inline-list-default-float-margin: rem-calc(-22); |
| - | // $inline-list-default-float-list-margin: rem-calc(22); |
| - | |
| - | // $inline-list-padding: 0; |
| - | |
| - | // We use this to control the overflow of the inline list. |
| - | // $inline-list-overflow: hidden; |
| - | |
| - | // We use this to control the list items |
| - | // $inline-list-display: block; |
| - | |
| - | // We use this to control any elements within list items |
| - | // $inline-list-children-display: block; |
| - | |
| - | // 14. Joyride |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-joyride-classes: $include-html-classes; |
| - | |
| - | // Controlling default Joyride styles |
| - | // $joyride-tip-bg: $oil; |
| - | // $joyride-tip-default-width: 300px; |
| - | // $joyride-tip-padding: rem-calc(18 20 24); |
| - | // $joyride-tip-border: solid 1px $charcoal; |
| - | // $joyride-tip-radius: 4px; |
| - | // $joyride-tip-position-offset: 22px; |
| - | |
| - | // Here, we're setting the tip font styles |
| - | // $joyride-tip-font-color: $white; |
| - | // $joyride-tip-font-size: rem-calc(14); |
| - | // $joyride-tip-header-weight: $font-weight-bold; |
| - | |
| - | // This changes the nub size |
| - | // $joyride-tip-nub-size: 10px; |
| - | |
| - | // This adjusts the styles for the timer when its enabled |
| - | // $joyride-tip-timer-width: 50px; |
| - | // $joyride-tip-timer-height: 3px; |
| - | // $joyride-tip-timer-color: $steel; |
| - | |
| - | // This changes up the styles for the close button |
| - | // $joyride-tip-close-color: $monsoon; |
| - | // $joyride-tip-close-size: 24px; |
| - | // $joyride-tip-close-weight: $font-weight-normal; |
| - | |
| - | // When Joyride is filling the screen, we use this style for the bg |
| - | // $joyride-screenfill: rgba(0,0,0,0.5); |
| - | |
| - | // 15. Keystrokes |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-keystroke-classes: $include-html-classes; |
| - | |
| - | // We use these to control text styles. |
| - | // $keystroke-font: "Consolas", "Menlo", "Courier", monospace; |
| - | // $keystroke-font-size: inherit; |
| - | // $keystroke-font-color: $jet; |
| - | // $keystroke-font-color-alt: $white; |
| - | // $keystroke-function-factor: -7%; |
| - | |
| - | // We use this to control keystroke padding. |
| - | // $keystroke-padding: rem-calc(2 4 0); |
| - | |
| - | // We use these to control background and border styles. |
| - | // $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor); |
| - | // $keystroke-border-style: solid; |
| - | // $keystroke-border-width: 1px; |
| - | // $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); |
| - | // $keystroke-radius: $global-radius; |
| - | |
| - | // 16. Labels |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-label-classes: $include-html-classes; |
| - | |
| - | // We use these to style the labels |
| - | // $label-padding: rem-calc(4 8 4); |
| - | // $label-radius: $global-radius; |
| - | |
| - | // We use these to style the label text |
| - | // $label-font-sizing: rem-calc(11); |
| - | // $label-font-weight: $font-weight-normal; |
| - | // $label-font-color: $oil; |
| - | // $label-font-color-alt: $white; |
| - | // $label-font-family: $body-font-family; |
| - | |
| - | // 17. Magellan |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-magellan-classes: $include-html-classes; |
| - | |
| - | // $magellan-bg: $white; |
| - | // $magellan-padding: 0 !important; |
| - | |
| - | // 18. Off-canvas |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-off-canvas-classes: $include-html-classes; |
| - | |
| - | // $tabbar-bg: $oil; |
| - | // $tabbar-height: rem-calc(45); |
| - | // $tabbar-icon-width: $tabbar-height; |
| - | // $tabbar-line-height: $tabbar-height; |
| - | // $tabbar-color: $white; |
| - | // $tabbar-middle-padding: 0 rem-calc(10); |
| - | |
| - | // Off Canvas Divider Styles |
| - | // $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%); |
| - | // $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); |
| - | |
| - | // Off Canvas Tab Bar Headers |
| - | // $tabbar-header-color: $white; |
| - | // $tabbar-header-weight: $font-weight-bold; |
| - | // $tabbar-header-line-height: $tabbar-height; |
| - | // $tabbar-header-margin: 0; |
| - | |
| - | // Off Canvas Menu Variables |
| - | // $off-canvas-width: rem-calc(250); |
| - | // $off-canvas-bg: $oil; |
| - | // $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%); |
| - | |
| - | // Off Canvas Menu List Variables |
| - | // $off-canvas-label-padding: 0.3rem rem-calc(15); |
| - | // $off-canvas-label-color: $aluminum; |
| - | // $off-canvas-label-text-transform: uppercase; |
| - | // $off-canvas-label-font-size: rem-calc(12); |
| - | // $off-canvas-label-font-weight: $font-weight-bold; |
| - | // $off-canvas-label-bg: $tuatara; |
| - | // $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%); |
| - | // $off-canvas-label-border-bottom: none; |
| - | // $off-canvas-label-margin:0; |
| - | // $off-canvas-link-padding: rem-calc(10, 15); |
| - | // $off-canvas-link-color: rgba($white, 0.7); |
| - | // $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%); |
| - | // $off-canvas-back-bg: $tuatara; |
| - | // $off-canvas-back-border-top: $off-canvas-label-border-top; |
| - | // $off-canvas-back-border-bottom: $off-canvas-label-border-bottom; |
| - | // $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%); |
| - | // $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); |
| - | // $off-canvas-back-hover-border-bottom: none; |
| - | |
| - | // Off Canvas Menu Icon Variables |
| - | // $tabbar-menu-icon-color: $white; |
| - | // $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); |
| - | |
| - | // $tabbar-menu-icon-text-indent: rem-calc(35); |
| - | // $tabbar-menu-icon-width: $tabbar-height; |
| - | // $tabbar-menu-icon-height: $tabbar-height; |
| - | // $tabbar-menu-icon-padding: 0; |
| - | |
| - | // $tabbar-hamburger-icon-width: rem-calc(16); |
| - | // $tabbar-hamburger-icon-left: false; |
| - | // $tabbar-hamburger-icon-top: false; |
| - | // $tabbar-hamburger-icon-thickness: 1px; |
| - | // $tabbar-hamburger-icon-gap: 6px; |
| - | |
| - | // Off Canvas Back-Link Overlay |
| - | // $off-canvas-overlay-transition: background 300ms ease; |
| - | // $off-canvas-overlay-cursor: pointer; |
| - | // $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5); |
| - | // $off-canvas-overlay-background: rgba($white, 0.2); |
| - | // $off-canvas-overlay-background-hover: rgba($white, 0.05); |
| - | |
| - | // Transition Variables |
| - | // $menu-slide: "transform 500ms ease"; |
| - | |
| - | // 19. Orbit |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-orbit-classes: $include-html-classes; |
| - | |
| - | // We use these to control the caption styles |
| - | // $orbit-container-bg: none; |
| - | // $orbit-caption-bg: rgba(51,51,51, 0.8); |
| - | // $orbit-caption-font-color: $white; |
| - | // $orbit-caption-font-size: rem-calc(14); |
| - | // $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" |
| - | // $orbit-caption-padding: rem-calc(10 14); |
| - | // $orbit-caption-height: auto; |
| - | |
| - | // We use these to control the left/right nav styles |
| - | // $orbit-nav-bg: transparent; |
| - | // $orbit-nav-bg-hover: rgba(0,0,0,0.3); |
| - | // $orbit-nav-arrow-color: $white; |
| - | // $orbit-nav-arrow-color-hover: $white; |
| - | |
| - | // We use these to control the timer styles |
| - | // $orbit-timer-bg: rgba(255,255,255,0.3); |
| - | // $orbit-timer-show-progress-bar: true; |
| - | |
| - | // We use these to control the bullet nav styles |
| - | // $orbit-bullet-nav-color: $iron; |
| - | // $orbit-bullet-nav-color-active: $aluminum; |
| - | // $orbit-bullet-radius: rem-calc(9); |
| - | |
| - | // We use these to controls the style of slide numbers |
| - | // $orbit-slide-number-bg: rgba(0,0,0,0); |
| - | // $orbit-slide-number-font-color: $white; |
| - | // $orbit-slide-number-padding: rem-calc(5); |
| - | |
| - | // Hide controls on small |
| - | // $orbit-nav-hide-for-small: true; |
| - | // $orbit-bullet-hide-for-small: true; |
| - | // $orbit-timer-hide-for-small: true; |
| - | |
| - | // Graceful Loading Wrapper and preloader |
| - | // $wrapper-class: "slideshow-wrapper"; |
| - | // $preloader-class: "preloader"; |
| - | |
| - | // 20. Pagination |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-pagination-classes: $include-html-classes; |
| - | |
| - | // We use these to control the pagination container |
| - | // $pagination-height: rem-calc(24); |
| - | // $pagination-margin: rem-calc(-5); |
| - | |
| - | // We use these to set the list-item properties |
| - | // $pagination-li-float: $default-float; |
| - | // $pagination-li-height: rem-calc(24); |
| - | // $pagination-li-font-color: $jet; |
| - | // $pagination-li-font-size: rem-calc(14); |
| - | // $pagination-li-margin: rem-calc(5); |
| - | |
| - | // We use these for the pagination anchor links |
| - | // $pagination-link-pad: rem-calc(1 10 1); |
| - | // $pagination-link-font-color: $aluminum; |
| - | // $pagination-link-active-bg: scale-color($white, $lightness: -10%); |
| - | |
| - | // We use these for disabled anchor links |
| - | // $pagination-link-unavailable-cursor: default; |
| - | // $pagination-link-unavailable-font-color: $aluminum; |
| - | // $pagination-link-unavailable-bg-active: transparent; |
| - | |
| - | // We use these for currently selected anchor links |
| - | // $pagination-link-current-background: $primary-color; |
| - | // $pagination-link-current-font-color: $white; |
| - | // $pagination-link-current-font-weight: $font-weight-bold; |
| - | // $pagination-link-current-cursor: default; |
| - | // $pagination-link-current-active-bg: $primary-color; |
| - | |
| - | // 21. Panels |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-panel-classes: $include-html-classes; |
| - | |
| - | // We use these to control the background and border styles |
| - | // $panel-bg: scale-color($white, $lightness: -5%); |
| - | // $panel-border-style: solid; |
| - | // $panel-border-size: 1px; |
| - | |
| - | // We use this % to control how much we darken things on hover |
| - | // $panel-function-factor: -11%; |
| - | // $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor); |
| - | |
| - | // We use these to set default inner padding and bottom margin |
| - | // $panel-margin-bottom: rem-calc(20); |
| - | // $panel-padding: rem-calc(20); |
| - | |
| - | // We use these to set default font colors |
| - | // $panel-font-color: $oil; |
| - | // $panel-font-color-alt: $white; |
| - | |
| - | // $panel-header-adjust: true; |
| - | // $callout-panel-link-color: $primary-color; |
| - | |
| - | // 22. Pricing Tables |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-pricing-classes: $include-html-classes; |
| - | |
| - | // We use this to control the border color |
| - | // $price-table-border: solid 1px $gainsboro; |
| - | |
| - | // We use this to control the bottom margin of the pricing table |
| - | // $price-table-margin-bottom: rem-calc(20); |
| - | |
| - | // We use these to control the title styles |
| - | // $price-title-bg: $oil; |
| - | // $price-title-padding: rem-calc(15 20); |
| - | // $price-title-align: center; |
| - | // $price-title-color: $smoke; |
| - | // $price-title-weight: $font-weight-normal; |
| - | // $price-title-size: rem-calc(16); |
| - | // $price-title-font-family: $body-font-family; |
| - | |
| - | // We use these to control the price styles |
| - | // $price-money-bg: $vapor ; |
| - | // $price-money-padding: rem-calc(15 20); |
| - | // $price-money-align: center; |
| - | // $price-money-color: $oil; |
| - | // $price-money-weight: $font-weight-normal; |
| - | // $price-money-size: rem-calc(32); |
| - | // $price-money-font-family: $body-font-family; |
| - | |
| - | // We use these to control the description styles |
| - | // $price-bg: $white; |
| - | // $price-desc-color: $monsoon; |
| - | // $price-desc-padding: rem-calc(15); |
| - | // $price-desc-align: center; |
| - | // $price-desc-font-size: rem-calc(12); |
| - | // $price-desc-weight: $font-weight-normal; |
| - | // $price-desc-line-height: 1.4; |
| - | // $price-desc-bottom-border: dotted 1px $gainsboro; |
| - | |
| - | // We use these to control the list item styles |
| - | // $price-item-color: $oil; |
| - | // $price-item-padding: rem-calc(15); |
| - | // $price-item-align: center; |
| - | // $price-item-font-size: rem-calc(14); |
| - | // $price-item-weight: $font-weight-normal; |
| - | // $price-item-bottom-border: dotted 1px $gainsboro; |
| - | |
| - | // We use these to control the CTA area styles |
| - | // $price-cta-bg: $white; |
| - | // $price-cta-align: center; |
| - | // $price-cta-padding: rem-calc(20 20 0); |
| - | |
| - | // 23. Progress Bar |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-media-classes: $include-html-classes; |
| - | |
| - | // We use this to set the progress bar height |
| - | // $progress-bar-height: rem-calc(25); |
| - | // $progress-bar-color: $vapor ; |
| - | |
| - | // We use these to control the border styles |
| - | // $progress-bar-border-color: scale-color($white, $lightness: 20%); |
| - | // $progress-bar-border-size: 1px; |
| - | // $progress-bar-border-style: solid; |
| - | // $progress-bar-border-radius: $global-radius; |
| - | |
| - | // We use these to control the margin & padding |
| - | // $progress-bar-pad: rem-calc(2); |
| - | // $progress-bar-margin-bottom: rem-calc(10); |
| - | |
| - | // We use these to set the meter colors |
| - | // $progress-meter-color: $primary-color; |
| - | // $progress-meter-secondary-color: $secondary-color; |
| - | // $progress-meter-success-color: $success-color; |
| - | // $progress-meter-alert-color: $alert-color; |
| - | |
| - | // 24. Range Slider |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-range-slider-classes: $include-html-classes; |
| - | |
| - | // These variables define the slider bar styles |
| - | // $range-slider-bar-width: 100%; |
| - | // $range-slider-bar-height: rem-calc(16); |
| - | |
| - | // $range-slider-bar-border-width: 1px; |
| - | // $range-slider-bar-border-style: solid; |
| - | // $range-slider-bar-border-color: $gainsboro; |
| - | // $range-slider-radius: $global-radius; |
| - | // $range-slider-round: $global-rounded; |
| - | // $range-slider-bar-bg-color: $ghost; |
| - | |
| - | // Vertical bar styles |
| - | // $range-slider-vertical-bar-width: rem-calc(16); |
| - | // $range-slider-vertical-bar-height: rem-calc(200); |
| - | |
| - | // These variables define the slider handle styles |
| - | // $range-slider-handle-width: rem-calc(32); |
| - | // $range-slider-handle-height: rem-calc(22); |
| - | // $range-slider-handle-position-top: rem-calc(-5); |
| - | // $range-slider-handle-bg-color: $primary-color; |
| - | // $range-slider-handle-border-width: 1px; |
| - | // $range-slider-handle-border-style: solid; |
| - | // $range-slider-handle-border-color: none; |
| - | // $range-slider-handle-radius: $global-radius; |
| - | // $range-slider-handle-round: $global-rounded; |
| - | // $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); |
| - | // $range-slider-handle-cursor: pointer; |
| - | |
| - | // 25. Reveal |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-reveal-classes: $include-html-classes; |
| - | |
| - | // We use these to control the style of the reveal overlay. |
| - | // $reveal-overlay-bg: rgba($black, .45); |
| - | // $reveal-overlay-bg-old: $black; |
| - | |
| - | // We use these to control the style of the modal itself. |
| - | // $reveal-modal-bg: $white; |
| - | // $reveal-position-top: rem-calc(100); |
| - | // $reveal-default-width: 80%; |
| - | // $reveal-max-width: $row-width; |
| - | // $reveal-modal-padding: rem-calc(20); |
| - | // $reveal-box-shadow: 0 0 10px rgba($black,.4); |
| - | |
| - | // We use these to style the reveal close button |
| - | // $reveal-close-font-size: rem-calc(40); |
| - | // $reveal-close-top: rem-calc(8); |
| - | // $reveal-close-side: rem-calc(11); |
| - | // $reveal-close-color: $base; |
| - | // $reveal-close-weight: $font-weight-bold; |
| - | |
| - | // We use this to set the default radius used throughout the core. |
| - | // $reveal-radius: $global-radius; |
| - | // $reveal-round: $global-rounded; |
| - | |
| - | // We use these to control the modal border |
| - | // $reveal-border-style: solid; |
| - | // $reveal-border-width: 1px; |
| - | // $reveal-border-color: $steel; |
| - | |
| - | // $reveal-modal-class: "reveal-modal"; |
| - | // $close-reveal-modal-class: "close-reveal-modal"; |
| - | |
| - | // 26. Side Nav |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-nav-classes: $include-html-classes; |
| - | |
| - | // We use this to control padding. |
| - | // $side-nav-padding: rem-calc(14 0); |
| - | |
| - | // We use these to control list styles. |
| - | // $side-nav-list-type: none; |
| - | // $side-nav-list-position: inside; |
| - | // $side-nav-list-margin: rem-calc(0 0 7 0); |
| - | |
| - | // We use these to control link styles. |
| - | // $side-nav-link-color: $primary-color; |
| - | // $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%); |
| - | // $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%); |
| - | // $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025); |
| - | // $side-nav-link-margin: 0; |
| - | // $side-nav-link-padding: rem-calc(7 14); |
| - | // $side-nav-font-size: rem-calc(14); |
| - | // $side-nav-font-weight: $font-weight-normal; |
| - | // $side-nav-font-weight-active: $side-nav-font-weight; |
| - | // $side-nav-font-family: $body-font-family; |
| - | // $side-nav-font-family-active: $side-nav-font-family; |
| - | |
| - | // We use these to control heading styles. |
| - | // $side-nav-heading-color: $side-nav-link-color; |
| - | // $side-nav-heading-font-size: $side-nav-font-size; |
| - | // $side-nav-heading-font-weight: bold; |
| - | // $side-nav-heading-text-transform: uppercase; |
| - | |
| - | // We use these to control border styles |
| - | // $side-nav-divider-size: 1px; |
| - | // $side-nav-divider-style: solid; |
| - | // $side-nav-divider-color: scale-color($white, $lightness: 10%); |
| - | |
| - | // 27. Split Buttons |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-button-classes: $include-html-classes; |
| - | |
| - | // We use these to control different shared styles for Split Buttons |
| - | // $split-button-function-factor: 10%; |
| - | // $split-button-pip-color: $white; |
| - | // $split-button-pip-color-alt: $oil; |
| - | // $split-button-active-bg-tint: rgba(0,0,0,0.1); |
| - | |
| - | // We use these to control tiny split buttons |
| - | // $split-button-padding-tny: $button-pip-tny * 10; |
| - | // $split-button-span-width-tny: $button-pip-tny * 6; |
| - | // $split-button-pip-size-tny: $button-pip-tny; |
| - | // $split-button-pip-top-tny: $button-pip-tny * 2; |
| - | // $split-button-pip-default-float-tny: rem-calc(-6); |
| - | |
| - | // We use these to control small split buttons |
| - | // $split-button-padding-sml: $button-pip-sml * 10; |
| - | // $split-button-span-width-sml: $button-pip-sml * 6; |
| - | // $split-button-pip-size-sml: $button-pip-sml; |
| - | // $split-button-pip-top-sml: $button-pip-sml * 1.5; |
| - | // $split-button-pip-default-float-sml: rem-calc(-6); |
| - | |
| - | // We use these to control medium split buttons |
| - | // $split-button-padding-med: $button-pip-med * 9; |
| - | // $split-button-span-width-med: $button-pip-med * 5.5; |
| - | // $split-button-pip-size-med: $button-pip-med - rem-calc(3); |
| - | // $split-button-pip-top-med: $button-pip-med * 1.5; |
| - | // $split-button-pip-default-float-med: rem-calc(-6); |
| - | |
| - | // We use these to control large split buttons |
| - | // $split-button-padding-lrg: $button-pip-lrg * 8; |
| - | // $split-button-span-width-lrg: $button-pip-lrg * 5; |
| - | // $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); |
| - | // $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); |
| - | // $split-button-pip-default-float-lrg: rem-calc(-6); |
| - | |
| - | // 28. Sub Nav |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-nav-classes: $include-html-classes; |
| - | |
| - | // We use these to control margin and padding |
| - | // $sub-nav-list-margin: rem-calc(-4 0 18); |
| - | // $sub-nav-list-padding-top: rem-calc(4); |
| - | |
| - | // We use this to control the definition |
| - | // $sub-nav-font-family: $body-font-family; |
| - | // $sub-nav-font-size: rem-calc(14); |
| - | // $sub-nav-font-color: $aluminum; |
| - | // $sub-nav-font-weight: $font-weight-normal; |
| - | // $sub-nav-text-decoration: none; |
| - | // $sub-nav-padding: rem-calc(3 16); |
| - | // $sub-nav-border-radius: 3px; |
| - | // $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); |
| - | |
| - | // We use these to control the active item styles |
| - | // $sub-nav-active-font-weight: $font-weight-normal; |
| - | // $sub-nav-active-bg: $primary-color; |
| - | // $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); |
| - | // $sub-nav-active-color: $white; |
| - | // $sub-nav-active-padding: $sub-nav-padding; |
| - | // $sub-nav-active-cursor: default; |
| - | |
| - | // $sub-nav-item-divider: ""; |
| - | // $sub-nav-item-divider-margin: rem-calc(12); |
| - | |
| - | // 29. Switch |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-form-classes: $include-html-classes; |
| - | |
| - | // Controlling border styles and background colors for the switch container |
| - | // $switch-border-color: scale-color($white, $lightness: -20%); |
| - | // $switch-border-style: solid; |
| - | // $switch-border-width: 1px; |
| - | // $switch-bg: $white; |
| - | |
| - | // We use these to control the switch heights for our default classes |
| - | // $switch-height-tny: rem-calc(22); |
| - | // $switch-height-sml: rem-calc(28); |
| - | // $switch-height-med: rem-calc(36); |
| - | // $switch-height-lrg: rem-calc(44); |
| - | // $switch-bottom-margin: rem-calc(20); |
| - | |
| - | // We use these to control default font sizes for our classes. |
| - | // $switch-font-size-tny: 11px; |
| - | // $switch-font-size-sml: 12px; |
| - | // $switch-font-size-med: 14px; |
| - | // $switch-font-size-lrg: 17px; |
| - | // $switch-label-side-padding: 6px; |
| - | |
| - | // We use these to style the switch-paddle |
| - | // $switch-paddle-bg: $white; |
| - | // $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%); |
| - | // $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%); |
| - | // $switch-paddle-border-width: 1px; |
| - | // $switch-paddle-border-style: solid; |
| - | // $switch-paddle-transition-speed: .1s; |
| - | // $switch-paddle-transition-ease: ease-out; |
| - | // $switch-positive-color: scale-color($success-color, $lightness: 94%); |
| - | // $switch-negative-color: $white-smoke; |
| - | |
| - | // Outline Style for tabbing through switches |
| - | // $switch-label-outline: 1px dotted $jumbo; |
| - | |
| - | // 30. Tables |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-table-classes: $include-html-classes; |
| - | |
| - | // These control the background color for the table and even rows |
| - | // $table-bg: $white; |
| - | // $table-even-row-bg: $snow ; |
| - | |
| - | // These control the table cell border style |
| - | // $table-border-style: solid; |
| - | // $table-border-size: 1px; |
| - | // $table-border-color: $gainsboro; |
| - | |
| - | // These control the table head styles |
| - | // $table-head-bg: $white-smoke ; |
| - | // $table-head-font-size: rem-calc(14); |
| - | // $table-head-font-color: $jet; |
| - | // $table-head-font-weight: $font-weight-bold; |
| - | // $table-head-padding: rem-calc(8 10 10); |
| - | |
| - | // These control the row padding and font styles |
| - | // $table-row-padding: rem-calc(9 10); |
| - | // $table-row-font-size: rem-calc(14); |
| - | // $table-row-font-color: $jet; |
| - | // $table-line-height: rem-calc(18); |
| - | |
| - | // These are for controlling the layout, display and margin of tables |
| - | // $table-layout: auto; |
| - | // $table-display: table-cell; |
| - | // $table-margin-bottom: rem-calc(20); |
| - | |
| - | // 31. Tabs |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-tabs-classes: $include-html-classes; |
| - | |
| - | // $tabs-navigation-padding: rem-calc(16); |
| - | // $tabs-navigation-bg-color: $silver ; |
| - | // $tabs-navigation-active-bg-color: $white; |
| - | // $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); |
| - | // $tabs-navigation-font-color: $jet; |
| - | // $tabs-navigation-active-font-color: $tabs-navigation-font-color; |
| - | // $tabs-navigation-font-size: rem-calc(16); |
| - | // $tabs-navigation-font-family: $body-font-family; |
| - | |
| - | // $tabs-content-margin-bottom: rem-calc(24); |
| - | // $tabs-content-padding: $column-gutter/2; |
| - | |
| - | // $tabs-vertical-navigation-margin-bottom: 1.25rem; |
| - | |
| - | // 32. Thumbnails |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-media-classes: $include-html-classes; |
| - | |
| - | // We use these to control border styles |
| - | // $thumb-border-style: solid; |
| - | // $thumb-border-width: 4px; |
| - | // $thumb-border-color: $white; |
| - | // $thumb-box-shadow: 0 0 0 1px rgba($black,.2); |
| - | // $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); |
| - | |
| - | // Radius and transition speed for thumbs |
| - | // $thumb-radius: $global-radius; |
| - | // $thumb-transition-speed: 200ms; |
| - | |
| - | // 33. Tooltips |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-tooltip-classes: $include-html-classes; |
| - | |
| - | // $has-tip-border-bottom: dotted 1px $iron; |
| - | // $has-tip-font-weight: $font-weight-bold; |
| - | // $has-tip-font-color: $oil; |
| - | // $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); |
| - | // $has-tip-font-color-hover: $primary-color; |
| - | // $has-tip-cursor-type: help; |
| - | |
| - | // $tooltip-padding: rem-calc(12); |
| - | // $tooltip-bg: $oil; |
| - | // $tooltip-font-size: rem-calc(14); |
| - | // $tooltip-font-weight: $font-weight-normal; |
| - | // $tooltip-font-color: $white; |
| - | // $tooltip-line-height: 1.3; |
| - | // $tooltip-close-font-size: rem-calc(10); |
| - | // $tooltip-close-font-weight: $font-weight-normal; |
| - | // $tooltip-close-font-color: $monsoon; |
| - | // $tooltip-font-size-sml: rem-calc(14); |
| - | // $tooltip-radius: $global-radius; |
| - | // $tooltip-rounded: $global-rounded; |
| - | // $tooltip-pip-size: 5px; |
| - | // $tooltip-max-width: 300px; |
| - | |
| - | // 34. Top Bar |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-top-bar-classes: $include-html-classes; |
| - | |
| - | // Background color for the top bar |
| - | // $topbar-bg-color: $oil; |
| - | // $topbar-bg: $topbar-bg-color; |
| - | |
| - | // Height and margin |
| - | // $topbar-height: 45px; |
| - | // $topbar-margin-bottom: 0; |
| - | |
| - | // Controlling the styles for the title in the top bar |
| - | // $topbar-title-weight: $font-weight-normal; |
| - | // $topbar-title-font-size: rem-calc(17); |
| - | |
| - | // Style the top bar dropdown elements |
| - | // $topbar-dropdown-bg: $oil; |
| - | // $topbar-dropdown-link-color: $white; |
| - | // $topbar-dropdown-link-bg: $oil; |
| - | // $topbar-dropdown-link-weight: $font-weight-normal; |
| - | // $topbar-dropdown-toggle-size: 5px; |
| - | // $topbar-dropdown-toggle-color: $white; |
| - | // $topbar-dropdown-toggle-alpha: 0.4; |
| - | |
| - | // Set the link colors and styles for top-level nav |
| - | // $topbar-link-color: $white; |
| - | // $topbar-link-color-hover: $white; |
| - | // $topbar-link-color-active: $white; |
| - | // $topbar-link-color-active-hover: $white; |
| - | // $topbar-link-weight: $font-weight-normal; |
| - | // $topbar-link-font-size: rem-calc(13); |
| - | // $topbar-link-hover-lightness: -10%; // Darken by 10% |
| - | // $topbar-link-bg: $topbar-bg; |
| - | // $topbar-link-bg-color-hover: $charcoal; |
| - | // $topbar-link-bg-hover: #272727; |
| - | // $topbar-link-bg-active: $primary-color; |
| - | // $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); |
| - | // $topbar-link-font-family: $body-font-family; |
| - | // $topbar-link-text-transform: none; |
| - | // $topbar-link-padding: $topbar-height / 3; |
| - | // $topbar-back-link-size: $h5-font-size; |
| - | // $topbar-link-dropdown-padding: 20px; |
| - | |
| - | // $topbar-button-font-size: 0.75rem; |
| - | // $topbar-button-top: 7px; |
| - | |
| - | // $topbar-dropdown-label-color: $monsoon; |
| - | // $topbar-dropdown-label-text-transform: uppercase; |
| - | // $topbar-dropdown-label-font-weight: $font-weight-bold; |
| - | // $topbar-dropdown-label-font-size: rem-calc(10); |
| - | // $topbar-dropdown-label-bg: $oil; |
| - | |
| - | // Top menu icon styles |
| - | // $topbar-menu-link-transform: uppercase; |
| - | // $topbar-menu-link-font-size: rem-calc(13); |
| - | // $topbar-menu-link-weight: $font-weight-bold; |
| - | // $topbar-menu-link-color: $white; |
| - | // $topbar-menu-icon-color: $white; |
| - | // $topbar-menu-link-color-toggled: $jumbo; |
| - | // $topbar-menu-icon-color-toggled: $jumbo; |
| - | |
| - | // Transitions and breakpoint styles |
| - | // $topbar-transition-speed: 300ms; |
| - | // Using rem-calc for the below breakpoint causes issues with top bar |
| - | // $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout |
| - | // $topbar-media-query: $medium-up; |
| - | |
| - | // Divider Styles |
| - | // $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); |
| - | // $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); |
| - | |
| - | // Sticky Class |
| - | // $topbar-sticky-class: ".sticky"; |
| - | // $topbar-arrows: true; //Set false to remove the triangle icon from the menu item |
| - | |
| - | // 36. Visibility Classes |
| - | // - - - - - - - - - - - - - - - - - - - - - - - - - |
| - | |
| - | // $include-html-visibility-classes: $include-html-classes; |
| - | // $include-table-visibility-classes: true; |
| - | // $include-legacy-visibility-classes: true; |
| - | // $include-accessibility-classes: true; |
generators/foundation5/public/stylesheets/foundation/components/_accordion.scss
+0
-157
| @@ | @@ -1,157 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-accordion-classes: $include-html-classes !default; |
| - | |
| - | $accordion-navigation-padding: rem-calc(16) !default; |
| - | $accordion-navigation-bg-color: $silver !default; |
| - | $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default; |
| - | $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default; |
| - | $accordion-navigation-font-color: $jet !default; |
| - | $accordion-navigation-font-size: rem-calc(16) !default; |
| - | $accordion-navigation-font-family: $body-font-family !default; |
| - | |
| - | $accordion-content-padding: $column-gutter/2 !default; |
| - | $accordion-content-active-bg-color: $white !default; |
| - | |
| - | |
| - | // Mixin: accordion-container() |
| - | // Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix |
| - | // Explicit Dependencies: a clearfix mixin *is* defined. |
| - | // Implicit Dependencies: None |
| - | |
| - | @mixin accordion-container() { |
| - | @include clearfix; |
| - | margin-bottom: 0; |
| - | } |
| - | |
| - | // Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){ |
| - | // @params $bg-color: [ color or string ]: Specify the background color for the navigation element |
| - | // @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered |
| - | // @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. |
| - | // @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible |
| - | // @params $font-color [ color or string ]: Color of the font for accordion |
| - | // @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element |
| - | // @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion |
| - | |
| - | @mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){ |
| - | display: block; |
| - | margin-bottom: 0 !important; |
| - | @if type-of($active_class) != "string" { |
| - | @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component." |
| - | } |
| - | @else { |
| - | &.#{ $active_class } > a { |
| - | background: $active-bg; |
| - | } |
| - | } |
| - | > a { |
| - | background: $bg; |
| - | color: $font-color; |
| - | @if type-of($padding) != number { |
| - | @warn "`#{$padding}` was read as #{type-of($padding)}"; |
| - | @if $accordion-navigation-padding != null { |
| - | @warn "#{$padding} was read as a #{type-of($padding)}"; |
| - | @warn "`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)"; |
| - | padding: $accordion-navigation-padding; |
| - | } |
| - | @else { |
| - | @warn "`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding"; |
| - | padding: null; |
| - | } |
| - | } |
| - | @else { |
| - | padding: $padding; |
| - | } |
| - | display: block; |
| - | font-family: $font-family; |
| - | @if type-of($font-size) != number { |
| - | @warn "`#{$font-size}` was read as a #{type-of($font-size)}"; |
| - | @if $accordion-navigation-font-size != null { |
| - | @warn "`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size})."; |
| - | font-size: $accordion-navigation-font-size; |
| - | } |
| - | @else{ |
| - | @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size."; |
| - | font-size: null; |
| - | |
| - | } |
| - | } |
| - | @else { |
| - | font-size: $font-size; |
| - | } |
| - | &:hover { |
| - | background: $hover-bg; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Mixin: accordion-content($bg, $padding, $active-class) |
| - | // @params $padding [ number ]: Padding for the content of the container |
| - | // @params $bg [ color ]: Background color for the content when it's visible |
| - | // @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. |
| - | |
| - | @mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){ |
| - | display: none; |
| - | @if type-of($padding) != "number" { |
| - | @warn "#{$padding} was read as a #{type-of($padding)}"; |
| - | @if $accordion-content-padding != null { |
| - | @warn "`#{$padding}` isn't a valid number. $accordion-content-padding used instead"; |
| - | padding: $accordion-content-padding; |
| - | } @else { |
| - | @warn "`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding."; |
| - | padding: null; |
| - | } |
| - | } @else { |
| - | padding: $padding; |
| - | } |
| - | |
| - | @if type-of($active_class) != "string" { |
| - | @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. " |
| - | } |
| - | @else { |
| - | &.#{$active_class} { |
| - | display: block; |
| - | background: $bg; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("accordion") { |
| - | @if $include-html-accordion-classes { |
| - | .accordion { |
| - | @include clearfix; |
| - | margin-bottom: 0; |
| - | .accordion-navigation, dd { |
| - | display: block; |
| - | margin-bottom: 0 !important; |
| - | &.active > a { background: $accordion-navigation-active-bg-color; } |
| - | > a { |
| - | background: $accordion-navigation-bg-color; |
| - | color: $accordion-navigation-font-color; |
| - | padding: $accordion-navigation-padding; |
| - | display: block; |
| - | font-family: $accordion-navigation-font-family; |
| - | font-size: $accordion-navigation-font-size; |
| - | &:hover { background: $accordion-navigation-hover-bg-color; } |
| - | } |
| - | |
| - | > .content { |
| - | display: none; |
| - | padding: $accordion-content-padding; |
| - | &.active { |
| - | display: block; |
| - | background: $accordion-content-active-bg-color; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_alert-boxes.scss
+0
-128
| @@ | @@ -1,128 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // Alert Box Variables |
| - | // |
| - | $include-html-alert-classes: $include-html-classes !default; |
| - | |
| - | // We use this to control alert padding. |
| - | $alert-padding-top: rem-calc(14) !default; |
| - | $alert-padding-default-float: $alert-padding-top !default; |
| - | $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default; |
| - | $alert-padding-bottom: $alert-padding-top !default; |
| - | |
| - | // We use these to control text style. |
| - | $alert-font-weight: $font-weight-normal !default; |
| - | $alert-font-size: rem-calc(13) !default; |
| - | $alert-font-color: $white !default; |
| - | $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default; |
| - | |
| - | // We use this for close hover effect. |
| - | $alert-function-factor: -14% !default; |
| - | |
| - | // We use these to control border styles. |
| - | $alert-border-style: solid !default; |
| - | $alert-border-width: 1px !default; |
| - | $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default; |
| - | $alert-bottom-margin: rem-calc(20) !default; |
| - | |
| - | // We use these to style the close buttons |
| - | $alert-close-color: $oil !default; |
| - | $alert-close-top: 50% !default; |
| - | $alert-close-position: rem-calc(4) !default; |
| - | $alert-close-font-size: rem-calc(22) !default; |
| - | $alert-close-opacity: 0.3 !default; |
| - | $alert-close-opacity-hover: 0.5 !default; |
| - | $alert-close-padding: 9px 6px 4px !default; |
| - | $alert-close-background: inherit !default; |
| - | |
| - | // We use this to control border radius |
| - | $alert-radius: $global-radius !default; |
| - | |
| - | $alert-transition-speed: 300ms !default; |
| - | $alert-transition-ease: ease-out !default; |
| - | |
| - | // |
| - | // Alert Mixins |
| - | // |
| - | |
| - | // We use this mixin to create a default alert base. |
| - | @mixin alert-base { |
| - | border-style: $alert-border-style; |
| - | border-width: $alert-border-width; |
| - | display: block; |
| - | font-weight: $alert-font-weight; |
| - | margin-bottom: $alert-bottom-margin; |
| - | position: relative; |
| - | padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float; |
| - | font-size: $alert-font-size; |
| - | @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease) |
| - | } |
| - | |
| - | // We use this mixin to add alert styles |
| - | // |
| - | // $bg - The background of the alert. Default: $primary-color. |
| - | @mixin alert-style($bg:$primary-color) { |
| - | |
| - | // This finds the lightness percentage of the background color. |
| - | $bg-lightness: lightness($bg); |
| - | |
| - | // We control which background color and border come through. |
| - | background-color: $bg; |
| - | border-color: scale-color($bg, $lightness: $alert-function-factor); |
| - | |
| - | // We control the text color for you based on the background color. |
| - | @if $bg-lightness > 70% { color: $alert-font-color-alt; } |
| - | @else { color: $alert-font-color; } |
| - | |
| - | } |
| - | |
| - | // We use this to create the close button. |
| - | @mixin alert-close { |
| - | font-size: $alert-close-font-size; |
| - | padding: $alert-close-padding; |
| - | line-height: 0; |
| - | position: absolute; |
| - | top: $alert-close-top; |
| - | margin-top: -($alert-close-font-size / 2); |
| - | #{$opposite-direction}: $alert-close-position; |
| - | color: $alert-close-color; |
| - | opacity: $alert-close-opacity; |
| - | background: $alert-close-background; |
| - | &:hover, |
| - | &:focus { opacity: $alert-close-opacity-hover; } |
| - | } |
| - | |
| - | // We use this to quickly create alerts with a single mixin. |
| - | // |
| - | // $bg - Background of alert. Default: $primary-color. |
| - | // $radius - Radius of alert box. Default: false. |
| - | @mixin alert($bg:$primary-color, $radius:false) { |
| - | @include alert-base; |
| - | @include alert-style($bg); |
| - | @include radius($radius); |
| - | } |
| - | |
| - | @include exports("alert-box") { |
| - | @if $include-html-alert-classes { |
| - | .alert-box { |
| - | @include alert; |
| - | |
| - | .close { @include alert-close; } |
| - | |
| - | &.radius { @include radius($alert-radius); } |
| - | &.round { @include radius($global-rounded); } |
| - | |
| - | &.success { @include alert-style($success-color); } |
| - | &.alert { @include alert-style($alert-color); } |
| - | &.secondary { @include alert-style($secondary-color); } |
| - | &.warning { @include alert-style($warning-color); } |
| - | &.info { @include alert-style($info-color); } |
| - | &.alert-close { opacity: 0} |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_block-grid.scss
+0
-132
| @@ | @@ -1,132 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // Block Grid Variables |
| - | // |
| - | $include-html-block-grid-classes: $include-html-classes !default; |
| - | $include-xl-html-block-grid-classes: false !default; |
| - | |
| - | // We use this to control the maximum number of block grid elements per row |
| - | $block-grid-elements: 12 !default; |
| - | $block-grid-default-spacing: rem-calc(20) !default; |
| - | |
| - | $align-block-grid-to-grid: false !default; |
| - | @if $align-block-grid-to-grid { |
| - | $block-grid-default-spacing: $column-gutter; |
| - | } |
| - | |
| - | // Enables media queries for block-grid classes. Set to false if writing semantic HTML. |
| - | $block-grid-media-queries: true !default; |
| - | |
| - | // |
| - | // Block Grid Mixins |
| - | // |
| - | |
| - | // Create a custom block grid |
| - | // |
| - | // $per-row - # of items to display per row. Default: false. |
| - | // $spacing - # of ems to use as padding on each block item. Default: rem-calc(20). |
| - | // $base-style - Apply a base style to block grid. Default: true. |
| - | @mixin block-grid( |
| - | $per-row:false, |
| - | $spacing:$block-grid-default-spacing, |
| - | $include-spacing:true, |
| - | $base-style:true) { |
| - | |
| - | @if $base-style { |
| - | display: block; |
| - | padding: 0; |
| - | @if $align-block-grid-to-grid { |
| - | margin: 0; |
| - | } @else { |
| - | margin: 0 (-$spacing/2); |
| - | } |
| - | @include clearfix; |
| - | |
| - | &>li { |
| - | display: block; |
| - | height: auto; |
| - | float: $default-float; |
| - | @if $include-spacing { |
| - | padding: 0 ($spacing/2) $spacing; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @if $per-row { |
| - | &>li { |
| - | width: 100%/$per-row; |
| - | @if $include-spacing { |
| - | padding: 0 ($spacing/2) $spacing; |
| - | } |
| - | list-style: none; |
| - | |
| - | &:nth-of-type(1n) { clear: none; } |
| - | &:nth-of-type(#{$per-row}n+1) { clear: both; } |
| - | @if $align-block-grid-to-grid { |
| - | @include block-grid-aligned($per-row, $spacing); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin block-grid-aligned($per-row, $spacing) { |
| - | @for $i from 1 through $block-grid-elements { |
| - | @if $per-row >= $i { |
| - | $grid-column: '+' + $i; |
| - | @if $per-row == $i { |
| - | $grid-column: ''; |
| - | } |
| - | &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) { |
| - | padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1)))); |
| - | padding-right: ($spacing - (($spacing / $per-row) * $i)); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Generate presentational markup for block grid. |
| - | // |
| - | // $size - Name of class to use, i.e. "large" will generate .large-block-grid-1, .large-block-grid-2, etc. |
| - | @mixin block-grid-html-classes($size,$include-spacing) { |
| - | @for $i from 1 through $block-grid-elements { |
| - | .#{$size}-block-grid-#{($i)} { |
| - | @include block-grid($i,$block-grid-default-spacing,$include-spacing,false); |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("block-grid") { |
| - | @if $include-html-block-grid-classes { |
| - | |
| - | [class*="block-grid-"] { @include block-grid; } |
| - | |
| - | @if $block-grid-media-queries { |
| - | @media #{$small-up} { |
| - | @include block-grid-html-classes($size:small,$include-spacing:false); |
| - | } |
| - | |
| - | @media #{$medium-up} { |
| - | @include block-grid-html-classes($size:medium,$include-spacing:false); |
| - | } |
| - | |
| - | @media #{$large-up} { |
| - | @include block-grid-html-classes($size:large,$include-spacing:false); |
| - | } |
| - | |
| - | @if $include-xl-html-block-grid-classes { |
| - | @media #{$xlarge-up} { |
| - | @include block-grid-html-classes($size:xlarge,$include-spacing:false); |
| - | } |
| - | |
| - | @media #{$xxlarge-up} { |
| - | @include block-grid-html-classes($size:xxlarge,$include-spacing:false); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_breadcrumbs.scss
+0
-132
| @@ | @@ -1,132 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // Breadcrumb Variables |
| - | // |
| - | $include-html-nav-classes: $include-html-classes !default; |
| - | |
| - | // We use this to set the background color for the breadcrumb container. |
| - | $crumb-bg: scale-color($secondary-color, $lightness: 55%) !default; |
| - | |
| - | // We use these to set the padding around the breadcrumbs. |
| - | $crumb-padding: rem-calc(9 14 9) !default; |
| - | $crumb-side-padding: rem-calc(12) !default; |
| - | |
| - | // We use these to control border styles. |
| - | $crumb-function-factor: -10% !default; |
| - | $crumb-border-size: 1px !default; |
| - | $crumb-border-style: solid !default; |
| - | $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default; |
| - | $crumb-radius: $global-radius !default; |
| - | |
| - | // We use these to set various text styles for breadcrumbs. |
| - | $crumb-font-size: rem-calc(11) !default; |
| - | $crumb-font-color: $primary-color !default; |
| - | $crumb-font-color-current: $oil !default; |
| - | $crumb-font-color-unavailable: $aluminum !default; |
| - | $crumb-font-transform: uppercase !default; |
| - | $crumb-link-decor: underline !default; |
| - | |
| - | // We use these to control the slash between breadcrumbs |
| - | $crumb-slash-color: $base !default; |
| - | $crumb-slash: "/" !default; |
| - | |
| - | // |
| - | // Breadcrumb Mixins |
| - | // |
| - | |
| - | // We use this mixin to create a container around our breadcrumbs |
| - | @mixin crumb-container { |
| - | display: block; |
| - | padding: $crumb-padding; |
| - | overflow: hidden; |
| - | margin-#{$default-float}: 0; |
| - | list-style: none; |
| - | border-style: $crumb-border-style; |
| - | border-width: $crumb-border-size; |
| - | |
| - | // We control which background color and border come through. |
| - | background-color: $crumb-bg; |
| - | border-color: $crumb-border-color; |
| - | } |
| - | |
| - | // We use this mixin to create breadcrumb styles from list items. |
| - | @mixin crumbs { |
| - | |
| - | // A normal state will make the links look and act like clickable breadcrumbs. |
| - | margin: 0; |
| - | float: $default-float; |
| - | font-size: $crumb-font-size; |
| - | line-height: $crumb-font-size; |
| - | text-transform: $crumb-font-transform; |
| - | color: $crumb-font-color; |
| - | |
| - | &:hover a, &:focus a { text-decoration: $crumb-link-decor; } |
| - | |
| - | a { |
| - | color: $crumb-font-color; |
| - | } |
| - | |
| - | // Current is for the link of the current page |
| - | &.current { |
| - | cursor: $cursor-default-value; |
| - | color: $crumb-font-color-current; |
| - | a { |
| - | cursor: $cursor-default-value; |
| - | color: $crumb-font-color-current; |
| - | } |
| - | |
| - | &:hover, &:hover a, |
| - | &:focus, &:focus a { text-decoration: none; } |
| - | } |
| - | |
| - | // Unavailable removed color and link styles so it looks inactive. |
| - | &.unavailable { |
| - | color: $crumb-font-color-unavailable; |
| - | a { color: $crumb-font-color-unavailable; } |
| - | |
| - | &:hover, |
| - | &:hover a, |
| - | &:focus, |
| - | a:focus { |
| - | text-decoration: none; |
| - | color: $crumb-font-color-unavailable; |
| - | cursor: $cursor-default-value; |
| - | } |
| - | } |
| - | |
| - | &:before { |
| - | content: "#{$crumb-slash}"; |
| - | color: $crumb-slash-color; |
| - | margin: 0 $crumb-side-padding; |
| - | position: relative; |
| - | top: 1px; |
| - | } |
| - | |
| - | &:first-child:before { |
| - | content: " "; |
| - | margin: 0; |
| - | } |
| - | } |
| - | |
| - | @include exports("breadcrumbs") { |
| - | @if $include-html-nav-classes { |
| - | .breadcrumbs { |
| - | @include crumb-container; |
| - | @include radius($crumb-radius); |
| - | |
| - | &>* { |
| - | @include crumbs; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /* Accessibility - hides the forward slash */ |
| - | [aria-label="breadcrumbs"] [aria-hidden="true"]:after { |
| - | content: "/"; |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_button-groups.scss
+0
-197
| @@ | @@ -1,197 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "buttons"; |
| - | |
| - | // |
| - | // Button Group Variables |
| - | // |
| - | $include-html-button-classes: $include-html-classes !default; |
| - | |
| - | // Sets the margin for the right side by default, and the left margin if right-to-left direction is used |
| - | $button-bar-margin-opposite: rem-calc(10) !default; |
| - | $button-group-border-width: 1px !default; |
| - | |
| - | // |
| - | // Button Group Mixins |
| - | // |
| - | |
| - | // We use this to add styles for a button group container |
| - | @mixin button-group-container($styles:true, $float:false) { |
| - | @if $styles { |
| - | list-style: none; |
| - | margin: 0; |
| - | #{$default-float}: 0; |
| - | @include clearfix(); |
| - | } |
| - | @if $float { |
| - | float: #{$default-float}; |
| - | margin-#{$opposite-direction}: $button-bar-margin-opposite; |
| - | & div { overflow: hidden; } |
| - | } |
| - | } |
| - | |
| - | // We use this to control styles for button groups |
| - | @mixin button-group-style($radius:false, $even:false, $float:false, $orientation:horizontal) { |
| - | |
| - | > button, .button { |
| - | border-#{$default-float}: $button-group-border-width solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | } |
| - | |
| - | &:first-child { |
| - | button, .button { |
| - | border-#{$default-float}: 0; |
| - | } |
| - | } |
| - | |
| - | // We use this to control the flow, or remove those styles completely. |
| - | @if $float { |
| - | margin: 0; |
| - | float: $float; |
| - | display: list-item; |
| - | // Make sure the first child doesn't get the negative margin. |
| - | &:first-child { margin-#{$default-float}: 0; } |
| - | } |
| - | @else { |
| - | margin: 0 -2px; |
| - | display: inline-block; |
| - | } |
| - | |
| - | @if $orientation == vertical { |
| - | display:block; |
| - | margin:0; |
| - | > button, .button { |
| - | border-top: $button-group-border-width solid; |
| - | border-color: rgba(255, 255, 255, 0.5); |
| - | border-left-width: 0px; |
| - | margin:0; |
| - | display: block; |
| - | } |
| - | |
| - | &:first-child { |
| - | button, .button { |
| - | border-top: 0; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // We use these to control left and right radius on first/last buttons in the group. |
| - | @if $radius == true { |
| - | &, |
| - | & > a, |
| - | & > button, |
| - | & > .button { @include radius(0); } |
| - | &:first-child, |
| - | &:first-child > a, |
| - | &:first-child > button, |
| - | &:first-child > .button { |
| - | @if $orientation == vertical { |
| - | @include side-radius(top, $button-radius); |
| - | } |
| - | @else { |
| - | @include side-radius($default-float, $button-radius); |
| - | } |
| - | } |
| - | &:last-child, |
| - | &:last-child > a, |
| - | &:last-child > button, |
| - | &:last-child > .button { |
| - | @if $orientation == vertical { |
| - | @include side-radius(bottom, $button-radius); |
| - | } |
| - | @else { |
| - | @include side-radius($opposite-direction, $button-radius); |
| - | } |
| - | } |
| - | } |
| - | @else if $radius { |
| - | &, |
| - | & > a, |
| - | & > button, |
| - | & > .button { @include radius(0); } |
| - | &:first-child, |
| - | &:first-child > a, |
| - | &:first-child > button, |
| - | &:first-child > .button { |
| - | @if $orientation == vertical { |
| - | @include side-radius(top, $radius); |
| - | } |
| - | @else { |
| - | @include side-radius($default-float, $radius); |
| - | } |
| - | } |
| - | &:last-child, |
| - | &:last-child > a, |
| - | &:last-child > button, |
| - | &:last-child > .button { |
| - | @if $orientation == vertical { |
| - | @include side-radius(bottom, $radius); |
| - | } |
| - | @else { |
| - | @include side-radius($opposite-direction, $radius); |
| - | } |
| - | } |
| - | } |
| - | |
| - | // We use this to make the buttons even width across their container |
| - | @if $even { |
| - | width: percentage((100/$even) / 100); |
| - | button, .button { width: 100%; } |
| - | } |
| - | } |
| - | |
| - | @include exports("button-group") { |
| - | @if $include-html-button-classes { |
| - | .button-group { @include button-group-container; |
| - | |
| - | & > li { @include button-group-style(); } |
| - | |
| - | &.stack { |
| - | & > li { @include button-group-style($orientation:vertical); float: none; } |
| - | } |
| - | |
| - | &.stack-for-small { |
| - | & > li { |
| - | @include button-group-style($orientation:horizontal); |
| - | @media #{$small-only} { |
| - | @include button-group-style($orientation:vertical); |
| - | } |
| - | } |
| - | } |
| - | |
| - | &.radius > * { @include button-group-style($radius:$button-radius, $float:null); } |
| - | &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); } |
| - | &.radius.stack-for-small > * { |
| - | @media #{$medium-up} { |
| - | @include button-group-style($radius:$button-radius, $orientation:horizontal); |
| - | } |
| - | @media #{$small-only} { |
| - | @include button-group-style($radius:$button-radius, $orientation:vertical); |
| - | } |
| - | } |
| - | |
| - | &.round > * { @include button-group-style($radius:$button-round, $float:null); } |
| - | &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); } |
| - | &.round.stack-for-small > * { |
| - | @media #{$medium-up} { |
| - | @include button-group-style($radius:$button-round, $orientation:horizontal); |
| - | } |
| - | @media #{$small-only} { |
| - | @include button-group-style($radius:$button-med, $orientation:vertical); |
| - | } |
| - | } |
| - | |
| - | @for $i from 2 through 8 { |
| - | &.even-#{$i} li { @include button-group-style($even:$i, $float:null); } |
| - | } |
| - | } |
| - | |
| - | .button-bar { |
| - | @include clearfix; |
| - | .button-group { @include button-group-container($styles:false, $float:true); } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_buttons.scss
+0
-259
| @@ | @@ -1,259 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-button-classes: $include-html-classes !default; |
| - | |
| - | // We use these to build padding for buttons. |
| - | $button-tny: rem-calc(10) !default; |
| - | $button-sml: rem-calc(14) !default; |
| - | $button-med: rem-calc(16) !default; |
| - | $button-lrg: rem-calc(18) !default; |
| - | |
| - | // We use this to control the display property. |
| - | $button-display: inline-block !default; |
| - | $button-margin-bottom: rem-calc(20) !default; |
| - | |
| - | // We use these to control button text styles. |
| - | $button-font-family: $body-font-family !default; |
| - | $button-font-color: $white !default; |
| - | $button-font-color-alt: $oil !default; |
| - | $button-font-tny: rem-calc(11) !default; |
| - | $button-font-sml: rem-calc(13) !default; |
| - | $button-font-med: rem-calc(16) !default; |
| - | $button-font-lrg: rem-calc(20) !default; |
| - | $button-font-weight: $font-weight-normal !default; |
| - | $button-font-align: center !default; |
| - | |
| - | // We use these to control various hover effects. |
| - | $button-function-factor: -20% !default; |
| - | |
| - | // We use these to control button border styles. |
| - | $button-border-width: 0px !default; |
| - | $button-border-style: solid !default; |
| - | $button-bg-color: $primary-color !default; |
| - | $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default; |
| - | $button-border-color: $button-bg-hover !default; |
| - | $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default; |
| - | $secondary-button-border-color: $secondary-button-bg-hover !default; |
| - | $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default; |
| - | $success-button-border-color: $success-button-bg-hover !default; |
| - | $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default; |
| - | $alert-button-border-color: $alert-button-bg-hover !default; |
| - | $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default; |
| - | $warning-button-border-color: $warning-button-bg-hover !default; |
| - | $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default; |
| - | $info-button-border-color: $info-button-bg-hover !default; |
| - | |
| - | // We use this to set the default radius used throughout the core. |
| - | $button-radius: $global-radius !default; |
| - | $button-round: $global-rounded !default; |
| - | |
| - | // We use this to set default opacity and cursor for disabled buttons. |
| - | $button-disabled-opacity: 0.7 !default; |
| - | $button-disabled-cursor: $cursor-default-value !default; |
| - | |
| - | |
| - | // |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to create a default button base. |
| - | // |
| - | // $style - Sets base styles. Can be set to false. Default: true. |
| - | // $display - Used to control display property. Default: $button-display || inline-block |
| - | |
| - | @mixin button-base($style:true, $display:$button-display) { |
| - | @if $style { |
| - | border-style: $button-border-style; |
| - | border-width: $button-border-width; |
| - | cursor: $cursor-pointer-value; |
| - | font-family: $button-font-family; |
| - | font-weight: $button-font-weight; |
| - | line-height: normal; |
| - | margin: 0 0 $button-margin-bottom; |
| - | position: relative; |
| - | text-decoration: none; |
| - | text-align: $button-font-align; |
| - | -webkit-appearance: none; |
| - | -webkit-border-radius:0; |
| - | } |
| - | @if $display { display: $display; } |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to add button size styles |
| - | // |
| - | // $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12) |
| - | // $full-width - We can set $full-width:true to remove side padding extend width - Default: false |
| - | |
| - | @mixin button-size($padding:$button-med, $full-width:false) { |
| - | |
| - | // We control which padding styles come through, |
| - | // these can be turned off by setting $padding:false |
| - | @if $padding { |
| - | padding-top: $padding; |
| - | padding-#{$opposite-direction}: $padding * 2; |
| - | padding-bottom: $padding + rem-calc(1); |
| - | padding-#{$default-float}: $padding * 2; |
| - | |
| - | // We control the font-size based on mixin input. |
| - | @if $padding == $button-med { font-size: $button-font-med; } |
| - | @else if $padding == $button-tny { font-size: $button-font-tny; } |
| - | @else if $padding == $button-sml { font-size: $button-font-sml; } |
| - | @else if $padding == $button-lrg { font-size: $button-font-lrg; } |
| - | } |
| - | |
| - | // We can set $full-width:true to remove side padding extend width. |
| - | @if $full-width { |
| - | // We still need to check if $padding is set. |
| - | @if $padding { |
| - | padding-top: $padding; |
| - | padding-bottom: $padding + rem-calc(1); |
| - | } @else if $padding == false { |
| - | padding-top:0; |
| - | padding-bottom:0; |
| - | } |
| - | padding-right: 0; |
| - | padding-left: 0; |
| - | width: 100%; |
| - | } |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // we use this mixin to create the button hover and border colors |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to add button color styles |
| - | // |
| - | // $bg - Primary color set in settings file. Default: $button-bg. |
| - | // $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true |
| - | // $disabled - We can set $disabled:true to create a disabled transparent button. Default: false |
| - | // $bg-hover - Button Hover Background Color. Default: $button-bg-hover |
| - | // $border-color - Button Border Color. Default: $button-border-color |
| - | @mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) { |
| - | |
| - | // We control which background styles are used, |
| - | // these can be removed by setting $bg:false |
| - | @if $bg { |
| - | |
| - | @if $bg-hover == null { |
| - | $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor)); |
| - | } |
| - | |
| - | @if $border-color == null { |
| - | $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor)); |
| - | } |
| - | |
| - | // This find the lightness percentage of the background color. |
| - | $bg-lightness: lightness($bg); |
| - | $bg-hover-lightness: lightness($bg-hover); |
| - | |
| - | background-color: $bg; |
| - | border-color: $border-color; |
| - | &:hover, |
| - | &:focus { background-color: $bg-hover; } |
| - | |
| - | // We control the text color for you based on the background color. |
| - | color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color); |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color); |
| - | } |
| - | } |
| - | |
| - | // We can set $disabled:true to create a disabled transparent button. |
| - | @if $disabled { |
| - | cursor: $button-disabled-cursor; |
| - | opacity: $button-disabled-opacity; |
| - | box-shadow: none; |
| - | &:hover, |
| - | &:focus { background-color: $bg; } |
| - | } |
| - | |
| - | // We can control how much button radius is used. |
| - | @if $radius == true { @include radius($button-radius); } |
| - | @else if $radius { @include radius($radius); } |
| - | |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, "the kitchen sink mixin" |
| - | // |
| - | // $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12) |
| - | // $bg - Primary color set in settings file. Default: $button-bg. |
| - | // $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false. |
| - | // $full-width - We can set $full-width:true to remove side padding extend width. Default:false. |
| - | // $disabled - We can set $disabled:true to create a disabled transparent button. Default:false. |
| - | // $is-prefix - Not used? Default:false. |
| - | // $bg-hover - Button Hover Color - Default null - see button-style mixin |
| - | // $border-color - Button Border Color - Default null - see button-style mixin |
| - | // $transition - We can control whether or not to include the background-color transition property - Default:true. |
| - | @mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) { |
| - | @include button-base; |
| - | @include button-size($padding, $full-width); |
| - | @include button-style($bg, $radius, $disabled, $bg-hover, $border-color); |
| - | |
| - | @if $transition { |
| - | @include single-transition(background-color); |
| - | } |
| - | } |
| - | |
| - | |
| - | @include exports("button") { |
| - | @if $include-html-button-classes { |
| - | |
| - | // Default styles applied outside of media query |
| - | button, .button { |
| - | @include button-base; |
| - | @include button-size; |
| - | @include button-style; |
| - | |
| - | @include single-transition(background-color); |
| - | |
| - | &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); } |
| - | &.success { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); } |
| - | &.alert { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); } |
| - | &.warning { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); } |
| - | &.info { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); } |
| - | |
| - | &.large { @include button-size($padding:$button-lrg); } |
| - | &.small { @include button-size($padding:$button-sml); } |
| - | &.tiny { @include button-size($padding:$button-tny); } |
| - | &.expand { @include button-size($padding:null,$full-width:true); } |
| - | |
| - | &.left-align { text-align: left; text-indent: rem-calc(12); } |
| - | &.right-align { text-align: right; padding-right: rem-calc(12); } |
| - | |
| - | &.radius { @include button-style($bg:false, $radius:true); } |
| - | &.round { @include button-style($bg:false, $radius:$button-round); } |
| - | |
| - | &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color); |
| - | &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); } |
| - | &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); } |
| - | &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); } |
| - | &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); } |
| - | &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); } |
| - | } |
| - | } |
| - | |
| - | //firefox 2px fix |
| - | button::-moz-focus-inner {border:0; padding:0;} |
| - | |
| - | @media #{$medium-up} { |
| - | button, .button { |
| - | @include button-base($style:false, $display:inline-block); |
| - | @include button-size($padding:false, $full-width:false); |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_clearing.scss
+0
-247
| @@ | @@ -1,247 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-clearing-classes: $include-html-classes !default; |
| - | |
| - | // We use these to set the background colors for parts of Clearing. |
| - | $clearing-bg: $oil !default; |
| - | $clearing-caption-bg: $clearing-bg !default; |
| - | $clearing-carousel-bg: rgba(51,51,51,0.8) !default; |
| - | $clearing-img-bg: $clearing-bg !default; |
| - | |
| - | // We use these to style the close button |
| - | $clearing-close-color: $iron !default; |
| - | $clearing-close-size: 30px !default; |
| - | |
| - | // We use these to style the arrows |
| - | $clearing-arrow-size: 12px !default; |
| - | $clearing-arrow-color: $clearing-close-color !default; |
| - | |
| - | // We use these to style captions |
| - | $clearing-caption-font-color: $iron !default; |
| - | $clearing-caption-font-size: 0.875em !default; |
| - | $clearing-caption-padding: 10px 30px 20px !default; |
| - | |
| - | // We use these to make the image and carousel height and style |
| - | $clearing-active-img-height: 85% !default; |
| - | $clearing-carousel-height: 120px !default; |
| - | $clearing-carousel-thumb-width: 120px !default; |
| - | $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default; |
| - | |
| - | @include exports("clearing") { |
| - | @if $include-html-clearing-classes { |
| - | // We decided to not create a mixin for Clearing because it relies |
| - | // on predefined classes and structure to work properly. |
| - | // The variables above should give enough control. |
| - | |
| - | /* Clearing Styles */ |
| - | .clearing-thumbs, #{data('clearing')} { |
| - | @include clearfix; |
| - | margin-bottom: 0; |
| - | margin-#{$default-float}: 0; |
| - | list-style: none; |
| - | |
| - | li { |
| - | float: $default-float; |
| - | margin-#{$opposite-direction}: 10px; |
| - | } |
| - | |
| - | &[class*="block-grid-"] li { |
| - | margin-#{$opposite-direction}: 0; |
| - | } |
| - | } |
| - | |
| - | .clearing-blackout { |
| - | background: $clearing-bg; |
| - | position: fixed; |
| - | width: 100%; |
| - | height: 100%; |
| - | top: 0; |
| - | #{$default-float}: 0; |
| - | z-index: 998; |
| - | |
| - | .clearing-close { display: block; } |
| - | } |
| - | |
| - | .clearing-container { |
| - | position: relative; |
| - | z-index: 998; |
| - | height: 100%; |
| - | overflow: hidden; |
| - | margin: 0; |
| - | } |
| - | |
| - | .clearing-touch-label { |
| - | position: absolute; |
| - | top: 50%; |
| - | left: 50%; |
| - | color: $base; |
| - | font-size: 0.6em; |
| - | } |
| - | |
| - | .visible-img { |
| - | height: 95%; |
| - | position: relative; |
| - | |
| - | img { |
| - | position: absolute; |
| - | #{$default-float}: 50%; |
| - | top: 50%; |
| - | margin-#{$default-float}: -50%; |
| - | max-height: 100%; |
| - | max-width: 100%; |
| - | } |
| - | } |
| - | |
| - | .clearing-caption { |
| - | color: $clearing-caption-font-color; |
| - | font-size: $clearing-caption-font-size; |
| - | line-height: 1.3; |
| - | margin-bottom: 0; |
| - | text-align: center; |
| - | bottom: 0; |
| - | background: $clearing-caption-bg; |
| - | width: 100%; |
| - | padding: $clearing-caption-padding; |
| - | position: absolute; |
| - | #{$default-float}: 0; |
| - | } |
| - | |
| - | .clearing-close { |
| - | z-index: 999; |
| - | padding-#{$default-float}: 20px; |
| - | padding-top: 10px; |
| - | font-size: $clearing-close-size; |
| - | line-height: 1; |
| - | color: $clearing-close-color; |
| - | display: none; |
| - | |
| - | &:hover, |
| - | &:focus { color: $iron; } |
| - | } |
| - | |
| - | .clearing-assembled .clearing-container { height: 100%; |
| - | .carousel > ul { display: none; } |
| - | } |
| - | |
| - | // If you want to show a lightbox, but only have a single image come through as the thumbnail |
| - | .clearing-feature li { |
| - | display: none; |
| - | &.clearing-featured-img { |
| - | display: block; |
| - | } |
| - | } |
| - | |
| - | // Large screen overrides |
| - | @media #{$medium-up} { |
| - | .clearing-main-prev, |
| - | .clearing-main-next { |
| - | position: absolute; |
| - | height: 100%; |
| - | width: 40px; |
| - | top: 0; |
| - | & > span { |
| - | position: absolute; |
| - | top: 50%; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: solid $clearing-arrow-size; |
| - | &:hover { opacity: 0.8; } |
| - | } |
| - | } |
| - | .clearing-main-prev { |
| - | #{$default-float}: 0; |
| - | & > span { |
| - | #{$default-float}: 5px; |
| - | border-color: transparent; |
| - | border-#{$opposite-direction}-color: $clearing-arrow-color; |
| - | } |
| - | } |
| - | .clearing-main-next { |
| - | #{$opposite-direction}: 0; |
| - | & > span { |
| - | border-color: transparent; |
| - | border-#{$default-float}-color: $clearing-arrow-color; |
| - | } |
| - | } |
| - | |
| - | .clearing-main-prev.disabled, |
| - | .clearing-main-next.disabled { opacity: 0.3; } |
| - | |
| - | .clearing-assembled .clearing-container { |
| - | |
| - | .carousel { |
| - | background: $clearing-carousel-bg; |
| - | height: $clearing-carousel-height; |
| - | margin-top: 10px; |
| - | text-align: center; |
| - | |
| - | & > ul { |
| - | display: inline-block; |
| - | z-index: 999; |
| - | height: 100%; |
| - | position: relative; |
| - | float: none; |
| - | |
| - | li { |
| - | display: block; |
| - | width: $clearing-carousel-thumb-width; |
| - | min-height: inherit; |
| - | float: $default-float; |
| - | overflow: hidden; |
| - | margin-#{$opposite-direction}: 0; |
| - | padding: 0; |
| - | position: relative; |
| - | cursor: $cursor-pointer-value; |
| - | opacity: 0.4; |
| - | clear: none; |
| - | |
| - | &.fix-height { |
| - | img { |
| - | height: 100%; |
| - | max-width: none; |
| - | } |
| - | } |
| - | |
| - | a.th { |
| - | border: none; |
| - | box-shadow: none; |
| - | display: block; |
| - | } |
| - | |
| - | img { |
| - | cursor: $cursor-pointer-value !important; |
| - | width: 100% !important; |
| - | } |
| - | |
| - | &.visible { opacity: 1; } |
| - | &:hover { opacity: 0.8; } |
| - | } |
| - | } |
| - | } |
| - | |
| - | .visible-img { |
| - | background: $clearing-img-bg; |
| - | overflow: hidden; |
| - | height: $clearing-active-img-height; |
| - | } |
| - | } |
| - | |
| - | .clearing-close { |
| - | position: absolute; |
| - | top: 10px; |
| - | #{$opposite-direction}: 20px; |
| - | padding-#{$default-float}: 0; |
| - | padding-top: 0; |
| - | } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_dropdown-buttons.scss
+0
-130
| @@ | @@ -1,130 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-button-classes: $include-html-classes !default; |
| - | |
| - | // We use these to set the color of the pip in dropdown buttons |
| - | $dropdown-button-pip-color: $white !default; |
| - | $dropdown-button-pip-color-alt: $oil !default; |
| - | |
| - | $button-pip-tny: rem-calc(6) !default; |
| - | $button-pip-sml: rem-calc(7) !default; |
| - | $button-pip-med: rem-calc(9) !default; |
| - | $button-pip-lrg: rem-calc(11) !default; |
| - | |
| - | // We use these to style tiny dropdown buttons |
| - | $dropdown-button-padding-tny: $button-pip-tny * 7 !default; |
| - | $dropdown-button-pip-size-tny: $button-pip-tny !default; |
| - | $dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default; |
| - | $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1) !default; |
| - | |
| - | // We use these to style small dropdown buttons |
| - | $dropdown-button-padding-sml: $button-pip-sml * 7 !default; |
| - | $dropdown-button-pip-size-sml: $button-pip-sml !default; |
| - | $dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default; |
| - | $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1) !default; |
| - | |
| - | // We use these to style medium dropdown buttons |
| - | $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default; |
| - | $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default; |
| - | $dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default; |
| - | $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2) !default; |
| - | |
| - | // We use these to style large dropdown buttons |
| - | $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default; |
| - | $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default; |
| - | $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default; |
| - | $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default; |
| - | |
| - | // @mixins |
| - | // |
| - | // Dropdown Button Mixin |
| - | // |
| - | // We use this mixin to build off of the button mixin and add dropdown button styles |
| - | // |
| - | // $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large] |
| - | // $pip-color - Color of the little triangle that points to the dropdown. Default: $white. |
| - | // $base-style - Add in base-styles. This can be set to false. Default:true |
| - | |
| - | @mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) { |
| - | |
| - | // We add in base styles, but they can be negated by setting to 'false'. |
| - | @if $base-style { |
| - | position: relative; |
| - | outline: none; |
| - | |
| - | // This creates the base styles for the triangle pip |
| - | &::after { |
| - | position: absolute; |
| - | content: ""; |
| - | width: 0; |
| - | height: 0; |
| - | display: block; |
| - | border-style: solid; |
| - | border-color: $dropdown-button-pip-color transparent transparent transparent; |
| - | top: 50%; |
| - | } |
| - | } |
| - | |
| - | // If we're dealing with tiny buttons, use these styles |
| - | @if $padding == tiny { |
| - | padding-#{$opposite-direction}: $dropdown-button-padding-tny; |
| - | &:after { |
| - | border-width: $dropdown-button-pip-size-tny; |
| - | #{$opposite-direction}: $dropdown-button-pip-opposite-tny; |
| - | margin-top: $dropdown-button-pip-top-tny; |
| - | } |
| - | } |
| - | |
| - | // If we're dealing with small buttons, use these styles |
| - | @if $padding == small { |
| - | padding-#{$opposite-direction}: $dropdown-button-padding-sml; |
| - | &::after { |
| - | border-width: $dropdown-button-pip-size-sml; |
| - | #{$opposite-direction}: $dropdown-button-pip-opposite-sml; |
| - | margin-top: $dropdown-button-pip-top-sml; |
| - | } |
| - | } |
| - | |
| - | // If we're dealing with default (medium) buttons, use these styles |
| - | @if $padding == medium { |
| - | padding-#{$opposite-direction}: $dropdown-button-padding-med; |
| - | &::after { |
| - | border-width: $dropdown-button-pip-size-med; |
| - | #{$opposite-direction}: $dropdown-button-pip-opposite-med; |
| - | margin-top: $dropdown-button-pip-top-med; |
| - | } |
| - | } |
| - | |
| - | // If we're dealing with large buttons, use these styles |
| - | @if $padding == large { |
| - | padding-#{$opposite-direction}: $dropdown-button-padding-lrg; |
| - | &::after { |
| - | border-width: $dropdown-button-pip-size-lrg; |
| - | #{$opposite-direction}: $dropdown-button-pip-opposite-lrg; |
| - | margin-top: $dropdown-button-pip-top-lrg; |
| - | } |
| - | } |
| - | |
| - | // We can control the pip color. We didn't use logic in this case, just set it and forget it. |
| - | @if $pip-color { |
| - | &::after { border-color: $pip-color transparent transparent transparent; } |
| - | } |
| - | } |
| - | |
| - | @include exports("dropdown-button") { |
| - | @if $include-html-button-classes { |
| - | .dropdown.button, button.dropdown { @include dropdown-button; |
| - | &.tiny { @include dropdown-button(tiny,$base-style:false); } |
| - | &.small { @include dropdown-button(small,$base-style:false); } |
| - | &.large { @include dropdown-button(large,$base-style:false); } |
| - | &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_dropdown.scss
+0
-262
| @@ | @@ -1,262 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-dropdown-classes: $include-html-classes !default; |
| - | |
| - | // We use these to controls height and width styles. |
| - | $f-dropdown-max-width: 200px !default; |
| - | $f-dropdown-height: auto !default; |
| - | $f-dropdown-max-height: none !default; |
| - | |
| - | // Used for bottom position |
| - | $f-dropdown-margin-top: 2px !default; |
| - | |
| - | // Used for right position |
| - | $f-dropdown-margin-left: $f-dropdown-margin-top !default; |
| - | |
| - | // Used for left position |
| - | $f-dropdown-margin-right: $f-dropdown-margin-top !default; |
| - | |
| - | // Used for top position |
| - | $f-dropdown-margin-bottom: $f-dropdown-margin-top !default; |
| - | |
| - | // We use this to control the background color |
| - | $f-dropdown-bg: $white !default; |
| - | |
| - | // We use this to set the border styles for dropdowns. |
| - | $f-dropdown-border-style: solid !default; |
| - | $f-dropdown-border-width: 1px !default; |
| - | $f-dropdown-border-color: scale-color($white, $lightness: -20%) !default; |
| - | |
| - | // We use these to style the triangle pip. |
| - | $f-dropdown-triangle-size: 6px !default; |
| - | $f-dropdown-triangle-color: $white !default; |
| - | $f-dropdown-triangle-side-offset: 10px !default; |
| - | |
| - | // We use these to control styles for the list elements. |
| - | $f-dropdown-list-style: none !default; |
| - | $f-dropdown-font-color: $charcoal !default; |
| - | $f-dropdown-font-size: rem-calc(14) !default; |
| - | $f-dropdown-list-padding: rem-calc(5, 10) !default; |
| - | $f-dropdown-line-height: rem-calc(18) !default; |
| - | $f-dropdown-list-hover-bg: $smoke !default; |
| - | $dropdown-mobile-default-float: 0 !default; |
| - | |
| - | // We use this to control the styles for when the dropdown has custom content. |
| - | $f-dropdown-content-padding: rem-calc(20) !default; |
| - | |
| - | // Default radius for dropdown. |
| - | $f-dropdown-radius: $global-radius !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | // |
| - | // NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.; |
| - | // We use this to style the dropdown container element. |
| - | // $content-list - Sets list-style. Default: list. Options: [list, content] |
| - | // $triangle - Sets if dropdown has triangle. Default:true. |
| - | // $max-width - Default: $f-dropdown-max-width || 200px. |
| - | @mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) { |
| - | position: absolute; |
| - | left: -9999px; |
| - | list-style: $f-dropdown-list-style; |
| - | margin-#{$default-float}: 0; |
| - | outline: none; |
| - | |
| - | > *:first-child { margin-top: 0; } |
| - | > *:last-child { margin-bottom: 0; } |
| - | |
| - | @if $content == list { |
| - | width: 100%; |
| - | max-height: $f-dropdown-max-height; |
| - | height: $f-dropdown-height; |
| - | background: $f-dropdown-bg; |
| - | border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color; |
| - | font-size: $f-dropdown-font-size; |
| - | z-index: 89; |
| - | } |
| - | @else if $content == content { |
| - | padding: $f-dropdown-content-padding; |
| - | width: 100%; |
| - | height: $f-dropdown-height; |
| - | max-height: $f-dropdown-max-height; |
| - | background: $f-dropdown-bg; |
| - | border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color; |
| - | font-size: $f-dropdown-font-size; |
| - | z-index: 89; |
| - | } |
| - | |
| - | @if $triangle == bottom { |
| - | margin-top: $f-dropdown-margin-top; |
| - | |
| - | &:before { |
| - | @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom); |
| - | position: absolute; |
| - | top: -($f-dropdown-triangle-size * 2); |
| - | #{$default-float}: $f-dropdown-triangle-side-offset; |
| - | z-index: 89; |
| - | } |
| - | &:after { |
| - | @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom); |
| - | position: absolute; |
| - | top: -(($f-dropdown-triangle-size + 1) * 2); |
| - | #{$default-float}: $f-dropdown-triangle-side-offset - 1; |
| - | z-index: 88; |
| - | } |
| - | |
| - | &.right:before { |
| - | #{$default-float}: auto; |
| - | #{$opposite-direction}: $f-dropdown-triangle-side-offset; |
| - | } |
| - | &.right:after { |
| - | #{$default-float}: auto; |
| - | #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1; |
| - | } |
| - | } |
| - | |
| - | @if $triangle == $default-float { |
| - | margin-top: 0; |
| - | margin-#{$default-float}: $f-dropdown-margin-right; |
| - | |
| - | &:before { |
| - | @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction}); |
| - | position: absolute; |
| - | top: $f-dropdown-triangle-side-offset; |
| - | #{$default-float}: -($f-dropdown-triangle-size * 2); |
| - | z-index: 89; |
| - | } |
| - | &:after { |
| - | @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction}); |
| - | position: absolute; |
| - | top: $f-dropdown-triangle-side-offset - 1; |
| - | #{$default-float}: -($f-dropdown-triangle-size * 2) - 2; |
| - | z-index: 88; |
| - | } |
| - | |
| - | } |
| - | |
| - | @if $triangle == $opposite-direction { |
| - | margin-top: 0; |
| - | margin-#{$default-float}: -$f-dropdown-margin-right; |
| - | |
| - | &:before { |
| - | @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float}); |
| - | position: absolute; |
| - | top: $f-dropdown-triangle-side-offset; |
| - | #{$opposite-direction}: -($f-dropdown-triangle-size * 2); |
| - | #{$default-float}: auto; |
| - | z-index: 89; |
| - | } |
| - | &:after { |
| - | @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float}); |
| - | position: absolute; |
| - | top: $f-dropdown-triangle-side-offset - 1; |
| - | #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2; |
| - | #{$default-float}: auto; |
| - | z-index: 88; |
| - | } |
| - | |
| - | } |
| - | |
| - | @if $triangle == top { |
| - | margin-top: -$f-dropdown-margin-bottom; |
| - | margin-left: 0; |
| - | |
| - | &:before { |
| - | @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top); |
| - | position: absolute; |
| - | top: auto; |
| - | bottom: -($f-dropdown-triangle-size * 2); |
| - | #{$default-float}: $f-dropdown-triangle-side-offset; |
| - | #{$opposite-direction}: auto; |
| - | z-index: 89; |
| - | } |
| - | &:after { |
| - | @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top); |
| - | position: absolute; |
| - | top: auto; |
| - | bottom: -($f-dropdown-triangle-size * 2) - 2; |
| - | #{$default-float}: $f-dropdown-triangle-side-offset - 1; |
| - | #{$opposite-direction}: auto; |
| - | z-index: 88; |
| - | } |
| - | |
| - | } |
| - | |
| - | @if $max-width { max-width: $max-width; } |
| - | @else { max-width: $f-dropdown-max-width; } |
| - | |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this to style the list elements or content inside the dropdown. |
| - | |
| - | @mixin dropdown-style { |
| - | font-size: $f-dropdown-font-size; |
| - | cursor: $cursor-pointer-value; |
| - | |
| - | line-height: $f-dropdown-line-height; |
| - | margin: 0; |
| - | |
| - | &:hover, |
| - | &:focus { background: $f-dropdown-list-hover-bg; } |
| - | |
| - | &.radius { @include radius($f-dropdown-radius); } |
| - | |
| - | a { |
| - | display: block; |
| - | padding: $f-dropdown-list-padding; |
| - | color: $f-dropdown-font-color; |
| - | } |
| - | } |
| - | |
| - | @include exports("dropdown") { |
| - | @if $include-html-dropdown-classes { |
| - | |
| - | /* Foundation Dropdowns */ |
| - | .f-dropdown { |
| - | @include dropdown-container(list, bottom); |
| - | |
| - | &.drop-#{$opposite-direction} { |
| - | @include dropdown-container(list, #{$default-float}); |
| - | } |
| - | |
| - | &.drop-#{$default-float} { |
| - | @include dropdown-container(list, #{$opposite-direction}); |
| - | } |
| - | |
| - | &.drop-top { |
| - | @include dropdown-container(list, top); |
| - | } |
| - | // max-width: none; |
| - | |
| - | li { @include dropdown-style; } |
| - | |
| - | // You can also put custom content in these dropdowns |
| - | &.content { @include dropdown-container(content, $triangle:false); } |
| - | |
| - | // Sizes |
| - | &.tiny { max-width: 200px; } |
| - | &.small { max-width: 300px; } |
| - | &.medium { max-width: 500px; } |
| - | &.large { max-width: 800px; } |
| - | &.mega { |
| - | width:100%!important; |
| - | max-width:100%!important; |
| - | |
| - | &.open{ |
| - | left:0!important; |
| - | } |
| - | } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_flex-video.scss
+0
-51
| @@ | @@ -1,51 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-media-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control video container padding and margins |
| - | $flex-video-padding-top: rem-calc(25) !default; |
| - | $flex-video-padding-bottom: 67.5% !default; |
| - | $flex-video-margin-bottom: rem-calc(16) !default; |
| - | |
| - | // We use this to control widescreen bottom padding |
| - | $flex-video-widescreen-padding-bottom: 56.34% !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | @mixin flex-video-container { |
| - | position: relative; |
| - | padding-top: $flex-video-padding-top; |
| - | padding-bottom: $flex-video-padding-bottom; |
| - | height: 0; |
| - | margin-bottom: $flex-video-margin-bottom; |
| - | overflow: hidden; |
| - | |
| - | &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; } |
| - | &.vimeo { padding-top: 0; } |
| - | |
| - | iframe, |
| - | object, |
| - | embed, |
| - | video { |
| - | position: absolute; |
| - | top: 0; |
| - | #{$default-float}: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | } |
| - | } |
| - | |
| - | @include exports("flex-video") { |
| - | @if $include-html-media-classes { |
| - | .flex-video { @include flex-video-container; } |
| - | } |
| - | } |
| \ No newline at end of file | |
generators/foundation5/public/stylesheets/foundation/components/_forms.scss
+0
-585
| @@ | @@ -1,585 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "buttons"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-form-classes: $include-html-classes !default; |
| - | |
| - | // We use this to set the base for lots of form spacing and positioning styles |
| - | $form-spacing: rem-calc(16) !default; |
| - | |
| - | // We use these to style the labels in different ways |
| - | $form-label-pointer: pointer !default; |
| - | $form-label-font-size: rem-calc(14) !default; |
| - | $form-label-font-weight: $font-weight-normal !default; |
| - | $form-label-line-height: 1.5 !default; |
| - | $form-label-font-color: scale-color($black, $lightness: 30%) !default; |
| - | $form-label-small-transform: capitalize !default; |
| - | $form-label-bottom-margin: 0 !default; |
| - | $input-font-family: inherit !default; |
| - | $input-font-color: rgba(0,0,0,0.75) !default; |
| - | $input-font-size: rem-calc(14) !default; |
| - | $input-bg-color: $white !default; |
| - | $input-focus-bg-color: scale-color($white, $lightness: -2%) !default; |
| - | $input-border-color: scale-color($white, $lightness: -20%) !default; |
| - | $input-focus-border-color: scale-color($white, $lightness: -40%) !default; |
| - | $input-border-style: solid !default; |
| - | $input-border-width: 1px !default; |
| - | $input-border-radius: $global-radius !default; |
| - | $input-disabled-bg: $gainsboro !default; |
| - | $input-disabled-cursor: $cursor-default-value !default; |
| - | $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default; |
| - | $input-include-glowing-effect: true !default; |
| - | |
| - | // We use these to style the fieldset border and spacing. |
| - | $fieldset-border-style: solid !default; |
| - | $fieldset-border-width: 1px !default; |
| - | $fieldset-border-color: $gainsboro !default; |
| - | $fieldset-padding: rem-calc(20) !default; |
| - | $fieldset-margin: rem-calc(18 0) !default; |
| - | |
| - | // We use these to style the legends when you use them |
| - | $legend-bg: $white !default; |
| - | $legend-font-weight: $font-weight-bold !default; |
| - | $legend-padding: rem-calc(0 3) !default; |
| - | |
| - | // We use these to style the prefix and postfix input elements |
| - | $input-prefix-bg: scale-color($white, $lightness: -5%) !default; |
| - | $input-prefix-border-color: scale-color($white, $lightness: -20%) !default; |
| - | $input-prefix-border-size: 1px !default; |
| - | $input-prefix-border-type: solid !default; |
| - | $input-prefix-overflow: hidden !default; |
| - | $input-prefix-font-color: $oil !default; |
| - | $input-prefix-font-color-alt: $white !default; |
| - | |
| - | // We use this setting to turn on/off HTML5 number spinners (the up/down arrows) |
| - | $input-number-spinners: true !default; |
| - | |
| - | // We use these to style the error states for inputs and labels |
| - | $input-error-message-padding: rem-calc(6 9 9) !default; |
| - | $input-error-message-top: -1px !default; |
| - | $input-error-message-font-size: rem-calc(12) !default; |
| - | $input-error-message-font-weight: $font-weight-normal !default; |
| - | $input-error-message-font-style: italic !default; |
| - | $input-error-message-font-color: $white !default; |
| - | $input-error-message-font-color-alt: $oil !default; |
| - | |
| - | // We use this to style the glowing effect of inputs when focused |
| - | $glowing-effect-fade-time: 0.45s !default; |
| - | $glowing-effect-color: $input-focus-border-color !default; |
| - | |
| - | // Select variables |
| - | $select-bg-color: $ghost !default; |
| - | $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; |
| - | |
| - | // |
| - | // @MIXINS |
| - | // |
| - | |
| - | // We use this mixin to give us form styles for rows inside of forms |
| - | @mixin form-row-base { |
| - | .row { margin: 0 ((-$form-spacing) / 2); |
| - | |
| - | .column, |
| - | .columns { padding: 0 $form-spacing / 2; } |
| - | |
| - | // Use this to collapse the margins of a form row |
| - | &.collapse { margin: 0; |
| - | |
| - | .column, |
| - | .columns { padding: 0; } |
| - | input { |
| - | @include side-radius($opposite-direction, 0); |
| - | } |
| - | |
| - | } |
| - | } |
| - | input.column, |
| - | input.columns, |
| - | textarea.column, |
| - | textarea.columns { padding-#{$default-float}: $form-spacing / 2; } |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to give all basic form elements their style |
| - | @mixin form-element { |
| - | background-color: $input-bg-color; |
| - | font-family: $input-font-family; |
| - | border: { |
| - | style: $input-border-style; |
| - | width: $input-border-width; |
| - | color: $input-border-color; |
| - | } |
| - | box-shadow: $input-box-shadow; |
| - | color: $input-font-color; |
| - | display: block; |
| - | font-size: $input-font-size; |
| - | margin: 0 0 $form-spacing 0; |
| - | padding: $form-spacing / 2; |
| - | height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| - | width: 100%; |
| - | @include box-sizing(border-box); |
| - | @if $input-include-glowing-effect { |
| - | @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color); |
| - | } |
| - | // Basic focus styles |
| - | &:focus { |
| - | background: $input-focus-bg-color; |
| - | border-color: $input-focus-border-color; |
| - | outline: none; |
| - | } |
| - | // Disbaled Styles |
| - | &:disabled { |
| - | background-color: $input-disabled-bg; |
| - | cursor: $input-disabled-cursor; |
| - | } |
| - | |
| - | // Disabled background input background color |
| - | &[disabled], |
| - | &[readonly], |
| - | fieldset[disabled] & { |
| - | background-color: $input-disabled-bg; |
| - | cursor: $input-disabled-cursor; |
| - | } |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to create form labels |
| - | // |
| - | // $alignment - Alignment options. Default: false. Options: [right, inline, false] |
| - | // $base-style - Control whether or not the base styles come through. Default: true. |
| - | @mixin form-label($alignment:false, $base-style:true) { |
| - | |
| - | // Control whether or not the base styles come through. |
| - | @if $base-style { |
| - | font-size: $form-label-font-size; |
| - | color: $form-label-font-color; |
| - | cursor: $form-label-pointer; |
| - | display: block; |
| - | font-weight: $form-label-font-weight; |
| - | line-height: $form-label-line-height; |
| - | margin-bottom: $form-label-bottom-margin; |
| - | } |
| - | |
| - | // Alignment options |
| - | @if $alignment == right { |
| - | float: none !important; |
| - | text-align: right; |
| - | } |
| - | @else if $alignment == inline { |
| - | margin: 0 0 $form-spacing 0; |
| - | padding: $form-spacing / 2 + rem-calc($input-border-width) 0; |
| - | } |
| - | } |
| - | |
| - | // We use this mixin to create postfix/prefix form Labels |
| - | @mixin prefix-postfix-base { |
| - | display: block; |
| - | position: relative; |
| - | z-index: 2; |
| - | text-align: center; |
| - | width: 100%; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | border-style: $input-prefix-border-type; |
| - | border-width: $input-prefix-border-size; |
| - | overflow: $input-prefix-overflow; |
| - | font-size: $form-label-font-size; |
| - | height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| - | line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to create prefix label styles |
| - | // $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default; |
| - | // $is-button - Toggle position settings if prefix is a button. Default:false |
| - | // |
| - | @mixin prefix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) { |
| - | |
| - | @if $bg { |
| - | $bg-lightness: lightness($bg); |
| - | background: $bg; |
| - | border-#{$opposite-direction}: none; |
| - | |
| - | // Control the font color based on background brightness |
| - | @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } |
| - | @else { color: $input-prefix-font-color-alt; } |
| - | } |
| - | |
| - | @if $border { |
| - | border-color: $border; |
| - | } |
| - | |
| - | @if $is-button { |
| - | padding-#{$default-float}: 0; |
| - | padding-#{$opposite-direction}: 0; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | text-align: center; |
| - | line-height: rem-calc(34); |
| - | border: none; |
| - | } |
| - | |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to create postfix label styles |
| - | // $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default; |
| - | // $is-button - Toggle position settings if prefix is a button. Default: false |
| - | @mixin postfix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) { |
| - | |
| - | @if $bg { |
| - | $bg-lightness: lightness($bg); |
| - | background: $bg; |
| - | border-#{$default-float}: none; |
| - | |
| - | // Control the font color based on background brightness |
| - | @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } |
| - | @else { color: $input-prefix-font-color-alt; } |
| - | } |
| - | |
| - | @if $border { |
| - | border-color: $border; |
| - | } |
| - | |
| - | @if $is-button { |
| - | padding-#{$default-float}: 0; |
| - | padding-#{$opposite-direction}: 0; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | text-align: center; |
| - | line-height: rem-calc(34); |
| - | border: none; |
| - | } |
| - | |
| - | } |
| - | |
| - | // We use this mixin to style fieldsets |
| - | @mixin fieldset { |
| - | border: $fieldset-border-width $fieldset-border-style $fieldset-border-color; |
| - | padding: $fieldset-padding; |
| - | margin: $fieldset-margin; |
| - | |
| - | // and legend styles |
| - | legend { |
| - | font-weight: $legend-font-weight; |
| - | background: $legend-bg; |
| - | padding: $legend-padding; |
| - | margin: 0; |
| - | margin-#{$default-float}: rem-calc(-3); |
| - | } |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to control border and background color of error inputs |
| - | // $color - Default: $alert-color (found in settings file) |
| - | @mixin form-error-color($color:$alert-color) { |
| - | border-color: $color; |
| - | background-color: rgba($color, 0.1); |
| - | |
| - | // Go back to normal on focus |
| - | &:focus { |
| - | background: $input-focus-bg-color; |
| - | border-color: $input-focus-border-color; |
| - | } |
| - | } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this simple mixin to style labels for error inputs |
| - | // $color - Default:$alert-color. Found in settings file |
| - | @mixin form-label-error-color($color:$alert-color) { color: $color; } |
| - | |
| - | // @MIXIN |
| - | // |
| - | // We use this mixin to create error message styles |
| - | // $bg - Default: $alert-color (Found in settings file) |
| - | @mixin form-error-message($bg:$alert-color) { |
| - | display: block; |
| - | padding: $input-error-message-padding; |
| - | margin-top: $input-error-message-top; |
| - | margin-bottom: $form-spacing; |
| - | font-size: $input-error-message-font-size; |
| - | font-weight: $input-error-message-font-weight; |
| - | font-style: $input-error-message-font-style; |
| - | |
| - | // We can control the text color based on the brightness of the background. |
| - | $bg-lightness: lightness($bg); |
| - | background: $bg; |
| - | @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; } |
| - | @else { color: $input-error-message-font-color-alt; } |
| - | } |
| - | |
| - | // We use this mixin to style select elements |
| - | @mixin form-select { |
| - | -webkit-appearance: none !important; |
| - | -webkit-border-radius: 0px; |
| - | background-color: $select-bg-color; |
| - | |
| - | // Hide the dropdown arrow shown in newer IE versions |
| - | &::-ms-expand { |
| - | display: none; |
| - | } |
| - | |
| - | // The custom arrow have some fake horizontal padding so we can align it |
| - | // from the right side of the element without relying on CSS3 |
| - | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); |
| - | |
| - | // We can safely use leftmost and rightmost now |
| - | background-position: if($text-direction == 'rtl', 0%, 100%) center; |
| - | |
| - | background-repeat: no-repeat; |
| - | border: { |
| - | style: $input-border-style; |
| - | width: $input-border-width; |
| - | color: $input-border-color; |
| - | } |
| - | padding: $form-spacing / 2; |
| - | font-size: $input-font-size; |
| - | font-family: $body-font-family; |
| - | color: $input-font-color; |
| - | line-height: normal; |
| - | @include radius(0); |
| - | &.radius { @include radius($global-radius); } |
| - | &:hover { |
| - | background-color: $select-hover-bg-color; |
| - | border-color: $input-focus-border-color; |
| - | } |
| - | // Disabled Styles |
| - | &:disabled { |
| - | background-color: $input-disabled-bg; |
| - | cursor: $input-disabled-cursor; |
| - | } |
| - | } |
| - | |
| - | // We use this mixin to turn on/off HTML5 number spinners |
| - | @mixin html5number($browser, $on:true) { |
| - | @if $on==false { |
| - | @if $browser==webkit { |
| - | -webkit-appearance: none; |
| - | margin: 0; |
| - | } @else if $browser==moz { |
| - | -moz-appearance: textfield; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("form") { |
| - | @if $include-html-form-classes { |
| - | /* Standard Forms */ |
| - | form { margin: 0 0 $form-spacing; } |
| - | |
| - | /* Using forms within rows, we need to set some defaults */ |
| - | form .row { @include form-row-base; } |
| - | |
| - | /* Label Styles */ |
| - | label { @include form-label; |
| - | &.right { @include form-label(right,false); } |
| - | &.inline { @include form-label(inline,false); } |
| - | /* Styles for required inputs */ |
| - | small { |
| - | text-transform: $form-label-small-transform; |
| - | color: scale-color($form-label-font-color, $lightness: 15%); |
| - | } |
| - | } |
| - | |
| - | /* Attach elements to the beginning or end of an input */ |
| - | .prefix, |
| - | .postfix { @include prefix-postfix-base; } |
| - | |
| - | /* Adjust padding, alignment and radius if pre/post element is a button */ |
| - | .postfix.button { @include button-size(false,false); @include postfix(false, false, true); } |
| - | .prefix.button { @include button-size(false,false); @include prefix(false, false, true); } |
| - | |
| - | .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); } |
| - | .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); } |
| - | .prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); } |
| - | .postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); } |
| - | |
| - | /* Separate prefix and postfix styles when on span or label so buttons keep their own */ |
| - | span.prefix,label.prefix { @include prefix(); } |
| - | span.postfix,label.postfix { @include postfix(); } |
| - | |
| - | /* We use this to get basic styling on all basic form elements */ |
| - | input[type="text"], |
| - | input[type="password"], |
| - | input[type="date"], |
| - | input[type="datetime"], |
| - | input[type="datetime-local"], |
| - | input[type="month"], |
| - | input[type="week"], |
| - | input[type="email"], |
| - | input[type="number"], |
| - | input[type="search"], |
| - | input[type="tel"], |
| - | input[type="time"], |
| - | input[type="url"], |
| - | input[type="color"], |
| - | textarea { |
| - | -webkit-appearance: none; |
| - | -webkit-border-radius: 0px; |
| - | @include form-element; |
| - | @if $input-include-glowing-effect == false { |
| - | @include single-transition(all, 0.15s, linear); |
| - | } |
| - | &.radius { |
| - | @include radius($input-border-radius); |
| - | } |
| - | } |
| - | |
| - | form { |
| - | .row { |
| - | .prefix-radius.row.collapse { |
| - | input, |
| - | textarea, |
| - | select { @include radius(0); @include side-radius($opposite-direction, $button-radius); } |
| - | .prefix { @include radius(0); @include side-radius($default-float, $button-radius); } |
| - | } |
| - | .postfix-radius.row.collapse { |
| - | input, |
| - | textarea, |
| - | select { @include radius(0); @include side-radius($default-float, $button-radius); } |
| - | .postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); } |
| - | } |
| - | .prefix-round.row.collapse { |
| - | input, |
| - | textarea, |
| - | select { @include radius(0); @include side-radius($opposite-direction, $button-round); } |
| - | .prefix { @include radius(0); @include side-radius($default-float, $button-round); } |
| - | } |
| - | .postfix-round.row.collapse { |
| - | input, |
| - | textarea, |
| - | select { @include radius(0); @include side-radius($default-float, $button-round); } |
| - | .postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); } |
| - | } |
| - | } |
| - | } |
| - | |
| - | input[type="submit"] { |
| - | -webkit-appearance: none; |
| - | -webkit-border-radius: 0px; |
| - | } |
| - | |
| - | /* Respect enforced amount of rows for textarea */ |
| - | textarea[rows] { |
| - | height: auto; |
| - | } |
| - | |
| - | /* Not allow resize out of parent */ |
| - | textarea { |
| - | max-width: 100%; |
| - | } |
| - | |
| - | /* Add height value for select elements to match text input height */ |
| - | select { |
| - | @include form-select; |
| - | height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| - | } |
| - | |
| - | /* Adjust margin for form elements below */ |
| - | input[type="file"], |
| - | input[type="checkbox"], |
| - | input[type="radio"], |
| - | select { |
| - | margin: 0 0 $form-spacing 0; |
| - | } |
| - | |
| - | input[type="checkbox"] + label, |
| - | input[type="radio"] + label { |
| - | display: inline-block; |
| - | margin-#{$default-float}: $form-spacing * .5; |
| - | margin-#{$opposite-direction}: $form-spacing; |
| - | margin-bottom: 0; |
| - | vertical-align: baseline; |
| - | } |
| - | |
| - | /* Normalize file input width */ |
| - | input[type="file"] { |
| - | width:100%; |
| - | } |
| - | |
| - | /* HTML5 Number spinners settings */ |
| - | input[type=number] { |
| - | @include html5number(moz, $input-number-spinners) |
| - | } |
| - | input[type="number"]::-webkit-inner-spin-button, |
| - | input[type="number"]::-webkit-outer-spin-button { |
| - | @include html5number(webkit, $input-number-spinners); |
| - | } |
| - | |
| - | /* We add basic fieldset styling */ |
| - | fieldset { |
| - | @include fieldset; |
| - | } |
| - | |
| - | /* Error Handling */ |
| - | |
| - | #{data('abide')} { |
| - | .error small.error, .error span.error, span.error, small.error { |
| - | @include form-error-message; |
| - | } |
| - | span.error, small.error { display: none; } |
| - | } |
| - | |
| - | span.error, small.error { |
| - | @include form-error-message; |
| - | } |
| - | |
| - | .error { |
| - | input, |
| - | textarea, |
| - | select { |
| - | margin-bottom: 0; |
| - | } |
| - | |
| - | input[type="checkbox"], |
| - | input[type="radio"] { |
| - | margin-bottom: $form-spacing |
| - | } |
| - | |
| - | label, |
| - | label.error { |
| - | @include form-label-error-color; |
| - | } |
| - | |
| - | small.error { |
| - | @include form-error-message; |
| - | } |
| - | |
| - | > label { |
| - | > small { |
| - | color: scale-color($form-label-font-color, $lightness: 15%); |
| - | background: transparent; |
| - | padding: 0; |
| - | text-transform: $form-label-small-transform; |
| - | font-style: normal; |
| - | font-size: 60%; |
| - | margin: 0; |
| - | display: inline; |
| - | } |
| - | } |
| - | |
| - | span.error-message { |
| - | display: block; |
| - | } |
| - | } |
| - | |
| - | input.error, |
| - | textarea.error, |
| - | select.error { |
| - | margin-bottom: 0; |
| - | } |
| - | label.error { @include form-label-error-color; } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_global.scss
+0
-460
| @@ | @@ -1,460 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "../functions"; |
| - | // |
| - | // Foundation Variables |
| - | // |
| - | |
| - | // Data attribute namespace |
| - | // styles get applied to [data-mysite-plugin], etc |
| - | $namespace: false !default; |
| - | |
| - | // The default font-size is set to 100% of the browser style sheet (usually 16px) |
| - | // for compatibility with browser-based text zoom or user-set defaults. |
| - | |
| - | // Since the typical default browser font-size is 16px, that makes the calculation for grid size. |
| - | // If you want your base font-size to be different and not have it affect the grid breakpoints, |
| - | // set $rem-base to $base-font-size and make sure $base-font-size is a px value. |
| - | $base-font-size: 100% !default; |
| - | |
| - | // $base-line-height is 24px while $base-font-size is 16px |
| - | $base-line-height: 1.5 !default; |
| - | |
| - | // |
| - | // Global Foundation Mixins |
| - | // |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to control border radius. |
| - | // $radius - Default: $global-radius || 4px |
| - | @mixin radius($radius:$global-radius) { |
| - | @if $radius { |
| - | border-radius: $radius; |
| - | } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to create equal side border radius on elements. |
| - | // $side - Options: left, right, top, bottom |
| - | @mixin side-radius($side, $radius:$global-radius) { |
| - | @if ($side == left or $side == right) { |
| - | -webkit-border-bottom-#{$side}-radius: $radius; |
| - | -webkit-border-top-#{$side}-radius: $radius; |
| - | border-bottom-#{$side}-radius: $radius; |
| - | border-top-#{$side}-radius: $radius; |
| - | } @else { |
| - | -webkit-#{$side}-left-radius: $radius; |
| - | -webkit-#{$side}-right-radius: $radius; |
| - | border-#{$side}-left-radius: $radius; |
| - | border-#{$side}-right-radius: $radius; |
| - | } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We can control whether or not we have inset shadows edges. |
| - | // $active - Default: true, Options: false |
| - | @mixin inset-shadow($active:true) { |
| - | box-shadow: $shiny-edge-size $shiny-edge-color inset; |
| - | |
| - | @if $active { &:active { |
| - | box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to add transitions to elements |
| - | // $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties |
| - | // $speed - Default: 300ms |
| - | // $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/ |
| - | @mixin single-transition($property:all, $speed:300ms, $ease:ease-out) { |
| - | transition: $property $speed $ease; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to add box-sizing across browser prefixes |
| - | @mixin box-sizing($type:border-box) { |
| - | -webkit-box-sizing: $type; // Android < 2.3, iOS < 4 |
| - | -moz-box-sizing: $type; // Firefox < 29 |
| - | box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1 |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to create isosceles triangles |
| - | // $triangle-size - Used to set border-size. No default, set a px or em size. |
| - | // $triangle-color - Used to set border-color which makes up triangle. No default |
| - | // $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right |
| - | @mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { |
| - | content: ""; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset $triangle-size; |
| - | @if ($triangle-direction == top) { |
| - | border-color: $triangle-color transparent transparent transparent; |
| - | border-top-style: solid; |
| - | } |
| - | @if ($triangle-direction == bottom) { |
| - | border-color: transparent transparent $triangle-color transparent; |
| - | border-bottom-style: solid; |
| - | } |
| - | @if ($triangle-direction == left) { |
| - | border-color: transparent transparent transparent $triangle-color; |
| - | border-left-style: solid; |
| - | } |
| - | @if ($triangle-direction == right) { |
| - | border-color: transparent $triangle-color transparent transparent; |
| - | border-right-style: solid; |
| - | } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon |
| - | // $width - Width of hamburger icon in rem |
| - | // $left - If false, icon will be centered horizontally || explicitly set value in rem |
| - | // $top - If false, icon will be centered vertically || explicitly set value in rem |
| - | // $thickness - thickness of lines in hamburger icon, set value in px |
| - | // $gap - spacing between the lines in hamburger icon, set value in px |
| - | // $color - icon color |
| - | // $hover-color - icon color during hover |
| - | // $offcanvas - Set to true of @include in offcanvas |
| - | @mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) { |
| - | span::after { |
| - | content: ""; |
| - | position: absolute; |
| - | display: block; |
| - | height: 0; |
| - | |
| - | @if $offcanvas { |
| - | @if $top { |
| - | top: $top; |
| - | } |
| - | @else { |
| - | top: 50%; |
| - | margin-top: -$width/2; |
| - | } |
| - | @if $left { |
| - | left: $left; |
| - | } |
| - | @else { |
| - | left: ($tabbar-menu-icon-width - $width)/2; |
| - | } |
| - | } |
| - | @else { |
| - | top: 50%; |
| - | margin-top: -($width/2); |
| - | #{$opposite-direction}: $topbar-link-padding; |
| - | } |
| - | |
| - | box-shadow: |
| - | 0 0px 0 $thickness $color, |
| - | 0 $gap + $thickness 0 $thickness $color, |
| - | 0 (2 * $gap + 2*$thickness) 0 $thickness $color; |
| - | width: $width; |
| - | } |
| - | span:hover:after { |
| - | box-shadow: |
| - | 0 0px 0 $thickness $hover-color, |
| - | 0 $gap + $thickness 0 $thickness $hover-color, |
| - | 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color; |
| - | } |
| - | } |
| - | |
| - | // We use this to do clear floats |
| - | @mixin clearfix { |
| - | &:before, &:after { content: " "; display: table; } |
| - | &:after { clear: both; } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to add a glowing effect to block elements |
| - | // $selector - Used for selector state. Default: focus, Options: hover, active, visited |
| - | // $fade-time - Default: 300ms |
| - | // $glowing-effect-color - Default: fade-out($primary-color, .25) |
| - | @mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) { |
| - | transition: box-shadow $fade-time, border-color $fade-time ease-in-out; |
| - | |
| - | &:#{$selector} { |
| - | box-shadow: 0 0 5px $glowing-effect-color; |
| - | border-color: $glowing-effect-color; |
| - | } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to translate elements in 2D |
| - | // $horizontal: Default: 0 |
| - | // $vertical: Default: 0 |
| - | @mixin translate2d($horizontal:0, $vertical:0) { |
| - | transform: translate($horizontal,$vertical) |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // Makes an element visually hidden, but accessible. |
| - | // @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility |
| - | @mixin element-invisible { |
| - | position: absolute !important; |
| - | height: 1px; |
| - | width: 1px; |
| - | overflow: hidden; |
| - | clip: rect(1px, 1px, 1px, 1px); |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // Turns off the element-invisible effect. |
| - | @mixin element-invisible-off { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | } |
| - | |
| - | $white : #FFFFFF !default; |
| - | $ghost : #FAFAFA !default; |
| - | $snow : #F9F9F9 !default; |
| - | $vapor : #F6F6F6 !default; |
| - | $white-smoke : #F5F5F5 !default; |
| - | $silver : #EFEFEF !default; |
| - | $smoke : #EEEEEE !default; |
| - | $gainsboro : #DDDDDD !default; |
| - | $iron : #CCCCCC !default; |
| - | $base : #AAAAAA !default; |
| - | $aluminum : #999999 !default; |
| - | $jumbo : #888888 !default; |
| - | $monsoon : #777777 !default; |
| - | $steel : #666666 !default; |
| - | $charcoal : #555555 !default; |
| - | $tuatara : #444444 !default; |
| - | $oil : #333333 !default; |
| - | $jet : #222222 !default; |
| - | $black : #000000 !default; |
| - | |
| - | // We use these as default colors throughout |
| - | $primary-color: #008CBA !default; // bondi-blue |
| - | $secondary-color: #e7e7e7 !default; // white-lilac |
| - | $alert-color: #f04124 !default; // cinnabar |
| - | $success-color: #43AC6A !default; // sea-green |
| - | $warning-color: #f08a24 !default; // carrot |
| - | $info-color: #a0d3e8 !default; // cornflower |
| - | |
| - | // We use these to define default font stacks |
| - | $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default; |
| - | $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default; |
| - | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default; |
| - | |
| - | // We use these to define default font weights |
| - | $font-weight-normal: normal !default; |
| - | $font-weight-bold: bold !default; |
| - | |
| - | // We use these to control various global styles |
| - | $body-bg: #fff !default; |
| - | $body-font-color: #222 !default; |
| - | $body-font-family: $font-family-sans-serif !default; |
| - | $body-font-weight: $font-weight-normal !default; |
| - | $body-font-style: normal !default; |
| - | |
| - | // We use this to control font-smoothing |
| - | $font-smoothing: antialiased !default; |
| - | |
| - | // We use these to control text direction settings |
| - | $text-direction: ltr !default; |
| - | $default-float: left !default; |
| - | $opposite-direction: right !default; |
| - | @if $text-direction == ltr { |
| - | $default-float: left; |
| - | $opposite-direction: right; |
| - | } @else { |
| - | $default-float: right; |
| - | $opposite-direction: left; |
| - | } |
| - | |
| - | // We use these to make sure border radius matches unless we want it different. |
| - | $global-radius: 3px !default; |
| - | $global-rounded: 1000px !default; |
| - | |
| - | // We use these to control inset shadow shiny edges and depressions. |
| - | $shiny-edge-size: 0 1px 0 !default; |
| - | $shiny-edge-color: rgba(#fff, .5) !default; |
| - | $shiny-edge-active-color: rgba(#000, .2) !default; |
| - | |
| - | // We use this to control whether or not CSS classes come through in the gem files. |
| - | $include-html-classes: true !default; |
| - | $include-print-styles: true !default; |
| - | $include-html-global-classes: $include-html-classes !default; |
| - | |
| - | $column-gutter: rem-calc(30) !default; |
| - | |
| - | // Media Query Ranges |
| - | $small-range: (0em, 40em) !default; |
| - | $medium-range: (40.063em, 64em) !default; |
| - | $large-range: (64.063em, 90em) !default; |
| - | $xlarge-range: (90.063em, 120em) !default; |
| - | $xxlarge-range: (120.063em, 99999999em) !default; |
| - | |
| - | |
| - | $screen: "only screen" !default; |
| - | |
| - | $landscape: "#{$screen} and (orientation: landscape)" !default; |
| - | $portrait: "#{$screen} and (orientation: portrait)" !default; |
| - | |
| - | $small-up: $screen !default; |
| - | $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default; |
| - | |
| - | $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default; |
| - | $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default; |
| - | |
| - | $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default; |
| - | $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default; |
| - | |
| - | $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default; |
| - | $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default; |
| - | |
| - | $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default; |
| - | $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default; |
| - | |
| - | // Legacy |
| - | $small: $medium-up; |
| - | $medium: $medium-up; |
| - | $large: $large-up; |
| - | |
| - | |
| - | //We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet |
| - | $cursor-auto-value: auto !default; |
| - | $cursor-crosshair-value: crosshair !default; |
| - | $cursor-default-value: default !default; |
| - | $cursor-pointer-value: pointer !default; |
| - | $cursor-help-value: help !default; |
| - | $cursor-text-value: text !default; |
| - | |
| - | |
| - | @include exports("global") { |
| - | |
| - | // Meta styles are included in all builds, as they are a dependancy of the Javascript. |
| - | // Used to provide media query values for javascript components. |
| - | // Forward slash placed around everything to convince PhantomJS to read the value. |
| - | |
| - | meta.foundation-version { |
| - | font-family: "/5.4.7/"; |
| - | } |
| - | |
| - | meta.foundation-mq-small { |
| - | font-family: "/" + unquote($small-up) + "/"; |
| - | width: lower-bound($small-range); |
| - | } |
| - | |
| - | meta.foundation-mq-medium { |
| - | font-family: "/" + unquote($medium-up) + "/"; |
| - | width: lower-bound($medium-range); |
| - | } |
| - | |
| - | meta.foundation-mq-large { |
| - | font-family: "/" + unquote($large-up) + "/"; |
| - | width: lower-bound($large-range); |
| - | } |
| - | |
| - | meta.foundation-mq-xlarge { |
| - | font-family: "/" + unquote($xlarge-up) + "/"; |
| - | width: lower-bound($xlarge-range); |
| - | } |
| - | |
| - | meta.foundation-mq-xxlarge { |
| - | font-family: "/" + unquote($xxlarge-up) + "/"; |
| - | width: lower-bound($xxlarge-range); |
| - | } |
| - | |
| - | meta.foundation-data-attribute-namespace { |
| - | font-family: #{$namespace}; |
| - | } |
| - | |
| - | @if $include-html-global-classes { |
| - | |
| - | // Must be 100% for off canvas to work |
| - | html, body { height: 100%; } |
| - | |
| - | // Set box-sizing globally to handle padding and border widths |
| - | *, |
| - | *:before, |
| - | *:after { |
| - | @include box-sizing(border-box); |
| - | } |
| - | |
| - | html, |
| - | body { font-size: $base-font-size; } |
| - | |
| - | // Default body styles |
| - | body { |
| - | background: $body-bg; |
| - | color: $body-font-color; |
| - | padding: 0; |
| - | margin: 0; |
| - | font-family: $body-font-family; |
| - | font-weight: $body-font-weight; |
| - | font-style: $body-font-style; |
| - | line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150% |
| - | position: relative; |
| - | cursor: $cursor-auto-value; |
| - | } |
| - | |
| - | a:hover { cursor: $cursor-pointer-value; } |
| - | |
| - | // Grid Defaults to get images and embeds to work properly |
| - | img { max-width: 100%; height: auto; } |
| - | |
| - | img { -ms-interpolation-mode: bicubic; } |
| - | |
| - | #map_canvas, |
| - | .map_canvas { |
| - | img, |
| - | embed, |
| - | object { max-width: none !important; |
| - | } |
| - | } |
| - | |
| - | // Miscellaneous useful HTML classes |
| - | .left { float: left !important; } |
| - | .right { float: right !important; } |
| - | .clearfix { @include clearfix; } |
| - | |
| - | // Hide visually and from screen readers |
| - | .hide { |
| - | display: none !important; |
| - | visibility: hidden; |
| - | } |
| - | |
| - | // Hide visually and from screen readers, but maintain layout |
| - | .invisible { visibility: hidden; } |
| - | |
| - | // Font smoothing |
| - | // Antialiased font smoothing works best for light text on a dark background. |
| - | // Apply to single elements instead of globally to body. |
| - | // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac. |
| - | .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } |
| - | |
| - | // Get rid of gap under images by making them display: inline-block; by default |
| - | img { |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | // |
| - | // Global resets for forms |
| - | // |
| - | |
| - | // Make sure textarea takes on height automatically |
| - | textarea { height: auto; min-height: 50px; } |
| - | |
| - | // Make select elements 100% width by default |
| - | select { width: 100%; } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_grid.scss
+0
-275
| @@ | @@ -1,275 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-grid-classes: $include-html-classes !default; |
| - | $include-xl-html-grid-classes: false !default; |
| - | |
| - | $row-width: rem-calc(1000) !default; |
| - | $total-columns: 12 !default; |
| - | |
| - | $last-child-float: $opposite-direction !default; |
| - | |
| - | // |
| - | // Grid Functions |
| - | // |
| - | |
| - | // Deprecated: We'll drop support for this in 5.1, use grid-calc() |
| - | @function gridCalc($colNumber, $totalColumns) { |
| - | @warn "gridCalc() is deprecated, use grid-calc()"; |
| - | @return grid-calc($colNumber, $totalColumns); |
| - | } |
| - | |
| - | // @FUNCTION |
| - | // $colNumber - Found in settings file |
| - | // $totalColumns - Found in settings file |
| - | @function grid-calc($colNumber, $totalColumns) { |
| - | @return percentage(($colNumber / $totalColumns)); |
| - | } |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | // For creating container, nested, and collapsed rows. |
| - | // |
| - | // |
| - | // $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false. |
| - | @mixin grid-row($behavior: false) { |
| - | |
| - | // use @include grid-row(nest); to include a nested row |
| - | @if $behavior == nest { |
| - | width: auto; |
| - | margin-#{$default-float}: -($column-gutter/2); |
| - | margin-#{$opposite-direction}: -($column-gutter/2); |
| - | margin-top: 0; |
| - | margin-bottom: 0; |
| - | max-width: none; |
| - | } |
| - | |
| - | // use @include grid-row(collapse); to collapsed a container row margins |
| - | @else if $behavior == collapse { |
| - | width: 100%; |
| - | margin: 0; |
| - | max-width: $row-width; |
| - | } |
| - | |
| - | // use @include grid-row(nest-collapse); to collapse outer margins on a nested row |
| - | @else if $behavior == nest-collapse { |
| - | width: auto; |
| - | margin: 0; |
| - | max-width: none; |
| - | } |
| - | |
| - | // use @include grid-row; to use a container row |
| - | @else { |
| - | width: 100%; |
| - | margin-#{$default-float}: auto; |
| - | margin-#{$opposite-direction}: auto; |
| - | margin-top: 0; |
| - | margin-bottom: 0; |
| - | max-width: $row-width; |
| - | } |
| - | |
| - | // Clearfix for all rows |
| - | @include clearfix(); |
| - | } |
| - | |
| - | // Creates a column, should be used inside of a media query to control layouts |
| - | // |
| - | // $columns - The number of columns this should be |
| - | // $last-column - Is this the last column? Default: false. |
| - | // $center - Center these columns? Default: false. |
| - | // $offset - # of columns to offset. Default: false. |
| - | // $push - # of columns to push. Default: false. |
| - | // $pull - # of columns to pull. Default: false. |
| - | // $collapse - Get rid of gutter padding on column? Default: false. |
| - | // $float - Should this float? Default: true. Options: true, false, left, right. |
| - | @mixin grid-column( |
| - | $columns:false, |
| - | $last-column:false, |
| - | $center:false, |
| - | $offset:false, |
| - | $push:false, |
| - | $pull:false, |
| - | $collapse:false, |
| - | $float:true, |
| - | $position:false) { |
| - | |
| - | // If positioned for default .column, include relative position |
| - | // push and pull require position set |
| - | @if $position or $push or $pull { |
| - | position: relative; |
| - | } |
| - | |
| - | // If collapsed, get rid of gutter padding |
| - | @if $collapse { |
| - | padding-left: 0; |
| - | padding-right: 0; |
| - | } |
| - | |
| - | // Gutter padding whenever a column isn't set to collapse |
| - | // (use $collapse:null to do nothing) |
| - | @else if $collapse == false { |
| - | padding-left: $column-gutter / 2; |
| - | padding-right: $column-gutter / 2; |
| - | } |
| - | |
| - | // If a column number is given, calculate width |
| - | @if $columns { |
| - | width: grid-calc($columns, $total-columns); |
| - | |
| - | // If last column, float naturally instead of to the right |
| - | @if $last-column { float: $opposite-direction; } |
| - | } |
| - | |
| - | // Source Ordering, adds left/right depending on which you use. |
| - | @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; } |
| - | @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; } |
| - | |
| - | @if $float { |
| - | @if $float == left or $float == true { float: $default-float; } |
| - | @else if $float == right { float: $opposite-direction; } |
| - | @else { float: none; } |
| - | } |
| - | |
| - | // If centered, get rid of float and add appropriate margins |
| - | @if $center { |
| - | margin-#{$default-float}: auto; |
| - | margin-#{$opposite-direction}: auto; |
| - | float: none; |
| - | } |
| - | |
| - | // If offset, calculate appropriate margins |
| - | @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; } |
| - | |
| - | } |
| - | |
| - | // Create presentational classes for grid |
| - | // |
| - | // $size - Name of class to use, i.e. "large" will generate .large-1, .large-2, etc. |
| - | @mixin grid-html-classes($size) { |
| - | |
| - | @for $i from 0 through $total-columns - 1 { |
| - | .#{$size}-push-#{$i} { |
| - | @include grid-column($push:$i, $collapse:null, $float:false); |
| - | } |
| - | .#{$size}-pull-#{$i} { |
| - | @include grid-column($pull:$i, $collapse:null, $float:false); |
| - | } |
| - | } |
| - | |
| - | .column, |
| - | .columns { @include grid-column($columns:false, $position:true); } |
| - | |
| - | |
| - | @for $i from 1 through $total-columns { |
| - | .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } |
| - | } |
| - | |
| - | |
| - | |
| - | @for $i from 0 through $total-columns - 1 { |
| - | .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } |
| - | } |
| - | .#{$size}-reset-order { |
| - | margin-#{$default-float}: 0; |
| - | margin-#{$opposite-direction}: 0; |
| - | left: auto; |
| - | right: auto; |
| - | float: $default-float; |
| - | } |
| - | |
| - | .column.#{$size}-centered, |
| - | .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); } |
| - | |
| - | .column.#{$size}-uncentered, |
| - | .columns.#{$size}-uncentered { |
| - | margin-#{$default-float}: 0; |
| - | margin-#{$opposite-direction}: 0; |
| - | float: $default-float; |
| - | } |
| - | |
| - | // Fighting [class*="column"] + [class*="column"]:last-child |
| - | .column.#{$size}-centered:last-child, |
| - | .columns.#{$size}-centered:last-child{ |
| - | float: none; |
| - | } |
| - | |
| - | // Fighting .column.<previous-size>-centered:last-child |
| - | .column.#{$size}-uncentered:last-child, |
| - | .columns.#{$size}-uncentered:last-child { |
| - | float: $default-float; |
| - | } |
| - | |
| - | .column.#{$size}-uncentered.opposite, |
| - | .columns.#{$size}-uncentered.opposite { |
| - | float: $opposite-direction; |
| - | } |
| - | } |
| - | |
| - | @include exports("grid") { |
| - | @if $include-html-grid-classes { |
| - | .row { |
| - | @include grid-row; |
| - | |
| - | &.collapse { |
| - | > .column, |
| - | > .columns { @include grid-column($collapse:true, $float:false); } |
| - | |
| - | .row {margin-left:0; margin-right:0;} |
| - | } |
| - | |
| - | .row { @include grid-row($behavior:nest); |
| - | &.collapse { @include grid-row($behavior:nest-collapse); } |
| - | } |
| - | } |
| - | |
| - | .column, |
| - | .columns { @include grid-column($columns:$total-columns); } |
| - | |
| - | [class*="column"] + [class*="column"]:last-child { float: $last-child-float; } |
| - | [class*="column"] + [class*="column"].end { float: $default-float; } |
| - | |
| - | @media #{$small-up} { |
| - | @include grid-html-classes($size:small); |
| - | } |
| - | |
| - | @media #{$medium-up} { |
| - | @include grid-html-classes($size:medium); |
| - | // Old push and pull classes |
| - | @for $i from 0 through $total-columns - 1 { |
| - | .push-#{$i} { |
| - | @include grid-column($push:$i, $collapse:null, $float:false); |
| - | } |
| - | .pull-#{$i} { |
| - | @include grid-column($pull:$i, $collapse:null, $float:false); |
| - | } |
| - | } |
| - | } |
| - | @media #{$large-up} { |
| - | @include grid-html-classes($size:large); |
| - | @for $i from 0 through $total-columns - 1 { |
| - | .push-#{$i} { |
| - | @include grid-column($push:$i, $collapse:null, $float:false); |
| - | } |
| - | .pull-#{$i} { |
| - | @include grid-column($pull:$i, $collapse:null, $float:false); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | @if $include-xl-html-grid-classes { |
| - | @media #{$xlarge-up} { |
| - | @include grid-html-classes($size:xlarge); |
| - | } |
| - | @media #{$xxlarge-up} { |
| - | @include grid-html-classes($size:xxlarge); |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_icon-bar.scss
+0
-293
| @@ | @@ -1,293 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | |
| - | // @name |
| - | // @dependencies _global.scss |
| - | |
| - | $include-html-icon-bar-classes: $include-html-classes !default; |
| - | |
| - | // @variables |
| - | |
| - | // We use these to style the icon-bar and items |
| - | $icon-bar-bg: $oil !default; |
| - | $icon-bar-font-color: $white !default; |
| - | $icon-bar-font-size: 1rem !default; |
| - | $icon-bar-hover-color: $primary-color !default; |
| - | $icon-bar-icon-color: $white !default; |
| - | $icon-bar-icon-size: 1.875rem !default; |
| - | $icon-bar-image-width: 1.875rem !default; |
| - | $icon-bar-image-height: 1.875rem !default; |
| - | $icon-bar-active-color: $primary-color !default; |
| - | $icon-bar-item-padding: 1.25rem !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | // We use this mixin to create the base styles for our Icon bar element. |
| - | // |
| - | @mixin icon-bar-base() { |
| - | |
| - | width: 100%; |
| - | font-size: 0; |
| - | display: inline-block; |
| - | |
| - | & > * { |
| - | text-align: center; |
| - | font-size: $icon-bar-font-size; |
| - | width: 25%; |
| - | margin: 0 auto; |
| - | display: block; |
| - | padding: $icon-bar-item-padding; |
| - | float: left; |
| - | |
| - | i, img { |
| - | display: block; |
| - | margin: 0 auto; |
| - | |
| - | & + label { |
| - | margin-top: .0625rem; |
| - | } |
| - | } |
| - | |
| - | i { |
| - | font-size: $icon-bar-icon-size; |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | img { |
| - | width: $icon-bar-image-width; |
| - | height: $icon-bar-image-height; |
| - | } |
| - | } |
| - | |
| - | &.label-right > * { |
| - | |
| - | i, img { |
| - | margin: 0 .0625rem 0 0; |
| - | display: inline-block; |
| - | |
| - | & + label { |
| - | margin-top: 0; |
| - | } |
| - | } |
| - | |
| - | label { display: inline-block; } |
| - | } |
| - | |
| - | &.vertical.label-right > * { |
| - | text-align: left; |
| - | } |
| - | |
| - | &.vertical, &.small-vertical{ |
| - | height: 100%; |
| - | width: auto; |
| - | |
| - | .item { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; |
| - | } |
| - | } |
| - | |
| - | &.medium-vertical { |
| - | @media #{$medium-up} { |
| - | height: 100%; |
| - | width: auto; |
| - | |
| - | .item { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; |
| - | } |
| - | } |
| - | } |
| - | &.large-vertical { |
| - | @media #{$large-up} { |
| - | height: 100%; |
| - | width: auto; |
| - | |
| - | .item { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // We use this mixin to create the size styles for icon bars. |
| - | @mixin icon-bar-size( |
| - | $padding: $icon-bar-item-padding, |
| - | $font-size: $icon-bar-font-size, |
| - | $icon-size: $icon-bar-icon-size, |
| - | $image-width: $icon-bar-image-width, |
| - | $image-height: $icon-bar-image-height) { |
| - | |
| - | & > * { |
| - | font-size: $font-size; |
| - | padding: $padding; |
| - | |
| - | i, img { |
| - | |
| - | & + label { |
| - | margin-top: .0625rem; |
| - | } |
| - | } |
| - | |
| - | i { |
| - | font-size: $icon-size; |
| - | } |
| - | |
| - | img { |
| - | width: $image-width; |
| - | height: $image-height; |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | @mixin icon-bar-style( |
| - | $bar-bg:$icon-bar-bg, |
| - | $bar-font-color:$icon-bar-font-color, |
| - | $bar-hover-color:$icon-bar-hover-color, |
| - | $bar-icon-color:$icon-bar-icon-color, |
| - | $bar-active-color:$icon-bar-active-color, |
| - | $base-style:true) { |
| - | |
| - | @if $base-style { |
| - | |
| - | background: $bar-bg; |
| - | |
| - | & > * { |
| - | |
| - | &:hover { background: $bar-hover-color; } |
| - | |
| - | label { color: $bar-font-color; } |
| - | |
| - | i { |
| - | color: $bar-icon-color; |
| - | } |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | // We use this to quickly create icon bars with a single mixin |
| - | // $height - The overall calculated height of the icon bar (horizontal) |
| - | // $bar-bg - the background color of the bar |
| - | // $bar-font-color - the font color |
| - | // $bar-hover-color - okay these are pretty obvious variables |
| - | // $bar-icon-color - maybe we could skip explaining them all? Okay this one does change icon color if you use an icon font |
| - | // $bar-active-color - the color of an active / hover state |
| - | // $base-style - Apply base styles? Default: true. |
| - | |
| - | @mixin icon-bar( |
| - | $bar-bg:$icon-bar-bg, |
| - | $bar-font-color:$icon-bar-font-color, |
| - | $bar-hover-color:$icon-bar-hover-color, |
| - | $bar-icon-color:$icon-bar-icon-color, |
| - | $bar-active-color:$icon-bar-active-color, |
| - | $padding: $icon-bar-item-padding, |
| - | $font-size: $icon-bar-font-size, |
| - | $icon-size: $icon-bar-icon-size, |
| - | $image-width: $icon-bar-image-width, |
| - | $image-height: $icon-bar-image-height, |
| - | $base-style:true) { |
| - | @include icon-bar-base(); |
| - | @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height); |
| - | @include icon-bar-style($bar-bg, $bar-font-color, $bar-hover-color, $bar-icon-color, $bar-active-color, $base-style); |
| - | } |
| - | |
| - | @include exports("icon-bar") { |
| - | @if $include-html-icon-bar-classes { |
| - | .icon-bar { |
| - | @include icon-bar; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @if $include-html-icon-bar-classes { |
| - | |
| - | // toolbar styles |
| - | |
| - | .icon-bar { |
| - | |
| - | // Counts |
| - | |
| - | &.two-up { |
| - | .item { width: 50%; } |
| - | &.vertical .item, &.small-vertical .item { width: auto; } |
| - | &.medium-vertical .item { |
| - | @media #{$medium-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | &.large-vertical .item { |
| - | @media #{$large-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | } |
| - | &.three-up { |
| - | .item { width: 33.3333%; } |
| - | &.vertical .item, &.small-vertical .item { width: auto; } |
| - | &.medium-vertical .item { |
| - | @media #{$medium-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | &.large-vertical .item { |
| - | @media #{$large-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | } |
| - | &.four-up { |
| - | .item { width: 25%; } |
| - | &.vertical .item, &.small-vertical .item { width: auto; } |
| - | &.medium-vertical .item { |
| - | @media #{$medium-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | &.large-vertical .item { |
| - | @media #{$large-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | } |
| - | &.five-up { |
| - | .item { width: 20%; } |
| - | &.vertical .item, &.small-vertical .item { width: auto; } |
| - | &.medium-vertical .item { |
| - | @media #{$medium-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | &.large-vertical .item { |
| - | @media #{$large-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | } |
| - | &.six-up { |
| - | .item { width: 16.66667%; } |
| - | &.vertical .item, &.small-vertical .item { width: auto; } |
| - | &.medium-vertical .item { |
| - | @media #{$medium-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | &.large-vertical .item { |
| - | @media #{$large-up} { |
| - | width: auto; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_inline-lists.scss
+0
-57
| @@ | @@ -1,57 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-inline-list-classes: $include-html-classes !default; |
| - | |
| - | // We use this to control the margins and padding of the inline list. |
| - | $inline-list-top-margin: 0 !default; |
| - | $inline-list-opposite-margin: 0 !default; |
| - | $inline-list-bottom-margin: rem-calc(17) !default; |
| - | $inline-list-default-float-margin: rem-calc(-22) !default; |
| - | $inline-list-default-float-list-margin: rem-calc(22) !default; |
| - | |
| - | $inline-list-padding: 0 !default; |
| - | |
| - | // We use this to control the overflow of the inline list. |
| - | $inline-list-overflow: hidden !default; |
| - | |
| - | // We use this to control the list items |
| - | $inline-list-display: block !default; |
| - | |
| - | // We use this to control any elements within list items |
| - | $inline-list-children-display: block !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | // We use this mixin to create inline lists |
| - | @mixin inline-list { |
| - | margin: $inline-list-top-margin auto $inline-list-bottom-margin auto; |
| - | margin-#{$default-float}: $inline-list-default-float-margin; |
| - | margin-#{$opposite-direction}: $inline-list-opposite-margin; |
| - | padding: $inline-list-padding; |
| - | list-style: none; |
| - | overflow: $inline-list-overflow; |
| - | |
| - | & > li { |
| - | list-style: none; |
| - | float: $default-float; |
| - | margin-#{$default-float}: $inline-list-default-float-list-margin; |
| - | display: $inline-list-display; |
| - | &>* { display: $inline-list-children-display; } |
| - | } |
| - | } |
| - | |
| - | @include exports("inline-list") { |
| - | @if $include-html-inline-list-classes { |
| - | .inline-list { |
| - | @include inline-list(); |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_joyride.scss
+0
-222
| @@ | @@ -1,222 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-joyride-classes: $include-html-classes !default; |
| - | |
| - | // Controlling default Joyride styles |
| - | $joyride-tip-bg: $oil !default; |
| - | $joyride-tip-default-width: 300px !default; |
| - | $joyride-tip-padding: rem-calc(18 20 24) !default; |
| - | $joyride-tip-border: solid 1px $charcoal !default; |
| - | $joyride-tip-radius: 4px !default; |
| - | $joyride-tip-position-offset: 22px !default; |
| - | |
| - | // Here, we're setting the tip font styles |
| - | $joyride-tip-font-color: $white !default; |
| - | $joyride-tip-font-size: rem-calc(14) !default; |
| - | $joyride-tip-header-weight: $font-weight-bold !default; |
| - | |
| - | // This changes the nub size |
| - | $joyride-tip-nub-size: 10px !default; |
| - | |
| - | // This adjusts the styles for the timer when its enabled |
| - | $joyride-tip-timer-width: 50px !default; |
| - | $joyride-tip-timer-height: 3px !default; |
| - | $joyride-tip-timer-color: $steel !default; |
| - | |
| - | // This changes up the styles for the close button |
| - | $joyride-tip-close-color: $monsoon !default; |
| - | $joyride-tip-close-size: 24px !default; |
| - | $joyride-tip-close-weight: $font-weight-normal !default; |
| - | |
| - | // When Joyride is filling the screen, we use this style for the bg |
| - | $joyride-screenfill: rgba(0,0,0,0.5) !default; |
| - | |
| - | |
| - | // We decided not to make a mixin for this because it relies on |
| - | // predefined classes to work properly. |
| - | @include exports("joyride") { |
| - | @if $include-html-joyride-classes { |
| - | |
| - | /* Foundation Joyride */ |
| - | .joyride-list { display: none; } |
| - | |
| - | /* Default styles for the container */ |
| - | .joyride-tip-guide { |
| - | display: none; |
| - | position: absolute; |
| - | background: $joyride-tip-bg; |
| - | color: $joyride-tip-font-color; |
| - | z-index: 101; |
| - | top: 0; |
| - | #{$default-float}: 2.5%; |
| - | font-family: inherit; |
| - | font-weight: $font-weight-normal; |
| - | width: 95%; |
| - | } |
| - | |
| - | .lt-ie9 .joyride-tip-guide { |
| - | max-width:800px; |
| - | #{$default-float}: 50%; |
| - | margin-#{$default-float}:-400px; |
| - | } |
| - | |
| - | .joyride-content-wrapper { |
| - | width: 100%; |
| - | |
| - | padding: $joyride-tip-padding; |
| - | |
| - | .button { margin-bottom: 0 !important; } |
| - | |
| - | .joyride-prev-tip { margin-right: 10px; } |
| - | } |
| - | |
| - | /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ |
| - | .joyride-tip-guide { |
| - | .joyride-nub { |
| - | display: block; |
| - | position: absolute; |
| - | #{$default-float}: $joyride-tip-position-offset; |
| - | width: 0; |
| - | height: 0; |
| - | border: $joyride-tip-nub-size solid $joyride-tip-bg; |
| - | |
| - | &.top { |
| - | border-top-style: solid; |
| - | border-color: $joyride-tip-bg; |
| - | border-top-color: transparent !important; |
| - | border-#{$default-float}-color: transparent !important; |
| - | border-#{$opposite-direction}-color: transparent !important; |
| - | top: -($joyride-tip-nub-size*2); |
| - | } |
| - | &.bottom { |
| - | border-bottom-style: solid; |
| - | border-color: $joyride-tip-bg !important; |
| - | border-bottom-color: transparent !important; |
| - | border-#{$default-float}-color: transparent !important; |
| - | border-#{$opposite-direction}-color: transparent !important; |
| - | bottom: -($joyride-tip-nub-size*2); |
| - | } |
| - | |
| - | &.right { right: -($joyride-tip-nub-size*2); } |
| - | &.left { left: -($joyride-tip-nub-size*2); } |
| - | } |
| - | } |
| - | |
| - | /* Typography */ |
| - | .joyride-tip-guide h1, |
| - | .joyride-tip-guide h2, |
| - | .joyride-tip-guide h3, |
| - | .joyride-tip-guide h4, |
| - | .joyride-tip-guide h5, |
| - | .joyride-tip-guide h6 { |
| - | line-height: 1.25; |
| - | margin: 0; |
| - | font-weight: $joyride-tip-header-weight; |
| - | color: $joyride-tip-font-color; |
| - | } |
| - | .joyride-tip-guide p { |
| - | margin: rem-calc(0 0 18 0); |
| - | font-size: $joyride-tip-font-size; |
| - | line-height: 1.3; |
| - | } |
| - | |
| - | .joyride-timer-indicator-wrap { |
| - | width: $joyride-tip-timer-width; |
| - | height: $joyride-tip-timer-height; |
| - | border: $joyride-tip-border; |
| - | position: absolute; |
| - | #{$opposite-direction}: rem-calc(17); |
| - | bottom: rem-calc(16); |
| - | } |
| - | .joyride-timer-indicator { |
| - | display: block; |
| - | width: 0; |
| - | height: inherit; |
| - | background: $joyride-tip-timer-color; |
| - | } |
| - | |
| - | .joyride-close-tip { |
| - | position: absolute; |
| - | #{$opposite-direction}: 12px; |
| - | top: 10px; |
| - | color: $joyride-tip-close-color !important; |
| - | text-decoration: none; |
| - | font-size: $joyride-tip-close-size; |
| - | font-weight: $joyride-tip-close-weight; |
| - | line-height: .5 !important; |
| - | |
| - | &:hover, |
| - | &:focus { color: $smoke !important; } |
| - | } |
| - | |
| - | .joyride-modal-bg { |
| - | position: fixed; |
| - | height: 100%; |
| - | width: 100%; |
| - | background: transparent; |
| - | background: $joyride-screenfill; |
| - | z-index: 100; |
| - | display: none; |
| - | top: 0; |
| - | #{$default-float}: 0; |
| - | cursor: $cursor-pointer-value; |
| - | } |
| - | |
| - | .joyride-expose-wrapper { |
| - | background-color: $white; |
| - | position: absolute; |
| - | border-radius: 3px; |
| - | z-index: 102; |
| - | box-shadow: 0 0 15px $white; |
| - | } |
| - | |
| - | .joyride-expose-cover { |
| - | background: transparent; |
| - | border-radius: 3px; |
| - | position: absolute; |
| - | z-index: 9999; |
| - | top: 0; |
| - | left: 0; |
| - | } |
| - | |
| - | |
| - | /* Styles for screens that are at least 768px; */ |
| - | @media #{$small} { |
| - | .joyride-tip-guide { width: $joyride-tip-default-width; #{$default-float}: inherit; |
| - | .joyride-nub { |
| - | &.bottom { |
| - | border-color: $joyride-tip-bg !important; |
| - | border-bottom-color: transparent !important; |
| - | border-#{$default-float}-color: transparent !important; |
| - | border-#{$opposite-direction}-color: transparent !important; |
| - | bottom: -($joyride-tip-nub-size*2); |
| - | } |
| - | &.right { |
| - | border-color: $joyride-tip-bg !important; |
| - | border-top-color: transparent !important; |
| - | border-right-color: transparent !important; border-bottom-color: transparent !important; |
| - | top: $joyride-tip-position-offset; |
| - | left: auto; |
| - | right: -($joyride-tip-nub-size*2); |
| - | } |
| - | &.left { |
| - | border-color: $joyride-tip-bg !important; |
| - | border-top-color: transparent !important; |
| - | border-left-color: transparent !important; |
| - | border-bottom-color: transparent !important; |
| - | top: $joyride-tip-position-offset; |
| - | left: -($joyride-tip-nub-size*2); |
| - | right: auto; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_keystrokes.scss
+0
-61
| @@ | @@ -1,61 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-keystroke-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control text styles. |
| - | $keystroke-font: "Consolas", "Menlo", "Courier", monospace !default; |
| - | $keystroke-font-size: inherit !default; |
| - | $keystroke-font-color: $jet !default; |
| - | $keystroke-font-color-alt: $white !default; |
| - | $keystroke-function-factor: -7% !default; |
| - | |
| - | // We use this to control keystroke padding. |
| - | $keystroke-padding: rem-calc(2 4 0) !default; |
| - | |
| - | // We use these to control background and border styles. |
| - | $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default; |
| - | $keystroke-border-style: solid !default; |
| - | $keystroke-border-width: 1px !default; |
| - | $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default; |
| - | $keystroke-radius: $global-radius !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | // We use this mixin to create keystroke styles. |
| - | // $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default; |
| - | @mixin keystroke($bg:$keystroke-bg) { |
| - | // This find the lightness percentage of the background color. |
| - | $bg-lightness: lightness($bg); |
| - | |
| - | background-color: $bg; |
| - | border-color: scale-color($bg, $lightness: $keystroke-function-factor); |
| - | |
| - | // We adjust the font color based on the brightness of the background. |
| - | @if $bg-lightness > 70% { color: $keystroke-font-color; } |
| - | @else { color: $keystroke-font-color-alt; } |
| - | |
| - | border-style: $keystroke-border-style; |
| - | border-width: $keystroke-border-width; |
| - | margin: 0; |
| - | font-family: $keystroke-font; |
| - | font-size: $keystroke-font-size; |
| - | padding: $keystroke-padding; |
| - | } |
| - | |
| - | @include exports("keystroke") { |
| - | @if $include-html-keystroke-classes { |
| - | .keystroke, |
| - | kbd { |
| - | @include keystroke; |
| - | @include radius($keystroke-radius); |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_labels.scss
+0
-106
| @@ | @@ -1,106 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-label-classes: $include-html-classes !default; |
| - | |
| - | // We use these to style the labels |
| - | $label-padding: rem-calc(4 8 4) !default; |
| - | $label-radius: $global-radius !default; |
| - | |
| - | // We use these to style the label text |
| - | $label-font-sizing: rem-calc(11) !default; |
| - | $label-font-weight: $font-weight-normal !default; |
| - | $label-font-color: $oil !default; |
| - | $label-font-color-alt: $white !default; |
| - | $label-font-family: $body-font-family !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | // We use this mixin to create a default label base. |
| - | @mixin label-base { |
| - | font-weight: $label-font-weight; |
| - | font-family: $label-font-family; |
| - | text-align: center; |
| - | text-decoration: none; |
| - | line-height: 1; |
| - | white-space: nowrap; |
| - | display: inline-block; |
| - | position: relative; |
| - | margin-bottom: inherit; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to add label size styles. |
| - | // $padding - Used to determine label padding. Default: $label-padding || rem-calc(3 10 4) !default |
| - | // $text-size - Used to determine label text-size. Default: $text-size found in settings |
| - | @mixin label-size($padding:$label-padding, $text-size:$label-font-sizing) { |
| - | @if $padding { padding: $padding; } |
| - | @if $text-size { font-size: $text-size; } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to add label styles. |
| - | // $bg - Default: $primary-color (found in settings file) |
| - | // $radius - Default: false, Options: true, sets radius to $global-radius (found in settings file) |
| - | @mixin label-style($bg:$primary-color, $radius:false) { |
| - | |
| - | // We control which background color comes through |
| - | @if $bg { |
| - | |
| - | // This find the lightness percentage of the background color. |
| - | $bg-lightness: lightness($bg); |
| - | |
| - | background-color: $bg; |
| - | |
| - | // We control the text color for you based on the background color. |
| - | @if $bg-lightness < 70% { color: $label-font-color-alt; } |
| - | @else { color: $label-font-color; } |
| - | } |
| - | |
| - | // We use this to control the radius on labels. |
| - | @if $radius == true { @include radius($label-radius); } |
| - | @else if $radius { @include radius($radius); } |
| - | |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to add close buttons to alerts |
| - | // $padding - Default: $label-padding, |
| - | // $text-size - Default: $label-font-sizing, |
| - | // $bg - Default: $primary-color(found in settings file) |
| - | // $radius - Default: false, Options: true which sets radius to $global-radius (found in settings file) |
| - | @mixin label($padding:$label-padding, $text-size:$label-font-sizing, $bg:$primary-color, $radius:false) { |
| - | |
| - | @include label-base; |
| - | @include label-size($padding, $text-size); |
| - | @include label-style($bg, $radius); |
| - | } |
| - | |
| - | @include exports("label") { |
| - | @if $include-html-label-classes { |
| - | .label { |
| - | @include label-base; |
| - | @include label-size; |
| - | @include label-style; |
| - | |
| - | &.radius { @include label-style(false, true); } |
| - | &.round { @include label-style(false, $radius:1000px); } |
| - | |
| - | &.alert { @include label-style($alert-color); } |
| - | &.warning { @include label-style($warning-color); } |
| - | &.success { @include label-style($success-color); } |
| - | &.secondary { @include label-style($secondary-color); } |
| - | &.info { @include label-style($info-color); } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_magellan.scss
+0
-34
| @@ | @@ -1,34 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-magellan-classes: $include-html-classes !default; |
| - | |
| - | $magellan-bg: $white !default; |
| - | $magellan-padding: 10px !default; |
| - | |
| - | @include exports("magellan") { |
| - | @if $include-html-magellan-classes { |
| - | |
| - | #{data('magellan-expedition')}, #{data('magellan-expedition-clone')} { |
| - | background: $magellan-bg; |
| - | z-index: 50; |
| - | min-width: 100%; |
| - | padding: $magellan-padding; |
| - | |
| - | .sub-nav { |
| - | margin-bottom: 0; |
| - | dd { margin-bottom: 0; } |
| - | a { |
| - | line-height: 1.8em; |
| - | } |
| - | } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_offcanvas.scss
+0
-513
| @@ | @@ -1,513 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "type"; |
| - | |
| - | // Off Canvas Tab Bar Variables |
| - | $include-html-off-canvas-classes: $include-html-classes !default; |
| - | |
| - | $tabbar-bg: $oil !default; |
| - | $tabbar-height: rem-calc(45) !default; |
| - | $tabbar-icon-width: $tabbar-height !default; |
| - | $tabbar-line-height: $tabbar-height !default; |
| - | $tabbar-color: $white !default; |
| - | $tabbar-middle-padding: 0 rem-calc(10) !default; |
| - | |
| - | // Off Canvas Divider Styles |
| - | $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default; |
| - | $tabbar-right-section-border: $tabbar-left-section-border; |
| - | |
| - | |
| - | // Off Canvas Tab Bar Headers |
| - | $tabbar-header-color: $white !default; |
| - | $tabbar-header-weight: $font-weight-bold !default; |
| - | $tabbar-header-line-height: $tabbar-height !default; |
| - | $tabbar-header-margin: 0 !default; |
| - | |
| - | // Off Canvas Menu Variables |
| - | $off-canvas-width: rem-calc(250) !default; |
| - | $off-canvas-bg: $oil !default; |
| - | $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%) !default; |
| - | |
| - | // Off Canvas Menu List Variables |
| - | $off-canvas-label-padding: 0.3rem rem-calc(15) !default; |
| - | $off-canvas-label-color: $aluminum !default; |
| - | $off-canvas-label-text-transform: uppercase !default; |
| - | $off-canvas-label-font-size: rem-calc(12) !default; |
| - | $off-canvas-label-font-weight: $font-weight-bold !default; |
| - | $off-canvas-label-bg: $tuatara !default; |
| - | $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default; |
| - | $off-canvas-label-border-bottom: none !default; |
| - | $off-canvas-label-margin:0 !default; |
| - | $off-canvas-link-padding: rem-calc(10, 15) !default; |
| - | $off-canvas-link-color: rgba($white, 0.7) !default; |
| - | $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default; |
| - | $off-canvas-back-bg: #444 !default; |
| - | $off-canvas-back-border-top: $off-canvas-label-border-top !default; |
| - | $off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default; |
| - | $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default; |
| - | $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default; |
| - | $off-canvas-back-hover-border-bottom: none !default; |
| - | |
| - | // Off Canvas Menu Icon Variables |
| - | $tabbar-menu-icon-color: $white !default; |
| - | $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default; |
| - | |
| - | $tabbar-menu-icon-text-indent: rem-calc(35) !default; |
| - | $tabbar-menu-icon-width: $tabbar-icon-width !default; |
| - | $tabbar-menu-icon-height: $tabbar-height !default; |
| - | $tabbar-menu-icon-padding: 0 !default; |
| - | |
| - | $tabbar-hamburger-icon-width: rem-calc(16) !default; |
| - | $tabbar-hamburger-icon-left: false !default; |
| - | $tabbar-hamburger-icon-top: false !default; |
| - | $tabbar-hamburger-icon-thickness: 1px !default; |
| - | $tabbar-hamburger-icon-gap: 6px !default; |
| - | |
| - | // Off Canvas Back-Link Overlay |
| - | $off-canvas-overlay-transition: background 300ms ease !default; |
| - | $off-canvas-overlay-cursor: pointer !default; |
| - | $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default; |
| - | $off-canvas-overlay-background: rgba($white, 0.2) !default; |
| - | $off-canvas-overlay-background-hover: rgba($white, 0.05) !default; |
| - | |
| - | // Transition Variables |
| - | $menu-slide: "transform 500ms ease" !default; |
| - | |
| - | |
| - | // MIXINS |
| - | // Remove transition flicker on phones |
| - | @mixin kill-flicker { |
| - | // -webkit-transform: translateZ(0x); |
| - | -webkit-backface-visibility: hidden; |
| - | } |
| - | |
| - | // Basic properties for the content wraps |
| - | @mixin wrap-base { |
| - | position: relative; |
| - | width: 100%; |
| - | } |
| - | |
| - | @mixin translate3d($tx,$ty,$tz) { |
| - | -ms-transform: translate($tx,$ty); |
| - | -webkit-transform: translate3d($tx,$ty,$tz); |
| - | -moz-transform: translate3d($tx,$ty,$tz); |
| - | -ms-transform: translate3d($tx,$ty,$tz); |
| - | -o-transform: translate3d($tx,$ty,$tz); |
| - | transform: translate3d($tx,$ty,$tz) |
| - | } |
| - | |
| - | // basic styles for off-canvas menu container |
| - | @mixin off-canvas-menu($position) { |
| - | @include kill-flicker; |
| - | * { @include kill-flicker; } |
| - | width: $off-canvas-width; |
| - | top: 0; |
| - | bottom: 0; |
| - | position: absolute; |
| - | overflow-x: hidden; |
| - | overflow-y: auto; |
| - | background: $off-canvas-bg; |
| - | z-index: 1001; |
| - | box-sizing: content-box; |
| - | transition: transform 500ms ease 0s; |
| - | -webkit-overflow-scrolling: touch; |
| - | -ms-overflow-style: -ms-autohiding-scrollbar; |
| - | |
| - | @if $position == left { |
| - | @include translate3d(-100.5%,0,0); |
| - | left: 0; |
| - | } |
| - | @if $position == right { |
| - | @include translate3d(100.5%,0,0); |
| - | right: 0; |
| - | } |
| - | } |
| - | |
| - | // OFF CANVAS WRAP |
| - | // Wrap visible content and prevent scroll bars |
| - | @mixin off-canvas-wrap { |
| - | @include kill-flicker; |
| - | @include wrap-base; |
| - | overflow: hidden; |
| - | &.move-right, |
| - | &.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; } |
| - | } |
| - | |
| - | // INNER WRAP |
| - | // Main content area that moves to reveal the off-canvas nav |
| - | @mixin inner-wrap { |
| - | @include kill-flicker; |
| - | @include wrap-base; |
| - | @include clearfix; |
| - | -webkit-transition: -webkit-#{$menu-slide}; |
| - | -moz-transition: -moz-#{$menu-slide}; |
| - | -ms-transition: -ms-#{$menu-slide}; |
| - | -o-transition: -o-#{$menu-slide}; |
| - | transition: #{$menu-slide}; |
| - | } |
| - | |
| - | // TAB BAR |
| - | // This is the tab bar base |
| - | @mixin tab-bar-base { |
| - | @include kill-flicker; |
| - | |
| - | // base styles |
| - | background: $tabbar-bg; |
| - | color: $tabbar-color; |
| - | height: $tabbar-height; |
| - | line-height: $tabbar-line-height; |
| - | |
| - | // make sure it's below the .exit-off-canvas link |
| - | position: relative; |
| - | // z-index: 999; |
| - | |
| - | // Typography |
| - | h1,h2,h3,h4,h5,h6 { |
| - | color: $tabbar-header-color; |
| - | font-weight: $tabbar-header-weight; |
| - | line-height: $tabbar-header-line-height; |
| - | margin: $tabbar-header-margin; |
| - | } |
| - | h1,h2,h3,h4 { font-size: $h5-font-size; } |
| - | } |
| - | |
| - | // SMALL SECTIONS |
| - | // These are small sections on the left and right that contain the off-canvas toggle buttons; |
| - | @mixin tabbar-small-section($position) { |
| - | width: $tabbar-icon-width; |
| - | height: $tabbar-height; |
| - | position: absolute; |
| - | top: 0; |
| - | @if $position == left { |
| - | border-right: $tabbar-left-section-border; |
| - | // box-shadow: 1px 0 0 scale-color($tabbar-bg, $lightness: 13%); |
| - | left: 0; |
| - | } |
| - | @if $position == right { |
| - | border-left: $tabbar-right-section-border; |
| - | // box-shadow: -1px 0 0 scale-color($tabbar-bg, $lightness: -50%); |
| - | right:0; |
| - | } |
| - | } |
| - | |
| - | @mixin tab-bar-section { |
| - | padding: $tabbar-middle-padding; |
| - | position: absolute; |
| - | text-align: center; |
| - | height: $tabbar-height; |
| - | top: 0; |
| - | @media #{$medium-up} { |
| - | &.left, &.right { text-align: left; } |
| - | } |
| - | |
| - | // still need to make these non-presentational |
| - | &.left { |
| - | left: 0; |
| - | right: $tabbar-icon-width; |
| - | } |
| - | &.right { |
| - | left: $tabbar-icon-width; |
| - | right: 0; |
| - | } |
| - | &.middle { |
| - | left: $tabbar-icon-width; |
| - | right: $tabbar-icon-width; |
| - | } |
| - | } |
| - | |
| - | // OFF CANVAS LIST |
| - | // This is the list of links in the off-canvas menu |
| - | @mixin off-canvas-list { |
| - | list-style-type: none; |
| - | padding:0; |
| - | margin:0; |
| - | |
| - | li { |
| - | label { |
| - | display: block; |
| - | padding: $off-canvas-label-padding; |
| - | color: $off-canvas-label-color; |
| - | text-transform: $off-canvas-label-text-transform; |
| - | font-size: $off-canvas-label-font-size; |
| - | font-weight: $off-canvas-label-font-weight; |
| - | background: $off-canvas-label-bg; |
| - | border-top: $off-canvas-label-border-top; |
| - | border-bottom: $off-canvas-label-border-bottom; |
| - | margin: $off-canvas-label-margin; |
| - | } |
| - | a { |
| - | display: block; |
| - | padding: $off-canvas-link-padding; |
| - | color: $off-canvas-link-color; |
| - | border-bottom: $off-canvas-link-border-bottom; |
| - | transition: background 300ms ease; |
| - | &:hover { |
| - | background: $off-canvas-bg-hover; |
| - | } |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | // BACK LINK |
| - | // This is an overlay that, when clicked, will toggle off the off canvas menu |
| - | @mixin back-link { |
| - | @include kill-flicker; |
| - | |
| - | transition: $off-canvas-overlay-transition; |
| - | cursor: $off-canvas-overlay-cursor; |
| - | box-shadow: $off-canvas-overlay-box-shadow; |
| - | |
| - | // fill the screen |
| - | display: block; |
| - | position: absolute; |
| - | background: $off-canvas-overlay-background; |
| - | top: 0; |
| - | bottom: 0; |
| - | left:0; |
| - | right:0; |
| - | z-index: 1002; |
| - | -webkit-tap-highlight-color: rgba(0,0,0,0); |
| - | |
| - | @media #{$medium-up} { |
| - | &:hover { |
| - | background: $off-canvas-overlay-background-hover; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // |
| - | // DEFAULT CLASSES |
| - | // |
| - | @include exports("offcanvas") { |
| - | @if $include-html-off-canvas-classes { |
| - | |
| - | .off-canvas-wrap { @include off-canvas-wrap; } |
| - | .inner-wrap { @include inner-wrap; } |
| - | |
| - | .tab-bar { @include tab-bar-base; } |
| - | |
| - | .left-small { @include tabbar-small-section($position: left); } |
| - | .right-small { @include tabbar-small-section($position: right); } |
| - | |
| - | .tab-bar-section { @include tab-bar-section; } |
| - | |
| - | // MENU BUTTON |
| - | // This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future. |
| - | .tab-bar .menu-icon { |
| - | text-indent: $tabbar-menu-icon-text-indent; |
| - | width: $tabbar-menu-icon-width; |
| - | height: $tabbar-menu-icon-height; |
| - | display: block; |
| - | padding: $tabbar-menu-icon-padding; |
| - | color: $tabbar-menu-icon-color; |
| - | position: relative; |
| - | transform: translate3d(0,0,0); |
| - | |
| - | // @include for the hamburger menu-icon |
| - | // |
| - | // Arguments as follows: ($width, $left, $top, $thickness, $gap, $color, $hover-color) |
| - | // $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width. |
| - | // $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False |
| - | // $top - If false, icon will be centered vertically || explicitly set value in rem Default: = False |
| - | // $thickness - thickness of lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-thickness = 1px |
| - | // $gap - spacing between the lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-gap = 6px |
| - | // $color - icon color Default: $tabbar-menu-icon-color |
| - | // $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover |
| - | // $offcanvas - Set to true |
| - | @include hamburger($tabbar-hamburger-icon-width, $tabbar-hamburger-icon-left, $tabbar-hamburger-icon-top, $tabbar-hamburger-icon-thickness, $tabbar-hamburger-icon-gap, $tabbar-menu-icon-color, $tabbar-menu-icon-hover, true) |
| - | } |
| - | |
| - | .left-off-canvas-menu { @include off-canvas-menu($position: left); } |
| - | .right-off-canvas-menu { @include off-canvas-menu($position: right); } |
| - | |
| - | ul.off-canvas-list { @include off-canvas-list; } |
| - | |
| - | |
| - | // ANIMATION CLASSES |
| - | // These classes are added with JS and trigger the actual animation. |
| - | .move-right { |
| - | > .inner-wrap { |
| - | @include translate3d($off-canvas-width,0,0); |
| - | } |
| - | .exit-off-canvas { @include back-link;} |
| - | } |
| - | |
| - | .move-left { |
| - | > .inner-wrap { |
| - | @include translate3d(-($off-canvas-width),0,0); |
| - | |
| - | } |
| - | .exit-off-canvas { @include back-link; } |
| - | } |
| - | .offcanvas-overlap { |
| - | .left-off-canvas-menu, .right-off-canvas-menu { |
| - | -ms-transform: none; |
| - | -webkit-transform: none; |
| - | -moz-transform: none; |
| - | -o-transform: none; |
| - | transform: none; |
| - | z-index: 1003; |
| - | } |
| - | .exit-off-canvas { @include back-link; } |
| - | } |
| - | .offcanvas-overlap-left { |
| - | .right-off-canvas-menu { |
| - | -ms-transform: none; |
| - | -webkit-transform: none; |
| - | -moz-transform: none; |
| - | -o-transform: none; |
| - | transform: none; |
| - | z-index: 1003; |
| - | } |
| - | .exit-off-canvas { @include back-link; } |
| - | } |
| - | .offcanvas-overlap-right { |
| - | .left-off-canvas-menu { |
| - | -ms-transform: none; |
| - | -webkit-transform: none; |
| - | -moz-transform: none; |
| - | -o-transform: none; |
| - | transform: none; |
| - | z-index: 1003; |
| - | } |
| - | .exit-off-canvas { @include back-link; } |
| - | } |
| - | |
| - | // Older browsers |
| - | .no-csstransforms { |
| - | .left-off-canvas-menu { left: -($off-canvas-width); } |
| - | .right-off-canvas-menu { right: -($off-canvas-width); } |
| - | |
| - | .move-left > .inner-wrap { right: $off-canvas-width; } |
| - | .move-right > .inner-wrap { left: $off-canvas-width; } |
| - | } |
| - | |
| - | } |
| - | } |
| - | |
| - | // |
| - | // Off-Canvas Submenu Classes |
| - | // |
| - | @mixin off-canvas-submenu($position) { |
| - | @include kill-flicker; |
| - | * { @include kill-flicker; } |
| - | width: $off-canvas-width; |
| - | top: 0; |
| - | bottom: 0; |
| - | position: absolute; |
| - | margin: 0; |
| - | overflow-x: hidden; |
| - | overflow-y: auto; |
| - | background: $off-canvas-bg; |
| - | z-index: 1002; |
| - | box-sizing: content-box; |
| - | -webkit-overflow-scrolling: touch; |
| - | @if $position == left { |
| - | @include translate3d(-100%,0,0); |
| - | left: 0; |
| - | } |
| - | @if $position == right { |
| - | @include translate3d(100%,0,0); |
| - | right: 0; |
| - | } |
| - | -webkit-transition: -webkit-#{$menu-slide}; |
| - | -moz-transition: -moz-#{$menu-slide}; |
| - | -ms-transition: -ms-#{$menu-slide}; |
| - | -o-transition: -o-#{$menu-slide}; |
| - | transition: #{$menu-slide}; |
| - | |
| - | //back button style like label |
| - | .back > a { |
| - | padding: $off-canvas-label-padding; |
| - | color: $off-canvas-label-color; |
| - | text-transform: $off-canvas-label-text-transform; |
| - | font-weight: $off-canvas-label-font-weight; |
| - | background: $off-canvas-back-bg; |
| - | border-top: $off-canvas-back-border-top; |
| - | border-bottom: $off-canvas-back-border-bottom; |
| - | &:hover { |
| - | background: $off-canvas-back-hover-bg; |
| - | border-top: $off-canvas-back-hover-border-top; |
| - | border-bottom: $off-canvas-back-hover-border-bottom; |
| - | } |
| - | margin: $off-canvas-label-margin; |
| - | @if $position == right { |
| - | @if $text-direction == rtl { |
| - | &:before { |
| - | @include icon-double-arrows($position: left); |
| - | } |
| - | } @else { |
| - | &:after { |
| - | @include icon-double-arrows($position: right); |
| - | } |
| - | } |
| - | } |
| - | @if $position == left { |
| - | @if $text-direction == rtl { |
| - | &:after { |
| - | @include icon-double-arrows($position: right); |
| - | } |
| - | } @else { |
| - | &:before { |
| - | @include icon-double-arrows($position: left); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | //Left double angle quote or Right double angle quote chars |
| - | @mixin icon-double-arrows ($position){ |
| - | @if $position == left { |
| - | content: "\AB"; |
| - | @if $text-direction == rtl { |
| - | margin-left: 0.5rem; |
| - | } @else { |
| - | margin-right: 0.5rem; |
| - | } |
| - | } |
| - | @if $position == right { |
| - | content: "\BB"; |
| - | @if $text-direction == rtl { |
| - | margin-right: 0.5rem; |
| - | } @else { |
| - | margin-left: 0.5rem; |
| - | } |
| - | } |
| - | display: inline; |
| - | } |
| - | |
| - | @if $include-html-off-canvas-classes { |
| - | .left-submenu { |
| - | @include off-canvas-submenu($position: left); |
| - | &.move-right { |
| - | @include translate3d(0%,0,0); |
| - | } |
| - | } |
| - | |
| - | .right-submenu { |
| - | @include off-canvas-submenu($position: right); |
| - | &.move-left { |
| - | @include translate3d(0%,0,0); |
| - | } |
| - | } |
| - | |
| - | @if $text-direction == rtl { |
| - | .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { |
| - | @include icon-double-arrows($position: left); |
| - | } |
| - | .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { |
| - | @include icon-double-arrows($position: right); |
| - | } |
| - | } @else { |
| - | .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { |
| - | @include icon-double-arrows($position: right); |
| - | } |
| - | .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { |
| - | @include icon-double-arrows($position: left); |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_orbit.scss
+0
-368
| @@ | @@ -1,368 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // @variables |
| - | // |
| - | $include-html-orbit-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control the caption styles |
| - | $orbit-container-bg: none !default; |
| - | $orbit-caption-bg: rgba(51,51,51, 0.8) !default; |
| - | $orbit-caption-font-color: $white !default; |
| - | $orbit-caption-font-size: rem-calc(14) !default; |
| - | $orbit-caption-position: "bottom" !default; // Supported values: "bottom", "under" |
| - | $orbit-caption-padding: rem-calc(10 14) !default; |
| - | $orbit-caption-height: auto !default; |
| - | |
| - | // We use these to control the left/right nav styles |
| - | $orbit-nav-bg: transparent !default; |
| - | $orbit-nav-bg-hover: rgba(0,0,0,0.3) !default; |
| - | $orbit-nav-arrow-color: $white !default; |
| - | $orbit-nav-arrow-color-hover: $white !default; |
| - | |
| - | // We use these to control the timer styles |
| - | $orbit-timer-bg: rgba(255,255,255,0.3) !default; |
| - | $orbit-timer-show-progress-bar: true !default; |
| - | |
| - | // We use these to control the bullet nav styles |
| - | $orbit-bullet-nav-color: $iron !default; |
| - | $orbit-bullet-nav-color-active: $aluminum !default; |
| - | $orbit-bullet-radius: rem-calc(9) !default; |
| - | |
| - | // We use these to controls the style of slide numbers |
| - | $orbit-slide-number-bg: rgba(0,0,0,0) !default; |
| - | $orbit-slide-number-font-color: $white !default; |
| - | $orbit-slide-number-padding: rem-calc(5) !default; |
| - | |
| - | // Graceful Loading Wrapper and preloader |
| - | $wrapper-class: "slideshow-wrapper" !default; |
| - | $preloader-class: "preloader" !default; |
| - | |
| - | // Hide controls on small |
| - | $orbit-nav-hide-for-small: true !default; |
| - | $orbit-bullet-hide-for-small: true !default; |
| - | $orbit-timer-hide-for-small: true !default; |
| - | |
| - | |
| - | @include exports("orbit") { |
| - | @if $include-html-orbit-classes { |
| - | |
| - | @-webkit-keyframes rotate { |
| - | from { -webkit-transform: rotate(0deg); } |
| - | to { -webkit-transform: rotate(360deg); } |
| - | } |
| - | @-moz-keyframes rotate { |
| - | from { -moz-transform: rotate(0deg); } |
| - | to { -moz-transform: rotate(360deg); } |
| - | } |
| - | @-o-keyframes rotate { |
| - | from { -o-transform: rotate(0deg); } |
| - | to { -o-transform: rotate(360deg); } |
| - | } |
| - | @keyframes rotate { |
| - | from { transform: rotate(0deg); } |
| - | to { transform: rotate(360deg); } |
| - | } |
| - | |
| - | /* Orbit Graceful Loading */ |
| - | .#{$wrapper-class} { |
| - | position: relative; |
| - | |
| - | ul { |
| - | // Prevent bullets showing before .orbit-container is loaded |
| - | list-style-type: none; |
| - | margin: 0; |
| - | |
| - | // Hide all list items |
| - | li, |
| - | li .orbit-caption { display: none; } |
| - | |
| - | // ...except for the first one |
| - | li:first-child { display: block; } |
| - | } |
| - | |
| - | .orbit-container { background-color: transparent; |
| - | |
| - | // Show images when .orbit-container is loaded |
| - | li { display: block; |
| - | |
| - | .orbit-caption { display: block; } |
| - | } |
| - | .orbit-bullets li { |
| - | display: inline-block; |
| - | } |
| - | } |
| - | |
| - | // Orbit preloader |
| - | .#{$preloader-class} { |
| - | display: block; |
| - | width: 40px; |
| - | height: 40px; |
| - | position: absolute; |
| - | top: 50%; |
| - | left: 50%; |
| - | margin-top: -20px; |
| - | margin-left: -20px; |
| - | border: solid 3px; |
| - | border-color: $charcoal $white; |
| - | @include radius(1000px); |
| - | animation-name: rotate; |
| - | animation-duration: 1.5s; |
| - | animation-iteration-count: infinite; |
| - | animation-timing-function: linear; |
| - | } |
| - | } |
| - | |
| - | |
| - | .orbit-container { |
| - | overflow: hidden; |
| - | width: 100%; |
| - | position: relative; |
| - | background: $orbit-container-bg; |
| - | |
| - | .orbit-slides-container { |
| - | list-style: none; |
| - | margin: 0; |
| - | padding: 0; |
| - | position: relative; |
| - | |
| - | // Prevents images (and captions) from disappearing after first rotation on Chrome for Android |
| - | -webkit-transform: translateZ(0); |
| - | |
| - | img { display: block; max-width: 100%; } |
| - | |
| - | &>* { |
| - | position: absolute; |
| - | top: 0; |
| - | width: 100%; |
| - | @if $text-direction == rtl { |
| - | margin-right: 100%; |
| - | } |
| - | @else { |
| - | margin-left: 100%; |
| - | } |
| - | |
| - | &:first-child { |
| - | @if $text-direction == rtl { |
| - | margin-right: 0%; |
| - | } |
| - | @else { |
| - | margin-left: 0%; |
| - | } |
| - | } |
| - | |
| - | .orbit-caption { |
| - | @if $orbit-caption-position == "bottom" { |
| - | position: absolute; |
| - | bottom: 0; |
| - | } @else if $orbit-caption-position == "under" { |
| - | position: relative; |
| - | } |
| - | |
| - | background-color: $orbit-caption-bg; |
| - | color: $orbit-caption-font-color; |
| - | width: 100%; |
| - | padding: $orbit-caption-padding; |
| - | font-size: $orbit-caption-font-size; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .orbit-slide-number { |
| - | position: absolute; |
| - | top: 10px; |
| - | #{$default-float}: 10px; |
| - | font-size: 12px; |
| - | span { font-weight: 700; padding: $orbit-slide-number-padding;} |
| - | color: $orbit-slide-number-font-color; |
| - | background: $orbit-slide-number-bg; |
| - | z-index: 10; |
| - | } |
| - | |
| - | .orbit-timer { |
| - | position: absolute; |
| - | top: 12px; |
| - | #{$opposite-direction}: 10px; |
| - | height: 6px; |
| - | width: 100px; |
| - | z-index: 10; |
| - | .orbit-progress { |
| - | @if $orbit-timer-show-progress-bar { |
| - | height: 3px; |
| - | background-color: $orbit-timer-bg; |
| - | display: block; |
| - | width: 0%; |
| - | position: relative; |
| - | right: 20px; |
| - | top: 5px; |
| - | } |
| - | } |
| - | |
| - | // Play button |
| - | & > span { |
| - | display: none; |
| - | position: absolute; |
| - | top: 0px; |
| - | #{$opposite-direction}: 0; |
| - | width: 11px; |
| - | height: 14px; |
| - | border: solid 4px $white; |
| - | border-top: none; |
| - | border-bottom: none; |
| - | } |
| - | |
| - | // Pause button |
| - | &.paused { |
| - | & > span { |
| - | #{$opposite-direction}: -4px; |
| - | top: 0px; |
| - | width: 11px; |
| - | height: 14px; |
| - | border: inset 8px; |
| - | border-left-style: solid; |
| - | border-color: transparent; |
| - | border-left-color: $white; |
| - | &.dark { |
| - | border-left-color: $oil; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | |
| - | |
| - | &:hover .orbit-timer > span { display: block; } |
| - | |
| - | // Let's get those controls to be right in the center on each side |
| - | .orbit-prev, |
| - | .orbit-next { |
| - | position: absolute; |
| - | top: 45%; |
| - | margin-top: -25px; |
| - | width: 36px; |
| - | height: 60px; |
| - | line-height: 50px; |
| - | color: white; |
| - | background-color: $orbit-nav-bg; |
| - | text-indent: -9999px !important; |
| - | z-index: 10; |
| - | |
| - | &:hover { |
| - | background-color: $orbit-nav-bg-hover; |
| - | } |
| - | |
| - | & > span { |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -10px; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 10px; |
| - | } |
| - | } |
| - | .orbit-prev { #{$default-float}: 0; |
| - | & > span { |
| - | border-#{$opposite-direction}-style: solid; |
| - | border-color: transparent; |
| - | border-#{$opposite-direction}-color: $orbit-nav-arrow-color; |
| - | } |
| - | &:hover > span { |
| - | border-#{$opposite-direction}-color: $orbit-nav-arrow-color-hover; |
| - | } |
| - | } |
| - | .orbit-next { #{$opposite-direction}: 0; |
| - | & > span { |
| - | border-color: transparent; |
| - | border-#{$default-float}-style: solid; |
| - | border-#{$default-float}-color: $orbit-nav-arrow-color; |
| - | #{$default-float}: 50%; |
| - | margin-#{$default-float}: -4px; |
| - | } |
| - | &:hover > span { |
| - | border-#{$default-float}-color: $orbit-nav-arrow-color-hover; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .orbit-bullets-container { text-align: center; } |
| - | .orbit-bullets { |
| - | margin: 0 auto 30px auto; |
| - | overflow: hidden; |
| - | position: relative; |
| - | top: 10px; |
| - | float: none; |
| - | text-align: center; |
| - | display: block; |
| - | |
| - | li { |
| - | cursor:pointer; |
| - | display: inline-block; |
| - | width: $orbit-bullet-radius; |
| - | height: $orbit-bullet-radius; |
| - | background: $orbit-bullet-nav-color; |
| - | // float: $default-float; |
| - | float: none; |
| - | margin-#{$opposite-direction}: 6px; |
| - | @include radius(1000px); |
| - | |
| - | &.active { |
| - | background: $orbit-bullet-nav-color-active; |
| - | } |
| - | |
| - | &:last-child { margin-#{$opposite-direction}: 0; } |
| - | } |
| - | } |
| - | |
| - | .touch { |
| - | .orbit-container { |
| - | .orbit-prev, |
| - | .orbit-next { display: none; } |
| - | } |
| - | |
| - | .orbit-bullets { display: none; } |
| - | } |
| - | |
| - | |
| - | @media #{$medium-up} { |
| - | |
| - | .touch { |
| - | .orbit-container { |
| - | .orbit-prev, |
| - | .orbit-next { display: inherit; } |
| - | } |
| - | |
| - | .orbit-bullets { display: block; } |
| - | } |
| - | |
| - | } |
| - | |
| - | @media #{$small-only} { |
| - | .orbit-stack-on-small { |
| - | .orbit-slides-container {height: auto !important;} |
| - | .orbit-slides-container > * { |
| - | position: relative; |
| - | margin:0% !important; |
| - | opacity:1 !important; |
| - | } |
| - | |
| - | .orbit-slide-number { |
| - | display: none; |
| - | } |
| - | } |
| - | |
| - | @if $orbit-timer-hide-for-small { |
| - | .orbit-timer{display: none;} |
| - | } |
| - | @if $orbit-nav-hide-for-small { |
| - | .orbit-next,.orbit-prev{display: none;} |
| - | } |
| - | @if $orbit-bullet-hide-for-small { |
| - | .orbit-bullets{display: none;} |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_pagination.scss
+0
-162
| @@ | @@ -1,162 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-pagination-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control the pagination container |
| - | $pagination-height: rem-calc(24) !default; |
| - | $pagination-margin: rem-calc(-5) !default; |
| - | |
| - | // We use these to set the list-item properties |
| - | $pagination-li-float: $default-float !default; |
| - | $pagination-li-height: rem-calc(24) !default; |
| - | $pagination-li-font-color: $jet !default; |
| - | $pagination-li-font-size: rem-calc(14) !default; |
| - | $pagination-li-margin: rem-calc(5) !default; |
| - | |
| - | // We use these for the pagination anchor links |
| - | $pagination-link-pad: rem-calc(1 10 1) !default; |
| - | $pagination-link-font-color: $aluminum !default; |
| - | $pagination-link-active-bg: scale-color($white, $lightness: -10%) !default; |
| - | |
| - | // We use these for disabled anchor links |
| - | $pagination-link-unavailable-cursor: default !default; |
| - | $pagination-link-unavailable-font-color: $aluminum !default; |
| - | $pagination-link-unavailable-bg-active: transparent !default; |
| - | |
| - | // We use these for currently selected anchor links |
| - | $pagination-link-current-background: $primary-color !default; |
| - | $pagination-link-current-font-color: $white !default; |
| - | $pagination-link-current-font-weight: $font-weight-bold !default; |
| - | $pagination-link-current-cursor: default !default; |
| - | $pagination-link-current-active-bg: $primary-color !default; |
| - | |
| - | // @mixins |
| - | // |
| - | // Style the pagination container. Currently only used when centering elements. |
| - | // $center - Default: false, Options: true |
| - | @mixin pagination-container($center:false) { |
| - | @if $center { text-align: center; } |
| - | } |
| - | |
| - | // @mixins |
| - | // Style unavailable list items |
| - | @mixin pagination-unavailable-item { |
| - | a, button { |
| - | cursor: $pagination-link-unavailable-cursor; |
| - | color: $pagination-link-unavailable-font-color; |
| - | } |
| - | &:hover a, |
| - | & a:focus, |
| - | |
| - | &:hover button, |
| - | & button:focus |
| - | { background: $pagination-link-unavailable-bg-active; } |
| - | } |
| - | // @mixins |
| - | // Style the current list item. Do not assume that the current item has |
| - | // an anchor <a> element. |
| - | // $has-anchor - Default: true, Options: false |
| - | @mixin pagination-current-item($has-anchor: true) { |
| - | @if $has-anchor { |
| - | a, button { |
| - | background: $pagination-link-current-background; |
| - | color: $pagination-link-current-font-color; |
| - | font-weight: $pagination-link-current-font-weight; |
| - | cursor: $pagination-link-current-cursor; |
| - | |
| - | &:hover, |
| - | &:focus { background: $pagination-link-current-active-bg; } |
| - | } |
| - | } @else { |
| - | height: auto; |
| - | padding: $pagination-link-pad; |
| - | background: $pagination-link-current-background; |
| - | color: $pagination-link-current-font-color; |
| - | font-weight: $pagination-link-current-font-weight; |
| - | cursor: $pagination-link-current-cursor; |
| - | @include radius; |
| - | |
| - | &:hover, |
| - | &:focus { background: $pagination-link-current-active-bg; } |
| - | } |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to set the properties for the creating Foundation pagination |
| - | // $center - Left or center align the li elements. Default: false |
| - | // $base-style - Sets base styles for pagination. Default: true, Options: false |
| - | // $use-default-classes - Makes unavailable & current classes available for use. Default: true |
| - | @mixin pagination($center:false, $base-style:true, $use-default-classes:true) { |
| - | |
| - | @if $base-style { |
| - | display: block; |
| - | min-height: $pagination-height; |
| - | margin-#{$default-float}: $pagination-margin; |
| - | |
| - | li { |
| - | height: $pagination-li-height; |
| - | color: $pagination-li-font-color; |
| - | font-size: $pagination-li-font-size; |
| - | margin-#{$default-float}: $pagination-li-margin; |
| - | |
| - | a, button { |
| - | display: block; |
| - | padding: $pagination-link-pad; |
| - | color: $pagination-link-font-color; |
| - | background: none; |
| - | @include radius; |
| - | font-weight: normal; |
| - | font-size: 1em; |
| - | line-height: inherit; |
| - | @include single-transition(background-color); |
| - | } |
| - | |
| - | &:hover a, |
| - | a:focus, |
| - | &:hover button, |
| - | button:focus |
| - | { background: $pagination-link-active-bg; } |
| - | |
| - | @if $use-default-classes { |
| - | &.unavailable { @include pagination-unavailable-item(); } |
| - | &.current { @include pagination-current-item(); } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Left or center align the li elements |
| - | li { |
| - | @if $center { |
| - | float: none; |
| - | display: inline-block; |
| - | } @else { |
| - | float: $pagination-li-float; |
| - | display: block; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("pagination") { |
| - | @if $include-pagination-classes { |
| - | ul.pagination { |
| - | @include pagination; |
| - | } |
| - | |
| - | /* Pagination centred wrapper */ |
| - | .pagination-centered { |
| - | @include pagination-container(true); |
| - | |
| - | ul.pagination { |
| - | @include pagination(true, false); |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_panels.scss
+0
-95
| @@ | @@ -1,95 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-panel-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control the background and border styles |
| - | $panel-bg: scale-color($white, $lightness: -5%) !default; |
| - | $panel-border-style: solid !default; |
| - | $panel-border-size: 1px !default; |
| - | |
| - | // We use this % to control how much we darken things on hover |
| - | $panel-function-factor: -11% !default; |
| - | $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default; |
| - | |
| - | // We use these to set default inner padding and bottom margin |
| - | $panel-margin-bottom: rem-calc(20) !default; |
| - | $panel-padding: rem-calc(20) !default; |
| - | |
| - | // We use these to set default font colors |
| - | $panel-font-color: $oil !default; |
| - | $panel-font-color-alt: $white !default; |
| - | |
| - | $panel-header-adjust: true !default; |
| - | $callout-panel-link-color: $primary-color !default; |
| - | // |
| - | // @mixins |
| - | // |
| - | // We use this mixin to create panels. |
| - | // $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default |
| - | // $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20) |
| - | // $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true |
| - | @mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) { |
| - | |
| - | @if $bg { |
| - | $bg-lightness: lightness($bg); |
| - | |
| - | border-style: $panel-border-style; |
| - | border-width: $panel-border-size; |
| - | border-color: scale-color($bg, $lightness: $panel-function-factor); |
| - | margin-bottom: $panel-margin-bottom; |
| - | padding: $padding; |
| - | |
| - | background: $bg; |
| - | @if $bg-lightness >= 50% { color: $panel-font-color; } |
| - | @else { color: $panel-font-color-alt; } |
| - | |
| - | // Respect the padding, fool. |
| - | &>:first-child { margin-top: 0; } |
| - | &>:last-child { margin-bottom: 0; } |
| - | |
| - | @if $adjust { |
| - | // We set the font color based on the darkness of the bg. |
| - | @if $bg-lightness >= 50% { |
| - | h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; } |
| - | } |
| - | @else { |
| - | h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; } |
| - | } |
| - | |
| - | // reset header line-heights for panels |
| - | h1,h2,h3,h4,h5,h6 { |
| - | line-height: 1; margin-bottom: rem-calc(20) / 2; |
| - | &.subheader { line-height: 1.4; } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("panel") { |
| - | @if $include-html-panel-classes { |
| - | |
| - | /* Panels */ |
| - | .panel { @include panel; |
| - | |
| - | &.callout { |
| - | @include panel(scale-color($primary-color, $lightness: 94%)); |
| - | a:not(.button) { |
| - | color: $callout-panel-link-color; |
| - | } |
| - | } |
| - | |
| - | &.radius { |
| - | @include radius; |
| - | } |
| - | |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_pricing-tables.scss
+0
-150
| @@ | @@ -1,150 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-pricing-classes: $include-html-classes !default; |
| - | |
| - | // We use this to control the border color |
| - | $price-table-border: solid 1px $gainsboro !default; |
| - | |
| - | // We use this to control the bottom margin of the pricing table |
| - | $price-table-margin-bottom: rem-calc(20) !default; |
| - | |
| - | // We use these to control the title styles |
| - | $price-title-bg: $oil !default; |
| - | $price-title-padding: rem-calc(15 20) !default; |
| - | $price-title-align: center !default; |
| - | $price-title-color: $smoke !default; |
| - | $price-title-weight: $font-weight-normal !default; |
| - | $price-title-size: rem-calc(16) !default; |
| - | $price-title-font-family: $body-font-family !default; |
| - | |
| - | // We use these to control the price styles |
| - | $price-money-bg: $vapor !default; |
| - | $price-money-padding: rem-calc(15 20) !default; |
| - | $price-money-align: center !default; |
| - | $price-money-color: $oil !default; |
| - | $price-money-weight: $font-weight-normal !default; |
| - | $price-money-size: rem-calc(32) !default; |
| - | $price-money-font-family: $body-font-family !default; |
| - | |
| - | |
| - | // We use these to control the description styles |
| - | $price-bg: $white !default; |
| - | $price-desc-color: $monsoon !default; |
| - | $price-desc-padding: rem-calc(15) !default; |
| - | $price-desc-align: center !default; |
| - | $price-desc-font-size: rem-calc(12) !default; |
| - | $price-desc-weight: $font-weight-normal !default; |
| - | $price-desc-line-height: 1.4 !default; |
| - | $price-desc-bottom-border: dotted 1px $gainsboro !default; |
| - | |
| - | // We use these to control the list item styles |
| - | $price-item-color: $oil !default; |
| - | $price-item-padding: rem-calc(15) !default; |
| - | $price-item-align: center !default; |
| - | $price-item-font-size: rem-calc(14) !default; |
| - | $price-item-weight: $font-weight-normal !default; |
| - | $price-item-bottom-border: dotted 1px $gainsboro !default; |
| - | |
| - | // We use these to control the CTA area styles |
| - | $price-cta-bg: $white !default; |
| - | $price-cta-align: center !default; |
| - | $price-cta-padding: rem-calc(20 20 0) !default; |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to create the container element for the pricing tables |
| - | @mixin pricing-table-container { |
| - | border: $price-table-border; |
| - | margin-#{$default-float}: 0; |
| - | margin-bottom: $price-table-margin-bottom; |
| - | |
| - | & * { |
| - | list-style: none; |
| - | line-height: 1; |
| - | } |
| - | } |
| - | // @mixins |
| - | // |
| - | // We use this mixin to create the pricing table title styles |
| - | @mixin pricing-table-title { |
| - | background-color: $price-title-bg; |
| - | padding: $price-title-padding; |
| - | text-align: $price-title-align; |
| - | color: $price-title-color; |
| - | font-weight: $price-title-weight; |
| - | font-size: $price-title-size; |
| - | font-family: $price-title-font-family; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to control the pricing table price styles |
| - | @mixin pricing-table-price { |
| - | background-color: $price-money-bg; |
| - | padding: $price-money-padding; |
| - | text-align: $price-money-align; |
| - | color: $price-money-color; |
| - | font-weight: $price-money-weight; |
| - | font-size: $price-money-size; |
| - | font-family: $price-money-font-family; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to create the description styles for the pricing table |
| - | @mixin pricing-table-description { |
| - | background-color: $price-bg; |
| - | padding: $price-desc-padding; |
| - | text-align: $price-desc-align; |
| - | color: $price-desc-color; |
| - | font-size: $price-desc-font-size; |
| - | font-weight: $price-desc-weight; |
| - | line-height: $price-desc-line-height; |
| - | border-bottom: $price-desc-bottom-border; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to style the bullet items in the pricing table |
| - | @mixin pricing-table-bullet { |
| - | background-color: $price-bg; |
| - | padding: $price-item-padding; |
| - | text-align: $price-item-align; |
| - | color: $price-item-color; |
| - | font-size: $price-item-font-size; |
| - | font-weight: $price-item-weight; |
| - | border-bottom: $price-item-bottom-border; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this mixin to style the CTA area of the pricing tables |
| - | @mixin pricing-table-cta { |
| - | background-color: $price-cta-bg; |
| - | text-align: $price-cta-align; |
| - | padding: $price-cta-padding; |
| - | } |
| - | |
| - | @include exports("pricing-table") { |
| - | @if $include-html-pricing-classes { |
| - | |
| - | /* Pricing Tables */ |
| - | .pricing-table { |
| - | @include pricing-table-container; |
| - | |
| - | .title { @include pricing-table-title; } |
| - | .price { @include pricing-table-price; } |
| - | .description { @include pricing-table-description; } |
| - | .bullet-item { @include pricing-table-bullet; } |
| - | .cta-button { @include pricing-table-cta; } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_progress-bars.scss
+0
-79
| @@ | @@ -1,79 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | $include-html-media-classes: $include-html-classes !default; |
| - | |
| - | // We use this to set the progress bar height |
| - | $progress-bar-height: rem-calc(25) !default; |
| - | $progress-bar-color: $vapor !default; |
| - | |
| - | // We use these to control the border styles |
| - | $progress-bar-border-color: scale-color($white, $lightness: 20%) !default; |
| - | $progress-bar-border-size: 1px !default; |
| - | $progress-bar-border-style: solid !default; |
| - | $progress-bar-border-radius: $global-radius !default; |
| - | |
| - | // We use these to control the margin & padding |
| - | $progress-bar-pad: rem-calc(2) !default; |
| - | $progress-bar-margin-bottom: rem-calc(10) !default; |
| - | |
| - | // We use these to set the meter colors |
| - | $progress-meter-color: $primary-color !default; |
| - | $progress-meter-secondary-color: $secondary-color !default; |
| - | $progress-meter-success-color: $success-color !default; |
| - | $progress-meter-alert-color: $alert-color !default; |
| - | |
| - | // @mixins |
| - | // |
| - | // We use this to set up the progress bar container |
| - | @mixin progress-container { |
| - | background-color: $progress-bar-color; |
| - | height: $progress-bar-height; |
| - | border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color; |
| - | padding: $progress-bar-pad; |
| - | margin-bottom: $progress-bar-margin-bottom; |
| - | } |
| - | |
| - | // @mixins |
| - | // |
| - | // $bg - Default: $progress-meter-color || $primary-color |
| - | @mixin progress-meter($bg:$progress-meter-color) { |
| - | background: $bg; |
| - | height: 100%; |
| - | display: block; |
| - | } |
| - | |
| - | |
| - | @include exports("progress-bar") { |
| - | @if $include-html-media-classes { |
| - | |
| - | /* Progress Bar */ |
| - | .progress { |
| - | @include progress-container; |
| - | |
| - | // Meter |
| - | .meter { |
| - | @include progress-meter; |
| - | } |
| - | &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); } |
| - | &.success .meter { @include progress-meter($bg:$progress-meter-success-color); } |
| - | &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); } |
| - | |
| - | &.radius { @include radius($progress-bar-border-radius); |
| - | .meter { @include radius($progress-bar-border-radius - 1); } |
| - | } |
| - | |
| - | &.round { @include radius(1000px); |
| - | .meter { @include radius(999px); } |
| - | } |
| - | |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_range-slider.scss
+0
-168
| @@ | @@ -1,168 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @name _range-slider.scss |
| - | // @dependencies _global.scss |
| - | // |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-range-slider-classes: $include-html-classes !default; |
| - | |
| - | // These variabels define the slider bar styles |
| - | $range-slider-bar-width: 100% !default; |
| - | $range-slider-bar-height: rem-calc(16) !default; |
| - | |
| - | $range-slider-bar-border-width: 1px !default; |
| - | $range-slider-bar-border-style: solid !default; |
| - | $range-slider-bar-border-color: $gainsboro !default; |
| - | $range-slider-radius: $global-radius !default; |
| - | $range-slider-round: $global-rounded !default; |
| - | $range-slider-bar-bg-color: $ghost !default; |
| - | $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%) !default; |
| - | |
| - | // Vertical bar styles |
| - | $range-slider-vertical-bar-width: rem-calc(16) !default; |
| - | $range-slider-vertical-bar-height: rem-calc(200) !default; |
| - | |
| - | // These variabels define the slider handle styles |
| - | $range-slider-handle-width: rem-calc(32) !default; |
| - | $range-slider-handle-height: rem-calc(22) !default; |
| - | $range-slider-handle-position-top: rem-calc(-5) !default; |
| - | $range-slider-handle-bg-color: $primary-color !default; |
| - | $range-slider-handle-border-width: 1px !default; |
| - | $range-slider-handle-border-style: solid !default; |
| - | $range-slider-handle-border-color: none !default; |
| - | $range-slider-handle-radius: $global-radius !default; |
| - | $range-slider-handle-round: $global-rounded !default; |
| - | $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default; |
| - | $range-slider-handle-cursor: pointer !default; |
| - | |
| - | $range-slider-disabled-opacity: 0.7 !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | @mixin range-slider-bar-base($vertical: false) { |
| - | display: block; |
| - | position: relative; |
| - | width: $range-slider-bar-width; |
| - | height: $range-slider-bar-height; |
| - | border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color; |
| - | margin: rem-calc(20 0); |
| - | -ms-touch-action: none; |
| - | touch-action: none; |
| - | @if $vertical == true { |
| - | display: inline-block; |
| - | width: $range-slider-vertical-bar-width; |
| - | height: $range-slider-vertical-bar-height; |
| - | } |
| - | } |
| - | @mixin range-slider-bar-style( |
| - | $bg: true, |
| - | $radius: false, |
| - | $round: false, |
| - | $disabled: false) { |
| - | @if $bg == true { background: $range-slider-bar-bg-color; } |
| - | @if $radius == true { @include radius($range-slider-radius); } |
| - | @if $round == true { @include radius($range-slider-round); } |
| - | @if $disabled == true { |
| - | cursor: $cursor-default-value; |
| - | opacity: $range-slider-disabled-opacity; |
| - | } |
| - | } |
| - | |
| - | @mixin range-slider-bar( |
| - | $bg: $range-slider-bar-bg-color, |
| - | $radius:false) { |
| - | @include range-slider-bar-base; |
| - | @include range-slider-bar-style; |
| - | } |
| - | |
| - | @mixin range-slider-handle-base() { |
| - | display: inline-block; |
| - | position: absolute; |
| - | z-index: 1; |
| - | top: $range-slider-handle-position-top; |
| - | width: $range-slider-handle-width; |
| - | height: $range-slider-handle-height; |
| - | border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color; |
| - | cursor: $range-slider-handle-cursor; |
| - | |
| - | // This removes the 300ms touch delay on Windows 8 |
| - | -ms-touch-action: manipulation; |
| - | touch-action: manipulation; |
| - | } |
| - | @mixin range-slider-handle-style( |
| - | $bg: true, |
| - | $radius: false, |
| - | $round: false, |
| - | $disabled: false) { |
| - | @if $bg == true { background: $range-slider-handle-bg-color; } |
| - | @if $radius == true { @include radius($range-slider-radius); } |
| - | @if $round == true { @include radius($range-slider-round); } |
| - | @if $disabled == true { |
| - | cursor: $cursor-default-value; |
| - | opacity: $range-slider-disabled-opacity; |
| - | } |
| - | &:hover { |
| - | background: $range-slider-handle-bg-hover-color; |
| - | } |
| - | } |
| - | @mixin range-slider-handle() { |
| - | @include range-slider-handle-base; |
| - | @include range-slider-handle-style; |
| - | } |
| - | |
| - | // CSS Generation |
| - | @include exports("range-slider-bar") { |
| - | @if $include-html-range-slider-classes { |
| - | .range-slider { |
| - | @include range-slider-bar-base; |
| - | @include range-slider-bar-style($bg:true, $radius:false); |
| - | &.vertical-range { |
| - | @include range-slider-bar-base($vertical: true); |
| - | .range-slider-handle { |
| - | margin-top: 0; |
| - | margin-#{$default-float}: -($range-slider-handle-width / 4); |
| - | position: absolute; |
| - | bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width); |
| - | } |
| - | .range-slider-active-segment { |
| - | width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); |
| - | height: auto; |
| - | bottom: 0; |
| - | } |
| - | } |
| - | &.radius { |
| - | @include range-slider-bar-style($radius:true); |
| - | .range-slider-handle { @include range-slider-handle-style($radius: true); } |
| - | } |
| - | &.round { |
| - | @include range-slider-bar-style($round:true); |
| - | .range-slider-handle { @include range-slider-handle-style($round: true); } |
| - | } |
| - | &.disabled, &[disabled] { |
| - | @include range-slider-bar-style($disabled:true); |
| - | .range-slider-handle { @include range-slider-handle-style($disabled: true); } |
| - | } |
| - | } |
| - | .range-slider-active-segment { |
| - | display: inline-block; |
| - | position: absolute; |
| - | height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); |
| - | background: $range-slider-active-segment-bg-color; |
| - | } |
| - | .range-slider-handle { |
| - | @include range-slider-handle-base; |
| - | @include range-slider-handle-style($bg:true, $radius: false); |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_reveal.scss
+0
-222
| @@ | @@ -1,222 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "grid"; |
| - | |
| - | // |
| - | // @name _reveal.scss |
| - | // @dependencies _global.scss |
| - | // |
| - | |
| - | $include-html-reveal-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control the style of the reveal overlay. |
| - | $reveal-overlay-bg: rgba($black, .45) !default; |
| - | $reveal-overlay-bg-old: $black !default; |
| - | |
| - | // We use these to control the style of the modal itself. |
| - | $reveal-modal-bg: $white !default; |
| - | $reveal-position-top: rem-calc(100) !default; |
| - | $reveal-default-width: 80% !default; |
| - | $reveal-max-width: $row-width !default; |
| - | $reveal-modal-padding: rem-calc(20) !default; |
| - | $reveal-box-shadow: 0 0 10px rgba($black,.4) !default; |
| - | |
| - | // We use these to style the reveal close button |
| - | $reveal-close-font-size: rem-calc(40) !default; |
| - | $reveal-close-top: rem-calc(8) !default; |
| - | $reveal-close-side: rem-calc(11) !default; |
| - | $reveal-close-color: $base !default; |
| - | $reveal-close-weight: $font-weight-bold !default; |
| - | |
| - | // We use this to set the default radius used throughout the core. |
| - | $reveal-radius: $global-radius !default; |
| - | $reveal-round: $global-rounded !default; |
| - | |
| - | // We use these to control the modal border |
| - | $reveal-border-style: solid !default; |
| - | $reveal-border-width: 1px !default; |
| - | $reveal-border-color: $steel !default; |
| - | |
| - | $reveal-modal-class: "reveal-modal" !default; |
| - | $close-reveal-modal-class: "close-reveal-modal" !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | // We use this to create the reveal background overlay styles |
| - | @mixin reveal-bg( $include-z-index-value: true ) { |
| - | position: fixed; |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future. |
| - | background: $reveal-overlay-bg; |
| - | z-index: if( $include-z-index-value, 1004, auto ); |
| - | display: none; |
| - | #{$default-float}: 0; |
| - | } |
| - | |
| - | // We use this mixin to create the structure of a reveal modal |
| - | // |
| - | // $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false |
| - | // $width - Sets reveal width Default: $reveal-default-width || 80% |
| - | // |
| - | @mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) { |
| - | @if $base-style { |
| - | visibility: hidden; |
| - | display: none; |
| - | position: absolute; |
| - | z-index: 1005; |
| - | width: 100vw; |
| - | top:0; |
| - | border-radius: $border-radius; |
| - | #{$default-float}: 0; |
| - | |
| - | @media #{$small-only} { |
| - | min-height:100vh; |
| - | } |
| - | |
| - | // Make sure rows don't have a min-width on them |
| - | .column, .columns { min-width: 0; } |
| - | |
| - | // Get rid of margin from first and last element inside modal |
| - | & > :first-child { margin-top: 0; } |
| - | |
| - | & > :last-child { margin-bottom: 0; } |
| - | } |
| - | |
| - | @if $width { |
| - | @media #{$medium-up} { |
| - | width: $width; |
| - | max-width: $max-width; |
| - | left: 0; |
| - | right: 0; |
| - | margin: 0 auto; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // We use this to style the reveal modal defaults |
| - | // |
| - | // $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white |
| - | // $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding. |
| - | // $border - Choose whether reveal uses a border. Default: true, Options: false |
| - | // $border-style - Set reveal border style. Default: $reveal-border-style || solid |
| - | // $border-width - Width of border (i.e. 1px). Default: $reveal-border-width. |
| - | // $border-color - Color of border. Default: $reveal-border-color. |
| - | // $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false |
| - | // $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false |
| - | // $top-offset - Default: $reveal-position-top || 50px |
| - | @mixin reveal-modal-style( |
| - | $bg:false, |
| - | $padding:false, |
| - | $border:false, |
| - | $border-style:$reveal-border-style, |
| - | $border-width:$reveal-border-width, |
| - | $border-color:$reveal-border-color, |
| - | $box-shadow:false, |
| - | $radius:false, |
| - | $top-offset:false) { |
| - | |
| - | @if $bg { background-color: $bg; } |
| - | @if $padding != false { padding: $padding; } |
| - | |
| - | @if $border { border: $border-style $border-width $border-color; } |
| - | |
| - | // We can choose whether or not to include the default box-shadow. |
| - | @if $box-shadow { |
| - | box-shadow: $reveal-box-shadow; |
| - | } |
| - | |
| - | // We can control how much radius is used on the modal |
| - | @if $radius == true { @include radius($reveal-radius); } |
| - | @else if $radius { @include radius($radius); } |
| - | |
| - | @if $top-offset { |
| - | @media #{$medium-up} { |
| - | top: $top-offset; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // We use this to create a close button for the reveal modal |
| - | // |
| - | // $color - Default: $reveal-close-color || $base |
| - | @mixin reveal-close($color:$reveal-close-color) { |
| - | font-size: $reveal-close-font-size; |
| - | line-height: 1; |
| - | position: absolute; |
| - | top: $reveal-close-top; |
| - | #{$opposite-direction}: $reveal-close-side; |
| - | color: $color; |
| - | font-weight: $reveal-close-weight; |
| - | cursor: $cursor-pointer-value; |
| - | } |
| - | |
| - | @include exports("reveal") { |
| - | @if $include-html-reveal-classes { |
| - | |
| - | // Reveal Modals |
| - | .reveal-modal-bg { @include reveal-bg; } |
| - | |
| - | .#{$reveal-modal-class} { |
| - | @include reveal-modal-base; |
| - | @include reveal-modal-style( |
| - | $bg:$reveal-modal-bg, |
| - | $padding:$reveal-modal-padding, |
| - | $border:true, |
| - | $box-shadow:true, |
| - | $radius:false, |
| - | $top-offset:$reveal-position-top |
| - | ); |
| - | @include reveal-modal-style($padding:$reveal-modal-padding * 1.5); |
| - | |
| - | &.radius { @include reveal-modal-style($radius:true); } |
| - | &.round { @include reveal-modal-style($radius:$reveal-round); } |
| - | &.collapse { @include reveal-modal-style($padding:0); } |
| - | &.tiny { @include reveal-modal-base(false, 30%); } |
| - | &.small { @include reveal-modal-base(false, 40%); } |
| - | &.medium { @include reveal-modal-base(false, 60%); } |
| - | &.large { @include reveal-modal-base(false, 70%); } |
| - | &.xlarge { @include reveal-modal-base(false, 95%); } |
| - | &.full { |
| - | @include reveal-modal-base(false, 100vw); |
| - | top:0; |
| - | left:0; |
| - | height:100%; |
| - | height: 100vh; |
| - | min-height:100vh; |
| - | max-width: none !important; |
| - | margin-left: 0 !important; |
| - | } |
| - | |
| - | .#{$close-reveal-modal-class} { @include reveal-close; } |
| - | } |
| - | |
| - | dialog { |
| - | @extend .#{$reveal-modal-class}; |
| - | display: none; |
| - | |
| - | &::backdrop, & + .backdrop { |
| - | @include reveal-bg(false); |
| - | } |
| - | |
| - | &[open]{ |
| - | display: block; |
| - | } |
| - | } |
| - | |
| - | // Reveal Print Styles: It should be invisible, adds no value being printed. |
| - | @media print { |
| - | dialog, .#{$reveal-modal-class} { |
| - | display: none; |
| - | background: $white !important; |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_side-nav.scss
+0
-116
| @@ | @@ -1,116 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-nav-classes: $include-html-classes !default; |
| - | |
| - | // We use this to control padding. |
| - | $side-nav-padding: rem-calc(14 0) !default; |
| - | |
| - | // We use these to control list styles. |
| - | $side-nav-list-type: none !default; |
| - | $side-nav-list-position: outside !default; |
| - | $side-nav-list-margin: rem-calc(0 0 7 0) !default; |
| - | |
| - | // We use these to control link styles. |
| - | $side-nav-link-color: $primary-color !default; |
| - | $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default; |
| - | $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default; |
| - | $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default; |
| - | $side-nav-link-margin: 0 !default; |
| - | $side-nav-link-padding: rem-calc(7 14) !default; |
| - | $side-nav-font-size: rem-calc(14) !default; |
| - | $side-nav-font-weight: $font-weight-normal !default; |
| - | $side-nav-font-weight-active: $side-nav-font-weight !default; |
| - | $side-nav-font-family: $body-font-family !default; |
| - | $side-nav-font-family-active: $side-nav-font-family !default; |
| - | |
| - | // We use these to control heading styles. |
| - | $side-nav-heading-color: $side-nav-link-color !default; |
| - | $side-nav-heading-font-size: $side-nav-font-size !default; |
| - | $side-nav-heading-font-weight: bold !default; |
| - | $side-nav-heading-text-transform: uppercase !default; |
| - | |
| - | // We use these to control border styles |
| - | $side-nav-divider-size: 1px !default; |
| - | $side-nav-divider-style: solid !default; |
| - | $side-nav-divider-color: scale-color($white, $lightness: 10%) !default; |
| - | |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | |
| - | // We use this to style the side-nav |
| - | // |
| - | // $divider-color - Border color of divider. Default: $side-nav-divider-color. |
| - | // $font-size - Font size of nav items. Default: $side-nav-font-size. |
| - | // $link-color - Color of navigation links. Default: $side-nav-link-color. |
| - | // $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover. |
| - | @mixin side-nav( |
| - | $divider-color:$side-nav-divider-color, |
| - | $font-size:$side-nav-font-size, |
| - | $link-color:$side-nav-link-color, |
| - | $link-color-hover:$side-nav-link-color-hover, |
| - | $link-bg-hover:$side-nav-link-bg-hover) { |
| - | display: block; |
| - | margin: 0; |
| - | padding: $side-nav-padding; |
| - | list-style-type: $side-nav-list-type; |
| - | list-style-position: $side-nav-list-position; |
| - | font-family: $side-nav-font-family; |
| - | |
| - | li { |
| - | margin: $side-nav-list-margin; |
| - | font-size: $font-size; |
| - | font-weight: $side-nav-font-weight; |
| - | |
| - | a:not(.button) { |
| - | display: block; |
| - | color: $link-color; |
| - | margin: $side-nav-link-margin; |
| - | padding: $side-nav-link-padding; |
| - | &:hover, |
| - | &:focus { |
| - | background: $link-bg-hover; |
| - | color: $link-color-hover; |
| - | } |
| - | } |
| - | |
| - | &.active > a:first-child:not(.button) { |
| - | color: $side-nav-link-color-active; |
| - | font-weight: $side-nav-font-weight-active; |
| - | font-family: $side-nav-font-family-active; |
| - | } |
| - | |
| - | &.divider { |
| - | border-top: $side-nav-divider-size $side-nav-divider-style; |
| - | height: 0; |
| - | padding: 0; |
| - | list-style: none; |
| - | border-top-color: $divider-color; |
| - | } |
| - | |
| - | &.heading { |
| - | color: $side-nav-heading-color; |
| - | font: { |
| - | size: $side-nav-heading-font-size; |
| - | weight: $side-nav-heading-font-weight; |
| - | } |
| - | text-transform: $side-nav-heading-text-transform; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("side-nav") { |
| - | @if $include-html-nav-classes { |
| - | .side-nav { @include side-nav; } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_split-buttons.scss
+0
-191
| @@ | @@ -1,191 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "buttons"; |
| - | @import "dropdown-buttons"; |
| - | |
| - | // |
| - | // @name _split-buttons.scss |
| - | // @dependencies _buttons.scss, _global.scss |
| - | // |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-button-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control different shared styles for Split Buttons |
| - | $split-button-function-factor: 10% !default; |
| - | $split-button-pip-color: $white !default; |
| - | $split-button-pip-color-alt: $oil !default; |
| - | $split-button-active-bg-tint: rgba(0,0,0,0.1) !default; |
| - | |
| - | // We use these to control tiny split buttons |
| - | $split-button-padding-tny: $button-pip-tny * 10 !default; |
| - | $split-button-span-width-tny: $button-pip-tny * 6 !default; |
| - | $split-button-pip-size-tny: $button-pip-tny !default; |
| - | $split-button-pip-top-tny: $button-pip-tny * 2 !default; |
| - | $split-button-pip-default-float-tny: rem-calc(-6) !default; |
| - | |
| - | // We use these to control small split buttons |
| - | $split-button-padding-sml: $button-pip-sml * 10 !default; |
| - | $split-button-span-width-sml: $button-pip-sml * 6 !default; |
| - | $split-button-pip-size-sml: $button-pip-sml !default; |
| - | $split-button-pip-top-sml: $button-pip-sml * 1.5 !default; |
| - | $split-button-pip-default-float-sml: rem-calc(-6) !default; |
| - | |
| - | // We use these to control medium split buttons |
| - | $split-button-padding-med: $button-pip-med * 9 !default; |
| - | $split-button-span-width-med: $button-pip-med * 5.5 !default; |
| - | $split-button-pip-size-med: $button-pip-med - rem-calc(3) !default; |
| - | $split-button-pip-top-med: $button-pip-med * 1.5 !default; |
| - | $split-button-pip-default-float-med: rem-calc(-6) !default; |
| - | |
| - | // We use these to control large split buttons |
| - | $split-button-padding-lrg: $button-pip-lrg * 8 !default; |
| - | $split-button-span-width-lrg: $button-pip-lrg * 5 !default; |
| - | $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default; |
| - | $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5) !default; |
| - | $split-button-pip-default-float-lrg: rem-calc(-6) !default; |
| - | |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | // We use this mixin to create split buttons that build upon the button mixins |
| - | // |
| - | // $padding - Type of padding to apply. Default: medium. Options: tiny, small, medium, large. |
| - | // $pip-color - Color of the triangle. Default: $split-button-pip-color. |
| - | // $span-border - Border color of button divider. Default: $primary-color. |
| - | // $base-style - Apply base style to split button. Default: true. |
| - | @mixin split-button( |
| - | $padding:medium, |
| - | $pip-color:$split-button-pip-color, |
| - | $span-border:$primary-color, |
| - | $base-style:true) { |
| - | |
| - | // With this, we can control whether or not the base styles come through. |
| - | @if $base-style { |
| - | position: relative; |
| - | |
| - | // Styling for the split arrow clickable area |
| - | span { |
| - | display: block; |
| - | height: 100%; |
| - | position: absolute; |
| - | #{$opposite-direction}: 0; |
| - | top: 0; |
| - | border-#{$default-float}: solid 1px; |
| - | |
| - | // Building the triangle pip indicator |
| - | &:after { |
| - | position: absolute; |
| - | content: ""; |
| - | width: 0; |
| - | height: 0; |
| - | display: block; |
| - | border-style: inset; |
| - | top: 50%; |
| - | |
| - | #{$default-float}: 50%; |
| - | } |
| - | |
| - | &:active { background-color: $split-button-active-bg-tint; } |
| - | } |
| - | } |
| - | |
| - | // Control the border color for the span area of the split button |
| - | @if $span-border { |
| - | span { |
| - | border-#{$default-float}-color: rgba(255,255,255,0.5); |
| - | } |
| - | } |
| - | |
| - | // Style of the button and clickable area for tiny sizes |
| - | @if $padding == tiny { |
| - | padding-#{$opposite-direction}: $split-button-padding-tny; |
| - | |
| - | span { width: $split-button-span-width-tny; |
| - | &:after { |
| - | border-top-style: solid; |
| - | border-width: $split-button-pip-size-tny; |
| - | top: 48%; |
| - | margin-#{$default-float}: $split-button-pip-default-float-tny; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Style of the button and clickable area for small sizes |
| - | @else if $padding == small { |
| - | padding-#{$opposite-direction}: $split-button-padding-sml; |
| - | |
| - | span { width: $split-button-span-width-sml; |
| - | &:after { |
| - | border-top-style: solid; |
| - | border-width: $split-button-pip-size-sml; |
| - | top: 48%; |
| - | margin-#{$default-float}: $split-button-pip-default-float-sml; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Style of the button and clickable area for default (medium) sizes |
| - | @else if $padding == medium { |
| - | padding-#{$opposite-direction}: $split-button-padding-med; |
| - | |
| - | span { width: $split-button-span-width-med; |
| - | &:after { |
| - | border-top-style: solid; |
| - | border-width: $split-button-pip-size-med; |
| - | top: 48%; |
| - | margin-#{$default-float}: $split-button-pip-default-float-med; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Style of the button and clickable area for large sizes |
| - | @else if $padding == large { |
| - | padding-#{$opposite-direction}: $split-button-padding-lrg; |
| - | |
| - | span { width: $split-button-span-width-lrg; |
| - | &:after { |
| - | border-top-style: solid; |
| - | border-width: $split-button-pip-size-lrg; |
| - | top: 48%; |
| - | margin-#{$default-float}: $split-button-pip-default-float-lrg; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Control the color of the triangle pip |
| - | @if $pip-color { |
| - | span:after { border-color: $pip-color transparent transparent transparent; } |
| - | } |
| - | } |
| - | |
| - | @include exports("split-button") { |
| - | @if $include-html-button-classes { |
| - | |
| - | .split.button { @include split-button; |
| - | |
| - | &.secondary { @include split-button(false, $split-button-pip-color, $secondary-color, false); } |
| - | &.alert { @include split-button(false, false, $alert-color, false); } |
| - | &.success { @include split-button(false, false, $success-color, false); } |
| - | |
| - | &.tiny { @include split-button(tiny, false, false, false); } |
| - | &.small { @include split-button(small, false, false, false); } |
| - | &.large { @include split-button(large, false, false, false); } |
| - | &.expand { padding-left: 2rem; } |
| - | |
| - | &.secondary { @include split-button(false, $split-button-pip-color-alt, false, false); } |
| - | |
| - | &.radius span { @include side-radius($opposite-direction, $global-radius); } |
| - | &.round span { @include side-radius($opposite-direction, 1000px); } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_sub-nav.scss
+0
-123
| @@ | @@ -1,123 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @name _sub-nav.scss |
| - | // @dependencies _global.scss |
| - | // |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-nav-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control margin and padding |
| - | $sub-nav-list-margin: rem-calc(-4 0 18) !default; |
| - | $sub-nav-list-padding-top: rem-calc(4) !default; |
| - | |
| - | // We use this to control the definition |
| - | $sub-nav-font-family: $body-font-family !default; |
| - | $sub-nav-font-size: rem-calc(14) !default; |
| - | $sub-nav-font-color: $aluminum !default; |
| - | $sub-nav-font-weight: $font-weight-normal !default; |
| - | $sub-nav-text-decoration: none !default; |
| - | $sub-nav-padding: rem-calc(3 16) !default; |
| - | $sub-nav-border-radius: 3px !default; |
| - | $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default; |
| - | |
| - | |
| - | // We use these to control the active item styles |
| - | |
| - | $sub-nav-active-font-weight: $font-weight-normal !default; |
| - | $sub-nav-active-bg: $primary-color !default; |
| - | $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default; |
| - | $sub-nav-active-color: $white !default; |
| - | $sub-nav-active-padding: $sub-nav-padding !default; |
| - | $sub-nav-active-cursor: default !default; |
| - | |
| - | $sub-nav-item-divider: "" !default; |
| - | $sub-nav-item-divider-margin: rem-calc(12) !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | |
| - | // Create a sub-nav item |
| - | // |
| - | // $font-color - Font color. Default: $sub-nav-font-color. |
| - | // $font-size - Font size. Default: $sub-nav-font-size. |
| - | // $active-bg - Background of active nav item. Default: $sub-nav-active-bg. |
| - | // $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover. |
| - | @mixin sub-nav( |
| - | $font-color: $sub-nav-font-color, |
| - | $font-size: $sub-nav-font-size, |
| - | $active-bg: $sub-nav-active-bg, |
| - | $active-bg-hover: $sub-nav-active-bg-hover) { |
| - | display: block; |
| - | width: auto; |
| - | overflow: hidden; |
| - | margin-bottom: $sub-nav-list-margin; |
| - | padding-top: $sub-nav-list-padding-top; |
| - | |
| - | dt { |
| - | text-transform: uppercase; |
| - | } |
| - | |
| - | dt, |
| - | dd, |
| - | li { |
| - | float: $default-float; |
| - | display: inline; |
| - | margin-#{$default-float}: rem-calc(16); |
| - | margin-bottom: 0; |
| - | font-family: $sub-nav-font-family; |
| - | font-weight: $sub-nav-font-weight; |
| - | font-size: $font-size; |
| - | color: $font-color; |
| - | |
| - | a { |
| - | text-decoration: $sub-nav-text-decoration; |
| - | color: $sub-nav-font-color; |
| - | padding: $sub-nav-padding; |
| - | &:hover { |
| - | color: $sub-nav-font-color-hover; |
| - | } |
| - | } |
| - | |
| - | &.active a { |
| - | @include radius($sub-nav-border-radius); |
| - | font-weight: $sub-nav-active-font-weight; |
| - | background: $active-bg; |
| - | padding: $sub-nav-active-padding; |
| - | cursor: $sub-nav-active-cursor; |
| - | color: $sub-nav-active-color; |
| - | &:hover { |
| - | background: $active-bg-hover; |
| - | } |
| - | } |
| - | @if $sub-nav-item-divider != "" { |
| - | margin-#{$default-float}: 0; |
| - | |
| - | &:before { |
| - | content: "#{$sub-nav-item-divider}"; |
| - | margin: 0 $sub-nav-item-divider-margin; |
| - | } |
| - | |
| - | &:first-child:before { |
| - | content: ""; |
| - | margin: 0; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | @include exports("sub-nav") { |
| - | @if $include-html-nav-classes { |
| - | .sub-nav { @include sub-nav; } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_switches.scss
+0
-230
| @@ | @@ -1,230 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @name |
| - | // @dependencies _global.scss |
| - | // |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-form-classes: $include-html-classes !default; |
| - | |
| - | // Controlling background color for the switch container |
| - | $switch-bg: $gainsboro !default; |
| - | |
| - | // We use these to control the switch heights for our default classes |
| - | $switch-height-tny: 1.5rem !default; |
| - | $switch-height-sml: 1.75rem !default; |
| - | $switch-height-med: 2rem !default; |
| - | $switch-height-lrg: 2.5rem !default; |
| - | $switch-bottom-margin: 1.5rem !default; |
| - | |
| - | // We use these to style the switch-paddle |
| - | $switch-paddle-bg: $white !default; |
| - | $switch-paddle-transition-speed: .15s !default; |
| - | $switch-paddle-transition-ease: ease-out !default; |
| - | $switch-active-color: $primary-color !default; |
| - | |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | // We use this mixin to create the base styles for our switch element. |
| - | // |
| - | // $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed. |
| - | // $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease. |
| - | @mixin switch-base( |
| - | $transition-speed:$switch-paddle-transition-speed, |
| - | $transition-ease:$switch-paddle-transition-ease) { |
| - | |
| - | padding: 0; |
| - | border: none; |
| - | position: relative; |
| - | outline: 0; |
| - | -webkit-user-select: none; |
| - | -moz-user-select: none; |
| - | user-select: none; |
| - | |
| - | // Default label styles for type and transition |
| - | label { |
| - | display: block; |
| - | margin-bottom: $switch-height-med / 2; |
| - | position: relative; |
| - | color: transparent; |
| - | background: $switch-bg; |
| - | text-indent: 100%; |
| - | width: $switch-height-med * 2; height: $switch-height-med; |
| - | cursor: pointer; |
| - | |
| - | // Transition for the switch label to follow paddle |
| - | @include single-transition(left, $transition-speed, $transition-ease); |
| - | } |
| - | |
| - | // So that we don't need to recreate the form with any JS, we use the |
| - | // existing checkbox or radio button, but we cleverly position and hide it. |
| - | input { |
| - | opacity: 0; |
| - | position: absolute; |
| - | top: 9px; |
| - | left: 10px; |
| - | padding:0; |
| - | |
| - | & + label { margin-left: 0; margin-right: 0; } |
| - | } |
| - | |
| - | // The paddle for the switch is created from an after psuedoclass |
| - | // content element. This is sized and positioned, and reacts to |
| - | // the state of the input. |
| - | |
| - | label:after { |
| - | content: ""; |
| - | display: block; |
| - | background: $switch-paddle-bg; |
| - | position: absolute; top: .25rem; left: .25rem; |
| - | width: $switch-height-med - 0.5rem; height: $switch-height-med - 0.5rem; |
| - | |
| - | -webkit-transition: left $transition-speed $transition-ease; |
| - | -moz-transition: left $transition-speed $transition-ease; |
| - | transition: left $transition-speed $transition-ease; |
| - | |
| - | -webkit-transform: translate3d(0,0,0); |
| - | -moz-transform: translate3d(0,0,0); |
| - | transform: translate3d(0,0,0); |
| - | } |
| - | |
| - | input:checked + label { |
| - | background: $switch-active-color; |
| - | } |
| - | |
| - | input:checked + label:after { |
| - | left: $switch-height-med + 0.25rem; |
| - | } |
| - | } |
| - | |
| - | // We use this mixin to create the size styles for switches. |
| - | // |
| - | // $height - Height (in px) of the switch. Default: $switch-height-med. |
| - | // $font-size - Font size of text in switch. Default: $switch-font-size-med. |
| - | // $line-height - Line height of switch. Default: 2.3rem. |
| - | @mixin switch-size($height: $switch-height-med) { |
| - | |
| - | label { |
| - | width: $height * 2; height: $height; |
| - | } |
| - | |
| - | label:after { |
| - | width: $height - 0.5rem; height: $height - 0.5rem; |
| - | } |
| - | |
| - | input:checked + label:after { |
| - | left: $height + 0.25rem; |
| - | } |
| - | |
| - | } |
| - | |
| - | // We use this mixin to add color and other fanciness to the switches. |
| - | // |
| - | // $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg. |
| - | // $active-color - Background color of positive side of switch. Default: $switch-positive-color. |
| - | // $negative-color - Background color of negative side of switch. Default: $switch-negative-color. |
| - | // $radius - Radius to apply to switch. Default: false. |
| - | // $base-style - Apply base styles? Default: true. |
| - | @mixin switch-style( |
| - | $paddle-bg:$switch-paddle-bg, |
| - | $radius:false, |
| - | $base-style:true) { |
| - | |
| - | @if $base-style { |
| - | |
| - | label { |
| - | color: transparent; |
| - | background: $switch-bg; |
| - | } |
| - | |
| - | label:after { |
| - | background: $paddle-bg; |
| - | } |
| - | |
| - | input:checked + label { |
| - | background: $switch-active-color; |
| - | } |
| - | } |
| - | |
| - | // Setting up the radius for switches |
| - | @if $radius == true { |
| - | label { |
| - | border-radius: 2rem; |
| - | } |
| - | label:after { |
| - | border-radius: 2rem; |
| - | } |
| - | } |
| - | @else if $radius { |
| - | label { |
| - | border-radius: $radius; |
| - | } |
| - | label:after { |
| - | border-radius: $radius; |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | // We use this to quickly create switches with a single mixin |
| - | // |
| - | // $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed. |
| - | // $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease. |
| - | // $height - Height (in px) of the switch. Default: $switch-height-med. |
| - | // $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg. |
| - | // $active-color - Background color of an active switch. Default: $switch-active-color. |
| - | // $radius - Radius to apply to switch. Default: false. |
| - | // $base-style - Apply base styles? Default: true. |
| - | @mixin switch( |
| - | $transition-speed: $switch-paddle-transition-speed, |
| - | $transition-ease: $switch-paddle-transition-ease, |
| - | $height: $switch-height-med, |
| - | $paddle-bg: $switch-paddle-bg, |
| - | $active-color: $switch-active-color, |
| - | $radius:false, |
| - | $base-style:true) { |
| - | @include switch-base($transition-speed, $transition-ease); |
| - | @include switch-size($height); |
| - | @include switch-style($paddle-bg, $radius, $base-style); |
| - | } |
| - | |
| - | @include exports("switch") { |
| - | @if $include-html-form-classes { |
| - | .switch { |
| - | @include switch; |
| - | |
| - | // Large radio switches |
| - | &.large { @include switch-size($switch-height-lrg); } |
| - | |
| - | // Small radio switches |
| - | &.small { @include switch-size($switch-height-sml); } |
| - | |
| - | // Tiny radio switches |
| - | &.tiny { @include switch-size($switch-height-tny); } |
| - | |
| - | // Add a radius to the switch |
| - | &.radius { |
| - | label { @include radius(4px); } |
| - | label:after { @include radius(3px); } |
| - | } |
| - | |
| - | // Make the switch completely round, like a pill |
| - | &.round { @include radius(1000px); |
| - | label { @include radius(2rem); } |
| - | label:after { @include radius(2rem); } |
| - | } |
| - | |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_tables.scss
+0
-135
| @@ | @@ -1,135 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @name _tables.scss |
| - | // @dependencies _global.scss |
| - | // |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-table-classes: $include-html-classes !default; |
| - | |
| - | // These control the background color for the table and even rows |
| - | $table-bg: $white !default; |
| - | $table-even-row-bg: $snow !default; |
| - | |
| - | // These control the table cell border style |
| - | $table-border-style: solid !default; |
| - | $table-border-size: 1px !default; |
| - | $table-border-color: $gainsboro !default; |
| - | |
| - | // These control the table head styles |
| - | $table-head-bg: $white-smoke !default; |
| - | $table-head-font-size: rem-calc(14) !default; |
| - | $table-head-font-color: $jet !default; |
| - | $table-head-font-weight: $font-weight-bold !default; |
| - | $table-head-padding: rem-calc(8 10 10) !default; |
| - | |
| - | // These control the table foot styles |
| - | $table-foot-bg: $table-head-bg !default; |
| - | $table-foot-font-size: $table-head-font-size !default; |
| - | $table-foot-font-color: $table-head-font-color !default; |
| - | $table-foot-font-weight: $table-head-font-weight !default; |
| - | $table-foot-padding: $table-head-padding !default; |
| - | |
| - | // These control the caption |
| - | $table-caption-bg: transparent !default; |
| - | $table-caption-font-color: $table-head-font-color !default; |
| - | $table-caption-font-size: rem-calc(16) !default; |
| - | $table-caption-font-weight: bold !default; |
| - | |
| - | // These control the row padding and font styles |
| - | $table-row-padding: rem-calc(9 10) !default; |
| - | $table-row-font-size: rem-calc(14) !default; |
| - | $table-row-font-color: $jet !default; |
| - | $table-line-height: rem-calc(18) !default; |
| - | |
| - | // These are for controlling the layout, display and margin of tables |
| - | $table-layout: auto !default; |
| - | $table-display: table-cell !default; |
| - | $table-margin-bottom: rem-calc(20) !default; |
| - | |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | @mixin table { |
| - | background: $table-bg; |
| - | margin-bottom: $table-margin-bottom; |
| - | border: $table-border-style $table-border-size $table-border-color; |
| - | table-layout: $table-layout; |
| - | |
| - | caption { |
| - | background: $table-caption-bg; |
| - | color: $table-caption-font-color; |
| - | font: { |
| - | size: $table-caption-font-size; |
| - | weight: $table-caption-font-weight; |
| - | } |
| - | } |
| - | |
| - | thead { |
| - | background: $table-head-bg; |
| - | |
| - | tr { |
| - | th, |
| - | td { |
| - | padding: $table-head-padding; |
| - | font-size: $table-head-font-size; |
| - | font-weight: $table-head-font-weight; |
| - | color: $table-head-font-color; |
| - | } |
| - | } |
| - | } |
| - | |
| - | tfoot { |
| - | background: $table-foot-bg; |
| - | |
| - | tr { |
| - | th, |
| - | td { |
| - | padding: $table-foot-padding; |
| - | font-size: $table-foot-font-size; |
| - | font-weight: $table-foot-font-weight; |
| - | color: $table-foot-font-color; |
| - | } |
| - | } |
| - | } |
| - | |
| - | tr { |
| - | th, |
| - | td { |
| - | padding: $table-row-padding; |
| - | font-size: $table-row-font-size; |
| - | color: $table-row-font-color; |
| - | text-align: $default-float; |
| - | } |
| - | |
| - | &.even, |
| - | &.alt, |
| - | &:nth-of-type(even) { background: $table-even-row-bg; } |
| - | } |
| - | |
| - | thead tr th, |
| - | tfoot tr th, |
| - | tfoot tr td, |
| - | tbody tr th, |
| - | tbody tr td, |
| - | tr td { display: $table-display; line-height: $table-line-height; } |
| - | } |
| - | |
| - | |
| - | @include exports("table") { |
| - | @if $include-html-table-classes { |
| - | table { |
| - | @include table; |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_tabs.scss
+0
-123
| @@ | @@ -1,123 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "grid"; |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-tabs-classes: $include-html-classes !default; |
| - | |
| - | $tabs-navigation-padding: rem-calc(16) !default; |
| - | $tabs-navigation-bg-color: $silver !default; |
| - | $tabs-navigation-active-bg-color: $white !default; |
| - | $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default; |
| - | $tabs-navigation-font-color: $jet !default; |
| - | $tabs-navigation-active-font-color: $tabs-navigation-font-color !default; |
| - | $tabs-navigation-font-size: rem-calc(16) !default; |
| - | $tabs-navigation-font-family: $body-font-family !default; |
| - | |
| - | $tabs-content-margin-bottom: rem-calc(24) !default; |
| - | $tabs-content-padding: $column-gutter/2 !default; |
| - | |
| - | $tabs-vertical-navigation-margin-bottom: 1.25rem !default; |
| - | |
| - | @include exports("tab") { |
| - | @if $include-html-tabs-classes { |
| - | .tabs { |
| - | @include clearfix; |
| - | margin-bottom: 0 !important; |
| - | margin-left: 0; |
| - | dd, .tab-title { |
| - | position: relative; |
| - | margin-bottom: 0 !important; |
| - | list-style: none; |
| - | float: $default-float; |
| - | > a { |
| - | outline: none; |
| - | display: block; |
| - | background: { |
| - | color: $tabs-navigation-bg-color; |
| - | } |
| - | color: $tabs-navigation-font-color; |
| - | padding: $tabs-navigation-padding $tabs-navigation-padding * 2; |
| - | font-family: $tabs-navigation-font-family; |
| - | font-size: $tabs-navigation-font-size; |
| - | &:hover { |
| - | background: { |
| - | color: $tabs-navigation-hover-bg-color; |
| - | } |
| - | } |
| - | } |
| - | &.active a { |
| - | background: { |
| - | color: $tabs-navigation-active-bg-color; |
| - | } |
| - | color:$tabs-navigation-active-font-color; |
| - | } |
| - | } |
| - | &.radius { |
| - | dd:first-child, .tab:first-child { |
| - | a { @include side-radius($default-float, $global-radius); } |
| - | } |
| - | dd:last-child, .tab:last-child { |
| - | a { @include side-radius($opposite-direction, $global-radius); } |
| - | } |
| - | } |
| - | &.vertical { |
| - | dd, .tab-title { |
| - | position: inherit; |
| - | float: none; |
| - | display: block; |
| - | top: auto; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .tabs-content { |
| - | @include clearfix; |
| - | margin-bottom: $tabs-content-margin-bottom; |
| - | width: 100%; |
| - | > .content { |
| - | display: none; |
| - | float: $default-float; |
| - | padding: $tabs-content-padding 0; |
| - | width: 100%; |
| - | &.active { display: block; float: none; } |
| - | &.contained { padding: $tabs-content-padding; } |
| - | } |
| - | &.vertical { |
| - | display: block; |
| - | > .content { padding: 0 $tabs-content-padding; } |
| - | } |
| - | } |
| - | @media #{$medium-up} { |
| - | .tabs { |
| - | &.vertical { |
| - | width: 20%; |
| - | max-width: 20%; |
| - | float: $default-float; |
| - | margin: 0 0 $tabs-vertical-navigation-margin-bottom; |
| - | } |
| - | } |
| - | .tabs-content { |
| - | &.vertical { |
| - | width: 80%; |
| - | max-width: 80%; |
| - | float: $default-float; |
| - | margin-#{$default-float}: -1px; |
| - | padding-#{$default-float}: 1rem; |
| - | } |
| - | } |
| - | } |
| - | .no-js { |
| - | .tabs-content > .content { |
| - | display: block; |
| - | float: none; |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_thumbs.scss
+0
-66
| @@ | @@ -1,66 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // @name _thumbs.scss |
| - | // @dependencies _globals.scss |
| - | // |
| - | |
| - | // |
| - | // @variables |
| - | // |
| - | |
| - | $include-html-media-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control border styles |
| - | $thumb-border-style: solid !default; |
| - | $thumb-border-width: 4px !default; |
| - | $thumb-border-color: $white !default; |
| - | $thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default; |
| - | $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default; |
| - | |
| - | // Radius and transition speed for thumbs |
| - | $thumb-radius: $global-radius !default; |
| - | $thumb-transition-speed: 200ms !default; |
| - | |
| - | // |
| - | // @mixins |
| - | // |
| - | |
| - | // We use this to create image thumbnail styles. |
| - | // |
| - | // $border-width - Width of border around thumbnail. Default: $thumb-border-width. |
| - | // $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow. |
| - | // $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover. |
| - | @mixin thumb( |
| - | $border-width:$thumb-border-width, |
| - | $box-shadow:$thumb-box-shadow, |
| - | $box-shadow-hover:$thumb-box-shadow-hover) { |
| - | line-height: 0; |
| - | display: inline-block; |
| - | border: $thumb-border-style $border-width $thumb-border-color; |
| - | max-width: 100%; |
| - | box-shadow: $box-shadow; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | box-shadow: $box-shadow-hover; |
| - | } |
| - | } |
| - | |
| - | |
| - | @include exports("thumb") { |
| - | @if $include-html-media-classes { |
| - | |
| - | /* Image Thumbnails */ |
| - | .th { |
| - | @include thumb; |
| - | @include single-transition(all,$thumb-transition-speed,ease-out); |
| - | |
| - | &.radius { @include radius($thumb-radius); } |
| - | } |
| - | } |
| - | } |
| \ No newline at end of file | |
generators/foundation5/public/stylesheets/foundation/components/_toolbar.scss
+0
-70
| @@ | @@ -1,70 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | // toolbar styles |
| - | |
| - | .toolbar { |
| - | background: $oil; |
| - | width: 100%; |
| - | font-size: 0; |
| - | display: inline-block; |
| - | |
| - | &.label-bottom .tab .tab-content { |
| - | i, img { margin-bottom: 10px; } |
| - | } |
| - | |
| - | &.label-right .tab .tab-content { |
| - | i, img { margin-right: 10px; display: inline-block;} |
| - | label { display: inline-block; } |
| - | } |
| - | |
| - | &.vertical.label-right .tab .tab-content { |
| - | text-align: left; |
| - | } |
| - | |
| - | &.vertical { |
| - | height: 100%; |
| - | width: auto; |
| - | |
| - | .tab { |
| - | width: auto; |
| - | margin: auto; |
| - | float: none; |
| - | } |
| - | } |
| - | |
| - | .tab { |
| - | text-align: center; |
| - | width: 25%; |
| - | margin: 0 auto; |
| - | display: block; |
| - | padding: 20px; |
| - | float: left; |
| - | |
| - | &:hover { |
| - | background: rgba($white, 0.1); |
| - | } |
| - | } |
| - | } |
| - | |
| - | .toolbar .tab-content { |
| - | font-size: 16px; |
| - | text-align: center; |
| - | |
| - | label { color: $iron; } |
| - | |
| - | i { |
| - | font-size: 30px; |
| - | display: block; |
| - | margin: 0 auto; |
| - | color: $iron; |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | img { |
| - | width: 30px; |
| - | height: 30px; |
| - | display: block; |
| - | margin: 0 auto; |
| - | } |
| - | } |
| \ No newline at end of file | |
generators/foundation5/public/stylesheets/foundation/components/_tooltips.scss
+0
-142
| @@ | @@ -1,142 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // Tooltip Variables |
| - | // |
| - | $include-html-tooltip-classes: $include-html-classes !default; |
| - | |
| - | $has-tip-border-bottom: dotted 1px $iron !default; |
| - | $has-tip-font-weight: $font-weight-bold !default; |
| - | $has-tip-font-color: $oil !default; |
| - | $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default; |
| - | $has-tip-font-color-hover: $primary-color !default; |
| - | $has-tip-cursor-type: help !default; |
| - | |
| - | $tooltip-padding: rem-calc(12) !default; |
| - | $tooltip-bg: $oil !default; |
| - | $tooltip-font-size: rem-calc(14) !default; |
| - | $tooltip-font-weight: $font-weight-normal !default; |
| - | $tooltip-font-color: $white !default; |
| - | $tooltip-line-height: 1.3 !default; |
| - | $tooltip-close-font-size: rem-calc(10) !default; |
| - | $tooltip-close-font-weight: $font-weight-normal !default; |
| - | $tooltip-close-font-color: $monsoon !default; |
| - | $tooltip-font-size-sml: rem-calc(14) !default; |
| - | $tooltip-radius: $global-radius !default; |
| - | $tooltip-rounded: $global-rounded !default; |
| - | $tooltip-pip-size: 5px !default; |
| - | $tooltip-max-width: 300px !default; |
| - | |
| - | @include exports("tooltip") { |
| - | @if $include-html-tooltip-classes { |
| - | |
| - | /* Tooltips */ |
| - | .has-tip { |
| - | border-bottom: $has-tip-border-bottom; |
| - | cursor: $has-tip-cursor-type; |
| - | font-weight: $has-tip-font-weight; |
| - | color: $has-tip-font-color; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | border-bottom: $has-tip-border-bottom-hover; |
| - | color: $has-tip-font-color-hover; |
| - | } |
| - | |
| - | &.tip-left, |
| - | &.tip-right { float: none !important; } |
| - | } |
| - | |
| - | .tooltip { |
| - | display: none; |
| - | position: absolute; |
| - | z-index: 1006; |
| - | font-weight: $tooltip-font-weight; |
| - | font-size: $tooltip-font-size; |
| - | line-height: $tooltip-line-height; |
| - | padding: $tooltip-padding; |
| - | max-width: $tooltip-max-width; |
| - | #{$default-float}: 50%; |
| - | width: 100%; |
| - | color: $tooltip-font-color; |
| - | background: $tooltip-bg; |
| - | |
| - | &>.nub { |
| - | display: block; |
| - | #{$default-float}: $tooltip-pip-size; |
| - | position: absolute; |
| - | width: 0; |
| - | height: 0; |
| - | border: solid $tooltip-pip-size; |
| - | border-color: transparent transparent $tooltip-bg transparent; |
| - | top: -($tooltip-pip-size * 2); |
| - | pointer-events: none; |
| - | |
| - | &.rtl { |
| - | left: auto; |
| - | #{$opposite-direction}: $tooltip-pip-size; |
| - | } |
| - | } |
| - | |
| - | &.radius { |
| - | @include radius($tooltip-radius); |
| - | } |
| - | &.round { |
| - | @include radius($tooltip-rounded); |
| - | &>.nub { |
| - | left: 2rem; |
| - | } |
| - | } |
| - | |
| - | &.opened { |
| - | color: $has-tip-font-color-hover !important; |
| - | border-bottom: $has-tip-border-bottom-hover !important; |
| - | } |
| - | } |
| - | |
| - | .tap-to-close { |
| - | display: block; |
| - | font-size: $tooltip-close-font-size; |
| - | color: $tooltip-close-font-color; |
| - | font-weight: $tooltip-close-font-weight; |
| - | } |
| - | |
| - | @media #{$small} { |
| - | .tooltip { |
| - | &>.nub { |
| - | border-color: transparent transparent $tooltip-bg transparent; |
| - | top: -($tooltip-pip-size * 2); |
| - | } |
| - | &.tip-top>.nub { |
| - | border-color: $tooltip-bg transparent transparent transparent; |
| - | top: auto; |
| - | bottom: -($tooltip-pip-size * 2); |
| - | } |
| - | |
| - | &.tip-left, |
| - | &.tip-right { float: none !important; } |
| - | |
| - | &.tip-left>.nub { |
| - | border-color: transparent transparent transparent $tooltip-bg; |
| - | right: -($tooltip-pip-size * 2); |
| - | left: auto; |
| - | top: 50%; |
| - | margin-top: -$tooltip-pip-size; |
| - | } |
| - | &.tip-right>.nub { |
| - | border-color: transparent $tooltip-bg transparent transparent; |
| - | right: auto; |
| - | left: -($tooltip-pip-size * 2); |
| - | top: 50%; |
| - | margin-top: -$tooltip-pip-size; |
| - | } |
| - | |
| - | } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_top-bar.scss
+0
-685
| @@ | @@ -1,685 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | @import "grid"; |
| - | @import "buttons"; |
| - | @import "forms"; |
| - | |
| - | // |
| - | // Top Bar Variables |
| - | // |
| - | $include-html-top-bar-classes: $include-html-classes !default; |
| - | |
| - | // Background color for the top bar |
| - | $topbar-bg-color: $oil !default; |
| - | $topbar-bg: $topbar-bg-color !default; |
| - | |
| - | // Height and margin |
| - | $topbar-height: 45px !default; |
| - | $topbar-margin-bottom: 0 !default; |
| - | |
| - | // Controlling the styles for the title in the top bar |
| - | $topbar-title-weight: $font-weight-normal !default; |
| - | $topbar-title-font-size: rem-calc(17) !default; |
| - | |
| - | // Set the link colors and styles for top-level nav |
| - | $topbar-link-color: $white !default; |
| - | $topbar-link-color-hover: $white !default; |
| - | $topbar-link-color-active: $white !default; |
| - | $topbar-link-color-active-hover: $white !default; |
| - | $topbar-link-weight: $font-weight-normal !default; |
| - | $topbar-link-font-size: rem-calc(13) !default; |
| - | $topbar-link-hover-lightness: -10% !default; // Darken by 10% |
| - | $topbar-link-bg: $topbar-bg !default; |
| - | $topbar-link-bg-hover: #272727 !default; |
| - | $topbar-link-bg-color-hover: $charcoal !default; |
| - | $topbar-link-bg-active: $primary-color !default; |
| - | $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default; |
| - | $topbar-link-font-family: $body-font-family !default; |
| - | $topbar-link-text-transform: none !default; |
| - | $topbar-link-padding: $topbar-height / 3 !default; |
| - | $topbar-back-link-size: rem-calc(18) !default; |
| - | $topbar-link-dropdown-padding: 20px !default; |
| - | $topbar-button-font-size: 0.75rem !default; |
| - | $topbar-button-top: 7px !default; |
| - | |
| - | // Style the top bar dropdown elements |
| - | $topbar-dropdown-bg: $oil !default; |
| - | $topbar-dropdown-link-color: $white !default; |
| - | $topbar-dropdown-link-color-hover: $topbar-link-color-hover !default; |
| - | $topbar-dropdown-link-bg: $oil !default; |
| - | $topbar-dropdown-link-weight: $font-weight-normal !default; |
| - | $topbar-dropdown-toggle-size: 5px !default; |
| - | $topbar-dropdown-toggle-color: $white !default; |
| - | $topbar-dropdown-toggle-alpha: 0.4 !default; |
| - | |
| - | $topbar-dropdown-label-color: $monsoon !default; |
| - | $topbar-dropdown-label-text-transform: uppercase !default; |
| - | $topbar-dropdown-label-font-weight: $font-weight-bold !default; |
| - | $topbar-dropdown-label-font-size: rem-calc(10) !default; |
| - | $topbar-dropdown-label-bg: $oil !default; |
| - | |
| - | // Top menu icon styles |
| - | $topbar-menu-link-transform: uppercase !default; |
| - | $topbar-menu-link-font-size: rem-calc(13) !default; |
| - | $topbar-menu-link-weight: $font-weight-bold !default; |
| - | $topbar-menu-link-color: $white !default; |
| - | $topbar-menu-icon-color: $white !default; |
| - | $topbar-menu-link-color-toggled: $jumbo !default; |
| - | $topbar-menu-icon-color-toggled: $jumbo !default; |
| - | |
| - | // Transitions and breakpoint styles |
| - | $topbar-transition-speed: 300ms !default; |
| - | // Using rem-calc for the below breakpoint causes issues with top bar |
| - | $topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout |
| - | $topbar-media-query: $medium-up !default; |
| - | |
| - | // Divider Styles |
| - | $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default; |
| - | $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default; |
| - | |
| - | // Sticky Class |
| - | $topbar-sticky-class: ".sticky" !default; |
| - | $topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item |
| - | $topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text from dropdown subnavigation li |
| - | |
| - | // Accessibility mixins for hiding and showing the menu dropdown items |
| - | @mixin topbar-hide-dropdown { |
| - | // Makes an element visually hidden by default, but visible when focused. |
| - | display: block; |
| - | @include element-invisible(); |
| - | } |
| - | |
| - | @mixin topbar-show-dropdown { |
| - | display: block; |
| - | @include element-invisible-off(); |
| - | position: absolute !important; // Reset the position from static to absolute |
| - | } |
| - | |
| - | @include exports("top-bar") { |
| - | |
| - | @if $include-html-top-bar-classes { |
| - | |
| - | // Used to provide media query values for javascript components. |
| - | // This class is generated despite the value of $include-html-top-bar-classes |
| - | // to ensure width calculations work correctly. |
| - | meta.foundation-mq-topbar { |
| - | font-family: "/" + unquote($topbar-media-query) + "/"; |
| - | width: $topbar-breakpoint; |
| - | } |
| - | |
| - | /* Wrapped around .top-bar to contain to grid width */ |
| - | .contain-to-grid { |
| - | width: 100%; |
| - | background: $topbar-bg; |
| - | |
| - | .top-bar { margin-bottom: $topbar-margin-bottom; } |
| - | } |
| - | |
| - | // Wrapped around .top-bar to make it stick to the top |
| - | .fixed { |
| - | width: 100%; |
| - | #{$default-float}: 0; |
| - | position: fixed; |
| - | top: 0; |
| - | z-index: 99; |
| - | |
| - | &.expanded:not(.top-bar) { |
| - | overflow-y: auto; |
| - | height: auto; |
| - | width: 100%; |
| - | max-height: 100%; |
| - | |
| - | .title-area { |
| - | position: fixed; |
| - | width: 100%; |
| - | z-index: 99; |
| - | } |
| - | // Ensure you can scroll the menu on small screens |
| - | .top-bar-section { |
| - | z-index: 98; |
| - | margin-top: $topbar-height; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .top-bar { |
| - | overflow: hidden; |
| - | height: $topbar-height; |
| - | line-height: $topbar-height; |
| - | position: relative; |
| - | background: $topbar-bg; |
| - | margin-bottom: $topbar-margin-bottom; |
| - | |
| - | // Topbar Global list Styles |
| - | ul { |
| - | margin-bottom: 0; |
| - | list-style: none; |
| - | } |
| - | |
| - | .row { max-width: none; } |
| - | |
| - | form, |
| - | input { margin-bottom: 0; } |
| - | |
| - | input { height: 1.8rem; padding-top: .35rem; padding-bottom: .35rem; font-size: $topbar-button-font-size; } |
| - | |
| - | .button, button { |
| - | padding-top: .35rem + rem-calc(1); |
| - | padding-bottom: .35rem + rem-calc(1); |
| - | margin-bottom: 0; |
| - | font-size: $topbar-button-font-size; |
| - | // position: relative; |
| - | // top: -1px; |
| - | |
| - | // Corrects a slight misalignment when put next to an input field |
| - | @media #{$small-only} { |
| - | position: relative; |
| - | top: -1px; |
| - | } |
| - | } |
| - | |
| - | // Title Area |
| - | .title-area { |
| - | position: relative; |
| - | margin: 0; |
| - | } |
| - | |
| - | .name { |
| - | height: $topbar-height; |
| - | margin: 0; |
| - | font-size: $rem-base; |
| - | |
| - | h1 { |
| - | line-height: $topbar-height; |
| - | font-size: $topbar-title-font-size; |
| - | margin: 0; |
| - | a { |
| - | font-weight: $topbar-title-weight; |
| - | color: $topbar-link-color; |
| - | width: 75%; |
| - | display: block; |
| - | padding: 0 $topbar-link-padding; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Menu toggle button on small devices |
| - | .toggle-topbar { |
| - | position: absolute; |
| - | #{$opposite-direction}: 0; |
| - | top: 0; |
| - | |
| - | a { |
| - | color: $topbar-link-color; |
| - | text-transform: $topbar-menu-link-transform; |
| - | font-size: $topbar-menu-link-font-size; |
| - | font-weight: $topbar-menu-link-weight; |
| - | position: relative; |
| - | display: block; |
| - | padding: 0 $topbar-link-padding; |
| - | height: $topbar-height; |
| - | line-height: $topbar-height; |
| - | } |
| - | |
| - | // Adding the class "menu-icon" will add the 3-line icon people love and adore. |
| - | &.menu-icon { |
| - | top: 50%; |
| - | margin-top: -16px; |
| - | |
| - | a { |
| - | @if $text-direction == rtl { |
| - | text-indent: -58px; |
| - | } |
| - | height: 34px; |
| - | line-height: 33px; |
| - | padding: 0 $topbar-link-padding+25 0 $topbar-link-padding; |
| - | color: $topbar-menu-link-color; |
| - | position: relative; |
| - | |
| - | & { |
| - | // @include hamburger icon |
| - | // |
| - | // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon |
| - | // $width - Width of hamburger icon |
| - | // $left - If false, icon will be centered horizontally || explicitly set value in rem |
| - | // $top - If false, icon will be centered vertically || explicitly set value in rem |
| - | // $thickness - thickness of lines in hamburger icon, set value in px |
| - | // $gap - spacing between the lines in hamburger icon, set value in px |
| - | // $color - icon color |
| - | // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled |
| - | // $offcanvas - Set to false of @include in topbar |
| - | @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, "", false); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Change things up when the top-bar is expanded |
| - | &.expanded { |
| - | height: auto; |
| - | background: transparent; |
| - | |
| - | .title-area { background: $topbar-bg; } |
| - | |
| - | .toggle-topbar { |
| - | a { color: $topbar-menu-link-color-toggled; |
| - | span::after { |
| - | // Shh, don't tell, but box-shadows create the menu icon :) |
| - | // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above |
| - | box-shadow: 0 0px 0 1px $topbar-menu-icon-color-toggled, |
| - | 0 7px 0 1px $topbar-menu-icon-color-toggled, |
| - | 0 14px 0 1px $topbar-menu-icon-color-toggled; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Right and Left Navigation that stacked by default |
| - | .top-bar-section { |
| - | #{$default-float}: 0; |
| - | position: relative; |
| - | width: auto; |
| - | @include single-transition($default-float, $topbar-transition-speed); |
| - | |
| - | ul { |
| - | padding: 0; |
| - | width: 100%; |
| - | height: auto; |
| - | display: block; |
| - | font-size: $rem-base; |
| - | margin: 0; |
| - | } |
| - | |
| - | .divider, |
| - | [role="separator"] { |
| - | border-top: $topbar-divider-border-top; |
| - | clear: both; |
| - | height: 1px; |
| - | width: 100%; |
| - | } |
| - | |
| - | ul li { |
| - | background: $topbar-dropdown-bg; |
| - | & > a { |
| - | display: block; |
| - | width: 100%; |
| - | color: $topbar-link-color; |
| - | padding: 12px 0 12px 0; |
| - | padding-#{$default-float}: $topbar-link-padding; |
| - | font-family: $topbar-link-font-family; |
| - | font-size: $topbar-link-font-size; |
| - | font-weight: $topbar-link-weight; |
| - | text-transform: $topbar-link-text-transform; |
| - | |
| - | |
| - | &.button { |
| - | font-size: $topbar-link-font-size; |
| - | padding-#{$opposite-direction}: $topbar-link-padding; |
| - | padding-#{$default-float}: $topbar-link-padding; |
| - | @include button-style($bg:$primary-color); |
| - | } |
| - | &.button.secondary { @include button-style($bg:$secondary-color); } |
| - | &.button.success { @include button-style($bg:$success-color); } |
| - | &.button.alert { @include button-style($bg:$alert-color); } |
| - | &.button.warning { @include button-style($bg:$warning-color); } |
| - | } |
| - | |
| - | > button { |
| - | font-size: $topbar-link-font-size; |
| - | padding-#{$opposite-direction}: $topbar-link-padding; |
| - | padding-#{$default-float}: $topbar-link-padding; |
| - | @include button-style($bg:$primary-color); |
| - | |
| - | &.secondary { @include button-style($bg:$secondary-color); } |
| - | &.success { @include button-style($bg:$success-color); } |
| - | &.alert { @include button-style($bg:$alert-color); } |
| - | &.warning { @include button-style($bg:$warning-color); } |
| - | } |
| - | |
| - | // Apply the hover link color when it has that class |
| - | &:hover:not(.has-form) > a { |
| - | background-color: $topbar-link-bg-color-hover; |
| - | @if ($topbar-link-bg-hover) { |
| - | background: $topbar-link-bg-hover; |
| - | } |
| - | color: $topbar-link-color-hover; |
| - | |
| - | } |
| - | |
| - | // Apply the active link color when it has that class |
| - | &.active > a { |
| - | background: $topbar-link-bg-active; |
| - | color: $topbar-link-color-active; |
| - | &:hover { |
| - | background: $topbar-link-bg-active-hover; |
| - | color: $topbar-link-color-active-hover; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Add some extra padding for list items contains buttons |
| - | .has-form { padding: $topbar-link-padding; } |
| - | |
| - | // Styling for list items that have a dropdown within them. |
| - | .has-dropdown { |
| - | position: relative; |
| - | |
| - | & > a { |
| - | &:after { |
| - | @if ($topbar-arrows){ |
| - | @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); |
| - | } |
| - | margin-#{$opposite-direction}: $topbar-link-padding; |
| - | margin-top: -($topbar-dropdown-toggle-size / 2) - 2; |
| - | position: absolute; |
| - | top: 50%; |
| - | #{$opposite-direction}: 0; |
| - | } |
| - | } |
| - | |
| - | &.moved { position: static; |
| - | & > .dropdown { |
| - | @include topbar-show-dropdown(); |
| - | width: 100%; |
| - | } |
| - | & > a:after { |
| - | display: none; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Styling elements inside of dropdowns |
| - | .dropdown { |
| - | padding: 0; |
| - | position: absolute; |
| - | #{$default-float}: 100%; |
| - | top: 0; |
| - | z-index: 99; |
| - | @include topbar-hide-dropdown(); |
| - | |
| - | li { |
| - | width: 100%; |
| - | height: auto; |
| - | |
| - | a { |
| - | font-weight: $topbar-dropdown-link-weight; |
| - | padding: 8px $topbar-link-padding; |
| - | &.parent-link { |
| - | font-weight: $topbar-link-weight; |
| - | } |
| - | } |
| - | |
| - | &.title h5, &.parent-link { |
| - | // Back Button |
| - | margin-bottom: 0; |
| - | margin-top: 0; |
| - | font-size: $topbar-back-link-size; |
| - | a { |
| - | color: $topbar-link-color; |
| - | // line-height: $topbar-height / 2; |
| - | display: block; |
| - | &:hover { background:none; } |
| - | } |
| - | } |
| - | &.has-form { padding: 8px $topbar-link-padding; } |
| - | .button, button { top: auto; } |
| - | } |
| - | |
| - | label { |
| - | padding: 8px $topbar-link-padding 2px; |
| - | margin-bottom: 0; |
| - | text-transform: $topbar-dropdown-label-text-transform; |
| - | color: $topbar-dropdown-label-color; |
| - | font-weight: $topbar-dropdown-label-font-weight; |
| - | font-size: $topbar-dropdown-label-font-size; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .js-generated { display: block; } |
| - | |
| - | |
| - | // Top Bar styles intended for screen sizes above the breakpoint. |
| - | @media #{$topbar-media-query} { |
| - | .top-bar { |
| - | background: $topbar-bg; |
| - | @include clearfix; |
| - | overflow: visible; |
| - | |
| - | .toggle-topbar { display: none; } |
| - | |
| - | .title-area { float: $default-float; } |
| - | .name h1 a { width: auto; } |
| - | |
| - | input, |
| - | .button, |
| - | button { |
| - | font-size: rem-calc(14); |
| - | position: relative; |
| - | top: $topbar-button-top; |
| - | } |
| - | |
| - | &.expanded { background: $topbar-bg; } |
| - | } |
| - | |
| - | .contain-to-grid .top-bar { |
| - | max-width: $row-width; |
| - | margin: 0 auto; |
| - | margin-bottom: $topbar-margin-bottom; |
| - | } |
| - | |
| - | .top-bar-section { |
| - | @include single-transition(none,0,0); |
| - | #{$default-float}: 0 !important; |
| - | |
| - | ul { |
| - | width: auto; |
| - | height: auto !important; |
| - | display: inline; |
| - | |
| - | li { |
| - | float: $default-float; |
| - | .js-generated { display: none; } |
| - | } |
| - | } |
| - | |
| - | li { |
| - | &.hover { |
| - | > a:not(.button) { |
| - | background-color: $topbar-link-bg-color-hover; |
| - | @if ($topbar-link-bg-hover) { |
| - | background: $topbar-link-bg-hover; |
| - | } |
| - | color: $topbar-link-color-hover; |
| - | } |
| - | } |
| - | &:not(.has-form) { |
| - | a:not(.button) { |
| - | padding: 0 $topbar-link-padding; |
| - | line-height: $topbar-height; |
| - | background: $topbar-link-bg; |
| - | &:hover { |
| - | background-color: $topbar-link-bg-color-hover; |
| - | @if ($topbar-link-bg-hover) { |
| - | background: $topbar-link-bg-hover; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | &.active:not(.has-form) { |
| - | a:not(.button) { |
| - | padding: 0 $topbar-link-padding; |
| - | line-height: $topbar-height; |
| - | color: $topbar-link-color-active; |
| - | background: $topbar-link-bg-active; |
| - | &:hover { |
| - | background: $topbar-link-bg-active-hover; |
| - | color: $topbar-link-color-active-hover; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | .has-dropdown { |
| - | |
| - | @if($topbar-arrows){ |
| - | |
| - | & > a { |
| - | padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important; |
| - | &:after { |
| - | @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top); |
| - | margin-top: -($topbar-dropdown-toggle-size / 2); |
| - | top: $topbar-height / 2; |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | &.moved { position: relative; |
| - | & > .dropdown { |
| - | @include topbar-hide-dropdown(); |
| - | } |
| - | } |
| - | |
| - | &.hover, &.not-click:hover { |
| - | & > .dropdown { |
| - | @include topbar-show-dropdown(); |
| - | } |
| - | } |
| - | > a:focus + .dropdown { |
| - | @include topbar-show-dropdown(); |
| - | } |
| - | |
| - | .dropdown li.has-dropdown { |
| - | & > a { |
| - | @if ($topbar-dropdown-arrows){ |
| - | &:after { |
| - | border: none; |
| - | content: "\00bb"; |
| - | top: 1rem; |
| - | margin-top: -1px; |
| - | #{$opposite-direction}: 5px; |
| - | line-height: 1.2; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | } |
| - | |
| - | .dropdown { |
| - | #{$default-float}: 0; |
| - | top: auto; |
| - | background: transparent; |
| - | min-width: 100%; |
| - | |
| - | li { |
| - | a { |
| - | color: $topbar-dropdown-link-color; |
| - | line-height: $topbar-height; |
| - | white-space: nowrap; |
| - | padding: 12px $topbar-link-padding; |
| - | background: $topbar-dropdown-link-bg; |
| - | } |
| - | |
| - | &:not(.has-form):not(.active) { |
| - | & > a:not(.button) { |
| - | color: $topbar-dropdown-link-color; |
| - | background: $topbar-dropdown-link-bg; |
| - | } |
| - | |
| - | &:hover > a:not(.button) { |
| - | color: $topbar-dropdown-link-color-hover; |
| - | background-color: $topbar-link-bg-color-hover; |
| - | @if ($topbar-link-bg-hover) { |
| - | background: $topbar-link-bg-hover; |
| - | } |
| - | } |
| - | } |
| - | |
| - | label { |
| - | white-space: nowrap; |
| - | background: $topbar-dropdown-label-bg; |
| - | } |
| - | |
| - | // Second Level Dropdowns |
| - | .dropdown { |
| - | #{$default-float}: 100%; |
| - | top: 0; |
| - | } |
| - | } |
| - | } |
| - | |
| - | & > ul > .divider, |
| - | & > ul > [role="separator"] { |
| - | border-bottom: none; |
| - | border-top: none; |
| - | border-#{$opposite-direction}: $topbar-divider-border-bottom; |
| - | clear: none; |
| - | height: $topbar-height; |
| - | width: 0; |
| - | } |
| - | |
| - | .has-form { |
| - | background: $topbar-link-bg; |
| - | padding: 0 $topbar-height / 3; |
| - | height: $topbar-height; |
| - | } |
| - | |
| - | // Position overrides for ul.right and ul.left |
| - | .#{$opposite-direction} { |
| - | li .dropdown { |
| - | #{$default-float}: auto; |
| - | #{$opposite-direction}: 0; |
| - | |
| - | li .dropdown { #{$opposite-direction}: 100%; } |
| - | } |
| - | } |
| - | .#{$default-float} { |
| - | li .dropdown { |
| - | #{$opposite-direction}: auto; |
| - | #{$default-float}: 0; |
| - | |
| - | li .dropdown { #{$default-float}: 100%; } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Degrade gracefully when Javascript is disabled. Displays dropdown and changes |
| - | // background & text color on hover. |
| - | .no-js .top-bar-section { |
| - | ul li { |
| - | // Apply the hover link color when it has that class |
| - | &:hover > a { |
| - | background-color: $topbar-link-bg-color-hover; |
| - | @if ($topbar-link-bg-hover) { |
| - | background: $topbar-link-bg-hover; |
| - | } |
| - | color: $topbar-link-color-hover; |
| - | } |
| - | |
| - | // Apply the active link color when it has that class |
| - | &:active > a { |
| - | background: $topbar-link-bg-active; |
| - | color: $topbar-link-color-active; |
| - | } |
| - | } |
| - | |
| - | .has-dropdown { |
| - | &:hover { |
| - | & > .dropdown { |
| - | @include topbar-show-dropdown(); |
| - | } |
| - | } |
| - | > a:focus + .dropdown { |
| - | @include topbar-show-dropdown(); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_type.scss
+0
-525
| @@ | @@ -1,525 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | $include-html-type-classes: $include-html-classes !default; |
| - | |
| - | // We use these to control header font styles |
| - | $header-font-family: $body-font-family !default; |
| - | $header-font-weight: $font-weight-normal !default; |
| - | $header-font-style: $font-weight-normal !default; |
| - | $header-font-color: $jet !default; |
| - | $header-line-height: 1.4 !default; |
| - | $header-top-margin: .2rem !default; |
| - | $header-bottom-margin: .5rem !default; |
| - | $header-text-rendering: optimizeLegibility !default; |
| - | |
| - | // We use these to control header font sizes |
| - | $h1-font-size: rem-calc(44) !default; |
| - | $h2-font-size: rem-calc(37) !default; |
| - | $h3-font-size: rem-calc(27) !default; |
| - | $h4-font-size: rem-calc(23) !default; |
| - | $h5-font-size: rem-calc(18) !default; |
| - | $h6-font-size: 1rem !default; |
| - | |
| - | // We use these to control header size reduction on small screens |
| - | $h1-font-reduction: rem-calc(10) !default; |
| - | $h2-font-reduction: rem-calc(10) !default; |
| - | $h3-font-reduction: rem-calc(5) !default; |
| - | $h4-font-reduction: rem-calc(5) !default; |
| - | $h5-font-reduction: 0 !default; |
| - | $h6-font-reduction: 0 !default; |
| - | |
| - | // These control how subheaders are styled. |
| - | $subheader-line-height: 1.4 !default; |
| - | $subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default; |
| - | $subheader-font-weight: $font-weight-normal !default; |
| - | $subheader-top-margin: .2rem !default; |
| - | $subheader-bottom-margin: .5rem !default; |
| - | |
| - | // A general <small> styling |
| - | $small-font-size: 60% !default; |
| - | $small-font-color: scale-color($header-font-color, $lightness: 35%) !default; |
| - | |
| - | // We use these to style paragraphs |
| - | $paragraph-font-family: inherit !default; |
| - | $paragraph-font-weight: $font-weight-normal !default; |
| - | $paragraph-font-size: 1rem !default; |
| - | $paragraph-line-height: 1.6 !default; |
| - | $paragraph-margin-bottom: rem-calc(20) !default; |
| - | $paragraph-aside-font-size: rem-calc(14) !default; |
| - | $paragraph-aside-line-height: 1.35 !default; |
| - | $paragraph-aside-font-style: italic !default; |
| - | $paragraph-text-rendering: optimizeLegibility !default; |
| - | |
| - | // We use these to style <code> tags |
| - | $code-color: $oil !default; |
| - | $code-font-family: $font-family-monospace !default; |
| - | $code-font-weight: $font-weight-normal !default; |
| - | $code-background-color: scale-color($secondary-color, $lightness: 70%) !default; |
| - | $code-border-size: 1px !default; |
| - | $code-border-style: solid !default; |
| - | $code-border-color: scale-color($code-background-color, $lightness: -10%) !default; |
| - | $code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default; |
| - | |
| - | // We use these to style anchors |
| - | $anchor-text-decoration: none !default; |
| - | $anchor-text-decoration-hover: none !default; |
| - | $anchor-font-color: $primary-color !default; |
| - | $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default; |
| - | |
| - | // We use these to style the <hr> element |
| - | $hr-border-width: 1px !default; |
| - | $hr-border-style: solid !default; |
| - | $hr-border-color: $gainsboro !default; |
| - | $hr-margin: rem-calc(20) !default; |
| - | |
| - | // We use these to style lists |
| - | $list-font-family: $paragraph-font-family !default; |
| - | $list-font-size: $paragraph-font-size !default; |
| - | $list-line-height: $paragraph-line-height !default; |
| - | $list-margin-bottom: $paragraph-margin-bottom !default; |
| - | $list-style-position: outside !default; |
| - | $list-side-margin: 1.1rem !default; |
| - | $list-ordered-side-margin: 1.4rem !default; |
| - | $list-side-margin-no-bullet: 0 !default; |
| - | $list-nested-margin: rem-calc(20) !default; |
| - | $definition-list-header-weight: $font-weight-bold !default; |
| - | $definition-list-header-margin-bottom: .3rem !default; |
| - | $definition-list-margin-bottom: rem-calc(12) !default; |
| - | |
| - | // We use these to style blockquotes |
| - | $blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default; |
| - | $blockquote-padding: rem-calc(9 20 0 19) !default; |
| - | $blockquote-border: 1px solid $gainsboro !default; |
| - | $blockquote-cite-font-size: rem-calc(13) !default; |
| - | $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default; |
| - | $blockquote-cite-link-color: $blockquote-cite-font-color !default; |
| - | |
| - | // Acronym styles |
| - | $acronym-underline: 1px dotted $gainsboro !default; |
| - | |
| - | // We use these to control padding and margin |
| - | $microformat-padding: rem-calc(10 12) !default; |
| - | $microformat-margin: rem-calc(0 0 20 0) !default; |
| - | |
| - | // We use these to control the border styles |
| - | $microformat-border-width: 1px !default; |
| - | $microformat-border-style: solid !default; |
| - | $microformat-border-color: $gainsboro !default; |
| - | |
| - | // We use these to control full name font styles |
| - | $microformat-fullname-font-weight: $font-weight-bold !default; |
| - | $microformat-fullname-font-size: rem-calc(15) !default; |
| - | |
| - | // We use this to control the summary font styles |
| - | $microformat-summary-font-weight: $font-weight-bold !default; |
| - | |
| - | // We use this to control abbr padding |
| - | $microformat-abbr-padding: rem-calc(0 1) !default; |
| - | |
| - | // We use this to control abbr font styles |
| - | $microformat-abbr-font-weight: $font-weight-bold !default; |
| - | $microformat-abbr-font-decoration: none !default; |
| - | |
| - | // Text alignment class names |
| - | $align-class-names: |
| - | small-only, |
| - | small, |
| - | medium-only, |
| - | medium, |
| - | large-only, |
| - | large, |
| - | xlarge-only, |
| - | xlarge, |
| - | xxlarge-only, |
| - | xxlarge; |
| - | |
| - | // Text alignment breakpoints |
| - | $align-class-breakpoints: |
| - | $small-only, |
| - | $small-up, |
| - | $medium-only, |
| - | $medium-up, |
| - | $large-only, |
| - | $large-up, |
| - | $xlarge-only, |
| - | $xlarge-up, |
| - | $xxlarge-only, |
| - | $xxlarge-up; |
| - | |
| - | // Generates text align and justify classes |
| - | @mixin align-classes{ |
| - | .text-left { text-align: left !important; } |
| - | .text-right { text-align: right !important; } |
| - | .text-center { text-align: center !important; } |
| - | .text-justify { text-align: justify !important; } |
| - | |
| - | @for $i from 1 through length($align-class-names) { |
| - | @media #{(nth($align-class-breakpoints, $i))} { |
| - | .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; } |
| - | .#{(nth($align-class-names, $i))}-text-right { text-align: right !important; } |
| - | .#{(nth($align-class-names, $i))}-text-center { text-align: center !important; } |
| - | .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // |
| - | // Typography Placeholders |
| - | // |
| - | |
| - | // These will throw a deprecation warning if used within a media query. |
| - | @mixin lead { |
| - | font-size: $paragraph-font-size + rem-calc(3.5); |
| - | line-height: 1.6; |
| - | } |
| - | |
| - | @mixin subheader { |
| - | line-height: $subheader-line-height; |
| - | color: $subheader-font-color; |
| - | font-weight: $subheader-font-weight; |
| - | margin-top: $subheader-top-margin; |
| - | margin-bottom: $subheader-bottom-margin; |
| - | } |
| - | @include exports("type") { |
| - | @if $include-html-type-classes { |
| - | // Responsive Text alignment |
| - | @include align-classes; |
| - | |
| - | /* Typography resets */ |
| - | div, |
| - | dl, |
| - | dt, |
| - | dd, |
| - | ul, |
| - | ol, |
| - | li, |
| - | h1, |
| - | h2, |
| - | h3, |
| - | h4, |
| - | h5, |
| - | h6, |
| - | pre, |
| - | form, |
| - | p, |
| - | blockquote, |
| - | th, |
| - | td { |
| - | margin:0; |
| - | padding:0; |
| - | } |
| - | |
| - | /* Default Link Styles */ |
| - | a { |
| - | color: $anchor-font-color; |
| - | text-decoration: $anchor-text-decoration; |
| - | line-height: inherit; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | color: $anchor-font-color-hover; |
| - | @if $anchor-text-decoration-hover != $anchor-text-decoration { |
| - | text-decoration: $anchor-text-decoration-hover; |
| - | } |
| - | } |
| - | |
| - | img { border:none; } |
| - | } |
| - | |
| - | /* Default paragraph styles */ |
| - | p { |
| - | font-family: $paragraph-font-family; |
| - | font-weight: $paragraph-font-weight; |
| - | font-size: $paragraph-font-size; |
| - | line-height: $paragraph-line-height; |
| - | margin-bottom: $paragraph-margin-bottom; |
| - | text-rendering: $paragraph-text-rendering; |
| - | |
| - | &.lead { @include lead; } |
| - | |
| - | & aside { |
| - | font-size: $paragraph-aside-font-size; |
| - | line-height: $paragraph-aside-line-height; |
| - | font-style: $paragraph-aside-font-style; |
| - | } |
| - | } |
| - | |
| - | /* Default header styles */ |
| - | h1, h2, h3, h4, h5, h6 { |
| - | font-family: $header-font-family; |
| - | font-weight: $header-font-weight; |
| - | font-style: $header-font-style; |
| - | color: $header-font-color; |
| - | text-rendering: $header-text-rendering; |
| - | margin-top: $header-top-margin; |
| - | margin-bottom: $header-bottom-margin; |
| - | line-height: $header-line-height; |
| - | |
| - | small { |
| - | font-size: $small-font-size; |
| - | color: $small-font-color; |
| - | line-height: 0; |
| - | } |
| - | } |
| - | |
| - | h1 { font-size: $h1-font-size - $h1-font-reduction; } |
| - | h2 { font-size: $h2-font-size - $h2-font-reduction; } |
| - | h3 { font-size: $h3-font-size - $h3-font-reduction; } |
| - | h4 { font-size: $h4-font-size - $h4-font-reduction; } |
| - | h5 { font-size: $h5-font-size - $h5-font-reduction; } |
| - | h6 { font-size: $h6-font-size - $h6-font-reduction; } |
| - | |
| - | .subheader { @include subheader; } |
| - | |
| - | hr { |
| - | border: $hr-border-style $hr-border-color; |
| - | border-width: $hr-border-width 0 0; |
| - | clear: both; |
| - | margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width)); |
| - | height: 0; |
| - | } |
| - | |
| - | /* Helpful Typography Defaults */ |
| - | em, |
| - | i { |
| - | font-style: italic; |
| - | line-height: inherit; |
| - | } |
| - | |
| - | strong, |
| - | b { |
| - | font-weight: $font-weight-bold; |
| - | line-height: inherit; |
| - | } |
| - | |
| - | small { |
| - | font-size: $small-font-size; |
| - | line-height: inherit; |
| - | } |
| - | |
| - | code { |
| - | font-family: $code-font-family; |
| - | font-weight: $code-font-weight; |
| - | color: $code-color; |
| - | background-color: $code-background-color; |
| - | border-width: $code-border-size; |
| - | border-style: $code-border-style; |
| - | border-color: $code-border-color; |
| - | padding: $code-padding; |
| - | } |
| - | |
| - | /* Lists */ |
| - | ul, |
| - | ol, |
| - | dl { |
| - | font-size: $list-font-size; |
| - | line-height: $list-line-height; |
| - | margin-bottom: $list-margin-bottom; |
| - | list-style-position: $list-style-position; |
| - | font-family: $list-font-family; |
| - | } |
| - | |
| - | ul { |
| - | margin-#{$default-float}: $list-side-margin; |
| - | &.no-bullet { |
| - | margin-#{$default-float}: $list-side-margin-no-bullet; |
| - | li { |
| - | ul, |
| - | ol { |
| - | margin-#{$default-float}: $list-nested-margin; |
| - | margin-bottom: 0; |
| - | list-style: none; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /* Unordered Lists */ |
| - | ul { |
| - | li { |
| - | ul, |
| - | ol { |
| - | margin-#{$default-float}: $list-nested-margin; |
| - | margin-bottom: 0; |
| - | } |
| - | } |
| - | &.square, |
| - | &.circle, |
| - | &.disc { |
| - | li ul { list-style: inherit; } |
| - | } |
| - | |
| - | &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;} |
| - | &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;} |
| - | &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;} |
| - | &.no-bullet { list-style: none; } |
| - | } |
| - | |
| - | /* Ordered Lists */ |
| - | ol { |
| - | margin-#{$default-float}: $list-ordered-side-margin; |
| - | li { |
| - | ul, |
| - | ol { |
| - | margin-#{$default-float}: $list-nested-margin; |
| - | margin-bottom: 0; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /* Definition Lists */ |
| - | dl { |
| - | dt { |
| - | margin-bottom: $definition-list-header-margin-bottom; |
| - | font-weight: $definition-list-header-weight; |
| - | } |
| - | dd { margin-bottom: $definition-list-margin-bottom; } |
| - | } |
| - | |
| - | /* Abbreviations */ |
| - | abbr, |
| - | acronym { |
| - | text-transform: uppercase; |
| - | font-size: 90%; |
| - | color: $body-font-color; |
| - | cursor: $cursor-help-value; |
| - | } |
| - | abbr { |
| - | text-transform: none; |
| - | &[title] { |
| - | border-bottom: $acronym-underline; |
| - | } |
| - | } |
| - | |
| - | /* Blockquotes */ |
| - | blockquote { |
| - | margin: 0 0 $paragraph-margin-bottom; |
| - | padding: $blockquote-padding; |
| - | border-#{$default-float}: $blockquote-border; |
| - | |
| - | cite { |
| - | display: block; |
| - | font-size: $blockquote-cite-font-size; |
| - | color: $blockquote-cite-font-color; |
| - | &:before { |
| - | content: "\2014 \0020"; |
| - | } |
| - | |
| - | a, |
| - | a:visited { |
| - | color: $blockquote-cite-link-color; |
| - | } |
| - | } |
| - | } |
| - | blockquote, |
| - | blockquote p { |
| - | line-height: $paragraph-line-height; |
| - | color: $blockquote-font-color; |
| - | } |
| - | |
| - | /* Microformats */ |
| - | .vcard { |
| - | display: inline-block; |
| - | margin: $microformat-margin; |
| - | border: $microformat-border-width $microformat-border-style $microformat-border-color; |
| - | padding: $microformat-padding; |
| - | |
| - | li { |
| - | margin: 0; |
| - | display: block; |
| - | } |
| - | .fn { |
| - | font-weight: $microformat-fullname-font-weight; |
| - | font-size: $microformat-fullname-font-size; |
| - | } |
| - | } |
| - | |
| - | .vevent { |
| - | .summary { font-weight: $microformat-summary-font-weight; } |
| - | |
| - | abbr { |
| - | cursor: $cursor-default-value; |
| - | text-decoration: $microformat-abbr-font-decoration; |
| - | font-weight: $microformat-abbr-font-weight; |
| - | border: none; |
| - | padding: $microformat-abbr-padding; |
| - | } |
| - | } |
| - | |
| - | |
| - | @media #{$medium-up} { |
| - | h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; } |
| - | h1 { font-size: $h1-font-size; } |
| - | h2 { font-size: $h2-font-size; } |
| - | h3 { font-size: $h3-font-size; } |
| - | h4 { font-size: $h4-font-size; } |
| - | h5 { font-size: $h5-font-size; } |
| - | h6 { font-size: $h6-font-size; } |
| - | } |
| - | |
| - | // Only include these styles if you want them. |
| - | @if $include-print-styles { |
| - | /* |
| - | * Print styles. |
| - | * |
| - | * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ |
| - | * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) |
| - | */ |
| - | .print-only { display: none !important; } |
| - | @media print { |
| - | * { |
| - | background: transparent !important; |
| - | color: $black !important; /* Black prints faster: h5bp.com/s */ |
| - | box-shadow: none !important; |
| - | text-shadow: none !important; |
| - | } |
| - | |
| - | a, |
| - | a:visited { text-decoration: underline;} |
| - | a[href]:after { content: " (" attr(href) ")"; } |
| - | |
| - | abbr[title]:after { content: " (" attr(title) ")"; } |
| - | |
| - | // Don't show links for images, or javascript/internal links |
| - | .ir a:after, |
| - | a[href^="javascript:"]:after, |
| - | a[href^="#"]:after { content: ""; } |
| - | |
| - | pre, |
| - | blockquote { |
| - | border: 1px solid $aluminum; |
| - | page-break-inside: avoid; |
| - | } |
| - | |
| - | thead { display: table-header-group; /* h5bp.com/t */ } |
| - | |
| - | tr, |
| - | img { page-break-inside: avoid; } |
| - | |
| - | img { max-width: 100% !important; } |
| - | |
| - | @page { margin: 0.5cm; } |
| - | |
| - | p, |
| - | h2, |
| - | h3 { |
| - | orphans: 3; |
| - | widows: 3; |
| - | } |
| - | |
| - | h2, |
| - | h3 { page-break-after: avoid; } |
| - | |
| - | .hide-on-print { display: none !important; } |
| - | .print-only { display: block !important; } |
| - | .hide-for-print { display: none !important; } |
| - | .show-for-print { display: inherit !important; } |
| - | } |
| - | } |
| - | |
| - | } |
| - | } |
generators/foundation5/public/stylesheets/foundation/components/_visibility.scss
+0
-408
| @@ | @@ -1,408 +0,0 @@ |
| - | // Foundation by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import "global"; |
| - | |
| - | // |
| - | // Foundation Visibility Classes |
| - | // |
| - | $include-html-visibility-classes: $include-html-classes !default; |
| - | $include-accessibility-classes: true !default; |
| - | $include-table-visibility-classes: true !default; |
| - | $include-legacy-visibility-classes: true !default; |
| - | |
| - | // |
| - | // Media Class Names |
| - | // |
| - | // Visibility Breakpoints |
| - | $visibility-breakpoint-sizes: |
| - | small, |
| - | medium, |
| - | large, |
| - | xlarge, |
| - | xxlarge; |
| - | |
| - | $visibility-breakpoint-queries: |
| - | unquote($small-up), |
| - | unquote($medium-up), |
| - | unquote($large-up), |
| - | unquote($xlarge-up), |
| - | unquote($xxlarge-up); |
| - | |
| - | @mixin visibility-loop { |
| - | @each $current-visibility-breakpoint in $visibility-breakpoint-sizes { |
| - | $visibility-inherit-list: (); |
| - | $visibility-none-list: (); |
| - | |
| - | $visibility-visible-list: (); |
| - | $visibility-hidden-list: (); |
| - | |
| - | $visibility-table-list: (); |
| - | $visibility-table-header-group-list: (); |
| - | $visibility-table-row-group-list: (); |
| - | $visibility-table-row-list: (); |
| - | $visibility-table-cell-list: (); |
| - | |
| - | @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes { |
| - | @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) { |
| - | // Smaller than current breakpoint |
| - | |
| - | $visibility-inherit-list: append($visibility-inherit-list, unquote( |
| - | '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-none-list: append($visibility-none-list, unquote( |
| - | '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-visible-list: append($visibility-visible-list, unquote( |
| - | '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-hidden-list: append($visibility-hidden-list, unquote( |
| - | '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-list: append($visibility-table-list, unquote( |
| - | 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( |
| - | 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( |
| - | 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-row-list: append($visibility-table-row-list, unquote( |
| - | 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-cell-list: append($visibility-table-cell-list, unquote( |
| - | 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | |
| - | // Foundation 4 compatibility: |
| - | // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes |
| - | // for small, medium, and large breakpoints only |
| - | @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { |
| - | $visibility-inherit-list: append($visibility-inherit-list, unquote( |
| - | '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-none-list: append($visibility-none-list, unquote( |
| - | '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-visible-list: append($visibility-visible-list, unquote( |
| - | '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-hidden-list: append($visibility-hidden-list, unquote( |
| - | '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-list: append($visibility-table-list, unquote( |
| - | 'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( |
| - | 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( |
| - | 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-row-list: append($visibility-table-row-list, unquote( |
| - | 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-cell-list: append($visibility-table-cell-list, unquote( |
| - | 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | } |
| - | |
| - | } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) { |
| - | // Larger than current breakpoint |
| - | |
| - | $visibility-inherit-list: append($visibility-inherit-list, unquote( |
| - | '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-none-list: append($visibility-none-list, unquote( |
| - | '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-visible-list: append($visibility-visible-list, unquote( |
| - | '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-hidden-list: append($visibility-hidden-list, unquote( |
| - | '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-list: append($visibility-table-list, unquote( |
| - | 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( |
| - | 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( |
| - | 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-row-list: append($visibility-table-row-list, unquote( |
| - | 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-cell-list: append($visibility-table-cell-list, unquote( |
| - | 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | |
| - | // Foundation 4 compatibility: |
| - | // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes |
| - | // for small, medium, and large breakpoints only |
| - | @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { |
| - | $visibility-inherit-list: append($visibility-inherit-list, unquote( |
| - | '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-none-list: append($visibility-none-list, unquote( |
| - | '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-visible-list: append($visibility-visible-list, unquote( |
| - | '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-hidden-list: append($visibility-hidden-list, unquote( |
| - | '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-list: append($visibility-table-list, unquote( |
| - | 'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( |
| - | 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( |
| - | 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-row-list: append($visibility-table-row-list, unquote( |
| - | 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-cell-list: append($visibility-table-cell-list, unquote( |
| - | 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | } |
| - | |
| - | } @else { |
| - | // Current breakpoint |
| - | |
| - | $visibility-inherit-list: append($visibility-inherit-list, unquote( |
| - | '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-none-list: append($visibility-none-list, unquote( |
| - | '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-visible-list: append($visibility-visible-list, unquote( |
| - | '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-hidden-list: append($visibility-hidden-list, unquote( |
| - | '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-list: append($visibility-table-list, unquote( |
| - | 'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( |
| - | 'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( |
| - | 'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-row-list: append($visibility-table-row-list, unquote( |
| - | 'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | $visibility-table-cell-list: append($visibility-table-cell-list, unquote( |
| - | 'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up' |
| - | ), comma); |
| - | |
| - | // Foundation 4 compatibility: |
| - | // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes |
| - | // for small, medium, and large breakpoints only |
| - | @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { |
| - | $visibility-inherit-list: append($visibility-inherit-list, unquote( |
| - | '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-none-list: append($visibility-none-list, unquote( |
| - | '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-visible-list: append($visibility-visible-list, unquote( |
| - | '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-hidden-list: append($visibility-hidden-list, unquote( |
| - | '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-list: append($visibility-table-list, unquote( |
| - | 'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( |
| - | 'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( |
| - | 'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-row-list: append($visibility-table-row-list, unquote( |
| - | 'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | $visibility-table-cell-list: append($visibility-table-cell-list, unquote( |
| - | 'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down' |
| - | ), comma); |
| - | } |
| - | } |
| - | } |
| - | |
| - | /* #{$current-visibility-breakpoint} displays */ |
| - | @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} { |
| - | #{$visibility-inherit-list} { |
| - | display: inherit !important; |
| - | } |
| - | #{$visibility-none-list} { |
| - | display: none !important; |
| - | } |
| - | @if $include-accessibility-classes != false { |
| - | #{$visibility-visible-list} { |
| - | @include element-invisible-off; |
| - | } |
| - | #{$visibility-hidden-list} { |
| - | @include element-invisible; |
| - | } |
| - | } |
| - | @if $include-table-visibility-classes != false { |
| - | #{$visibility-table-list} { |
| - | display: table !important; |
| - | } |
| - | #{$visibility-table-header-group-list} { |
| - | display: table-header-group !important; |
| - | } |
| - | #{$visibility-table-row-group-list} { |
| - | display: table-row-group !important; |
| - | } |
| - | #{$visibility-table-row-list} { |
| - | display: table-row !important; |
| - | } |
| - | #{$visibility-table-cell-list} { |
| - | display: table-cell !important; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | |
| - | @if $include-html-visibility-classes != false { |
| - | |
| - | @include visibility-loop; |
| - | |
| - | /* Orientation targeting */ |
| - | .show-for-landscape, |
| - | .hide-for-portrait { display: inherit !important; } |
| - | .hide-for-landscape, |
| - | .show-for-portrait { display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table { |
| - | &.hide-for-landscape, |
| - | &.show-for-portrait { display: table !important; } |
| - | } |
| - | thead { |
| - | &.hide-for-landscape, |
| - | &.show-for-portrait { display: table-header-group !important; } |
| - | } |
| - | tbody { |
| - | &.hide-for-landscape, |
| - | &.show-for-portrait { display: table-row-group !important; } |
| - | } |
| - | tr { |
| - | &.hide-for-landscape, |
| - | &.show-for-portrait { display: table-row !important; } |
| - | } |
| - | td, |
| - | th { |
| - | &.hide-for-landscape, |
| - | &.show-for-portrait { display: table-cell !important; } |
| - | } |
| - | |
| - | @media #{$landscape} { |
| - | .show-for-landscape, |
| - | .hide-for-portrait { display: inherit !important; } |
| - | .hide-for-landscape, |
| - | .show-for-portrait { display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table { |
| - | &.show-for-landscape, |
| - | &.hide-for-portrait { display: table !important; } |
| - | } |
| - | thead { |
| - | &.show-for-landscape, |
| - | &.hide-for-portrait { display: table-header-group !important; } |
| - | } |
| - | tbody { |
| - | &.show-for-landscape, |
| - | &.hide-for-portrait { display: table-row-group !important; } |
| - | } |
| - | tr { |
| - | &.show-for-landscape, |
| - | &.hide-for-portrait { display: table-row !important; } |
| - | } |
| - | td, |
| - | th { |
| - | &.show-for-landscape, |
| - | &.hide-for-portrait { display: table-cell !important; } |
| - | } |
| - | } |
| - | |
| - | @media #{$portrait} { |
| - | .show-for-portrait, |
| - | .hide-for-landscape { display: inherit !important; } |
| - | .hide-for-portrait, |
| - | .show-for-landscape { display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table { |
| - | &.show-for-portrait, |
| - | &.hide-for-landscape { display: table !important; } |
| - | } |
| - | thead { |
| - | &.show-for-portrait, |
| - | &.hide-for-landscape { display: table-header-group !important; } |
| - | } |
| - | tbody { |
| - | &.show-for-portrait, |
| - | &.hide-for-landscape { display: table-row-group !important; } |
| - | } |
| - | tr { |
| - | &.show-for-portrait, |
| - | &.hide-for-landscape { display: table-row !important; } |
| - | } |
| - | td, |
| - | th { |
| - | &.show-for-portrait, |
| - | &.hide-for-landscape { display: table-cell !important; } |
| - | } |
| - | } |
| - | |
| - | /* Touch-enabled device targeting */ |
| - | .show-for-touch { display: none !important; } |
| - | .hide-for-touch { display: inherit !important; } |
| - | .touch .show-for-touch { display: inherit !important; } |
| - | .touch .hide-for-touch { display: none !important; } |
| - | |
| - | /* Specific visibility for tables */ |
| - | table.hide-for-touch { display: table !important; } |
| - | .touch table.show-for-touch { display: table !important; } |
| - | thead.hide-for-touch { display: table-header-group !important; } |
| - | .touch thead.show-for-touch { display: table-header-group !important; } |
| - | tbody.hide-for-touch { display: table-row-group !important; } |
| - | .touch tbody.show-for-touch { display: table-row-group !important; } |
| - | tr.hide-for-touch { display: table-row !important; } |
| - | .touch tr.show-for-touch { display: table-row !important; } |
| - | td.hide-for-touch { display: table-cell !important; } |
| - | .touch td.show-for-touch { display: table-cell !important; } |
| - | th.hide-for-touch { display: table-cell !important; } |
| - | .touch th.show-for-touch { display: table-cell !important; } |
| - | |
| - | |
| - | /* Print visibility */ |
| - | @media print { |
| - | .show-for-print { display: block; } |
| - | .hide-for-print { display: none; } |
| - | |
| - | table.show-for-print { display: table !important; } |
| - | thead.show-for-print { display: table-header-group !important; } |
| - | tbody.show-for-print { display: table-row-group !important; } |
| - | tr.show-for-print { display: table-row !important; } |
| - | td.show-for-print { display: table-cell !important; } |
| - | th.show-for-print { display: table-cell !important; } |
| - | |
| - | } |
| - | |
| - | } |
generators/foundation5/public/stylesheets/normalize.css
+0
-357
| @@ | @@ -1,357 +0,0 @@ |
| - | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
| - | /** |
| - | * 1. Set default font family to sans-serif. |
| - | * 2. Prevent iOS text size adjust after orientation change, without disabling |
| - | * user zoom. |
| - | */ |
| - | html { |
| - | font-family: sans-serif; |
| - | /* 1 */ |
| - | -ms-text-size-adjust: 100%; |
| - | /* 2 */ |
| - | -webkit-text-size-adjust: 100%; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Remove default margin. |
| - | */ |
| - | body { |
| - | margin: 0; } |
| - | |
| - | /* HTML5 display definitions |
| - | ========================================================================== */ |
| - | /** |
| - | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| - | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| - | * and Firefox. |
| - | * Correct `block` display not defined for `main` in IE 11. |
| - | */ |
| - | article, |
| - | aside, |
| - | details, |
| - | figcaption, |
| - | figure, |
| - | footer, |
| - | header, |
| - | hgroup, |
| - | main, |
| - | menu, |
| - | nav, |
| - | section, |
| - | summary { |
| - | display: block; } |
| - | |
| - | /** |
| - | * 1. Correct `inline-block` display not defined in IE 8/9. |
| - | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| - | */ |
| - | audio, |
| - | canvas, |
| - | progress, |
| - | video { |
| - | display: inline-block; |
| - | /* 1 */ |
| - | vertical-align: baseline; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Prevent modern browsers from displaying `audio` without controls. |
| - | * Remove excess height in iOS 5 devices. |
| - | */ |
| - | audio:not([controls]) { |
| - | display: none; |
| - | height: 0; } |
| - | |
| - | /** |
| - | * Address `[hidden]` styling not present in IE 8/9/10. |
| - | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
| - | */ |
| - | [hidden], |
| - | template { |
| - | display: none; } |
| - | |
| - | /* Links |
| - | ========================================================================== */ |
| - | /** |
| - | * Remove the gray background color from active links in IE 10. |
| - | */ |
| - | a { |
| - | background-color: transparent; } |
| - | |
| - | /** |
| - | * Improve readability when focused and also mouse hovered in all browsers. |
| - | */ |
| - | a:active, |
| - | a:hover { |
| - | outline: 0; } |
| - | |
| - | /* Text-level semantics |
| - | ========================================================================== */ |
| - | /** |
| - | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| - | */ |
| - | abbr[title] { |
| - | border-bottom: 1px dotted; } |
| - | |
| - | /** |
| - | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | b, |
| - | strong { |
| - | font-weight: bold; } |
| - | |
| - | /** |
| - | * Address styling not present in Safari and Chrome. |
| - | */ |
| - | dfn { |
| - | font-style: italic; } |
| - | |
| - | /** |
| - | * Address variable `h1` font-size and margin within `section` and `article` |
| - | * contexts in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | h1 { |
| - | font-size: 2em; |
| - | margin: 0.67em 0; } |
| - | |
| - | /** |
| - | * Address styling not present in IE 8/9. |
| - | */ |
| - | mark { |
| - | background: #ff0; |
| - | color: #000; } |
| - | |
| - | /** |
| - | * Address inconsistent and variable font size in all browsers. |
| - | */ |
| - | small { |
| - | font-size: 80%; } |
| - | |
| - | /** |
| - | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| - | */ |
| - | sub, |
| - | sup { |
| - | font-size: 75%; |
| - | line-height: 0; |
| - | position: relative; |
| - | vertical-align: baseline; } |
| - | |
| - | sup { |
| - | top: -0.5em; } |
| - | |
| - | sub { |
| - | bottom: -0.25em; } |
| - | |
| - | /* Embedded content |
| - | ========================================================================== */ |
| - | /** |
| - | * Remove border when inside `a` element in IE 8/9/10. |
| - | */ |
| - | img { |
| - | border: 0; } |
| - | |
| - | /** |
| - | * Correct overflow not hidden in IE 9/10/11. |
| - | */ |
| - | svg:not(:root) { |
| - | overflow: hidden; } |
| - | |
| - | /* Grouping content |
| - | ========================================================================== */ |
| - | /** |
| - | * Address margin not present in IE 8/9 and Safari. |
| - | */ |
| - | figure { |
| - | margin: 1em 40px; } |
| - | |
| - | /** |
| - | * Address differences between Firefox and other browsers. |
| - | */ |
| - | hr { |
| - | -moz-box-sizing: content-box; |
| - | box-sizing: content-box; |
| - | height: 0; } |
| - | |
| - | /** |
| - | * Contain overflow in all browsers. |
| - | */ |
| - | pre { |
| - | overflow: auto; } |
| - | |
| - | /** |
| - | * Address odd `em`-unit font size rendering in all browsers. |
| - | */ |
| - | code, |
| - | kbd, |
| - | pre, |
| - | samp { |
| - | font-family: monospace, monospace; |
| - | font-size: 1em; } |
| - | |
| - | /* Forms |
| - | ========================================================================== */ |
| - | /** |
| - | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| - | * styling of `select`, unless a `border` property is set. |
| - | */ |
| - | /** |
| - | * 1. Correct color not being inherited. |
| - | * Known issue: affects color of disabled elements. |
| - | * 2. Correct font properties not being inherited. |
| - | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | button, |
| - | input, |
| - | optgroup, |
| - | select, |
| - | textarea { |
| - | color: inherit; |
| - | /* 1 */ |
| - | font: inherit; |
| - | /* 2 */ |
| - | margin: 0; |
| - | /* 3 */ } |
| - | |
| - | /** |
| - | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| - | */ |
| - | button { |
| - | overflow: visible; } |
| - | |
| - | /** |
| - | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| - | * All other form control elements do not inherit `text-transform` values. |
| - | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| - | * Correct `select` style inheritance in Firefox. |
| - | */ |
| - | button, |
| - | select { |
| - | text-transform: none; } |
| - | |
| - | /** |
| - | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| - | * and `video` controls. |
| - | * 2. Correct inability to style clickable `input` types in iOS. |
| - | * 3. Improve usability and consistency of cursor style between image-type |
| - | * `input` and others. |
| - | */ |
| - | button, |
| - | html input[type="button"], |
| - | input[type="reset"], |
| - | input[type="submit"] { |
| - | -webkit-appearance: button; |
| - | /* 2 */ |
| - | cursor: pointer; |
| - | /* 3 */ } |
| - | |
| - | /** |
| - | * Re-set default cursor for disabled elements. |
| - | */ |
| - | button[disabled], |
| - | html input[disabled] { |
| - | cursor: default; } |
| - | |
| - | /** |
| - | * Remove inner padding and border in Firefox 4+. |
| - | */ |
| - | button::-moz-focus-inner, |
| - | input::-moz-focus-inner { |
| - | border: 0; |
| - | padding: 0; } |
| - | |
| - | /** |
| - | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| - | * the UA stylesheet. |
| - | */ |
| - | input { |
| - | line-height: normal; } |
| - | |
| - | /** |
| - | * It's recommended that you don't attempt to style these elements. |
| - | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| - | * |
| - | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| - | * 2. Remove excess padding in IE 8/9/10. |
| - | */ |
| - | input[type="checkbox"], |
| - | input[type="radio"] { |
| - | box-sizing: border-box; |
| - | /* 1 */ |
| - | padding: 0; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| - | * `font-size` values of the `input`, it causes the cursor style of the |
| - | * decrement button to change from `default` to `text`. |
| - | */ |
| - | input[type="number"]::-webkit-inner-spin-button, |
| - | input[type="number"]::-webkit-outer-spin-button { |
| - | height: auto; } |
| - | |
| - | /** |
| - | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| - | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
| - | * (include `-moz` to future-proof). |
| - | */ |
| - | input[type="search"] { |
| - | -webkit-appearance: textfield; |
| - | /* 1 */ |
| - | -moz-box-sizing: content-box; |
| - | -webkit-box-sizing: content-box; |
| - | /* 2 */ |
| - | box-sizing: content-box; } |
| - | |
| - | /** |
| - | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| - | * Safari (but not Chrome) clips the cancel button when the search input has |
| - | * padding (and `textfield` appearance). |
| - | */ |
| - | input[type="search"]::-webkit-search-cancel-button, |
| - | input[type="search"]::-webkit-search-decoration { |
| - | -webkit-appearance: none; } |
| - | |
| - | /** |
| - | * Define consistent border, margin, and padding. |
| - | */ |
| - | fieldset { |
| - | border: 1px solid #c0c0c0; |
| - | margin: 0 2px; |
| - | padding: 0.35em 0.625em 0.75em; } |
| - | |
| - | /** |
| - | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| - | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| - | */ |
| - | legend { |
| - | border: 0; |
| - | /* 1 */ |
| - | padding: 0; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Remove default vertical scrollbar in IE 8/9/10/11. |
| - | */ |
| - | textarea { |
| - | overflow: auto; } |
| - | |
| - | /** |
| - | * Don't inherit the `font-weight` (applied by a rule above). |
| - | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| - | */ |
| - | optgroup { |
| - | font-weight: bold; } |
| - | |
| - | /* Tables |
| - | ========================================================================== */ |
| - | /** |
| - | * Remove most spacing between table cells. |
| - | */ |
| - | table { |
| - | border-collapse: collapse; |
| - | border-spacing: 0; } |
| - | |
| - | td, |
| - | th { |
| - | padding: 0; } |
generators/foundation5/public/stylesheets/normalize.css.scss
+0
-427
| @@ | @@ -1,427 +0,0 @@ |
| - | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
| - | |
| - | /** |
| - | * 1. Set default font family to sans-serif. |
| - | * 2. Prevent iOS text size adjust after orientation change, without disabling |
| - | * user zoom. |
| - | */ |
| - | |
| - | html { |
| - | font-family: sans-serif; /* 1 */ |
| - | -ms-text-size-adjust: 100%; /* 2 */ |
| - | -webkit-text-size-adjust: 100%; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Remove default margin. |
| - | */ |
| - | |
| - | body { |
| - | margin: 0; |
| - | } |
| - | |
| - | /* HTML5 display definitions |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| - | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| - | * and Firefox. |
| - | * Correct `block` display not defined for `main` in IE 11. |
| - | */ |
| - | |
| - | article, |
| - | aside, |
| - | details, |
| - | figcaption, |
| - | figure, |
| - | footer, |
| - | header, |
| - | hgroup, |
| - | main, |
| - | menu, |
| - | nav, |
| - | section, |
| - | summary { |
| - | display: block; |
| - | } |
| - | |
| - | /** |
| - | * 1. Correct `inline-block` display not defined in IE 8/9. |
| - | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| - | */ |
| - | |
| - | audio, |
| - | canvas, |
| - | progress, |
| - | video { |
| - | display: inline-block; /* 1 */ |
| - | vertical-align: baseline; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Prevent modern browsers from displaying `audio` without controls. |
| - | * Remove excess height in iOS 5 devices. |
| - | */ |
| - | |
| - | audio:not([controls]) { |
| - | display: none; |
| - | height: 0; |
| - | } |
| - | |
| - | /** |
| - | * Address `[hidden]` styling not present in IE 8/9/10. |
| - | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
| - | */ |
| - | |
| - | [hidden], |
| - | template { |
| - | display: none; |
| - | } |
| - | |
| - | /* Links |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Remove the gray background color from active links in IE 10. |
| - | */ |
| - | |
| - | a { |
| - | background-color: transparent; |
| - | } |
| - | |
| - | /** |
| - | * Improve readability when focused and also mouse hovered in all browsers. |
| - | */ |
| - | |
| - | a:active, |
| - | a:hover { |
| - | outline: 0; |
| - | } |
| - | |
| - | /* Text-level semantics |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| - | */ |
| - | |
| - | abbr[title] { |
| - | border-bottom: 1px dotted; |
| - | } |
| - | |
| - | /** |
| - | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | |
| - | b, |
| - | strong { |
| - | font-weight: bold; |
| - | } |
| - | |
| - | /** |
| - | * Address styling not present in Safari and Chrome. |
| - | */ |
| - | |
| - | dfn { |
| - | font-style: italic; |
| - | } |
| - | |
| - | /** |
| - | * Address variable `h1` font-size and margin within `section` and `article` |
| - | * contexts in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | |
| - | h1 { |
| - | font-size: 2em; |
| - | margin: 0.67em 0; |
| - | } |
| - | |
| - | /** |
| - | * Address styling not present in IE 8/9. |
| - | */ |
| - | |
| - | mark { |
| - | background: #ff0; |
| - | color: #000; |
| - | } |
| - | |
| - | /** |
| - | * Address inconsistent and variable font size in all browsers. |
| - | */ |
| - | |
| - | small { |
| - | font-size: 80%; |
| - | } |
| - | |
| - | /** |
| - | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| - | */ |
| - | |
| - | sub, |
| - | sup { |
| - | font-size: 75%; |
| - | line-height: 0; |
| - | position: relative; |
| - | vertical-align: baseline; |
| - | } |
| - | |
| - | sup { |
| - | top: -0.5em; |
| - | } |
| - | |
| - | sub { |
| - | bottom: -0.25em; |
| - | } |
| - | |
| - | /* Embedded content |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Remove border when inside `a` element in IE 8/9/10. |
| - | */ |
| - | |
| - | img { |
| - | border: 0; |
| - | } |
| - | |
| - | /** |
| - | * Correct overflow not hidden in IE 9/10/11. |
| - | */ |
| - | |
| - | svg:not(:root) { |
| - | overflow: hidden; |
| - | } |
| - | |
| - | /* Grouping content |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Address margin not present in IE 8/9 and Safari. |
| - | */ |
| - | |
| - | figure { |
| - | margin: 1em 40px; |
| - | } |
| - | |
| - | /** |
| - | * Address differences between Firefox and other browsers. |
| - | */ |
| - | |
| - | hr { |
| - | -moz-box-sizing: content-box; |
| - | box-sizing: content-box; |
| - | height: 0; |
| - | } |
| - | |
| - | /** |
| - | * Contain overflow in all browsers. |
| - | */ |
| - | |
| - | pre { |
| - | overflow: auto; |
| - | } |
| - | |
| - | /** |
| - | * Address odd `em`-unit font size rendering in all browsers. |
| - | */ |
| - | |
| - | code, |
| - | kbd, |
| - | pre, |
| - | samp { |
| - | font-family: monospace, monospace; |
| - | font-size: 1em; |
| - | } |
| - | |
| - | /* Forms |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| - | * styling of `select`, unless a `border` property is set. |
| - | */ |
| - | |
| - | /** |
| - | * 1. Correct color not being inherited. |
| - | * Known issue: affects color of disabled elements. |
| - | * 2. Correct font properties not being inherited. |
| - | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | |
| - | button, |
| - | input, |
| - | optgroup, |
| - | select, |
| - | textarea { |
| - | color: inherit; /* 1 */ |
| - | font: inherit; /* 2 */ |
| - | margin: 0; /* 3 */ |
| - | } |
| - | |
| - | /** |
| - | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| - | */ |
| - | |
| - | button { |
| - | overflow: visible; |
| - | } |
| - | |
| - | /** |
| - | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| - | * All other form control elements do not inherit `text-transform` values. |
| - | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| - | * Correct `select` style inheritance in Firefox. |
| - | */ |
| - | |
| - | button, |
| - | select { |
| - | text-transform: none; |
| - | } |
| - | |
| - | /** |
| - | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| - | * and `video` controls. |
| - | * 2. Correct inability to style clickable `input` types in iOS. |
| - | * 3. Improve usability and consistency of cursor style between image-type |
| - | * `input` and others. |
| - | */ |
| - | |
| - | button, |
| - | html input[type="button"], /* 1 */ |
| - | input[type="reset"], |
| - | input[type="submit"] { |
| - | -webkit-appearance: button; /* 2 */ |
| - | cursor: pointer; /* 3 */ |
| - | } |
| - | |
| - | /** |
| - | * Re-set default cursor for disabled elements. |
| - | */ |
| - | |
| - | button[disabled], |
| - | html input[disabled] { |
| - | cursor: default; |
| - | } |
| - | |
| - | /** |
| - | * Remove inner padding and border in Firefox 4+. |
| - | */ |
| - | |
| - | button::-moz-focus-inner, |
| - | input::-moz-focus-inner { |
| - | border: 0; |
| - | padding: 0; |
| - | } |
| - | |
| - | /** |
| - | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| - | * the UA stylesheet. |
| - | */ |
| - | |
| - | input { |
| - | line-height: normal; |
| - | } |
| - | |
| - | /** |
| - | * It's recommended that you don't attempt to style these elements. |
| - | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| - | * |
| - | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| - | * 2. Remove excess padding in IE 8/9/10. |
| - | */ |
| - | |
| - | input[type="checkbox"], |
| - | input[type="radio"] { |
| - | box-sizing: border-box; /* 1 */ |
| - | padding: 0; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| - | * `font-size` values of the `input`, it causes the cursor style of the |
| - | * decrement button to change from `default` to `text`. |
| - | */ |
| - | |
| - | input[type="number"]::-webkit-inner-spin-button, |
| - | input[type="number"]::-webkit-outer-spin-button { |
| - | height: auto; |
| - | } |
| - | |
| - | /** |
| - | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| - | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
| - | * (include `-moz` to future-proof). |
| - | */ |
| - | |
| - | input[type="search"] { |
| - | -webkit-appearance: textfield; /* 1 */ |
| - | -moz-box-sizing: content-box; |
| - | -webkit-box-sizing: content-box; /* 2 */ |
| - | box-sizing: content-box; |
| - | } |
| - | |
| - | /** |
| - | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| - | * Safari (but not Chrome) clips the cancel button when the search input has |
| - | * padding (and `textfield` appearance). |
| - | */ |
| - | |
| - | input[type="search"]::-webkit-search-cancel-button, |
| - | input[type="search"]::-webkit-search-decoration { |
| - | -webkit-appearance: none; |
| - | } |
| - | |
| - | /** |
| - | * Define consistent border, margin, and padding. |
| - | */ |
| - | |
| - | fieldset { |
| - | border: 1px solid #c0c0c0; |
| - | margin: 0 2px; |
| - | padding: 0.35em 0.625em 0.75em; |
| - | } |
| - | |
| - | /** |
| - | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| - | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| - | */ |
| - | |
| - | legend { |
| - | border: 0; /* 1 */ |
| - | padding: 0; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Remove default vertical scrollbar in IE 8/9/10/11. |
| - | */ |
| - | |
| - | textarea { |
| - | overflow: auto; |
| - | } |
| - | |
| - | /** |
| - | * Don't inherit the `font-weight` (applied by a rule above). |
| - | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| - | */ |
| - | |
| - | optgroup { |
| - | font-weight: bold; |
| - | } |
| - | |
| - | /* Tables |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Remove most spacing between table cells. |
| - | */ |
| - | |
| - | table { |
| - | border-collapse: collapse; |
| - | border-spacing: 0; |
| - | } |
| - | |
| - | td, |
| - | th { |
| - | padding: 0; |
| - | } |
generators/foundation6/Gemfile.tt
+0
-24
| @@ | @@ -1,24 +0,0 @@ |
| - | source 'https://rubygems.org' |
| - | |
| - | gem 'locomotivecms_wagon', '~> <%= config[:version] -%>' |
| - | |
| - | gem 'guard-livereload', '~> 2.5.1' |
| - | |
| - | group :development do |
| - | # Mac OS X |
| - | gem 'rb-fsevent', '~> 0.9.1', require: 'rb-fsevent' if RUBY_PLATFORM.include?('darwin') |
| - | |
| - | # Unix |
| - | gem 'therubyracer', require: 'v8', platforms: :ruby unless RUBY_PLATFORM.include?('darwin') |
| - | |
| - | gem 'rb-inotify', '~> 0.9', require: 'rb-inotify' if RUBY_PLATFORM.include?('linux') |
| - | |
| - | # Windows |
| - | gem 'wdm', '~> 0.1.1', require: 'wdm' if RUBY_PLATFORM =~ /mswin|mingw/i |
| - | end |
| - | |
| - | group :misc do |
| - | # Add your extra gems here |
| - | # gem 'susy', require: 'susy' |
| - | # gem 'bourbon', require: 'bourbon' |
| - | end |
generators/foundation6/Guardfile
+0
-22
| @@ | @@ -1,22 +0,0 @@ |
| - | # LiveReload installation |
| - | # |
| - | # 1. Add the guard-livereload gem to your Gemfile OR uncomment the line: |
| - | # |
| - | # gem 'guard-livereload' |
| - | # |
| - | # 2. Install the gem on your machine |
| - | # |
| - | # bundle install |
| - | # |
| - | # 3. Launch Guard |
| - | # |
| - | # bundle exec guard |
| - | # |
| - | |
| - | guard 'livereload', host: '0.0.0.0', port: ENV['WAGON_LIVERELOAD_PORT'] || 35729, grace_period: 0.5 do |
| - | watch(%r{app/content_types/.+\.yml$}) |
| - | watch(%r{app/views/.+\.liquid}) |
| - | watch(%r{config/.+\.yml$}) |
| - | watch(%r{data/.+\.yml$}) |
| - | watch(%r{public/((stylesheets|javascripts)/(.+\.(css|js))).*}) { |m| "/#{m[1]}" } |
| - | end |
generators/foundation6/README.md
+0
-19
| @@ | @@ -1,19 +0,0 @@ |
| - | # Foundation 6 Template for LocomotiveCMS# |
| - | |
| - | This is a basic template for a Foundation for sites 6 based locomotiveCMS site. Hopefully, it should be a good jumping off point. |
| - | |
| - | ## Installation ## |
| - | |
| - | ``` |
| - | git clone https://github.com/dustb0wl/locomotive-foundation6.git |
| - | cd ./locomotive-foundation6 |
| - | bundle install |
| - | bundle exec wagon serve |
| - | ``` |
| - | |
| - | Read More at the LocomotiveCMS Docs: |
| - | [https://locomotive-v3.readme.io/](https://locomotive-v3.readme.io/) |
| - | |
| - | ## License ## |
| - | |
| - | [MIT License](https://opensource.org/licenses/MIT) |
generators/foundation6/app/content_types/.gitkeep
+0
-0
generators/foundation6/app/views/pages/404.liquid
+0
-11
| @@ | @@ -1,11 +0,0 @@ |
| - | --- |
| - | title: Page not found |
| - | published: true |
| - | --- |
| - | {% extends index %} |
| - | |
| - | {% block 'main' %} |
| - | |
| - | <p>Page not found</p> |
| - | |
| - | {% endblock %} |
generators/foundation6/app/views/pages/404.liquid.haml
+0
-11
| @@ | @@ -1,11 +0,0 @@ |
| - | --- |
| - | title: Page not found |
| - | published: true |
| - | --- |
| - | {% extends index %} |
| - | |
| - | {% block 'main' %} |
| - | |
| - | %p Page not found |
| - | |
| - | {% endblock %} |
generators/foundation6/app/views/pages/index.liquid
+0
-172
| @@ | @@ -1,172 +0,0 @@ |
| - | --- |
| - | title: Home page |
| - | published: true |
| - | --- |
| - | <!doctype html> |
| - | <html class="no-js" lang="en"> |
| - | <head> |
| - | <meta charset="utf-8"> |
| - | <meta http-equiv="x-ua-compatible" content="ie=edge"> |
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| - | <title>Foundation for Sites</title> |
| - | {{ 'app.css' | stylesheet_tag }} |
| - | </head> |
| - | <body> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <h1>Welcome to Foundation</h1> |
| - | </div> |
| - | </div> |
| - | |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <div class="callout"> |
| - | <h3>We’re stoked you want to try Foundation! </h3> |
| - | <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p> |
| - | <p>Once you've exhausted the fun in this document, you should check out:</p> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 columns"> |
| - | <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 medium-push-2 columns"> |
| - | <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p> |
| - | </div> |
| - | <div class="large-4 medium-4 medium-pull-2 columns"> |
| - | <p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | |
| - | <div class="row"> |
| - | <div class="large-8 medium-8 columns"> |
| - | <h5>Here’s your basic grid:</h5> |
| - | <!-- Grid Example --> |
| - | |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <div class="primary callout"> |
| - | <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-6 medium-6 columns"> |
| - | <div class="primary callout"> |
| - | <p>Six columns</p> |
| - | </div> |
| - | </div> |
| - | <div class="large-6 medium-6 columns"> |
| - | <div class="primary callout"> |
| - | <p>Six columns</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 small-4 columns"> |
| - | <div class="primary callout"> |
| - | <p>Four columns</p> |
| - | </div> |
| - | </div> |
| - | <div class="large-4 medium-4 small-4 columns"> |
| - | <div class="primary callout"> |
| - | <p>Four columns</p> |
| - | </div> |
| - | </div> |
| - | <div class="large-4 medium-4 small-4 columns"> |
| - | <div class="primary callout"> |
| - | <p>Four columns</p> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | |
| - | <hr /> |
| - | |
| - | <h5>We bet you’ll need a form somewhere:</h5> |
| - | <form> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <label>Input Label</label> |
| - | <input type="text" placeholder="large-12.columns" /> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-4 medium-4 columns"> |
| - | <label>Input Label</label> |
| - | <input type="text" placeholder="large-4.columns" /> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <label>Input Label</label> |
| - | <input type="text" placeholder="large-4.columns" /> |
| - | </div> |
| - | <div class="large-4 medium-4 columns"> |
| - | <div class="row collapse"> |
| - | <label>Input Label</label> |
| - | <div class="input-group"> |
| - | <input type="text" placeholder="small-9.columns" class="input-group-field" /> |
| - | <span class="input-group-label">.com</span> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <label>Select Box</label> |
| - | <select> |
| - | <option value="husker">Husker</option> |
| - | <option value="starbuck">Starbuck</option> |
| - | <option value="hotdog">Hot Dog</option> |
| - | <option value="apollo">Apollo</option> |
| - | </select> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-6 medium-6 columns"> |
| - | <label>Choose Your Favorite</label> |
| - | <input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label> |
| - | <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label> |
| - | </div> |
| - | <div class="large-6 medium-6 columns"> |
| - | <label>Check these out</label> |
| - | <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label> |
| - | <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label> |
| - | </div> |
| - | </div> |
| - | <div class="row"> |
| - | <div class="large-12 columns"> |
| - | <label>Textarea Label</label> |
| - | <textarea placeholder="small-12.columns"></textarea> |
| - | </div> |
| - | </div> |
| - | </form> |
| - | </div> |
| - | |
| - | <div class="large-4 medium-4 columns"> |
| - | <h5>Try one of these buttons:</h5> |
| - | <p><a href="#" class="button">Simple Button</a><br/> |
| - | <a href="#" class="success button">Success Btn</a><br/> |
| - | <a href="#" class="alert button">Alert Btn</a><br/> |
| - | <a href="#" class="secondary button">Secondary Btn</a></p> |
| - | <div class="callout"> |
| - | <h5>So many components, girl!</h5> |
| - | <p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p> |
| - | <a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a> |
| - | </div> |
| - | </div> |
| - | </div> |
| - | |
| - | <script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script> |
| - | {{'vendor/what-input.min.js' | javascript_tag }} |
| - | {{ 'vendor/foundation.min.js' | javascript_tag }} |
| - | {{'app.js' | javascript_tag }} |
| - | </body> |
| - | </html> |
generators/foundation6/app/views/pages/index.liquid.haml
+0
-144
| @@ | @@ -1,144 +0,0 @@ |
| - | --- |
| - | title: Home page |
| - | published: true |
| - | --- |
| - | !!! |
| - | %html.no-js{:lang => "en"} |
| - | %head |
| - | %meta{:charset => "utf-8"} |
| - | %meta{:content => "ie=edge", "http-equiv" => "x-ua-compatible"} |
| - | %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"} |
| - | %title Foundation for Sites |
| - | {{ 'app.css' | stylesheet_tag }} |
| - | %body |
| - | .row |
| - | .large-12.columns |
| - | %h1 Welcome to Foundation |
| - | .row |
| - | .large-12.columns |
| - | .callout |
| - | %h3 We’re stoked you want to try Foundation! |
| - | %p To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going. |
| - | %p Once you've exhausted the fun in this document, you should check out: |
| - | .row |
| - | .large-4.medium-4.columns |
| - | %p |
| - | %a{:href => "http://foundation.zurb.com/docs"} Foundation Documentation |
| - | = succeed "Everything" do |
| - | %br/ |
| - | you need to know about using the framework. |
| - | .large-4.medium-4.columns |
| - | %p |
| - | %a{:href => "http://zurb.com/university/code-skills"} Foundation Code Skills |
| - | = succeed "These" do |
| - | %br/ |
| - | online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects. |
| - | .large-4.medium-4.columns |
| - | %p |
| - | %a{:href => "http://foundation.zurb.com/forum"} Foundation Forum |
| - | = succeed "Join" do |
| - | %br/ |
| - | the Foundation community to ask a question or show off your knowlege. |
| - | .row |
| - | .large-4.medium-4.medium-push-2.columns |
| - | %p |
| - | %a{:href => "http://github.com/zurb/foundation"} Foundation on Github |
| - | = succeed "Latest" do |
| - | %br/ |
| - | code, issue reports, feature requests and more. |
| - | .large-4.medium-4.medium-pull-2.columns |
| - | %p |
| - | %a{:href => "https://twitter.com/ZURBfoundation"} @zurbfoundation |
| - | = succeed "Ping" do |
| - | %br/ |
| - | us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker). |
| - | .row |
| - | .large-8.medium-8.columns |
| - | %h5 Here’s your basic grid: |
| - | / Grid Example |
| - | .row |
| - | .large-12.columns |
| - | .primary.callout |
| - | %p |
| - | %strong This is a twelve column section in a row. |
| - | Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid. |
| - | .row |
| - | .large-6.medium-6.columns |
| - | .primary.callout |
| - | %p Six columns |
| - | .large-6.medium-6.columns |
| - | .primary.callout |
| - | %p Six columns |
| - | .row |
| - | .large-4.medium-4.small-4.columns |
| - | .primary.callout |
| - | %p Four columns |
| - | .large-4.medium-4.small-4.columns |
| - | .primary.callout |
| - | %p Four columns |
| - | .large-4.medium-4.small-4.columns |
| - | .primary.callout |
| - | %p Four columns |
| - | %hr/ |
| - | %h5 We bet you’ll need a form somewhere: |
| - | %form |
| - | .row |
| - | .large-12.columns |
| - | %label Input Label |
| - | %input{:placeholder => "large-12.columns", :type => "text"}/ |
| - | .row |
| - | .large-4.medium-4.columns |
| - | %label Input Label |
| - | %input{:placeholder => "large-4.columns", :type => "text"}/ |
| - | .large-4.medium-4.columns |
| - | %label Input Label |
| - | %input{:placeholder => "large-4.columns", :type => "text"}/ |
| - | .large-4.medium-4.columns |
| - | .row.collapse |
| - | %label Input Label |
| - | .input-group |
| - | %input.input-group-field{:placeholder => "small-9.columns", :type => "text"}/ |
| - | %span.input-group-label .com |
| - | .row |
| - | .large-12.columns |
| - | %label Select Box |
| - | %select |
| - | %option{:value => "husker"} Husker |
| - | %option{:value => "starbuck"} Starbuck |
| - | %option{:value => "hotdog"} Hot Dog |
| - | %option{:value => "apollo"} Apollo |
| - | .row |
| - | .large-6.medium-6.columns |
| - | %label Choose Your Favorite |
| - | %input#pokemonRed{:name => "pokemon", :type => "radio", :value => "Red"} |
| - | %label{:for => "pokemonRed"} Radio 1 |
| - | %input#pokemonBlue{:name => "pokemon", :type => "radio", :value => "Blue"} |
| - | %label{:for => "pokemonBlue"} Radio 2 |
| - | .large-6.medium-6.columns |
| - | %label Check these out |
| - | %input#checkbox1{:type => "checkbox"} |
| - | %label{:for => "checkbox1"} Checkbox 1 |
| - | %input#checkbox2{:type => "checkbox"} |
| - | %label{:for => "checkbox2"} Checkbox 2 |
| - | .row |
| - | .large-12.columns |
| - | %label Textarea Label |
| - | %textarea{:placeholder => "small-12.columns"} |
| - | .large-4.medium-4.columns |
| - | %h5 Try one of these buttons: |
| - | %p |
| - | %a.button{:href => "#"} Simple Button |
| - | %br/ |
| - | %a.success.button{:href => "#"} Success Btn |
| - | %br/ |
| - | %a.alert.button{:href => "#"} Alert Btn |
| - | %br/ |
| - | %a.secondary.button{:href => "#"} Secondary Btn |
| - | .callout |
| - | %h5 So many components, girl! |
| - | %p A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own. |
| - | %a.small.button{:href => "http://foundation.zurb.com/sites/docs/"} Go to Foundation Docs |
| - | %script{:crossorigin => "anonymous", :integrity => "sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=", :src => "https://code.jquery.com/jquery-2.2.3.min.js"} |
| - | {{'vendor/what-input.min.js' | javascript_tag }} |
| - | {{ 'vendor/foundation.min.js' | javascript_tag }} |
| - | {{'app.js' | javascript_tag }} |
generators/foundation6/app/views/snippets/.gitkeep
+0
-0
generators/foundation6/config/deploy.yml
+0
-16
| @@ | @@ -1,16 +0,0 @@ |
| - | # development: |
| - | # host: dev.example.com |
| - | # email: john@doe.net |
| - | # password: apassword |
| - | # # api_key: <your api key here> |
| - | # staging: |
| - | # host: staging.example.com |
| - | # email: john@doe.net |
| - | # password: apassword |
| - | # # api_key: <your api key here> |
| - | # production: |
| - | # host: www.example.com |
| - | # email: john@doe.net |
| - | # password: apassword |
| - | # # api_key: <your api key here> |
| - | # # ssl: true |
generators/foundation6/config/metafields_schema.yml
+0
-56
| @@ | @@ -1,56 +0,0 @@ |
| - | # Site metafield schema |
| - | # |
| - | # Syntax: |
| - | # |
| - | # <namespace_1>: # no empty spaces, only digits and underscores |
| - | # label: <my label> # used as the label of a tab in the back-office |
| - | # # label: # if you want to provide the label in another language (back-office) |
| - | # # en: <your label in English if the local of the current user is English> |
| - | # # fr: <your label in French> |
| - | # position: <0..n> # position of the tab in the menu |
| - | # fields: |
| - | # <name_1>: |
| - | # label: <my label> # used as the label of the HTML input. Use a hash if you want it in another languages. |
| - | # hint: <my hint> # used as the hint of the HTML input. Use a hash if you want it in another languages. |
| - | # type: <string|text|integer|float|file|image|boolean|select|color> |
| - | # localized: <true|false> # if the value is scoped by the current locale when rendering the site. |
| - | # position: <0..n> # position of the input in the form |
| - | # select_options: [array] |
| - | # # select_options: |
| - | # # <option_value_1>: <label> # use a hash instead if you want it in another languages. |
| - | # # <option_value_2>: <label> # use a hash instead if you want it in another languages. |
| - | # # <name_2>: |
| - | # # ... |
| - | # |
| - | # <namespace_2>: |
| - | # # ... |
| - | # |
| - | # |
| - | # Simple example: |
| - | # |
| - | # shop: |
| - | # label: My shop location |
| - | # fields: |
| - | # address: |
| - | # type: string |
| - | # hint: "Ex: 7 allee Albert Camus" |
| - | # city: |
| - | # type: string |
| - | # hint: "Chicago, Paris, Blagnac, Toulouse" |
| - | # zip_code: |
| - | # type: string |
| - | # hint: "Digits only" |
| - | # hours: |
| - | # type: text |
| - | # hint: "Free text here" |
| - | # theme: |
| - | # fields: |
| - | # background_image: |
| - | # type: image |
| - | # hint: full screen image (min: 3000px x 3000px) |
| - | # link_color: |
| - | # type: color |
| - | # font: |
| - | # type: select |
| - | # select_options: ['helvetica', 'Noto'] |
| - | |
generators/foundation6/config/site.yml
+0
-48
| @@ | @@ -1,48 +0,0 @@ |
| - | # The name of this site |
| - | # This text displays in the back-office and |
| - | # can be used in templates through the site.name global variable |
| - | name: "locomotive-foundation6" |
| - | |
| - | # An array of domain aliases for the site |
| - | # This option is for sites on multi-site engines |
| - | # domains: [www.example.com, example.com] |
| - | |
| - | # An array of locales (languages) the site is available in |
| - | # The locale listed first is the site's default locale |
| - | # Locales are specified using ISO language codes |
| - | # Possible locales include: en, de, fr, pl, pt-BR, it, nl, nb, es, ru, et, ja, zh-CN |
| - | locales: [en] |
| - | |
| - | # The site's timezone |
| - | # This converts the server's time to the site's time zone in templates |
| - | # The TimeZone class from Rail's ActiveSupport is used to interpret the string |
| - | # Sample timezone strings: Tokyo, Beijing, Moscow, Cairo, Paris, Pacific Time (US & Canada) |
| - | # timezone: Paris |
| - | |
| - | # For SEO purposes, sites may wish to add a relevant string to the <title> tag |
| - | # And include <meta type="keywords"> and <meta type="description"> |
| - | # For this purpose you can set values for these variables here |
| - | # They can be accessed in templates through the site.seo_title, site.meta_keywords, and site.meta_description variables |
| - | seo_title: locomotive-foundation6 |
| - | meta_keywords: "some meta keywords" |
| - | meta_description: "some meta description" |
| - | |
| - | # You can control the display of the "Properties" section in the back-office |
| - | # metafields_ui: |
| - | # label: Store settings # use a hash for localized versions |
| - | # icon: shopping-cart # FontAwesome icons without the leading "fa-" string. |
| - | # hint: "Lorem ipsum..." |
| - | |
| - | # Each site can have its own set of custom properties organized in namespaces. |
| - | # First, define namespaces and their fields in the config/metafields_schema.yml file. |
| - | # Finally, set default values below as described in the example. |
| - | # You can access them in your liquid templates and snippets: |
| - | # {{ site.metafields.<namespace>.<field> }} |
| - | # |
| - | # Example: |
| - | # |
| - | # metafields: |
| - | # shop: |
| - | # address: 700 South Laflin Street |
| - | # theme: |
| - | # background_image: "/samples/background.png" |
generators/foundation6/config/translations.yml
+0
-8
| @@ | @@ -1,8 +0,0 @@ |
| - | # Your translations go here. To be used with the 'translate' liquid filter |
| - | # Example: |
| - | # {{ 'hello_world' | translate }} |
| - | # |
| - | |
| - | # hello_world: |
| - | # en: Hello world ! |
| - | # fr: Bonjour le monde ! |
generators/foundation6/data/.gitkeep
+0
-0
generators/foundation6/log/server.log
+0
-7
| @@ | @@ -1,7 +0,0 @@ |
| - | # Logfile created on 2016-05-09 12:21:18 -0500 by logger.rb/44203 |
| - | I, [2016-05-09T12:21:18.836825 #3350] INFO -- : Thin web server (v1.6.4 codename Gob Bluth) |
| - | I, [2016-05-09T12:21:18.836924 #3350] INFO -- : Maximum connections set to 1024 |
| - | I, [2016-05-09T12:21:18.836956 #3350] INFO -- : Listening on 0.0.0.0:3333, CTRL+C to stop |
| - | I, [2016-05-09T12:21:48.431407 #3556] INFO -- : Thin web server (v1.6.4 codename Gob Bluth) |
| - | I, [2016-05-09T12:21:48.431499 #3556] INFO -- : Maximum connections set to 1024 |
| - | I, [2016-05-09T12:21:48.431527 #3556] INFO -- : Listening on 0.0.0.0:3333, CTRL+C to stop |
generators/foundation6/public/images/.gitkeep
+0
-0
generators/foundation6/public/javascripts/app.js
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | $(document).foundation(); |
generators/foundation6/public/javascripts/vendor/foundation.js
+0
-7472
| @@ | @@ -1,7472 +0,0 @@ |
| - | !function($) { |
| - | |
| - | "use strict"; |
| - | |
| - | var FOUNDATION_VERSION = '6.0.3'; |
| - | |
| - | // Global Foundation object |
| - | // This is attached to the window, or used as a module for AMD/Browserify |
| - | var Foundation = { |
| - | version: FOUNDATION_VERSION, |
| - | |
| - | /** |
| - | * Stores initialized plugins. |
| - | */ |
| - | _plugins: {}, |
| - | |
| - | /** |
| - | * Stores generated unique ids for plugin instances |
| - | */ |
| - | _uuids: [], |
| - | /** |
| - | * Stores currently active plugins. |
| - | */ |
| - | _activePlugins: {}, |
| - | |
| - | /** |
| - | * Returns a boolean for RTL support |
| - | */ |
| - | rtl: function(){ |
| - | return $('html').attr('dir') === 'rtl'; |
| - | }, |
| - | /** |
| - | * Defines a Foundation plugin, adding it to the `Foundation` namespace and the list of plugins to initialize when reflowing. |
| - | * @param {Object} plugin - The constructor of the plugin. |
| - | */ |
| - | plugin: function(plugin, name) { |
| - | // Object key to use when adding to global Foundation object |
| - | // Examples: Foundation.Reveal, Foundation.OffCanvas |
| - | var className = (name || functionName(plugin)); |
| - | // Object key to use when storing the plugin, also used to create the identifying data attribute for the plugin |
| - | // Examples: data-reveal, data-off-canvas |
| - | var attrName = hyphenate(className); |
| - | |
| - | // Add to the Foundation object and the plugins list (for reflowing) |
| - | this._plugins[attrName] = this[className] = plugin; |
| - | }, |
| - | /** |
| - | * @function |
| - | * Creates a pointer to an instance of a Plugin within the Foundation._activePlugins object. |
| - | * Sets the `[data-pluginName="uniqueIdHere"]`, allowing easy access to any plugin's internal methods. |
| - | * Also fires the initialization event for each plugin, consolidating repeditive code. |
| - | * @param {Object} plugin - an instance of a plugin, usually `this` in context. |
| - | * @fires Plugin#init |
| - | */ |
| - | registerPlugin: function(plugin){ |
| - | var pluginName = functionName(plugin.constructor).toLowerCase(); |
| - | |
| - | plugin.uuid = this.GetYoDigits(6, pluginName); |
| - | plugin.$element.attr('data-' + pluginName, plugin.uuid) |
| - | /** |
| - | * Fires when the plugin has initialized. |
| - | * @event Plugin#init |
| - | */ |
| - | .trigger('init.zf.' + pluginName); |
| - | |
| - | this._activePlugins[plugin.uuid] = plugin; |
| - | |
| - | return; |
| - | }, |
| - | /** |
| - | * @function |
| - | * Removes the pointer for an instance of a Plugin from the Foundation._activePlugins obj. |
| - | * Also fires the destroyed event for the plugin, consolidating repeditive code. |
| - | * @param {Object} plugin - an instance of a plugin, usually `this` in context. |
| - | * @fires Plugin#destroyed |
| - | */ |
| - | unregisterPlugin: function(plugin){ |
| - | var pluginName = functionName(plugin.constructor).toLowerCase(); |
| - | |
| - | delete this._activePlugins[plugin.uuid]; |
| - | plugin.$element.removeAttr('data-' + pluginName) |
| - | /** |
| - | * Fires when the plugin has been destroyed. |
| - | * @event Plugin#destroyed |
| - | */ |
| - | .trigger('destroyed.zf.' + pluginName); |
| - | |
| - | return; |
| - | }, |
| - | |
| - | /** |
| - | * @function |
| - | * Causes one or more active plugins to re-initialize, resetting event listeners, recalculating positions, etc. |
| - | * @param {String} plugins - optional string of an individual plugin key, attained by calling `$(element).data('pluginName')`, or string of a plugin class i.e. `'dropdown'` |
| - | * @default If no argument is passed, reflow all currently active plugins. |
| - | */ |
| - | _reflow: function(plugins){ |
| - | var actvPlugins = Object.keys(this._activePlugins); |
| - | var _this = this; |
| - | |
| - | if(!plugins){ |
| - | actvPlugins.forEach(function(p){ |
| - | _this._activePlugins[p]._init(); |
| - | }); |
| - | |
| - | }else if(typeof plugins === 'string'){ |
| - | var namespace = plugins.split('-')[1]; |
| - | |
| - | if(namespace){ |
| - | |
| - | this._activePlugins[plugins]._init(); |
| - | |
| - | }else{ |
| - | namespace = new RegExp(plugins, 'i'); |
| - | |
| - | actvPlugins.filter(function(p){ |
| - | return namespace.test(p); |
| - | }).forEach(function(p){ |
| - | _this._activePlugins[p]._init(); |
| - | }); |
| - | } |
| - | } |
| - | |
| - | }, |
| - | |
| - | /** |
| - | * returns a random base-36 uid with namespacing |
| - | * @function |
| - | * @param {Number} length - number of random base-36 digits desired. Increase for more random strings. |
| - | * @param {String} namespace - name of plugin to be incorporated in uid, optional. |
| - | * @default {String} '' - if no plugin name is provided, nothing is appended to the uid. |
| - | * @returns {String} - unique id |
| - | */ |
| - | GetYoDigits: function(length, namespace){ |
| - | length = length || 6; |
| - | return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1) + (namespace ? '-' + namespace : ''); |
| - | }, |
| - | /** |
| - | * Initialize plugins on any elements within `elem` (and `elem` itself) that aren't already initialized. |
| - | * @param {Object} elem - jQuery object containing the element to check inside. Also checks the element itself, unless it's the `document` object. |
| - | * @param {String|Array} plugins - A list of plugins to initialize. Leave this out to initialize everything. |
| - | */ |
| - | reflow: function(elem, plugins) { |
| - | // If plugins is undefined, just grab everything |
| - | if (typeof plugins === 'undefined') { |
| - | plugins = Object.keys(this._plugins); |
| - | } |
| - | // If plugins is a string, convert it to an array with one item |
| - | else if (typeof plugins === 'string') { |
| - | plugins = [plugins]; |
| - | } |
| - | |
| - | var _this = this; |
| - | |
| - | // Iterate through each plugin |
| - | $.each(plugins, function(i, name) { |
| - | // Get the current plugin |
| - | var plugin = _this._plugins[name]; |
| - | |
| - | // Localize the search to all elements inside elem, as well as elem itself, unless elem === document |
| - | var $elem = $(elem).find('[data-'+name+']').addBack('*'); |
| - | |
| - | // For each plugin found, initialize it |
| - | $elem.each(function() { |
| - | // Don't double-dip on plugins |
| - | if ($(this).attr('zf-plugin')) { |
| - | console.warn("Tried to initialize "+name+" on an element that already has a Foundation plugin."); |
| - | return; |
| - | } |
| - | $(this).data('zf-plugin', new plugin($(this))); |
| - | }); |
| - | }); |
| - | }, |
| - | getFnName: functionName, |
| - | transitionend: function($elem){ |
| - | var transitions = { |
| - | 'transition': 'transitionend', |
| - | 'WebkitTransition': 'webkitTransitionEnd', |
| - | 'MozTransition': 'transitionend', |
| - | 'OTransition': 'otransitionend' |
| - | }; |
| - | var elem = document.createElement('div'), |
| - | end; |
| - | |
| - | for (var t in transitions){ |
| - | if (typeof elem.style[t] !== 'undefined'){ |
| - | end = transitions[t]; |
| - | } |
| - | } |
| - | if(end){ |
| - | return end; |
| - | }else{ |
| - | end = setTimeout(function(){ |
| - | $elem.triggerHandler('transitionend', [$elem]); |
| - | }, 1); |
| - | return 'transitionend'; |
| - | } |
| - | } |
| - | }; |
| - | |
| - | |
| - | Foundation.util = { |
| - | /** |
| - | * Function for applying a debounce effect to a function call. |
| - | * @function |
| - | * @param {Function} func - Function to be called at end of timeout. |
| - | * @param {Number} delay - Time in ms to delay the call of `func`. |
| - | * @returns function |
| - | */ |
| - | throttle: function (func, delay) { |
| - | var timer = null; |
| - | |
| - | return function () { |
| - | var context = this, args = arguments; |
| - | |
| - | if (timer === null) { |
| - | timer = setTimeout(function () { |
| - | func.apply(context, args); |
| - | timer = null; |
| - | }, delay); |
| - | } |
| - | }; |
| - | } |
| - | }; |
| - | |
| - | // TODO: consider not making this a jQuery function |
| - | // TODO: need way to reflow vs. re-initialize |
| - | /** |
| - | * The Foundation jQuery method. |
| - | * @param {String|Array} method - An action to perform on the current jQuery object. |
| - | */ |
| - | var foundation = function(method) { |
| - | var type = typeof method, |
| - | $meta = $('meta.foundation-mq'), |
| - | $noJS = $('.no-js'); |
| - | |
| - | if(!$meta.length){ |
| - | $('<meta class="foundation-mq">').appendTo(document.head); |
| - | } |
| - | if($noJS.length){ |
| - | $noJS.removeClass('no-js'); |
| - | } |
| - | |
| - | if(type === 'undefined'){//needs to initialize the Foundation object, or an individual plugin. |
| - | Foundation.MediaQuery._init(); |
| - | Foundation.reflow(this); |
| - | }else if(type === 'string'){//an individual method to invoke on a plugin or group of plugins |
| - | var args = Array.prototype.slice.call(arguments, 1);//collect all the arguments, if necessary |
| - | var plugClass = this.data('zfPlugin');//determine the class of plugin |
| - | |
| - | if(plugClass !== undefined && plugClass[method] !== undefined){//make sure both the class and method exist |
| - | if(this.length === 1){//if there's only one, call it directly. |
| - | plugClass[method].apply(plugClass, args); |
| - | }else{ |
| - | this.each(function(i, el){//otherwise loop through the jQuery collection and invoke the method on each |
| - | plugClass[method].apply($(el).data('zfPlugin'), args); |
| - | }); |
| - | } |
| - | }else{//error for no class or no method |
| - | throw new ReferenceError("We're sorry, '" + method + "' is not an available method for " + (plugClass ? functionName(plugClass) : 'this element') + '.'); |
| - | } |
| - | }else{//error for invalid argument type |
| - | throw new TypeError("We're sorry, '" + type + "' is not a valid parameter. You must use a string representing the method you wish to invoke."); |
| - | } |
| - | return this; |
| - | }; |
| - | |
| - | window.Foundation = Foundation; |
| - | $.fn.foundation = foundation; |
| - | |
| - | // Polyfill for requestAnimationFrame |
| - | (function() { |
| - | if (!Date.now || !window.Date.now) |
| - | window.Date.now = Date.now = function() { return new Date().getTime(); }; |
| - | |
| - | var vendors = ['webkit', 'moz']; |
| - | for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) { |
| - | var vp = vendors[i]; |
| - | window.requestAnimationFrame = window[vp+'RequestAnimationFrame']; |
| - | window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame'] |
| - | || window[vp+'CancelRequestAnimationFrame']); |
| - | } |
| - | if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) |
| - | || !window.requestAnimationFrame || !window.cancelAnimationFrame) { |
| - | var lastTime = 0; |
| - | window.requestAnimationFrame = function(callback) { |
| - | var now = Date.now(); |
| - | var nextTime = Math.max(lastTime + 16, now); |
| - | return setTimeout(function() { callback(lastTime = nextTime); }, |
| - | nextTime - now); |
| - | }; |
| - | window.cancelAnimationFrame = clearTimeout; |
| - | } |
| - | /** |
| - | * Polyfill for performance.now, required by rAF |
| - | */ |
| - | if(!window.performance || !window.performance.now){ |
| - | window.performance = { |
| - | start: Date.now(), |
| - | now: function(){ return Date.now() - this.start; } |
| - | }; |
| - | } |
| - | })(); |
| - | if (!Function.prototype.bind) { |
| - | Function.prototype.bind = function(oThis) { |
| - | if (typeof this !== 'function') { |
| - | // closest thing possible to the ECMAScript 5 |
| - | // internal IsCallable function |
| - | throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable'); |
| - | } |
| - | |
| - | var aArgs = Array.prototype.slice.call(arguments, 1), |
| - | fToBind = this, |
| - | fNOP = function() {}, |
| - | fBound = function() { |
| - | return fToBind.apply(this instanceof fNOP |
| - | ? this |
| - | : oThis, |
| - | aArgs.concat(Array.prototype.slice.call(arguments))); |
| - | }; |
| - | |
| - | if (this.prototype) { |
| - | // native functions don't have a prototype |
| - | fNOP.prototype = this.prototype; |
| - | } |
| - | fBound.prototype = new fNOP(); |
| - | |
| - | return fBound; |
| - | }; |
| - | } |
| - | // Polyfill to get the name of a function in IE9 |
| - | function functionName(fn) { |
| - | if (Function.prototype.name === undefined) { |
| - | var funcNameRegex = /function\s([^(]{1,})\(/; |
| - | var results = (funcNameRegex).exec((fn).toString()); |
| - | return (results && results.length > 1) ? results[1].trim() : ""; |
| - | } |
| - | else if (fn.prototype === undefined) { |
| - | return fn.constructor.name; |
| - | } |
| - | else { |
| - | return fn.prototype.constructor.name; |
| - | } |
| - | } |
| - | |
| - | // Convert PascalCase to kebab-case |
| - | // Thank you: http://stackoverflow.com/a/8955580 |
| - | function hyphenate(str) { |
| - | return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(); |
| - | } |
| - | |
| - | }(jQuery); |
| - | |
| - | !function(Foundation, window){ |
| - | /** |
| - | * Compares the dimensions of an element to a container and determines collision events with container. |
| - | * @function |
| - | * @param {jQuery} element - jQuery object to test for collisions. |
| - | * @param {jQuery} parent - jQuery object to use as bounding container. |
| - | * @param {Boolean} lrOnly - set to true to check left and right values only. |
| - | * @param {Boolean} tbOnly - set to true to check top and bottom values only. |
| - | * @default if no parent object passed, detects collisions with `window`. |
| - | * @returns {Boolean} - true if collision free, false if a collision in any direction. |
| - | */ |
| - | var ImNotTouchingYou = function(element, parent, lrOnly, tbOnly){ |
| - | var eleDims = GetDimensions(element), |
| - | top, bottom, left, right; |
| - | |
| - | if(parent){ |
| - | var parDims = GetDimensions(parent); |
| - | |
| - | bottom = (eleDims.offset.top + eleDims.height <= parDims.height + parDims.offset.top); |
| - | top = (eleDims.offset.top >= parDims.offset.top); |
| - | left = (eleDims.offset.left >= parDims.offset.left); |
| - | right = (eleDims.offset.left + eleDims.width <= parDims.width); |
| - | }else{ |
| - | bottom = (eleDims.offset.top + eleDims.height <= eleDims.windowDims.height + eleDims.windowDims.offset.top); |
| - | top = (eleDims.offset.top >= eleDims.windowDims.offset.top); |
| - | left = (eleDims.offset.left >= eleDims.windowDims.offset.left); |
| - | right = (eleDims.offset.left + eleDims.width <= eleDims.windowDims.width); |
| - | } |
| - | var allDirs = [bottom, top, left, right]; |
| - | |
| - | if(lrOnly){ return left === right === true; } |
| - | if(tbOnly){ return top === bottom === true; } |
| - | |
| - | return allDirs.indexOf(false) === -1; |
| - | }; |
| - | |
| - | /** |
| - | * Uses native methods to return an object of dimension values. |
| - | * @function |
| - | * @param {jQuery || HTML} element - jQuery object or DOM element for which to get the dimensions. Can be any element other that document or window. |
| - | * @returns {Object} - nested object of integer pixel values |
| - | * TODO - if element is window, return only those values. |
| - | */ |
| - | var GetDimensions = function(elem, test){ |
| - | elem = elem.length ? elem[0] : elem; |
| - | |
| - | if(elem === window || elem === document){ throw new Error("I'm sorry, Dave. I'm afraid I can't do that."); } |
| - | |
| - | var rect = elem.getBoundingClientRect(), |
| - | parRect = elem.parentNode.getBoundingClientRect(), |
| - | winRect = document.body.getBoundingClientRect(), |
| - | winY = window.pageYOffset, |
| - | winX = window.pageXOffset; |
| - | |
| - | return { |
| - | width: rect.width, |
| - | height: rect.height, |
| - | offset: { |
| - | top: rect.top + winY, |
| - | left: rect.left + winX |
| - | }, |
| - | parentDims: { |
| - | width: parRect.width, |
| - | height: parRect.height, |
| - | offset: { |
| - | top: parRect.top + winY, |
| - | left: parRect.left + winX |
| - | } |
| - | }, |
| - | windowDims: { |
| - | width: winRect.width, |
| - | height: winRect.height, |
| - | offset: { |
| - | top: winY, |
| - | left: winX |
| - | } |
| - | } |
| - | }; |
| - | }; |
| - | /** |
| - | * Returns an object of top and left integer pixel values for dynamically rendered elements, |
| - | * such as: Tooltip, Reveal, and Dropdown |
| - | * @function |
| - | * @param {jQuery} element - jQuery object for the element being positioned. |
| - | * @param {jQuery} anchor - jQuery object for the element's anchor point. |
| - | * @param {String} position - a string relating to the desired position of the element, relative to it's anchor |
| - | * @param {Number} vOffset - integer pixel value of desired vertical separation between anchor and element. |
| - | * @param {Number} hOffset - integer pixel value of desired horizontal separation between anchor and element. |
| - | * @param {Boolean} isOverflow - if a collision event is detected, sets to true to default the element to full width - any desired offset. |
| - | * TODO alter/rewrite to work with `em` values as well/instead of pixels |
| - | */ |
| - | var GetOffsets = function(element, anchor, position, vOffset, hOffset, isOverflow){ |
| - | var $eleDims = GetDimensions(element), |
| - | // var $eleDims = GetDimensions(element), |
| - | $anchorDims = anchor ? GetDimensions(anchor) : null; |
| - | // $anchorDims = anchor ? GetDimensions(anchor) : null; |
| - | switch(position){ |
| - | case 'top': |
| - | return { |
| - | left: $anchorDims.offset.left, |
| - | top: $anchorDims.offset.top - ($eleDims.height + vOffset) |
| - | }; |
| - | break; |
| - | case 'left': |
| - | return { |
| - | left: $anchorDims.offset.left - ($eleDims.width + hOffset), |
| - | top: $anchorDims.offset.top |
| - | }; |
| - | break; |
| - | case 'right': |
| - | return { |
| - | left: $anchorDims.offset.left + $anchorDims.width + hOffset, |
| - | top: $anchorDims.offset.top |
| - | }; |
| - | break; |
| - | case 'center top': |
| - | return { |
| - | left: ($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2), |
| - | top: $anchorDims.offset.top - ($eleDims.height + vOffset) |
| - | }; |
| - | break; |
| - | case 'center bottom': |
| - | return { |
| - | left: isOverflow ? hOffset : (($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2)), |
| - | top: $anchorDims.offset.top + $anchorDims.height + vOffset |
| - | }; |
| - | break; |
| - | case 'center left': |
| - | return { |
| - | left: $anchorDims.offset.left - ($eleDims.width + hOffset), |
| - | top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2) |
| - | }; |
| - | break; |
| - | case 'center right': |
| - | return { |
| - | left: $anchorDims.offset.left + $anchorDims.width + hOffset + 1, |
| - | top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2) |
| - | }; |
| - | break; |
| - | case 'center': |
| - | return { |
| - | left: ($eleDims.windowDims.offset.left + ($eleDims.windowDims.width / 2)) - ($eleDims.width / 2), |
| - | top: ($eleDims.windowDims.offset.top + ($eleDims.windowDims.height / 2)) - ($eleDims.height / 2) |
| - | }; |
| - | break; |
| - | case 'reveal': |
| - | return { |
| - | left: ($eleDims.windowDims.width - $eleDims.width) / 2, |
| - | top: $eleDims.windowDims.offset.top + vOffset |
| - | }; |
| - | case 'reveal full': |
| - | return { |
| - | left: $eleDims.windowDims.offset.left, |
| - | top: $eleDims.windowDims.offset.top, |
| - | }; |
| - | break; |
| - | default: |
| - | return { |
| - | left: $anchorDims.offset.left, |
| - | top: $anchorDims.offset.top + $anchorDims.height + vOffset |
| - | }; |
| - | } |
| - | }; |
| - | Foundation.Box = { |
| - | ImNotTouchingYou: ImNotTouchingYou, |
| - | GetDimensions: GetDimensions, |
| - | GetOffsets: GetOffsets |
| - | }; |
| - | }(window.Foundation, window); |
| - | |
| - | /******************************************* |
| - | * * |
| - | * This util was created by Marius Olbertz * |
| - | * Please thank Marius on GitHub /owlbertz * |
| - | * or the web http://www.mariusolbertz.de/ * |
| - | * * |
| - | ******************************************/ |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | Foundation.Keyboard = {}; |
| - | |
| - | var keyCodes = { |
| - | 9: 'TAB', |
| - | 13: 'ENTER', |
| - | 27: 'ESCAPE', |
| - | 32: 'SPACE', |
| - | 37: 'ARROW_LEFT', |
| - | 38: 'ARROW_UP', |
| - | 39: 'ARROW_RIGHT', |
| - | 40: 'ARROW_DOWN' |
| - | }; |
| - | |
| - | // constants for easier comparing Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE |
| - | var keys = (function(kcs) { |
| - | var k = {}; |
| - | for (var kc in kcs) k[kcs[kc]] = kcs[kc]; |
| - | return k; |
| - | })(keyCodes); |
| - | |
| - | Foundation.Keyboard.keys = keys; |
| - | |
| - | /** |
| - | * Parses the (keyboard) event and returns a String that represents its key |
| - | * Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE |
| - | * @param {Event} event - the event generated by the event handler |
| - | * @return String key - String that represents the key pressed |
| - | */ |
| - | var parseKey = function(event) { |
| - | var key = keyCodes[event.which || event.keyCode] || String.fromCharCode(event.which).toUpperCase(); |
| - | if (event.shiftKey) key = 'SHIFT_' + key; |
| - | if (event.ctrlKey) key = 'CTRL_' + key; |
| - | if (event.altKey) key = 'ALT_' + key; |
| - | return key; |
| - | }; |
| - | Foundation.Keyboard.parseKey = parseKey; |
| - | |
| - | |
| - | // plain commands per component go here, ltr and rtl are merged based on orientation |
| - | var commands = {}; |
| - | |
| - | /** |
| - | * Handles the given (keyboard) event |
| - | * @param {Event} event - the event generated by the event handler |
| - | * @param {Object} component - Foundation component, e.g. Slider or Reveal |
| - | * @param {Objects} functions - collection of functions that are to be executed |
| - | */ |
| - | var handleKey = function(event, component, functions) { |
| - | var commandList = commands[Foundation.getFnName(component)], |
| - | keyCode = parseKey(event), |
| - | cmds, |
| - | command, |
| - | fn; |
| - | if (!commandList) return console.warn('Component not defined!'); |
| - | |
| - | if (typeof commandList.ltr === 'undefined') { // this component does not differentiate between ltr and rtl |
| - | cmds = commandList; // use plain list |
| - | } else { // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa |
| - | if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl); |
| - | |
| - | else cmds = $.extend({}, commandList.rtl, commandList.ltr); |
| - | } |
| - | command = cmds[keyCode]; |
| - | |
| - | |
| - | fn = functions[command]; |
| - | if (fn && typeof fn === 'function') { // execute function with context of the component if exists |
| - | fn.apply(component); |
| - | if (functions.handled || typeof functions.handled === 'function') { // execute function when event was handled |
| - | functions.handled.apply(component); |
| - | } |
| - | } else { |
| - | if (functions.unhandled || typeof functions.unhandled === 'function') { // execute function when event was not handled |
| - | functions.unhandled.apply(component); |
| - | } |
| - | } |
| - | }; |
| - | Foundation.Keyboard.handleKey = handleKey; |
| - | |
| - | /** |
| - | * Finds all focusable elements within the given `$element` |
| - | * @param {jQuery} $element - jQuery object to search within |
| - | * @return {jQuery} $focusable - all focusable elements within `$element` |
| - | */ |
| - | var findFocusable = function($element) { |
| - | return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() { |
| - | if (!$(this).is(':visible') || $(this).attr('tabindex') < 0) { return false; } //only have visible elements and those that have a tabindex greater or equal 0 |
| - | return true; |
| - | }); |
| - | }; |
| - | Foundation.Keyboard.findFocusable = findFocusable; |
| - | |
| - | /** |
| - | * Returns the component name name |
| - | * @param {Object} component - Foundation component, e.g. Slider or Reveal |
| - | * @return String componentName |
| - | */ |
| - | |
| - | var register = function(componentName, cmds) { |
| - | commands[componentName] = cmds; |
| - | }; |
| - | Foundation.Keyboard.register = register; |
| - | }(jQuery, window.Foundation); |
| - | |
| - | !function($, Foundation) { |
| - | |
| - | // Default set of media queries |
| - | var defaultQueries = { |
| - | 'default' : 'only screen', |
| - | landscape : 'only screen and (orientation: landscape)', |
| - | portrait : 'only screen and (orientation: portrait)', |
| - | retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' + |
| - | 'only screen and (min--moz-device-pixel-ratio: 2),' + |
| - | 'only screen and (-o-min-device-pixel-ratio: 2/1),' + |
| - | 'only screen and (min-device-pixel-ratio: 2),' + |
| - | 'only screen and (min-resolution: 192dpi),' + |
| - | 'only screen and (min-resolution: 2dppx)' |
| - | }; |
| - | |
| - | var MediaQuery = { |
| - | queries: [], |
| - | current: '', |
| - | |
| - | /** |
| - | * Checks if the screen is at least as wide as a breakpoint. |
| - | * @function |
| - | * @param {String} size - Name of the breakpoint to check. |
| - | * @returns {Boolean} `true` if the breakpoint matches, `false` if it's smaller. |
| - | */ |
| - | atLeast: function(size) { |
| - | var query = this.get(size); |
| - | |
| - | if (query) { |
| - | return window.matchMedia(query).matches; |
| - | } |
| - | |
| - | return false; |
| - | }, |
| - | |
| - | /** |
| - | * Gets the media query of a breakpoint. |
| - | * @function |
| - | * @param {String} size - Name of the breakpoint to get. |
| - | * @returns {String|null} - The media query of the breakpoint, or `null` if the breakpoint doesn't exist. |
| - | */ |
| - | get: function(size) { |
| - | for (var i in this.queries) { |
| - | var query = this.queries[i]; |
| - | if (size === query.name) return query.value; |
| - | } |
| - | |
| - | return null; |
| - | }, |
| - | |
| - | /** |
| - | * Initializes the media query helper, by extracting the breakpoint list from the CSS and activating the breakpoint watcher. |
| - | * @function |
| - | * @private |
| - | */ |
| - | _init: function() { |
| - | var self = this; |
| - | var extractedStyles = $('.foundation-mq').css('font-family'); |
| - | var namedQueries; |
| - | |
| - | namedQueries = parseStyleToObject(extractedStyles); |
| - | |
| - | for (var key in namedQueries) { |
| - | self.queries.push({ |
| - | name: key, |
| - | value: 'only screen and (min-width: ' + namedQueries[key] + ')' |
| - | }); |
| - | } |
| - | |
| - | this.current = this._getCurrentSize(); |
| - | |
| - | this._watcher(); |
| - | |
| - | // Extend default queries |
| - | // namedQueries = $.extend(defaultQueries, namedQueries); |
| - | }, |
| - | |
| - | /** |
| - | * Gets the current breakpoint name by testing every breakpoint and returning the last one to match (the biggest one). |
| - | * @function |
| - | * @private |
| - | * @returns {String} Name of the current breakpoint. |
| - | */ |
| - | _getCurrentSize: function() { |
| - | var matched; |
| - | |
| - | for (var i in this.queries) { |
| - | var query = this.queries[i]; |
| - | |
| - | if (window.matchMedia(query.value).matches) { |
| - | matched = query; |
| - | } |
| - | } |
| - | |
| - | if(typeof matched === 'object') { |
| - | return matched.name; |
| - | } else { |
| - | return matched; |
| - | } |
| - | }, |
| - | |
| - | /** |
| - | * Activates the breakpoint watcher, which fires an event on the window whenever the breakpoint changes. |
| - | * @function |
| - | * @private |
| - | */ |
| - | _watcher: function() { |
| - | var _this = this; |
| - | |
| - | $(window).on('resize.zf.mediaquery', function() { |
| - | var newSize = _this._getCurrentSize(); |
| - | |
| - | if (newSize !== _this.current) { |
| - | // Broadcast the media query change on the window |
| - | $(window).trigger('changed.zf.mediaquery', [newSize, _this.current]); |
| - | |
| - | // Change the current media query |
| - | _this.current = newSize; |
| - | } |
| - | }); |
| - | } |
| - | }; |
| - | |
| - | Foundation.MediaQuery = MediaQuery; |
| - | |
| - | // matchMedia() polyfill - Test a CSS media type/query in JS. |
| - | // Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license |
| - | window.matchMedia || (window.matchMedia = function() { |
| - | 'use strict'; |
| - | |
| - | // For browsers that support matchMedium api such as IE 9 and webkit |
| - | var styleMedia = (window.styleMedia || window.media); |
| - | |
| - | // For those that don't support matchMedium |
| - | if (!styleMedia) { |
| - | var style = document.createElement('style'), |
| - | script = document.getElementsByTagName('script')[0], |
| - | info = null; |
| - | |
| - | style.type = 'text/css'; |
| - | style.id = 'matchmediajs-test'; |
| - | |
| - | script.parentNode.insertBefore(style, script); |
| - | |
| - | // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers |
| - | info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle; |
| - | |
| - | styleMedia = { |
| - | matchMedium: function(media) { |
| - | var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }'; |
| - | |
| - | // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers |
| - | if (style.styleSheet) { |
| - | style.styleSheet.cssText = text; |
| - | } else { |
| - | style.textContent = text; |
| - | } |
| - | |
| - | // Test if media query is true or false |
| - | return info.width === '1px'; |
| - | } |
| - | }; |
| - | } |
| - | |
| - | return function(media) { |
| - | return { |
| - | matches: styleMedia.matchMedium(media || 'all'), |
| - | media: media || 'all' |
| - | }; |
| - | }; |
| - | }()); |
| - | |
| - | // Thank you: https://github.com/sindresorhus/query-string |
| - | function parseStyleToObject(str) { |
| - | var styleObject = {}; |
| - | |
| - | if (typeof str !== 'string') { |
| - | return styleObject; |
| - | } |
| - | |
| - | str = str.trim().slice(1, -1); // browsers re-quote string style values |
| - | |
| - | if (!str) { |
| - | return styleObject; |
| - | } |
| - | |
| - | styleObject = str.split('&').reduce(function(ret, param) { |
| - | var parts = param.replace(/\+/g, ' ').split('='); |
| - | var key = parts[0]; |
| - | var val = parts[1]; |
| - | key = decodeURIComponent(key); |
| - | |
| - | // missing `=` should be `null`: |
| - | // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters |
| - | val = val === undefined ? null : decodeURIComponent(val); |
| - | |
| - | if (!ret.hasOwnProperty(key)) { |
| - | ret[key] = val; |
| - | } else if (Array.isArray(ret[key])) { |
| - | ret[key].push(val); |
| - | } else { |
| - | ret[key] = [ret[key], val]; |
| - | } |
| - | return ret; |
| - | }, {}); |
| - | |
| - | return styleObject; |
| - | } |
| - | |
| - | }(jQuery, Foundation) |
| - | |
| - | /** |
| - | * Motion module. |
| - | * @module foundation.motion |
| - | */ |
| - | !function($, Foundation) { |
| - | |
| - | var initClasses = ['mui-enter', 'mui-leave']; |
| - | var activeClasses = ['mui-enter-active', 'mui-leave-active']; |
| - | |
| - | function animate(isIn, element, animation, cb) { |
| - | element = $(element).eq(0); |
| - | |
| - | if (!element.length) return; |
| - | |
| - | var initClass = isIn ? initClasses[0] : initClasses[1]; |
| - | var activeClass = isIn ? activeClasses[0] : activeClasses[1]; |
| - | |
| - | // Set up the animation |
| - | reset(); |
| - | element.addClass(animation) |
| - | .css('transition', 'none'); |
| - | // .addClass(initClass); |
| - | // if(isIn) element.show(); |
| - | requestAnimationFrame(function() { |
| - | element.addClass(initClass); |
| - | if (isIn) element.show(); |
| - | }); |
| - | // Start the animation |
| - | requestAnimationFrame(function() { |
| - | element[0].offsetWidth; |
| - | element.css('transition', ''); |
| - | element.addClass(activeClass); |
| - | }); |
| - | // Move(500, element, function(){ |
| - | // // element[0].offsetWidth; |
| - | // element.css('transition', ''); |
| - | // element.addClass(activeClass); |
| - | // }); |
| - | |
| - | // Clean up the animation when it finishes |
| - | element.one(Foundation.transitionend(element), finish);//.one('finished.zf.animate', finish); |
| - | |
| - | // Hides the element (for out animations), resets the element, and runs a callback |
| - | function finish() { |
| - | if (!isIn) element.hide(); |
| - | reset(); |
| - | if (cb) cb.apply(element); |
| - | } |
| - | |
| - | // Resets transitions and removes motion-specific classes |
| - | function reset() { |
| - | element[0].style.transitionDuration = 0; |
| - | element.removeClass(initClass + ' ' + activeClass + ' ' + animation); |
| - | } |
| - | } |
| - | |
| - | var Motion = { |
| - | animateIn: function(element, animation, /*duration,*/ cb) { |
| - | animate(true, element, animation, cb); |
| - | }, |
| - | |
| - | animateOut: function(element, animation, /*duration,*/ cb) { |
| - | animate(false, element, animation, cb); |
| - | } |
| - | }; |
| - | |
| - | var Move = function(duration, elem, fn){ |
| - | var anim, prog, start = null; |
| - | // console.log('called'); |
| - | |
| - | function move(ts){ |
| - | if(!start) start = window.performance.now(); |
| - | // console.log(start, ts); |
| - | prog = ts - start; |
| - | fn.apply(elem); |
| - | |
| - | if(prog < duration){ anim = window.requestAnimationFrame(move, elem); } |
| - | else{ |
| - | window.cancelAnimationFrame(anim); |
| - | elem.trigger('finished.zf.animate', [elem]).triggerHandler('finished.zf.animate', [elem]); |
| - | } |
| - | } |
| - | anim = window.requestAnimationFrame(move); |
| - | }; |
| - | |
| - | Foundation.Move = Move; |
| - | Foundation.Motion = Motion; |
| - | |
| - | }(jQuery, Foundation); |
| - | |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | Foundation.Nest = { |
| - | Feather: function(menu, type){ |
| - | menu.attr('role', 'menubar'); |
| - | type = type || 'zf'; |
| - | var items = menu.find('li').attr({'role': 'menuitem'}), |
| - | subMenuClass = 'is-' + type + '-submenu', |
| - | subItemClass = subMenuClass + '-item', |
| - | hasSubClass = 'is-' + type + '-submenu-parent'; |
| - | |
| - | items.each(function(){ |
| - | var $item = $(this), |
| - | $sub = $item.children('ul'); |
| - | if($sub.length){ |
| - | $item.addClass('has-submenu ' + hasSubClass); |
| - | $sub.addClass('submenu ' + subMenuClass).attr('data-submenu', ''); |
| - | } |
| - | if($item.parent('[data-submenu]').length){ |
| - | $item.addClass('is-submenu-item ' + subItemClass); |
| - | } |
| - | }); |
| - | return; |
| - | }, |
| - | Burn: function(menu, type){ |
| - | var items = menu.find('li').removeAttr('tabindex'), |
| - | subMenuClass = 'is-' + type + '-submenu', |
| - | subItemClass = subMenuClass + '-item', |
| - | hasSubClass = 'is-' + type + '-submenu-parent'; |
| - | |
| - | // menu.find('.is-active').removeClass('is-active'); |
| - | menu.find('*') |
| - | // menu.find('.' + subMenuClass + ', .' + subItemClass + ', .is-active, .has-submenu, .is-submenu-item, .submenu, [data-submenu]') |
| - | .removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' has-submenu is-submenu-item submenu is-active') |
| - | .removeAttr('data-submenu').css('display', ''); |
| - | |
| - | // console.log( menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]') |
| - | // .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu') |
| - | // .removeAttr('data-submenu')); |
| - | // items.each(function(){ |
| - | // var $item = $(this), |
| - | // $sub = $item.children('ul'); |
| - | // if($item.parent('[data-submenu]').length){ |
| - | // $item.removeClass('is-submenu-item ' + subItemClass); |
| - | // } |
| - | // if($sub.length){ |
| - | // $item.removeClass('has-submenu'); |
| - | // $sub.removeClass('submenu ' + subMenuClass).removeAttr('data-submenu'); |
| - | // } |
| - | // }); |
| - | } |
| - | }; |
| - | }(jQuery, window.Foundation); |
| - | |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | var Timer = function(elem, options, cb){ |
| - | var _this = this, |
| - | duration = options.duration,//options is an object for easily adding features later. |
| - | nameSpace = Object.keys(elem.data())[0] || 'timer', |
| - | remain = -1, |
| - | start, |
| - | timer; |
| - | |
| - | this.restart = function(){ |
| - | remain = -1; |
| - | clearTimeout(timer); |
| - | this.start(); |
| - | }; |
| - | |
| - | this.start = function(){ |
| - | // if(!elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things. |
| - | clearTimeout(timer); |
| - | remain = remain <= 0 ? duration : remain; |
| - | elem.data('paused', false); |
| - | start = Date.now(); |
| - | timer = setTimeout(function(){ |
| - | if(options.infinite){ |
| - | _this.restart();//rerun the timer. |
| - | } |
| - | cb(); |
| - | }, remain); |
| - | elem.trigger('timerstart.zf.' + nameSpace); |
| - | }; |
| - | |
| - | this.pause = function(){ |
| - | //if(elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things. |
| - | clearTimeout(timer); |
| - | elem.data('paused', true); |
| - | var end = Date.now(); |
| - | remain = remain - (end - start); |
| - | elem.trigger('timerpaused.zf.' + nameSpace); |
| - | }; |
| - | }; |
| - | /** |
| - | * Runs a callback function when images are fully loaded. |
| - | * @param {Object} images - Image(s) to check if loaded. |
| - | * @param {Func} callback - Function to execute when image is fully loaded. |
| - | */ |
| - | var onImagesLoaded = function(images, callback){ |
| - | var self = this, |
| - | unloaded = images.length; |
| - | |
| - | if (unloaded === 0) { |
| - | callback(); |
| - | } |
| - | |
| - | var singleImageLoaded = function() { |
| - | unloaded--; |
| - | if (unloaded === 0) { |
| - | callback(); |
| - | } |
| - | }; |
| - | |
| - | images.each(function() { |
| - | if (this.complete) { |
| - | singleImageLoaded(); |
| - | } |
| - | else if (typeof this.naturalWidth !== 'undefined' && this.naturalWidth > 0) { |
| - | singleImageLoaded(); |
| - | } |
| - | else { |
| - | $(this).one('load', function() { |
| - | singleImageLoaded(); |
| - | }); |
| - | } |
| - | }); |
| - | }; |
| - | |
| - | Foundation.Timer = Timer; |
| - | Foundation.onImagesLoaded = onImagesLoaded; |
| - | }(jQuery, window.Foundation); |
| - | |
| - | //************************************************** |
| - | //**Work inspired by multiple jquery swipe plugins** |
| - | //**Done by Yohai Ararat *************************** |
| - | //************************************************** |
| - | (function($) { |
| - | |
| - | $.spotSwipe = { |
| - | version: '1.0.0', |
| - | enabled: 'ontouchstart' in document.documentElement, |
| - | preventDefault: true, |
| - | moveThreshold: 75, |
| - | timeThreshold: 200 |
| - | }; |
| - | |
| - | var startPosX, |
| - | startPosY, |
| - | startTime, |
| - | elapsedTime, |
| - | isMoving = false; |
| - | |
| - | function onTouchEnd() { |
| - | // alert(this); |
| - | this.removeEventListener('touchmove', onTouchMove); |
| - | this.removeEventListener('touchend', onTouchEnd); |
| - | isMoving = false; |
| - | } |
| - | |
| - | function onTouchMove(e) { |
| - | if ($.spotSwipe.preventDefault) { e.preventDefault(); } |
| - | if(isMoving) { |
| - | var x = e.touches[0].pageX; |
| - | var y = e.touches[0].pageY; |
| - | var dx = startPosX - x; |
| - | var dy = startPosY - y; |
| - | var dir; |
| - | elapsedTime = new Date().getTime() - startTime; |
| - | if(Math.abs(dx) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) { |
| - | dir = dx > 0 ? 'left' : 'right'; |
| - | } |
| - | else if(Math.abs(dy) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) { |
| - | dir = dy > 0 ? 'down' : 'up'; |
| - | } |
| - | if(dir) { |
| - | onTouchEnd.call(this); |
| - | $(this).trigger('swipe', dir).trigger('swipe' + dir); |
| - | } |
| - | } |
| - | } |
| - | |
| - | function onTouchStart(e) { |
| - | if (e.touches.length == 1) { |
| - | startPosX = e.touches[0].pageX; |
| - | startPosY = e.touches[0].pageY; |
| - | isMoving = true; |
| - | startTime = new Date().getTime(); |
| - | this.addEventListener('touchmove', onTouchMove, false); |
| - | this.addEventListener('touchend', onTouchEnd, false); |
| - | } |
| - | } |
| - | |
| - | function init() { |
| - | this.addEventListener && this.addEventListener('touchstart', onTouchStart, false); |
| - | } |
| - | |
| - | function teardown() { |
| - | this.removeEventListener('touchstart', onTouchStart); |
| - | } |
| - | |
| - | $.event.special.swipe = { setup: init }; |
| - | |
| - | $.each(['left', 'up', 'down', 'right'], function () { |
| - | $.event.special['swipe' + this] = { setup: function(){ |
| - | $(this).on('swipe', $.noop); |
| - | } }; |
| - | }); |
| - | })(jQuery); |
| - | /**************************************************** |
| - | * Method for adding psuedo drag events to elements * |
| - | ***************************************************/ |
| - | !function($){ |
| - | $.fn.addTouch = function(){ |
| - | this.each(function(i,el){ |
| - | $(el).bind('touchstart touchmove touchend touchcancel',function(){ |
| - | //we pass the original event object because the jQuery event |
| - | //object is normalized to w3c specs and does not provide the TouchList |
| - | handleTouch(event); |
| - | }); |
| - | }); |
| - | |
| - | var handleTouch = function(event){ |
| - | var touches = event.changedTouches, |
| - | first = touches[0], |
| - | eventTypes = { |
| - | touchstart: 'mousedown', |
| - | touchmove: 'mousemove', |
| - | touchend: 'mouseup' |
| - | }, |
| - | type = eventTypes[event.type]; |
| - | |
| - | var simulatedEvent = document.createEvent('MouseEvent'); |
| - | simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null); |
| - | first.target.dispatchEvent(simulatedEvent); |
| - | }; |
| - | }; |
| - | }(jQuery); |
| - | |
| - | |
| - | //********************************** |
| - | //**From the jQuery Mobile Library** |
| - | //**need to recreate functionality** |
| - | //**and try to improve if possible** |
| - | //********************************** |
| - | |
| - | /* Removing the jQuery function **** |
| - | ************************************ |
| - | |
| - | (function( $, window, undefined ) { |
| - | |
| - | var $document = $( document ), |
| - | // supportTouch = $.mobile.support.touch, |
| - | touchStartEvent = 'touchstart'//supportTouch ? "touchstart" : "mousedown", |
| - | touchStopEvent = 'touchend'//supportTouch ? "touchend" : "mouseup", |
| - | touchMoveEvent = 'touchmove'//supportTouch ? "touchmove" : "mousemove"; |
| - | |
| - | // setup new event shortcuts |
| - | $.each( ( "touchstart touchmove touchend " + |
| - | "swipe swipeleft swiperight" ).split( " " ), function( i, name ) { |
| - | |
| - | $.fn[ name ] = function( fn ) { |
| - | return fn ? this.bind( name, fn ) : this.trigger( name ); |
| - | }; |
| - | |
| - | // jQuery < 1.8 |
| - | if ( $.attrFn ) { |
| - | $.attrFn[ name ] = true; |
| - | } |
| - | }); |
| - | |
| - | function triggerCustomEvent( obj, eventType, event, bubble ) { |
| - | var originalType = event.type; |
| - | event.type = eventType; |
| - | if ( bubble ) { |
| - | $.event.trigger( event, undefined, obj ); |
| - | } else { |
| - | $.event.dispatch.call( obj, event ); |
| - | } |
| - | event.type = originalType; |
| - | } |
| - | |
| - | // also handles taphold |
| - | |
| - | // Also handles swipeleft, swiperight |
| - | $.event.special.swipe = { |
| - | |
| - | // More than this horizontal displacement, and we will suppress scrolling. |
| - | scrollSupressionThreshold: 30, |
| - | |
| - | // More time than this, and it isn't a swipe. |
| - | durationThreshold: 1000, |
| - | |
| - | // Swipe horizontal displacement must be more than this. |
| - | horizontalDistanceThreshold: window.devicePixelRatio >= 2 ? 15 : 30, |
| - | |
| - | // Swipe vertical displacement must be less than this. |
| - | verticalDistanceThreshold: window.devicePixelRatio >= 2 ? 15 : 30, |
| - | |
| - | getLocation: function ( event ) { |
| - | var winPageX = window.pageXOffset, |
| - | winPageY = window.pageYOffset, |
| - | x = event.clientX, |
| - | y = event.clientY; |
| - | |
| - | if ( event.pageY === 0 && Math.floor( y ) > Math.floor( event.pageY ) || |
| - | event.pageX === 0 && Math.floor( x ) > Math.floor( event.pageX ) ) { |
| - | |
| - | // iOS4 clientX/clientY have the value that should have been |
| - | // in pageX/pageY. While pageX/page/ have the value 0 |
| - | x = x - winPageX; |
| - | y = y - winPageY; |
| - | } else if ( y < ( event.pageY - winPageY) || x < ( event.pageX - winPageX ) ) { |
| - | |
| - | // Some Android browsers have totally bogus values for clientX/Y |
| - | // when scrolling/zooming a page. Detectable since clientX/clientY |
| - | // should never be smaller than pageX/pageY minus page scroll |
| - | x = event.pageX - winPageX; |
| - | y = event.pageY - winPageY; |
| - | } |
| - | |
| - | return { |
| - | x: x, |
| - | y: y |
| - | }; |
| - | }, |
| - | |
| - | start: function( event ) { |
| - | var data = event.originalEvent.touches ? |
| - | event.originalEvent.touches[ 0 ] : event, |
| - | location = $.event.special.swipe.getLocation( data ); |
| - | return { |
| - | time: ( new Date() ).getTime(), |
| - | coords: [ location.x, location.y ], |
| - | origin: $( event.target ) |
| - | }; |
| - | }, |
| - | |
| - | stop: function( event ) { |
| - | var data = event.originalEvent.touches ? |
| - | event.originalEvent.touches[ 0 ] : event, |
| - | location = $.event.special.swipe.getLocation( data ); |
| - | return { |
| - | time: ( new Date() ).getTime(), |
| - | coords: [ location.x, location.y ] |
| - | }; |
| - | }, |
| - | |
| - | handleSwipe: function( start, stop, thisObject, origTarget ) { |
| - | if ( stop.time - start.time < $.event.special.swipe.durationThreshold && |
| - | Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold && |
| - | Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) { |
| - | var direction = start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight"; |
| - | |
| - | triggerCustomEvent( thisObject, "swipe", $.Event( "swipe", { target: origTarget, swipestart: start, swipestop: stop }), true ); |
| - | triggerCustomEvent( thisObject, direction,$.Event( direction, { target: origTarget, swipestart: start, swipestop: stop } ), true ); |
| - | return true; |
| - | } |
| - | return false; |
| - | |
| - | }, |
| - | |
| - | // This serves as a flag to ensure that at most one swipe event event is |
| - | // in work at any given time |
| - | eventInProgress: false, |
| - | |
| - | setup: function() { |
| - | var events, |
| - | thisObject = this, |
| - | $this = $( thisObject ), |
| - | context = {}; |
| - | |
| - | // Retrieve the events data for this element and add the swipe context |
| - | events = $.data( this, "mobile-events" ); |
| - | if ( !events ) { |
| - | events = { length: 0 }; |
| - | $.data( this, "mobile-events", events ); |
| - | } |
| - | events.length++; |
| - | events.swipe = context; |
| - | |
| - | context.start = function( event ) { |
| - | |
| - | // Bail if we're already working on a swipe event |
| - | if ( $.event.special.swipe.eventInProgress ) { |
| - | return; |
| - | } |
| - | $.event.special.swipe.eventInProgress = true; |
| - | |
| - | var stop, |
| - | start = $.event.special.swipe.start( event ), |
| - | origTarget = event.target, |
| - | emitted = false; |
| - | |
| - | context.move = function( event ) { |
| - | if ( !start || event.isDefaultPrevented() ) { |
| - | return; |
| - | } |
| - | |
| - | stop = $.event.special.swipe.stop( event ); |
| - | if ( !emitted ) { |
| - | emitted = $.event.special.swipe.handleSwipe( start, stop, thisObject, origTarget ); |
| - | if ( emitted ) { |
| - | |
| - | // Reset the context to make way for the next swipe event |
| - | $.event.special.swipe.eventInProgress = false; |
| - | } |
| - | } |
| - | // prevent scrolling |
| - | if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) { |
| - | event.preventDefault(); |
| - | } |
| - | }; |
| - | |
| - | context.stop = function() { |
| - | emitted = true; |
| - | |
| - | // Reset the context to make way for the next swipe event |
| - | $.event.special.swipe.eventInProgress = false; |
| - | $document.off( touchMoveEvent, context.move ); |
| - | context.move = null; |
| - | }; |
| - | |
| - | $document.on( touchMoveEvent, context.move ) |
| - | .one( touchStopEvent, context.stop ); |
| - | }; |
| - | $this.on( touchStartEvent, context.start ); |
| - | }, |
| - | |
| - | teardown: function() { |
| - | var events, context; |
| - | |
| - | events = $.data( this, "mobile-events" ); |
| - | if ( events ) { |
| - | context = events.swipe; |
| - | delete events.swipe; |
| - | events.length--; |
| - | if ( events.length === 0 ) { |
| - | $.removeData( this, "mobile-events" ); |
| - | } |
| - | } |
| - | |
| - | if ( context ) { |
| - | if ( context.start ) { |
| - | $( this ).off( touchStartEvent, context.start ); |
| - | } |
| - | if ( context.move ) { |
| - | $document.off( touchMoveEvent, context.move ); |
| - | } |
| - | if ( context.stop ) { |
| - | $document.off( touchStopEvent, context.stop ); |
| - | } |
| - | } |
| - | } |
| - | }; |
| - | $.each({ |
| - | swipeleft: "swipe.left", |
| - | swiperight: "swipe.right" |
| - | }, function( event, sourceEvent ) { |
| - | |
| - | $.event.special[ event ] = { |
| - | setup: function() { |
| - | $( this ).bind( sourceEvent, $.noop ); |
| - | }, |
| - | teardown: function() { |
| - | $( this ).unbind( sourceEvent ); |
| - | } |
| - | }; |
| - | }); |
| - | })( jQuery, this ); |
| - | */ |
| - | |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | // Elements with [data-open] will reveal a plugin that supports it when clicked. |
| - | $(document).on('click.zf.trigger', '[data-open]', function() { |
| - | var id = $(this).data('open'); |
| - | $('#' + id).triggerHandler('open.zf.trigger', [$(this)]); |
| - | }); |
| - | |
| - | // Elements with [data-close] will close a plugin that supports it when clicked. |
| - | // If used without a value on [data-close], the event will bubble, allowing it to close a parent component. |
| - | $(document).on('click.zf.trigger', '[data-close]', function() { |
| - | var id = $(this).data('close'); |
| - | if (id) { |
| - | $('#' + id).triggerHandler('close.zf.trigger', [$(this)]); |
| - | } |
| - | else { |
| - | $(this).trigger('close.zf.trigger'); |
| - | } |
| - | }); |
| - | |
| - | // Elements with [data-toggle] will toggle a plugin that supports it when clicked. |
| - | $(document).on('click.zf.trigger', '[data-toggle]', function() { |
| - | var id = $(this).data('toggle'); |
| - | $('#' + id).triggerHandler('toggle.zf.trigger', [$(this)]); |
| - | }); |
| - | |
| - | // Elements with [data-closable] will respond to close.zf.trigger events. |
| - | $(document).on('close.zf.trigger', '[data-closable]', function() { |
| - | var animation = $(this).data('closable') || 'fade-out'; |
| - | if(Foundation.Motion){ |
| - | Foundation.Motion.animateOut($(this), animation, function() { |
| - | $(this).trigger('closed.zf'); |
| - | }); |
| - | }else{ |
| - | $(this).fadeOut().trigger('closed.zf'); |
| - | } |
| - | }); |
| - | |
| - | var MutationObserver = (function () { |
| - | var prefixes = ['WebKit', 'Moz', 'O', 'Ms', '']; |
| - | for (var i=0; i < prefixes.length; i++) { |
| - | if (prefixes[i] + 'MutationObserver' in window) { |
| - | return window[prefixes[i] + 'MutationObserver']; |
| - | } |
| - | } |
| - | return false; |
| - | }()); |
| - | |
| - | |
| - | var checkListeners = function(){ |
| - | eventsListener(); |
| - | resizeListener(); |
| - | scrollListener(); |
| - | closemeListener(); |
| - | }; |
| - | /** |
| - | * Fires once after all other scripts have loaded |
| - | * @function |
| - | * @private |
| - | */ |
| - | $(window).load(function(){ |
| - | checkListeners(); |
| - | }); |
| - | |
| - | //******** only fires this function once on load, if there's something to watch ******** |
| - | var closemeListener = function(pluginName){ |
| - | var yetiBoxes = $('[data-yeti-box]'), |
| - | plugNames = ['dropdown', 'tooltip', 'reveal']; |
| - | |
| - | if(pluginName){ |
| - | if(typeof pluginName === 'string'){ |
| - | plugNames.push(pluginName); |
| - | }else if(typeof pluginName === 'object' && typeof pluginName[0] === 'string'){ |
| - | plugNames.concat(pluginName); |
| - | }else{ |
| - | console.error('Plugin names must be strings'); |
| - | } |
| - | } |
| - | if(yetiBoxes.length){ |
| - | var listeners = plugNames.map(function(name){ |
| - | return 'closeme.zf.' + name; |
| - | }).join(' '); |
| - | |
| - | $(window).off(listeners).on(listeners, function(e, pluginId){ |
| - | var plugin = e.namespace.split('.')[0]; |
| - | var plugins = $('[data-' + plugin + ']').not('[data-yeti-box="' + pluginId + '"]'); |
| - | |
| - | plugins.each(function(){ |
| - | var _this = $(this); |
| - | |
| - | _this.triggerHandler('close.zf.trigger', [_this]); |
| - | }); |
| - | }); |
| - | } |
| - | }; |
| - | var resizeListener = function(debounce){ |
| - | var timer, |
| - | $nodes = $('[data-resize]'); |
| - | if($nodes.length){ |
| - | $(window).off('resize.zf.trigger') |
| - | .on('resize.zf.trigger', function(e) { |
| - | if (timer) { clearTimeout(timer); } |
| - | |
| - | timer = setTimeout(function(){ |
| - | |
| - | if(!MutationObserver){//fallback for IE 9 |
| - | $nodes.each(function(){ |
| - | $(this).triggerHandler('resizeme.zf.trigger'); |
| - | }); |
| - | } |
| - | //trigger all listening elements and signal a resize event |
| - | $nodes.attr('data-events', "resize"); |
| - | }, debounce || 10);//default time to emit resize event |
| - | }); |
| - | } |
| - | }; |
| - | var scrollListener = function(debounce){ |
| - | var timer, |
| - | $nodes = $('[data-scroll]'); |
| - | if($nodes.length){ |
| - | $(window).off('scroll.zf.trigger') |
| - | .on('scroll.zf.trigger', function(e){ |
| - | if(timer){ clearTimeout(timer); } |
| - | |
| - | timer = setTimeout(function(){ |
| - | |
| - | if(!MutationObserver){//fallback for IE 9 |
| - | $nodes.each(function(){ |
| - | $(this).triggerHandler('scrollme.zf.trigger'); |
| - | }); |
| - | } |
| - | //trigger all listening elements and signal a scroll event |
| - | $nodes.attr('data-events', "scroll"); |
| - | }, debounce || 10);//default time to emit scroll event |
| - | }); |
| - | } |
| - | }; |
| - | // function domMutationObserver(debounce) { |
| - | // // !!! This is coming soon and needs more work; not active !!! // |
| - | // var timer, |
| - | // nodes = document.querySelectorAll('[data-mutate]'); |
| - | // // |
| - | // if (nodes.length) { |
| - | // // var MutationObserver = (function () { |
| - | // // var prefixes = ['WebKit', 'Moz', 'O', 'Ms', '']; |
| - | // // for (var i=0; i < prefixes.length; i++) { |
| - | // // if (prefixes[i] + 'MutationObserver' in window) { |
| - | // // return window[prefixes[i] + 'MutationObserver']; |
| - | // // } |
| - | // // } |
| - | // // return false; |
| - | // // }()); |
| - | // |
| - | // |
| - | // //for the body, we need to listen for all changes effecting the style and class attributes |
| - | // var bodyObserver = new MutationObserver(bodyMutation); |
| - | // bodyObserver.observe(document.body, { attributes: true, childList: true, characterData: false, subtree:true, attributeFilter:["style", "class"]}); |
| - | // |
| - | // |
| - | // //body callback |
| - | // function bodyMutation(mutate) { |
| - | // //trigger all listening elements and signal a mutation event |
| - | // if (timer) { clearTimeout(timer); } |
| - | // |
| - | // timer = setTimeout(function() { |
| - | // bodyObserver.disconnect(); |
| - | // $('[data-mutate]').attr('data-events',"mutate"); |
| - | // }, debounce || 150); |
| - | // } |
| - | // } |
| - | // } |
| - | var eventsListener = function() { |
| - | if(!MutationObserver){ return false; } |
| - | var nodes = document.querySelectorAll('[data-resize], [data-scroll], [data-mutate]'); |
| - | |
| - | //element callback |
| - | var listeningElementsMutation = function(mutationRecordsList) { |
| - | var $target = $(mutationRecordsList[0].target); |
| - | //trigger the event handler for the element depending on type |
| - | switch ($target.attr("data-events")) { |
| - | |
| - | case "resize" : |
| - | $target.triggerHandler('resizeme.zf.trigger', [$target]); |
| - | break; |
| - | |
| - | case "scroll" : |
| - | $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]); |
| - | break; |
| - | |
| - | // case "mutate" : |
| - | // console.log('mutate', $target); |
| - | // $target.triggerHandler('mutate.zf.trigger'); |
| - | // |
| - | // //make sure we don't get stuck in an infinite loop from sloppy codeing |
| - | // if ($target.index('[data-mutate]') == $("[data-mutate]").length-1) { |
| - | // domMutationObserver(); |
| - | // } |
| - | // break; |
| - | |
| - | default : |
| - | return false; |
| - | //nothing |
| - | } |
| - | } |
| - | |
| - | if(nodes.length){ |
| - | //for each element that needs to listen for resizing, scrolling, (or coming soon mutation) add a single observer |
| - | for (var i = 0; i <= nodes.length-1; i++) { |
| - | var elementObserver = new MutationObserver(listeningElementsMutation); |
| - | elementObserver.observe(nodes[i], { attributes: true, childList: false, characterData: false, subtree:false, attributeFilter:["data-events"]}); |
| - | } |
| - | } |
| - | }; |
| - | // ------------------------------------ |
| - | |
| - | // [PH] |
| - | // Foundation.CheckWatchers = checkWatchers; |
| - | Foundation.IHearYou = checkListeners; |
| - | // Foundation.ISeeYou = scrollListener; |
| - | // Foundation.IFeelYou = closemeListener; |
| - | |
| - | }(window.Foundation, window.jQuery); |
| - | |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Abide. |
| - | * @class |
| - | * @fires Abide#init |
| - | * @param {Object} element - jQuery object to add the trigger to. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Abide(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, Abide.defaults, this.$element.data(), options); |
| - | this.$window = $(window); |
| - | this.name = 'Abide'; |
| - | this.attr = 'data-abide'; |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | /** |
| - | * Default settings for plugin |
| - | */ |
| - | Abide.defaults = { |
| - | validateOn: 'fieldChange', // options: fieldChange, manual, submit |
| - | labelErrorClass: 'is-invalid-label', |
| - | inputErrorClass: 'is-invalid-input', |
| - | formErrorSelector: '.form-error', |
| - | formErrorClass: 'is-visible', |
| - | patterns: { |
| - | alpha : /^[a-zA-Z]+$/, |
| - | alpha_numeric : /^[a-zA-Z0-9]+$/, |
| - | integer : /^[-+]?\d+$/, |
| - | number : /^[-+]?\d*(?:[\.\,]\d+)?$/, |
| - | |
| - | // amex, visa, diners |
| - | card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/, |
| - | cvv : /^([0-9]){3,4}$/, |
| - | |
| - | // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address |
| - | email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/, |
| - | |
| - | url : /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/, |
| - | // abc.de |
| - | domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/, |
| - | |
| - | datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/, |
| - | // YYYY-MM-DD |
| - | date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/, |
| - | // HH:MM:SS |
| - | time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/, |
| - | dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/, |
| - | // MM/DD/YYYY |
| - | month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/, |
| - | // DD/MM/YYYY |
| - | day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/, |
| - | |
| - | // #FFF or #FFFFFF |
| - | color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/ |
| - | }, |
| - | validators: { |
| - | equalTo: function (el, required, parent) { |
| - | var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value, |
| - | to = el.value, |
| - | valid = (from === to); |
| - | |
| - | return valid; |
| - | } |
| - | } |
| - | }; |
| - | |
| - | |
| - | /** |
| - | * Initializes the Abide plugin and calls functions to get Abide functioning on load. |
| - | * @private |
| - | */ |
| - | Abide.prototype._init = function() { |
| - | }; |
| - | |
| - | /** |
| - | * Initializes events for Abide. |
| - | * @private |
| - | */ |
| - | Abide.prototype._events = function() { |
| - | var self = this; |
| - | this.$element |
| - | .off('.abide') |
| - | .on('reset.fndtn.abide', function(e) { |
| - | self.resetForm($(this)); |
| - | }) |
| - | .on('submit.fndtn.abide', function(e) { |
| - | e.preventDefault(); |
| - | self.validateForm(self.$element); |
| - | }) |
| - | .find('input, textarea, select') |
| - | .off('.abide') |
| - | .on('blur.fndtn.abide change.fndtn.abide', function (e) { |
| - | if (self.options.validateOn === 'fieldChange') { |
| - | self.validateInput($(e.target), self.$element); |
| - | } |
| - | // self.validateForm(self.$element); |
| - | }) |
| - | .on('keydown.fndtn.abide', function (e) { |
| - | // if (settings.live_validate === true && e.which != 9) { |
| - | // clearTimeout(self.timer); |
| - | // self.timer = setTimeout(function () { |
| - | // self.validate([this], e); |
| - | // }.bind(this), settings.timeout); |
| - | // } |
| - | // self.validateForm(self.$element); |
| - | }); |
| - | |
| - | }, |
| - | /** |
| - | * Calls necessary functions to update Abide upon DOM change |
| - | * @private |
| - | */ |
| - | Abide.prototype._reflow = function() { |
| - | var self = this; |
| - | }; |
| - | /** |
| - | * Checks whether or not a form element has the required attribute and if it's checked or not |
| - | * @param {Object} element - jQuery object to check for required attribute |
| - | * @returns {Boolean} Boolean value depends on whether or not attribute is checked or empty |
| - | */ |
| - | Abide.prototype.requiredCheck = function($el) { |
| - | switch ($el[0].type) { |
| - | case 'text': |
| - | if ($el.attr('required') && !$el.val()) { |
| - | // requirement check does not pass |
| - | return false; |
| - | } else { |
| - | return true; |
| - | } |
| - | break; |
| - | case 'checkbox': |
| - | if ($el.attr('required') && !$el.is(':checked')) { |
| - | return false; |
| - | } else { |
| - | return true; |
| - | } |
| - | break; |
| - | case 'radio': |
| - | if ($el.attr('required') && !$el.is(':checked')) { |
| - | return false; |
| - | } else { |
| - | return true; |
| - | } |
| - | break; |
| - | default: |
| - | if ($el.attr('required') && (!$el.val() || !$el.val().length || $el.is(':empty'))) { |
| - | return false; |
| - | } else { |
| - | return true; |
| - | } |
| - | } |
| - | }; |
| - | /** |
| - | * Checks whether or not a form element has the required attribute and if it's checked or not |
| - | * @param {Object} element - jQuery object to check for required attribute |
| - | * @returns {Boolean} Boolean value depends on whether or not attribute is checked or empty |
| - | */ |
| - | Abide.prototype.findLabel = function($el) { |
| - | if ($el.next('label').length) { |
| - | return $el.next('label'); |
| - | } |
| - | else { |
| - | return $el.closest('label'); |
| - | } |
| - | }; |
| - | /** |
| - | * Adds the CSS error class as specified by the Abide settings to the label, input, and the form |
| - | * @param {Object} element - jQuery object to add the class to |
| - | */ |
| - | Abide.prototype.addErrorClasses = function($el) { |
| - | var self = this, |
| - | $label = self.findLabel($el), |
| - | $formError = $el.next(self.options.formErrorSelector) || $el.find(self.options.formErrorSelector); |
| - | |
| - | // label |
| - | if ($label) { |
| - | $label.addClass(self.options.labelErrorClass); |
| - | } |
| - | // form error |
| - | if ($formError) { |
| - | $formError.addClass(self.options.formErrorClass); |
| - | } |
| - | // input |
| - | $el.addClass(self.options.inputErrorClass); |
| - | }; |
| - | /** |
| - | * Removes CSS error class as specified by the Abide settings from the label, input, and the form |
| - | * @param {Object} element - jQuery object to remove the class from |
| - | */ |
| - | Abide.prototype.removeErrorClasses = function($el) { |
| - | var self = this, |
| - | $label = self.findLabel($el), |
| - | $formError = $el.next(self.options.formErrorSelector) || $el.find(self.options.formErrorSelector); |
| - | // label |
| - | if ($label && $label.hasClass(self.options.labelErrorClass)) { |
| - | $label.removeClass(self.options.labelErrorClass); |
| - | } |
| - | // form error |
| - | if ($formError && $formError.hasClass(self.options.formErrorClass)) { |
| - | $formError.removeClass(self.options.formErrorClass); |
| - | } |
| - | // input |
| - | if ($el.hasClass(self.options.inputErrorClass)) { |
| - | $el.removeClass(self.options.inputErrorClass); |
| - | } |
| - | }; |
| - | /** |
| - | * Goes through a form to find inputs and proceeds to validate them in ways specific to their type |
| - | * @fires Abide#invalid |
| - | * @fires Abide#valid |
| - | * @param {Object} element - jQuery object to validate, should be an HTML input |
| - | * @param {Object} form - jQuery object of the entire form to find the various input elements |
| - | */ |
| - | Abide.prototype.validateInput = function($el, $form) { |
| - | var self = this, |
| - | textInput = $form.find('input[type="text"]'), |
| - | checkInput = $form.find('input[type="checkbox"]'), |
| - | label, |
| - | radioGroupName; |
| - | |
| - | if ($el[0].type === 'text') { |
| - | if (!self.requiredCheck($el) || !self.validateText($el)) { |
| - | self.addErrorClasses($el); |
| - | $el.trigger('invalid.fndtn.abide', $el[0]); |
| - | } |
| - | else { |
| - | self.removeErrorClasses($el); |
| - | $el.trigger('valid.fndtn.abide', $el[0]); |
| - | } |
| - | } |
| - | else if ($el[0].type === 'radio') { |
| - | radioGroupName = $el.attr('name'); |
| - | label = $el.siblings('label'); |
| - | |
| - | if (self.validateRadio(radioGroupName)) { |
| - | $(label).each(function() { |
| - | if ($(this).hasClass(self.options.labelErrorClass)) { |
| - | $(this).removeClass(self.options.labelErrorClass); |
| - | } |
| - | }); |
| - | $el.trigger('valid.fndtn.abide', $el[0]); |
| - | } |
| - | else { |
| - | $(label).each(function() { |
| - | $(this).addClass(self.options.labelErrorClass); |
| - | }); |
| - | $el.trigger('invalid.fndtn.abide', $el[0]); |
| - | }; |
| - | } |
| - | else if ($el[0].type === 'checkbox') { |
| - | if (!self.requiredCheck($el)) { |
| - | self.addErrorClasses($el); |
| - | $el.trigger('invalid.fndtn.abide', $el[0]); |
| - | } |
| - | else { |
| - | self.removeErrorClasses($el); |
| - | $el.trigger('valid.fndtn.abide', $el[0]); |
| - | } |
| - | } |
| - | else { |
| - | if (!self.requiredCheck($el) || !self.validateText($el)) { |
| - | self.addErrorClasses($el); |
| - | $el.trigger('invalid.fndtn.abide', $el[0]); |
| - | } |
| - | else { |
| - | self.removeErrorClasses($el); |
| - | $el.trigger('valid.fndtn.abide', $el[0]); |
| - | } |
| - | } |
| - | }; |
| - | /** |
| - | * Goes through a form and if there are any invalid inputs, it will display the form error element |
| - | * @param {Object} element - jQuery object to validate, should be a form HTML element |
| - | */ |
| - | Abide.prototype.validateForm = function($form) { |
| - | var self = this, |
| - | inputs = $form.find('input'), |
| - | inputCount = $form.find('input').length, |
| - | counter = 0; |
| - | |
| - | while (counter < inputCount) { |
| - | self.validateInput($(inputs[counter]), $form); |
| - | counter++; |
| - | } |
| - | |
| - | // what are all the things that can go wrong with a form? |
| - | if ($form.find('.form-error.is-visible').length || $form.find('.is-invalid-label').length) { |
| - | $form.find('[data-abide-error]').css('display', 'block'); |
| - | } |
| - | else { |
| - | $form.find('[data-abide-error]').css('display', 'none'); |
| - | } |
| - | }; |
| - | /** |
| - | * Determines whether or a not a text input is valid based on the patterns specified in the attribute |
| - | * @param {Object} element - jQuery object to validate, should be a text input HTML element |
| - | * @returns {Boolean} Boolean value depends on whether or not the input value matches the pattern specified |
| - | */ |
| - | Abide.prototype.validateText = function($el) { |
| - | var self = this, |
| - | valid = false, |
| - | patternLib = this.options.patterns, |
| - | inputText = $($el).val(), |
| - | // maybe have a different way of parsing this bc people might use type |
| - | pattern = $($el).attr('pattern'); |
| - | |
| - | // if there's no value, then return true |
| - | // since required check has already been done |
| - | if (inputText.length === 0) { |
| - | return true; |
| - | } |
| - | else { |
| - | if (inputText.match(patternLib[pattern])) { |
| - | return true; |
| - | } |
| - | else { |
| - | return false; |
| - | } |
| - | } |
| - | }; |
| - | /** |
| - | * Determines whether or a not a radio input is valid based on whether or not it is required and selected |
| - | * @param {String} group - A string that specifies the name of a radio button group |
| - | * @returns {Boolean} Boolean value depends on whether or not at least one radio input has been selected (if it's required) |
| - | */ |
| - | Abide.prototype.validateRadio = function(group) { |
| - | var self = this, |
| - | labels = $(':radio[name="' + group + '"]').siblings('label'), |
| - | counter = 0; |
| - | // go through each radio button |
| - | $(':radio[name="' + group + '"]').each(function() { |
| - | // put them through the required checkpoint |
| - | if (!self.requiredCheck($(this))) { |
| - | // if at least one doesn't pass, add a tally to the counter |
| - | counter++; |
| - | } |
| - | // if at least one is checked |
| - | // reset the counter |
| - | if ($(this).is(':checked')) { |
| - | counter = 0; |
| - | } |
| - | }); |
| - | |
| - | if (counter > 0) { |
| - | return false; |
| - | } |
| - | else { |
| - | return true; |
| - | } |
| - | }; |
| - | Abide.prototype.matchValidation = function(val, validation) { |
| - | |
| - | }; |
| - | /** |
| - | * Resets form inputs and styles |
| - | * @param {Object} $form - A jQuery object that should be an HTML form element |
| - | */ |
| - | Abide.prototype.resetForm = function($form) { |
| - | var self = this; |
| - | var invalidAttr = 'data-invalid'; |
| - | // remove data attributes |
| - | $('[' + self.invalidAttr + ']', $form).removeAttr(invalidAttr); |
| - | // remove styles |
| - | $('.' + self.options.labelErrorClass, $form).not('small').removeClass(self.options.labelErrorClass); |
| - | $('.' + self.options.inputErrorClass, $form).not('small').removeClass(self.options.inputErrorClass); |
| - | $('.form-error.is-visible').removeClass('is-visible'); |
| - | $form.find('[data-abide-error]').css('display', 'none'); |
| - | $(':input', $form).not(':button, :submit, :reset, :hidden, [data-abide-ignore]').val('').removeAttr(invalidAttr); |
| - | }; |
| - | Abide.prototype.destroy = function(){ |
| - | //TODO this... |
| - | }; |
| - | |
| - | Foundation.plugin(Abide, 'Abide'); |
| - | |
| - | // Exports for AMD/Browserify |
| - | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| - | module.exports = Abide; |
| - | if (typeof define === 'function') |
| - | define(['foundation'], function() { |
| - | return Abide; |
| - | }); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * Accordion module. |
| - | * @module foundation.accordion |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.motion |
| - | */ |
| - | !function($, Foundation) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of an accordion. |
| - | * @class |
| - | * @fires Accordion#init |
| - | * @param {jQuery} element - jQuery object to make into an accordion. |
| - | */ |
| - | function Accordion(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Accordion.defaults, this.$element.data(), options); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Accordion', { |
| - | 'ENTER': 'toggle', |
| - | 'SPACE': 'toggle', |
| - | 'ARROW_DOWN': 'next', |
| - | 'ARROW_UP': 'previous' |
| - | }); |
| - | } |
| - | |
| - | Accordion.defaults = { |
| - | /** |
| - | * Amount of time to animate the opening of an accordion pane. |
| - | * @option |
| - | * @example 250 |
| - | */ |
| - | slideSpeed: 250, |
| - | /** |
| - | * Allow the accordion to have multiple open panes. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | multiExpand: false, |
| - | /** |
| - | * Allow the accordion to close all panes. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | allowAllClosed: false |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the accordion by animating the preset active pane(s). |
| - | * @private |
| - | */ |
| - | Accordion.prototype._init = function() { |
| - | this.$element.attr('role', 'tablist'); |
| - | this.$tabs = this.$element.children('li'); |
| - | this.$tabs.each(function(idx, el){ |
| - | |
| - | var $el = $(el), |
| - | $content = $el.find('[data-tab-content]'), |
| - | id = $content[0].id || Foundation.GetYoDigits(6, 'accordion'), |
| - | linkId = el.id || id + '-label'; |
| - | |
| - | $el.find('a:first').attr({ |
| - | 'aria-controls': id, |
| - | 'role': 'tab', |
| - | 'id': linkId, |
| - | 'aria-expanded': false, |
| - | 'aria-selected': false |
| - | }); |
| - | $content.attr({'role': 'tabpanel', 'aria-labelledby': linkId, 'aria-hidden': true, 'id': id}); |
| - | }); |
| - | var $initActive = this.$element.find('.is-active').children('[data-tab-content]'); |
| - | if($initActive.length){ |
| - | this.down($initActive, true); |
| - | } |
| - | this._events(); |
| - | }; |
| - | |
| - | /** |
| - | * Adds event handlers for items within the accordion. |
| - | * @private |
| - | */ |
| - | Accordion.prototype._events = function() { |
| - | var _this = this; |
| - | |
| - | this.$tabs.each(function(){ |
| - | var $elem = $(this); |
| - | var $tabContent = $elem.children('[data-tab-content]'); |
| - | if ($tabContent.length) { |
| - | $elem.children('a').off('click.zf.accordion keydown.zf.accordion') |
| - | .on('click.zf.accordion', function(e){ |
| - | // $(this).children('a').on('click.zf.accordion', function(e) { |
| - | e.preventDefault(); |
| - | if ($elem.hasClass('is-active')) { |
| - | if(_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')){ |
| - | _this.up($tabContent); |
| - | } |
| - | } |
| - | else { |
| - | _this.down($tabContent); |
| - | } |
| - | }).on('keydown.zf.accordion', function(e){ |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | toggle: function() { |
| - | _this.toggle($tabContent); |
| - | }, |
| - | next: function() { |
| - | $elem.next().find('a').focus().trigger('click.zf.accordion'); |
| - | }, |
| - | previous: function() { |
| - | $elem.prev().find('a').focus().trigger('click.zf.accordion'); |
| - | }, |
| - | handled: function() { |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | } |
| - | }); |
| - | }); |
| - | } |
| - | }); |
| - | }; |
| - | /** |
| - | * Toggles the selected content pane's open/close state. |
| - | * @param {jQuery} $target - jQuery object of the pane to toggle. |
| - | * @function |
| - | */ |
| - | Accordion.prototype.toggle = function($target){ |
| - | if($target.parent().hasClass('is-active')){ |
| - | if(this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')){ |
| - | this.up($target); |
| - | }else{ return; } |
| - | }else{ |
| - | this.down($target); |
| - | } |
| - | }; |
| - | /** |
| - | * Opens the accordion tab defined by `$target`. |
| - | * @param {jQuery} $target - Accordion pane to open. |
| - | * @param {Boolean} firstTime - flag to determine if reflow should happen. |
| - | * @fires Accordion#down |
| - | * @function |
| - | */ |
| - | Accordion.prototype.down = function($target, firstTime) { |
| - | var _this = this; |
| - | if(!this.options.multiExpand && !firstTime){ |
| - | var $currentActive = this.$element.find('.is-active').children('[data-tab-content]'); |
| - | if($currentActive.length){ |
| - | this.up($currentActive); |
| - | } |
| - | } |
| - | |
| - | $target |
| - | .attr('aria-hidden', false) |
| - | .parent('[data-tab-content]') |
| - | .addBack() |
| - | .parent().addClass('is-active'); |
| - | |
| - | Foundation.Move(_this.options.slideSpeed, $target, function(){ |
| - | $target.slideDown(_this.options.slideSpeed); |
| - | }); |
| - | |
| - | if(!firstTime){ |
| - | Foundation._reflow(this.$element.attr('data-accordion')); |
| - | } |
| - | $('#' + $target.attr('aria-labelledby')).attr({ |
| - | 'aria-expanded': true, |
| - | 'aria-selected': true |
| - | }); |
| - | /** |
| - | * Fires when the tab is done opening. |
| - | * @event Accordion#down |
| - | */ |
| - | this.$element.trigger('down.zf.accordion', [$target]); |
| - | }; |
| - | |
| - | /** |
| - | * Closes the tab defined by `$target`. |
| - | * @param {jQuery} $target - Accordion tab to close. |
| - | * @fires Accordion#up |
| - | * @function |
| - | */ |
| - | Accordion.prototype.up = function($target) { |
| - | var $aunts = $target.parent().siblings(), |
| - | _this = this; |
| - | var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active'); |
| - | |
| - | if(!this.options.allowAllClosed && !canClose){ |
| - | return; |
| - | } |
| - | |
| - | Foundation.Move(this.options.slideSpeed, $target, function(){ |
| - | $target.slideUp(_this.options.slideSpeed); |
| - | }); |
| - | |
| - | $target.attr('aria-hidden', true) |
| - | .parent().removeClass('is-active'); |
| - | |
| - | $('#' + $target.attr('aria-labelledby')).attr({ |
| - | 'aria-expanded': false, |
| - | 'aria-selected': false |
| - | }); |
| - | |
| - | /** |
| - | * Fires when the tab is done collapsing up. |
| - | * @event Accordion#up |
| - | */ |
| - | this.$element.trigger('up.zf.accordion', [$target]); |
| - | }; |
| - | |
| - | /** |
| - | * Destroys an instance of an accordion. |
| - | * @fires Accordion#destroyed |
| - | * @function |
| - | */ |
| - | Accordion.prototype.destroy = function() { |
| - | this.$element.find('[data-tab-content]').slideUp(0).css('display', ''); |
| - | this.$element.find('a').off('.zf.accordion'); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Accordion, 'Accordion'); |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * AccordionMenu module. |
| - | * @module foundation.accordionMenu |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.motion |
| - | * @requires foundation.util.nest |
| - | */ |
| - | !function($) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of an accordion menu. |
| - | * @class |
| - | * @fires AccordionMenu#init |
| - | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function AccordionMenu(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, AccordionMenu.defaults, this.$element.data(), options); |
| - | |
| - | Foundation.Nest.Feather(this.$element, 'accordion'); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('AccordionMenu', { |
| - | 'ENTER': 'toggle', |
| - | 'SPACE': 'toggle', |
| - | 'ARROW_RIGHT': 'open', |
| - | 'ARROW_UP': 'up', |
| - | 'ARROW_DOWN': 'down', |
| - | 'ARROW_LEFT': 'close', |
| - | 'ESCAPE': 'closeAll', |
| - | 'TAB': 'down', |
| - | 'SHIFT_TAB': 'up' |
| - | }); |
| - | } |
| - | |
| - | AccordionMenu.defaults = { |
| - | /** |
| - | * Amount of time to animate the opening of a submenu in ms. |
| - | * @option |
| - | * @example 250 |
| - | */ |
| - | slideSpeed: 250, |
| - | /** |
| - | * Allow the menu to have multiple open panes. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | multiOpen: true |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the accordion menu by hiding all nested menus. |
| - | * @private |
| - | */ |
| - | AccordionMenu.prototype._init = function() { |
| - | this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem'); |
| - | this.$element.attr({ |
| - | 'role': 'tablist', |
| - | 'aria-multiselectable': this.options.multiOpen |
| - | }); |
| - | |
| - | this.$menuLinks = this.$element.find('.has-submenu'); |
| - | this.$menuLinks.each(function(){ |
| - | var linkId = this.id || Foundation.GetYoDigits(6, 'acc-menu-link'), |
| - | $elem = $(this), |
| - | $sub = $elem.children('[data-submenu]'), |
| - | subId = $sub[0].id || Foundation.GetYoDigits(6, 'acc-menu'), |
| - | isActive = $sub.hasClass('is-active'); |
| - | $elem.attr({ |
| - | 'aria-controls': subId, |
| - | 'aria-expanded': isActive, |
| - | 'aria-selected': false, |
| - | 'role': 'tab', |
| - | 'id': linkId |
| - | }); |
| - | $sub.attr({ |
| - | 'aria-labelledby': linkId, |
| - | 'aria-hidden': !isActive, |
| - | 'role': 'tabpanel', |
| - | 'id': subId |
| - | }); |
| - | }); |
| - | var initPanes = this.$element.find('.is-active'); |
| - | if(initPanes.length){ |
| - | var _this = this; |
| - | initPanes.each(function(){ |
| - | _this.down($(this)); |
| - | }); |
| - | } |
| - | this._events(); |
| - | }; |
| - | |
| - | /** |
| - | * Adds event handlers for items within the menu. |
| - | * @private |
| - | */ |
| - | AccordionMenu.prototype._events = function() { |
| - | var _this = this; |
| - | |
| - | this.$element.find('li').each(function() { |
| - | var $submenu = $(this).children('[data-submenu]'); |
| - | |
| - | if ($submenu.length) { |
| - | $(this).children('a').off('click.zf.accordionmenu').on('click.zf.accordionmenu', function(e) { |
| - | e.preventDefault(); |
| - | |
| - | _this.toggle($submenu); |
| - | }); |
| - | } |
| - | }).on('keydown.zf.accordionmenu', function(e){ |
| - | var $element = $(this), |
| - | $elements = $element.parent('ul').children('li'), |
| - | $prevElement, |
| - | $nextElement, |
| - | $target = $element.children('[data-submenu]'); |
| - | |
| - | $elements.each(function(i) { |
| - | if ($(this).is($element)) { |
| - | $prevElement = $elements.eq(Math.max(0, i-1)); |
| - | $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)); |
| - | |
| - | if ($(this).children('[data-submenu]:visible').length) { // has open sub menu |
| - | $nextElement = $element.find('li:first-child'); |
| - | } |
| - | if ($(this).is(':first-child')) { // is first element of sub menu |
| - | $prevElement = $element.parents('li').first(); |
| - | } else if ($prevElement.children('[data-submenu]:visible').length) { // if previous element has open sub menu |
| - | $prevElement = $prevElement.find('li:last-child'); |
| - | } |
| - | if ($(this).is(':last-child')) { // is last element of sub menu |
| - | $nextElement = $element.parents('li').first().next('li'); |
| - | } |
| - | |
| - | return; |
| - | } |
| - | }); |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | open: function() { |
| - | if ($target.is(':hidden')) { |
| - | _this.down($target); |
| - | $target.find('li').first().focus(); |
| - | } |
| - | }, |
| - | close: function() { |
| - | if ($target.length && !$target.is(':hidden')) { // close active sub of this item |
| - | _this.up($target); |
| - | } else if ($element.parent('[data-submenu]').length) { // close currently open sub |
| - | _this.up($element.parent('[data-submenu]')); |
| - | $element.parents('li').first().focus(); |
| - | } |
| - | }, |
| - | up: function() { |
| - | $prevElement.focus(); |
| - | }, |
| - | down: function() { |
| - | $nextElement.focus(); |
| - | }, |
| - | toggle: function() { |
| - | if ($element.children('[data-submenu]').length) { |
| - | _this.toggle($element.children('[data-submenu]')); |
| - | } |
| - | }, |
| - | closeAll: function() { |
| - | _this.hideAll(); |
| - | }, |
| - | handled: function() { |
| - | e.preventDefault(); |
| - | e.stopImmediatePropagation(); |
| - | } |
| - | }); |
| - | });//.attr('tabindex', 0); |
| - | }; |
| - | /** |
| - | * Closes all panes of the menu. |
| - | * @function |
| - | */ |
| - | AccordionMenu.prototype.hideAll = function(){ |
| - | this.$element.find('[data-submenu]').slideUp(this.options.slideSpeed); |
| - | }; |
| - | /** |
| - | * Toggles the open/close state of a submenu. |
| - | * @function |
| - | * @param {jQuery} $target - the submenu to toggle |
| - | */ |
| - | AccordionMenu.prototype.toggle = function($target){ |
| - | if (!$target.is(':hidden')) { |
| - | this.up($target); |
| - | } |
| - | else { |
| - | this.down($target); |
| - | } |
| - | }; |
| - | /** |
| - | * Opens the sub-menu defined by `$target`. |
| - | * @param {jQuery} $target - Sub-menu to open. |
| - | * @fires AccordionMenu#down |
| - | */ |
| - | AccordionMenu.prototype.down = function($target) { |
| - | var _this = this; |
| - | console.log($target); |
| - | if(!this.options.multiOpen){ |
| - | this.up(this.$element.find('.is-active').not($target.parentsUntil(this.$element))); |
| - | } |
| - | |
| - | $target.addClass('is-active').attr({'aria-hidden': false}) |
| - | .parent('.has-submenu').attr({'aria-expanded': true, 'aria-selected': true}); |
| - | |
| - | Foundation.Move(this.options.slideSpeed, $target, function(){ |
| - | $target.slideDown(_this.options.slideSpeed); |
| - | }); |
| - | /** |
| - | * Fires when the menu is done collapsing up. |
| - | * @event AccordionMenu#down |
| - | */ |
| - | this.$element.trigger('down.zf.accordionMenu', [$target]); |
| - | }; |
| - | |
| - | /** |
| - | * Closes the sub-menu defined by `$target`. All sub-menus inside the target will be closed as well. |
| - | * @param {jQuery} $target - Sub-menu to close. |
| - | * @fires AccordionMenu#up |
| - | */ |
| - | AccordionMenu.prototype.up = function($target) { |
| - | var _this = this; |
| - | Foundation.Move(this.options.slideSpeed, $target, function(){ |
| - | $target.slideUp(_this.options.slideSpeed); |
| - | }); |
| - | $target.attr('aria-hidden', true) |
| - | .find('[data-submenu]').slideUp(0).attr('aria-hidden', true).end() |
| - | .parent('.has-submenu') |
| - | .attr({'aria-expanded': false, 'aria-selected': false}); |
| - | // $target.slideUp(this.options.slideSpeed, function() { |
| - | // $target.find('[data-submenu]').slideUp(0).attr('aria-hidden', true); |
| - | // }).attr('aria-hidden', true).parent('.has-submenu').attr({'aria-expanded': false, 'aria-selected': false}); |
| - | |
| - | /** |
| - | * Fires when the menu is done collapsing up. |
| - | * @event AccordionMenu#up |
| - | */ |
| - | this.$element.trigger('up.zf.accordionMenu', [$target]); |
| - | }; |
| - | |
| - | /** |
| - | * Destroys an instance of accordion menu. |
| - | * @fires AccordionMenu#destroyed |
| - | */ |
| - | AccordionMenu.prototype.destroy = function(){ |
| - | this.$element.find('[data-submenu]').slideDown(0).css('display', ''); |
| - | this.$element.find('a').off('click.zf.accordionMenu'); |
| - | |
| - | Foundation.Nest.Burn(this.$element, 'accordion'); |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(AccordionMenu, 'AccordionMenu'); |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * Drilldown module. |
| - | * @module foundation.drilldown |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.motion |
| - | * @requires foundation.util.nest |
| - | */ |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of a drilldown menu. |
| - | * @class |
| - | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Drilldown(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Drilldown.defaults, this.$element.data(), options); |
| - | |
| - | Foundation.Nest.Feather(this.$element, 'drilldown'); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Drilldown', { |
| - | 'ENTER': 'open', |
| - | 'SPACE': 'open', |
| - | 'ARROW_RIGHT': 'next', |
| - | 'ARROW_UP': 'up', |
| - | 'ARROW_DOWN': 'down', |
| - | 'ARROW_LEFT': 'previous', |
| - | 'ESCAPE': 'close', |
| - | 'TAB': 'down', |
| - | 'SHIFT_TAB': 'up' |
| - | }); |
| - | } |
| - | Drilldown.defaults = { |
| - | /** |
| - | * Markup used for JS generated back button. Prepended to submenu lists and deleted on `destroy` method. |
| - | * @option |
| - | * @example '<li><a>Back</a></li>' |
| - | */ |
| - | backButton: '<li class="js-drilldown-back" tabindex="0"><a>Back</a></li>', |
| - | /** |
| - | * Markup used to wrap drilldown menu. Use a class name for independent styling, or the JS applied class: `is-drilldown`. |
| - | * @option |
| - | * @example '<div></div>' |
| - | */ |
| - | wrapper: '<div></div>', |
| - | /** |
| - | * Allow the menu to return to root list on body click. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | closeOnClick: false, |
| - | // holdOpen: false |
| - | }; |
| - | /** |
| - | * Initializes the drilldown by creating jQuery collections of elements |
| - | * @private |
| - | */ |
| - | Drilldown.prototype._init = function(){ |
| - | this.$submenuAnchors = this.$element.find('li.has-submenu'); |
| - | this.$submenus = this.$submenuAnchors.children('[data-submenu]').addClass('is-drilldown-sub')/*.wrap($(this.options.wrapper).addClass('is-drilldown-sub'))*/; |
| - | // this.$rootElems = this.$element.children('[data-submenu]')/*.addClass('first-sub')*/; |
| - | this.$menuItems = this.$element.find('li').not('.js-drilldown-back').attr('role', 'menuitem'); |
| - | // this.$submenus; |
| - | |
| - | |
| - | this._prepareMenu(); |
| - | // this._getMaxDims(); |
| - | this._keyboardEvents(); |
| - | }; |
| - | /** |
| - | * prepares drilldown menu by setting attributes to links and elements |
| - | * sets a min height to prevent content jumping |
| - | * wraps the element if not already wrapped |
| - | * @private |
| - | * @function |
| - | */ |
| - | Drilldown.prototype._prepareMenu = function(){ |
| - | var _this = this; |
| - | // if(!this.options.holdOpen){ |
| - | // this._menuLinkEvents(); |
| - | // } |
| - | this.$submenuAnchors.each(function(){ |
| - | var $sub = $(this); |
| - | $sub.find('a')[0].removeAttribute('href'); |
| - | $sub.children('[data-submenu]') |
| - | .attr({ |
| - | 'aria-hidden': true, |
| - | 'tabindex': 0, |
| - | 'role': 'menu' |
| - | }); |
| - | _this._events($sub); |
| - | }); |
| - | this.$submenus.each(function(){ |
| - | var $menu = $(this), |
| - | $back = $menu.find('.js-drilldown-back'); |
| - | if(!$back.length){ |
| - | $menu.prepend(_this.options.backButton); |
| - | _this._back($menu); |
| - | } |
| - | }); |
| - | if(!this.$element.parent().hasClass('is-drilldown')){ |
| - | this.$wrapper = $(this.options.wrapper).addClass('is-drilldown').css(this._getMaxDims()); |
| - | this.$element.wrap(this.$wrapper); |
| - | } |
| - | |
| - | }; |
| - | /** |
| - | * Adds event handlers to elements in the menu. |
| - | * @function |
| - | * @private |
| - | * @param {jQuery} $elem - the current menu item to add handlers to. |
| - | */ |
| - | Drilldown.prototype._events = function($elem){ |
| - | var _this = this; |
| - | |
| - | $elem.off('click.zf.drilldown') |
| - | .on('click.zf.drilldown', function(e){ |
| - | e.stopImmediatePropagation(); |
| - | e.preventDefault(); |
| - | |
| - | if(e.target !== e.currentTarget.firstElementChild){ |
| - | return false; |
| - | } |
| - | _this._show($elem); |
| - | |
| - | if(_this.options.closeOnClick){ |
| - | var $body = $('body').not(_this.$wrapper); |
| - | $body.off('.zf.drilldown').on('click.zf.drilldown', function(e){ |
| - | e.preventDefault(); |
| - | _this._hideAll(); |
| - | $body.off('.zf.drilldown'); |
| - | }); |
| - | } |
| - | }); |
| - | }; |
| - | /** |
| - | * Adds keydown event listener to `li`'s in the menu. |
| - | * @private |
| - | */ |
| - | Drilldown.prototype._keyboardEvents = function() { |
| - | var _this = this; |
| - | this.$menuItems.add(this.$element.find('.js-drilldown-back')).on('keydown.zf.drilldown', function(e){ |
| - | var $element = $(this), |
| - | $elements = $element.parent('ul').children('li'), |
| - | $prevElement, |
| - | $nextElement; |
| - | |
| - | $elements.each(function(i) { |
| - | if ($(this).is($element)) { |
| - | $prevElement = $elements.eq(Math.max(0, i-1)); |
| - | $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)); |
| - | return; |
| - | } |
| - | }); |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | next: function() { |
| - | if ($element.is(_this.$submenuAnchors)) { |
| - | _this._show($element); |
| - | $element.on(Foundation.transitionend($element), function(){ |
| - | $element.find('ul li').filter(_this.$menuItems).first().focus(); |
| - | }); |
| - | } |
| - | }, |
| - | previous: function() { |
| - | _this._hide($element.parent('ul')); |
| - | $element.parent('ul').on(Foundation.transitionend($element), function(){ |
| - | setTimeout(function() { |
| - | $element.parent('ul').parent('li').focus(); |
| - | }, 1); |
| - | }); |
| - | }, |
| - | up: function() { |
| - | $prevElement.focus(); |
| - | }, |
| - | down: function() { |
| - | $nextElement.focus(); |
| - | }, |
| - | close: function() { |
| - | _this._back(); |
| - | //_this.$menuItems.first().focus(); // focus to first element |
| - | }, |
| - | open: function() { |
| - | if (!$element.is(_this.$menuItems)) { // not menu item means back button |
| - | _this._hide($element.parent('ul')); |
| - | setTimeout(function(){$element.parent('ul').parent('li').focus();}, 1); |
| - | } else if ($element.is(_this.$submenuAnchors)) { |
| - | _this._show($element); |
| - | setTimeout(function(){$element.find('ul li').filter(_this.$menuItems).first().focus();}, 1); |
| - | } |
| - | }, |
| - | handled: function() { |
| - | e.preventDefault(); |
| - | e.stopImmediatePropagation(); |
| - | } |
| - | }); |
| - | }); // end keyboardAccess |
| - | }; |
| - | |
| - | /** |
| - | * Closes all open elements, and returns to root menu. |
| - | * @function |
| - | * @fires Drilldown#closed |
| - | */ |
| - | Drilldown.prototype._hideAll = function(){ |
| - | var $elem = this.$element.find('.is-drilldown-sub.is-active').addClass('is-closing'); |
| - | $elem.one(Foundation.transitionend($elem), function(e){ |
| - | $elem.removeClass('is-active is-closing'); |
| - | }); |
| - | /** |
| - | * Fires when the menu is fully closed. |
| - | * @event Drilldown#closed |
| - | */ |
| - | this.$element.trigger('closed.zf.drilldown'); |
| - | }; |
| - | /** |
| - | * Adds event listener for each `back` button, and closes open menus. |
| - | * @function |
| - | * @fires Drilldown#back |
| - | * @param {jQuery} $elem - the current sub-menu to add `back` event. |
| - | */ |
| - | Drilldown.prototype._back = function($elem){ |
| - | var _this = this; |
| - | $elem.off('click.zf.drilldown'); |
| - | $elem.children('.js-drilldown-back') |
| - | .on('click.zf.drilldown', function(e){ |
| - | e.stopImmediatePropagation(); |
| - | // console.log('mouseup on back'); |
| - | _this._hide($elem); |
| - | }); |
| - | }; |
| - | /** |
| - | * Adds event listener to menu items w/o submenus to close open menus on click. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Drilldown.prototype._menuLinkEvents = function(){ |
| - | var _this = this; |
| - | this.$menuItems.not('.has-submenu') |
| - | .off('click.zf.drilldown') |
| - | .on('click.zf.drilldown', function(e){ |
| - | // e.stopImmediatePropagation(); |
| - | setTimeout(function(){ |
| - | _this._hideAll(); |
| - | }, 0); |
| - | }); |
| - | }; |
| - | /** |
| - | * Opens a submenu. |
| - | * @function |
| - | * @fires Drilldown#open |
| - | * @param {jQuery} $elem - the current element with a submenu to open. |
| - | */ |
| - | Drilldown.prototype._show = function($elem){ |
| - | $elem.children('[data-submenu]').addClass('is-active'); |
| - | |
| - | this.$element.trigger('open.zf.drilldown', [$elem]); |
| - | }; |
| - | /** |
| - | * Hides a submenu |
| - | * @function |
| - | * @fires Drilldown#hide |
| - | * @param {jQuery} $elem - the current sub-menu to hide. |
| - | */ |
| - | Drilldown.prototype._hide = function($elem){ |
| - | var _this = this; |
| - | $elem.addClass('is-closing') |
| - | .one(Foundation.transitionend($elem), function(){ |
| - | $elem.removeClass('is-active is-closing'); |
| - | }); |
| - | /** |
| - | * Fires when the submenu is has closed. |
| - | * @event Drilldown#hide |
| - | */ |
| - | $elem.trigger('hide.zf.drilldown', [$elem]); |
| - | |
| - | }; |
| - | /** |
| - | * Iterates through the nested menus to calculate the min-height, and max-width for the menu. |
| - | * Prevents content jumping. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Drilldown.prototype._getMaxDims = function(){ |
| - | var max = 0, result = {}; |
| - | this.$submenus.add(this.$element).each(function(){ |
| - | var numOfElems = $(this).children('li').length; |
| - | max = numOfElems > max ? numOfElems : max; |
| - | }); |
| - | |
| - | result.height = max * this.$menuItems[0].getBoundingClientRect().height + 'px'; |
| - | result.width = this.$element[0].getBoundingClientRect().width + 'px'; |
| - | |
| - | return result; |
| - | }; |
| - | /** |
| - | * Destroys the Drilldown Menu |
| - | * @function |
| - | */ |
| - | Drilldown.prototype.destroy = function(){ |
| - | this._hideAll(); |
| - | Foundation.Nest.Burn(this.$element, 'drilldown'); |
| - | this.$element.unwrap() |
| - | .find('.js-drilldown-back').remove() |
| - | .end().find('.is-active, .is-closing, .is-drilldown-sub').removeClass('is-active is-closing is-drilldown-sub') |
| - | .end().find('[data-submenu]').removeAttr('aria-hidden tabindex role') |
| - | .off('.zf.drilldown').end().off('zf.drilldown'); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | Foundation.plugin(Drilldown, 'Drilldown'); |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * Dropdown module. |
| - | * @module foundation.dropdown |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.box |
| - | */ |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | /** |
| - | * Creates a new instance of a dropdown. |
| - | * @class |
| - | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Dropdown(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Dropdown.defaults, this.$element.data(), options); |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Dropdown', { |
| - | 'ENTER': 'open', |
| - | 'SPACE': 'open', |
| - | 'ESCAPE': 'close', |
| - | 'TAB': 'tab_forward', |
| - | 'SHIFT_TAB': 'tab_backward' |
| - | }); |
| - | } |
| - | |
| - | Dropdown.defaults = { |
| - | /** |
| - | * Amount of time to delay opening a submenu on hover event. |
| - | * @option |
| - | * @example 250 |
| - | */ |
| - | hoverDelay: 250, |
| - | /** |
| - | * Allow submenus to open on hover events |
| - | * @option |
| - | * @example false |
| - | */ |
| - | hover: false, |
| - | /** |
| - | * Number of pixels between the dropdown pane and the triggering element on open. |
| - | * @option |
| - | * @example 1 |
| - | */ |
| - | vOffset: 1, |
| - | /** |
| - | * Number of pixels between the dropdown pane and the triggering element on open. |
| - | * @option |
| - | * @example 1 |
| - | */ |
| - | hOffset: 1, |
| - | /** |
| - | * Class applied to adjust open position. JS will test and fill this in. |
| - | * @option |
| - | * @example 'top' |
| - | */ |
| - | positionClass: '', |
| - | /** |
| - | * Allow the plugin to trap focus to the dropdown pane on open. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | trapFocus: false |
| - | }; |
| - | /** |
| - | * Initializes the plugin by setting/checking options and attributes, adding helper variables, and saving the anchor. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Dropdown.prototype._init = function(){ |
| - | var $id = this.$element.attr('id'); |
| - | |
| - | this.$anchor = $('[data-toggle="' + $id + '"]') || $('[data-open="' + $id + '"]'); |
| - | this.$anchor.attr({ |
| - | 'aria-controls': $id, |
| - | 'data-is-focus': false, |
| - | 'data-yeti-box': $id, |
| - | 'aria-haspopup': true, |
| - | 'aria-expanded': false |
| - | // 'data-resize': $id |
| - | }); |
| - | |
| - | this.options.positionClass = this.getPositionClass(); |
| - | this.counter = 4; |
| - | this.usedPositions = []; |
| - | this.$element.attr({ |
| - | 'aria-hidden': 'true', |
| - | 'data-yeti-box': $id, |
| - | 'data-resize': $id, |
| - | 'aria-labelledby': this.$anchor[0].id || Foundation.GetYoDigits(6, 'dd-anchor') |
| - | }); |
| - | this._events(); |
| - | }; |
| - | /** |
| - | * Helper function to determine current orientation of dropdown pane. |
| - | * @function |
| - | * @returns {String} position - string value of a position class. |
| - | */ |
| - | Dropdown.prototype.getPositionClass = function(){ |
| - | var position = this.$element[0].className.match(/(top|left|right)/g); |
| - | position = position ? position[0] : ''; |
| - | return position; |
| - | }; |
| - | /** |
| - | * Adjusts the dropdown panes orientation by adding/removing positioning classes. |
| - | * @function |
| - | * @private |
| - | * @param {String} position - position class to remove. |
| - | */ |
| - | Dropdown.prototype._reposition = function(position){ |
| - | this.usedPositions.push(position ? position : 'bottom'); |
| - | //default, try switching to opposite side |
| - | if(!position && (this.usedPositions.indexOf('top') < 0)){ |
| - | this.$element.addClass('top'); |
| - | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') < 0)){ |
| - | this.$element.removeClass(position); |
| - | }else if(position === 'left' && (this.usedPositions.indexOf('right') < 0)){ |
| - | this.$element.removeClass(position) |
| - | .addClass('right'); |
| - | }else if(position === 'right' && (this.usedPositions.indexOf('left') < 0)){ |
| - | this.$element.removeClass(position) |
| - | .addClass('left'); |
| - | } |
| - | |
| - | //if default change didn't work, try bottom or left first |
| - | else if(!position && (this.usedPositions.indexOf('top') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| - | this.$element.addClass('left'); |
| - | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| - | this.$element.removeClass(position) |
| - | .addClass('left'); |
| - | }else if(position === 'left' && (this.usedPositions.indexOf('right') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| - | this.$element.removeClass(position); |
| - | }else if(position === 'right' && (this.usedPositions.indexOf('left') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| - | this.$element.removeClass(position); |
| - | } |
| - | //if nothing cleared, set to bottom |
| - | else{ |
| - | this.$element.removeClass(position); |
| - | } |
| - | this.classChanged = true; |
| - | this.counter--; |
| - | }; |
| - | /** |
| - | * Sets the position and orientation of the dropdown pane, checks for collisions. |
| - | * Recursively calls itself if a collision is detected, with a new position class. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Dropdown.prototype._setPosition = function(){ |
| - | if(this.$anchor.attr('aria-expanded') === 'false'){ return false; } |
| - | var position = this.getPositionClass(), |
| - | $eleDims = Foundation.Box.GetDimensions(this.$element), |
| - | $anchorDims = Foundation.Box.GetDimensions(this.$anchor), |
| - | _this = this, |
| - | direction = (position === 'left' ? 'left' : ((position === 'right') ? 'left' : 'top')), |
| - | param = (direction === 'top') ? 'height' : 'width', |
| - | offset = (param === 'height') ? this.options.vOffset : this.options.hOffset; |
| - | |
| - | if(($eleDims.width >= $eleDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.$element))){ |
| - | this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({ |
| - | 'width': $eleDims.windowDims.width - (this.options.hOffset * 2), |
| - | 'height': 'auto', |
| - | }); |
| - | this.classChanged = true; |
| - | return false; |
| - | } |
| - | |
| - | this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, position, this.options.vOffset, this.options.hOffset)); |
| - | |
| - | while(!Foundation.Box.ImNotTouchingYou(this.$element) && this.counter){ |
| - | this._reposition(position); |
| - | this._setPosition(); |
| - | } |
| - | }; |
| - | /** |
| - | * Adds event listeners to the element utilizing the triggers utility library. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Dropdown.prototype._events = function(){ |
| - | var _this = this; |
| - | this.$element.on({ |
| - | 'open.zf.trigger': this.open.bind(this), |
| - | 'close.zf.trigger': this.close.bind(this), |
| - | 'toggle.zf.trigger': this.toggle.bind(this), |
| - | 'resizeme.zf.trigger': this._setPosition.bind(this) |
| - | }); |
| - | |
| - | if(this.options.hover){ |
| - | this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown') |
| - | .on('mouseenter.zf.dropdown', function(){ |
| - | console.log('hover'); |
| - | clearTimeout(_this.timeout); |
| - | _this.timeOut = setTimeout(function(){ |
| - | _this.open(); |
| - | _this.$anchor.data('hover', true); |
| - | }, _this.options.hoverDelay); |
| - | }).on('mouseleave.zf.dropdown', function(){ |
| - | clearTimeout(_this.timeout); |
| - | _this.timeOut = setTimeout(function(){ |
| - | _this.close(); |
| - | _this.$anchor.data('hover', false); |
| - | }, _this.options.hoverDelay); |
| - | }); |
| - | } |
| - | this.$anchor.add(this.$element).on('keydown.zf.dropdown', function(e) { |
| - | |
| - | var visibleFocusableElements = Foundation.Keyboard.findFocusable(_this.$element); |
| - | |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | tab_forward: function() { |
| - | if (this.$element.find(':focus').is(visibleFocusableElements.eq(-1))) { // left modal downwards, setting focus to first element |
| - | if (this.options.trapFocus) { // if focus shall be trapped |
| - | visibleFocusableElements.eq(0).focus(); |
| - | e.preventDefault(); |
| - | } else { // if focus is not trapped, close dropdown on focus out |
| - | this.close(); |
| - | } |
| - | } |
| - | }, |
| - | tab_backward: function() { |
| - | if (this.$element.find(':focus').is(visibleFocusableElements.eq(0)) || this.$element.is(':focus')) { // left modal upwards, setting focus to last element |
| - | if (this.options.trapFocus) { // if focus shall be trapped |
| - | visibleFocusableElements.eq(-1).focus(); |
| - | e.preventDefault(); |
| - | } else { // if focus is not trapped, close dropdown on focus out |
| - | this.close(); |
| - | } |
| - | } |
| - | }, |
| - | open: function() { |
| - | _this.open(); |
| - | _this.$element.attr('tabindex', -1).focus(); |
| - | }, |
| - | close: function() { |
| - | _this.close(); |
| - | _this.$anchor.focus(); |
| - | } |
| - | }); |
| - | }); |
| - | }; |
| - | /** |
| - | * Opens the dropdown pane, and fires a bubbling event to close other dropdowns. |
| - | * @function |
| - | * @fires Dropdown#closeme |
| - | * @fires Dropdown#show |
| - | */ |
| - | Dropdown.prototype.open = function(){ |
| - | // var _this = this; |
| - | /** |
| - | * Fires to close other open dropdowns |
| - | * @event Dropdown#closeme |
| - | */ |
| - | this.$element.trigger('closeme.zf.dropdown', this.$element.attr('id')); |
| - | this.$anchor.addClass('hover') |
| - | .attr({'aria-expanded': true}); |
| - | // this.$element/*.show()*/; |
| - | this._setPosition(); |
| - | this.$element.addClass('is-open') |
| - | .attr({'aria-hidden': false}); |
| - | |
| - | |
| - | |
| - | /** |
| - | * Fires once the dropdown is visible. |
| - | * @event Dropdown#show |
| - | */ |
| - | this.$element.trigger('show.zf.dropdown', [this.$element]); |
| - | //why does this not work correctly for this plugin? |
| - | // Foundation.reflow(this.$element, 'dropdown'); |
| - | // Foundation._reflow(this.$element.attr('data-dropdown')); |
| - | }; |
| - | |
| - | /** |
| - | * Closes the open dropdown pane. |
| - | * @function |
| - | * @fires Dropdown#hide |
| - | */ |
| - | Dropdown.prototype.close = function(){ |
| - | if(!this.$element.hasClass('is-open')){ |
| - | return false; |
| - | } |
| - | this.$element.removeClass('is-open') |
| - | .attr({'aria-hidden': true}); |
| - | |
| - | this.$anchor.removeClass('hover') |
| - | .attr('aria-expanded', false); |
| - | |
| - | if(this.classChanged){ |
| - | var curPositionClass = this.getPositionClass(); |
| - | if(curPositionClass){ |
| - | this.$element.removeClass(curPositionClass); |
| - | } |
| - | this.$element.addClass(this.options.positionClass) |
| - | /*.hide()*/.css({height: '', width: ''}); |
| - | this.classChanged = false; |
| - | this.counter = 4; |
| - | this.usedPositions.length = 0; |
| - | } |
| - | this.$element.trigger('hide.zf.dropdown', [this.$element]); |
| - | // Foundation.reflow(this.$element, 'dropdown'); |
| - | }; |
| - | /** |
| - | * Toggles the dropdown pane's visibility. |
| - | * @function |
| - | */ |
| - | Dropdown.prototype.toggle = function(){ |
| - | if(this.$element.hasClass('is-open')){ |
| - | if(this.$anchor.data('hover')) return; |
| - | this.close(); |
| - | }else{ |
| - | this.open(); |
| - | } |
| - | }; |
| - | /** |
| - | * Destroys the dropdown. |
| - | * @function |
| - | */ |
| - | Dropdown.prototype.destroy = function(){ |
| - | this.$element.off('.zf.trigger').hide(); |
| - | this.$anchor.off('.zf.dropdown'); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Dropdown, 'Dropdown'); |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * DropdownMenu module. |
| - | * @module foundation.dropdown-menu |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.box |
| - | * @requires foundation.util.nest |
| - | */ |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of DropdownMenu. |
| - | * @class |
| - | * @fires DropdownMenu#init |
| - | * @param {jQuery} element - jQuery object to make into a dropdown menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function DropdownMenu(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, DropdownMenu.defaults, this.$element.data(), options); |
| - | |
| - | Foundation.Nest.Feather(this.$element, 'dropdown'); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('DropdownMenu', { |
| - | 'ENTER': 'open', |
| - | 'SPACE': 'open', |
| - | 'ARROW_RIGHT': 'next', |
| - | 'ARROW_UP': 'up', |
| - | 'ARROW_DOWN': 'down', |
| - | 'ARROW_LEFT': 'previous', |
| - | 'ESCAPE': 'close' |
| - | }); |
| - | |
| - | // /** |
| - | // * Fires when the plugin has been successfuly initialized. |
| - | // * @event DropdownMenu#init |
| - | // */ |
| - | // this.$element.trigger('init.zf.dropdown'); |
| - | } |
| - | |
| - | /** |
| - | * Default settings for plugin |
| - | */ |
| - | DropdownMenu.defaults = { |
| - | // toggleOn: 'both', |
| - | /** |
| - | * Allow a submenu to open/remain open on parent click event. Allows cursor to move away from menu. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | clickOpen: true, |
| - | /** |
| - | * Allow clicks on the body to close any open submenus. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | closeOnClick: false, |
| - | /** |
| - | * Disallows hover events from opening submenus |
| - | * @option |
| - | * @example false |
| - | */ |
| - | disableHover: false, |
| - | /** |
| - | * Allow a submenu to automatically close on a mouseleave event. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | autoclose: true, |
| - | /** |
| - | * Amount of time to delay opening a submenu on hover event. |
| - | * @option |
| - | * @example 150 |
| - | */ |
| - | hoverDelay: 150, |
| - | /** |
| - | * Amount of time to delay closing a submenu on a mouseleave event. |
| - | * @option |
| - | * @example 500 |
| - | */ |
| - | closingTime: 500, |
| - | // wrapOnKeys: true, |
| - | /** |
| - | * Position of the menu relative to what direction the submenus should open. Handled by JS. |
| - | * @option |
| - | * @example 'left' |
| - | */ |
| - | alignment: 'left', |
| - | /** |
| - | * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class. |
| - | * @option |
| - | * @example 'vertical' |
| - | */ |
| - | verticalClass: 'vertical', |
| - | /** |
| - | * Class applied to right-side oriented menus, Foundation default is `align-right`. Update this if using your own class. |
| - | * @option |
| - | * @example 'align-right' |
| - | */ |
| - | rightClass: 'align-right' |
| - | }; |
| - | /** |
| - | * Initializes the plugin, and calls _prepareMenu |
| - | * @private |
| - | * @function |
| - | */ |
| - | DropdownMenu.prototype._init = function(){ |
| - | if(this.$element.hasClass(this.options.verticalClass)){ |
| - | this.vertical = true; |
| - | } |
| - | // this.vertical = this.$element.hasClass(this.options.verticalClass); |
| - | this._prepareMenu(); |
| - | // this._addTopLevelKeyHandler(); |
| - | }; |
| - | /** |
| - | * Prepares the menu by checking alignment and orientation, setting attributes for elements, and creating jQuery collections of elements. |
| - | * @private |
| - | * @function |
| - | */ |
| - | DropdownMenu.prototype._prepareMenu = function(){ |
| - | var _this = this; |
| - | this.$tabs = this.$element.children('li.has-submenu'); |
| - | this.$tabs.children('[data-submenu]').addClass('first-sub'); |
| - | this.$submenus = this.$element.find('li.has-submenu'); |
| - | this.$menuItems = this.$element.find('li').attr({'role': 'menuitem', 'tabindex': 0}); |
| - | this.$menuItems.children('a').attr('tabindex', -1); |
| - | if(this.$element.hasClass(this.options.rightClass)){ |
| - | this.options.alignment = 'right'; |
| - | this.$submenus.addClass('is-left-arrow opens-left'); |
| - | }else{ |
| - | this.$submenus.addClass('is-right-arrow opens-right'); |
| - | } |
| - | if(!this.vertical){ |
| - | this.$tabs.removeClass('is-right-arrow is-left-arrow opens-left opens-right').addClass('is-down-arrow'); |
| - | } |
| - | |
| - | this.$tabs.each(function(){ |
| - | var $tab = $(this); |
| - | $tab.attr({ |
| - | 'role': 'menuitem', |
| - | 'tabindex': 0, |
| - | 'aria-label': $tab.children('a:first-child').text()/*.match(/\w/ig).join('')*/ |
| - | }).children('a').attr('tabindex', -1);//maybe add a more specific regex to match alphanumeric characters and join them appropriately |
| - | if($tab.children('[data-submenu]')){ |
| - | $tab.attr('aria-haspopup', true); |
| - | } |
| - | }); |
| - | |
| - | |
| - | this.$submenus.each(function(){ |
| - | var $sub = $(this); |
| - | |
| - | // if(_this.options.alignment === 'right'){ |
| - | // $sub.children('[data-submenu]').addClass('is-right-arrow'); |
| - | // } |
| - | |
| - | $sub.children('[data-submenu]') |
| - | .attr({ |
| - | 'aria-hidden': true, |
| - | 'tabindex': -1, |
| - | 'role': 'menu' |
| - | }).addClass('vertical'); |
| - | _this._events($sub); |
| - | }); |
| - | }; |
| - | |
| - | /** |
| - | * Adds event listeners to elements within the menu |
| - | * @param {jQuery} $elem - the element to attach listeners too. |
| - | * @private |
| - | * @function |
| - | */ |
| - | DropdownMenu.prototype._events = function($elem){ |
| - | var _this = this, |
| - | isTouch = window.ontouchstart !== undefined; |
| - | |
| - | if(this.options.clickOpen || isTouch){ |
| - | $elem.off('click.zf.dropdownmenu') |
| - | .on('click.zf.dropdownmenu', function(e){ |
| - | if(!$(this).hasClass('is-dropdown-submenu-parent')){ return; } |
| - | var hasClicked = $elem.data('isClick'); |
| - | if(isTouch && hasClicked) return; |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | |
| - | if(hasClicked){ |
| - | _this._hide($elem); |
| - | }else{ |
| - | _this._hideOthers($elem); |
| - | _this._show($elem); |
| - | $elem.data('isClick', true) |
| - | .parentsUntil('[data-dropdown-menu]', '.is-dropdown-submenu-parent') |
| - | .data('isClick', true); |
| - | if(_this.options.closeOnClick){ |
| - | _this._addBodyHandler(); |
| - | } |
| - | } |
| - | }); |
| - | } |
| - | |
| - | if(!this.options.disableHover){ |
| - | //add ability for all menu items to close an open menu on the same level// |
| - | this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e){ |
| - | var $el = $(this); |
| - | if(!$el.hasClass('is-active')){ |
| - | _this._hideOthers($el); |
| - | } |
| - | }); |
| - | //elements with submenus |
| - | $elem.off('mouseenter.zf.dropdownmenu') |
| - | .on('mouseenter.zf.dropdownmenu', function(e){ |
| - | clearTimeout($elem.closeTimer); |
| - | if(!$elem.hasClass('is-active')){ |
| - | $elem.openTimer = setTimeout(function(){ |
| - | // _this._hideOthers($elem); |
| - | _this._show($elem); |
| - | }, _this.options.hoverDelay); |
| - | } |
| - | }).on('mouseleave.zf.dropdownmenu', function(e){ |
| - | if(!$elem.data('isClick') && _this.options.autoclose){ |
| - | clearTimeout($elem.openTimer); |
| - | $elem.closeTimer = setTimeout(function(){ |
| - | _this._hide($elem); |
| - | }, _this.options.closingTime); |
| - | } |
| - | }); |
| - | } |
| - | |
| - | this.$menuItems.on('keydown.zf.dropdownmenu', function(e){ |
| - | var $element = $(this), |
| - | $tabs = _this.$element.children('li'), |
| - | isTab = $element.is($tabs), |
| - | $elements = isTab ? $tabs : $element.parents('li').first().add($element.parent('ul').children('li')), |
| - | $prevElement, |
| - | $nextElement; |
| - | |
| - | $elements.each(function(i) { |
| - | if ($(this).is($element)) { |
| - | $prevElement = $elements.eq(i-1); |
| - | $nextElement = $elements.eq(i+1); |
| - | return; |
| - | } |
| - | }); |
| - | var nextSibling = function() { |
| - | if (!$element.is(':last-child')) $nextElement.focus(); |
| - | }, prevSibling = function() { |
| - | $prevElement.focus(); |
| - | }, openSub = function() { |
| - | if ($element.has('ul').length) { |
| - | _this._show($element); |
| - | $element.find('li').first().focus(); |
| - | } |
| - | }, closeSub = function() { |
| - | //if ($element.is(':first-child')) { |
| - | $element.parents('li').first().focus(); |
| - | _this._hide($element.parents('li').first()); |
| - | //} |
| - | }; |
| - | var functions = { |
| - | open: openSub, |
| - | close: function() { |
| - | _this._hideAll(); |
| - | _this.$menuItems.first().focus(); // focus to first element |
| - | }, |
| - | handled: function() { |
| - | e.preventDefault(); |
| - | e.stopImmediatePropagation(); |
| - | } |
| - | }; |
| - | |
| - | if (isTab) { |
| - | if (_this.vertical) { // vertical menu |
| - | if (_this.options.alignment === 'left') { // left aligned |
| - | $.extend(functions, { |
| - | down: nextSibling, |
| - | up: prevSibling, |
| - | next: openSub, |
| - | previous: closeSub, |
| - | }); |
| - | } else { // right aligned |
| - | $.extend(functions, { |
| - | down: nextSibling, |
| - | up: prevSibling, |
| - | next: closeSub, |
| - | previous: openSub, |
| - | }); |
| - | } |
| - | } else { // horizontal menu |
| - | $.extend(functions, { |
| - | next: nextSibling, |
| - | previous: prevSibling, |
| - | down: openSub, |
| - | up: closeSub, |
| - | }); |
| - | } |
| - | } else { // not tabs -> one sub |
| - | if (_this.options.alignment === 'left') { // left aligned |
| - | $.extend(functions, { |
| - | next: openSub, |
| - | previous: closeSub, |
| - | down: nextSibling, |
| - | up: prevSibling |
| - | }); |
| - | } else { // right aligned |
| - | $.extend(functions, { |
| - | next: closeSub, |
| - | previous: openSub, |
| - | down: nextSibling, |
| - | up: prevSibling |
| - | }); |
| - | } |
| - | } |
| - | Foundation.Keyboard.handleKey(e, _this, functions); |
| - | }); |
| - | // end keyboardAccess |
| - | }; |
| - | /** |
| - | * Toggles the current dropdown pane. |
| - | * @param {jQuery} $elem - the current element with a submenu to toggle. |
| - | * @function |
| - | * @private |
| - | */ |
| - | DropdownMenu.prototype._toggle = function($elem){ |
| - | if($elem.hasClass('is-active')){ |
| - | this._hide($elem); |
| - | }else{ |
| - | this._show($elem); |
| - | } |
| - | }; |
| - | /** |
| - | * Adds an event handler to the body to close any dropdowns on a click. |
| - | * @function |
| - | * @private |
| - | */ |
| - | DropdownMenu.prototype._addBodyHandler = function(){ |
| - | var $body = $('body'), |
| - | _this = this; |
| - | $body.not(_this.$element).on('click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu', function(e){ |
| - | _this._hideAll(); |
| - | $body.off('click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu'); |
| - | }); |
| - | }; |
| - | //show & hide stuff @private |
| - | /** |
| - | * Opens a dropdown pane, and checks for collisions first. |
| - | * @param {jQuery} $elem - current element with a submenu to show |
| - | * @function |
| - | * @private |
| - | * @fires DropdownMenu#show |
| - | */ |
| - | DropdownMenu.prototype._show = function($elem){ |
| - | this._hideOthers($elem); |
| - | $elem.focus(); |
| - | // console.log('showing some stuff', $elem.find('li:first-child')); |
| - | var $sub = $elem.children('[data-submenu]:first-of-type'); |
| - | $elem.addClass('is-active'); |
| - | $sub.css('visibility', 'hidden').addClass('js-dropdown-active') |
| - | .attr('aria-hidden', false); |
| - | |
| - | |
| - | //break this into own function |
| - | var clear = Foundation.Box.ImNotTouchingYou($sub, null, true); |
| - | if(!clear){ |
| - | if(this.options.alignment === 'left'){ |
| - | $elem.removeClass('opens-left').addClass('opens-right'); |
| - | }else{ |
| - | $elem.removeClass('opens-right').addClass('opens-left'); |
| - | } |
| - | this.changed = true; |
| - | |
| - | // still not clear, small screen, add inner class |
| - | clear = Foundation.Box.ImNotTouchingYou($sub, null, true); |
| - | if (!clear) { |
| - | $elem.removeClass('opens-left opens-right').addClass('opens-inner'); |
| - | this.changed = true; |
| - | } |
| - | } |
| - | $sub.css('visibility', ''); |
| - | /** |
| - | * Fires when the new dropdown pane is visible. |
| - | * @event DropdownMenu#show |
| - | */ |
| - | this.$element.trigger('show.zf.dropdownmenu', [$elem]); |
| - | }; |
| - | /** |
| - | * Hides a single, currently open dropdown pane. |
| - | * @function |
| - | * @param {jQuery} $elem - element with a submenu to hide |
| - | * @private |
| - | */ |
| - | DropdownMenu.prototype._hide = function($elem){ |
| - | this._hideSome($elem); |
| - | }; |
| - | /** |
| - | * Hides currently open dropdown panes from a jQuery collection passed by other functions. |
| - | * Resets the position classes if the element was mutated due to a collision. |
| - | * @function |
| - | * @param {jQuery} $elems - element(s) with a submenu to hide |
| - | * @private |
| - | * @fires DropdownMenu#hide |
| - | */ |
| - | DropdownMenu.prototype._hideSome = function($elems){ |
| - | if($elems.length){ |
| - | // if($elems.hasClass('first-sub')){ |
| - | // console.log('true'); |
| - | // $elems.blur(); |
| - | // } |
| - | $elems.removeClass('is-active opens-inner').data('isClick', false) |
| - | |
| - | .find('.is-active').removeClass('is-active').data('isClick', false).end() |
| - | |
| - | .find('.js-dropdown-active').removeClass('js-dropdown-active') |
| - | .attr('aria-hidden', true); |
| - | $elems.parent('.has-submenu').removeClass('is-active'); |
| - | if(this.changed){ |
| - | //remove position class |
| - | if(this.options.alignment === 'left'){ |
| - | $elems.find('.opens-left').removeClass('opens-left').addClass('opens-right'); |
| - | }else{ |
| - | $elems.find('.opens-right').removeClass('opens-right').addClass('opens-left'); |
| - | } |
| - | } |
| - | /** |
| - | * Fires when the open menus are closed. |
| - | * @event DropdownMenu#hide |
| - | */ |
| - | this.$element.trigger('hide.zf.dropdownmenu'); |
| - | } |
| - | }; |
| - | /** |
| - | * Hides a submenu's siblings. |
| - | * @param {jQuery} $elem - the element that should remain open. |
| - | * @function |
| - | * @private |
| - | */ |
| - | DropdownMenu.prototype._hideOthers = function($elem){ |
| - | this._hideSome($elem.siblings('.has-submenu.is-active')); |
| - | }; |
| - | /** |
| - | * Hides everything. |
| - | * @function |
| - | */ |
| - | DropdownMenu.prototype._hideAll = function(){ |
| - | this._hideSome(this.$element); |
| - | }; |
| - | /** |
| - | * Destroys the plugin. |
| - | * @function |
| - | */ |
| - | DropdownMenu.prototype.destroy = function() { |
| - | this._hideAll(); |
| - | this.$element |
| - | .removeData('zf-plugin') |
| - | .find('li') |
| - | .removeClass('js-dropdown-nohover is-right-arrow is-left-arrow opens-left opens-inner opens-right') |
| - | .add('a').off('.zf.dropdownmenu') |
| - | .end().find('ul').removeClass('first-sub'); |
| - | Foundation.Nest.Burn(this.$element, 'dropdown'); |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(DropdownMenu, 'DropdownMenu'); |
| - | |
| - | var checkClass = function($elem){ |
| - | return $elem.hasClass('is-active'); |
| - | }; |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Equalizer. |
| - | * @class |
| - | * @fires Equalizer#init |
| - | * @param {Object} element - jQuery object to add the trigger to. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Equalizer(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, Equalizer.defaults, this.$element.data(), options); |
| - | this.$window = $(window); |
| - | this.name = 'equalizer'; |
| - | this.attr = 'data-equalizer'; |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | /** |
| - | * Default settings for plugin |
| - | */ |
| - | Equalizer.defaults = { |
| - | /** |
| - | * Enable height equalization when stacked on smaller screens. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | equalizeOnStack: true, |
| - | /** |
| - | * Amount of time, in ms, to debounce the size checking/equalization. Lower times mean smoother transitions/less performance on mobile. |
| - | * @option |
| - | * @example 50 |
| - | */ |
| - | throttleInterval: 50 |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the Equalizer plugin and calls functions to get equalizer functioning on load. |
| - | * @private |
| - | */ |
| - | Equalizer.prototype._init = function() { |
| - | this._reflow(); |
| - | }; |
| - | |
| - | /** |
| - | * Initializes events for Equalizer. |
| - | * @private |
| - | */ |
| - | Equalizer.prototype._events = function() { |
| - | var self = this; |
| - | |
| - | this.$window |
| - | .off('.equalizer') |
| - | .on('resize.fndtn.equalizer', Foundation.util.throttle(function () { |
| - | self._reflow(); |
| - | }, self.options.throttleInterval)); |
| - | }; |
| - | |
| - | /** |
| - | * A noop version for the plugin |
| - | * @private |
| - | */ |
| - | Equalizer.prototype._killswitch = function() { |
| - | return; |
| - | }; |
| - | /** |
| - | * Calls necessary functions to update Equalizer upon DOM change |
| - | * @private |
| - | */ |
| - | Equalizer.prototype._reflow = function() { |
| - | var self = this; |
| - | |
| - | $('[' + this.attr + ']').each(function() { |
| - | var $eqParent = $(this), |
| - | adjustedHeights = [], |
| - | $images = $eqParent.find('img'); |
| - | |
| - | if ($images.length) { |
| - | Foundation.onImagesLoaded($images, function() { |
| - | adjustedHeights = self.getHeights($eqParent); |
| - | self.applyHeight($eqParent, adjustedHeights); |
| - | }); |
| - | } |
| - | else { |
| - | adjustedHeights = self.getHeights($eqParent); |
| - | self.applyHeight($eqParent, adjustedHeights); |
| - | } |
| - | }); |
| - | }; |
| - | /** |
| - | * Finds the outer heights of children contained within an Equalizer parent and returns them in an array |
| - | * @param {Object} $eqParent A jQuery instance of an Equalizer container |
| - | * @returns {Array} heights An array of heights of children within Equalizer container |
| - | */ |
| - | Equalizer.prototype.getHeights = function($eqParent) { |
| - | var eqGroupName = $eqParent.data('equalizer'), |
| - | eqGroup = eqGroupName ? $eqParent.find('[' + this.attr + '-watch="' + eqGroupName + '"]:visible') : $eqParent.find('[' + this.attr + '-watch]:visible'), |
| - | heights; |
| - | |
| - | eqGroup.height('inherit'); |
| - | heights = eqGroup.map(function () { return $(this).outerHeight(false);}).get(); |
| - | console.log(heights); |
| - | return heights; |
| - | }; |
| - | /** |
| - | * Changes the CSS height property of each child in an Equalizer parent to match the tallest |
| - | * @param {Object} $eqParent - A jQuery instance of an Equalizer container |
| - | * @param {array} heights - An array of heights of children within Equalizer container |
| - | * @fires Equalizer#preEqualized |
| - | * @fires Equalizer#postEqualized |
| - | */ |
| - | Equalizer.prototype.applyHeight = function($eqParent, heights) { |
| - | var eqGroupName = $eqParent.data('equalizer'), |
| - | eqGroup = eqGroupName ? $eqParent.find('['+this.attr+'-watch="'+eqGroupName+'"]:visible') : $eqParent.find('['+this.attr+'-watch]:visible'), |
| - | max = Math.max.apply(null, heights); |
| - | |
| - | /** |
| - | * Fires before the heights are applied |
| - | * @event Equalizer#preEqualized |
| - | */ |
| - | $eqParent.trigger('preEqualized.zf.Equalizer'); |
| - | |
| - | // for now, apply the max height found in the array |
| - | for (var i = 0; i < eqGroup.length; i++) { |
| - | $(eqGroup[i]).css('height', max); |
| - | } |
| - | // console.log(max); |
| - | /** |
| - | * Fires when the heights have been applied |
| - | * @event Equalizer#postEqualized |
| - | */ |
| - | $eqParent.trigger('postEqualized.zf.Equalizer'); |
| - | }; |
| - | /** |
| - | * Destroys an instance of Equalizer. |
| - | * @function |
| - | */ |
| - | Equalizer.prototype.destroy = function(){ |
| - | //TODO this. |
| - | }; |
| - | |
| - | Foundation.plugin(Equalizer, 'Equalizer'); |
| - | |
| - | // Exports for AMD/Browserify |
| - | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| - | module.exports = Equalizer; |
| - | if (typeof define === 'function') |
| - | define(['foundation'], function() { |
| - | return Equalizer; |
| - | }); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * Interchange module. |
| - | * @module foundation.interchange |
| - | * @requires foundation.util.mediaQuery |
| - | * @requires foundation.util.timerAndImageLoader |
| - | */ |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Interchange. |
| - | * @class |
| - | * @fires Interchange#init |
| - | * @param {Object} element - jQuery object to add the trigger to. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Interchange(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, Interchange.defaults, options); |
| - | this.rules = []; |
| - | this.currentPath = ''; |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | /** |
| - | * Default settings for plugin |
| - | */ |
| - | Interchange.defaults = { |
| - | /** |
| - | * Rules to be applied to Interchange elements. Set with the `data-interchange` array notation. |
| - | * @option |
| - | */ |
| - | rules: null |
| - | }; |
| - | |
| - | Interchange.SPECIAL_QUERIES = { |
| - | 'landscape': 'screen and (orientation: landscape)', |
| - | 'portrait': 'screen and (orientation: portrait)', |
| - | 'retina': 'only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)' |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the Interchange plugin and calls functions to get interchange functioning on load. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Interchange.prototype._init = function() { |
| - | this._addBreakpoints(); |
| - | this._generateRules(); |
| - | this._reflow(); |
| - | }; |
| - | |
| - | /** |
| - | * Initializes events for Interchange. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Interchange.prototype._events = function() { |
| - | $(window).on('resize.fndtn.interchange', Foundation.util.throttle(this._reflow.bind(this), 50)); |
| - | }; |
| - | |
| - | /** |
| - | * Calls necessary functions to update Interchange upon DOM change |
| - | * @function |
| - | * @private |
| - | */ |
| - | Interchange.prototype._reflow = function() { |
| - | var match; |
| - | |
| - | // Iterate through each rule, but only save the last match |
| - | for (var i in this.rules) { |
| - | var rule = this.rules[i]; |
| - | |
| - | if (window.matchMedia(rule.query).matches) { |
| - | match = rule; |
| - | } |
| - | } |
| - | |
| - | if (match) { |
| - | this.replace(match.path); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Gets the Foundation breakpoints and adds them to the Interchange.SPECIAL_QUERIES object. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Interchange.prototype._addBreakpoints = function() { |
| - | for (var i in Foundation.MediaQuery.queries) { |
| - | var query = Foundation.MediaQuery.queries[i]; |
| - | Interchange.SPECIAL_QUERIES[query.name] = query.value; |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Checks the Interchange element for the provided media query + content pairings |
| - | * @function |
| - | * @private |
| - | * @param {Object} element - jQuery object that is an Interchange instance |
| - | * @returns {Array} scenarios - Array of objects that have 'mq' and 'path' keys with corresponding keys |
| - | */ |
| - | Interchange.prototype._generateRules = function() { |
| - | var rulesList = []; |
| - | var rules; |
| - | |
| - | if (this.options.rules) { |
| - | rules = this.options.rules; |
| - | } |
| - | else { |
| - | rules = this.$element.data('interchange').match(/\[.*?\]/g); |
| - | } |
| - | |
| - | for (var i in rules) { |
| - | var rule = rules[i].slice(1, -1).split(', '); |
| - | var path = rule.slice(0, -1).join(''); |
| - | var query = rule[rule.length - 1]; |
| - | |
| - | if (Interchange.SPECIAL_QUERIES[query]) { |
| - | query = Interchange.SPECIAL_QUERIES[query]; |
| - | } |
| - | |
| - | rulesList.push({ |
| - | path: path, |
| - | query: query |
| - | }); |
| - | } |
| - | |
| - | this.rules = rulesList; |
| - | }; |
| - | |
| - | /** |
| - | * Update the `src` property of an image, or change the HTML of a container, to the specified path. |
| - | * @function |
| - | * @param {String} path - Path to the image or HTML partial. |
| - | * @fires Interchange#replaced |
| - | */ |
| - | Interchange.prototype.replace = function(path) { |
| - | if (this.currentPath === path) return; |
| - | |
| - | var _this = this; |
| - | |
| - | // Replacing images |
| - | if (this.$element[0].nodeName === 'IMG') { |
| - | this.$element.attr('src', path).load(function() { |
| - | _this.$element.trigger('replaced.zf.interchange'); |
| - | _this.currentPath = path; |
| - | }); |
| - | } |
| - | // Replacing background images |
| - | else if (path.match(/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i)) { |
| - | this.$element.css({ 'background-image': 'url('+path+')' }); |
| - | } |
| - | // Replacing HTML |
| - | else { |
| - | $.get(path, function(response) { |
| - | _this.$element.html(response); |
| - | _this.$element.trigger('replaced.zf.interchange'); |
| - | _this.currentPath = path; |
| - | }); |
| - | } |
| - | }; |
| - | /** |
| - | * Destroys an instance of interchange. |
| - | * @function |
| - | */ |
| - | Interchange.prototype.destroy = function(){ |
| - | //TODO this. |
| - | }; |
| - | Foundation.plugin(Interchange, 'Interchange'); |
| - | |
| - | // Exports for AMD/Browserify |
| - | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| - | module.exports = Interchange; |
| - | if (typeof define === 'function') |
| - | define(['foundation'], function() { |
| - | return Interchange; |
| - | }); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * Magellan module. |
| - | * @module foundation.magellan |
| - | */ |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Magellan. |
| - | * @class |
| - | * @fires Magellan#init |
| - | * @param {Object} element - jQuery object to add the trigger to. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Magellan(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, Magellan.defaults, options); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | /** |
| - | * Default settings for plugin |
| - | */ |
| - | Magellan.defaults = { |
| - | /** |
| - | * Amount of time, in ms, the animated scrolling should take between locations. |
| - | * @option |
| - | * @example 500 |
| - | */ |
| - | animationDuration: 500, |
| - | /** |
| - | * Animation style to use when scrolling between locations. |
| - | * @option |
| - | * @example 'ease-in-out' |
| - | */ |
| - | animationEasing: 'linear', |
| - | /** |
| - | * Number of pixels to use as a marker for location changes. |
| - | * @option |
| - | * @example 50 |
| - | */ |
| - | threshold: 50, |
| - | /** |
| - | * Class applied to the active locations link on the magellan container. |
| - | * @option |
| - | * @example 'active' |
| - | */ |
| - | activeClass: 'active', |
| - | /** |
| - | * Allows the script to manipulate the url of the current page, and if supported, alter the history. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | deepLinking: false |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the Magellan plugin and calls functions to get equalizer functioning on load. |
| - | * @private |
| - | */ |
| - | Magellan.prototype._init = function() { |
| - | var id = this.$element[0].id || Foundation.GetYoDigits(6, 'magellan'), |
| - | _this = this; |
| - | this.$targets = $('[data-magellan-target]'); |
| - | this.$links = this.$element.find('a'); |
| - | this.$element.attr({ |
| - | 'data-resize': id, |
| - | 'data-scroll': id, |
| - | 'id': id |
| - | }); |
| - | this.$active = $(); |
| - | this.scrollPos = parseInt(window.pageYOffset, 10); |
| - | |
| - | this._events(); |
| - | }; |
| - | /** |
| - | * Calculates an array of pixel values that are the demarcation lines between locations on the page. |
| - | * Can be invoked if new elements are added or the size of a location changes. |
| - | * @function |
| - | */ |
| - | Magellan.prototype.calcPoints = function(){ |
| - | var _this = this, |
| - | body = document.body, |
| - | html = document.documentElement; |
| - | |
| - | this.points = []; |
| - | this.winHeight = Math.round(Math.max(window.innerHeight, document.body.clientHeight)); |
| - | this.docHeight = Math.round(Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight)); |
| - | |
| - | this.$targets.each(function(){ |
| - | var $tar = $(this), |
| - | pt = Math.round($tar.offset().top - _this.options.threshold); |
| - | $tar.targetPoint = pt; |
| - | _this.points.push(pt); |
| - | }); |
| - | }; |
| - | /** |
| - | * Initializes events for Magellan. |
| - | * @private |
| - | */ |
| - | Magellan.prototype._events = function() { |
| - | var _this = this, |
| - | $body = $('html, body'), |
| - | opts = { |
| - | duration: _this.options.animationDuration, |
| - | easing: _this.options.animationEasing |
| - | }; |
| - | |
| - | $(window).one('load', function(){ |
| - | _this.calcPoints(); |
| - | _this._updateActive(); |
| - | }); |
| - | |
| - | this.$element.on({ |
| - | 'resizeme.zf.trigger': this.reflow.bind(this), |
| - | 'scrollme.zf.trigger': this._updateActive.bind(this) |
| - | }).on('click.zf.magellan', 'a[href^="#"]', function(e) { |
| - | e.preventDefault(); |
| - | var arrival = this.getAttribute('href'), |
| - | scrollPos = $(arrival).offset().top - _this.options.threshold / 2; |
| - | |
| - | // requestAnimationFrame is disabled for this plugin currently |
| - | // Foundation.Move(_this.options.animationDuration, $body, function(){ |
| - | $body.stop(true).animate({ |
| - | scrollTop: scrollPos |
| - | }, opts); |
| - | }); |
| - | // }); |
| - | }; |
| - | /** |
| - | * Calls necessary functions to update Magellan upon DOM change |
| - | * @function |
| - | */ |
| - | Magellan.prototype.reflow = function(){ |
| - | this.calcPoints(); |
| - | this._updateActive(); |
| - | }; |
| - | /** |
| - | * Updates the visibility of an active location link, and updates the url hash for the page, if deepLinking enabled. |
| - | * @private |
| - | * @function |
| - | * @fires Magellan#update |
| - | */ |
| - | Magellan.prototype._updateActive = function(/*evt, elem, scrollPos*/){ |
| - | var winPos = /*scrollPos ||*/ parseInt(window.pageYOffset, 10), |
| - | curIdx; |
| - | |
| - | if(winPos + this.winHeight === this.docHeight){ curIdx = this.points.length - 1; } |
| - | else if(winPos < this.points[0]){ curIdx = 0; } |
| - | else{ |
| - | var isDown = this.scrollPos < winPos, |
| - | _this = this, |
| - | curVisible = this.points.filter(function(p, i){ |
| - | return isDown ? p <= winPos : p - _this.options.threshold <= winPos;//&& winPos >= _this.points[i -1] - _this.options.threshold; |
| - | }); |
| - | curIdx = curVisible.length ? curVisible.length - 1 : 0; |
| - | } |
| - | |
| - | this.$active.removeClass(this.options.activeClass); |
| - | this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass); |
| - | |
| - | if(this.options.deepLinking){ |
| - | var hash = this.$active[0].getAttribute('href'); |
| - | if(window.history.pushState){ |
| - | window.history.pushState(null, null, hash); |
| - | }else{ |
| - | window.location.hash = hash; |
| - | } |
| - | } |
| - | |
| - | this.scrollPos = winPos; |
| - | /** |
| - | * Fires when magellan is finished updating to the new active element. |
| - | * @event Magellan#update |
| - | */ |
| - | this.$element.trigger('update.zf.magellan', [this.$active]); |
| - | }; |
| - | /** |
| - | * Destroys an instance of Magellan and resets the url of the window. |
| - | * @function |
| - | */ |
| - | Magellan.prototype.destroy = function(){ |
| - | this.$element.off('.zf.trigger .zf.magellan') |
| - | .find('.' + this.options.activeClass).removeClass(this.options.activeClass); |
| - | |
| - | var hash = this.$active[0].getAttribute('href'); |
| - | |
| - | window.location.hash.replace(hash, ''); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | Foundation.plugin(Magellan, 'Magellan'); |
| - | |
| - | // Exports for AMD/Browserify |
| - | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| - | module.exports = Magellan; |
| - | if (typeof define === 'function') |
| - | define(['foundation'], function() { |
| - | return Magellan; |
| - | }); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * OffCanvas module. |
| - | * @module foundation.offcanvas |
| - | * @requires foundation.util.triggers |
| - | * @requires foundation.util.motion |
| - | */ |
| - | !function($, Foundation) { |
| - | |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of an off-canvas wrapper. |
| - | * @class |
| - | * @fires OffCanvas#init |
| - | * @param {Object} element - jQuery object to initialize. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function OffCanvas(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, OffCanvas.defaults, this.$element.data(), options); |
| - | this.$lastTrigger = $(); |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | OffCanvas.defaults = { |
| - | /** |
| - | * Allow the user to click outside of the menu to close it. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | closeOnClick: true, |
| - | /** |
| - | * Amount of time in ms the open and close transition requires. If none selected, pulls from body style. |
| - | * @option |
| - | * @example 500 |
| - | */ |
| - | transitionTime: 0, |
| - | /** |
| - | * Direction the offcanvas opens from. Determines class applied to body. |
| - | * @option |
| - | * @example left |
| - | */ |
| - | position: 'left', |
| - | /** |
| - | * Force the page to scroll to top on open. |
| - | */ |
| - | forceTop: true, |
| - | /** |
| - | * Allow the offcanvas to be sticky while open. Does nothing if Sass option `$maincontent-prevent-scroll === true`. |
| - | * Performance in Safari OSX/iOS is not great. |
| - | */ |
| - | // isSticky: false, |
| - | /** |
| - | * Allow the offcanvas to remain open for certain breakpoints. Can be used with `isSticky`. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | isRevealed: false, |
| - | /** |
| - | * Breakpoint at which to reveal. JS will use a RegExp to target standard classes, if changing classnames, pass your class @`revealClass`. |
| - | * @option |
| - | * @example reveal-for-large |
| - | */ |
| - | revealOn: null, |
| - | /** |
| - | * Force focus to the offcanvas on open. If true, will focus the opening trigger on close. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | autoFocus: true, |
| - | /** |
| - | * Class used to force an offcanvas to remain open. Foundation defaults for this are `reveal-for-large` & `reveal-for-medium`. |
| - | * @option |
| - | * TODO improve the regex testing for this. |
| - | * @example reveal-for-large |
| - | */ |
| - | revealClass: 'reveal-for-' |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the off-canvas wrapper by adding the exit overlay (if needed). |
| - | * @function |
| - | * @private |
| - | */ |
| - | OffCanvas.prototype._init = function() { |
| - | var id = this.$element.attr('id'); |
| - | |
| - | this.$element.attr('aria-hidden', 'true'); |
| - | |
| - | // Find triggers that affect this element and add aria-expanded to them |
| - | $(document) |
| - | .find('[data-open="'+id+'"], [data-close="'+id+'"], [data-toggle="'+id+'"]') |
| - | .attr('aria-expanded', 'false') |
| - | .attr('aria-controls', id); |
| - | |
| - | // Add a close trigger over the body if necessary |
| - | if (this.options.closeOnClick){ |
| - | if($('.js-off-canvas-exit').length){ |
| - | this.$exiter = $('.js-off-canvas-exit'); |
| - | }else{ |
| - | var exiter = document.createElement('div'); |
| - | exiter.setAttribute('class', 'js-off-canvas-exit'); |
| - | $('[data-off-canvas-content]').append(exiter); |
| - | |
| - | this.$exiter = $(exiter); |
| - | } |
| - | } |
| - | |
| - | this.options.isRevealed = this.options.isRevealed || new RegExp(this.options.revealClass, 'g').test(this.$element[0].className); |
| - | |
| - | if(this.options.isRevealed){ |
| - | this.options.revealOn = this.options.revealOn || this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split('-')[2]; |
| - | this._setMQChecker(); |
| - | } |
| - | if(!this.options.transitionTime){ |
| - | this.options.transitionTime = parseFloat(window.getComputedStyle($('[data-off-canvas-wrapper]')[0]).transitionDuration) * 1000; |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Adds event handlers to the off-canvas wrapper and the exit overlay. |
| - | * @function |
| - | * @private |
| - | */ |
| - | OffCanvas.prototype._events = function() { |
| - | this.$element.on({ |
| - | 'open.zf.trigger': this.open.bind(this), |
| - | 'close.zf.trigger': this.close.bind(this), |
| - | 'toggle.zf.trigger': this.toggle.bind(this), |
| - | 'keydown.zf.offcanvas': this._handleKeyboard.bind(this) |
| - | }); |
| - | |
| - | if (this.$exiter.length) { |
| - | var _this = this; |
| - | this.$exiter.on({'click.zf.offcanvas': this.close.bind(this)}); |
| - | } |
| - | }; |
| - | /** |
| - | * Applies event listener for elements that will reveal at certain breakpoints. |
| - | * @private |
| - | */ |
| - | OffCanvas.prototype._setMQChecker = function(){ |
| - | var _this = this; |
| - | |
| - | $(window).on('changed.zf.mediaquery', function(){ |
| - | if(Foundation.MediaQuery.atLeast(_this.options.revealOn)){ |
| - | _this.reveal(true); |
| - | }else{ |
| - | _this.reveal(false); |
| - | } |
| - | }).one('load.zf.offcanvas', function(){ |
| - | if(Foundation.MediaQuery.atLeast(_this.options.revealOn)){ |
| - | _this.reveal(true); |
| - | } |
| - | }); |
| - | }; |
| - | /** |
| - | * Handles the revealing/hiding the off-canvas at breakpoints, not the same as open. |
| - | * @param {Boolean} isRevealed - true if element should be revealed. |
| - | * @function |
| - | */ |
| - | OffCanvas.prototype.reveal = function(isRevealed){ |
| - | var $closer = this.$element.find('[data-close]'); |
| - | if(isRevealed){ |
| - | // if(!this.options.forceTop){ |
| - | // var scrollPos = parseInt(window.pageYOffset); |
| - | // this.$element[0].style.transform = 'translate(0,' + scrollPos + 'px)'; |
| - | // } |
| - | // if(this.options.isSticky){ this._stick(); } |
| - | if($closer.length){ $closer.hide(); } |
| - | }else{ |
| - | // if(this.options.isSticky || !this.options.forceTop){ |
| - | // this.$element[0].style.transform = ''; |
| - | // $(window).off('scroll.zf.offcanvas'); |
| - | // } |
| - | if($closer.length){ |
| - | $closer.show(); |
| - | } |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Opens the off-canvas menu. |
| - | * @function |
| - | * @param {Object} event - Event object passed from listener. |
| - | * @param {jQuery} trigger - element that triggered the off-canvas to open. |
| - | * @fires OffCanvas#opened |
| - | */ |
| - | OffCanvas.prototype.open = function(event, trigger) { |
| - | if (this.$element.hasClass('is-open')){ return; } |
| - | var _this = this, |
| - | $body = $(document.body); |
| - | $('body').scrollTop(0); |
| - | // window.pageYOffset = 0; |
| - | |
| - | // if(!this.options.forceTop){ |
| - | // var scrollPos = parseInt(window.pageYOffset); |
| - | // this.$element[0].style.transform = 'translate(0,' + scrollPos + 'px)'; |
| - | // if(this.$exiter.length){ |
| - | // this.$exiter[0].style.transform = 'translate(0,' + scrollPos + 'px)'; |
| - | // } |
| - | // } |
| - | /** |
| - | * Fires when the off-canvas menu opens. |
| - | * @event OffCanvas#opened |
| - | */ |
| - | Foundation.Move(this.options.transitionTime, this.$element, function(){ |
| - | $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-'+ _this.options.position); |
| - | |
| - | _this.$element |
| - | .addClass('is-open') |
| - | .attr('aria-hidden', 'false') |
| - | .trigger('opened.zf.offcanvas'); |
| - | |
| - | // if(_this.options.isSticky){ |
| - | // _this._stick(); |
| - | // } |
| - | }); |
| - | if(trigger){ |
| - | this.$lastTrigger = trigger.attr('aria-expanded', 'true'); |
| - | } |
| - | if(this.options.autoFocus){ |
| - | this.$element.one('finished.zf.animate', function(){ |
| - | _this.$element.find('a, button').eq(0).focus(); |
| - | }); |
| - | } |
| - | }; |
| - | /** |
| - | * Allows the offcanvas to appear sticky utilizing translate properties. |
| - | * @private |
| - | */ |
| - | // OffCanvas.prototype._stick = function(){ |
| - | // var elStyle = this.$element[0].style; |
| - | // |
| - | // if(this.options.closeOnClick){ |
| - | // var exitStyle = this.$exiter[0].style; |
| - | // } |
| - | // |
| - | // $(window).on('scroll.zf.offcanvas', function(e){ |
| - | // console.log(e); |
| - | // var pageY = window.pageYOffset; |
| - | // elStyle.transform = 'translate(0,' + pageY + 'px)'; |
| - | // if(exitStyle !== undefined){ exitStyle.transform = 'translate(0,' + pageY + 'px)'; } |
| - | // }); |
| - | // // this.$element.trigger('stuck.zf.offcanvas'); |
| - | // }; |
| - | /** |
| - | * Closes the off-canvas menu. |
| - | * @function |
| - | * @fires OffCanvas#closed |
| - | */ |
| - | OffCanvas.prototype.close = function() { |
| - | if(!this.$element.hasClass('is-open')){ return; } |
| - | |
| - | var _this = this; |
| - | |
| - | Foundation.Move(this.options.transitionTime, this.$element, function(){ |
| - | $('[data-off-canvas-wrapper]').removeClass('is-off-canvas-open is-open-'+_this.options.position); |
| - | |
| - | _this.$element.removeClass('is-open'); |
| - | // Foundation._reflow(); |
| - | }); |
| - | this.$element.attr('aria-hidden', 'true') |
| - | /** |
| - | * Fires when the off-canvas menu opens. |
| - | * @event OffCanvas#closed |
| - | */ |
| - | .trigger('closed.zf.offcanvas'); |
| - | // if(_this.options.isSticky || !_this.options.forceTop){ |
| - | // setTimeout(function(){ |
| - | // _this.$element[0].style.transform = ''; |
| - | // $(window).off('scroll.zf.offcanvas'); |
| - | // }, this.options.transitionTime); |
| - | // } |
| - | |
| - | this.$lastTrigger.attr('aria-expanded', 'false'); |
| - | }; |
| - | |
| - | /** |
| - | * Toggles the off-canvas menu open or closed. |
| - | * @function |
| - | * @param {Object} event - Event object passed from listener. |
| - | * @param {jQuery} trigger - element that triggered the off-canvas to open. |
| - | */ |
| - | OffCanvas.prototype.toggle = function(event, trigger) { |
| - | if (this.$element.hasClass('is-open')) { |
| - | this.close(event, trigger); |
| - | } |
| - | else { |
| - | this.open(event, trigger); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Handles keyboard input when detected. When the escape key is pressed, the off-canvas menu closes, and focus is restored to the element that opened the menu. |
| - | * @function |
| - | * @private |
| - | */ |
| - | OffCanvas.prototype._handleKeyboard = function(event) { |
| - | if (event.which !== 27) return; |
| - | |
| - | event.stopPropagation(); |
| - | event.preventDefault(); |
| - | this.close(); |
| - | this.$lastTrigger.focus(); |
| - | }; |
| - | /** |
| - | * Destroys the offcanvas plugin. |
| - | * @function |
| - | */ |
| - | OffCanvas.prototype.destroy = function(){ |
| - | //TODO make this... |
| - | }; |
| - | |
| - | Foundation.plugin(OffCanvas, 'OffCanvas'); |
| - | |
| - | }(jQuery, Foundation); |
| - | |
| - | /** |
| - | * Orbit module. |
| - | * @module foundation.orbit |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.motion |
| - | * @requires foundation.util.timerAndImageLoader |
| - | * @requires foundation.util.touch |
| - | */ |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | /** |
| - | * Creates a new instance of an orbit carousel. |
| - | * @class |
| - | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Orbit(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Orbit.defaults, this.$element.data(), options); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Orbit', { |
| - | 'ltr': { |
| - | 'ARROW_RIGHT': 'next', |
| - | 'ARROW_LEFT': 'previous' |
| - | }, |
| - | 'rtl': { |
| - | 'ARROW_LEFT': 'next', |
| - | 'ARROW_RIGHT': 'previous' |
| - | } |
| - | }); |
| - | } |
| - | Orbit.defaults = { |
| - | /** |
| - | * Tells the JS to loadBullets. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | bullets: true, |
| - | /** |
| - | * Tells the JS to apply event listeners to nav buttons |
| - | * @option |
| - | * @example true |
| - | */ |
| - | navButtons: true, |
| - | /** |
| - | * motion-ui animation class to apply |
| - | * @option |
| - | * @example 'slide-in-right' |
| - | */ |
| - | animInFromRight: 'slide-in-right', |
| - | /** |
| - | * motion-ui animation class to apply |
| - | * @option |
| - | * @example 'slide-out-right' |
| - | */ |
| - | animOutToRight: 'slide-out-right', |
| - | /** |
| - | * motion-ui animation class to apply |
| - | * @option |
| - | * @example 'slide-in-left' |
| - | * |
| - | */ |
| - | animInFromLeft: 'slide-in-left', |
| - | /** |
| - | * motion-ui animation class to apply |
| - | * @option |
| - | * @example 'slide-out-left' |
| - | */ |
| - | animOutToLeft: 'slide-out-left', |
| - | /** |
| - | * Allows Orbit to automatically animate on page load. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | autoPlay: true, |
| - | /** |
| - | * Amount of time, in ms, between slide transitions |
| - | * @option |
| - | * @example 5000 |
| - | */ |
| - | timerDelay: 5000, |
| - | /** |
| - | * Allows Orbit to infinitely loop through the slides |
| - | * @option |
| - | * @example true |
| - | */ |
| - | infiniteWrap: true, |
| - | /** |
| - | * Allows the Orbit slides to bind to swipe events for mobile, requires an additional util library |
| - | * @option |
| - | * @example true |
| - | */ |
| - | swipe: true, |
| - | /** |
| - | * Allows the timing function to pause animation on hover. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | pauseOnHover: true, |
| - | /** |
| - | * Allows Orbit to bind keyboard events to the slider, to animate frames with arrow keys |
| - | * @option |
| - | * @example true |
| - | */ |
| - | accessible: true, |
| - | /** |
| - | * Class applied to the container of Orbit |
| - | * @option |
| - | * @example 'orbit-container' |
| - | */ |
| - | containerClass: 'orbit-container', |
| - | /** |
| - | * Class applied to individual slides. |
| - | * @option |
| - | * @example 'orbit-slide' |
| - | */ |
| - | slideClass: 'orbit-slide', |
| - | /** |
| - | * Class applied to the bullet container. You're welcome. |
| - | * @option |
| - | * @example 'orbit-bullets' |
| - | */ |
| - | boxOfBullets: 'orbit-bullets', |
| - | /** |
| - | * Class applied to the `next` navigation button. |
| - | * @option |
| - | * @example 'orbit-next' |
| - | */ |
| - | nextClass: 'orbit-next', |
| - | /** |
| - | * Class applied to the `previous` navigation button. |
| - | * @option |
| - | * @example 'orbit-previous' |
| - | */ |
| - | prevClass: 'orbit-previous' |
| - | }; |
| - | /** |
| - | * Initializes the plugin by creating jQuery collections, setting attributes, and starting the animation. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Orbit.prototype._init = function(){ |
| - | this.$wrapper = this.$element.find('.' + this.options.containerClass); |
| - | this.$slides = this.$element.find('.' + this.options.slideClass); |
| - | var $images = this.$element.find('img'), |
| - | initActive = this.$slides.filter('.is-active'); |
| - | |
| - | if(!initActive.length){ |
| - | this.$slides.eq(0).addClass('is-active'); |
| - | } |
| - | |
| - | if($images.length){ |
| - | Foundation.onImagesLoaded($images, this._prepareForOrbit.bind(this)); |
| - | }else{ |
| - | this._prepareForOrbit();//hehe |
| - | } |
| - | |
| - | if(this.options.bullets){ |
| - | this._loadBullets(); |
| - | } |
| - | |
| - | this._events(); |
| - | |
| - | if(this.options.autoPlay){ |
| - | this.geoSync(); |
| - | } |
| - | if(this.options.accessible){ // allow wrapper to be focusable to enable arrow navigation |
| - | this.$wrapper.attr('tabindex', 0); |
| - | } |
| - | }; |
| - | /** |
| - | * Creates a jQuery collection of bullets, if they are being used. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Orbit.prototype._loadBullets = function(){ |
| - | this.$bullets = this.$element.find('.' + this.options.boxOfBullets).find('button'); |
| - | }; |
| - | /** |
| - | * Sets a `timer` object on the orbit, and starts the counter for the next slide. |
| - | * @function |
| - | */ |
| - | Orbit.prototype.geoSync = function(){ |
| - | var _this = this; |
| - | this.timer = new Foundation.Timer( |
| - | this.$element, |
| - | {duration: this.options.timerDelay, |
| - | infinite: false}, |
| - | function(){ |
| - | _this.changeSlide(true); |
| - | }); |
| - | this.timer.start(); |
| - | }; |
| - | /** |
| - | * Sets wrapper and slide heights for the orbit. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Orbit.prototype._prepareForOrbit = function(){ |
| - | var _this = this; |
| - | this._setWrapperHeight(function(max){ |
| - | _this._setSlideHeight(max); |
| - | }); |
| - | }; |
| - | /** |
| - | * Calulates the height of each slide in the collection, and uses the tallest one for the wrapper height. |
| - | * @function |
| - | * @private |
| - | * @param {Function} cb - a callback function to fire when complete. |
| - | */ |
| - | Orbit.prototype._setWrapperHeight = function(cb){//rewrite this to `for` loop |
| - | var max = 0, temp, counter = 0; |
| - | |
| - | this.$slides.each(function(){ |
| - | temp = this.getBoundingClientRect().height; |
| - | $(this).attr('data-slide', counter); |
| - | |
| - | if(counter){//if not the first slide, set css position and display property |
| - | $(this).css({'position': 'relative', 'display': 'none'}); |
| - | } |
| - | max = temp > max ? temp : max; |
| - | counter++; |
| - | }); |
| - | |
| - | if(counter === this.$slides.length){ |
| - | this.$wrapper.css({'height': max});//only change the wrapper height property once. |
| - | cb(max);//fire callback with max height dimension. |
| - | } |
| - | }; |
| - | /** |
| - | * Sets the max-height of each slide. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Orbit.prototype._setSlideHeight = function(height){ |
| - | this.$slides.each(function(){ |
| - | $(this).css('max-height', height); |
| - | }); |
| - | }; |
| - | /** |
| - | * Adds event listeners to basically everything within the element. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Orbit.prototype._events = function(){ |
| - | var _this = this; |
| - | |
| - | //*************************************** |
| - | //**Now using custom event - thanks to:** |
| - | //** Yohai Ararat of Toronto ** |
| - | //*************************************** |
| - | if(this.options.swipe){ |
| - | this.$slides.off('swipeleft.zf.orbit swiperight.zf.orbit') |
| - | .on('swipeleft.zf.orbit', function(e){ |
| - | e.preventDefault(); |
| - | _this.changeSlide(true); |
| - | }).on('swiperight.zf.orbit', function(e){ |
| - | e.preventDefault(); |
| - | _this.changeSlide(false); |
| - | }); |
| - | } |
| - | //*************************************** |
| - | |
| - | if(this.options.autoPlay){ |
| - | this.$slides.on('click.zf.orbit', function(){ |
| - | _this.$element.data('clickedOn', _this.$element.data('clickedOn') ? false : true); |
| - | _this.timer[_this.$element.data('clickedOn') ? 'pause' : 'start'](); |
| - | }); |
| - | if(this.options.pauseOnHover){ |
| - | this.$element.on('mouseenter.zf.orbit', function(){ |
| - | _this.timer.pause(); |
| - | }).on('mouseleave.zf.orbit', function(){ |
| - | if(!_this.$element.data('clickedOn')){ |
| - | _this.timer.start(); |
| - | } |
| - | }); |
| - | } |
| - | } |
| - | |
| - | if(this.options.navButtons){ |
| - | var $controls = this.$element.find('.' + this.options.nextClass + ', .' + this.options.prevClass); |
| - | $controls.attr('tabindex', 0) |
| - | //also need to handle enter/return and spacebar key presses |
| - | .on('click.zf.orbit touchend.zf.orbit', function(){ |
| - | _this.changeSlide($(this).hasClass(_this.options.nextClass)); |
| - | }); |
| - | } |
| - | |
| - | if(this.options.bullets){ |
| - | this.$bullets.on('click.zf.orbit touchend.zf.orbit', function(){ |
| - | if(/is-active/g.test(this.className)){ return false; }//if this is active, kick out of function. |
| - | var idx = $(this).data('slide'), |
| - | ltr = idx > _this.$slides.filter('.is-active').data('slide'), |
| - | $slide = _this.$slides.eq(idx); |
| - | |
| - | _this.changeSlide(ltr, $slide, idx); |
| - | }); |
| - | } |
| - | |
| - | this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function(e){ |
| - | // handle keyboard event with keyboard util |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | next: function() { |
| - | _this.changeSlide(true); |
| - | }, |
| - | previous: function() { |
| - | _this.changeSlide(false); |
| - | }, |
| - | handled: function() { // if bullet is focused, make sure focus moves |
| - | if ($(e.target).is(_this.$bullets)) { |
| - | _this.$bullets.filter('.is-active').focus(); |
| - | } |
| - | } |
| - | }); |
| - | }); |
| - | }; |
| - | /** |
| - | * Changes the current slide to a new one. |
| - | * @function |
| - | * @param {Boolean} isLTR - flag if the slide should move left to right. |
| - | * @param {jQuery} chosenSlide - the jQuery element of the slide to show next, if one is selected. |
| - | * @param {Number} idx - the index of the new slide in its collection, if one chosen. |
| - | * @fires Orbit#slidechange |
| - | */ |
| - | Orbit.prototype.changeSlide = function(isLTR, chosenSlide, idx){ |
| - | var $curSlide = this.$slides.filter('.is-active').eq(0); |
| - | |
| - | |
| - | if(/mui/g.test($curSlide[0].className)){ return false; }//if the slide is currently animating, kick out of the function |
| - | |
| - | var $firstSlide = this.$slides.first(), |
| - | $lastSlide = this.$slides.last(), |
| - | dirIn = isLTR ? 'Right' : 'Left', |
| - | dirOut = isLTR ? 'Left' : 'Right', |
| - | _this = this, |
| - | $newSlide; |
| - | |
| - | if(!chosenSlide){//most of the time, this will be auto played or clicked from the navButtons. |
| - | $newSlide = isLTR ? //if wrapping enabled, check to see if there is a `next` or `prev` sibling, if not, select the first or last slide to fill in. if wrapping not enabled, attempt to select `next` or `prev`, if there's nothing there, the function will kick out on next step. CRAZY NESTED TERNARIES!!!!! |
| - | (this.options.infiniteWrap ? $curSlide.next('.' + this.options.slideClass).length ? $curSlide.next('.' + this.options.slideClass) : $firstSlide : $curSlide.next('.' + this.options.slideClass))//pick next slide if moving left to right |
| - | : |
| - | (this.options.infiniteWrap ? $curSlide.prev('.' + this.options.slideClass).length ? $curSlide.prev('.' + this.options.slideClass) : $lastSlide : $curSlide.prev('.' + this.options.slideClass));//pick prev slide if moving right to left |
| - | }else{ |
| - | $newSlide = chosenSlide; |
| - | } |
| - | if($newSlide.length){ |
| - | if(this.options.bullets){ |
| - | idx = idx || this.$slides.index($newSlide);//grab index to update bullets |
| - | this._updateBullets(idx); |
| - | } |
| - | Foundation.Motion.animateIn( |
| - | $newSlide.addClass('is-active').css({'position': 'absolute', 'top': 0}), |
| - | this.options['animInFrom' + dirIn], |
| - | function(){ |
| - | $newSlide.css({'position': 'relative', 'display': 'block'}) |
| - | .attr('aria-live', 'polite'); |
| - | }); |
| - | |
| - | Foundation.Motion.animateOut( |
| - | $curSlide.removeClass('is-active'), |
| - | this.options['animOutTo' + dirOut], |
| - | function(){ |
| - | $curSlide.removeAttr('aria-live'); |
| - | if(_this.options.autoPlay){ |
| - | _this.timer.restart(); |
| - | } |
| - | //do stuff? |
| - | /** |
| - | * Triggers when the slide has finished animating in. |
| - | * @event Orbit#slidechange |
| - | */ |
| - | _this.$element.trigger('slidechange.zf.orbit', [$newSlide]); |
| - | }); |
| - | } |
| - | }; |
| - | /** |
| - | * Updates the active state of the bullets, if displayed. |
| - | * @function |
| - | * @private |
| - | * @param {Number} idx - the index of the current slide. |
| - | */ |
| - | Orbit.prototype._updateBullets = function(idx){ |
| - | var $oldBullet = this.$element.find('.' + this.options.boxOfBullets) |
| - | .find('.is-active').removeClass('is-active').blur(), |
| - | span = $oldBullet.find('span:last').detach(), |
| - | $newBullet = this.$bullets.eq(idx).addClass('is-active').append(span); |
| - | }; |
| - | /** |
| - | * Destroys the carousel and hides the element. |
| - | * @function |
| - | */ |
| - | Orbit.prototype.destroy = function(){ |
| - | delete this.timer; |
| - | this.$element.off('.zf.orbit').find('*').off('.zf.orbit').end().hide(); |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Orbit, 'Orbit'); |
| - | |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * ResponsiveMenu module. |
| - | * @module foundation.responsiveMenu |
| - | * @requires foundation.util.triggers |
| - | * @requires foundation.util.mediaQuery |
| - | * @requires foundation.util.accordionMenu |
| - | * @requires foundation.util.drilldown |
| - | * @requires foundation.util.dropdown-menu |
| - | */ |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | // The plugin matches the plugin classes with these plugin instances. |
| - | var MenuPlugins = { |
| - | dropdown: { |
| - | cssClass: 'dropdown', |
| - | plugin: Foundation._plugins['dropdown-menu'] || null |
| - | }, |
| - | drilldown: { |
| - | cssClass: 'drilldown', |
| - | plugin: Foundation._plugins['drilldown'] || null |
| - | }, |
| - | accordion: { |
| - | cssClass: 'accordion-menu', |
| - | plugin: Foundation._plugins['accordion-menu'] || null |
| - | } |
| - | }; |
| - | |
| - | // [PH] Media queries |
| - | var phMedia = { |
| - | small: '(min-width: 0px)', |
| - | medium: '(min-width: 640px)' |
| - | }; |
| - | |
| - | /** |
| - | * Creates a new instance of a responsive menu. |
| - | * @class |
| - | * @fires ResponsiveMenu#init |
| - | * @param {jQuery} element - jQuery object to make into a dropdown menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function ResponsiveMenu(element) { |
| - | this.$element = $(element); |
| - | this.rules = this.$element.data('responsive-menu'); |
| - | this.currentMq = null; |
| - | this.currentPlugin = null; |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | ResponsiveMenu.defaults = {}; |
| - | |
| - | /** |
| - | * Initializes the Menu by parsing the classes from the 'data-ResponsiveMenu' attribute on the element. |
| - | * @function |
| - | * @private |
| - | */ |
| - | ResponsiveMenu.prototype._init = function() { |
| - | var rulesTree = {}; |
| - | |
| - | // Parse rules from "classes" in data attribute |
| - | var rules = this.rules.split(' '); |
| - | |
| - | // Iterate through every rule found |
| - | for (var i = 0; i < rules.length; i++) { |
| - | var rule = rules[i].split('-'); |
| - | var ruleSize = rule.length > 1 ? rule[0] : 'small'; |
| - | var rulePlugin = rule.length > 1 ? rule[1] : rule[0]; |
| - | |
| - | if (MenuPlugins[rulePlugin] !== null) { |
| - | rulesTree[ruleSize] = MenuPlugins[rulePlugin]; |
| - | } |
| - | } |
| - | |
| - | this.rules = rulesTree; |
| - | |
| - | if (!$.isEmptyObject(rulesTree)) { |
| - | this._checkMediaQueries(); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Initializes events for the Menu. |
| - | * @function |
| - | * @private |
| - | */ |
| - | ResponsiveMenu.prototype._events = function() { |
| - | var _this = this; |
| - | |
| - | $(window).on('changed.zf.mediaquery', function() { |
| - | _this._checkMediaQueries(); |
| - | }); |
| - | // $(window).on('resize.zf.ResponsiveMenu', function() { |
| - | // _this._checkMediaQueries(); |
| - | // }); |
| - | }; |
| - | |
| - | /** |
| - | * Checks the current screen width against available media queries. If the media query has changed, and the plugin needed has changed, the plugins will swap out. |
| - | * @function |
| - | * @private |
| - | */ |
| - | ResponsiveMenu.prototype._checkMediaQueries = function() { |
| - | var matchedMq, _this = this; |
| - | // Iterate through each rule and find the last matching rule |
| - | $.each(this.rules, function(key) { |
| - | if (Foundation.MediaQuery.atLeast(key)) { |
| - | matchedMq = key; |
| - | } |
| - | }); |
| - | |
| - | // No match? No dice |
| - | if (!matchedMq) return; |
| - | |
| - | // Plugin already initialized? We good |
| - | if (this.currentPlugin instanceof this.rules[matchedMq].plugin) return; |
| - | |
| - | // Remove existing plugin-specific CSS classes |
| - | $.each(MenuPlugins, function(key, value) { |
| - | _this.$element.removeClass(value.cssClass); |
| - | }); |
| - | |
| - | // Add the CSS class for the new plugin |
| - | this.$element.addClass(this.rules[matchedMq].cssClass); |
| - | |
| - | // Create an instance of the new plugin |
| - | if (this.currentPlugin) this.currentPlugin.destroy(); |
| - | this.currentPlugin = new this.rules[matchedMq].plugin(this.$element, {}); |
| - | }; |
| - | |
| - | /** |
| - | * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out. |
| - | * @function |
| - | */ |
| - | ResponsiveMenu.prototype.destroy = function() { |
| - | this.currentPlugin.destroy(); |
| - | $(window).off('.zf.ResponsiveMenu'); |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | Foundation.plugin(ResponsiveMenu, 'ResponsiveMenu'); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * ResponsiveToggle module. |
| - | * @module foundation.responsiveToggle |
| - | * @requires foundation.util.mediaQuery |
| - | */ |
| - | !function($, Foundation) { |
| - | |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Tab Bar. |
| - | * @class |
| - | * @fires ResponsiveToggle#init |
| - | * @param {jQuery} element - jQuery object to attach tab bar functionality to. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function ResponsiveToggle(element, options) { |
| - | this.$element = $(element); |
| - | this.options = $.extend({}, ResponsiveToggle.defaults, this.$element.data(), options); |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | ResponsiveToggle.defaults = { |
| - | /** |
| - | * The breakpoint after which the menu is always shown, and the tab bar is hidden. |
| - | * @option |
| - | * @example 'medium' |
| - | */ |
| - | hideFor: 'medium' |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the tab bar by finding the target element, toggling element, and running update(). |
| - | * @function |
| - | * @private |
| - | */ |
| - | ResponsiveToggle.prototype._init = function() { |
| - | var targetID = this.$element.data('responsive-toggle'); |
| - | if (!targetID) { |
| - | console.error('Your tab bar needs an ID of a Menu as the value of data-tab-bar.'); |
| - | } |
| - | |
| - | this.$targetMenu = $('#'+targetID); |
| - | this.$toggler = this.$element.find('[data-toggle]'); |
| - | |
| - | this._update(); |
| - | }; |
| - | |
| - | /** |
| - | * Adds necessary event handlers for the tab bar to work. |
| - | * @function |
| - | * @private |
| - | */ |
| - | ResponsiveToggle.prototype._events = function() { |
| - | var _this = this; |
| - | |
| - | $(window).on('changed.zf.mediaquery', this._update.bind(this)); |
| - | |
| - | this.$toggler.on('click.zf.responsiveToggle', this.toggleMenu.bind(this)); |
| - | }; |
| - | |
| - | /** |
| - | * Checks the current media query to determine if the tab bar should be visible or hidden. |
| - | * @function |
| - | * @private |
| - | */ |
| - | ResponsiveToggle.prototype._update = function() { |
| - | // Mobile |
| - | if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) { |
| - | this.$element.show(); |
| - | this.$targetMenu.hide(); |
| - | } |
| - | |
| - | // Desktop |
| - | else { |
| - | this.$element.hide(); |
| - | this.$targetMenu.show(); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Toggles the element attached to the tab bar. The toggle only happens if the screen is small enough to allow it. |
| - | * @function |
| - | * @fires ResponsiveToggle#toggled |
| - | */ |
| - | ResponsiveToggle.prototype.toggleMenu = function() { |
| - | if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) { |
| - | this.$targetMenu.toggle(0); |
| - | |
| - | /** |
| - | * Fires when the element attached to the tab bar toggles. |
| - | * @event ResponsiveToggle#toggled |
| - | */ |
| - | this.$element.trigger('toggled.zf.responsiveToggle'); |
| - | } |
| - | }; |
| - | ResponsiveToggle.prototype.destroy = function(){ |
| - | //TODO this... |
| - | }; |
| - | Foundation.plugin(ResponsiveToggle, 'ResponsiveToggle'); |
| - | |
| - | }(jQuery, Foundation); |
| - | |
| - | /** |
| - | * Reveal module. |
| - | * @module foundation.reveal |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.box |
| - | * @requires foundation.util.triggers |
| - | * @requires foundation.util.mediaQuery |
| - | * @requires foundation.util.motion if using animations |
| - | */ |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Reveal. |
| - | * @class |
| - | * @param {jQuery} element - jQuery object to use for the modal. |
| - | * @param {Object} options - optional parameters. |
| - | */ |
| - | |
| - | function Reveal(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, Reveal.defaults, this.$element.data(), options); |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Reveal', { |
| - | 'ENTER': 'open', |
| - | 'SPACE': 'open', |
| - | 'ESCAPE': 'close', |
| - | 'TAB': 'tab_forward', |
| - | 'SHIFT_TAB': 'tab_backward' |
| - | }); |
| - | } |
| - | |
| - | Reveal.defaults = { |
| - | /** |
| - | * Motion-UI class to use for animated elements. If none used, defaults to simple show/hide. |
| - | * @option |
| - | * @example 'slide-in-left' |
| - | */ |
| - | animationIn: '', |
| - | /** |
| - | * Motion-UI class to use for animated elements. If none used, defaults to simple show/hide. |
| - | * @option |
| - | * @example 'slide-out-right' |
| - | */ |
| - | animationOut: '', |
| - | /** |
| - | * Time, in ms, to delay the opening of a modal after a click if no animation used. |
| - | * @option |
| - | * @example 10 |
| - | */ |
| - | showDelay: 0, |
| - | /** |
| - | * Time, in ms, to delay the closing of a modal after a click if no animation used. |
| - | * @option |
| - | * @example 10 |
| - | */ |
| - | hideDelay: 0, |
| - | /** |
| - | * Allows a click on the body/overlay to close the modal. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | closeOnClick: true, |
| - | /** |
| - | * Allows the modal to close if the user presses the `ESCAPE` key. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | closeOnEsc: true, |
| - | /** |
| - | * If true, allows multiple modals to be displayed at once. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | multipleOpened: false, |
| - | /** |
| - | * Distance, in pixels, the modal should push down from the top of the screen. |
| - | * @option |
| - | * @example 100 |
| - | */ |
| - | vOffset: 100, |
| - | /** |
| - | * Distance, in pixels, the modal should push in from the side of the screen. |
| - | * @option |
| - | * @example 0 |
| - | */ |
| - | hOffset: 0, |
| - | /** |
| - | * Allows the modal to be fullscreen, completely blocking out the rest of the view. JS checks for this as well. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | fullScreen: false, |
| - | /** |
| - | * Percentage of screen height the modal should push up from the bottom of the view. |
| - | * @option |
| - | * @example 10 |
| - | */ |
| - | btmOffsetPct: 10, |
| - | /** |
| - | * Allows the modal to generate an overlay div, which will cover the view when modal opens. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | overlay: true, |
| - | /** |
| - | * Allows the modal to remove and reinject markup on close. Should be true if using video elements w/o using provider's api. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | resetOnClose: false |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the modal by adding the overlay and close buttons, (if selected). |
| - | * @private |
| - | */ |
| - | Reveal.prototype._init = function(){ |
| - | this.id = this.$element.attr('id'); |
| - | this.isActive = false; |
| - | |
| - | this.$anchor = $('[data-open="' + this.id + '"]').length ? $('[data-open="' + this.id + '"]') : $('[data-toggle="' + this.id + '"]'); |
| - | |
| - | if(this.$anchor.length){ |
| - | var anchorId = this.$anchor[0].id || Foundation.GetYoDigits(6, 'reveal'); |
| - | |
| - | this.$anchor.attr({ |
| - | 'aria-controls': this.id, |
| - | 'id': anchorId, |
| - | 'aria-haspopup': true, |
| - | 'tabindex': 0 |
| - | }); |
| - | this.$element.attr({'aria-labelledby': anchorId}); |
| - | } |
| - | |
| - | // this.options.fullScreen = this.$element.hasClass('full'); |
| - | if(this.options.fullScreen || this.$element.hasClass('full')){ |
| - | this.options.fullScreen = true; |
| - | this.options.overlay = false; |
| - | } |
| - | if(this.options.overlay){ |
| - | this.$overlay = this._makeOverlay(this.id); |
| - | } |
| - | |
| - | this.$element.attr({ |
| - | 'role': 'dialog', |
| - | 'aria-hidden': true, |
| - | 'data-yeti-box': this.id, |
| - | 'data-resize': this.id |
| - | }); |
| - | |
| - | this._events(); |
| - | }; |
| - | |
| - | /** |
| - | * Creates an overlay div to display behind the modal. |
| - | * @private |
| - | */ |
| - | Reveal.prototype._makeOverlay = function(id){ |
| - | var $overlay = $('<div></div>') |
| - | .addClass('reveal-overlay') |
| - | .attr({'tabindex': -1, 'aria-hidden': true}) |
| - | .appendTo('body'); |
| - | if(this.options.closeOnClick){ |
| - | $overlay.attr({ |
| - | 'data-close': id |
| - | }); |
| - | } |
| - | return $overlay; |
| - | }; |
| - | |
| - | /** |
| - | * Adds event handlers for the modal. |
| - | * @private |
| - | */ |
| - | Reveal.prototype._events = function(){ |
| - | var _this = this; |
| - | |
| - | this.$element.on({ |
| - | 'open.zf.trigger': this.open.bind(this), |
| - | 'close.zf.trigger': this.close.bind(this), |
| - | 'toggle.zf.trigger': this.toggle.bind(this), |
| - | 'resizeme.zf.trigger': function(){ |
| - | if(_this.$element.is(':visible')){ |
| - | _this._setPosition(function(){}); |
| - | } |
| - | } |
| - | }); |
| - | |
| - | if(this.$anchor.length){ |
| - | this.$anchor.on('keydown.zf.reveal', function(e){ |
| - | if(e.which === 13 || e.which === 32){ |
| - | e.stopPropagation(); |
| - | e.preventDefault(); |
| - | _this.open(); |
| - | } |
| - | }); |
| - | } |
| - | |
| - | |
| - | if(this.options.closeOnClick && this.options.overlay){ |
| - | this.$overlay.off('.zf.reveal').on('click.zf.reveal', this.close.bind(this)); |
| - | } |
| - | }; |
| - | /** |
| - | * Sets the position of the modal before opening |
| - | * @param {Function} cb - a callback function to execute when positioning is complete. |
| - | * @private |
| - | */ |
| - | Reveal.prototype._setPosition = function(cb){ |
| - | var eleDims = Foundation.Box.GetDimensions(this.$element); |
| - | var elePos = this.options.fullScreen ? 'reveal full' : (eleDims.height >= (0.5 * eleDims.windowDims.height)) ? 'reveal' : 'center'; |
| - | |
| - | if(elePos === 'reveal full'){ |
| - | console.log('full'); |
| - | //set to full height/width |
| - | this.$element |
| - | .offset(Foundation.Box.GetOffsets(this.$element, null, elePos, this.options.vOffset)) |
| - | .css({ |
| - | 'height': eleDims.windowDims.height, |
| - | 'width': eleDims.windowDims.width |
| - | }); |
| - | }else if(!Foundation.MediaQuery.atLeast('medium') || !Foundation.Box.ImNotTouchingYou(this.$element, null, true, false)){ |
| - | //if smaller than medium, resize to 100% width minus any custom L/R margin |
| - | this.$element |
| - | .css({ |
| - | 'width': eleDims.windowDims.width - (this.options.hOffset * 2) |
| - | }) |
| - | .offset(Foundation.Box.GetOffsets(this.$element, null, 'center', this.options.vOffset, this.options.hOffset)); |
| - | //flag a boolean so we can reset the size after the element is closed. |
| - | this.changedSize = true; |
| - | }else{ |
| - | this.$element |
| - | .css({ |
| - | 'max-height': eleDims.windowDims.height - (this.options.vOffset * (this.options.btmOffsetPct / 100 + 1)), |
| - | 'width': '' |
| - | }) |
| - | .offset(Foundation.Box.GetOffsets(this.$element, null, elePos, this.options.vOffset)); |
| - | //the max height based on a percentage of vertical offset plus vertical offset |
| - | } |
| - | |
| - | cb(); |
| - | }; |
| - | |
| - | /** |
| - | * Opens the modal controlled by `this.$anchor`, and closes all others by default. |
| - | * @function |
| - | * @fires Reveal#closeAll |
| - | * @fires Reveal#open |
| - | */ |
| - | Reveal.prototype.open = function(){ |
| - | var _this = this; |
| - | this.isActive = true; |
| - | //make element invisible, but remove display: none so we can get size and positioning |
| - | this.$element |
| - | .css({'visibility': 'hidden'}) |
| - | .show() |
| - | .scrollTop(0); |
| - | |
| - | this._setPosition(function(){ |
| - | _this.$element.hide() |
| - | .css({'visibility': ''}); |
| - | if(!_this.options.multipleOpened){ |
| - | /** |
| - | * Fires immediately before the modal opens. |
| - | * Closes any other modals that are currently open |
| - | * @event Reveal#closeAll |
| - | */ |
| - | _this.$element.trigger('closeme.zf.reveal', _this.id); |
| - | } |
| - | if(_this.options.animationIn){ |
| - | if(_this.options.overlay){ |
| - | Foundation.Motion.animateIn(_this.$overlay, 'fade-in', function(){ |
| - | Foundation.Motion.animateIn(_this.$element, _this.options.animationIn, function(){ |
| - | }); |
| - | }); |
| - | }else{ |
| - | Foundation.Motion.animateIn(_this.$element, _this.options.animationIn, function(){ |
| - | }); |
| - | } |
| - | }else{ |
| - | if(_this.options.overlay){ |
| - | _this.$overlay.show(0, function(){ |
| - | _this.$element.show(_this.options.showDelay, function(){ |
| - | }); |
| - | }); |
| - | }else{ |
| - | _this.$element.show(_this.options.showDelay, function(){ |
| - | }); |
| - | } |
| - | } |
| - | }); |
| - | |
| - | |
| - | // handle accessibility |
| - | this.$element.attr({'aria-hidden': false}).attr('tabindex', -1).focus() |
| - | /** |
| - | * Fires when the modal has successfully opened. |
| - | * @event Reveal#open |
| - | */ |
| - | .trigger('open.zf.reveal'); |
| - | |
| - | $('body').addClass('is-reveal-open') |
| - | .attr({'aria-hidden': (this.options.overlay || this.options.fullScreen) ? true : false}); |
| - | setTimeout(function(){ |
| - | _this._extraHandlers(); |
| - | // Foundation.reflow(); |
| - | }, 0); |
| - | }; |
| - | |
| - | /** |
| - | * Adds extra event handlers for the body and window if necessary. |
| - | * @private |
| - | */ |
| - | Reveal.prototype._extraHandlers = function(){ |
| - | var _this = this; |
| - | var visibleFocusableElements = this.$element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() { |
| - | if (!$(this).is(':visible') || $(this).attr('tabindex') < 0){ return false; }//only have visible elements and those that have a tabindex greater or equal 0 |
| - | return true; |
| - | }); |
| - | |
| - | if(!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen){ |
| - | $('body').on('click.zf.reveal', function(e){ |
| - | // if() |
| - | _this.close(); |
| - | }); |
| - | } |
| - | if(this.options.closeOnEsc){ |
| - | $(window).on('keydown.zf.reveal', function(e){ |
| - | if (visibleFocusableElements.length === 0) { // no focusable elements inside the modal at all, prevent tabbing in general |
| - | e.preventDefault(); |
| - | } |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | close: function() { |
| - | if (this.options.closeOnEsc) { |
| - | this.close(); |
| - | } |
| - | } |
| - | }); |
| - | }); |
| - | } |
| - | |
| - | // lock focus within modal while tabbing |
| - | this.$element.on('keydown.zf.reveal', function(e) { |
| - | var $target = $(this); |
| - | // handle keyboard event with keyboard util |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | tab_forward: function() { |
| - | if (this.$element.find(':focus').is(visibleFocusableElements.eq(-1))) { // left modal downwards, setting focus to first element |
| - | visibleFocusableElements.eq(0).focus(); |
| - | e.preventDefault(); |
| - | } |
| - | }, |
| - | tab_backward: function() { |
| - | if (this.$element.find(':focus').is(visibleFocusableElements.eq(0)) || this.$element.is(':focus')) { // left modal upwards, setting focus to last element |
| - | visibleFocusableElements.eq(-1).focus(); |
| - | e.preventDefault(); |
| - | } |
| - | }, |
| - | open: function() { |
| - | if ($target.is(visibleFocusableElements)) { // dont't trigger if acual element has focus (i.e. inputs, links, ...) |
| - | this.open(); |
| - | } |
| - | }, |
| - | close: function() { |
| - | if (this.options.closeOnEsc) { |
| - | this.close(); |
| - | } |
| - | } |
| - | }); |
| - | if (visibleFocusableElements.length === 0) { // no focusable elements inside the modal at all, prevent tabbing in general |
| - | e.preventDefault(); |
| - | } |
| - | }); |
| - | |
| - | }; |
| - | |
| - | /** |
| - | * Closes the modal. |
| - | * @function |
| - | * @fires Reveal#closed |
| - | */ |
| - | Reveal.prototype.close = function(){ |
| - | if(!this.isActive || !this.$element.is(':visible')){ |
| - | return false; |
| - | } |
| - | var _this = this; |
| - | |
| - | if(this.options.animationOut){ |
| - | Foundation.Motion.animateOut(this.$element, this.options.animationOut, function(){ |
| - | if(_this.options.overlay){ |
| - | Foundation.Motion.animateOut(_this.$overlay, 'fade-out', function(){ |
| - | }); |
| - | } |
| - | }); |
| - | }else{ |
| - | this.$element.hide(_this.options.hideDelay, function(){ |
| - | if(_this.options.overlay){ |
| - | _this.$overlay.hide(0, function(){ |
| - | }); |
| - | } |
| - | }); |
| - | } |
| - | //conditionals to remove extra event listeners added on open |
| - | if(this.options.closeOnEsc){ |
| - | $(window).off('keydown.zf.reveal'); |
| - | } |
| - | if(!this.options.overlay && this.options.closeOnClick){ |
| - | $('body').off('click.zf.reveal'); |
| - | } |
| - | this.$element.off('keydown.zf.reveal'); |
| - | |
| - | //if the modal changed size, reset it |
| - | if(this.changedSize){ |
| - | this.$element.css({ |
| - | 'height': '', |
| - | 'width': '' |
| - | }); |
| - | } |
| - | |
| - | $('body').removeClass('is-reveal-open').attr({'aria-hidden': false, 'tabindex': ''}); |
| - | |
| - | /** |
| - | * Resets the modal content |
| - | * This prevents a running video to keep going in the background |
| - | */ |
| - | if(this.options.resetOnClose) { |
| - | this.$element.html(this.$element.html()); |
| - | } |
| - | |
| - | this.isActive = false; |
| - | this.$element.attr({'aria-hidden': true}) |
| - | /** |
| - | * Fires when the modal is done closing. |
| - | * @event Reveal#closed |
| - | */ |
| - | .trigger('closed.zf.reveal'); |
| - | }; |
| - | /** |
| - | * Toggles the open/closed state of a modal. |
| - | * @function |
| - | */ |
| - | Reveal.prototype.toggle = function(){ |
| - | if(this.isActive){ |
| - | this.close(); |
| - | }else{ |
| - | this.open(); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Destroys an instance of a modal. |
| - | * @function |
| - | */ |
| - | Reveal.prototype.destroy = function() { |
| - | if(this.options.overlay){ |
| - | this.$overlay.hide().off().remove(); |
| - | } |
| - | this.$element.hide(); |
| - | this.$anchor.off(); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Reveal, 'Reveal'); |
| - | |
| - | // Exports for AMD/Browserify |
| - | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| - | module.exports = Reveal; |
| - | if (typeof define === 'function') |
| - | define(['foundation'], function() { |
| - | return Reveal; |
| - | }); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * Slider module. |
| - | * @module foundation.slider |
| - | * @requires foundation.util.motion |
| - | * @requires foundation.util.triggers |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.touch |
| - | */ |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of a drilldown menu. |
| - | * @class |
| - | * @param {jQuery} element - jQuery object to make into an accordion menu. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Slider(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Slider.defaults, this.$element.data(), options); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Slider', { |
| - | 'ltr': { |
| - | 'ARROW_RIGHT': 'increase', |
| - | 'ARROW_UP': 'increase', |
| - | 'ARROW_DOWN': 'decrease', |
| - | 'ARROW_LEFT': 'decrease', |
| - | 'SHIFT_ARROW_RIGHT': 'increase_fast', |
| - | 'SHIFT_ARROW_UP': 'increase_fast', |
| - | 'SHIFT_ARROW_DOWN': 'decrease_fast', |
| - | 'SHIFT_ARROW_LEFT': 'decrease_fast' |
| - | }, |
| - | 'rtl': { |
| - | 'ARROW_LEFT': 'increase', |
| - | 'ARROW_RIGHT': 'decrease', |
| - | 'SHIFT_ARROW_LEFT': 'increase_fast', |
| - | 'SHIFT_ARROW_RIGHT': 'decrease_fast' |
| - | } |
| - | }); |
| - | } |
| - | |
| - | Slider.defaults = { |
| - | /** |
| - | * Minimum value for the slider scale. |
| - | * @option |
| - | * @example 0 |
| - | */ |
| - | start: 0, |
| - | /** |
| - | * Maximum value for the slider scale. |
| - | * @option |
| - | * @example 100 |
| - | */ |
| - | end: 100, |
| - | /** |
| - | * Minimum value change per change event. Not Currently Implemented! |
| - | |
| - | */ |
| - | step: 1, |
| - | /** |
| - | * Value at which the handle/input *(left handle/first input)* should be set to on initialization. |
| - | * @option |
| - | * @example 0 |
| - | */ |
| - | initialStart: 0, |
| - | /** |
| - | * Value at which the right handle/second input should be set to on initialization. |
| - | * @option |
| - | * @example 100 |
| - | */ |
| - | initialEnd: 100, |
| - | /** |
| - | * Allows the input to be located outside the container and visible. Set to by the JS |
| - | * @option |
| - | * @example false |
| - | */ |
| - | binding: false, |
| - | /** |
| - | * Allows the user to click/tap on the slider bar to select a value. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | clickSelect: true, |
| - | /** |
| - | * Set to true and use the `vertical` class to change alignment to vertical. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | vertical: false, |
| - | /** |
| - | * Allows the user to drag the slider handle(s) to select a value. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | draggable: true, |
| - | /** |
| - | * Disables the slider and prevents event listeners from being applied. Double checked by JS with `disabledClass`. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | disabled: false, |
| - | /** |
| - | * Allows the use of two handles. Double checked by the JS. Changes some logic handling. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | doubleSided: false, |
| - | /** |
| - | * Potential future feature. |
| - | */ |
| - | // steps: 100, |
| - | /** |
| - | * Number of decimal places the plugin should go to for floating point precision. |
| - | * @option |
| - | * @example 2 |
| - | */ |
| - | decimal: 2, |
| - | /** |
| - | * Time delay for dragged elements. |
| - | */ |
| - | // dragDelay: 0, |
| - | /** |
| - | * Time, in ms, to animate the movement of a slider handle if user clicks/taps on the bar. Needs to be manually set if updating the transition time in the Sass settings. |
| - | * @option |
| - | * @example 200 |
| - | */ |
| - | moveTime: 200,//update this if changing the transition time in the sass |
| - | /** |
| - | * Class applied to disabled sliders. |
| - | * @option |
| - | * @example 'disabled' |
| - | */ |
| - | disabledClass: 'disabled' |
| - | }; |
| - | /** |
| - | * Initilizes the plugin by reading/setting attributes, creating collections and setting the initial position of the handle(s). |
| - | * @function |
| - | * @private |
| - | */ |
| - | Slider.prototype._init = function(){ |
| - | this.inputs = this.$element.find('input'); |
| - | this.handles = this.$element.find('[data-slider-handle]'); |
| - | |
| - | this.$handle = this.handles.eq(0); |
| - | this.$input = this.inputs.length ? this.inputs.eq(0) : $('#' + this.$handle.attr('aria-controls')); |
| - | this.$fill = this.$element.find('[data-slider-fill]').css(this.options.vertical ? 'height' : 'width', 0); |
| - | |
| - | var isDbl = false, |
| - | _this = this; |
| - | if(this.options.disabled || this.$element.hasClass(this.options.disabledClass)){ |
| - | this.options.disabled = true; |
| - | this.$element.addClass(this.options.disabledClass); |
| - | } |
| - | if(!this.inputs.length){ |
| - | this.inputs = $().add(this.$input); |
| - | this.options.binding = true; |
| - | } |
| - | this._setInitAttr(0); |
| - | this._events(this.$handle); |
| - | |
| - | if(this.handles[1]){ |
| - | this.options.doubleSided = true; |
| - | this.$handle2 = this.handles.eq(1); |
| - | this.$input2 = this.inputs.length ? this.inputs.eq(1) : $('#' + this.$handle2.attr('aria-controls')); |
| - | |
| - | if(!this.inputs[1]){ |
| - | this.inputs = this.inputs.add(this.$input2); |
| - | } |
| - | isDbl = true; |
| - | |
| - | this._setHandlePos(this.$handle, this.options.initialStart, true, function(){ |
| - | |
| - | _this._setHandlePos(_this.$handle2, _this.options.initialEnd); |
| - | }); |
| - | // this.$handle.triggerHandler('click.zf.slider'); |
| - | this._setInitAttr(1); |
| - | this._events(this.$handle2); |
| - | } |
| - | |
| - | if(!isDbl){ |
| - | this._setHandlePos(this.$handle, this.options.initialStart, true); |
| - | } |
| - | }; |
| - | /** |
| - | * Sets the position of the selected handle and fill bar. |
| - | * @function |
| - | * @private |
| - | * @param {jQuery} $hndl - the selected handle to move. |
| - | * @param {Number} location - floating point between the start and end values of the slider bar. |
| - | * @param {Function} cb - callback function to fire on completion. |
| - | * @fires Slider#moved |
| - | */ |
| - | Slider.prototype._setHandlePos = function($hndl, location, noInvert, cb){ |
| - | //might need to alter that slightly for bars that will have odd number selections. |
| - | location = parseFloat(location);//on input change events, convert string to number...grumble. |
| - | // prevent slider from running out of bounds |
| - | if(location < this.options.start){ location = this.options.start; } |
| - | else if(location > this.options.end){ location = this.options.end; } |
| - | |
| - | var isDbl = this.options.doubleSided, |
| - | callback = cb || null; |
| - | |
| - | if(isDbl){ |
| - | if(this.handles.index($hndl) === 0){ |
| - | var h2Val = parseFloat(this.$handle2.attr('aria-valuenow')); |
| - | location = location >= h2Val ? h2Val - this.options.step : location; |
| - | }else{ |
| - | var h1Val = parseFloat(this.$handle.attr('aria-valuenow')); |
| - | location = location <= h1Val ? h1Val + this.options.step : location; |
| - | } |
| - | } |
| - | |
| - | if(this.options.vertical && !noInvert){ |
| - | location = this.options.end - location; |
| - | } |
| - | var _this = this, |
| - | vert = this.options.vertical, |
| - | hOrW = vert ? 'height' : 'width', |
| - | lOrT = vert ? 'top' : 'left', |
| - | halfOfHandle = $hndl[0].getBoundingClientRect()[hOrW] / 2, |
| - | elemDim = this.$element[0].getBoundingClientRect()[hOrW], |
| - | pctOfBar = percent(location, this.options.end).toFixed(this.options.decimal), |
| - | pxToMove = (elemDim - halfOfHandle) * pctOfBar, |
| - | movement = (percent(pxToMove, elemDim) * 100).toFixed(this.options.decimal), |
| - | location = location > 0 ? parseFloat(location.toFixed(this.options.decimal)) : 0, |
| - | anim, prog, start = null, css = {}; |
| - | |
| - | this._setValues($hndl, location); |
| - | |
| - | if(this.options.doubleSided){//update to calculate based on values set to respective inputs?? |
| - | var isLeftHndl = this.handles.index($hndl) === 0, |
| - | dim, |
| - | idx = this.handles.index($hndl); |
| - | |
| - | if(isLeftHndl){ |
| - | css[lOrT] = (pctOfBar > 0 ? pctOfBar * 100 : 0) + '%';// |
| - | dim = /*Math.abs*/((percent(this.$handle2.position()[lOrT] + halfOfHandle, elemDim) - parseFloat(pctOfBar)) * 100).toFixed(this.options.decimal) + '%'; |
| - | css['min-' + hOrW] = dim; |
| - | if(cb && typeof cb === 'function'){ cb(); } |
| - | }else{ |
| - | location = (location < 100 ? location : 100) - (parseFloat(this.$handle[0].style.left) || this.options.end - location); |
| - | css['min-' + hOrW] = location + '%'; |
| - | } |
| - | } |
| - | |
| - | this.$element.one('finished.zf.animate', function(){ |
| - | _this.animComplete = true; |
| - | /** |
| - | * Fires when the handle is done moving. |
| - | * @event Slider#moved |
| - | */ |
| - | _this.$element.trigger('moved.zf.slider', [$hndl]); |
| - | }); |
| - | var moveTime = _this.$element.data('dragging') ? 1000/60 : _this.options.moveTime; |
| - | /*var move = new */Foundation.Move(moveTime, $hndl, function(){ |
| - | $hndl.css(lOrT, movement + '%'); |
| - | if(!_this.options.doubleSided){ |
| - | _this.$fill.css(hOrW, pctOfBar * 100 + '%'); |
| - | }else{ |
| - | _this.$fill.css(css); |
| - | } |
| - | }); |
| - | // move.do(); |
| - | }; |
| - | /** |
| - | * Sets the initial attribute for the slider element. |
| - | * @function |
| - | * @private |
| - | * @param {Number} idx - index of the current handle/input to use. |
| - | */ |
| - | Slider.prototype._setInitAttr = function(idx){ |
| - | var id = this.inputs.eq(idx).attr('id') || Foundation.GetYoDigits(6, 'slider'); |
| - | this.inputs.eq(idx).attr({ |
| - | 'id': id, |
| - | 'max': this.options.end, |
| - | 'min': this.options.start |
| - | |
| - | }); |
| - | this.handles.eq(idx).attr({ |
| - | 'role': 'slider', |
| - | 'aria-controls': id, |
| - | 'aria-valuemax': this.options.end, |
| - | 'aria-valuemin': this.options.start, |
| - | 'aria-valuenow': idx === 0 ? this.options.initialStart : this.options.initialEnd, |
| - | 'aria-orientation': this.options.vertical ? 'vertical' : 'horizontal', |
| - | 'tabindex': 0 |
| - | }); |
| - | }; |
| - | /** |
| - | * Sets the input and `aria-valuenow` values for the slider element. |
| - | * @function |
| - | * @private |
| - | * @param {jQuery} $handle - the currently selected handle. |
| - | * @param {Number} val - floating point of the new value. |
| - | */ |
| - | Slider.prototype._setValues = function($handle, val){ |
| - | var idx = this.options.doubleSided ? this.handles.index($handle) : 0; |
| - | this.inputs.eq(idx).val(val); |
| - | $handle.attr('aria-valuenow', val); |
| - | }; |
| - | /** |
| - | * Handles events on the slider element. |
| - | * Calculates the new location of the current handle. |
| - | * If there are two handles and the bar was clicked, it determines which handle to move. |
| - | * @function |
| - | * @private |
| - | * @param {Object} e - the `event` object passed from the listener. |
| - | * @param {jQuery} $handle - the current handle to calculate for, if selected. |
| - | * @param {Number} val - floating point number for the new value of the slider. |
| - | */ |
| - | Slider.prototype._handleEvent = function(e, $handle, val){ |
| - | var value, hasVal; |
| - | if(!val){//click or drag events |
| - | e.preventDefault(); |
| - | var _this = this, |
| - | vertical = this.options.vertical, |
| - | param = vertical ? 'height' : 'width', |
| - | direction = vertical ? 'top' : 'left', |
| - | pageXY = vertical ? e.pageY : e.pageX, |
| - | halfOfHandle = this.$handle[0].getBoundingClientRect()[param] / 2, |
| - | barDim = this.$element[0].getBoundingClientRect()[param], |
| - | barOffset = (this.$element.offset()[direction] - pageXY), |
| - | barXY = barOffset > 0 ? -halfOfHandle : (barOffset - halfOfHandle) < -barDim ? barDim : Math.abs(barOffset),//if the cursor position is less than or greater than the elements bounding coordinates, set coordinates within those bounds |
| - | // eleDim = this.$element[0].getBoundingClientRect()[param], |
| - | offsetPct = percent(barXY, barDim); |
| - | value = (this.options.end - this.options.start) * offsetPct; |
| - | hasVal = false; |
| - | |
| - | if(!$handle){//figure out which handle it is, pass it to the next function. |
| - | var firstHndlPos = absPosition(this.$handle, direction, barXY, param), |
| - | secndHndlPos = absPosition(this.$handle2, direction, barXY, param); |
| - | $handle = firstHndlPos <= secndHndlPos ? this.$handle : this.$handle2; |
| - | } |
| - | |
| - | }else{//change event on input |
| - | value = val; |
| - | hasVal = true; |
| - | } |
| - | |
| - | this._setHandlePos($handle, value, hasVal); |
| - | }; |
| - | /** |
| - | * Adds event listeners to the slider elements. |
| - | * @function |
| - | * @private |
| - | * @param {jQuery} $handle - the current handle to apply listeners to. |
| - | */ |
| - | Slider.prototype._events = function($handle){ |
| - | if(this.options.disabled){ return false; } |
| - | |
| - | var _this = this, |
| - | curHandle, |
| - | timer; |
| - | |
| - | this.inputs.off('change.zf.slider').on('change.zf.slider', function(e){ |
| - | var idx = _this.inputs.index($(this)); |
| - | _this._handleEvent(e, _this.handles.eq(idx), $(this).val()); |
| - | }); |
| - | |
| - | if(this.options.clickSelect){ |
| - | this.$element.off('click.zf.slider').on('click.zf.slider', function(e){ |
| - | if(_this.$element.data('dragging')){ return false; } |
| - | _this.animComplete = false; |
| - | if(_this.options.doubleSided){ |
| - | _this._handleEvent(e); |
| - | }else{ |
| - | _this._handleEvent(e, _this.$handle); |
| - | } |
| - | }); |
| - | } |
| - | |
| - | if(this.options.draggable){ |
| - | this.handles.addTouch(); |
| - | // var curHandle, |
| - | // timer, |
| - | var $body = $('body'); |
| - | $handle |
| - | .off('mousedown.zf.slider') |
| - | .on('mousedown.zf.slider', function(e){ |
| - | $handle.addClass('is-dragging'); |
| - | _this.$fill.addClass('is-dragging');// |
| - | _this.$element.data('dragging', true); |
| - | _this.animComplete = false; |
| - | curHandle = $(e.currentTarget); |
| - | |
| - | $body.on('mousemove.zf.slider', function(e){ |
| - | e.preventDefault(); |
| - | |
| - | // timer = setTimeout(function(){ |
| - | _this._handleEvent(e, curHandle); |
| - | // }, _this.options.dragDelay); |
| - | }).on('mouseup.zf.slider', function(e){ |
| - | // clearTimeout(timer); |
| - | _this.animComplete = true; |
| - | _this._handleEvent(e, curHandle); |
| - | $handle.removeClass('is-dragging'); |
| - | _this.$fill.removeClass('is-dragging'); |
| - | _this.$element.data('dragging', false); |
| - | // Foundation.reflow(_this.$element, 'slider'); |
| - | $body.off('mousemove.zf.slider mouseup.zf.slider'); |
| - | }); |
| - | }); |
| - | } |
| - | $handle.off('keydown.zf.slider').on('keydown.zf.slider', function(e){ |
| - | var idx = _this.options.doubleSided ? _this.handles.index($(this)) : 0, |
| - | oldValue = parseFloat(_this.inputs.eq(idx).val()), |
| - | newValue; |
| - | |
| - | var _$handle = $(this); |
| - | |
| - | // handle keyboard event with keyboard util |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | decrease: function() { |
| - | newValue = oldValue - _this.options.step; |
| - | }, |
| - | increase: function() { |
| - | newValue = oldValue + _this.options.step; |
| - | }, |
| - | decrease_fast: function() { |
| - | newValue = oldValue - _this.options.step * 10; |
| - | }, |
| - | increase_fast: function() { |
| - | newValue = oldValue + _this.options.step * 10; |
| - | }, |
| - | handled: function() { // only set handle pos when event was handled specially |
| - | e.preventDefault(); |
| - | _this._setHandlePos(_$handle, newValue, true); |
| - | } |
| - | }); |
| - | /*if (newValue) { // if pressed key has special function, update value |
| - | e.preventDefault(); |
| - | _this._setHandlePos(_$handle, newValue); |
| - | }*/ |
| - | }); |
| - | }; |
| - | /** |
| - | * Destroys the slider plugin. |
| - | */ |
| - | Slider.prototype.destroy = function(){ |
| - | this.handles.off('.zf.slider'); |
| - | this.inputs.off('.zf.slider'); |
| - | this.$element.off('.zf.slider'); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Slider, 'Slider'); |
| - | |
| - | function percent(frac, num){ |
| - | return (frac / num); |
| - | } |
| - | function absPosition($handle, dir, clickPos, param){ |
| - | return Math.abs(($handle.position()[dir] + ($handle[param]() / 2)) - clickPos); |
| - | } |
| - | }(jQuery, window.Foundation); |
| - | |
| - | //*********this is in case we go to static, absolute positions instead of dynamic positioning******** |
| - | // this.setSteps(function(){ |
| - | // _this._events(); |
| - | // var initStart = _this.options.positions[_this.options.initialStart - 1] || null; |
| - | // var initEnd = _this.options.initialEnd ? _this.options.position[_this.options.initialEnd - 1] : null; |
| - | // if(initStart || initEnd){ |
| - | // _this._handleEvent(initStart, initEnd); |
| - | // } |
| - | // }); |
| - | |
| - | //***********the other part of absolute positions************* |
| - | // Slider.prototype.setSteps = function(cb){ |
| - | // var posChange = this.$element.outerWidth() / this.options.steps; |
| - | // var counter = 0 |
| - | // while(counter < this.options.steps){ |
| - | // if(counter){ |
| - | // this.options.positions.push(this.options.positions[counter - 1] + posChange); |
| - | // }else{ |
| - | // this.options.positions.push(posChange); |
| - | // } |
| - | // counter++; |
| - | // } |
| - | // cb(); |
| - | // }; |
| - | |
| - | /** |
| - | * Sticky module. |
| - | * @module foundation.sticky |
| - | * @requires foundation.util.triggers |
| - | * @requires foundation.util.mediaQuery |
| - | */ |
| - | !function($, Foundation){ |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of a sticky thing. |
| - | * @class |
| - | * @param {jQuery} element - jQuery object to make sticky. |
| - | * @param {Object} options - options object passed when creating the element programmatically. |
| - | */ |
| - | function Sticky(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Sticky.defaults, this.$element.data(), options); |
| - | |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | Sticky.defaults = { |
| - | /** |
| - | * Customizable container template. Add your own classes for styling and sizing. |
| - | * @option |
| - | * @example '<div data-sticky-container class="small-6 columns"></div>' |
| - | */ |
| - | container: '<div data-sticky-container></div>', |
| - | /** |
| - | * Location in the view the element sticks to. |
| - | * @option |
| - | * @example 'top' |
| - | */ |
| - | stickTo: 'top', |
| - | /** |
| - | * If anchored to a single element, the id of that element. |
| - | * @option |
| - | * @example 'exampleId' |
| - | */ |
| - | anchor: '', |
| - | /** |
| - | * If using more than one element as anchor points, the id of the top anchor. |
| - | * @option |
| - | * @example 'exampleId:top' |
| - | */ |
| - | topAnchor: '', |
| - | /** |
| - | * If using more than one element as anchor points, the id of the bottom anchor. |
| - | * @option |
| - | * @example 'exampleId:bottom' |
| - | */ |
| - | btmAnchor: '', |
| - | /** |
| - | * Margin, in `em`'s to apply to the top of the element when it becomes sticky. |
| - | * @option |
| - | * @example 1 |
| - | */ |
| - | marginTop: 1, |
| - | /** |
| - | * Margin, in `em`'s to apply to the bottom of the element when it becomes sticky. |
| - | * @option |
| - | * @example 1 |
| - | */ |
| - | marginBottom: 1, |
| - | /** |
| - | * Breakpoint string that is the minimum screen size an element should become sticky. |
| - | * @option |
| - | * @example 'medium' |
| - | */ |
| - | stickyOn: 'medium', |
| - | /** |
| - | * Class applied to sticky element, and removed on destruction. Foundation defaults to `sticky`. |
| - | * @option |
| - | * @example 'sticky' |
| - | */ |
| - | stickyClass: 'sticky', |
| - | /** |
| - | * Class applied to sticky container. Foundation defaults to `sticky-container`. |
| - | * @option |
| - | * @example 'sticky-container' |
| - | */ |
| - | containerClass: 'sticky-container', |
| - | /** |
| - | * Number of scroll events between the plugin's recalculating sticky points. Setting it to `0` will cause it to recalc every scroll event, setting it to `-1` will prevent recalc on scroll. |
| - | * @option |
| - | * @example 50 |
| - | */ |
| - | checkEvery: -1 |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the sticky element by adding classes, getting/setting dimensions, breakpoints and attributes |
| - | * Also triggered by Foundation._reflow |
| - | * @function |
| - | * @private |
| - | */ |
| - | Sticky.prototype._init = function(){ |
| - | var $parent = this.$element.parent('[data-sticky-container]'), |
| - | id = this.$element[0].id || Foundation.GetYoDigits(6, 'sticky'), |
| - | _this = this; |
| - | |
| - | if(!$parent.length){ |
| - | this.wasWrapped = true; |
| - | } |
| - | this.$container = $parent.length ? $parent : $(this.options.container).wrapInner(this.$element); |
| - | this.$container.addClass(this.options.containerClass); |
| - | |
| - | |
| - | this.$element.addClass(this.options.stickyClass) |
| - | .attr({'data-resize': id}); |
| - | |
| - | this.scrollCount = this.options.checkEvery; |
| - | this.isStuck = false; |
| - | // console.log(this.options.anchor, this.options.topAnchor); |
| - | if(this.options.topAnchor !== ''){ |
| - | this._parsePoints(); |
| - | // console.log(this.points[0]); |
| - | }else{ |
| - | this.$anchor = this.options.anchor ? $('#' + this.options.anchor) : $(document.body); |
| - | } |
| - | |
| - | |
| - | this._setSizes(function(){ |
| - | _this._calc(false); |
| - | }); |
| - | this._events(id.split('-').reverse().join('-')); |
| - | }; |
| - | /** |
| - | * If using multiple elements as anchors, calculates the top and bottom pixel values the sticky thing should stick and unstick on. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Sticky.prototype._parsePoints = function(){ |
| - | var top = this.options.topAnchor, |
| - | btm = this.options.btmAnchor, |
| - | pts = [top, btm], |
| - | breaks = {}; |
| - | for(var i = 0, len = pts.length; i < len && pts[i]; i++){ |
| - | var pt; |
| - | if(typeof pts[i] === 'number'){ |
| - | pt = pts[i]; |
| - | }else{ |
| - | var place = pts[i].split(':'), |
| - | anchor = $('#' + place[0]); |
| - | |
| - | pt = anchor.offset().top; |
| - | if(place[1] && place[1].toLowerCase() === 'bottom'){ |
| - | pt += anchor[0].getBoundingClientRect().height; |
| - | } |
| - | } |
| - | breaks[i] = pt; |
| - | } |
| - | // console.log(breaks); |
| - | this.points = breaks; |
| - | // console.log(this.points); |
| - | return; |
| - | }; |
| - | |
| - | /** |
| - | * Adds event handlers for the scrolling element. |
| - | * @private |
| - | * @param {String} id - psuedo-random id for unique scroll event listener. |
| - | */ |
| - | Sticky.prototype._events = function(id){ |
| - | // console.log('called'); |
| - | var _this = this, |
| - | scrollListener = 'scroll.zf.' + id; |
| - | if(this.isOn){ return; } |
| - | if(this.canStick){ |
| - | this.isOn = true; |
| - | // this.$anchor.off('change.zf.sticky') |
| - | // .on('change.zf.sticky', function(){ |
| - | // _this._setSizes(function(){ |
| - | // _this._calc(false); |
| - | // }); |
| - | // }); |
| - | |
| - | $(window).off(scrollListener) |
| - | .on(scrollListener, function(e){ |
| - | if(_this.scrollCount === 0){ |
| - | _this.scrollCount = _this.options.checkEvery; |
| - | _this._setSizes(function(){ |
| - | _this._calc(false, window.pageYOffset); |
| - | }); |
| - | }else{ |
| - | _this.scrollCount--; |
| - | _this._calc(false, window.pageYOffset); |
| - | } |
| - | }); |
| - | } |
| - | |
| - | this.$element.off('resizeme.zf.trigger') |
| - | .on('resizeme.zf.trigger', function(e, el){ |
| - | _this._setSizes(function(){ |
| - | _this._calc(false); |
| - | if(_this.canStick){ |
| - | if(!_this.isOn){ |
| - | _this._events(id); |
| - | } |
| - | }else if(_this.isOn){ |
| - | _this._pauseListeners(scrollListener); |
| - | } |
| - | }); |
| - | }); |
| - | }; |
| - | |
| - | /** |
| - | * Removes event handlers for scroll and change events on anchor. |
| - | * @fires Sticky#pause |
| - | * @param {String} scrollListener - unique, namespaced scroll listener attached to `window` |
| - | */ |
| - | Sticky.prototype._pauseListeners = function(scrollListener){ |
| - | this.isOn = false; |
| - | // this.$anchor.off('change.zf.sticky'); |
| - | $(window).off(scrollListener); |
| - | |
| - | /** |
| - | * Fires when the plugin is paused due to resize event shrinking the view. |
| - | * @event Sticky#pause |
| - | * @private |
| - | */ |
| - | this.$element.trigger('pause.zf.sticky'); |
| - | }; |
| - | |
| - | /** |
| - | * Called on every `scroll` event and on `_init` |
| - | * fires functions based on booleans and cached values |
| - | * @param {Boolean} checkSizes - true if plugin should recalculate sizes and breakpoints. |
| - | * @param {Number} scroll - current scroll position passed from scroll event cb function. If not passed, defaults to `window.pageYOffset`. |
| - | */ |
| - | Sticky.prototype._calc = function(checkSizes, scroll){ |
| - | if(checkSizes){ this._setSizes(); } |
| - | |
| - | if(!this.canStick){ |
| - | if(this.isStuck){ |
| - | this._removeSticky(true); |
| - | } |
| - | return false; |
| - | } |
| - | |
| - | if(!scroll){ scroll = window.pageYOffset; } |
| - | |
| - | if(scroll >= this.topPoint){ |
| - | if(scroll <= this.bottomPoint){ |
| - | if(!this.isStuck){ |
| - | this._setSticky(); |
| - | } |
| - | }else{ |
| - | if(this.isStuck){ |
| - | this._removeSticky(false); |
| - | } |
| - | } |
| - | }else{ |
| - | if(this.isStuck){ |
| - | this._removeSticky(true); |
| - | } |
| - | } |
| - | }; |
| - | /** |
| - | * Causes the $element to become stuck. |
| - | * Adds `position: fixed;`, and helper classes. |
| - | * @fires Sticky#stuckto |
| - | * @function |
| - | * @private |
| - | */ |
| - | Sticky.prototype._setSticky = function(){ |
| - | var stickTo = this.options.stickTo, |
| - | mrgn = stickTo === 'top' ? 'marginTop' : 'marginBottom', |
| - | notStuckTo = stickTo === 'top' ? 'bottom' : 'top', |
| - | css = {}; |
| - | |
| - | css[mrgn] = this.options[mrgn] + 'em'; |
| - | css[stickTo] = 0; |
| - | css[notStuckTo] = 'auto'; |
| - | css['left'] = this.$container.offset().left + parseInt(window.getComputedStyle(this.$container[0])["padding-left"], 10); |
| - | this.isStuck = true; |
| - | this.$element.removeClass('is-anchored is-at-' + notStuckTo) |
| - | .addClass('is-stuck is-at-' + stickTo) |
| - | .css(css) |
| - | /** |
| - | * Fires when the $element has become `position: fixed;` |
| - | * Namespaced to `top` or `bottom`. |
| - | * @event Sticky#stuckto |
| - | */ |
| - | .trigger('sticky.zf.stuckto:' + stickTo); |
| - | }; |
| - | |
| - | /** |
| - | * Causes the $element to become unstuck. |
| - | * Removes `position: fixed;`, and helper classes. |
| - | * Adds other helper classes. |
| - | * @param {Boolean} isTop - tells the function if the $element should anchor to the top or bottom of its $anchor element. |
| - | * @fires Sticky#unstuckfrom |
| - | * @private |
| - | */ |
| - | Sticky.prototype._removeSticky = function(isTop){ |
| - | var stickTo = this.options.stickTo, |
| - | stickToTop = stickTo === 'top', |
| - | css = {}, mrgn, notStuckTo, |
| - | anchorPt = (this.points ? this.points[1] - this.points[0] : this.anchorHeight) - this.elemHeight; |
| - | mrgn = stickToTop ? 'marginTop' : 'marginBottom'; |
| - | notStuckTo = stickToTop ? 'bottom' : 'top'; |
| - | css[mrgn] = 0; |
| - | if((isTop && !stickToTop) || (stickToTop && !isTop)){ |
| - | css[stickTo] = anchorPt; |
| - | css[notStuckTo] = 0; |
| - | }else{ |
| - | css[stickTo] = 0; |
| - | css[notStuckTo] = anchorPt; |
| - | } |
| - | css['left'] = ''; |
| - | this.isStuck = false; |
| - | this.$element.removeClass('is-stuck is-at-' + stickTo) |
| - | .addClass('is-anchored is-at-' + (isTop ? 'top' : 'bottom')) |
| - | .css(css) |
| - | /** |
| - | * Fires when the $element has become anchored. |
| - | * Namespaced to `top` or `bottom`. |
| - | * @event Sticky#unstuckfrom |
| - | */ |
| - | .trigger('sticky.zf.unstuckfrom:' + isTop ? 'top' : 'bottom'); |
| - | }; |
| - | |
| - | /** |
| - | * Sets the $element and $container sizes for plugin. |
| - | * Calls `_setBreakPoints`. |
| - | * @param {Function} cb - optional callback function to fire on completion of `_setBreakPoints`. |
| - | * @private |
| - | */ |
| - | Sticky.prototype._setSizes = function(cb){ |
| - | this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn); |
| - | if(!this.canStick){ cb(); } |
| - | var _this = this, |
| - | newElemWidth = this.$container[0].getBoundingClientRect().width, |
| - | comp = window.getComputedStyle(this.$container[0]), |
| - | pdng = parseInt(comp['padding-right'], 10); |
| - | |
| - | // console.log(this.$anchor); |
| - | if(this.$anchor && this.$anchor.length){ |
| - | this.anchorHeight = this.$anchor[0].getBoundingClientRect().height; |
| - | }else{ |
| - | this._parsePoints(); |
| - | } |
| - | |
| - | this.$element.css({ |
| - | 'max-width': newElemWidth - pdng + 'px' |
| - | }); |
| - | |
| - | var newContainerHeight = this.$element[0].getBoundingClientRect().height || this.containerHeight; |
| - | this.containerHeight = newContainerHeight; |
| - | this.$container.css({ |
| - | height: newContainerHeight |
| - | }); |
| - | this.elemHeight = newContainerHeight; |
| - | |
| - | if (this.isStuck) { |
| - | this.$element.css({"left":this.$container.offset().left + parseInt(comp['padding-left'], 10)}); |
| - | } |
| - | |
| - | this._setBreakPoints(newContainerHeight, function(){ |
| - | if(cb){ cb(); } |
| - | }); |
| - | |
| - | }; |
| - | /** |
| - | * Sets the upper and lower breakpoints for the element to become sticky/unsticky. |
| - | * @param {Number} elemHeight - px value for sticky.$element height, calculated by `_setSizes`. |
| - | * @param {Function} cb - optional callback function to be called on completion. |
| - | * @private |
| - | */ |
| - | Sticky.prototype._setBreakPoints = function(elemHeight, cb){ |
| - | if(!this.canStick){ |
| - | if(cb){ cb(); } |
| - | else{ return false; } |
| - | } |
| - | var mTop = emCalc(this.options.marginTop), |
| - | mBtm = emCalc(this.options.marginBottom), |
| - | topPoint = this.points ? this.points[0] : this.$anchor.offset().top, |
| - | bottomPoint = this.points ? this.points[1] : topPoint + this.anchorHeight, |
| - | // topPoint = this.$anchor.offset().top || this.points[0], |
| - | // bottomPoint = topPoint + this.anchorHeight || this.points[1], |
| - | winHeight = window.innerHeight; |
| - | |
| - | if(this.options.stickTo === 'top'){ |
| - | topPoint -= mTop; |
| - | bottomPoint -= (elemHeight + mTop); |
| - | }else if(this.options.stickTo === 'bottom'){ |
| - | topPoint -= (winHeight - (elemHeight + mBtm)); |
| - | bottomPoint -= (winHeight - mBtm); |
| - | }else{ |
| - | //this would be the stickTo: both option... tricky |
| - | } |
| - | |
| - | this.topPoint = topPoint; |
| - | this.bottomPoint = bottomPoint; |
| - | |
| - | if(cb){ cb(); } |
| - | }; |
| - | |
| - | /** |
| - | * Destroys the current sticky element. |
| - | * Resets the element to the top position first. |
| - | * Removes event listeners, JS-added css properties and classes, and unwraps the $element if the JS added the $container. |
| - | * @function |
| - | */ |
| - | Sticky.prototype.destroy = function(){ |
| - | this._removeSticky(true); |
| - | |
| - | this.$element.removeClass(this.options.stickyClass + ' is-anchored is-at-top') |
| - | .css({ |
| - | height: '', |
| - | top: '', |
| - | bottom: '', |
| - | 'max-width': '' |
| - | }) |
| - | .off('resizeme.zf.trigger'); |
| - | |
| - | this.$anchor.off('change.zf.sticky'); |
| - | $(window).off('scroll.zf.sticky'); |
| - | |
| - | if(this.wasWrapped){ |
| - | this.$element.unwrap(); |
| - | }else{ |
| - | this.$container.removeClass(this.options.containerClass) |
| - | .css({ |
| - | height: '' |
| - | }); |
| - | } |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | /** |
| - | * Helper function to calculate em values |
| - | * @param Number {em} - number of em's to calculate into pixels |
| - | */ |
| - | function emCalc(em){ |
| - | return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em; |
| - | } |
| - | Foundation.plugin(Sticky, 'Sticky'); |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * Tabs module. |
| - | * @module foundation.tabs |
| - | * @requires foundation.util.keyboard |
| - | * @requires foundation.util.timerAndImageLoader if tabs contain images |
| - | */ |
| - | !function($, Foundation) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of tabs. |
| - | * @class |
| - | * @fires Tabs#init |
| - | * @param {jQuery} element - jQuery object to make into tabs. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Tabs(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Tabs.defaults, this.$element.data(), options); |
| - | |
| - | this._init(); |
| - | Foundation.registerPlugin(this); |
| - | Foundation.Keyboard.register('Tabs', { |
| - | 'ENTER': 'open', |
| - | 'SPACE': 'open', |
| - | 'ARROW_RIGHT': 'next', |
| - | 'ARROW_UP': 'previous', |
| - | 'ARROW_DOWN': 'next', |
| - | 'ARROW_LEFT': 'previous', |
| - | // 'TAB': 'next', |
| - | // 'SHIFT_TAB': 'previous' |
| - | }); |
| - | } |
| - | |
| - | Tabs.defaults = { |
| - | // /** |
| - | // * Allows the JS to alter the url of the window. Not yet implemented. |
| - | // */ |
| - | // deepLinking: false, |
| - | // /** |
| - | // * If deepLinking is enabled, allows the window to scroll to content if window is loaded with a hash including a tab-pane id |
| - | // */ |
| - | // scrollToContent: false, |
| - | /** |
| - | * Allows the window to scroll to content of active pane on load if set to true. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | autoFocus: false, |
| - | /** |
| - | * Allows keyboard input to 'wrap' around the tab links. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | wrapOnKeys: true, |
| - | /** |
| - | * Allows the tab content panes to match heights if set to true. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | matchHeight: false, |
| - | /** |
| - | * Class applied to `li`'s in tab link list. |
| - | * @option |
| - | * @example 'tabs-title' |
| - | */ |
| - | linkClass: 'tabs-title', |
| - | // contentClass: 'tabs-content', |
| - | /** |
| - | * Class applied to the content containers. |
| - | * @option |
| - | * @example 'tabs-panel' |
| - | */ |
| - | panelClass: 'tabs-panel' |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the tabs by showing and focusing (if autoFocus=true) the preset active tab. |
| - | * @private |
| - | */ |
| - | Tabs.prototype._init = function(){ |
| - | var _this = this; |
| - | |
| - | this.$tabTitles = this.$element.find('.' + this.options.linkClass); |
| - | this.$tabContent = $('[data-tabs-content="' + this.$element[0].id + '"]'); |
| - | |
| - | this.$tabTitles.each(function(){ |
| - | var $elem = $(this), |
| - | $link = $elem.find('a'), |
| - | isActive = $elem.hasClass('is-active'), |
| - | hash = $link.attr('href').slice(1), |
| - | linkId = hash + '-label', |
| - | $tabContent = $(hash); |
| - | |
| - | $elem.attr({'role': 'presentation'}); |
| - | |
| - | $link.attr({ |
| - | 'role': 'tab', |
| - | 'aria-controls': hash, |
| - | 'aria-selected': isActive, |
| - | 'id': linkId |
| - | }); |
| - | |
| - | $tabContent.attr({ |
| - | 'role': 'tabpanel', |
| - | 'aria-hidden': !isActive, |
| - | 'aria-labelledby': linkId |
| - | }); |
| - | |
| - | if(isActive && _this.options.autoFocus){ |
| - | $link.focus(); |
| - | } |
| - | }); |
| - | if(this.options.matchHeight){ |
| - | var $images = this.$tabContent.find('img'); |
| - | if($images.length){ |
| - | Foundation.onImagesLoaded($images, this._setHeight.bind(this)); |
| - | }else{ |
| - | this._setHeight(); |
| - | } |
| - | } |
| - | this._events(); |
| - | }; |
| - | /** |
| - | * Adds event handlers for items within the tabs. |
| - | * @private |
| - | */ |
| - | Tabs.prototype._events = function(){ |
| - | this._addKeyHandler(); |
| - | this._addClickHandler(); |
| - | if(this.options.matchHeight){ |
| - | $(window).on('changed.zf.mediaquery', this._setHeight.bind(this)); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Adds click handlers for items within the tabs. |
| - | * @private |
| - | */ |
| - | Tabs.prototype._addClickHandler = function(){ |
| - | var _this = this; |
| - | this.$tabTitles.off('click.zf.tabs') |
| - | .on('click.zf.tabs', function(e){ |
| - | e.preventDefault(); |
| - | e.stopPropagation(); |
| - | if($(this).hasClass('is-active')){ |
| - | return; |
| - | } |
| - | _this._handleTabChange($(this)); |
| - | }); |
| - | }; |
| - | |
| - | /** |
| - | * Adds keyboard event handlers for items within the tabs. |
| - | * @private |
| - | */ |
| - | Tabs.prototype._addKeyHandler = function(){ |
| - | var _this = this; |
| - | var $firstTab = _this.$element.find('li:first-of-type'); |
| - | var $lastTab = _this.$element.find('li:last-of-type'); |
| - | |
| - | this.$tabTitles.off('keydown.zf.tabs').on('keydown.zf.tabs', function(e){ |
| - | e.stopPropagation(); |
| - | e.preventDefault(); |
| - | |
| - | var $element = $(this), |
| - | $elements = $element.parent('ul').children('li'), |
| - | $prevElement, |
| - | $nextElement; |
| - | |
| - | $elements.each(function(i) { |
| - | if ($(this).is($element)) { |
| - | if (_this.options.wrapOnKeys) { |
| - | $prevElement = i === 0 ? $elements.last() : $elements.eq(i-1); |
| - | $nextElement = i === $elements.length -1 ? $elements.first() : $elements.eq(i+1); |
| - | } else { |
| - | $prevElement = $elements.eq(Math.max(0, i-1)); |
| - | $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)); |
| - | } |
| - | return; |
| - | } |
| - | }); |
| - | |
| - | // handle keyboard event with keyboard util |
| - | Foundation.Keyboard.handleKey(e, _this, { |
| - | open: function() { |
| - | $element.find('[role="tab"]').focus(); |
| - | _this._handleTabChange($element); |
| - | }, |
| - | previous: function() { |
| - | $prevElement.find('[role="tab"]').focus(); |
| - | _this._handleTabChange($prevElement); |
| - | }, |
| - | next: function() { |
| - | $nextElement.find('[role="tab"]').focus(); |
| - | _this._handleTabChange($nextElement); |
| - | } |
| - | }); |
| - | }); |
| - | }; |
| - | |
| - | |
| - | /** |
| - | * Opens the tab `$targetContent` defined by `$target`. |
| - | * @param {jQuery} $target - Tab to open. |
| - | * @fires Tabs#change |
| - | * @function |
| - | */ |
| - | Tabs.prototype._handleTabChange = function($target){ |
| - | var $tabLink = $target.find('[role="tab"]'), |
| - | hash = $tabLink.attr('href'), |
| - | $targetContent = $(hash), |
| - | |
| - | $oldTab = this.$element.find('.' + this.options.linkClass + '.is-active') |
| - | .removeClass('is-active').find('[role="tab"]') |
| - | .attr({'aria-selected': 'false'}).attr('href'); |
| - | |
| - | $($oldTab).removeClass('is-active').attr({'aria-hidden': 'true'}); |
| - | |
| - | $target.addClass('is-active'); |
| - | |
| - | $tabLink.attr({'aria-selected': 'true'}); |
| - | |
| - | $targetContent |
| - | .addClass('is-active') |
| - | .attr({'aria-hidden': 'false'}); |
| - | |
| - | /** |
| - | * Fires when the plugin has successfully changed tabs. |
| - | * @event Tabs#change |
| - | */ |
| - | this.$element.trigger('change.zf.tabs', [$target]); |
| - | // Foundation.reflow(this.$element, 'tabs'); |
| - | }; |
| - | |
| - | /** |
| - | * Public method for selecting a content pane to display. |
| - | * @param {jQuery | String} elem - jQuery object or string of the id of the pane to display. |
| - | * @function |
| - | */ |
| - | Tabs.prototype.selectTab = function(elem){ |
| - | var idStr; |
| - | if(typeof elem === 'object'){ |
| - | idStr = elem[0].id; |
| - | }else{ |
| - | idStr = elem; |
| - | } |
| - | |
| - | if(idStr.indexOf('#') < 0){ |
| - | idStr = '#' + idStr; |
| - | } |
| - | var $target = this.$tabTitles.find('[href="' + idStr + '"]').parent('.' + this.options.linkClass); |
| - | |
| - | this._handleTabChange($target); |
| - | }; |
| - | /** |
| - | * Sets the height of each panel to the height of the tallest panel. |
| - | * If enabled in options, gets called on media query change. |
| - | * If loading content via external source, can be called directly or with _reflow. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Tabs.prototype._setHeight = function(){ |
| - | var max = 0; |
| - | this.$tabContent.find('.' + this.options.panelClass) |
| - | .css('height', '') |
| - | .each(function(){ |
| - | var panel = $(this), |
| - | isActive = panel.hasClass('is-active'); |
| - | |
| - | if(!isActive){ |
| - | panel.css({'visibility': 'hidden', 'display': 'block'}); |
| - | } |
| - | var temp = this.getBoundingClientRect().height; |
| - | |
| - | if(!isActive){ |
| - | panel.css({'visibility': '', 'display': ''}); |
| - | } |
| - | |
| - | max = temp > max ? temp : max; |
| - | }) |
| - | .css('height', max + 'px'); |
| - | }; |
| - | |
| - | /** |
| - | * Destroys an instance of an tabs. |
| - | * @fires Tabs#destroyed |
| - | */ |
| - | Tabs.prototype.destroy = function() { |
| - | this.$element.find('.' + this.options.linkClass) |
| - | .off('.zf.tabs').hide().end() |
| - | .find('.' + this.options.panelClass) |
| - | .hide(); |
| - | if(this.options.matchHeight){ |
| - | $(window).off('changed.zf.mediaquery'); |
| - | } |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Tabs, 'Tabs'); |
| - | |
| - | function checkClass($elem){ |
| - | return $elem.hasClass('is-active'); |
| - | } |
| - | }(jQuery, window.Foundation); |
| - | |
| - | /** |
| - | * Toggler module. |
| - | * @module foundation.toggler |
| - | * @requires foundation.util.motion |
| - | */ |
| - | |
| - | !function(Foundation, $) { |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of Toggler. |
| - | * @class |
| - | * @fires Toggler#init |
| - | * @param {Object} element - jQuery object to add the trigger to. |
| - | * @param {Object} options - Overrides to the default plugin settings. |
| - | */ |
| - | function Toggler(element, options) { |
| - | this.$element = element; |
| - | this.options = $.extend({}, Toggler.defaults, element.data(), options); |
| - | this.className = ''; |
| - | |
| - | this._init(); |
| - | this._events(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | Toggler.defaults = { |
| - | /** |
| - | * Tells the plugin if the element should animated when toggled. |
| - | * @option |
| - | * @example false |
| - | */ |
| - | animate: false |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the Toggler plugin by parsing the toggle class from data-toggler, or animation classes from data-animate. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Toggler.prototype._init = function() { |
| - | var input; |
| - | // Parse animation classes if they were set |
| - | if (this.options.animate) { |
| - | input = this.options.animate.split(' '); |
| - | |
| - | this.animationIn = input[0]; |
| - | this.animationOut = input[1] || null; |
| - | } |
| - | // Otherwise, parse toggle class |
| - | else { |
| - | input = this.$element.data('toggler'); |
| - | |
| - | // Allow for a . at the beginning of the string |
| - | if (input[0] === '.') { |
| - | this.className = input.slice(1); |
| - | } |
| - | else { |
| - | this.className = input; |
| - | } |
| - | } |
| - | |
| - | // Add ARIA attributes to triggers |
| - | var id = this.$element[0].id; |
| - | $('[data-open="'+id+'"], [data-close="'+id+'"], [data-toggle="'+id+'"]') |
| - | .attr('aria-controls', id); |
| - | |
| - | // If the target is hidden, add aria-hidden |
| - | if (this.$element.is(':hidden')) { |
| - | this.$element.attr('aria-expanded', 'false'); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Initializes events for the toggle trigger. |
| - | * @function |
| - | * @private |
| - | */ |
| - | Toggler.prototype._events = function() { |
| - | var _this = this; |
| - | |
| - | this.$element.on('toggle.zf.trigger', function() { |
| - | _this.toggle(); |
| - | return false; |
| - | }); |
| - | }; |
| - | |
| - | /** |
| - | * Toggles the target class on the target element. An event is fired from the original trigger depending on if the resultant state was "on" or "off". |
| - | * @function |
| - | * @fires Toggler#on |
| - | * @fires Toggler#off |
| - | */ |
| - | Toggler.prototype.toggle = function() { |
| - | if (!this.options.animate) { |
| - | this._toggleClass(); |
| - | } |
| - | else { |
| - | this._toggleAnimate(); |
| - | } |
| - | }; |
| - | |
| - | Toggler.prototype._toggleClass = function() { |
| - | var _this = this; |
| - | this.$element.toggleClass(this.className); |
| - | |
| - | if (this.$element.hasClass(this.className)) { |
| - | /** |
| - | * Fires if the target element has the class after a toggle. |
| - | * @event Toggler#on |
| - | */ |
| - | this.$element.trigger('on.zf.toggler'); |
| - | } |
| - | else { |
| - | /** |
| - | * Fires if the target element does not have the class after a toggle. |
| - | * @event Toggler#off |
| - | */ |
| - | this.$element.trigger('off.zf.toggler'); |
| - | } |
| - | |
| - | _this._updateARIA(); |
| - | }; |
| - | |
| - | Toggler.prototype._toggleAnimate = function() { |
| - | var _this = this; |
| - | |
| - | if (this.$element.is(':hidden')) { |
| - | Foundation.Motion.animateIn(this.$element, this.animationIn, function() { |
| - | this.trigger('on.zf.toggler'); |
| - | _this._updateARIA(); |
| - | }); |
| - | } |
| - | else { |
| - | Foundation.Motion.animateOut(this.$element, this.animationOut, function() { |
| - | this.trigger('off.zf.toggler'); |
| - | _this._updateARIA(); |
| - | }); |
| - | } |
| - | }; |
| - | |
| - | Toggler.prototype._updateARIA = function() { |
| - | if (this.$element.is(':hidden')) { |
| - | this.$element.attr('aria-expanded', 'false'); |
| - | } |
| - | else { |
| - | this.$element.attr('aria-expanded', 'true'); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * Destroys the instance of Toggler on the element. |
| - | * @function |
| - | */ |
| - | Toggler.prototype.destroy= function() { |
| - | this.$element.off('.zf.toggler'); |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | |
| - | Foundation.plugin(Toggler, 'Toggler'); |
| - | |
| - | // Exports for AMD/Browserify |
| - | if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') |
| - | module.exports = Toggler; |
| - | if (typeof define === 'function') |
| - | define(['foundation'], function() { |
| - | return Toggler; |
| - | }); |
| - | |
| - | }(Foundation, jQuery); |
| - | |
| - | /** |
| - | * Tooltip module. |
| - | * @module foundation.tooltip |
| - | * @requires foundation.util.box |
| - | * @requires foundation.util.triggers |
| - | */ |
| - | !function($, document, Foundation){ |
| - | 'use strict'; |
| - | |
| - | /** |
| - | * Creates a new instance of a Tooltip. |
| - | * @class |
| - | * @fires Tooltip#init |
| - | * @param {jQuery} element - jQuery object to attach a tooltip to. |
| - | * @param {Object} options - object to extend the default configuration. |
| - | */ |
| - | function Tooltip(element, options){ |
| - | this.$element = element; |
| - | this.options = $.extend({}, Tooltip.defaults, this.$element.data(), options); |
| - | |
| - | this.isActive = false; |
| - | this.isClick = false; |
| - | this._init(); |
| - | |
| - | Foundation.registerPlugin(this); |
| - | } |
| - | |
| - | Tooltip.defaults = { |
| - | disableForTouch: false, |
| - | /** |
| - | * Time, in ms, before a tooltip should open on hover. |
| - | * @option |
| - | * @example 200 |
| - | */ |
| - | hoverDelay: 200, |
| - | /** |
| - | * Time, in ms, a tooltip should take to fade into view. |
| - | * @option |
| - | * @example 150 |
| - | */ |
| - | fadeInDuration: 150, |
| - | /** |
| - | * Time, in ms, a tooltip should take to fade out of view. |
| - | * @option |
| - | * @example 150 |
| - | */ |
| - | fadeOutDuration: 150, |
| - | /** |
| - | * Disables hover events from opening the tooltip if set to true |
| - | * @option |
| - | * @example false |
| - | */ |
| - | disableHover: false, |
| - | /** |
| - | * Optional addtional classes to apply to the tooltip template on init. |
| - | * @option |
| - | * @example 'my-cool-tip-class' |
| - | */ |
| - | templateClasses: '', |
| - | /** |
| - | * Non-optional class added to tooltip templates. Foundation default is 'tooltip'. |
| - | * @option |
| - | * @example 'tooltip' |
| - | */ |
| - | tooltipClass: 'tooltip', |
| - | /** |
| - | * Class applied to the tooltip anchor element. |
| - | * @option |
| - | * @example 'has-tip' |
| - | */ |
| - | triggerClass: 'has-tip', |
| - | /** |
| - | * Minimum breakpoint size at which to open the tooltip. |
| - | * @option |
| - | * @example 'small' |
| - | */ |
| - | showOn: 'small', |
| - | /** |
| - | * Custom template to be used to generate markup for tooltip. |
| - | * @option |
| - | * @example '<div class="tooltip"></div>' |
| - | */ |
| - | template: '', |
| - | /** |
| - | * Text displayed in the tooltip template on open. |
| - | * @option |
| - | * @example 'Some cool space fact here.' |
| - | */ |
| - | tipText: '', |
| - | touchCloseText: 'Tap to close.', |
| - | /** |
| - | * Allows the tooltip to remain open if triggered with a click or touch event. |
| - | * @option |
| - | * @example true |
| - | */ |
| - | clickOpen: true, |
| - | /** |
| - | * Additional positioning classes, set by the JS |
| - | * @option |
| - | * @example 'top' |
| - | */ |
| - | positionClass: '', |
| - | /** |
| - | * Distance, in pixels, the template should push away from the anchor on the Y axis. |
| - | * @option |
| - | * @example 10 |
| - | */ |
| - | vOffset: 10, |
| - | /** |
| - | * Distance, in pixels, the template should push away from the anchor on the X axis, if aligned to a side. |
| - | * @option |
| - | * @example 12 |
| - | */ |
| - | hOffset: 12 |
| - | }; |
| - | |
| - | /** |
| - | * Initializes the tooltip by setting the creating the tip element, adding it's text, setting private variables and setting attributes on the anchor. |
| - | * @private |
| - | */ |
| - | Tooltip.prototype._init = function(){ |
| - | var elemId = this.$element.attr('aria-describedby') || Foundation.GetYoDigits(6, 'tooltip'); |
| - | |
| - | this.options.positionClass = this._getPositionClass(this.$element); |
| - | this.options.tipText = this.options.tipText || this.$element.attr('title'); |
| - | this.template = this.options.template ? $(this.options.template) : this._buildTemplate(elemId); |
| - | |
| - | this.template.appendTo(document.body) |
| - | .text(this.options.tipText) |
| - | .hide(); |
| - | |
| - | this.$element.attr({ |
| - | 'title': '', |
| - | 'aria-describedby': elemId, |
| - | 'data-yeti-box': elemId, |
| - | 'data-toggle': elemId, |
| - | 'data-resize': elemId |
| - | }).addClass(this.triggerClass); |
| - | |
| - | //helper variables to track movement on collisions |
| - | this.usedPositions = []; |
| - | this.counter = 4; |
| - | this.classChanged = false; |
| - | |
| - | this._events(); |
| - | }; |
| - | |
| - | /** |
| - | * Grabs the current positioning class, if present, and returns the value or an empty string. |
| - | * @private |
| - | */ |
| - | Tooltip.prototype._getPositionClass = function(element){ |
| - | if(!element){ return ''; } |
| - | // var position = element.attr('class').match(/top|left|right/g); |
| - | var position = element[0].className.match(/(top|left|right)/g); |
| - | position = position ? position[0] : ''; |
| - | return position; |
| - | }; |
| - | /** |
| - | * builds the tooltip element, adds attributes, and returns the template. |
| - | * @private |
| - | */ |
| - | Tooltip.prototype._buildTemplate = function(id){ |
| - | var templateClasses = (this.options.tooltipClass + ' ' + this.options.positionClass).trim(); |
| - | var $template = $('<div></div>').addClass(templateClasses).attr({ |
| - | 'role': 'tooltip', |
| - | 'aria-hidden': true, |
| - | 'data-is-active': false, |
| - | 'data-is-focus': false, |
| - | 'id': id |
| - | }); |
| - | return $template; |
| - | }; |
| - | |
| - | /** |
| - | * Function that gets called if a collision event is detected. |
| - | * @param {String} position - positioning class to try |
| - | * @private |
| - | */ |
| - | Tooltip.prototype._reposition = function(position){ |
| - | this.usedPositions.push(position ? position : 'bottom'); |
| - | |
| - | //default, try switching to opposite side |
| - | if(!position && (this.usedPositions.indexOf('top') < 0)){ |
| - | this.template.addClass('top'); |
| - | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') < 0)){ |
| - | this.template.removeClass(position); |
| - | }else if(position === 'left' && (this.usedPositions.indexOf('right') < 0)){ |
| - | this.template.removeClass(position) |
| - | .addClass('right'); |
| - | }else if(position === 'right' && (this.usedPositions.indexOf('left') < 0)){ |
| - | this.template.removeClass(position) |
| - | .addClass('left'); |
| - | } |
| - | |
| - | //if default change didn't work, try bottom or left first |
| - | else if(!position && (this.usedPositions.indexOf('top') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| - | this.template.addClass('left'); |
| - | }else if(position === 'top' && (this.usedPositions.indexOf('bottom') > -1) && (this.usedPositions.indexOf('left') < 0)){ |
| - | this.template.removeClass(position) |
| - | .addClass('left'); |
| - | }else if(position === 'left' && (this.usedPositions.indexOf('right') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| - | this.template.removeClass(position); |
| - | }else if(position === 'right' && (this.usedPositions.indexOf('left') > -1) && (this.usedPositions.indexOf('bottom') < 0)){ |
| - | this.template.removeClass(position); |
| - | } |
| - | //if nothing cleared, set to bottom |
| - | else{ |
| - | this.template.removeClass(position); |
| - | } |
| - | this.classChanged = true; |
| - | this.counter--; |
| - | |
| - | }; |
| - | |
| - | /** |
| - | * sets the position class of an element and recursively calls itself until there are no more possible positions to attempt, or the tooltip element is no longer colliding. |
| - | * if the tooltip is larger than the screen width, default to full width - any user selected margin |
| - | * @private |
| - | */ |
| - | Tooltip.prototype._setPosition = function(){ |
| - | var position = this._getPositionClass(this.template), |
| - | $tipDims = Foundation.Box.GetDimensions(this.template), |
| - | $anchorDims = Foundation.Box.GetDimensions(this.$element), |
| - | direction = (position === 'left' ? 'left' : ((position === 'right') ? 'left' : 'top')), |
| - | param = (direction === 'top') ? 'height' : 'width', |
| - | offset = (param === 'height') ? this.options.vOffset : this.options.hOffset, |
| - | _this = this; |
| - | |
| - | if(($tipDims.width >= $tipDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.template))){ |
| - | this.template.offset(Foundation.Box.GetOffsets(this.template, this.$element, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({ |
| - | // this.$element.offset(Foundation.GetOffsets(this.template, this.$element, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({ |
| - | 'width': $anchorDims.windowDims.width - (this.options.hOffset * 2), |
| - | 'height': 'auto' |
| - | }); |
| - | return false; |
| - | } |
| - | |
| - | this.template.offset(Foundation.Box.GetOffsets(this.template, this.$element,'center ' + (position || 'bottom'), this.options.vOffset, this.options.hOffset)); |
| - | |
| - | while(!Foundation.Box.ImNotTouchingYou(this.template) && this.counter){ |
| - | this._reposition(position); |
| - | this._setPosition(); |
| - | } |
| - | }; |
| - | |
| - | /** |
| - | * reveals the tooltip, and fires an event to close any other open tooltips on the page |
| - | * @fires Closeme#tooltip |
| - | * @fires Tooltip#show |
| - | * @function |
| - | */ |
| - | Tooltip.prototype.show = function(){ |
| - | if(this.options.showOn !== 'all' && !Foundation.MediaQuery.atLeast(this.options.showOn)){ |
| - | // console.error('The screen is too small to display this tooltip'); |
| - | return false; |
| - | } |
| - | |
| - | var _this = this; |
| - | this.template.css('visibility', 'hidden').show(); |
| - | this._setPosition(); |
| - | |
| - | /** |
| - | * Fires to close all other open tooltips on the page |
| - | * @event Closeme#tooltip |
| - | */ |
| - | this.$element.trigger('closeme.zf.tooltip', this.template.attr('id')); |
| - | |
| - | |
| - | this.template.attr({ |
| - | 'data-is-active': true, |
| - | 'aria-hidden': false |
| - | }); |
| - | _this.isActive = true; |
| - | // console.log(this.template); |
| - | this.template.stop().hide().css('visibility', '').fadeIn(this.options.fadeInDuration, function(){ |
| - | //maybe do stuff? |
| - | }); |
| - | /** |
| - | * Fires when the tooltip is shown |
| - | * @event Tooltip#show |
| - | */ |
| - | this.$element.trigger('show.zf.tooltip'); |
| - | }; |
| - | |
| - | /** |
| - | * Hides the current tooltip, and resets the positioning class if it was changed due to collision |
| - | * @fires Tooltip#hide |
| - | * @function |
| - | */ |
| - | Tooltip.prototype.hide = function(){ |
| - | // console.log('hiding', this.$element.data('yeti-box')); |
| - | var _this = this; |
| - | this.template.stop().attr({ |
| - | 'aria-hidden': true, |
| - | 'data-is-active': false |
| - | }).fadeOut(this.options.fadeOutDuration, function(){ |
| - | _this.isActive = false; |
| - | _this.isClick = false; |
| - | if(_this.classChanged){ |
| - | _this.template |
| - | .removeClass(_this._getPositionClass(_this.template)) |
| - | .addClass(_this.options.positionClass); |
| - | |
| - | _this.usedPositions = []; |
| - | _this.counter = 4; |
| - | _this.classChanged = false; |
| - | } |
| - | }); |
| - | /** |
| - | * fires when the tooltip is hidden |
| - | * @event Tooltip#hide |
| - | */ |
| - | this.$element.trigger('hide.zf.tooltip'); |
| - | }; |
| - | |
| - | /** |
| - | * adds event listeners for the tooltip and its anchor |
| - | * TODO combine some of the listeners like focus and mouseenter, etc. |
| - | * @private |
| - | */ |
| - | Tooltip.prototype._events = function(){ |
| - | var _this = this; |
| - | var $template = this.template; |
| - | var isFocus = false; |
| - | |
| - | if(!this.options.disableHover){ |
| - | |
| - | this.$element |
| - | .on('mouseenter.zf.tooltip', function(e){ |
| - | if(!_this.isActive){ |
| - | _this.timeout = setTimeout(function(){ |
| - | _this.show(); |
| - | }, _this.options.hoverDelay); |
| - | } |
| - | }) |
| - | .on('mouseleave.zf.tooltip', function(e){ |
| - | clearTimeout(_this.timeout); |
| - | if(!isFocus || (!_this.isClick && _this.options.clickOpen)){ |
| - | _this.hide(); |
| - | } |
| - | }); |
| - | } |
| - | if(this.options.clickOpen){ |
| - | this.$element.on('mousedown.zf.tooltip', function(e){ |
| - | e.stopImmediatePropagation(); |
| - | if(_this.isClick){ |
| - | _this.hide(); |
| - | // _this.isClick = false; |
| - | }else{ |
| - | _this.isClick = true; |
| - | if((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive){ |
| - | _this.show(); |
| - | } |
| - | } |
| - | }); |
| - | } |
| - | |
| - | if(!this.options.disableForTouch){ |
| - | this.$element |
| - | .on('tap.zf.tooltip touchend.zf.tooltip', function(e){ |
| - | _this.isActive ? _this.hide() : _this.show(); |
| - | }); |
| - | } |
| - | |
| - | this.$element.on({ |
| - | // 'toggle.zf.trigger': this.toggle.bind(this), |
| - | // 'close.zf.trigger': this.hide.bind(this) |
| - | 'close.zf.trigger': this.hide.bind(this) |
| - | }); |
| - | |
| - | this.$element |
| - | .on('focus.zf.tooltip', function(e){ |
| - | isFocus = true; |
| - | console.log(_this.isClick); |
| - | if(_this.isClick){ |
| - | return false; |
| - | }else{ |
| - | // $(window) |
| - | _this.show(); |
| - | } |
| - | }) |
| - | |
| - | .on('focusout.zf.tooltip', function(e){ |
| - | isFocus = false; |
| - | _this.isClick = false; |
| - | _this.hide(); |
| - | }) |
| - | |
| - | .on('resizeme.zf.trigger', function(){ |
| - | if(_this.isActive){ |
| - | _this._setPosition(); |
| - | } |
| - | }); |
| - | }; |
| - | /** |
| - | * adds a toggle method, in addition to the static show() & hide() functions |
| - | * @function |
| - | */ |
| - | Tooltip.prototype.toggle = function(){ |
| - | if(this.isActive){ |
| - | this.hide(); |
| - | }else{ |
| - | this.show(); |
| - | } |
| - | }; |
| - | /** |
| - | * Destroys an instance of tooltip, removes template element from the view. |
| - | * @function |
| - | */ |
| - | Tooltip.prototype.destroy = function(){ |
| - | this.$element.attr('title', this.template.text()) |
| - | .off('.zf.trigger .zf.tootip') |
| - | // .removeClass('has-tip') |
| - | .removeAttr('aria-describedby') |
| - | .removeAttr('data-yeti-box') |
| - | .removeAttr('data-toggle') |
| - | .removeAttr('data-resize'); |
| - | |
| - | this.template.remove(); |
| - | |
| - | Foundation.unregisterPlugin(this); |
| - | }; |
| - | /** |
| - | * TODO utilize resize event trigger |
| - | */ |
| - | |
| - | Foundation.plugin(Tooltip, 'Tooltip'); |
| - | }(jQuery, window.document, window.Foundation); |
generators/foundation6/public/javascripts/vendor/foundation.min.js
+0
-3
| @@ | @@ -1,3 +0,0 @@ |
| - | !function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var n="6.0.3",s={version:n,_plugins:{},_uuids:[],_activePlugins:{},rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t,n){var s=n||e(t),o=i(s);this._plugins[o]=this[s]=t},registerPlugin:function(t){var i=e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,i),t.$element.attr("data-"+i,t.uuid).trigger("init.zf."+i),this._activePlugins[t.uuid]=t},unregisterPlugin:function(t){var i=e(t.constructor).toLowerCase();delete this._activePlugins[t.uuid],t.$element.removeAttr("data-"+i).trigger("destroyed.zf."+i)},_reflow:function(t){var e=Object.keys(this._activePlugins),i=this;if(t){if("string"==typeof t){var n=t.split("-")[1];n?this._activePlugins[t]._init():(n=new RegExp(t,"i"),e.filter(function(t){return n.test(t)}).forEach(function(t){i._activePlugins[t]._init()}))}}else e.forEach(function(t){i._activePlugins[t]._init()})},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,i){"undefined"==typeof i?i=Object.keys(this._plugins):"string"==typeof i&&(i=[i]);var n=this;t.each(i,function(i,s){var o=n._plugins[s],a=t(e).find("[data-"+s+"]").addBack("*");a.each(function(){return t(this).attr("zf-plugin")?void console.warn("Tried to initialize "+s+" on an element that already has a Foundation plugin."):void t(this).data("zf-plugin",new o(t(this)))})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};s.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var o=function(i){var n=typeof i,o=t("meta.foundation-mq"),a=t(".no-js");if(o.length||t('<meta class="foundation-mq">').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)s.MediaQuery._init(),s.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, '"+n+"' is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=s,t.fn.foundation=o,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var i=t[e];window.requestAnimationFrame=window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var n=0;window.requestAnimationFrame=function(t){var e=Date.now(),i=Math.max(n+16,e);return setTimeout(function(){t(n=i)},i-e)},window.cancelAnimationFrame=clearTimeout}window.performance&&window.performance.now||(window.performance={start:Date.now(),now:function(){return Date.now()-this.start}})}(),Function.prototype.bind||(Function.prototype.bind=function(t){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var e=Array.prototype.slice.call(arguments,1),i=this,n=function(){},s=function(){return i.apply(this instanceof n?this:t,e.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(n.prototype=this.prototype),s.prototype=new n,s})}(jQuery),!function(t,e){var i=function(t,e,i,s){var o,a,r,l,d=n(t);if(e){var h=n(e);a=d.offset.top+d.height<=h.height+h.offset.top,o=d.offset.top>=h.offset.top,r=d.offset.left>=h.offset.left,l=d.offset.left+d.width<=h.width}else a=d.offset.top+d.height<=d.windowDims.height+d.windowDims.offset.top,o=d.offset.top>=d.windowDims.offset.top,r=d.offset.left>=d.windowDims.offset.left,l=d.offset.left+d.width<=d.windowDims.width;var u=[a,o,r,l];return i?r===l==!0:s?o===a==!0:-1===u.indexOf(!1)},n=function(t,i){if(t=t.length?t[0]:t,t===e||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var n=t.getBoundingClientRect(),s=t.parentNode.getBoundingClientRect(),o=document.body.getBoundingClientRect(),a=e.pageYOffset,r=e.pageXOffset;return{width:n.width,height:n.height,offset:{top:n.top+a,left:n.left+r},parentDims:{width:s.width,height:s.height,offset:{top:s.top+a,left:s.left+r}},windowDims:{width:o.width,height:o.height,offset:{top:a,left:r}}}},s=function(t,e,i,s,o,a){var r=n(t),l=e?n(e):null;switch(i){case"top":return{left:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};default:return{left:l.offset.left,top:l.offset.top+l.height+s}}};t.Box={ImNotTouchingYou:i,GetDimensions:n,GetOffsets:s}}(window.Foundation,window),!function(t,e){"use strict";e.Keyboard={};var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n=function(t){var e={};for(var i in t)e[t[i]]=t[i];return e}(i);e.Keyboard.keys=n;var s=function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e};e.Keyboard.parseKey=s;var o={},a=function(i,n,a){var r,l,d,h=o[e.getFnName(n)],u=s(i);return h?(r="undefined"==typeof h.ltr?h:e.rtl()?t.extend({},h.ltr,h.rtl):t.extend({},h.rtl,h.ltr),l=r[u],d=a[l],void(d&&"function"==typeof d?(d.apply(n),(a.handled||"function"==typeof a.handled)&&a.handled.apply(n)):(a.unhandled||"function"==typeof a.unhandled)&&a.unhandled.apply(n))):console.warn("Component not defined!")};e.Keyboard.handleKey=a;var r=function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!t(this).is(":visible")||t(this).attr("tabindex")<0?!1:!0})};e.Keyboard.findFocusable=r;var l=function(t,e){o[t]=e};e.Keyboard.register=l}(jQuery,window.Foundation),!function(t,e){function i(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var n={queries:[],current:"",atLeast:function(t){var e=this.get(t);return e?window.matchMedia(e).matches:!1},get:function(t){for(var e in this.queries){var i=this.queries[e];if(t===i.name)return i.value}return null},_init:function(){var e,n=this,s=t(".foundation-mq").css("font-family");e=i(s);for(var o in e)n.queries.push({name:o,value:"only screen and (min-width: "+e[o]+")"});this.current=this._getCurrentSize(),this._watcher()},_getCurrentSize:function(){var t;for(var e in this.queries){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize();i!==e.current&&(t(window).trigger("changed.zf.mediaquery",[i,e.current]),e.current=i)})}};e.MediaQuery=n,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}())}(jQuery,Foundation),!function(t,e){function i(i,o,a,r){function l(){i||o.hide(),d(),r&&r.apply(o)}function d(){o[0].style.transitionDuration=0,o.removeClass(h+" "+u+" "+a)}if(o=t(o).eq(0),o.length){var h=i?n[0]:n[1],u=i?s[0]:s[1];d(),o.addClass(a).css("transition","none"),requestAnimationFrame(function(){o.addClass(h),i&&o.show()}),requestAnimationFrame(function(){o[0].offsetWidth,o.css("transition",""),o.addClass(u)}),o.one(e.transitionend(o),l)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}},a=function(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),t>o?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)};e.Move=a,e.Motion=o}(jQuery,Foundation),!function(t,e){"use strict";e.Nest={Feather:function(e,i){e.attr("role","menubar"),i=i||"zf";var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass("has-submenu "+a),i.addClass("submenu "+s).attr("data-submenu","")),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find("*").removeClass(i+" "+n+" "+s+" has-submenu is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}}}(jQuery,window.Foundation),!function(t,e){"use strict";var i=function(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){clearTimeout(s),l=0>=l?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}},n=function(e,i){var n=e.length;0===n&&i();var s=function(){n--,0===n&&i()};e.each(function(){this.complete?s():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?s():t(this).one("load",function(){s()})})};e.Timer=i,e.onImagesLoaded=n}(jQuery,window.Foundation),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),d=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),d){var n,s=i.touches[0].pageX,h=i.touches[0].pageY,u=o-s,c=a-h;l=(new Date).getTime()-r,Math.abs(u)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold?n=u>0?"left":"right":Math.abs(c)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=c>0?"down":"up"),n&&(e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,d=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!0,moveThreshold:75,timeThreshold:200};var o,a,r,l,d=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e=t.changedTouches,i=e[0],n={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},s=n[t.type],o=document.createEvent("MouseEvent");o.initMouseEvent(s,!0,!0,window,1,i.screenX,i.screenY,i.clientX,i.clientY,!1,!1,!1,!1,0,null),i.target.dispatchEvent(o)}}}(jQuery),!function(t,e){"use strict";e(document).on("click.zf.trigger","[data-open]",function(){var t=e(this).data("open");e("#"+t).triggerHandler("open.zf.trigger",[e(this)])}),e(document).on("click.zf.trigger","[data-close]",function(){var t=e(this).data("close");t?e("#"+t).triggerHandler("close.zf.trigger",[e(this)]):e(this).trigger("close.zf.trigger")}),e(document).on("click.zf.trigger","[data-toggle]",function(){var t=e(this).data("toggle");e("#"+t).triggerHandler("toggle.zf.trigger",[e(this)])}),e(document).on("close.zf.trigger","[data-closable]",function(){var i=e(this).data("closable")||"fade-out";t.Motion?t.Motion.animateOut(e(this),i,function(){e(this).trigger("closed.zf")}):e(this).fadeOut().trigger("closed.zf")});var i=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;e<t.length;e++)if(t[e]+"MutationObserver"in window)return window[t[e]+"MutationObserver"];return!1}(),n=function(){r(),o(),a(),s()};e(window).load(function(){n()});var s=function(t){var i=e("[data-yeti-box]"),n=["dropdown","tooltip","reveal"];if(t&&("string"==typeof t?n.push(t):"object"==typeof t&&"string"==typeof t[0]?n.concat(t):console.error("Plugin names must be strings")),i.length){var s=n.map(function(t){return"closeme.zf."+t}).join(" ");e(window).off(s).on(s,function(t,i){var n=t.namespace.split(".")[0],s=e("[data-"+n+"]").not('[data-yeti-box="'+i+'"]');s.each(function(){var t=e(this);t.triggerHandler("close.zf.trigger",[t])})})}},o=function(t){var n,s=e("[data-resize]");s.length&&e(window).off("resize.zf.trigger").on("resize.zf.trigger",function(o){n&&clearTimeout(n),n=setTimeout(function(){i||s.each(function(){e(this).triggerHandler("resizeme.zf.trigger")}),s.attr("data-events","resize")},t||10)})},a=function(t){var n,s=e("[data-scroll]");s.length&&e(window).off("scroll.zf.trigger").on("scroll.zf.trigger",function(o){n&&clearTimeout(n),n=setTimeout(function(){i||s.each(function(){e(this).triggerHandler("scrollme.zf.trigger")}),s.attr("data-events","scroll")},t||10)})},r=function(){if(!i)return!1;var t=document.querySelectorAll("[data-resize], [data-scroll], [data-mutate]"),n=function(t){var i=e(t[0].target);switch(i.attr("data-events")){case"resize":i.triggerHandler("resizeme.zf.trigger",[i]);break;case"scroll":i.triggerHandler("scrollme.zf.trigger",[i,window.pageYOffset]);break;default:return!1}};if(t.length)for(var s=0;s<=t.length-1;s++){var o=new i(n);o.observe(t[s],{attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["data-events"]})}};t.IHearYou=n}(window.Foundation,window.jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this.$window=e(window),this.name="Abide",this.attr="data-abide",this._init(),this._events(),t.registerPlugin(this)}i.defaults={validateOn:"fieldChange",labelErrorClass:"is-invalid-label",inputErrorClass:"is-invalid-input",formErrorSelector:".form-error",formErrorClass:"is-visible",patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(t,e,i){var n=document.getElementById(t.getAttribute(this.add_namespace("data-equalto"))).value,s=t.value,o=n===s;return o}}},i.prototype._init=function(){},i.prototype._events=function(){var t=this;this.$element.off(".abide").on("reset.fndtn.abide",function(i){t.resetForm(e(this))}).on("submit.fndtn.abide",function(e){e.preventDefault(),t.validateForm(t.$element)}).find("input, textarea, select").off(".abide").on("blur.fndtn.abide change.fndtn.abide",function(i){"fieldChange"===t.options.validateOn&&t.validateInput(e(i.target),t.$element)}).on("keydown.fndtn.abide",function(t){})},i.prototype._reflow=function(){},i.prototype.requiredCheck=function(t){switch(t[0].type){case"text":return t.attr("required")&&!t.val()?!1:!0;case"checkbox":return t.attr("required")&&!t.is(":checked")?!1:!0;case"radio":return t.attr("required")&&!t.is(":checked")?!1:!0;default:return!t.attr("required")||t.val()&&t.val().length&&!t.is(":empty")?!0:!1}},i.prototype.findLabel=function(t){return t.next("label").length?t.next("label"):t.closest("label")},i.prototype.addErrorClasses=function(t){var e=this,i=e.findLabel(t),n=t.next(e.options.formErrorSelector)||t.find(e.options.formErrorSelector);i&&i.addClass(e.options.labelErrorClass),n&&n.addClass(e.options.formErrorClass),t.addClass(e.options.inputErrorClass)},i.prototype.removeErrorClasses=function(t){var e=this,i=e.findLabel(t),n=t.next(e.options.formErrorSelector)||t.find(e.options.formErrorSelector);i&&i.hasClass(e.options.labelErrorClass)&&i.removeClass(e.options.labelErrorClass),n&&n.hasClass(e.options.formErrorClass)&&n.removeClass(e.options.formErrorClass),t.hasClass(e.options.inputErrorClass)&&t.removeClass(e.options.inputErrorClass)},i.prototype.validateInput=function(t,i){var n,s,o=this;i.find('input[type="text"]'),i.find('input[type="checkbox"]');"text"===t[0].type?o.requiredCheck(t)&&o.validateText(t)?(o.removeErrorClasses(t),t.trigger("valid.fndtn.abide",t[0])):(o.addErrorClasses(t),t.trigger("invalid.fndtn.abide",t[0])):"radio"===t[0].type?(s=t.attr("name"),n=t.siblings("label"),o.validateRadio(s)?(e(n).each(function(){e(this).hasClass(o.options.labelErrorClass)&&e(this).removeClass(o.options.labelErrorClass)}),t.trigger("valid.fndtn.abide",t[0])):(e(n).each(function(){e(this).addClass(o.options.labelErrorClass)}),t.trigger("invalid.fndtn.abide",t[0]))):"checkbox"===t[0].type?o.requiredCheck(t)?(o.removeErrorClasses(t),t.trigger("valid.fndtn.abide",t[0])):(o.addErrorClasses(t),t.trigger("invalid.fndtn.abide",t[0])):o.requiredCheck(t)&&o.validateText(t)?(o.removeErrorClasses(t),t.trigger("valid.fndtn.abide",t[0])):(o.addErrorClasses(t),t.trigger("invalid.fndtn.abide",t[0]))},i.prototype.validateForm=function(t){for(var i=this,n=t.find("input"),s=t.find("input").length,o=0;s>o;)i.validateInput(e(n[o]),t),o++;t.find(".form-error.is-visible").length||t.find(".is-invalid-label").length?t.find("[data-abide-error]").css("display","block"):t.find("[data-abide-error]").css("display","none")},i.prototype.validateText=function(t){var i=this.options.patterns,n=e(t).val(),s=e(t).attr("pattern");return 0===n.length?!0:n.match(i[s])?!0:!1},i.prototype.validateRadio=function(t){var i=this,n=(e(':radio[name="'+t+'"]').siblings("label"),0);return e(':radio[name="'+t+'"]').each(function(){i.requiredCheck(e(this))||n++,e(this).is(":checked")&&(n=0)}),n>0?!1:!0},i.prototype.matchValidation=function(t,e){},i.prototype.resetForm=function(t){var i=this,n="data-invalid";e("["+i.invalidAttr+"]",t).removeAttr(n),e("."+i.options.labelErrorClass,t).not("small").removeClass(i.options.labelErrorClass),e("."+i.options.inputErrorClass,t).not("small").removeClass(i.options.inputErrorClass),e(".form-error.is-visible").removeClass("is-visible"),t.find("[data-abide-error]").css("display","none"),e(":input",t).not(":button, :submit, :reset, :hidden, [data-abide-ignore]").val("").removeAttr(n)},i.prototype.destroy=function(){},t.plugin(i,"Abide"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}i.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},i.prototype._init=function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li"),this.$tabs.each(function(i,n){var s=t(n),o=s.find("[data-tab-content]"),a=o[0].id||e.GetYoDigits(6,"accordion"),r=n.id||a+"-label";s.find("a:first").attr({"aria-controls":a,role:"tab",id:r,"aria-expanded":!1,"aria-selected":!1}),o.attr({role:"tabpanel","aria-labelledby":r,"aria-hidden":!0,id:a})});var i=this.$element.find(".is-active").children("[data-tab-content]");i.length&&this.down(i,!0),this._events()},i.prototype._events=function(){var i=this;this.$tabs.each(function(){var n=t(this),s=n.children("[data-tab-content]");s.length&&n.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),n.hasClass("is-active")?(i.options.allowAllClosed||n.siblings().hasClass("is-active"))&&i.up(s):i.down(s)}).on("keydown.zf.accordion",function(t){e.Keyboard.handleKey(t,i,{toggle:function(){i.toggle(s)},next:function(){n.next().find("a").focus().trigger("click.zf.accordion")},previous:function(){n.prev().find("a").focus().trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})},i.prototype.toggle=function(t){if(t.parent().hasClass("is-active")){if(!this.options.allowAllClosed&&!t.parent().siblings().hasClass("is-active"))return;this.up(t)}else this.down(t)},i.prototype.down=function(i,n){var s=this;if(!this.options.multiExpand&&!n){var o=this.$element.find(".is-active").children("[data-tab-content]");o.length&&this.up(o)}i.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),e.Move(s.options.slideSpeed,i,function(){i.slideDown(s.options.slideSpeed)}),n||e._reflow(this.$element.attr("data-accordion")),t("#"+i.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0}),this.$element.trigger("down.zf.accordion",[i])},i.prototype.up=function(i){var n=i.parent().siblings(),s=this,o=this.options.multiExpand?n.hasClass("is-active"):i.parent().hasClass("is-active");(this.options.allowAllClosed||o)&&(e.Move(this.options.slideSpeed,i,function(){i.slideUp(s.options.slideSpeed)}),i.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+i.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}),this.$element.trigger("up.zf.accordion",[i]))},i.prototype.destroy=function(){this.$element.find("[data-tab-content]").slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),e.unregisterPlugin(this)},e.plugin(i,"Accordion")}(jQuery,window.Foundation),!function(t){"use strict";function e(i,n){this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll",TAB:"down",SHIFT_TAB:"up"})}e.defaults={slideSpeed:250,multiOpen:!0},e.prototype._init=function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"tablist","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".has-submenu"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,"aria-selected":!1,role:"tab",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"tabpanel",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()},e.prototype._events=function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionmenu").on("click.zf.accordionmenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)),s=a.eq(Math.min(e+1,a.length-1)),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child")),t(this).is(":first-child")?n=o.parents("li").first():n.children("[data-submenu]:visible").length&&(n=n.find("li:last-child")),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li")))):void 0}),Foundation.Keyboard.handleKey(i,e,{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().focus())},up:function(){n.focus()},down:function(){s.focus()},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(){i.preventDefault(),i.stopImmediatePropagation()}})})},e.prototype.hideAll=function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)},e.prototype.toggle=function(t){t.is(":hidden")?this.down(t):this.up(t)},e.prototype.down=function(t){var e=this;console.log(t),this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".has-submenu").attr({"aria-expanded":!0,"aria-selected":!0}),Foundation.Move(this.options.slideSpeed,t,function(){t.slideDown(e.options.slideSpeed)}),this.$element.trigger("down.zf.accordionMenu",[t])},e.prototype.up=function(t){var e=this;Foundation.Move(this.options.slideSpeed,t,function(){t.slideUp(e.options.slideSpeed)}),t.attr("aria-hidden",!0).find("[data-submenu]").slideUp(0).attr("aria-hidden",!0).end().parent(".has-submenu").attr({"aria-expanded":!1,"aria-selected":!1}),this.$element.trigger("up.zf.accordionMenu",[t])},e.prototype.destroy=function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)},Foundation.plugin(e,"AccordionMenu")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),e.Nest.Feather(this.$element,"drilldown"),this._init(),e.registerPlugin(this),e.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}i.defaults={backButton:'<li class="js-drilldown-back" tabindex="0"><a>Back</a></li>',wrapper:"<div></div>",closeOnClick:!1},i.prototype._init=function(){this.$submenuAnchors=this.$element.find("li.has-submenu"),this.$submenus=this.$submenuAnchors.children("[data-submenu]").addClass("is-drilldown-sub"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem"),this._prepareMenu(),this._keyboardEvents()},i.prototype._prepareMenu=function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this);i.find("a")[0].removeAttribute("href"),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||(i.prepend(e.options.backButton),e._back(i))}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown").css(this._getMaxDims()),this.$element.wrap(this.$wrapper))},i.prototype._events=function(e){var i=this;e.off("click.zf.drilldown").on("click.zf.drilldown",function(n){if(n.stopImmediatePropagation(),n.preventDefault(),n.target!==n.currentTarget.firstElementChild)return!1;if(i._show(e),i.options.closeOnClick){var s=t("body").not(i.$wrapper);s.off(".zf.drilldown").on("click.zf.drilldown",function(t){t.preventDefault(),i._hideAll(),s.off(".zf.drilldown")})}})},i.prototype._keyboardEvents=function(){var i=this;this.$menuItems.add(this.$element.find(".js-drilldown-back")).on("keydown.zf.drilldown",function(n){var s,o,a=t(this),r=a.parent("ul").children("li");r.each(function(e){return t(this).is(a)?(s=r.eq(Math.max(0,e-1)),void(o=r.eq(Math.min(e+1,r.length-1)))):void 0}),e.Keyboard.handleKey(n,i,{next:function(){a.is(i.$submenuAnchors)&&(i._show(a),a.on(e.transitionend(a),function(){a.find("ul li").filter(i.$menuItems).first().focus()}))},previous:function(){i._hide(a.parent("ul")),a.parent("ul").on(e.transitionend(a),function(){setTimeout(function(){a.parent("ul").parent("li").focus()},1)})},up:function(){s.focus()},down:function(){o.focus()},close:function(){i._back()},open:function(){a.is(i.$menuItems)?a.is(i.$submenuAnchors)&&(i._show(a),setTimeout(function(){a.find("ul li").filter(i.$menuItems).first().focus()},1)):(i._hide(a.parent("ul")),setTimeout(function(){a.parent("ul").parent("li").focus()},1))},handled:function(){n.preventDefault(),n.stopImmediatePropagation()}})})},i.prototype._hideAll=function(){var t=this.$element.find(".is-drilldown-sub.is-active").addClass("is-closing");t.one(e.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")},i.prototype._back=function(t){ |
| - | var e=this;t.off("click.zf.drilldown"),t.children(".js-drilldown-back").on("click.zf.drilldown",function(i){i.stopImmediatePropagation(),e._hide(t)})},i.prototype._menuLinkEvents=function(){var t=this;this.$menuItems.not(".has-submenu").off("click.zf.drilldown").on("click.zf.drilldown",function(e){setTimeout(function(){t._hideAll()},0)})},i.prototype._show=function(t){t.children("[data-submenu]").addClass("is-active"),this.$element.trigger("open.zf.drilldown",[t])},i.prototype._hide=function(t){t.addClass("is-closing").one(e.transitionend(t),function(){t.removeClass("is-active is-closing")}),t.trigger("hide.zf.drilldown",[t])},i.prototype._getMaxDims=function(){var e=0,i={};return this.$submenus.add(this.$element).each(function(){var i=t(this).children("li").length;e=i>e?i:e}),i.height=e*this.$menuItems[0].getBoundingClientRect().height+"px",i.width=this.$element[0].getBoundingClientRect().width+"px",i},i.prototype.destroy=function(){this._hideAll(),e.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back").remove().end().find(".is-active, .is-closing, .is-drilldown-sub").removeClass("is-active is-closing is-drilldown-sub").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role").off(".zf.drilldown").end().off("zf.drilldown"),e.unregisterPlugin(this)},e.plugin(i,"Drilldown")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}i.defaults={hoverDelay:250,hover:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1},i.prototype._init=function(){var i=this.$element.attr("id");this.$anchor=t('[data-toggle="'+i+'"]')||t('[data-open="'+i+'"]'),this.$anchor.attr({"aria-controls":i,"data-is-focus":!1,"data-yeti-box":i,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":i,"data-resize":i,"aria-labelledby":this.$anchor[0].id||e.GetYoDigits(6,"dd-anchor")}),this._events()},i.prototype.getPositionClass=function(){var t=this.$element[0].className.match(/(top|left|right)/g);return t=t?t[0]:""},i.prototype._reposition=function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--},i.prototype._setPosition=function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),i=e.Box.GetDimensions(this.$element),n=(e.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(i.width>=i.windowDims.width||!this.counter&&!e.Box.ImNotTouchingYou(this.$element))return this.$element.offset(e.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(e.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!e.Box.ImNotTouchingYou(this.$element)&&this.counter;)this._reposition(t),this._setPosition()},i.prototype._events=function(){var t=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&this.$anchor.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){console.log("hover"),clearTimeout(t.timeout),t.timeOut=setTimeout(function(){t.open(),t.$anchor.data("hover",!0)},t.options.hoverDelay)}).on("mouseleave.zf.dropdown",function(){clearTimeout(t.timeout),t.timeOut=setTimeout(function(){t.close(),t.$anchor.data("hover",!1)},t.options.hoverDelay)}),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=e.Keyboard.findFocusable(t.$element);e.Keyboard.handleKey(i,t,{tab_forward:function(){this.$element.find(":focus").is(n.eq(-1))&&(this.options.trapFocus?(n.eq(0).focus(),i.preventDefault()):this.close())},tab_backward:function(){(this.$element.find(":focus").is(n.eq(0))||this.$element.is(":focus"))&&(this.options.trapFocus?(n.eq(-1).focus(),i.preventDefault()):this.close())},open:function(){t.open(),t.$element.attr("tabindex",-1).focus()},close:function(){t.close(),t.$anchor.focus()}})})},i.prototype.open=function(){this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.$element.trigger("show.zf.dropdown",[this.$element])},i.prototype.close=function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])},i.prototype.toggle=function(){if(this.$element.hasClass("is-open")){if(this.$anchor.data("hover"))return;this.close()}else this.open()},i.prototype.destroy=function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),e.unregisterPlugin(this)},e.plugin(i,"Dropdown")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),t.Nest.Feather(this.$element,"dropdown"),this._init(),t.registerPlugin(this),t.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}i.defaults={clickOpen:!0,closeOnClick:!1,disableHover:!1,autoclose:!0,hoverDelay:150,closingTime:500,alignment:"left",verticalClass:"vertical",rightClass:"align-right"},i.prototype._init=function(){this.$element.hasClass(this.options.verticalClass)&&(this.vertical=!0),this._prepareMenu()},i.prototype._prepareMenu=function(){var t=this;this.$tabs=this.$element.children("li.has-submenu"),this.$tabs.children("[data-submenu]").addClass("first-sub"),this.$submenus=this.$element.find("li.has-submenu"),this.$menuItems=this.$element.find("li").attr({role:"menuitem",tabindex:0}),this.$menuItems.children("a").attr("tabindex",-1),this.$element.hasClass(this.options.rightClass)?(this.options.alignment="right",this.$submenus.addClass("is-left-arrow opens-left")):this.$submenus.addClass("is-right-arrow opens-right"),this.vertical||this.$tabs.removeClass("is-right-arrow is-left-arrow opens-left opens-right").addClass("is-down-arrow"),this.$tabs.each(function(){var t=e(this);t.attr({role:"menuitem",tabindex:0,"aria-label":t.children("a:first-child").text()}).children("a").attr("tabindex",-1),t.children("[data-submenu]")&&t.attr("aria-haspopup",!0)}),this.$submenus.each(function(){var i=e(this);i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:-1,role:"menu"}).addClass("vertical"),t._events(i)})},i.prototype._events=function(i){var n=this,s=void 0!==window.ontouchstart;(this.options.clickOpen||s)&&i.off("click.zf.dropdownmenu").on("click.zf.dropdownmenu",function(t){if(e(this).hasClass("is-dropdown-submenu-parent")){var o=i.data("isClick");s&&o||(t.preventDefault(),t.stopPropagation(),o?n._hide(i):(n._hideOthers(i),n._show(i),i.data("isClick",!0).parentsUntil("[data-dropdown-menu]",".is-dropdown-submenu-parent").data("isClick",!0),n.options.closeOnClick&&n._addBodyHandler()))}}),this.options.disableHover||(this.$menuItems.on("mouseenter.zf.dropdownmenu",function(t){var i=e(this);i.hasClass("is-active")||n._hideOthers(i)}),i.off("mouseenter.zf.dropdownmenu").on("mouseenter.zf.dropdownmenu",function(t){clearTimeout(i.closeTimer),i.hasClass("is-active")||(i.openTimer=setTimeout(function(){n._show(i)},n.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(t){!i.data("isClick")&&n.options.autoclose&&(clearTimeout(i.openTimer),i.closeTimer=setTimeout(function(){n._hide(i)},n.options.closingTime))})),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var s,o,a=e(this),r=n.$element.children("li"),l=a.is(r),d=l?r:a.parents("li").first().add(a.parent("ul").children("li"));d.each(function(t){return e(this).is(a)?(s=d.eq(t-1),void(o=d.eq(t+1))):void 0});var h=function(){a.is(":last-child")||o.focus()},u=function(){s.focus()},c=function(){a.has("ul").length&&(n._show(a),a.find("li").first().focus())},f=function(){a.parents("li").first().focus(),n._hide(a.parents("li").first())},p={open:c,close:function(){n._hideAll(),n.$menuItems.first().focus()},handled:function(){i.preventDefault(),i.stopImmediatePropagation()}};l?n.vertical?"left"===n.options.alignment?e.extend(p,{down:h,up:u,next:c,previous:f}):e.extend(p,{down:h,up:u,next:f,previous:c}):e.extend(p,{next:h,previous:u,down:c,up:f}):"left"===n.options.alignment?e.extend(p,{next:c,previous:f,down:h,up:u}):e.extend(p,{next:f,previous:c,down:h,up:u}),t.Keyboard.handleKey(i,n,p)})},i.prototype._toggle=function(t){t.hasClass("is-active")?this._hide(t):this._show(t)},i.prototype._addBodyHandler=function(){var t=e("body"),i=this;t.not(i.$element).on("click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu",function(e){i._hideAll(),t.off("click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu")})},i.prototype._show=function(e){this._hideOthers(e),e.focus();var i=e.children("[data-submenu]:first-of-type");e.addClass("is-active"),i.css("visibility","hidden").addClass("js-dropdown-active").attr("aria-hidden",!1);var n=t.Box.ImNotTouchingYou(i,null,!0);n||("left"===this.options.alignment?e.removeClass("opens-left").addClass("opens-right"):e.removeClass("opens-right").addClass("opens-left"),this.changed=!0,n=t.Box.ImNotTouchingYou(i,null,!0),n||(e.removeClass("opens-left opens-right").addClass("opens-inner"),this.changed=!0)),i.css("visibility",""),this.$element.trigger("show.zf.dropdownmenu",[e])},i.prototype._hide=function(t){this._hideSome(t)},i.prototype._hideSome=function(t){t.length&&(t.removeClass("is-active opens-inner").data("isClick",!1).find(".is-active").removeClass("is-active").data("isClick",!1).end().find(".js-dropdown-active").removeClass("js-dropdown-active").attr("aria-hidden",!0),t.parent(".has-submenu").removeClass("is-active"),this.changed&&("left"===this.options.alignment?t.find(".opens-left").removeClass("opens-left").addClass("opens-right"):t.find(".opens-right").removeClass("opens-right").addClass("opens-left")),this.$element.trigger("hide.zf.dropdownmenu"))},i.prototype._hideOthers=function(t){this._hideSome(t.siblings(".has-submenu.is-active"))},i.prototype._hideAll=function(){this._hideSome(this.$element)},i.prototype.destroy=function(){this._hideAll(),this.$element.removeData("zf-plugin").find("li").removeClass("js-dropdown-nohover is-right-arrow is-left-arrow opens-left opens-inner opens-right").add("a").off(".zf.dropdownmenu").end().find("ul").removeClass("first-sub"),t.Nest.Burn(this.$element,"dropdown"),t.unregisterPlugin(this)},t.plugin(i,"DropdownMenu")}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this.$window=e(window),this.name="equalizer",this.attr="data-equalizer",this._init(),this._events(),t.registerPlugin(this)}i.defaults={equalizeOnStack:!0,throttleInterval:50},i.prototype._init=function(){this._reflow()},i.prototype._events=function(){var e=this;this.$window.off(".equalizer").on("resize.fndtn.equalizer",t.util.throttle(function(){e._reflow()},e.options.throttleInterval))},i.prototype._killswitch=function(){},i.prototype._reflow=function(){var i=this;e("["+this.attr+"]").each(function(){var n=e(this),s=[],o=n.find("img");o.length?t.onImagesLoaded(o,function(){s=i.getHeights(n),i.applyHeight(n,s)}):(s=i.getHeights(n),i.applyHeight(n,s))})},i.prototype.getHeights=function(t){var i,n=t.data("equalizer"),s=n?t.find("["+this.attr+'-watch="'+n+'"]:visible'):t.find("["+this.attr+"-watch]:visible");return s.height("inherit"),i=s.map(function(){return e(this).outerHeight(!1)}).get(),console.log(i),i},i.prototype.applyHeight=function(t,i){var n=t.data("equalizer"),s=n?t.find("["+this.attr+'-watch="'+n+'"]:visible'):t.find("["+this.attr+"-watch]:visible"),o=Math.max.apply(null,i);t.trigger("preEqualized.zf.Equalizer");for(var a=0;a<s.length;a++)e(s[a]).css("height",o);t.trigger("postEqualized.zf.Equalizer")},i.prototype.destroy=function(){},t.plugin(i,"Equalizer"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,s),this.rules=[],this.currentPath="",this._init(),this._events(),t.registerPlugin(this)}i.defaults={rules:null},i.SPECIAL_QUERIES={landscape:"screen and (orientation: landscape)",portrait:"screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"},i.prototype._init=function(){this._addBreakpoints(),this._generateRules(),this._reflow()},i.prototype._events=function(){e(window).on("resize.fndtn.interchange",t.util.throttle(this._reflow.bind(this),50))},i.prototype._reflow=function(){var t;for(var e in this.rules){var i=this.rules[e];window.matchMedia(i.query).matches&&(t=i)}t&&this.replace(t.path)},i.prototype._addBreakpoints=function(){for(var e in t.MediaQuery.queries){var n=t.MediaQuery.queries[e];i.SPECIAL_QUERIES[n.name]=n.value}},i.prototype._generateRules=function(){var t,e=[];t=this.options.rules?this.options.rules:this.$element.data("interchange").match(/\[.*?\]/g);for(var n in t){var s=t[n].slice(1,-1).split(", "),o=s.slice(0,-1).join(""),a=s[s.length-1];i.SPECIAL_QUERIES[a]&&(a=i.SPECIAL_QUERIES[a]),e.push({path:o,query:a})}this.rules=e},i.prototype.replace=function(t){if(this.currentPath!==t){var i=this;"IMG"===this.$element[0].nodeName?this.$element.attr("src",t).load(function(){i.$element.trigger("replaced.zf.interchange"),i.currentPath=t}):t.match(/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i)?this.$element.css({"background-image":"url("+t+")"}):e.get(t,function(e){i.$element.html(e),i.$element.trigger("replaced.zf.interchange"),i.currentPath=t})}},i.prototype.destroy=function(){},t.plugin(i,"Interchange"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,s),this._init(),t.registerPlugin(this)}i.defaults={animationDuration:500,animationEasing:"linear",threshold:50,activeClass:"active",deepLinking:!1},i.prototype._init=function(){var i=this.$element[0].id||t.GetYoDigits(6,"magellan");this.$targets=e("[data-magellan-target]"),this.$links=this.$element.find("a"),this.$element.attr({"data-resize":i,"data-scroll":i,id:i}),this.$active=e(),this.scrollPos=parseInt(window.pageYOffset,10),this._events()},i.prototype.calcPoints=function(){var t=this,i=document.body,n=document.documentElement;this.points=[],this.winHeight=Math.round(Math.max(window.innerHeight,document.body.clientHeight)),this.docHeight=Math.round(Math.max(i.scrollHeight,i.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)),this.$targets.each(function(){var i=e(this),n=Math.round(i.offset().top-t.options.threshold);i.targetPoint=n,t.points.push(n)})},i.prototype._events=function(){var t=this,i=e("html, body"),n={duration:t.options.animationDuration,easing:t.options.animationEasing};e(window).one("load",function(){t.calcPoints(),t._updateActive()}),this.$element.on({"resizeme.zf.trigger":this.reflow.bind(this),"scrollme.zf.trigger":this._updateActive.bind(this)}).on("click.zf.magellan",'a[href^="#"]',function(s){s.preventDefault();var o=this.getAttribute("href"),a=e(o).offset().top-t.options.threshold/2;i.stop(!0).animate({scrollTop:a},n)})},i.prototype.reflow=function(){this.calcPoints(),this._updateActive()},i.prototype._updateActive=function(){var t,e=parseInt(window.pageYOffset,10);if(e+this.winHeight===this.docHeight)t=this.points.length-1;else if(e<this.points[0])t=0;else{var i=this.scrollPos<e,n=this,s=this.points.filter(function(t,s){return i?e>=t:t-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.eq(t).addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])},i.prototype.destroy=function(){this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass);var e=this.$active[0].getAttribute("href");window.location.hash.replace(e,""),t.unregisterPlugin(this)},t.plugin(i,"Magellan"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this.$lastTrigger=t(),this._init(),this._events(),e.registerPlugin(this)}i.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-"},i.prototype._init=function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration))},i.prototype._events=function(){if(this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.$exiter.length){this.$exiter.on({"click.zf.offcanvas":this.close.bind(this)})}},i.prototype._setMQChecker=function(){var i=this;t(window).on("changed.zf.mediaquery",function(){e.MediaQuery.atLeast(i.options.revealOn)?i.reveal(!0):i.reveal(!1)}).one("load.zf.offcanvas",function(){e.MediaQuery.atLeast(i.options.revealOn)&&i.reveal(!0)})},i.prototype.reveal=function(t){var e=this.$element.find("[data-close]");t?e.length&&e.hide():e.length&&e.show()},i.prototype.open=function(i,n){if(!this.$element.hasClass("is-open")){var s=this;t(document.body);t("body").scrollTop(0),e.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").addClass("is-off-canvas-open is-open-"+s.options.position),s.$element.addClass("is-open").attr("aria-hidden","false").trigger("opened.zf.offcanvas")}),n&&(this.$lastTrigger=n.attr("aria-expanded","true")),this.options.autoFocus&&this.$element.one("finished.zf.animate",function(){s.$element.find("a, button").eq(0).focus()})}},i.prototype.close=function(){if(this.$element.hasClass("is-open")){var i=this;e.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open")}),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.$lastTrigger.attr("aria-expanded","false")}},i.prototype.toggle=function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)},i.prototype._handleKeyboard=function(t){27===t.which&&(t.stopPropagation(),t.preventDefault(),this.close(),this.$lastTrigger.focus())},i.prototype.destroy=function(){},e.plugin(i,"OffCanvas")}(jQuery,Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}i.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous"},i.prototype._init=function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img"),i=this.$slides.filter(".is-active");i.length||this.$slides.eq(0).addClass("is-active"),t.length?e.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)},i.prototype._loadBullets=function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")},i.prototype.geoSync=function(){var t=this;this.timer=new e.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()},i.prototype._prepareForOrbit=function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})},i.prototype._setWrapperHeight=function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))},i.prototype._setSlideHeight=function(e){this.$slides.each(function(){t(this).css("max-height",e)})},i.prototype._events=function(){var i=this;if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),i.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),i.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){i.$element.data("clickedOn",i.$element.data("clickedOn")?!1:!0),i.timer[i.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){i.timer.pause()}).on("mouseleave.zf.orbit",function(){i.$element.data("clickedOn")||i.timer.start()})),this.options.navButtons){var n=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);n.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(){i.changeSlide(t(this).hasClass(i.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var e=t(this).data("slide"),n=e>i.$slides.filter(".is-active").data("slide"),s=i.$slides.eq(e);i.changeSlide(n,s,e)}),this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(n){e.Keyboard.handleKey(n,i,{next:function(){i.changeSlide(!0)},previous:function(){i.changeSlide(!1)},handled:function(){t(n.target).is(i.$bullets)&&i.$bullets.filter(".is-active").focus()}})})},i.prototype.changeSlide=function(t,i,n){var s=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(s[0].className))return!1;var o,a=this.$slides.first(),r=this.$slides.last(),l=t?"Right":"Left",d=t?"Left":"Right",h=this;o=i?i:t?this.options.infiniteWrap?s.next("."+this.options.slideClass).length?s.next("."+this.options.slideClass):a:s.next("."+this.options.slideClass):this.options.infiniteWrap?s.prev("."+this.options.slideClass).length?s.prev("."+this.options.slideClass):r:s.prev("."+this.options.slideClass),o.length&&(this.options.bullets&&(n=n||this.$slides.index(o),this._updateBullets(n)),e.Motion.animateIn(o.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+l],function(){o.css({position:"relative",display:"block"}).attr("aria-live","polite")}),e.Motion.animateOut(s.removeClass("is-active"),this.options["animOutTo"+d],function(){s.removeAttr("aria-live"),h.options.autoPlay&&h.timer.restart(),h.$element.trigger("slidechange.zf.orbit",[o])}))},i.prototype._updateBullets=function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)},i.prototype.destroy=function(){delete this.timer,this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),e.unregisterPlugin(this)},e.plugin(i,"Orbit")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(i){this.$element=e(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),t.registerPlugin(this)}var n={dropdown:{cssClass:"dropdown",plugin:t._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:t._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:t._plugins["accordion-menu"]||null}};i.defaults={},i.prototype._init=function(){for(var t={},i=this.rules.split(" "),s=0;s<i.length;s++){var o=i[s].split("-"),a=o.length>1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==n[r]&&(t[a]=n[r])}this.rules=t,e.isEmptyObject(t)||this._checkMediaQueries()},i.prototype._events=function(){var t=this;e(window).on("changed.zf.mediaquery",function(){t._checkMediaQueries()})},i.prototype._checkMediaQueries=function(){var i,s=this;e.each(this.rules,function(e){t.MediaQuery.atLeast(e)&&(i=e)}),i&&(this.currentPlugin instanceof this.rules[i].plugin||(e.each(n,function(t,e){s.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[i].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[i].plugin(this.$element,{})))},i.prototype.destroy=function(){this.currentPlugin.destroy(),e(window).off(".zf.ResponsiveMenu"),t.unregisterPlugin(this)},t.plugin(i,"ResponsiveMenu")}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=t(n),this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),this._events(),e.registerPlugin(this)}i.defaults={hideFor:"medium"},i.prototype._init=function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()},i.prototype._events=function(){t(window).on("changed.zf.mediaquery",this._update.bind(this)),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))},i.prototype._update=function(){e.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())},i.prototype.toggleMenu=function(){e.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))},i.prototype.destroy=function(){},e.plugin(i,"ResponsiveToggle")}(jQuery,Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this._init(),t.registerPlugin(this),t.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}i.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:100,hOffset:0,fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1},i.prototype._init=function(){if(this.id=this.$element.attr("id"),this.isActive=!1,this.$anchor=e(e('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.length){var i=this.$anchor[0].id||t.GetYoDigits(6,"reveal");this.$anchor.attr({"aria-controls":this.id,id:i,"aria-haspopup":!0,tabindex:0}),this.$element.attr({"aria-labelledby":i})}(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this._events()},i.prototype._makeOverlay=function(t){var i=e("<div></div>").addClass("reveal-overlay").attr({tabindex:-1,"aria-hidden":!0}).appendTo("body");return this.options.closeOnClick&&i.attr({"data-close":t}),i},i.prototype._events=function(){var t=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){t.$element.is(":visible")&&t._setPosition(function(){})}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(e){(13===e.which||32===e.which)&&(e.stopPropagation(),e.preventDefault(),t.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",this.close.bind(this))},i.prototype._setPosition=function(e){var i=t.Box.GetDimensions(this.$element),n=this.options.fullScreen?"reveal full":i.height>=.5*i.windowDims.height?"reveal":"center";"reveal full"===n?(console.log("full"),this.$element.offset(t.Box.GetOffsets(this.$element,null,n,this.options.vOffset)).css({height:i.windowDims.height,width:i.windowDims.width})):t.MediaQuery.atLeast("medium")&&t.Box.ImNotTouchingYou(this.$element,null,!0,!1)?this.$element.css({"max-height":i.windowDims.height-this.options.vOffset*(this.options.btmOffsetPct/100+1),width:""}).offset(t.Box.GetOffsets(this.$element,null,n,this.options.vOffset)):(this.$element.css({width:i.windowDims.width-2*this.options.hOffset}).offset(t.Box.GetOffsets(this.$element,null,"center",this.options.vOffset,this.options.hOffset)),this.changedSize=!0),e()},i.prototype.open=function(){var i=this;this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this._setPosition(function(){i.$element.hide().css({visibility:""}),i.options.multipleOpened||i.$element.trigger("closeme.zf.reveal",i.id),i.options.animationIn?i.options.overlay?t.Motion.animateIn(i.$overlay,"fade-in",function(){t.Motion.animateIn(i.$element,i.options.animationIn,function(){})}):t.Motion.animateIn(i.$element,i.options.animationIn,function(){}):i.options.overlay?i.$overlay.show(0,function(){ |
| - | i.$element.show(i.options.showDelay,function(){})}):i.$element.show(i.options.showDelay,function(){})}),this.$element.attr({"aria-hidden":!1}).attr("tabindex",-1).focus().trigger("open.zf.reveal"),e("body").addClass("is-reveal-open").attr({"aria-hidden":this.options.overlay||this.options.fullScreen?!0:!1}),setTimeout(function(){i._extraHandlers()},0)},i.prototype._extraHandlers=function(){var i=this,n=this.$element.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!e(this).is(":visible")||e(this).attr("tabindex")<0?!1:!0});this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||e("body").on("click.zf.reveal",function(t){i.close()}),this.options.closeOnEsc&&e(window).on("keydown.zf.reveal",function(e){0===n.length&&e.preventDefault(),t.Keyboard.handleKey(e,i,{close:function(){this.options.closeOnEsc&&this.close()}})}),this.$element.on("keydown.zf.reveal",function(s){var o=e(this);t.Keyboard.handleKey(s,i,{tab_forward:function(){this.$element.find(":focus").is(n.eq(-1))&&(n.eq(0).focus(),s.preventDefault())},tab_backward:function(){(this.$element.find(":focus").is(n.eq(0))||this.$element.is(":focus"))&&(n.eq(-1).focus(),s.preventDefault())},open:function(){o.is(n)&&this.open()},close:function(){this.options.closeOnEsc&&this.close()}}),0===n.length&&s.preventDefault()})},i.prototype.close=function(){if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?t.Motion.animateOut(this.$element,this.options.animationOut,function(){i.options.overlay&&t.Motion.animateOut(i.$overlay,"fade-out",function(){})}):this.$element.hide(i.options.hideDelay,function(){i.options.overlay&&i.$overlay.hide(0,function(){})}),this.options.closeOnEsc&&e(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&e("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.changedSize&&this.$element.css({height:"",width:""}),e("body").removeClass("is-reveal-open").attr({"aria-hidden":!1,tabindex:""}),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,this.$element.attr({"aria-hidden":!0}).trigger("closed.zf.reveal")},i.prototype.toggle=function(){this.isActive?this.close():this.open()},i.prototype.destroy=function(){this.options.overlay&&this.$overlay.hide().off().remove(),this.$element.hide(),this.$anchor.off(),t.unregisterPlugin(this)},t.plugin(i,"Reveal"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}function n(t,e){return t/e}function s(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}i.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled"},i.prototype._init=function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)},i.prototype._setHandlePos=function(t,i,s,o){i=parseFloat(i),i<this.options.start?i=this.options.start:i>this.options.end&&(i=this.options.end);var a=this.options.doubleSided;if(a)if(0===this.handles.index(t)){var r=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=r?r-this.options.step:i}else{var l=parseFloat(this.$handle.attr("aria-valuenow"));i=l>=i?l+this.options.step:i}this.options.vertical&&!s&&(i=this.options.end-i);var d=this,h=this.options.vertical,u=h?"height":"width",c=h?"top":"left",f=t[0].getBoundingClientRect()[u]/2,p=this.$element[0].getBoundingClientRect()[u],m=n(i,this.options.end).toFixed(this.options.decimal),g=(p-f)*m,v=(100*n(g,p)).toFixed(this.options.decimal),i=i>0?parseFloat(i.toFixed(this.options.decimal)):0,w={};if(this._setValues(t,i),this.options.doubleSided){var y,b=0===this.handles.index(t);this.handles.index(t);b?(w[c]=(m>0?100*m:0)+"%",y=(100*(n(this.$handle2.position()[c]+f,p)-parseFloat(m))).toFixed(this.options.decimal)+"%",w["min-"+u]=y,o&&"function"==typeof o&&o()):(i=(100>i?i:100)-(parseFloat(this.$handle[0].style.left)||this.options.end-i),w["min-"+u]=i+"%")}this.$element.one("finished.zf.animate",function(){d.animComplete=!0,d.$element.trigger("moved.zf.slider",[t])});var $=d.$element.data("dragging")?1e3/60:d.options.moveTime;e.Move($,t,function(){t.css(c,v+"%"),d.options.doubleSided?d.$fill.css(w):d.$fill.css(u,100*m+"%")})},i.prototype._setInitAttr=function(t){var i=this.inputs.eq(t).attr("id")||e.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:i,max:this.options.end,min:this.options.start}),this.handles.eq(t).attr({role:"slider","aria-controls":i,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})},i.prototype._setValues=function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)},i.prototype._handleEvent=function(t,e,i){var o,a;if(i)o=i,a=!0;else{t.preventDefault();var r=this.options.vertical,l=r?"height":"width",d=r?"top":"left",h=r?t.pageY:t.pageX,u=this.$handle[0].getBoundingClientRect()[l]/2,c=this.$element[0].getBoundingClientRect()[l],f=this.$element.offset()[d]-h,p=f>0?-u:-c>f-u?c:Math.abs(f),m=n(p,c);if(o=(this.options.end-this.options.start)*m,a=!1,!e){var g=s(this.$handle,d,p,l),v=s(this.$handle2,d,p,l);e=v>=g?this.$handle:this.$handle2}}this._setHandlePos(e,o,a)},i.prototype._events=function(i){if(this.options.disabled)return!1;var n,s=this;if(this.inputs.off("change.zf.slider").on("change.zf.slider",function(e){var i=s.inputs.index(t(this));s._handleEvent(e,s.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("click.zf.slider").on("click.zf.slider",function(t){return s.$element.data("dragging")?!1:(s.animComplete=!1,void(s.options.doubleSided?s._handleEvent(t):s._handleEvent(t,s.$handle)))}),this.options.draggable){this.handles.addTouch();var o=t("body");i.off("mousedown.zf.slider").on("mousedown.zf.slider",function(e){i.addClass("is-dragging"),s.$fill.addClass("is-dragging"),s.$element.data("dragging",!0),s.animComplete=!1,n=t(e.currentTarget),o.on("mousemove.zf.slider",function(t){t.preventDefault(),s._handleEvent(t,n)}).on("mouseup.zf.slider",function(t){s.animComplete=!0,s._handleEvent(t,n),i.removeClass("is-dragging"),s.$fill.removeClass("is-dragging"),s.$element.data("dragging",!1),o.off("mousemove.zf.slider mouseup.zf.slider")})})}i.off("keydown.zf.slider").on("keydown.zf.slider",function(i){var n,o=s.options.doubleSided?s.handles.index(t(this)):0,a=parseFloat(s.inputs.eq(o).val()),r=t(this);e.Keyboard.handleKey(i,s,{decrease:function(){n=a-s.options.step},increase:function(){n=a+s.options.step},decrease_fast:function(){n=a-10*s.options.step},increase_fast:function(){n=a+10*s.options.step},handled:function(){i.preventDefault(),s._setHandlePos(r,n,!0)}})})},i.prototype.destroy=function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),e.unregisterPlugin(this)},e.plugin(i,"Slider")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this)}function n(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}i.defaults={container:"<div data-sticky-container></div>",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},i.prototype._init=function(){var i=this.$element.parent("[data-sticky-container]"),n=this.$element[0].id||e.GetYoDigits(6,"sticky"),s=this;i.length||(this.wasWrapped=!0),this.$container=i.length?i:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":n}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,""!==this.options.topAnchor?this._parsePoints():this.$anchor=t(this.options.anchor?"#"+this.options.anchor:document.body),this._setSizes(function(){s._calc(!1)}),this._events(n.split("-").reverse().join("-"))},i.prototype._parsePoints=function(){for(var e=this.options.topAnchor,i=this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;a>o&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),d=t("#"+l[0]);r=d.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=d[0].getBoundingClientRect().height)}s[o]=r}this.points=s},i.prototype._events=function(e){var i=this,n="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))},i.prototype._pauseListeners=function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")},i.prototype._calc=function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)},i.prototype._setSticky=function(){var t=this.options.stickTo,e="top"===t?"marginTop":"marginBottom",i="top"===t?"bottom":"top",n={};n[e]=this.options[e]+"em",n[t]=0,n[i]="auto",n.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+i).addClass("is-stuck is-at-"+t).css(n).trigger("sticky.zf.stuckto:"+t)},i.prototype._removeSticky=function(t){var e,i,n=this.options.stickTo,s="top"===n,o={},a=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight;e=s?"marginTop":"marginBottom",i=s?"bottom":"top",o[e]=0,t&&!s||s&&!t?(o[n]=a,o[i]=0):(o[n]=0,o[i]=a),o.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+n).addClass("is-anchored is-at-"+(t?"top":"bottom")).css(o).trigger("top")},i.prototype._setSizes=function(t){this.canStick=e.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t();var i=this.$container[0].getBoundingClientRect().width,n=window.getComputedStyle(this.$container[0]),s=parseInt(n["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":i-s+"px"});var o=this.$element[0].getBoundingClientRect().height||this.containerHeight;this.containerHeight=o,this.$container.css({height:o}),this.elemHeight=o,this.isStuck&&this.$element.css({left:this.$container.offset().left+parseInt(n["padding-left"],10)}),this._setBreakPoints(o,function(){t&&t()})},i.prototype._setBreakPoints=function(t,e){if(!this.canStick){if(!e)return!1;e()}var i=n(this.options.marginTop),s=n(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;"top"===this.options.stickTo?(o-=i,a-=t+i):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,e&&e()},i.prototype.destroy=function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor.off("change.zf.sticky"),t(window).off("scroll.zf.sticky"),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),e.unregisterPlugin(this)},e.plugin(i,"Sticky")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}i.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},i.prototype._init=function(){var i=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var e=t(this),n=e.find("a"),s=e.hasClass("is-active"),o=n.attr("href").slice(1),a=o+"-label",r=t(o);e.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&i.options.autoFocus&&n.focus()}),this.options.matchHeight){var n=this.$tabContent.find("img");n.length?e.onImagesLoaded(n,this._setHeight.bind(this)):this._setHeight()}this._events()},i.prototype._events=function(){this._addKeyHandler(),this._addClickHandler(),this.options.matchHeight&&t(window).on("changed.zf.mediaquery",this._setHeight.bind(this))},i.prototype._addClickHandler=function(){var e=this;this.$tabTitles.off("click.zf.tabs").on("click.zf.tabs",function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})},i.prototype._addKeyHandler=function(){var i=this;i.$element.find("li:first-of-type"),i.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(n){n.stopPropagation(),n.preventDefault();var s,o,a=t(this),r=a.parent("ul").children("li");r.each(function(e){return t(this).is(a)?void(i.options.wrapOnKeys?(s=0===e?r.last():r.eq(e-1),o=e===r.length-1?r.first():r.eq(e+1)):(s=r.eq(Math.max(0,e-1)),o=r.eq(Math.min(e+1,r.length-1)))):void 0}),e.Keyboard.handleKey(n,i,{open:function(){a.find('[role="tab"]').focus(),i._handleTabChange(a)},previous:function(){s.find('[role="tab"]').focus(),i._handleTabChange(s)},next:function(){o.find('[role="tab"]').focus(),i._handleTabChange(o)}})})},i.prototype._handleTabChange=function(e){var i=e.find('[role="tab"]'),n=i.attr("href"),s=t(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"}).attr("href");t(o).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])},i.prototype.selectTab=function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)},i.prototype._setHeight=function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")},i.prototype.destroy=function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&t(window).off("changed.zf.mediaquery"),e.unregisterPlugin(this)},e.plugin(i,"Tabs")}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,n.data(),s),this.className="",this._init(),this._events(),t.registerPlugin(this)}i.defaults={animate:!1},i.prototype._init=function(){var t;this.options.animate?(t=this.options.animate.split(" "),this.animationIn=t[0],this.animationOut=t[1]||null):(t=this.$element.data("toggler"),"."===t[0]?this.className=t.slice(1):this.className=t);var i=this.$element[0].id;e('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.is(":hidden")&&this.$element.attr("aria-expanded","false")},i.prototype._events=function(){var t=this;this.$element.on("toggle.zf.trigger",function(){return t.toggle(),!1})},i.prototype.toggle=function(){this.options.animate?this._toggleAnimate():this._toggleClass()},i.prototype._toggleClass=function(){var t=this;this.$element.toggleClass(this.className),this.$element.hasClass(this.className)?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),t._updateARIA()},i.prototype._toggleAnimate=function(){var e=this;this.$element.is(":hidden")?t.Motion.animateIn(this.$element,this.animationIn,function(){this.trigger("on.zf.toggler"),e._updateARIA()}):t.Motion.animateOut(this.$element,this.animationOut,function(){this.trigger("off.zf.toggler"),e._updateARIA()})},i.prototype._updateARIA=function(){this.$element.is(":hidden")?this.$element.attr("aria-expanded","false"):this.$element.attr("aria-expanded","true")},i.prototype.destroy=function(){this.$element.off(".zf.toggler"),t.unregisterPlugin(this)},t.plugin(i,"Toggler"),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e,i){"use strict";function n(e,s){this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),s),this.isActive=!1,this.isClick=!1,this._init(),i.registerPlugin(this)}n.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},n.prototype._init=function(){var n=this.$element.attr("aria-describedby")||i.GetYoDigits(6,"tooltip");this.options.positionClass=this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(n),this.template.appendTo(e.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":n,"data-yeti-box":n,"data-toggle":n,"data-resize":n}).addClass(this.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()},n.prototype._getPositionClass=function(t){if(!t)return"";var e=t[0].className.match(/(top|left|right)/g);return e=e?e[0]:""},n.prototype._buildTemplate=function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass).trim(),n=t("<div></div>").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n},n.prototype._reposition=function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--},n.prototype._setPosition=function(){var t=this._getPositionClass(this.template),e=i.Box.GetDimensions(this.template),n=i.Box.GetDimensions(this.$element),s="left"===t?"left":"right"===t?"left":"top",o="top"===s?"height":"width";"height"===o?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!i.Box.ImNotTouchingYou(this.template))return this.template.offset(i.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:n.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(i.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!i.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()},n.prototype.show=function(){if("all"!==this.options.showOn&&!i.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")},n.prototype.hide=function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")},n.prototype._events=function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||!t.isClick&&t.options.clickOpen)&&t.hide()}),this.options.clickOpen&&this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick?t.hide():(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,console.log(t.isClick),t.isClick?!1:void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})},n.prototype.toggle=function(){this.isActive?this.hide():this.show()},n.prototype.destroy=function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),i.unregisterPlugin(this)},i.plugin(n,"Tooltip")}(jQuery,window.document,window.Foundation); |
| \ No newline at end of file | |
generators/foundation6/public/javascripts/vendor/what-input.js
+0
-212
| @@ | @@ -1,212 +0,0 @@ |
| - | ;(function(root, factory) { |
| - | if (typeof define === 'function' && define.amd) { |
| - | define([], function() { |
| - | return (factory()); |
| - | }); |
| - | } else if (typeof exports === 'object') { |
| - | module.exports = factory(); |
| - | } else { |
| - | root.whatInput = factory(); |
| - | } |
| - | } (this, function() { |
| - | 'use strict'; |
| - | |
| - | |
| - | /* |
| - | --------------- |
| - | variables |
| - | --------------- |
| - | */ |
| - | |
| - | // array of actively pressed keys |
| - | var activeKeys = []; |
| - | |
| - | // cache document.body |
| - | var body = document.body; |
| - | |
| - | // boolean: true if touch buffer timer is running |
| - | var buffer = false; |
| - | |
| - | // the last used input type |
| - | var currentInput = null; |
| - | |
| - | // array of form elements that take keyboard input |
| - | var formInputs = [ |
| - | 'input', |
| - | 'select', |
| - | 'textarea' |
| - | ]; |
| - | |
| - | // user-set flag to allow typing in form fields to be recorded |
| - | var formTyping = body.hasAttribute('data-whatinput-formtyping'); |
| - | |
| - | // mapping of events to input types |
| - | var inputMap = { |
| - | 'keydown': 'keyboard', |
| - | 'mousedown': 'mouse', |
| - | 'mouseenter': 'mouse', |
| - | 'touchstart': 'touch', |
| - | 'pointerdown': 'pointer', |
| - | 'MSPointerDown': 'pointer' |
| - | }; |
| - | |
| - | // array of all used input types |
| - | var inputTypes = []; |
| - | |
| - | // mapping of key codes to common name |
| - | var keyMap = { |
| - | 9: 'tab', |
| - | 13: 'enter', |
| - | 16: 'shift', |
| - | 27: 'esc', |
| - | 32: 'space', |
| - | 37: 'left', |
| - | 38: 'up', |
| - | 39: 'right', |
| - | 40: 'down' |
| - | }; |
| - | |
| - | // map of IE 10 pointer events |
| - | var pointerMap = { |
| - | 2: 'touch', |
| - | 3: 'touch', // treat pen like touch |
| - | 4: 'mouse' |
| - | }; |
| - | |
| - | // touch buffer timer |
| - | var timer; |
| - | |
| - | |
| - | /* |
| - | --------------- |
| - | functions |
| - | --------------- |
| - | */ |
| - | |
| - | function bufferInput(event) { |
| - | clearTimeout(timer); |
| - | |
| - | setInput(event); |
| - | |
| - | buffer = true; |
| - | timer = setTimeout(function() { |
| - | buffer = false; |
| - | }, 1000); |
| - | } |
| - | |
| - | function immediateInput(event) { |
| - | if (!buffer) setInput(event); |
| - | } |
| - | |
| - | function setInput(event) { |
| - | var eventKey = key(event); |
| - | var eventTarget = target(event); |
| - | var value = inputMap[event.type]; |
| - | if (value === 'pointer') value = pointerType(event); |
| - | |
| - | if (currentInput !== value) { |
| - | if ( |
| - | // only if the user flag isn't set |
| - | !formTyping && |
| - | |
| - | // only if currentInput has a value |
| - | currentInput && |
| - | |
| - | // only if the input is `keyboard` |
| - | value === 'keyboard' && |
| - | |
| - | // not if the key is `TAB` |
| - | keyMap[eventKey] !== 'tab' && |
| - | |
| - | // only if the target is one of the elements in `formInputs` |
| - | formInputs.indexOf(eventTarget.nodeName.toLowerCase()) >= 0 |
| - | ) { |
| - | // ignore keyboard typing on form elements |
| - | } else { |
| - | currentInput = value; |
| - | body.setAttribute('data-whatinput', currentInput); |
| - | |
| - | if (inputTypes.indexOf(currentInput) === -1) inputTypes.push(currentInput); |
| - | } |
| - | } |
| - | |
| - | if (value === 'keyboard') logKeys(eventKey); |
| - | } |
| - | |
| - | function key(event) { |
| - | return (event.keyCode) ? event.keyCode : event.which; |
| - | } |
| - | |
| - | function target(event) { |
| - | return event.target || event.srcElement; |
| - | } |
| - | |
| - | function pointerType(event) { |
| - | return (typeof event.pointerType === 'number') ? pointerMap[event.pointerType] : event.pointerType; |
| - | } |
| - | |
| - | // keyboard logging |
| - | function logKeys(eventKey) { |
| - | if (activeKeys.indexOf(keyMap[eventKey]) === -1 && keyMap[eventKey]) activeKeys.push(keyMap[eventKey]); |
| - | } |
| - | |
| - | function unLogKeys(event) { |
| - | var eventKey = key(event); |
| - | var arrayPos = activeKeys.indexOf(keyMap[eventKey]); |
| - | |
| - | if (arrayPos !== -1) activeKeys.splice(arrayPos, 1); |
| - | } |
| - | |
| - | |
| - | /* |
| - | --------------- |
| - | init |
| - | --------------- |
| - | */ |
| - | |
| - | (function bindEvents() { |
| - | |
| - | // pointer/mouse |
| - | var mouseEvent = 'mousedown'; |
| - | |
| - | if (window.PointerEvent) { |
| - | mouseEvent = 'pointerdown'; |
| - | } else if (window.MSPointerEvent) { |
| - | mouseEvent = 'MSPointerDown'; |
| - | } |
| - | |
| - | body.addEventListener(mouseEvent, immediateInput); |
| - | body.addEventListener('mouseenter', immediateInput); |
| - | |
| - | // touch |
| - | if ('ontouchstart' in document.documentElement) body.addEventListener('touchstart', bufferInput); |
| - | |
| - | // keyboard |
| - | body.addEventListener('keydown', immediateInput); |
| - | body.addEventListener('keyup', unLogKeys); |
| - | |
| - | })(); |
| - | |
| - | |
| - | /* |
| - | --------------- |
| - | api |
| - | --------------- |
| - | */ |
| - | |
| - | return { |
| - | |
| - | // returns string: the current input type |
| - | ask: function() { return currentInput; }, |
| - | |
| - | // returns array: currently pressed keys |
| - | keys: function() { return activeKeys; }, |
| - | |
| - | // returns array: all the detected input types |
| - | types: function() { return inputTypes; }, |
| - | |
| - | // accepts string: manually set the input type |
| - | set: setInput |
| - | }; |
| - | |
| - | })); |
generators/foundation6/public/javascripts/vendor/what-input.min.js
+0
-1
| @@ | @@ -1 +0,0 @@ |
| - | !function(e,t){"function"==typeof define&&define.amd?define([],function(){return t()}):"object"==typeof exports?module.exports=t():e.whatInput=t()}(this,function(){"use strict";function e(e){clearTimeout(s),n(e),f=!0,s=setTimeout(function(){f=!1},1e3)}function t(e){f||n(e)}function n(e){var t=o(e),n=r(e),d=w[e.type];"pointer"===d&&(d=i(e)),p!==d&&(!y&&p&&"keyboard"===d&&"tab"!==v[t]&&m.indexOf(n.nodeName.toLowerCase())>=0||(p=d,a.setAttribute("data-whatinput",p),-1===h.indexOf(p)&&h.push(p))),"keyboard"===d&&u(t)}function o(e){return e.keyCode?e.keyCode:e.which}function r(e){return e.target||e.srcElement}function i(e){return"number"==typeof e.pointerType?b[e.pointerType]:e.pointerType}function u(e){-1===c.indexOf(v[e])&&v[e]&&c.push(v[e])}function d(e){var t=o(e),n=c.indexOf(v[t]);-1!==n&&c.splice(n,1)}var s,c=[],a=document.body,f=!1,p=null,m=["input","select","textarea"],y=a.hasAttribute("data-whatinput-formtyping"),w={keydown:"keyboard",mousedown:"mouse",mouseenter:"mouse",touchstart:"touch",pointerdown:"pointer",MSPointerDown:"pointer"},h=[],v={9:"tab",13:"enter",16:"shift",27:"esc",32:"space",37:"left",38:"up",39:"right",40:"down"},b={2:"touch",3:"touch",4:"mouse"};return function(){var n="mousedown";window.PointerEvent?n="pointerdown":window.MSPointerEvent&&(n="MSPointerDown"),a.addEventListener(n,t),a.addEventListener("mouseenter",t),"ontouchstart"in document.documentElement&&a.addEventListener("touchstart",e),a.addEventListener("keydown",t),a.addEventListener("keyup",d)}(),{ask:function(){return p},keys:function(){return c},types:function(){return h},set:n}}); |
| \ No newline at end of file | |
generators/foundation6/public/stylesheets/_settings.scss
+0
-529
| @@ | @@ -1,529 +0,0 @@ |
| - | // Foundation for Sites Settings |
| - | // ----------------------------- |
| - | // |
| - | // Table of Contents: |
| - | // |
| - | // 1. Global |
| - | // 2. Breakpoints |
| - | // 3. The Grid |
| - | // 4. Base Typography |
| - | // 5. Typography Helpers |
| - | // 6. Abide |
| - | // 7. Accordion |
| - | // 8. Accordion Menu |
| - | // 9. Badge |
| - | // 10. Breadcrumbs |
| - | // 11. Button |
| - | // 12. Button Group |
| - | // 13. Callout |
| - | // 14. Close Button |
| - | // 15. Drilldown |
| - | // 16. Dropdown |
| - | // 17. Dropdown Menu |
| - | // 18. Flex Video |
| - | // 19. Forms |
| - | // 20. Label |
| - | // 21. Media Object |
| - | // 22. Menu |
| - | // 23. Off-canvas |
| - | // 24. Orbit |
| - | // 25. Pagination |
| - | // 26. Progress Bar |
| - | // 27. Reveal |
| - | // 28. Slider |
| - | // 29. Switch |
| - | // 30. Table |
| - | // 31. Tabs |
| - | // 32. Thumbnail |
| - | // 33. Tooltip |
| - | // 34. Top Bar |
| - | |
| - | @import 'foundation6/util/util'; |
| - | |
| - | // 1. Global |
| - | // --------- |
| - | |
| - | $global-width: rem-calc(1200); |
| - | $global-font-size: 100%; |
| - | $global-lineheight: 1.5; |
| - | $primary-color: #2199e8; |
| - | $secondary-color: #777; |
| - | $success-color: #3adb76; |
| - | $warning-color: #ffae00; |
| - | $alert-color: #ec5840; |
| - | $light-gray: #e6e6e6; |
| - | $medium-gray: #cacaca; |
| - | $dark-gray: #8a8a8a; |
| - | $black: #0a0a0a; |
| - | $white: #fefefe; |
| - | $body-background: $white; |
| - | $body-font-color: $black; |
| - | $body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | $body-antialiased: true; |
| - | $text-direction: ltr; |
| - | $global-margin: 1rem; |
| - | $global-padding: 1rem; |
| - | $global-margin: 1rem; |
| - | $global-weight-normal: normal; |
| - | $global-weight-bold: bold; |
| - | $global-radius: 0; |
| - | $global-text-direction: ltr; |
| - | $rem-base: 16px; |
| - | |
| - | // 2. Breakpoints |
| - | // -------------- |
| - | |
| - | $breakpoints: ( |
| - | small: 0, |
| - | medium: 640px, |
| - | large: 1024px, |
| - | xlarge: 1200px, |
| - | xxlarge: 1440px, |
| - | ); |
| - | $breakpoint-classes: (small medium large); |
| - | |
| - | // 3. The Grid |
| - | // ----------- |
| - | |
| - | $grid-row-width: $global-width; |
| - | $grid-column-count: 12; |
| - | $grid-column-gutter: 30px; |
| - | $block-grid-max: 6; |
| - | |
| - | // 4. Base Typography |
| - | // ------------------ |
| - | |
| - | $header-font-family: $body-font-family; |
| - | $header-font-weight: $global-weight-normal; |
| - | $header-font-style: normal; |
| - | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; |
| - | $header-sizes: ( |
| - | small: ( |
| - | 'h1': 24, |
| - | 'h2': 20, |
| - | 'h3': 19, |
| - | 'h4': 18, |
| - | 'h5': 17, |
| - | 'h6': 16, |
| - | ), |
| - | medium: ( |
| - | 'h1': 48, |
| - | 'h2': 40, |
| - | 'h3': 31, |
| - | 'h4': 25, |
| - | 'h5': 20, |
| - | 'h6': 16, |
| - | ), |
| - | ); |
| - | $header-color: inherit; |
| - | $header-lineheight: 1.4; |
| - | $header-margin-bottom: 0.5rem; |
| - | $header-text-rendering: optimizeLegibility; |
| - | $small-font-size: 80%; |
| - | $header-small-font-color: $medium-gray; |
| - | $paragraph-lineheight: 1.6; |
| - | $paragraph-margin-bottom: 1rem; |
| - | $paragraph-text-rendering: optimizeLegibility; |
| - | $code-color: $black; |
| - | $code-font-family: $font-family-monospace; |
| - | $code-font-weight: $global-weight-normal; |
| - | $code-background: $light-gray; |
| - | $code-border: 1px solid $medium-gray; |
| - | $code-padding: rem-calc(2 5 1); |
| - | $anchor-color: $primary-color; |
| - | $anchor-color-hover: scale-color($anchor-color, $lightness: -14%); |
| - | $anchor-text-decoration: none; |
| - | $anchor-text-decoration-hover: none; |
| - | $hr-width: $global-width; |
| - | $hr-border: 1px solid $medium-gray; |
| - | $hr-margin: rem-calc(20) auto; |
| - | $list-lineheight: $paragraph-lineheight; |
| - | $list-margin-bottom: $paragraph-margin-bottom; |
| - | $list-style-type: disc; |
| - | $list-style-position: outside; |
| - | $list-side-margin: 1.25rem; |
| - | $list-nested-side-margin: 1.25rem; |
| - | $defnlist-margin-bottom: 1rem; |
| - | $defnlist-term-weight: $global-weight-bold; |
| - | $defnlist-term-margin-bottom: 0.3rem; |
| - | $blockquote-color: $dark-gray; |
| - | $blockquote-padding: rem-calc(9 20 0 19); |
| - | $blockquote-border: 1px solid $medium-gray; |
| - | $cite-font-size: rem-calc(13); |
| - | $cite-color: $dark-gray; |
| - | $keystroke-font: $font-family-monospace; |
| - | $keystroke-color: $black; |
| - | $keystroke-background: $light-gray; |
| - | $keystroke-padding: rem-calc(2 4 0); |
| - | $keystroke-radius: $global-radius; |
| - | $abbr-underline: 1px dotted $black; |
| - | |
| - | // 5. Typography Helpers |
| - | // --------------------- |
| - | |
| - | $lead-font-size: $global-font-size * 1.25; |
| - | $lead-lineheight: 1.6; |
| - | $subheader-lineheight: 1.4; |
| - | $subheader-color: $dark-gray; |
| - | $subheader-font-weight: $global-weight-normal; |
| - | $subheader-margin-top: 0.2rem; |
| - | $subheader-margin-bottom: 0.5rem; |
| - | $stat-font-size: 2.5rem; |
| - | |
| - | // 6. Abide |
| - | // -------- |
| - | |
| - | $abide-inputs: true; |
| - | $abide-labels: true; |
| - | $input-background-invalid: $alert-color; |
| - | $form-label-color-invalid: $alert-color; |
| - | $input-error-color: $alert-color; |
| - | $input-error-font-size: rem-calc(12); |
| - | $input-error-font-weight: $global-weight-bold; |
| - | |
| - | // 7. Accordion |
| - | // ------------ |
| - | |
| - | $accordion-background: $white; |
| - | $accordion-plusminus: true; |
| - | $accordion-item-color: foreground($accordion-background, $primary-color); |
| - | $accordion-item-background-hover: $light-gray; |
| - | $accordion-item-padding: 1.25rem 1rem; |
| - | $accordion-content-background: $white; |
| - | $accordion-content-border: 1px solid $light-gray; |
| - | $accordion-content-color: foreground($accordion-background, $primary-color); |
| - | $accordion-content-padding: 1rem; |
| - | |
| - | // 8. Accordion Menu |
| - | // ----------------- |
| - | |
| - | $accordionmenu-arrows: true; |
| - | |
| - | // 9. Badge |
| - | // -------- |
| - | |
| - | $badge-background: $primary-color; |
| - | $badge-color: foreground($badge-background); |
| - | $badge-padding: 0.3em; |
| - | $badge-minwidth: 2.1em; |
| - | $badge-font-size: 0.6rem; |
| - | |
| - | // 10. Breadcrumbs |
| - | // --------------- |
| - | |
| - | $breadcrumbs-margin: 0 0 $global-margin 0; |
| - | $breadcrumbs-item-font-size: rem-calc(11); |
| - | $breadcrumbs-item-color: $primary-color; |
| - | $breadcrumbs-item-color-current: $black; |
| - | $breadcrumbs-item-color-disabled: $medium-gray; |
| - | $breadcrumbs-item-margin: 0.75rem; |
| - | $breadcrumbs-item-uppercase: true; |
| - | $breadcrumbs-item-slash: true; |
| - | |
| - | // 11. Button |
| - | // ---------- |
| - | |
| - | $button-padding: 0.85em 1em; |
| - | $button-margin: 0 $global-margin $global-margin 0; |
| - | $button-fill: solid; |
| - | $button-background: $primary-color; |
| - | $button-background-hover: scale-color($button-background, $lightness: -15%); |
| - | $button-color: #fff; |
| - | $button-color-alt: #000; |
| - | $button-radius: $global-radius; |
| - | $button-sizes: ( |
| - | tiny: 0.6rem, |
| - | small: 0.75rem, |
| - | default: 0.9rem, |
| - | large: 1.25rem, |
| - | ); |
| - | $button-opacity-disabled: 0.25; |
| - | |
| - | // 12. Button Group |
| - | // ---------------- |
| - | |
| - | $buttongroup-margin: 1rem; |
| - | $buttongroup-spacing: 1px; |
| - | $buttongroup-child-selector: '.button'; |
| - | $buttongroup-expand-max: 6; |
| - | |
| - | // 13. Callout |
| - | // ----------- |
| - | |
| - | $callout-background: $white; |
| - | $callout-background-fade: 85%; |
| - | $callout-border: 1px solid rgba($black, 0.25); |
| - | $callout-margin: 0 0 1rem 0; |
| - | $callout-padding: 1rem; |
| - | $callout-font-color: $body-font-color; |
| - | $callout-font-color-alt: $body-background; |
| - | $callout-radius: $global-radius; |
| - | $callout-link-tint: 30%; |
| - | |
| - | // 14. Close Button |
| - | // ---------------- |
| - | |
| - | $closebutton-position: right top; |
| - | $closebutton-offset-horizontal: 1rem; |
| - | $closebutton-offset-vertical: 0.5rem; |
| - | $closebutton-size: 2em; |
| - | $closebutton-lineheight: 1; |
| - | $closebutton-color: $dark-gray; |
| - | $closebutton-color-hover: $black; |
| - | |
| - | // 15. Drilldown |
| - | // ------------- |
| - | |
| - | $drilldown-transition: transform 0.15s linear; |
| - | $drilldown-arrows: true; |
| - | |
| - | // 16. Dropdown |
| - | // ------------ |
| - | |
| - | $dropdown-padding: 1rem; |
| - | $dropdown-border: 1px solid $medium-gray; |
| - | $dropdown-font-size: 16rem; |
| - | $dropdown-width: 300px; |
| - | $dropdown-radius: $global-radius; |
| - | $dropdown-sizes: ( |
| - | tiny: 100px, |
| - | small: 200px, |
| - | large: 400px, |
| - | ); |
| - | |
| - | // 17. Dropdown Menu |
| - | // ----------------- |
| - | |
| - | $dropdownmenu-arrows: true; |
| - | $dropdownmenu-min-width: 200px; |
| - | $dropdownmenu-background: $white; |
| - | $dropdown-border: 1px solid $medium-gray; |
| - | |
| - | // 18. Flex Video |
| - | // -------------- |
| - | |
| - | $flexvideo-padding-top: rem-calc(25); |
| - | $flexvideo-margin-bottom: rem-calc(16); |
| - | $flexvideo-ratio: 4 by 3; |
| - | $flexvideo-ratio-widescreen: 16 by 9; |
| - | |
| - | // 19. Forms |
| - | // --------- |
| - | |
| - | $fieldset-border: 1px solid $medium-gray; |
| - | $fieldset-padding: rem-calc(20); |
| - | $fieldset-margin: rem-calc(18 0); |
| - | $legend-padding: rem-calc(0 3); |
| - | $form-spacing: rem-calc(16); |
| - | $helptext-color: #333; |
| - | $helptext-font-size: rem-calc(13); |
| - | $helptext-font-style: italic; |
| - | $input-prefix-color: $black; |
| - | $input-prefix-background: $light-gray; |
| - | $input-prefix-border: 1px solid $medium-gray; |
| - | $input-prefix-padding: 1rem; |
| - | $form-label-color: $black; |
| - | $form-label-font-size: rem-calc(14); |
| - | $form-label-font-weight: $global-weight-normal; |
| - | $form-label-line-height: 1.8; |
| - | $select-background: #fafafa; |
| - | $select-triangle-color: #333; |
| - | $select-radius: $global-radius; |
| - | $input-color: $dark-gray; |
| - | $input-font-family: inherit; |
| - | $input-font-size: rem-calc(16); |
| - | $input-background: $white; |
| - | $input-background-focus: $white; |
| - | $input-background-disabled: $light-gray; |
| - | $input-border: 1px solid $medium-gray; |
| - | $input-border-focus: 1px solid $dark-gray; |
| - | $input-shadow: inset 0 1px 2px rgba($black, 0.1); |
| - | $input-shadow-focus: 0 0 5px $medium-gray; |
| - | $input-cursor-disabled: default; |
| - | $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
| - | $input-number-spinners: true; |
| - | $input-radius: $global-radius; |
| - | |
| - | // 20. Label |
| - | // --------- |
| - | |
| - | $label-background: $primary-color; |
| - | $label-color: foreground($label-background); |
| - | $label-font-size: 0.8rem; |
| - | $label-padding: 0.33333rem 0.5rem; |
| - | $label-radius: $global-radius; |
| - | |
| - | // 21. Media Object |
| - | // ---------------- |
| - | |
| - | $mediaobject-margin-bottom: $global-margin; |
| - | $mediaobject-section-padding: $global-padding; |
| - | $mediaobject-image-width-stacked: 100%; |
| - | |
| - | // 22. Menu |
| - | // -------- |
| - | |
| - | $menu-margin: 0; |
| - | $menu-margin-nested: 1rem; |
| - | $menu-item-padding: 0.7rem 1rem; |
| - | $menu-icon-spacing: 0.25rem; |
| - | $menu-expand-max: 6; |
| - | |
| - | // 23. Off-canvas |
| - | // -------------- |
| - | |
| - | $offcanvas-size: 250px; |
| - | $offcanvas-background: $light-gray; |
| - | $offcanvas-zindex: -1; |
| - | $offcanvas-transition-length: 0.5s; |
| - | $offcanvas-transition-timing: ease; |
| - | $offcanvas-exit-background: rgba($white, 0.25); |
| - | $maincontent-class: 'off-canvas-content'; |
| - | $maincontent-shadow: 0 0 10px rgba($black, 0.5); |
| - | |
| - | // 24. Orbit |
| - | // --------- |
| - | |
| - | $orbit-bullet-background: $medium-gray; |
| - | $orbit-bullet-background-active: $dark-gray; |
| - | $orbit-bullet-diameter: 1.2rem; |
| - | $orbit-bullet-margin: 0.1rem; |
| - | $orbit-bullet-margin-top: 0.8rem; |
| - | $orbit-bullet-margin-bottom: 0.8rem; |
| - | $orbit-caption-background: rgba($black, 0.5); |
| - | $orbit-caption-padding: 1rem; |
| - | $orbit-control-background-hover: rgba($black, 0.5); |
| - | $orbit-control-padding: 1rem; |
| - | $orbit-control-zindex: 10; |
| - | |
| - | // 25. Pagination |
| - | // -------------- |
| - | |
| - | $pagination-font-size: rem-calc(14); |
| - | $pagination-margin-bottom: $global-margin; |
| - | $pagination-item-color: $black; |
| - | $pagination-item-padding: rem-calc(3 10); |
| - | $pagination-item-spacing: rem-calc(1); |
| - | $pagination-radius: $global-radius; |
| - | $pagination-item-background-hover: $light-gray; |
| - | $pagination-item-background-current: $primary-color; |
| - | $pagination-item-color-current: foreground($pagination-item-background-current); |
| - | $pagination-item-color-disabled: $medium-gray; |
| - | $pagination-ellipsis-color: $black; |
| - | $pagination-mobile-items: false; |
| - | $pagination-arrows: true; |
| - | |
| - | // 26. Progress Bar |
| - | // ---------------- |
| - | |
| - | $progress-height: 1rem; |
| - | $progress-background: $medium-gray; |
| - | $progress-margin-bottom: $global-margin; |
| - | $progress-meter-background: $primary-color; |
| - | $progress-radius: $global-radius; |
| - | |
| - | // 27. Reveal |
| - | // ---------- |
| - | |
| - | $reveal-background: $white; |
| - | $reveal-width: 600px; |
| - | $reveal-max-width: $global-width; |
| - | $reveal-offset: rem-calc(100); |
| - | $reveal-padding: $global-padding; |
| - | $reveal-border: 1px solid $medium-gray; |
| - | $reveal-radius: $global-radius; |
| - | $reveal-zindex: 1005; |
| - | $reveal-overlay-background: rgba($black, 0.45); |
| - | |
| - | // 28. Slider |
| - | // ---------- |
| - | |
| - | $slider-height: 0.5rem; |
| - | $slider-width-vertical: $slider-height; |
| - | $slider-background: $light-gray; |
| - | $slider-fill-background: $medium-gray; |
| - | $slider-handle-height: 1.4rem; |
| - | $slider-handle-width: 1.4rem; |
| - | $slider-handle-background: $primary-color; |
| - | $slider-opacity-disabled: 0.25; |
| - | $slider-radius: $global-radius; |
| - | $slider-transition: all 0.2s ease-in-out; |
| - | |
| - | // 29. Switch |
| - | // ---------- |
| - | |
| - | $switch-background: $medium-gray; |
| - | $switch-background-active: $primary-color; |
| - | $switch-height: 2rem; |
| - | $switch-height-tiny: 1.5rem; |
| - | $switch-height-small: 1.75rem; |
| - | $switch-height-large: 2.5rem; |
| - | $switch-radius: $global-radius; |
| - | $switch-margin: $global-margin; |
| - | $switch-paddle-background: $white; |
| - | $switch-paddle-offset: 0.25rem; |
| - | $switch-paddle-radius: $global-radius; |
| - | $switch-paddle-transition: all 0.25s ease-out; |
| - | |
| - | // 30. Table |
| - | // --------- |
| - | |
| - | $table-background: $white; |
| - | $table-color-scale: 5%; |
| - | $table-border: 1px solid smart-scale($table-background, $table-color-scale); |
| - | $table-padding: rem-calc(8 10 10); |
| - | $table-hover-scale: 2%; |
| - | $table-row-hover: darken($table-background, $table-hover-scale); |
| - | $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale); |
| - | $table-striped-background: smart-scale($table-background, $table-color-scale); |
| - | $table-stripe: even; |
| - | $table-head-background: smart-scale($table-background, $table-color-scale / 2); |
| - | $table-foot-background: smart-scale($table-background, $table-color-scale); |
| - | $table-head-font-color: $body-font-color; |
| - | $show-header-for-stacked: false; |
| - | |
| - | // 31. Tabs |
| - | // -------- |
| - | |
| - | $tab-margin: 0; |
| - | $tab-background: $white; |
| - | $tab-background-active: $light-gray; |
| - | $tab-border: $light-gray; |
| - | $tab-item-color: foreground($tab-background, $primary-color); |
| - | $tab-item-background-hover: $white; |
| - | $tab-item-padding: 1.25rem 1.5rem; |
| - | $tab-expand-max: 6; |
| - | $tab-content-background: $white; |
| - | $tab-content-border: $light-gray; |
| - | $tab-content-color: foreground($tab-background, $primary-color); |
| - | $tab-content-padding: 1rem; |
| - | |
| - | // 32. Thumbnail |
| - | // ------------- |
| - | |
| - | $thumbnail-border: solid 4px $white; |
| - | $thumbnail-margin-bottom: $global-margin; |
| - | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); |
| - | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); |
| - | $thumbnail-transition: box-shadow 200ms ease-out; |
| - | $thumbnail-radius: $global-radius; |
| - | |
| - | // 33. Tooltip |
| - | // ----------- |
| - | |
| - | $tooltip-background-color: $black; |
| - | $tooltip-color: $white; |
| - | $tooltip-padding: 0.75rem; |
| - | $tooltip-font-size: $small-font-size; |
| - | $tooltip-pip-width: 0.75rem; |
| - | $tooltip-pip-height: $tooltip-pip-width * 0.866; |
| - | $tooltip-pip-offset: 1.25rem; |
| - | $tooltip-radius: $global-radius; |
| - | |
| - | // 34. Top Bar |
| - | // ----------- |
| - | |
| - | $topbar-padding: 0.5rem; |
| - | $topbar-background: #eee; |
| - | $topbar-link-color: #fff; |
| - | $topbar-input-width: 200px; |
generators/foundation6/public/stylesheets/app.css
+0
-3
| @@ | @@ -1,3 +0,0 @@ |
| - | /*Import Foundation Styles*/ |
| - | |
| - | @import url("foundation.css"); |
generators/foundation6/public/stylesheets/app.scss
+0
-43
| @@ | @@ -1,43 +0,0 @@ |
| - | @charset 'utf-8'; |
| - | |
| - | @import 'settings'; |
| - | @import 'foundation6/foundation'; |
| - | @import 'foundation6/motion-ui'; |
| - | |
| - | @include foundation-global-styles; |
| - | @include foundation-grid; |
| - | @include foundation-typography; |
| - | @include foundation-button; |
| - | @include foundation-forms; |
| - | @include foundation-visibility-classes; |
| - | @include foundation-float-classes; |
| - | @include foundation-accordion; |
| - | @include foundation-badge; |
| - | @include foundation-breadcrumbs; |
| - | @include foundation-button-group; |
| - | @include foundation-callout; |
| - | @include foundation-close-button; |
| - | @include foundation-drilldown-menu; |
| - | @include foundation-dropdown; |
| - | @include foundation-dropdown-menu; |
| - | @include foundation-flex-video; |
| - | @include foundation-label; |
| - | @include foundation-media-object; |
| - | @include foundation-menu; |
| - | @include foundation-off-canvas; |
| - | @include foundation-orbit; |
| - | @include foundation-pagination; |
| - | @include foundation-progress-bar; |
| - | @include foundation-slider; |
| - | @include foundation-sticky; |
| - | @include foundation-reveal; |
| - | @include foundation-switch; |
| - | @include foundation-table; |
| - | @include foundation-tabs; |
| - | @include foundation-thumbnail; |
| - | @include foundation-title-bar; |
| - | @include foundation-tooltip; |
| - | @include foundation-top-bar; |
| - | |
| - | @include motion-ui-transitions; |
| - | @include motion-ui-animations; |
generators/foundation6/public/stylesheets/foundation.css
+0
-3499
| @@ | @@ -1,3499 +0,0 @@ |
| - | @charset "UTF-8"; |
| - | /** |
| - | * Foundation for Sites by ZURB |
| - | * Version 6.2.1 |
| - | * foundation.zurb.com |
| - | * Licensed under MIT Open Source |
| - | */ |
| - | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ |
| - | /** |
| - | * 1. Set default font family to sans-serif. |
| - | * 2. Prevent iOS and IE text size adjust after device orientation change, |
| - | * without disabling user zoom. |
| - | */ |
| - | html { |
| - | font-family: sans-serif; |
| - | /* 1 */ |
| - | -ms-text-size-adjust: 100%; |
| - | /* 2 */ |
| - | -webkit-text-size-adjust: 100%; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Remove default margin. |
| - | */ |
| - | body { |
| - | margin: 0; } |
| - | |
| - | /* HTML5 display definitions |
| - | ========================================================================== */ |
| - | /** |
| - | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| - | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| - | * and Firefox. |
| - | * Correct `block` display not defined for `main` in IE 11. |
| - | */ |
| - | article, |
| - | aside, |
| - | details, |
| - | figcaption, |
| - | figure, |
| - | footer, |
| - | header, |
| - | hgroup, |
| - | main, |
| - | menu, |
| - | nav, |
| - | section, |
| - | summary { |
| - | display: block; } |
| - | |
| - | /** |
| - | * 1. Correct `inline-block` display not defined in IE 8/9. |
| - | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| - | */ |
| - | audio, |
| - | canvas, |
| - | progress, |
| - | video { |
| - | display: inline-block; |
| - | /* 1 */ |
| - | vertical-align: baseline; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Prevent modern browsers from displaying `audio` without controls. |
| - | * Remove excess height in iOS 5 devices. |
| - | */ |
| - | audio:not([controls]) { |
| - | display: none; |
| - | height: 0; } |
| - | |
| - | /** |
| - | * Address `[hidden]` styling not present in IE 8/9/10. |
| - | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
| - | */ |
| - | [hidden], |
| - | template { |
| - | display: none; } |
| - | |
| - | /* Links |
| - | ========================================================================== */ |
| - | /** |
| - | * Remove the gray background color from active links in IE 10. |
| - | */ |
| - | a { |
| - | background-color: transparent; } |
| - | |
| - | /** |
| - | * Improve readability of focused elements when they are also in an |
| - | * active/hover state. |
| - | */ |
| - | a:active, |
| - | a:hover { |
| - | outline: 0; } |
| - | |
| - | /* Text-level semantics |
| - | ========================================================================== */ |
| - | /** |
| - | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| - | */ |
| - | abbr[title] { |
| - | border-bottom: 1px dotted; } |
| - | |
| - | /** |
| - | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | b, |
| - | strong { |
| - | font-weight: bold; } |
| - | |
| - | /** |
| - | * Address styling not present in Safari and Chrome. |
| - | */ |
| - | dfn { |
| - | font-style: italic; } |
| - | |
| - | /** |
| - | * Address variable `h1` font-size and margin within `section` and `article` |
| - | * contexts in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | h1 { |
| - | font-size: 2em; |
| - | margin: 0.67em 0; } |
| - | |
| - | /** |
| - | * Address styling not present in IE 8/9. |
| - | */ |
| - | mark { |
| - | background: #ff0; |
| - | color: #000; } |
| - | |
| - | /** |
| - | * Address inconsistent and variable font size in all browsers. |
| - | */ |
| - | small { |
| - | font-size: 80%; } |
| - | |
| - | /** |
| - | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| - | */ |
| - | sub, |
| - | sup { |
| - | font-size: 75%; |
| - | line-height: 0; |
| - | position: relative; |
| - | vertical-align: baseline; } |
| - | |
| - | sup { |
| - | top: -0.5em; } |
| - | |
| - | sub { |
| - | bottom: -0.25em; } |
| - | |
| - | /* Embedded content |
| - | ========================================================================== */ |
| - | /** |
| - | * Remove border when inside `a` element in IE 8/9/10. |
| - | */ |
| - | img { |
| - | border: 0; } |
| - | |
| - | /** |
| - | * Correct overflow not hidden in IE 9/10/11. |
| - | */ |
| - | svg:not(:root) { |
| - | overflow: hidden; } |
| - | |
| - | /* Grouping content |
| - | ========================================================================== */ |
| - | /** |
| - | * Address margin not present in IE 8/9 and Safari. |
| - | */ |
| - | figure { |
| - | margin: 1em 40px; } |
| - | |
| - | /** |
| - | * Address differences between Firefox and other browsers. |
| - | */ |
| - | hr { |
| - | box-sizing: content-box; |
| - | height: 0; } |
| - | |
| - | /** |
| - | * Contain overflow in all browsers. |
| - | */ |
| - | pre { |
| - | overflow: auto; } |
| - | |
| - | /** |
| - | * Address odd `em`-unit font size rendering in all browsers. |
| - | */ |
| - | code, |
| - | kbd, |
| - | pre, |
| - | samp { |
| - | font-family: monospace, monospace; |
| - | font-size: 1em; } |
| - | |
| - | /* Forms |
| - | ========================================================================== */ |
| - | /** |
| - | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| - | * styling of `select`, unless a `border` property is set. |
| - | */ |
| - | /** |
| - | * 1. Correct color not being inherited. |
| - | * Known issue: affects color of disabled elements. |
| - | * 2. Correct font properties not being inherited. |
| - | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | button, |
| - | input, |
| - | optgroup, |
| - | select, |
| - | textarea { |
| - | color: inherit; |
| - | /* 1 */ |
| - | font: inherit; |
| - | /* 2 */ |
| - | margin: 0; |
| - | /* 3 */ } |
| - | |
| - | /** |
| - | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| - | */ |
| - | button { |
| - | overflow: visible; } |
| - | |
| - | /** |
| - | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| - | * All other form control elements do not inherit `text-transform` values. |
| - | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| - | * Correct `select` style inheritance in Firefox. |
| - | */ |
| - | button, |
| - | select { |
| - | text-transform: none; } |
| - | |
| - | /** |
| - | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| - | * and `video` controls. |
| - | * 2. Correct inability to style clickable `input` types in iOS. |
| - | * 3. Improve usability and consistency of cursor style between image-type |
| - | * `input` and others. |
| - | */ |
| - | button, |
| - | html input[type="button"], |
| - | input[type="reset"], |
| - | input[type="submit"] { |
| - | -webkit-appearance: button; |
| - | /* 2 */ |
| - | cursor: pointer; |
| - | /* 3 */ } |
| - | |
| - | /** |
| - | * Re-set default cursor for disabled elements. |
| - | */ |
| - | button[disabled], |
| - | html input[disabled] { |
| - | cursor: not-allowed; } |
| - | |
| - | /** |
| - | * Remove inner padding and border in Firefox 4+. |
| - | */ |
| - | button::-moz-focus-inner, |
| - | input::-moz-focus-inner { |
| - | border: 0; |
| - | padding: 0; } |
| - | |
| - | /** |
| - | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| - | * the UA stylesheet. |
| - | */ |
| - | input { |
| - | line-height: normal; } |
| - | |
| - | /** |
| - | * It's recommended that you don't attempt to style these elements. |
| - | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| - | * |
| - | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| - | * 2. Remove excess padding in IE 8/9/10. |
| - | */ |
| - | input[type="checkbox"], |
| - | input[type="radio"] { |
| - | box-sizing: border-box; |
| - | /* 1 */ |
| - | padding: 0; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| - | * `font-size` values of the `input`, it causes the cursor style of the |
| - | * decrement button to change from `default` to `text`. |
| - | */ |
| - | input[type="number"]::-webkit-inner-spin-button, |
| - | input[type="number"]::-webkit-outer-spin-button { |
| - | height: auto; } |
| - | |
| - | /** |
| - | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| - | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. |
| - | */ |
| - | input[type="search"] { |
| - | -webkit-appearance: textfield; |
| - | /* 1 */ |
| - | box-sizing: content-box; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| - | * Safari (but not Chrome) clips the cancel button when the search input has |
| - | * padding (and `textfield` appearance). |
| - | */ |
| - | input[type="search"]::-webkit-search-cancel-button, |
| - | input[type="search"]::-webkit-search-decoration { |
| - | -webkit-appearance: none; } |
| - | |
| - | /** |
| - | * Define consistent border, margin, and padding. |
| - | * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling. |
| - | */ |
| - | /* fieldset { |
| - | border: 1px solid #c0c0c0; |
| - | margin: 0 2px; |
| - | padding: 0.35em 0.625em 0.75em; |
| - | } */ |
| - | /** |
| - | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| - | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| - | */ |
| - | legend { |
| - | border: 0; |
| - | /* 1 */ |
| - | padding: 0; |
| - | /* 2 */ } |
| - | |
| - | /** |
| - | * Remove default vertical scrollbar in IE 8/9/10/11. |
| - | */ |
| - | textarea { |
| - | overflow: auto; } |
| - | |
| - | /** |
| - | * Don't inherit the `font-weight` (applied by a rule above). |
| - | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| - | */ |
| - | optgroup { |
| - | font-weight: bold; } |
| - | |
| - | /* Tables |
| - | ========================================================================== */ |
| - | /** |
| - | * Remove most spacing between table cells. |
| - | */ |
| - | table { |
| - | border-collapse: collapse; |
| - | border-spacing: 0; } |
| - | |
| - | td, |
| - | th { |
| - | padding: 0; } |
| - | |
| - | .foundation-mq { |
| - | font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } |
| - | |
| - | html { |
| - | font-size: 100%; |
| - | box-sizing: border-box; } |
| - | |
| - | *, |
| - | *::before, |
| - | *::after { |
| - | box-sizing: inherit; } |
| - | |
| - | body { |
| - | padding: 0; |
| - | margin: 0; |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-weight: normal; |
| - | line-height: 1.5; |
| - | color: #0a0a0a; |
| - | background: #fefefe; |
| - | -webkit-font-smoothing: antialiased; |
| - | -moz-osx-font-smoothing: grayscale; } |
| - | |
| - | img { |
| - | max-width: 100%; |
| - | height: auto; |
| - | -ms-interpolation-mode: bicubic; |
| - | display: inline-block; |
| - | vertical-align: middle; } |
| - | |
| - | textarea { |
| - | height: auto; |
| - | min-height: 50px; |
| - | border-radius: 0; } |
| - | |
| - | select { |
| - | width: 100%; |
| - | border-radius: 0; } |
| - | |
| - | #map_canvas img, |
| - | #map_canvas embed, |
| - | #map_canvas object, |
| - | .map_canvas img, |
| - | .map_canvas embed, |
| - | .map_canvas object, |
| - | .mqa-display img, |
| - | .mqa-display embed, |
| - | .mqa-display object { |
| - | max-width: none !important; } |
| - | |
| - | button { |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; |
| - | background: transparent; |
| - | padding: 0; |
| - | border: 0; |
| - | border-radius: 0; |
| - | line-height: 1; } |
| - | [data-whatinput='mouse'] button { |
| - | outline: 0; } |
| - | |
| - | .is-visible { |
| - | display: block !important; } |
| - | |
| - | .is-hidden { |
| - | display: none !important; } |
| - | |
| - | .row { |
| - | max-width: 75rem; |
| - | margin-left: auto; |
| - | margin-right: auto; } |
| - | .row::before, .row::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .row::after { |
| - | clear: both; } |
| - | .row.collapse > .column, .row.collapse > .columns { |
| - | padding-left: 0; |
| - | padding-right: 0; } |
| - | .row .row { |
| - | max-width: none; |
| - | margin-left: -0.625rem; |
| - | margin-right: -0.625rem; |
| - | max-width: none; } |
| - | @media screen and (min-width: 40em) { |
| - | .row .row { |
| - | margin-left: -0.9375rem; |
| - | margin-right: -0.9375rem; } } |
| - | .row .row.collapse { |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | .row.expanded { |
| - | max-width: none; } |
| - | .row.expanded .row { |
| - | margin-left: auto; |
| - | margin-right: auto; } |
| - | |
| - | .column, .columns { |
| - | width: 100%; |
| - | float: left; |
| - | padding-left: 0.625rem; |
| - | padding-right: 0.625rem; } |
| - | @media screen and (min-width: 40em) { |
| - | .column, .columns { |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; } } |
| - | .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { |
| - | float: right; } |
| - | .column.end:last-child:last-child, .end.columns:last-child:last-child { |
| - | float: left; } |
| - | |
| - | .column.row.row, .row.row.columns { |
| - | float: none; } |
| - | .row .column.row.row, .row .row.row.columns { |
| - | padding-left: 0; |
| - | padding-right: 0; |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | |
| - | .small-1 { |
| - | width: 8.33333%; } |
| - | |
| - | .small-push-1 { |
| - | position: relative; |
| - | left: 8.33333%; } |
| - | |
| - | .small-pull-1 { |
| - | position: relative; |
| - | left: -8.33333%; } |
| - | |
| - | .small-offset-0 { |
| - | margin-left: 0%; } |
| - | |
| - | .small-2 { |
| - | width: 16.66667%; } |
| - | |
| - | .small-push-2 { |
| - | position: relative; |
| - | left: 16.66667%; } |
| - | |
| - | .small-pull-2 { |
| - | position: relative; |
| - | left: -16.66667%; } |
| - | |
| - | .small-offset-1 { |
| - | margin-left: 8.33333%; } |
| - | |
| - | .small-3 { |
| - | width: 25%; } |
| - | |
| - | .small-push-3 { |
| - | position: relative; |
| - | left: 25%; } |
| - | |
| - | .small-pull-3 { |
| - | position: relative; |
| - | left: -25%; } |
| - | |
| - | .small-offset-2 { |
| - | margin-left: 16.66667%; } |
| - | |
| - | .small-4 { |
| - | width: 33.33333%; } |
| - | |
| - | .small-push-4 { |
| - | position: relative; |
| - | left: 33.33333%; } |
| - | |
| - | .small-pull-4 { |
| - | position: relative; |
| - | left: -33.33333%; } |
| - | |
| - | .small-offset-3 { |
| - | margin-left: 25%; } |
| - | |
| - | .small-5 { |
| - | width: 41.66667%; } |
| - | |
| - | .small-push-5 { |
| - | position: relative; |
| - | left: 41.66667%; } |
| - | |
| - | .small-pull-5 { |
| - | position: relative; |
| - | left: -41.66667%; } |
| - | |
| - | .small-offset-4 { |
| - | margin-left: 33.33333%; } |
| - | |
| - | .small-6 { |
| - | width: 50%; } |
| - | |
| - | .small-push-6 { |
| - | position: relative; |
| - | left: 50%; } |
| - | |
| - | .small-pull-6 { |
| - | position: relative; |
| - | left: -50%; } |
| - | |
| - | .small-offset-5 { |
| - | margin-left: 41.66667%; } |
| - | |
| - | .small-7 { |
| - | width: 58.33333%; } |
| - | |
| - | .small-push-7 { |
| - | position: relative; |
| - | left: 58.33333%; } |
| - | |
| - | .small-pull-7 { |
| - | position: relative; |
| - | left: -58.33333%; } |
| - | |
| - | .small-offset-6 { |
| - | margin-left: 50%; } |
| - | |
| - | .small-8 { |
| - | width: 66.66667%; } |
| - | |
| - | .small-push-8 { |
| - | position: relative; |
| - | left: 66.66667%; } |
| - | |
| - | .small-pull-8 { |
| - | position: relative; |
| - | left: -66.66667%; } |
| - | |
| - | .small-offset-7 { |
| - | margin-left: 58.33333%; } |
| - | |
| - | .small-9 { |
| - | width: 75%; } |
| - | |
| - | .small-push-9 { |
| - | position: relative; |
| - | left: 75%; } |
| - | |
| - | .small-pull-9 { |
| - | position: relative; |
| - | left: -75%; } |
| - | |
| - | .small-offset-8 { |
| - | margin-left: 66.66667%; } |
| - | |
| - | .small-10 { |
| - | width: 83.33333%; } |
| - | |
| - | .small-push-10 { |
| - | position: relative; |
| - | left: 83.33333%; } |
| - | |
| - | .small-pull-10 { |
| - | position: relative; |
| - | left: -83.33333%; } |
| - | |
| - | .small-offset-9 { |
| - | margin-left: 75%; } |
| - | |
| - | .small-11 { |
| - | width: 91.66667%; } |
| - | |
| - | .small-push-11 { |
| - | position: relative; |
| - | left: 91.66667%; } |
| - | |
| - | .small-pull-11 { |
| - | position: relative; |
| - | left: -91.66667%; } |
| - | |
| - | .small-offset-10 { |
| - | margin-left: 83.33333%; } |
| - | |
| - | .small-12 { |
| - | width: 100%; } |
| - | |
| - | .small-offset-11 { |
| - | margin-left: 91.66667%; } |
| - | |
| - | .small-up-1 > .column, .small-up-1 > .columns { |
| - | width: 100%; |
| - | float: left; } |
| - | .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { |
| - | clear: both; } |
| - | .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-2 > .column, .small-up-2 > .columns { |
| - | width: 50%; |
| - | float: left; } |
| - | .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { |
| - | clear: both; } |
| - | .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-3 > .column, .small-up-3 > .columns { |
| - | width: 33.33333%; |
| - | float: left; } |
| - | .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { |
| - | clear: both; } |
| - | .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-4 > .column, .small-up-4 > .columns { |
| - | width: 25%; |
| - | float: left; } |
| - | .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { |
| - | clear: both; } |
| - | .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-5 > .column, .small-up-5 > .columns { |
| - | width: 20%; |
| - | float: left; } |
| - | .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { |
| - | clear: both; } |
| - | .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-6 > .column, .small-up-6 > .columns { |
| - | width: 16.66667%; |
| - | float: left; } |
| - | .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { |
| - | clear: both; } |
| - | .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-7 > .column, .small-up-7 > .columns { |
| - | width: 14.28571%; |
| - | float: left; } |
| - | .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { |
| - | clear: both; } |
| - | .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-up-8 > .column, .small-up-8 > .columns { |
| - | width: 12.5%; |
| - | float: left; } |
| - | .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { |
| - | clear: both; } |
| - | .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { |
| - | float: left; } |
| - | |
| - | .small-collapse > .column, .small-collapse > .columns { |
| - | padding-left: 0; |
| - | padding-right: 0; } |
| - | |
| - | .small-collapse .row { |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | |
| - | .small-uncollapse > .column, .small-uncollapse > .columns { |
| - | padding-left: 0.625rem; |
| - | padding-right: 0.625rem; } |
| - | |
| - | .small-centered { |
| - | float: none; |
| - | margin-left: auto; |
| - | margin-right: auto; } |
| - | |
| - | .small-uncentered, |
| - | .small-push-0, |
| - | .small-pull-0 { |
| - | position: static; |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | float: left; } |
| - | |
| - | @media screen and (min-width: 40em) { |
| - | .medium-1 { |
| - | width: 8.33333%; } |
| - | .medium-push-1 { |
| - | position: relative; |
| - | left: 8.33333%; } |
| - | .medium-pull-1 { |
| - | position: relative; |
| - | left: -8.33333%; } |
| - | .medium-offset-0 { |
| - | margin-left: 0%; } |
| - | .medium-2 { |
| - | width: 16.66667%; } |
| - | .medium-push-2 { |
| - | position: relative; |
| - | left: 16.66667%; } |
| - | .medium-pull-2 { |
| - | position: relative; |
| - | left: -16.66667%; } |
| - | .medium-offset-1 { |
| - | margin-left: 8.33333%; } |
| - | .medium-3 { |
| - | width: 25%; } |
| - | .medium-push-3 { |
| - | position: relative; |
| - | left: 25%; } |
| - | .medium-pull-3 { |
| - | position: relative; |
| - | left: -25%; } |
| - | .medium-offset-2 { |
| - | margin-left: 16.66667%; } |
| - | .medium-4 { |
| - | width: 33.33333%; } |
| - | .medium-push-4 { |
| - | position: relative; |
| - | left: 33.33333%; } |
| - | .medium-pull-4 { |
| - | position: relative; |
| - | left: -33.33333%; } |
| - | .medium-offset-3 { |
| - | margin-left: 25%; } |
| - | .medium-5 { |
| - | width: 41.66667%; } |
| - | .medium-push-5 { |
| - | position: relative; |
| - | left: 41.66667%; } |
| - | .medium-pull-5 { |
| - | position: relative; |
| - | left: -41.66667%; } |
| - | .medium-offset-4 { |
| - | margin-left: 33.33333%; } |
| - | .medium-6 { |
| - | width: 50%; } |
| - | .medium-push-6 { |
| - | position: relative; |
| - | left: 50%; } |
| - | .medium-pull-6 { |
| - | position: relative; |
| - | left: -50%; } |
| - | .medium-offset-5 { |
| - | margin-left: 41.66667%; } |
| - | .medium-7 { |
| - | width: 58.33333%; } |
| - | .medium-push-7 { |
| - | position: relative; |
| - | left: 58.33333%; } |
| - | .medium-pull-7 { |
| - | position: relative; |
| - | left: -58.33333%; } |
| - | .medium-offset-6 { |
| - | margin-left: 50%; } |
| - | .medium-8 { |
| - | width: 66.66667%; } |
| - | .medium-push-8 { |
| - | position: relative; |
| - | left: 66.66667%; } |
| - | .medium-pull-8 { |
| - | position: relative; |
| - | left: -66.66667%; } |
| - | .medium-offset-7 { |
| - | margin-left: 58.33333%; } |
| - | .medium-9 { |
| - | width: 75%; } |
| - | .medium-push-9 { |
| - | position: relative; |
| - | left: 75%; } |
| - | .medium-pull-9 { |
| - | position: relative; |
| - | left: -75%; } |
| - | .medium-offset-8 { |
| - | margin-left: 66.66667%; } |
| - | .medium-10 { |
| - | width: 83.33333%; } |
| - | .medium-push-10 { |
| - | position: relative; |
| - | left: 83.33333%; } |
| - | .medium-pull-10 { |
| - | position: relative; |
| - | left: -83.33333%; } |
| - | .medium-offset-9 { |
| - | margin-left: 75%; } |
| - | .medium-11 { |
| - | width: 91.66667%; } |
| - | .medium-push-11 { |
| - | position: relative; |
| - | left: 91.66667%; } |
| - | .medium-pull-11 { |
| - | position: relative; |
| - | left: -91.66667%; } |
| - | .medium-offset-10 { |
| - | margin-left: 83.33333%; } |
| - | .medium-12 { |
| - | width: 100%; } |
| - | .medium-offset-11 { |
| - | margin-left: 91.66667%; } |
| - | .medium-up-1 > .column, .medium-up-1 > .columns { |
| - | width: 100%; |
| - | float: left; } |
| - | .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { |
| - | clear: both; } |
| - | .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-2 > .column, .medium-up-2 > .columns { |
| - | width: 50%; |
| - | float: left; } |
| - | .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { |
| - | clear: both; } |
| - | .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-3 > .column, .medium-up-3 > .columns { |
| - | width: 33.33333%; |
| - | float: left; } |
| - | .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { |
| - | clear: both; } |
| - | .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-4 > .column, .medium-up-4 > .columns { |
| - | width: 25%; |
| - | float: left; } |
| - | .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { |
| - | clear: both; } |
| - | .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-5 > .column, .medium-up-5 > .columns { |
| - | width: 20%; |
| - | float: left; } |
| - | .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { |
| - | clear: both; } |
| - | .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-6 > .column, .medium-up-6 > .columns { |
| - | width: 16.66667%; |
| - | float: left; } |
| - | .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { |
| - | clear: both; } |
| - | .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-7 > .column, .medium-up-7 > .columns { |
| - | width: 14.28571%; |
| - | float: left; } |
| - | .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { |
| - | clear: both; } |
| - | .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { |
| - | float: left; } |
| - | .medium-up-8 > .column, .medium-up-8 > .columns { |
| - | width: 12.5%; |
| - | float: left; } |
| - | .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { |
| - | clear: both; } |
| - | .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { |
| - | float: left; } |
| - | .medium-collapse > .column, .medium-collapse > .columns { |
| - | padding-left: 0; |
| - | padding-right: 0; } |
| - | .medium-collapse .row { |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | .medium-uncollapse > .column, .medium-uncollapse > .columns { |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; } |
| - | .medium-centered { |
| - | float: none; |
| - | margin-left: auto; |
| - | margin-right: auto; } |
| - | .medium-uncentered, |
| - | .medium-push-0, |
| - | .medium-pull-0 { |
| - | position: static; |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | float: left; } } |
| - | |
| - | @media screen and (min-width: 64em) { |
| - | .large-1 { |
| - | width: 8.33333%; } |
| - | .large-push-1 { |
| - | position: relative; |
| - | left: 8.33333%; } |
| - | .large-pull-1 { |
| - | position: relative; |
| - | left: -8.33333%; } |
| - | .large-offset-0 { |
| - | margin-left: 0%; } |
| - | .large-2 { |
| - | width: 16.66667%; } |
| - | .large-push-2 { |
| - | position: relative; |
| - | left: 16.66667%; } |
| - | .large-pull-2 { |
| - | position: relative; |
| - | left: -16.66667%; } |
| - | .large-offset-1 { |
| - | margin-left: 8.33333%; } |
| - | .large-3 { |
| - | width: 25%; } |
| - | .large-push-3 { |
| - | position: relative; |
| - | left: 25%; } |
| - | .large-pull-3 { |
| - | position: relative; |
| - | left: -25%; } |
| - | .large-offset-2 { |
| - | margin-left: 16.66667%; } |
| - | .large-4 { |
| - | width: 33.33333%; } |
| - | .large-push-4 { |
| - | position: relative; |
| - | left: 33.33333%; } |
| - | .large-pull-4 { |
| - | position: relative; |
| - | left: -33.33333%; } |
| - | .large-offset-3 { |
| - | margin-left: 25%; } |
| - | .large-5 { |
| - | width: 41.66667%; } |
| - | .large-push-5 { |
| - | position: relative; |
| - | left: 41.66667%; } |
| - | .large-pull-5 { |
| - | position: relative; |
| - | left: -41.66667%; } |
| - | .large-offset-4 { |
| - | margin-left: 33.33333%; } |
| - | .large-6 { |
| - | width: 50%; } |
| - | .large-push-6 { |
| - | position: relative; |
| - | left: 50%; } |
| - | .large-pull-6 { |
| - | position: relative; |
| - | left: -50%; } |
| - | .large-offset-5 { |
| - | margin-left: 41.66667%; } |
| - | .large-7 { |
| - | width: 58.33333%; } |
| - | .large-push-7 { |
| - | position: relative; |
| - | left: 58.33333%; } |
| - | .large-pull-7 { |
| - | position: relative; |
| - | left: -58.33333%; } |
| - | .large-offset-6 { |
| - | margin-left: 50%; } |
| - | .large-8 { |
| - | width: 66.66667%; } |
| - | .large-push-8 { |
| - | position: relative; |
| - | left: 66.66667%; } |
| - | .large-pull-8 { |
| - | position: relative; |
| - | left: -66.66667%; } |
| - | .large-offset-7 { |
| - | margin-left: 58.33333%; } |
| - | .large-9 { |
| - | width: 75%; } |
| - | .large-push-9 { |
| - | position: relative; |
| - | left: 75%; } |
| - | .large-pull-9 { |
| - | position: relative; |
| - | left: -75%; } |
| - | .large-offset-8 { |
| - | margin-left: 66.66667%; } |
| - | .large-10 { |
| - | width: 83.33333%; } |
| - | .large-push-10 { |
| - | position: relative; |
| - | left: 83.33333%; } |
| - | .large-pull-10 { |
| - | position: relative; |
| - | left: -83.33333%; } |
| - | .large-offset-9 { |
| - | margin-left: 75%; } |
| - | .large-11 { |
| - | width: 91.66667%; } |
| - | .large-push-11 { |
| - | position: relative; |
| - | left: 91.66667%; } |
| - | .large-pull-11 { |
| - | position: relative; |
| - | left: -91.66667%; } |
| - | .large-offset-10 { |
| - | margin-left: 83.33333%; } |
| - | .large-12 { |
| - | width: 100%; } |
| - | .large-offset-11 { |
| - | margin-left: 91.66667%; } |
| - | .large-up-1 > .column, .large-up-1 > .columns { |
| - | width: 100%; |
| - | float: left; } |
| - | .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { |
| - | clear: both; } |
| - | .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-2 > .column, .large-up-2 > .columns { |
| - | width: 50%; |
| - | float: left; } |
| - | .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { |
| - | clear: both; } |
| - | .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-3 > .column, .large-up-3 > .columns { |
| - | width: 33.33333%; |
| - | float: left; } |
| - | .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { |
| - | clear: both; } |
| - | .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-4 > .column, .large-up-4 > .columns { |
| - | width: 25%; |
| - | float: left; } |
| - | .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { |
| - | clear: both; } |
| - | .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-5 > .column, .large-up-5 > .columns { |
| - | width: 20%; |
| - | float: left; } |
| - | .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { |
| - | clear: both; } |
| - | .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-6 > .column, .large-up-6 > .columns { |
| - | width: 16.66667%; |
| - | float: left; } |
| - | .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { |
| - | clear: both; } |
| - | .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-7 > .column, .large-up-7 > .columns { |
| - | width: 14.28571%; |
| - | float: left; } |
| - | .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { |
| - | clear: both; } |
| - | .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { |
| - | float: left; } |
| - | .large-up-8 > .column, .large-up-8 > .columns { |
| - | width: 12.5%; |
| - | float: left; } |
| - | .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { |
| - | clear: none; } |
| - | .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { |
| - | clear: both; } |
| - | .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { |
| - | float: left; } |
| - | .large-collapse > .column, .large-collapse > .columns { |
| - | padding-left: 0; |
| - | padding-right: 0; } |
| - | .large-collapse .row { |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | .large-uncollapse > .column, .large-uncollapse > .columns { |
| - | padding-left: 0.9375rem; |
| - | padding-right: 0.9375rem; } |
| - | .large-centered { |
| - | float: none; |
| - | margin-left: auto; |
| - | margin-right: auto; } |
| - | .large-uncentered, |
| - | .large-push-0, |
| - | .large-pull-0 { |
| - | position: static; |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | float: left; } } |
| - | |
| - | div, |
| - | dl, |
| - | dt, |
| - | dd, |
| - | ul, |
| - | ol, |
| - | li, |
| - | h1, |
| - | h2, |
| - | h3, |
| - | h4, |
| - | h5, |
| - | h6, |
| - | pre, |
| - | form, |
| - | p, |
| - | blockquote, |
| - | th, |
| - | td { |
| - | margin: 0; |
| - | padding: 0; } |
| - | |
| - | p { |
| - | font-size: inherit; |
| - | line-height: 1.6; |
| - | margin-bottom: 1rem; |
| - | text-rendering: optimizeLegibility; } |
| - | |
| - | em, |
| - | i { |
| - | font-style: italic; |
| - | line-height: inherit; } |
| - | |
| - | strong, |
| - | b { |
| - | font-weight: bold; |
| - | line-height: inherit; } |
| - | |
| - | small { |
| - | font-size: 80%; |
| - | line-height: inherit; } |
| - | |
| - | h1, |
| - | h2, |
| - | h3, |
| - | h4, |
| - | h5, |
| - | h6 { |
| - | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | font-weight: normal; |
| - | font-style: normal; |
| - | color: inherit; |
| - | text-rendering: optimizeLegibility; |
| - | margin-top: 0; |
| - | margin-bottom: 0.5rem; |
| - | line-height: 1.4; } |
| - | h1 small, |
| - | h2 small, |
| - | h3 small, |
| - | h4 small, |
| - | h5 small, |
| - | h6 small { |
| - | color: #cacaca; |
| - | line-height: 0; } |
| - | |
| - | h1 { |
| - | font-size: 1.5rem; } |
| - | |
| - | h2 { |
| - | font-size: 1.25rem; } |
| - | |
| - | h3 { |
| - | font-size: 1.1875rem; } |
| - | |
| - | h4 { |
| - | font-size: 1.125rem; } |
| - | |
| - | h5 { |
| - | font-size: 1.0625rem; } |
| - | |
| - | h6 { |
| - | font-size: 1rem; } |
| - | |
| - | @media screen and (min-width: 40em) { |
| - | h1 { |
| - | font-size: 3rem; } |
| - | h2 { |
| - | font-size: 2.5rem; } |
| - | h3 { |
| - | font-size: 1.9375rem; } |
| - | h4 { |
| - | font-size: 1.5625rem; } |
| - | h5 { |
| - | font-size: 1.25rem; } |
| - | h6 { |
| - | font-size: 1rem; } } |
| - | |
| - | a { |
| - | color: #2199e8; |
| - | text-decoration: none; |
| - | line-height: inherit; |
| - | cursor: pointer; } |
| - | a:hover, a:focus { |
| - | color: #1585cf; } |
| - | a img { |
| - | border: 0; } |
| - | |
| - | hr { |
| - | max-width: 75rem; |
| - | height: 0; |
| - | border-right: 0; |
| - | border-top: 0; |
| - | border-bottom: 1px solid #cacaca; |
| - | border-left: 0; |
| - | margin: 1.25rem auto; |
| - | clear: both; } |
| - | |
| - | ul, |
| - | ol, |
| - | dl { |
| - | line-height: 1.6; |
| - | margin-bottom: 1rem; |
| - | list-style-position: outside; } |
| - | |
| - | li { |
| - | font-size: inherit; } |
| - | |
| - | ul { |
| - | list-style-type: disc; |
| - | margin-left: 1.25rem; } |
| - | |
| - | ol { |
| - | margin-left: 1.25rem; } |
| - | |
| - | ul ul, ol ul, ul ol, ol ol { |
| - | margin-left: 1.25rem; |
| - | margin-bottom: 0; } |
| - | |
| - | dl { |
| - | margin-bottom: 1rem; } |
| - | dl dt { |
| - | margin-bottom: 0.3rem; |
| - | font-weight: bold; } |
| - | |
| - | blockquote { |
| - | margin: 0 0 1rem; |
| - | padding: 0.5625rem 1.25rem 0 1.1875rem; |
| - | border-left: 1px solid #cacaca; } |
| - | blockquote, blockquote p { |
| - | line-height: 1.6; |
| - | color: #8a8a8a; } |
| - | |
| - | cite { |
| - | display: block; |
| - | font-size: 0.8125rem; |
| - | color: #8a8a8a; } |
| - | cite:before { |
| - | content: '\2014 \0020'; } |
| - | |
| - | abbr { |
| - | color: #0a0a0a; |
| - | cursor: help; |
| - | border-bottom: 1px dotted #0a0a0a; } |
| - | |
| - | code { |
| - | font-family: Consolas, "Liberation Mono", Courier, monospace; |
| - | font-weight: normal; |
| - | color: #0a0a0a; |
| - | background-color: #e6e6e6; |
| - | border: 1px solid #cacaca; |
| - | padding: 0.125rem 0.3125rem 0.0625rem; } |
| - | |
| - | kbd { |
| - | padding: 0.125rem 0.25rem 0; |
| - | margin: 0; |
| - | background-color: #e6e6e6; |
| - | color: #0a0a0a; |
| - | font-family: Consolas, "Liberation Mono", Courier, monospace; } |
| - | |
| - | .subheader { |
| - | margin-top: 0.2rem; |
| - | margin-bottom: 0.5rem; |
| - | font-weight: normal; |
| - | line-height: 1.4; |
| - | color: #8a8a8a; } |
| - | |
| - | .lead { |
| - | font-size: 125%; |
| - | line-height: 1.6; } |
| - | |
| - | .stat { |
| - | font-size: 2.5rem; |
| - | line-height: 1; } |
| - | p + .stat { |
| - | margin-top: -1rem; } |
| - | |
| - | .no-bullet { |
| - | margin-left: 0; |
| - | list-style: none; } |
| - | |
| - | .text-left { |
| - | text-align: left; } |
| - | |
| - | .text-right { |
| - | text-align: right; } |
| - | |
| - | .text-center { |
| - | text-align: center; } |
| - | |
| - | .text-justify { |
| - | text-align: justify; } |
| - | |
| - | @media screen and (min-width: 40em) { |
| - | .medium-text-left { |
| - | text-align: left; } |
| - | .medium-text-right { |
| - | text-align: right; } |
| - | .medium-text-center { |
| - | text-align: center; } |
| - | .medium-text-justify { |
| - | text-align: justify; } } |
| - | |
| - | @media screen and (min-width: 64em) { |
| - | .large-text-left { |
| - | text-align: left; } |
| - | .large-text-right { |
| - | text-align: right; } |
| - | .large-text-center { |
| - | text-align: center; } |
| - | .large-text-justify { |
| - | text-align: justify; } } |
| - | |
| - | .show-for-print { |
| - | display: none !important; } |
| - | |
| - | @media print { |
| - | * { |
| - | background: transparent !important; |
| - | color: black !important; |
| - | box-shadow: none !important; |
| - | text-shadow: none !important; } |
| - | .show-for-print { |
| - | display: block !important; } |
| - | .hide-for-print { |
| - | display: none !important; } |
| - | table.show-for-print { |
| - | display: table !important; } |
| - | thead.show-for-print { |
| - | display: table-header-group !important; } |
| - | tbody.show-for-print { |
| - | display: table-row-group !important; } |
| - | tr.show-for-print { |
| - | display: table-row !important; } |
| - | td.show-for-print { |
| - | display: table-cell !important; } |
| - | th.show-for-print { |
| - | display: table-cell !important; } |
| - | a, |
| - | a:visited { |
| - | text-decoration: underline; } |
| - | a[href]:after { |
| - | content: " (" attr(href) ")"; } |
| - | .ir a:after, |
| - | a[href^='javascript:']:after, |
| - | a[href^='#']:after { |
| - | content: ''; } |
| - | abbr[title]:after { |
| - | content: " (" attr(title) ")"; } |
| - | pre, |
| - | blockquote { |
| - | border: 1px solid #8a8a8a; |
| - | page-break-inside: avoid; } |
| - | thead { |
| - | display: table-header-group; } |
| - | tr, |
| - | img { |
| - | page-break-inside: avoid; } |
| - | img { |
| - | max-width: 100% !important; } |
| - | @page { |
| - | margin: 0.5cm; } |
| - | p, |
| - | h2, |
| - | h3 { |
| - | orphans: 3; |
| - | widows: 3; } |
| - | h2, |
| - | h3 { |
| - | page-break-after: avoid; } } |
| - | |
| - | [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], |
| - | textarea { |
| - | display: block; |
| - | box-sizing: border-box; |
| - | width: 100%; |
| - | height: 2.4375rem; |
| - | padding: 0.5rem; |
| - | border: 1px solid #cacaca; |
| - | margin: 0 0 1rem; |
| - | font-family: inherit; |
| - | font-size: 1rem; |
| - | color: #0a0a0a; |
| - | background-color: #fefefe; |
| - | box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); |
| - | border-radius: 0; |
| - | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; } |
| - | [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, |
| - | textarea:focus { |
| - | border: 1px solid #8a8a8a; |
| - | background-color: #fefefe; |
| - | outline: none; |
| - | box-shadow: 0 0 5px #cacaca; |
| - | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } |
| - | |
| - | textarea { |
| - | max-width: 100%; } |
| - | textarea[rows] { |
| - | height: auto; } |
| - | |
| - | input::-webkit-input-placeholder, |
| - | textarea::-webkit-input-placeholder { |
| - | color: #cacaca; } |
| - | |
| - | input::-moz-placeholder, |
| - | textarea::-moz-placeholder { |
| - | color: #cacaca; } |
| - | |
| - | input:-ms-input-placeholder, |
| - | textarea:-ms-input-placeholder { |
| - | color: #cacaca; } |
| - | |
| - | input::placeholder, |
| - | textarea::placeholder { |
| - | color: #cacaca; } |
| - | |
| - | input:disabled, input[readonly], |
| - | textarea:disabled, |
| - | textarea[readonly] { |
| - | background-color: #e6e6e6; |
| - | cursor: default; } |
| - | |
| - | [type='submit'], |
| - | [type='button'] { |
| - | border-radius: 0; |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; } |
| - | |
| - | input[type='search'] { |
| - | box-sizing: border-box; } |
| - | |
| - | [type='file'], |
| - | [type='checkbox'], |
| - | [type='radio'] { |
| - | margin: 0 0 1rem; } |
| - | |
| - | [type='checkbox'] + label, |
| - | [type='radio'] + label { |
| - | display: inline-block; |
| - | margin-left: 0.5rem; |
| - | margin-right: 1rem; |
| - | margin-bottom: 0; |
| - | vertical-align: baseline; } |
| - | [type='checkbox'] + label[for], |
| - | [type='radio'] + label[for] { |
| - | cursor: pointer; } |
| - | |
| - | label > [type='checkbox'], |
| - | label > [type='radio'] { |
| - | margin-right: 0.5rem; } |
| - | |
| - | [type='file'] { |
| - | width: 100%; } |
| - | |
| - | label { |
| - | display: block; |
| - | margin: 0; |
| - | font-size: 0.875rem; |
| - | font-weight: normal; |
| - | line-height: 1.8; |
| - | color: #0a0a0a; } |
| - | label.middle { |
| - | margin: 0 0 1rem; |
| - | padding: 0.5625rem 0; } |
| - | |
| - | .help-text { |
| - | margin-top: -0.5rem; |
| - | font-size: 0.8125rem; |
| - | font-style: italic; |
| - | color: #0a0a0a; } |
| - | |
| - | .input-group { |
| - | display: table; |
| - | width: 100%; |
| - | margin-bottom: 1rem; } |
| - | .input-group > :first-child { |
| - | border-radius: 0 0 0 0; } |
| - | .input-group > :last-child > * { |
| - | border-radius: 0 0 0 0; } |
| - | |
| - | .input-group-label, .input-group-field, .input-group-button { |
| - | margin: 0; |
| - | display: table-cell; |
| - | vertical-align: middle; } |
| - | |
| - | .input-group-label { |
| - | text-align: center; |
| - | padding: 0 1rem; |
| - | background: #e6e6e6; |
| - | color: #0a0a0a; |
| - | border: 1px solid #cacaca; |
| - | white-space: nowrap; |
| - | width: 1%; |
| - | height: 100%; } |
| - | .input-group-label:first-child { |
| - | border-right: 0; } |
| - | .input-group-label:last-child { |
| - | border-left: 0; } |
| - | |
| - | .input-group-field { |
| - | border-radius: 0; |
| - | height: 2.5rem; } |
| - | |
| - | .input-group-button { |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | text-align: center; |
| - | height: 100%; |
| - | width: 1%; } |
| - | .input-group-button a, |
| - | .input-group-button input, |
| - | .input-group-button button { |
| - | margin: 0; } |
| - | |
| - | .input-group .input-group-button { |
| - | display: table-cell; } |
| - | |
| - | fieldset { |
| - | border: 0; |
| - | padding: 0; |
| - | margin: 0; } |
| - | |
| - | legend { |
| - | margin-bottom: 0.5rem; |
| - | max-width: 100%; } |
| - | |
| - | .fieldset { |
| - | border: 1px solid #cacaca; |
| - | padding: 1.25rem; |
| - | margin: 1.125rem 0; } |
| - | .fieldset legend { |
| - | background: #fefefe; |
| - | padding: 0 0.1875rem; |
| - | margin: 0; |
| - | margin-left: -0.1875rem; } |
| - | |
| - | select { |
| - | height: 2.4375rem; |
| - | padding: 0.5rem; |
| - | border: 1px solid #cacaca; |
| - | margin: 0 0 1rem; |
| - | font-size: 1rem; |
| - | font-family: inherit; |
| - | line-height: normal; |
| - | color: #0a0a0a; |
| - | background-color: #fefefe; |
| - | border-radius: 0; |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; |
| - | background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>'); |
| - | background-size: 9px 6px; |
| - | background-position: right center; |
| - | background-origin: content-box; |
| - | background-repeat: no-repeat; } |
| - | @media screen and (min-width: 0\0) { |
| - | select { |
| - | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } |
| - | select:disabled { |
| - | background-color: #e6e6e6; |
| - | cursor: default; } |
| - | select::-ms-expand { |
| - | display: none; } |
| - | select[multiple] { |
| - | height: auto; |
| - | background-image: none; } |
| - | |
| - | .is-invalid-input:not(:focus) { |
| - | background-color: rgba(236, 88, 64, 0.1); |
| - | border-color: #ec5840; } |
| - | |
| - | .is-invalid-label { |
| - | color: #ec5840; } |
| - | |
| - | .form-error { |
| - | display: none; |
| - | margin-top: -0.5rem; |
| - | margin-bottom: 1rem; |
| - | font-size: 0.75rem; |
| - | font-weight: bold; |
| - | color: #ec5840; } |
| - | .form-error.is-visible { |
| - | display: block; } |
| - | |
| - | .button { |
| - | display: inline-block; |
| - | text-align: center; |
| - | line-height: 1; |
| - | cursor: pointer; |
| - | -webkit-appearance: none; |
| - | transition: background-color 0.25s ease-out, color 0.25s ease-out; |
| - | vertical-align: middle; |
| - | border: 1px solid transparent; |
| - | border-radius: 0; |
| - | padding: 0.85em 1em; |
| - | margin: 0 0 1rem 0; |
| - | font-size: 0.9rem; |
| - | background-color: #2199e8; |
| - | color: #fefefe; } |
| - | [data-whatinput='mouse'] .button { |
| - | outline: 0; } |
| - | .button:hover, .button:focus { |
| - | background-color: #1583cc; |
| - | color: #fefefe; } |
| - | .button.tiny { |
| - | font-size: 0.6rem; } |
| - | .button.small { |
| - | font-size: 0.75rem; } |
| - | .button.large { |
| - | font-size: 1.25rem; } |
| - | .button.expanded { |
| - | display: block; |
| - | width: 100%; |
| - | margin-left: 0; |
| - | margin-right: 0; } |
| - | .button.primary { |
| - | background-color: #2199e8; |
| - | color: #fefefe; } |
| - | .button.primary:hover, .button.primary:focus { |
| - | background-color: #147cc0; |
| - | color: #fefefe; } |
| - | .button.secondary { |
| - | background-color: #777; |
| - | color: #fefefe; } |
| - | .button.secondary:hover, .button.secondary:focus { |
| - | background-color: #5f5f5f; |
| - | color: #fefefe; } |
| - | .button.success { |
| - | background-color: #3adb76; |
| - | color: #fefefe; } |
| - | .button.success:hover, .button.success:focus { |
| - | background-color: #22bb5b; |
| - | color: #fefefe; } |
| - | .button.warning { |
| - | background-color: #ffae00; |
| - | color: #fefefe; } |
| - | .button.warning:hover, .button.warning:focus { |
| - | background-color: #cc8b00; |
| - | color: #fefefe; } |
| - | .button.alert { |
| - | background-color: #ec5840; |
| - | color: #fefefe; } |
| - | .button.alert:hover, .button.alert:focus { |
| - | background-color: #da3116; |
| - | color: #fefefe; } |
| - | .button.hollow { |
| - | border: 1px solid #2199e8; |
| - | color: #2199e8; } |
| - | .button.hollow, .button.hollow:hover, .button.hollow:focus { |
| - | background-color: transparent; } |
| - | .button.hollow:hover, .button.hollow:focus { |
| - | border-color: #0c4d78; |
| - | color: #0c4d78; } |
| - | .button.hollow.primary { |
| - | border: 1px solid #2199e8; |
| - | color: #2199e8; } |
| - | .button.hollow.primary:hover, .button.hollow.primary:focus { |
| - | border-color: #0c4d78; |
| - | color: #0c4d78; } |
| - | .button.hollow.secondary { |
| - | border: 1px solid #777; |
| - | color: #777; } |
| - | .button.hollow.secondary:hover, .button.hollow.secondary:focus { |
| - | border-color: #3c3c3c; |
| - | color: #3c3c3c; } |
| - | .button.hollow.success { |
| - | border: 1px solid #3adb76; |
| - | color: #3adb76; } |
| - | .button.hollow.success:hover, .button.hollow.success:focus { |
| - | border-color: #157539; |
| - | color: #157539; } |
| - | .button.hollow.warning { |
| - | border: 1px solid #ffae00; |
| - | color: #ffae00; } |
| - | .button.hollow.warning:hover, .button.hollow.warning:focus { |
| - | border-color: #805700; |
| - | color: #805700; } |
| - | .button.hollow.alert { |
| - | border: 1px solid #ec5840; |
| - | color: #ec5840; } |
| - | .button.hollow.alert:hover, .button.hollow.alert:focus { |
| - | border-color: #881f0e; |
| - | color: #881f0e; } |
| - | .button.disabled, .button[disabled] { |
| - | opacity: 0.25; |
| - | cursor: not-allowed; } |
| - | .button.dropdown::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 0.4em; |
| - | border-color: #fefefe transparent transparent; |
| - | border-top-style: solid; |
| - | border-bottom-width: 0; |
| - | position: relative; |
| - | top: 0.4em; |
| - | float: right; |
| - | margin-left: 1em; |
| - | display: inline-block; } |
| - | .button.arrow-only::after { |
| - | margin-left: 0; |
| - | float: none; |
| - | top: -0.1em; } |
| - | |
| - | .accordion { |
| - | list-style-type: none; |
| - | background: #fefefe; |
| - | border: 1px solid #e6e6e6; |
| - | border-bottom: 0; |
| - | border-radius: 0; |
| - | margin-left: 0; } |
| - | |
| - | .accordion-title { |
| - | display: block; |
| - | padding: 1.25rem 1rem; |
| - | line-height: 1; |
| - | font-size: 0.75rem; |
| - | color: #2199e8; |
| - | position: relative; |
| - | border-bottom: 1px solid #e6e6e6; } |
| - | .accordion-title:hover, .accordion-title:focus { |
| - | background-color: #e6e6e6; } |
| - | .accordion-title::before { |
| - | content: '+'; |
| - | position: absolute; |
| - | right: 1rem; |
| - | top: 50%; |
| - | margin-top: -0.5rem; } |
| - | .is-active > .accordion-title::before { |
| - | content: '–'; } |
| - | |
| - | .accordion-content { |
| - | padding: 1rem; |
| - | display: none; |
| - | border-bottom: 1px solid #e6e6e6; |
| - | background-color: #fefefe; } |
| - | |
| - | .is-accordion-submenu-parent > a { |
| - | position: relative; } |
| - | .is-accordion-submenu-parent > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: #2199e8 transparent transparent; |
| - | border-top-style: solid; |
| - | border-bottom-width: 0; |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -4px; |
| - | right: 1rem; } |
| - | |
| - | .is-accordion-submenu-parent[aria-expanded='true'] > a::after { |
| - | -webkit-transform-origin: 50% 50%; |
| - | -ms-transform-origin: 50% 50%; |
| - | transform-origin: 50% 50%; |
| - | -webkit-transform: scaleY(-1); |
| - | -ms-transform: scaleY(-1); |
| - | transform: scaleY(-1); } |
| - | |
| - | .badge { |
| - | display: inline-block; |
| - | padding: 0.3em; |
| - | min-width: 2.1em; |
| - | font-size: 0.6rem; |
| - | text-align: center; |
| - | border-radius: 50%; |
| - | background: #2199e8; |
| - | color: #fefefe; } |
| - | .badge.secondary { |
| - | background: #777; |
| - | color: #fefefe; } |
| - | .badge.success { |
| - | background: #3adb76; |
| - | color: #fefefe; } |
| - | .badge.warning { |
| - | background: #ffae00; |
| - | color: #fefefe; } |
| - | .badge.alert { |
| - | background: #ec5840; |
| - | color: #fefefe; } |
| - | |
| - | .breadcrumbs { |
| - | list-style: none; |
| - | margin: 0 0 1rem 0; } |
| - | .breadcrumbs::before, .breadcrumbs::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .breadcrumbs::after { |
| - | clear: both; } |
| - | .breadcrumbs li { |
| - | float: left; |
| - | color: #0a0a0a; |
| - | font-size: 0.6875rem; |
| - | cursor: default; |
| - | text-transform: uppercase; } |
| - | .breadcrumbs li:not(:last-child)::after { |
| - | color: #cacaca; |
| - | content: "/"; |
| - | margin: 0 0.75rem; |
| - | position: relative; |
| - | top: 1px; |
| - | opacity: 1; } |
| - | .breadcrumbs a { |
| - | color: #2199e8; } |
| - | .breadcrumbs a:hover { |
| - | text-decoration: underline; } |
| - | .breadcrumbs .disabled { |
| - | color: #cacaca; |
| - | cursor: not-allowed; } |
| - | |
| - | .button-group { |
| - | margin-bottom: 1rem; |
| - | font-size: 0; } |
| - | .button-group::before, .button-group::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .button-group::after { |
| - | clear: both; } |
| - | .button-group .button { |
| - | margin: 0; |
| - | font-size: 0.9rem; } |
| - | .button-group .button:not(:last-child) { |
| - | margin-right: 1px; } |
| - | .button-group.tiny .button { |
| - | font-size: 0.6rem; } |
| - | .button-group.small .button { |
| - | font-size: 0.75rem; } |
| - | .button-group.large .button { |
| - | font-size: 1.25rem; } |
| - | .button-group.expanded { |
| - | margin-right: -1px; } |
| - | .button-group.expanded::before, .button-group.expanded::after { |
| - | display: none; } |
| - | .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { |
| - | display: inline-block; |
| - | width: calc(50% - 1px); |
| - | margin-right: 1px; } |
| - | .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { |
| - | display: inline-block; |
| - | width: calc(33.33333% - 1px); |
| - | margin-right: 1px; } |
| - | .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { |
| - | display: inline-block; |
| - | width: calc(25% - 1px); |
| - | margin-right: 1px; } |
| - | .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { |
| - | display: inline-block; |
| - | width: calc(20% - 1px); |
| - | margin-right: 1px; } |
| - | .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { |
| - | display: inline-block; |
| - | width: calc(16.66667% - 1px); |
| - | margin-right: 1px; } |
| - | .button-group.primary .button { |
| - | background-color: #2199e8; |
| - | color: #fefefe; } |
| - | .button-group.primary .button:hover, .button-group.primary .button:focus { |
| - | background-color: #147cc0; |
| - | color: #fefefe; } |
| - | .button-group.secondary .button { |
| - | background-color: #777; |
| - | color: #fefefe; } |
| - | .button-group.secondary .button:hover, .button-group.secondary .button:focus { |
| - | background-color: #5f5f5f; |
| - | color: #fefefe; } |
| - | .button-group.success .button { |
| - | background-color: #3adb76; |
| - | color: #fefefe; } |
| - | .button-group.success .button:hover, .button-group.success .button:focus { |
| - | background-color: #22bb5b; |
| - | color: #fefefe; } |
| - | .button-group.warning .button { |
| - | background-color: #ffae00; |
| - | color: #fefefe; } |
| - | .button-group.warning .button:hover, .button-group.warning .button:focus { |
| - | background-color: #cc8b00; |
| - | color: #fefefe; } |
| - | .button-group.alert .button { |
| - | background-color: #ec5840; |
| - | color: #fefefe; } |
| - | .button-group.alert .button:hover, .button-group.alert .button:focus { |
| - | background-color: #da3116; |
| - | color: #fefefe; } |
| - | .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { |
| - | width: 100%; |
| - | border-right: 1px solid transparent; } |
| - | .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) { |
| - | border-bottom: 1px solid #fefefe; } |
| - | @media screen and (min-width: 40em) { |
| - | .button-group.stacked-for-small .button { |
| - | width: auto; } |
| - | .button-group.stacked-for-small .button:not(:last-child) { |
| - | margin-right: 1px; } } |
| - | @media screen and (min-width: 64em) { |
| - | .button-group.stacked-for-medium .button { |
| - | width: auto; } |
| - | .button-group.stacked-for-medium .button:not(:last-child) { |
| - | margin-right: 1px; } } |
| - | @media screen and (max-width: 39.9375em) { |
| - | .button-group.stacked-for-small.expanded { |
| - | display: block; } |
| - | .button-group.stacked-for-small.expanded .button { |
| - | display: block; |
| - | margin-right: 0; } } |
| - | |
| - | .callout { |
| - | margin: 0 0 1rem 0; |
| - | padding: 1rem; |
| - | border: 1px solid rgba(10, 10, 10, 0.25); |
| - | border-radius: 0; |
| - | position: relative; |
| - | color: #0a0a0a; |
| - | background-color: white; } |
| - | .callout > :first-child { |
| - | margin-top: 0; } |
| - | .callout > :last-child { |
| - | margin-bottom: 0; } |
| - | .callout.primary { |
| - | background-color: #def0fc; } |
| - | .callout.secondary { |
| - | background-color: #ebebeb; } |
| - | .callout.success { |
| - | background-color: #e1faea; } |
| - | .callout.warning { |
| - | background-color: #fff3d9; } |
| - | .callout.alert { |
| - | background-color: #fce6e2; } |
| - | .callout.small { |
| - | padding-top: 0.5rem; |
| - | padding-right: 0.5rem; |
| - | padding-bottom: 0.5rem; |
| - | padding-left: 0.5rem; } |
| - | .callout.large { |
| - | padding-top: 3rem; |
| - | padding-right: 3rem; |
| - | padding-bottom: 3rem; |
| - | padding-left: 3rem; } |
| - | |
| - | .close-button { |
| - | position: absolute; |
| - | color: #8a8a8a; |
| - | right: 1rem; |
| - | top: 0.5rem; |
| - | font-size: 2em; |
| - | line-height: 1; |
| - | cursor: pointer; } |
| - | [data-whatinput='mouse'] .close-button { |
| - | outline: 0; } |
| - | .close-button:hover, .close-button:focus { |
| - | color: #0a0a0a; } |
| - | |
| - | .menu { |
| - | margin: 0; |
| - | list-style-type: none; } |
| - | .menu > li { |
| - | display: table-cell; |
| - | vertical-align: middle; } |
| - | [data-whatinput='mouse'] .menu > li { |
| - | outline: 0; } |
| - | .menu > li > a { |
| - | display: block; |
| - | padding: 0.7rem 1rem; |
| - | line-height: 1; } |
| - | .menu input, |
| - | .menu a, |
| - | .menu button { |
| - | margin-bottom: 0; } |
| - | .menu > li > a img, |
| - | .menu > li > a i { |
| - | vertical-align: middle; } |
| - | .menu > li > a i + span, |
| - | .menu > li > a img + span { |
| - | vertical-align: middle; } |
| - | .menu > li > a img, |
| - | .menu > li > a i { |
| - | margin-right: 0.25rem; |
| - | display: inline-block; } |
| - | .menu > li { |
| - | display: table-cell; } |
| - | .menu.vertical > li { |
| - | display: block; } |
| - | @media screen and (min-width: 40em) { |
| - | .menu.medium-horizontal > li { |
| - | display: table-cell; } |
| - | .menu.medium-vertical > li { |
| - | display: block; } } |
| - | @media screen and (min-width: 64em) { |
| - | .menu.large-horizontal > li { |
| - | display: table-cell; } |
| - | .menu.large-vertical > li { |
| - | display: block; } } |
| - | .menu.simple li { |
| - | line-height: 1; |
| - | display: inline-block; |
| - | margin-right: 1rem; } |
| - | .menu.simple a { |
| - | padding: 0; } |
| - | .menu.align-right::before, .menu.align-right::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .menu.align-right::after { |
| - | clear: both; } |
| - | .menu.align-right > li { |
| - | float: right; } |
| - | .menu.expanded { |
| - | width: 100%; |
| - | display: table; |
| - | table-layout: fixed; } |
| - | .menu.expanded > li:first-child:last-child { |
| - | width: 100%; } |
| - | .menu.icon-top > li > a { |
| - | text-align: center; } |
| - | .menu.icon-top > li > a img, |
| - | .menu.icon-top > li > a i { |
| - | display: block; |
| - | margin: 0 auto 0.25rem; } |
| - | .menu.nested { |
| - | margin-left: 1rem; } |
| - | .menu .active > a { |
| - | color: #fefefe; |
| - | background: #2199e8; } |
| - | |
| - | .menu-text { |
| - | font-weight: bold; |
| - | color: inherit; |
| - | line-height: 1; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | padding: 0.7rem 1rem; } |
| - | |
| - | .menu-centered { |
| - | text-align: center; } |
| - | .menu-centered > .menu { |
| - | display: inline-block; } |
| - | |
| - | .no-js [data-responsive-menu] ul { |
| - | display: none; } |
| - | |
| - | .menu-icon { |
| - | position: relative; |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | cursor: pointer; |
| - | width: 20px; |
| - | height: 16px; } |
| - | .menu-icon::after { |
| - | content: ''; |
| - | position: absolute; |
| - | display: block; |
| - | width: 100%; |
| - | height: 2px; |
| - | background: #fefefe; |
| - | top: 0; |
| - | left: 0; |
| - | box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } |
| - | .menu-icon:hover::after { |
| - | background: #cacaca; |
| - | box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } |
| - | |
| - | .menu-icon.dark { |
| - | position: relative; |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | cursor: pointer; |
| - | width: 20px; |
| - | height: 16px; } |
| - | .menu-icon.dark::after { |
| - | content: ''; |
| - | position: absolute; |
| - | display: block; |
| - | width: 100%; |
| - | height: 2px; |
| - | background: #0a0a0a; |
| - | top: 0; |
| - | left: 0; |
| - | box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } |
| - | .menu-icon.dark:hover::after { |
| - | background: #8a8a8a; |
| - | box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } |
| - | |
| - | .is-drilldown { |
| - | position: relative; |
| - | overflow: hidden; } |
| - | .is-drilldown li { |
| - | display: block !important; } |
| - | |
| - | .is-drilldown-submenu { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 100%; |
| - | z-index: -1; |
| - | height: 100%; |
| - | width: 100%; |
| - | background: #fefefe; |
| - | transition: -webkit-transform 0.15s linear; |
| - | transition: transform 0.15s linear; } |
| - | .is-drilldown-submenu.is-active { |
| - | z-index: 1; |
| - | display: block; |
| - | -webkit-transform: translateX(-100%); |
| - | -ms-transform: translateX(-100%); |
| - | transform: translateX(-100%); } |
| - | .is-drilldown-submenu.is-closing { |
| - | -webkit-transform: translateX(100%); |
| - | -ms-transform: translateX(100%); |
| - | transform: translateX(100%); } |
| - | |
| - | .is-drilldown-submenu-parent > a { |
| - | position: relative; } |
| - | .is-drilldown-submenu-parent > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: transparent transparent transparent #2199e8; |
| - | border-left-style: solid; |
| - | border-right-width: 0; |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -6px; |
| - | right: 1rem; } |
| - | |
| - | .js-drilldown-back > a::before { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 6px; |
| - | border-color: transparent #2199e8 transparent transparent; |
| - | border-right-style: solid; |
| - | border-left-width: 0; |
| - | border-left-width: 0; |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | margin-right: 0.75rem; } |
| - | |
| - | .dropdown-pane { |
| - | background-color: #fefefe; |
| - | border: 1px solid #cacaca; |
| - | border-radius: 0; |
| - | display: block; |
| - | font-size: 1rem; |
| - | padding: 1rem; |
| - | position: absolute; |
| - | visibility: hidden; |
| - | width: 300px; |
| - | z-index: 10; } |
| - | .dropdown-pane.is-open { |
| - | visibility: visible; } |
| - | |
| - | .dropdown-pane.tiny { |
| - | width: 100px; } |
| - | |
| - | .dropdown-pane.small { |
| - | width: 200px; } |
| - | |
| - | .dropdown-pane.large { |
| - | width: 400px; } |
| - | |
| - | .dropdown.menu > li.opens-left > .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 0; |
| - | top: 100%; } |
| - | |
| - | .dropdown.menu > li.opens-right > .is-dropdown-submenu { |
| - | right: auto; |
| - | left: 0; |
| - | top: 100%; } |
| - | |
| - | .dropdown.menu > li.is-dropdown-submenu-parent > a { |
| - | padding-right: 1.5rem; |
| - | position: relative; } |
| - | |
| - | .dropdown.menu > li.is-dropdown-submenu-parent > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: #2199e8 transparent transparent; |
| - | border-top-style: solid; |
| - | border-bottom-width: 0; |
| - | right: 5px; |
| - | margin-top: -2px; } |
| - | |
| - | [data-whatinput='mouse'] .dropdown.menu a { |
| - | outline: 0; } |
| - | |
| - | .no-js .dropdown.menu ul { |
| - | display: none; } |
| - | |
| - | .dropdown.menu.vertical > li .is-dropdown-submenu { |
| - | top: 0; } |
| - | |
| - | .dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 100%; } |
| - | |
| - | .dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { |
| - | right: auto; |
| - | left: 100%; } |
| - | |
| - | .dropdown.menu.vertical > li > a::after { |
| - | right: 14px; |
| - | margin-top: -3px; } |
| - | |
| - | .dropdown.menu.vertical > li.opens-left > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent #2199e8 transparent transparent; |
| - | border-right-style: solid; |
| - | border-left-width: 0; } |
| - | |
| - | .dropdown.menu.vertical > li.opens-right > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent transparent transparent #2199e8; |
| - | border-left-style: solid; |
| - | border-right-width: 0; } |
| - | |
| - | @media screen and (min-width: 40em) { |
| - | .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 0; |
| - | top: 100%; } |
| - | .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { |
| - | right: auto; |
| - | left: 0; |
| - | top: 100%; } |
| - | .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { |
| - | padding-right: 1.5rem; |
| - | position: relative; } |
| - | .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: #2199e8 transparent transparent; |
| - | border-top-style: solid; |
| - | border-bottom-width: 0; |
| - | right: 5px; |
| - | margin-top: -2px; } |
| - | .dropdown.menu.medium-vertical > li .is-dropdown-submenu { |
| - | top: 0; } |
| - | .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 100%; } |
| - | .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { |
| - | right: auto; |
| - | left: 100%; } |
| - | .dropdown.menu.medium-vertical > li > a::after { |
| - | right: 14px; |
| - | margin-top: -3px; } |
| - | .dropdown.menu.medium-vertical > li.opens-left > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent #2199e8 transparent transparent; |
| - | border-right-style: solid; |
| - | border-left-width: 0; } |
| - | .dropdown.menu.medium-vertical > li.opens-right > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent transparent transparent #2199e8; |
| - | border-left-style: solid; |
| - | border-right-width: 0; } } |
| - | |
| - | @media screen and (min-width: 64em) { |
| - | .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 0; |
| - | top: 100%; } |
| - | .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { |
| - | right: auto; |
| - | left: 0; |
| - | top: 100%; } |
| - | .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { |
| - | padding-right: 1.5rem; |
| - | position: relative; } |
| - | .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: #2199e8 transparent transparent; |
| - | border-top-style: solid; |
| - | border-bottom-width: 0; |
| - | right: 5px; |
| - | margin-top: -2px; } |
| - | .dropdown.menu.large-vertical > li .is-dropdown-submenu { |
| - | top: 0; } |
| - | .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 100%; } |
| - | .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { |
| - | right: auto; |
| - | left: 100%; } |
| - | .dropdown.menu.large-vertical > li > a::after { |
| - | right: 14px; |
| - | margin-top: -3px; } |
| - | .dropdown.menu.large-vertical > li.opens-left > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent #2199e8 transparent transparent; |
| - | border-right-style: solid; |
| - | border-left-width: 0; } |
| - | .dropdown.menu.large-vertical > li.opens-right > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent transparent transparent #2199e8; |
| - | border-left-style: solid; |
| - | border-right-width: 0; } } |
| - | |
| - | .dropdown.menu.align-right .is-dropdown-submenu.first-sub { |
| - | top: 100%; |
| - | left: auto; |
| - | right: 0; } |
| - | |
| - | .is-dropdown-menu.vertical { |
| - | width: 100px; } |
| - | .is-dropdown-menu.vertical.align-right { |
| - | float: right; } |
| - | |
| - | .is-dropdown-submenu-parent { |
| - | position: relative; } |
| - | .is-dropdown-submenu-parent a::after { |
| - | position: absolute; |
| - | top: 50%; |
| - | right: 5px; |
| - | margin-top: -2px; } |
| - | .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { |
| - | top: 100%; } |
| - | .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { |
| - | left: auto; |
| - | right: 100%; } |
| - | |
| - | .is-dropdown-submenu { |
| - | display: none; |
| - | position: absolute; |
| - | top: 0; |
| - | left: 100%; |
| - | min-width: 200px; |
| - | z-index: 1; |
| - | background: #fefefe; |
| - | border: 1px solid #cacaca; } |
| - | .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { |
| - | right: 14px; |
| - | margin-top: -3px; } |
| - | .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent #2199e8 transparent transparent; |
| - | border-right-style: solid; |
| - | border-left-width: 0; } |
| - | .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 5px; |
| - | border-color: transparent transparent transparent #2199e8; |
| - | border-left-style: solid; |
| - | border-right-width: 0; } |
| - | .is-dropdown-submenu .is-dropdown-submenu { |
| - | margin-top: -1px; } |
| - | .is-dropdown-submenu > li { |
| - | width: 100%; } |
| - | .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { |
| - | display: block; } |
| - | |
| - | .flex-video { |
| - | position: relative; |
| - | height: 0; |
| - | padding-bottom: 75%; |
| - | margin-bottom: 1rem; |
| - | overflow: hidden; } |
| - | .flex-video iframe, |
| - | .flex-video object, |
| - | .flex-video embed, |
| - | .flex-video video { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; } |
| - | .flex-video.widescreen { |
| - | padding-bottom: 56.25%; } |
| - | .flex-video.vimeo { |
| - | padding-top: 0; } |
| - | |
| - | .label { |
| - | display: inline-block; |
| - | padding: 0.33333rem 0.5rem; |
| - | font-size: 0.8rem; |
| - | line-height: 1; |
| - | white-space: nowrap; |
| - | cursor: default; |
| - | border-radius: 0; |
| - | background: #2199e8; |
| - | color: #fefefe; } |
| - | .label.secondary { |
| - | background: #777; |
| - | color: #fefefe; } |
| - | .label.success { |
| - | background: #3adb76; |
| - | color: #fefefe; } |
| - | .label.warning { |
| - | background: #ffae00; |
| - | color: #fefefe; } |
| - | .label.alert { |
| - | background: #ec5840; |
| - | color: #fefefe; } |
| - | |
| - | .media-object { |
| - | margin-bottom: 1rem; |
| - | display: block; } |
| - | .media-object img { |
| - | max-width: none; } |
| - | @media screen and (max-width: 39.9375em) { |
| - | .media-object.stack-for-small .media-object-section { |
| - | padding: 0; |
| - | padding-bottom: 1rem; |
| - | display: block; } |
| - | .media-object.stack-for-small .media-object-section img { |
| - | width: 100%; } } |
| - | |
| - | .media-object-section { |
| - | display: table-cell; |
| - | vertical-align: top; } |
| - | .media-object-section:first-child { |
| - | padding-right: 1rem; } |
| - | .media-object-section:last-child:not(:nth-child(2)) { |
| - | padding-left: 1rem; } |
| - | .media-object-section.middle { |
| - | vertical-align: middle; } |
| - | .media-object-section.bottom { |
| - | vertical-align: bottom; } |
| - | |
| - | html, |
| - | body { |
| - | height: 100%; } |
| - | |
| - | .off-canvas-wrapper { |
| - | width: 100%; |
| - | overflow-x: hidden; |
| - | position: relative; |
| - | -webkit-backface-visibility: hidden; |
| - | backface-visibility: hidden; |
| - | -webkit-overflow-scrolling: auto; } |
| - | |
| - | .off-canvas-wrapper-inner { |
| - | position: relative; |
| - | width: 100%; |
| - | transition: -webkit-transform 0.5s ease; |
| - | transition: transform 0.5s ease; } |
| - | .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .off-canvas-wrapper-inner::after { |
| - | clear: both; } |
| - | |
| - | .off-canvas-content, |
| - | .off-canvas-content { |
| - | min-height: 100%; |
| - | background: #fefefe; |
| - | transition: -webkit-transform 0.5s ease; |
| - | transition: transform 0.5s ease; |
| - | -webkit-backface-visibility: hidden; |
| - | backface-visibility: hidden; |
| - | z-index: 1; |
| - | padding-bottom: 0.1px; |
| - | box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } |
| - | |
| - | .js-off-canvas-exit { |
| - | display: none; |
| - | position: absolute; |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | background: rgba(254, 254, 254, 0.25); |
| - | cursor: pointer; |
| - | transition: background 0.5s ease; } |
| - | |
| - | .off-canvas { |
| - | position: absolute; |
| - | background: #e6e6e6; |
| - | z-index: -1; |
| - | max-height: 100%; |
| - | overflow-y: auto; |
| - | -webkit-transform: translateX(0); |
| - | -ms-transform: translateX(0); |
| - | transform: translateX(0); } |
| - | [data-whatinput='mouse'] .off-canvas { |
| - | outline: 0; } |
| - | .off-canvas.position-left { |
| - | left: -250px; |
| - | top: 0; |
| - | width: 250px; } |
| - | .is-open-left { |
| - | -webkit-transform: translateX(250px); |
| - | -ms-transform: translateX(250px); |
| - | transform: translateX(250px); } |
| - | .off-canvas.position-right { |
| - | right: -250px; |
| - | top: 0; |
| - | width: 250px; } |
| - | .is-open-right { |
| - | -webkit-transform: translateX(-250px); |
| - | -ms-transform: translateX(-250px); |
| - | transform: translateX(-250px); } |
| - | |
| - | @media screen and (min-width: 40em) { |
| - | .position-left.reveal-for-medium { |
| - | left: 0; |
| - | z-index: auto; |
| - | position: fixed; } |
| - | .position-left.reveal-for-medium ~ .off-canvas-content { |
| - | margin-left: 250px; } |
| - | .position-right.reveal-for-medium { |
| - | right: 0; |
| - | z-index: auto; |
| - | position: fixed; } |
| - | .position-right.reveal-for-medium ~ .off-canvas-content { |
| - | margin-right: 250px; } } |
| - | |
| - | @media screen and (min-width: 64em) { |
| - | .position-left.reveal-for-large { |
| - | left: 0; |
| - | z-index: auto; |
| - | position: fixed; } |
| - | .position-left.reveal-for-large ~ .off-canvas-content { |
| - | margin-left: 250px; } |
| - | .position-right.reveal-for-large { |
| - | right: 0; |
| - | z-index: auto; |
| - | position: fixed; } |
| - | .position-right.reveal-for-large ~ .off-canvas-content { |
| - | margin-right: 250px; } } |
| - | |
| - | .orbit { |
| - | position: relative; } |
| - | |
| - | .orbit-container { |
| - | position: relative; |
| - | margin: 0; |
| - | overflow: hidden; |
| - | list-style: none; } |
| - | |
| - | .orbit-slide { |
| - | width: 100%; |
| - | max-height: 100%; } |
| - | .orbit-slide.no-motionui.is-active { |
| - | top: 0; |
| - | left: 0; } |
| - | |
| - | .orbit-figure { |
| - | margin: 0; } |
| - | |
| - | .orbit-image { |
| - | margin: 0; |
| - | width: 100%; |
| - | max-width: 100%; } |
| - | |
| - | .orbit-caption { |
| - | position: absolute; |
| - | bottom: 0; |
| - | width: 100%; |
| - | padding: 1rem; |
| - | margin-bottom: 0; |
| - | color: #fefefe; |
| - | background-color: rgba(10, 10, 10, 0.5); } |
| - | |
| - | .orbit-previous, .orbit-next { |
| - | position: absolute; |
| - | top: 50%; |
| - | -webkit-transform: translateY(-50%); |
| - | -ms-transform: translateY(-50%); |
| - | transform: translateY(-50%); |
| - | z-index: 10; |
| - | padding: 1rem; |
| - | color: #fefefe; } |
| - | [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { |
| - | outline: 0; } |
| - | .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { |
| - | background-color: rgba(10, 10, 10, 0.5); } |
| - | |
| - | .orbit-previous { |
| - | left: 0; } |
| - | |
| - | .orbit-next { |
| - | left: auto; |
| - | right: 0; } |
| - | |
| - | .orbit-bullets { |
| - | position: relative; |
| - | margin-top: 0.8rem; |
| - | margin-bottom: 0.8rem; |
| - | text-align: center; } |
| - | [data-whatinput='mouse'] .orbit-bullets { |
| - | outline: 0; } |
| - | .orbit-bullets button { |
| - | width: 1.2rem; |
| - | height: 1.2rem; |
| - | margin: 0.1rem; |
| - | background-color: #cacaca; |
| - | border-radius: 50%; } |
| - | .orbit-bullets button:hover { |
| - | background-color: #8a8a8a; } |
| - | .orbit-bullets button.is-active { |
| - | background-color: #8a8a8a; } |
| - | |
| - | .pagination { |
| - | margin-left: 0; |
| - | margin-bottom: 1rem; } |
| - | .pagination::before, .pagination::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .pagination::after { |
| - | clear: both; } |
| - | .pagination li { |
| - | font-size: 0.875rem; |
| - | margin-right: 0.0625rem; |
| - | border-radius: 0; |
| - | display: none; } |
| - | .pagination li:last-child, .pagination li:first-child { |
| - | display: inline-block; } |
| - | @media screen and (min-width: 40em) { |
| - | .pagination li { |
| - | display: inline-block; } } |
| - | .pagination a, |
| - | .pagination button { |
| - | color: #0a0a0a; |
| - | display: block; |
| - | padding: 0.1875rem 0.625rem; |
| - | border-radius: 0; } |
| - | .pagination a:hover, |
| - | .pagination button:hover { |
| - | background: #e6e6e6; } |
| - | .pagination .current { |
| - | padding: 0.1875rem 0.625rem; |
| - | background: #2199e8; |
| - | color: #fefefe; |
| - | cursor: default; } |
| - | .pagination .disabled { |
| - | padding: 0.1875rem 0.625rem; |
| - | color: #cacaca; |
| - | cursor: not-allowed; } |
| - | .pagination .disabled:hover { |
| - | background: transparent; } |
| - | .pagination .ellipsis::after { |
| - | content: '\2026'; |
| - | padding: 0.1875rem 0.625rem; |
| - | color: #0a0a0a; } |
| - | |
| - | .pagination-previous a::before, |
| - | .pagination-previous.disabled::before { |
| - | content: '\00ab'; |
| - | display: inline-block; |
| - | margin-right: 0.5rem; } |
| - | |
| - | .pagination-next a::after, |
| - | .pagination-next.disabled::after { |
| - | content: '\00bb'; |
| - | display: inline-block; |
| - | margin-left: 0.5rem; } |
| - | |
| - | .progress { |
| - | background-color: #cacaca; |
| - | height: 1rem; |
| - | margin-bottom: 1rem; |
| - | border-radius: 0; } |
| - | .progress.primary .progress-meter { |
| - | background-color: #2199e8; } |
| - | .progress.secondary .progress-meter { |
| - | background-color: #777; } |
| - | .progress.success .progress-meter { |
| - | background-color: #3adb76; } |
| - | .progress.warning .progress-meter { |
| - | background-color: #ffae00; } |
| - | .progress.alert .progress-meter { |
| - | background-color: #ec5840; } |
| - | |
| - | .progress-meter { |
| - | position: relative; |
| - | display: block; |
| - | width: 0%; |
| - | height: 100%; |
| - | background-color: #2199e8; } |
| - | |
| - | .progress-meter-text { |
| - | position: absolute; |
| - | top: 50%; |
| - | left: 50%; |
| - | -webkit-transform: translate(-50%, -50%); |
| - | -ms-transform: translate(-50%, -50%); |
| - | transform: translate(-50%, -50%); |
| - | position: absolute; |
| - | margin: 0; |
| - | font-size: 0.75rem; |
| - | font-weight: bold; |
| - | color: #fefefe; |
| - | white-space: nowrap; } |
| - | |
| - | .slider { |
| - | position: relative; |
| - | height: 0.5rem; |
| - | margin-top: 1.25rem; |
| - | margin-bottom: 2.25rem; |
| - | background-color: #e6e6e6; |
| - | cursor: pointer; |
| - | -webkit-user-select: none; |
| - | -moz-user-select: none; |
| - | -ms-user-select: none; |
| - | user-select: none; |
| - | -ms-touch-action: none; |
| - | touch-action: none; } |
| - | |
| - | .slider-fill { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 0; |
| - | display: inline-block; |
| - | max-width: 100%; |
| - | height: 0.5rem; |
| - | background-color: #cacaca; |
| - | transition: all 0.2s ease-in-out; } |
| - | .slider-fill.is-dragging { |
| - | transition: all 0s linear; } |
| - | |
| - | .slider-handle { |
| - | position: absolute; |
| - | top: 50%; |
| - | -webkit-transform: translateY(-50%); |
| - | -ms-transform: translateY(-50%); |
| - | transform: translateY(-50%); |
| - | position: absolute; |
| - | left: 0; |
| - | z-index: 1; |
| - | display: inline-block; |
| - | width: 1.4rem; |
| - | height: 1.4rem; |
| - | background-color: #2199e8; |
| - | transition: all 0.2s ease-in-out; |
| - | -ms-touch-action: manipulation; |
| - | touch-action: manipulation; |
| - | border-radius: 0; } |
| - | [data-whatinput='mouse'] .slider-handle { |
| - | outline: 0; } |
| - | .slider-handle:hover { |
| - | background-color: #1583cc; } |
| - | .slider-handle.is-dragging { |
| - | transition: all 0s linear; } |
| - | |
| - | .slider.disabled, |
| - | .slider[disabled] { |
| - | opacity: 0.25; |
| - | cursor: not-allowed; } |
| - | |
| - | .slider.vertical { |
| - | display: inline-block; |
| - | width: 0.5rem; |
| - | height: 12.5rem; |
| - | margin: 0 1.25rem; |
| - | -webkit-transform: scale(1, -1); |
| - | -ms-transform: scale(1, -1); |
| - | transform: scale(1, -1); } |
| - | .slider.vertical .slider-fill { |
| - | top: 0; |
| - | width: 0.5rem; |
| - | max-height: 100%; } |
| - | .slider.vertical .slider-handle { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 50%; |
| - | width: 1.4rem; |
| - | height: 1.4rem; |
| - | -webkit-transform: translateX(-50%); |
| - | -ms-transform: translateX(-50%); |
| - | transform: translateX(-50%); } |
| - | |
| - | .sticky-container { |
| - | position: relative; } |
| - | |
| - | .sticky { |
| - | position: absolute; |
| - | z-index: 0; |
| - | -webkit-transform: translate3d(0, 0, 0); |
| - | transform: translate3d(0, 0, 0); } |
| - | |
| - | .sticky.is-stuck { |
| - | position: fixed; |
| - | z-index: 5; } |
| - | .sticky.is-stuck.is-at-top { |
| - | top: 0; } |
| - | .sticky.is-stuck.is-at-bottom { |
| - | bottom: 0; } |
| - | |
| - | .sticky.is-anchored { |
| - | position: absolute; |
| - | left: auto; |
| - | right: auto; } |
| - | .sticky.is-anchored.is-at-bottom { |
| - | bottom: 0; } |
| - | |
| - | body.is-reveal-open { |
| - | overflow: hidden; } |
| - | |
| - | .reveal-overlay { |
| - | display: none; |
| - | position: fixed; |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: 1005; |
| - | background-color: rgba(10, 10, 10, 0.45); |
| - | overflow-y: scroll; } |
| - | |
| - | .reveal { |
| - | display: none; |
| - | z-index: 1006; |
| - | padding: 1rem; |
| - | border: 1px solid #cacaca; |
| - | background-color: #fefefe; |
| - | border-radius: 0; |
| - | position: relative; |
| - | top: 100px; |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | overflow-y: auto; } |
| - | [data-whatinput='mouse'] .reveal { |
| - | outline: 0; } |
| - | @media screen and (min-width: 40em) { |
| - | .reveal { |
| - | min-height: 0; } } |
| - | .reveal .column, .reveal .columns, |
| - | .reveal .columns { |
| - | min-width: 0; } |
| - | .reveal > :last-child { |
| - | margin-bottom: 0; } |
| - | @media screen and (min-width: 40em) { |
| - | .reveal { |
| - | width: 600px; |
| - | max-width: 75rem; } } |
| - | @media screen and (min-width: 40em) { |
| - | .reveal .reveal { |
| - | left: auto; |
| - | right: auto; |
| - | margin: 0 auto; } } |
| - | .reveal.collapse { |
| - | padding: 0; } |
| - | @media screen and (min-width: 40em) { |
| - | .reveal.tiny { |
| - | width: 30%; |
| - | max-width: 75rem; } } |
| - | @media screen and (min-width: 40em) { |
| - | .reveal.small { |
| - | width: 50%; |
| - | max-width: 75rem; } } |
| - | @media screen and (min-width: 40em) { |
| - | .reveal.large { |
| - | width: 90%; |
| - | max-width: 75rem; } } |
| - | .reveal.full { |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | height: 100vh; |
| - | min-height: 100vh; |
| - | max-width: none; |
| - | margin-left: 0; |
| - | border: 0; |
| - | border-radius: 0; } |
| - | @media screen and (max-width: 39.9375em) { |
| - | .reveal { |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | height: 100vh; |
| - | min-height: 100vh; |
| - | max-width: none; |
| - | margin-left: 0; |
| - | border: 0; |
| - | border-radius: 0; } } |
| - | .reveal.without-overlay { |
| - | position: fixed; } |
| - | |
| - | .switch { |
| - | margin-bottom: 1rem; |
| - | outline: 0; |
| - | position: relative; |
| - | -webkit-user-select: none; |
| - | -moz-user-select: none; |
| - | -ms-user-select: none; |
| - | user-select: none; |
| - | color: #fefefe; |
| - | font-weight: bold; |
| - | font-size: 0.875rem; } |
| - | |
| - | .switch-input { |
| - | opacity: 0; |
| - | position: absolute; } |
| - | |
| - | .switch-paddle { |
| - | background: #cacaca; |
| - | cursor: pointer; |
| - | display: block; |
| - | position: relative; |
| - | width: 4rem; |
| - | height: 2rem; |
| - | transition: all 0.25s ease-out; |
| - | border-radius: 0; |
| - | color: inherit; |
| - | font-weight: inherit; } |
| - | input + .switch-paddle { |
| - | margin: 0; } |
| - | .switch-paddle::after { |
| - | background: #fefefe; |
| - | content: ''; |
| - | display: block; |
| - | position: absolute; |
| - | height: 1.5rem; |
| - | left: 0.25rem; |
| - | top: 0.25rem; |
| - | width: 1.5rem; |
| - | transition: all 0.25s ease-out; |
| - | -webkit-transform: translate3d(0, 0, 0); |
| - | transform: translate3d(0, 0, 0); |
| - | border-radius: 0; } |
| - | input:checked ~ .switch-paddle { |
| - | background: #2199e8; } |
| - | input:checked ~ .switch-paddle::after { |
| - | left: 2.25rem; } |
| - | [data-whatinput='mouse'] input:focus ~ .switch-paddle { |
| - | outline: 0; } |
| - | |
| - | .switch-active, .switch-inactive { |
| - | position: absolute; |
| - | top: 50%; |
| - | -webkit-transform: translateY(-50%); |
| - | -ms-transform: translateY(-50%); |
| - | transform: translateY(-50%); } |
| - | |
| - | .switch-active { |
| - | left: 8%; |
| - | display: none; } |
| - | input:checked + label > .switch-active { |
| - | display: block; } |
| - | |
| - | .switch-inactive { |
| - | right: 15%; } |
| - | input:checked + label > .switch-inactive { |
| - | display: none; } |
| - | |
| - | .switch.tiny .switch-paddle { |
| - | width: 3rem; |
| - | height: 1.5rem; |
| - | font-size: 0.625rem; } |
| - | |
| - | .switch.tiny .switch-paddle::after { |
| - | width: 1rem; |
| - | height: 1rem; } |
| - | |
| - | .switch.tiny input:checked ~ .switch-paddle::after { |
| - | left: 1.75rem; } |
| - | |
| - | .switch.small .switch-paddle { |
| - | width: 3.5rem; |
| - | height: 1.75rem; |
| - | font-size: 0.75rem; } |
| - | |
| - | .switch.small .switch-paddle::after { |
| - | width: 1.25rem; |
| - | height: 1.25rem; } |
| - | |
| - | .switch.small input:checked ~ .switch-paddle::after { |
| - | left: 2rem; } |
| - | |
| - | .switch.large .switch-paddle { |
| - | width: 5rem; |
| - | height: 2.5rem; |
| - | font-size: 1rem; } |
| - | |
| - | .switch.large .switch-paddle::after { |
| - | width: 2rem; |
| - | height: 2rem; } |
| - | |
| - | .switch.large input:checked ~ .switch-paddle::after { |
| - | left: 2.75rem; } |
| - | |
| - | table { |
| - | width: 100%; |
| - | margin-bottom: 1rem; |
| - | border-radius: 0; } |
| - | table thead, |
| - | table tbody, |
| - | table tfoot { |
| - | border: 1px solid #f1f1f1; |
| - | background-color: #fefefe; } |
| - | table caption { |
| - | font-weight: bold; |
| - | padding: 0.5rem 0.625rem 0.625rem; } |
| - | table thead, |
| - | table tfoot { |
| - | background: #f8f8f8; |
| - | color: #0a0a0a; } |
| - | table thead tr, |
| - | table tfoot tr { |
| - | background: transparent; } |
| - | table thead th, |
| - | table thead td, |
| - | table tfoot th, |
| - | table tfoot td { |
| - | padding: 0.5rem 0.625rem 0.625rem; |
| - | font-weight: bold; |
| - | text-align: left; } |
| - | table tbody tr:nth-child(even) { |
| - | background-color: #f1f1f1; } |
| - | table tbody th, |
| - | table tbody td { |
| - | padding: 0.5rem 0.625rem 0.625rem; } |
| - | |
| - | @media screen and (max-width: 63.9375em) { |
| - | table.stack thead { |
| - | display: none; } |
| - | table.stack tfoot { |
| - | display: none; } |
| - | table.stack tr, |
| - | table.stack th, |
| - | table.stack td { |
| - | display: block; } |
| - | table.stack td { |
| - | border-top: 0; } } |
| - | |
| - | table.scroll { |
| - | display: block; |
| - | width: 100%; |
| - | overflow-x: auto; } |
| - | |
| - | table.hover tr:hover { |
| - | background-color: #f9f9f9; } |
| - | |
| - | table.hover tr:nth-of-type(even):hover { |
| - | background-color: #ececec; } |
| - | |
| - | .table-scroll { |
| - | overflow-x: auto; } |
| - | .table-scroll table { |
| - | width: auto; } |
| - | |
| - | .tabs { |
| - | margin: 0; |
| - | list-style-type: none; |
| - | background: #fefefe; |
| - | border: 1px solid #e6e6e6; } |
| - | .tabs::before, .tabs::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .tabs::after { |
| - | clear: both; } |
| - | |
| - | .tabs.vertical > li { |
| - | width: auto; |
| - | float: none; |
| - | display: block; } |
| - | |
| - | .tabs.simple > li > a { |
| - | padding: 0; } |
| - | .tabs.simple > li > a:hover { |
| - | background: transparent; } |
| - | |
| - | .tabs.primary { |
| - | background: #2199e8; } |
| - | .tabs.primary > li > a { |
| - | color: #fefefe; } |
| - | .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { |
| - | background: #1893e4; } |
| - | |
| - | .tabs-title { |
| - | float: left; } |
| - | .tabs-title > a { |
| - | display: block; |
| - | padding: 1.25rem 1.5rem; |
| - | line-height: 1; |
| - | font-size: 0.75rem; } |
| - | .tabs-title > a:hover { |
| - | background: #fefefe; } |
| - | .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { |
| - | background: #e6e6e6; } |
| - | |
| - | .tabs-content { |
| - | background: #fefefe; |
| - | transition: all 0.5s ease; |
| - | border: 1px solid #e6e6e6; |
| - | border-top: 0; } |
| - | |
| - | .tabs-content.vertical { |
| - | border: 1px solid #e6e6e6; |
| - | border-left: 0; } |
| - | |
| - | .tabs-panel { |
| - | display: none; |
| - | padding: 1rem; } |
| - | .tabs-panel.is-active { |
| - | display: block; } |
| - | |
| - | .thumbnail { |
| - | border: solid 4px #fefefe; |
| - | box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); |
| - | display: inline-block; |
| - | line-height: 0; |
| - | max-width: 100%; |
| - | transition: box-shadow 200ms ease-out; |
| - | border-radius: 0; |
| - | margin-bottom: 1rem; } |
| - | .thumbnail:hover, .thumbnail:focus { |
| - | box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); } |
| - | |
| - | .title-bar { |
| - | background: #0a0a0a; |
| - | color: #fefefe; |
| - | padding: 0.5rem; } |
| - | .title-bar::before, .title-bar::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .title-bar::after { |
| - | clear: both; } |
| - | .title-bar .menu-icon { |
| - | margin-left: 0.25rem; |
| - | margin-right: 0.5rem; } |
| - | |
| - | .title-bar-left { |
| - | float: left; } |
| - | |
| - | .title-bar-right { |
| - | float: right; |
| - | text-align: right; } |
| - | |
| - | .title-bar-title { |
| - | font-weight: bold; |
| - | vertical-align: middle; |
| - | display: inline-block; } |
| - | |
| - | .menu-icon.dark { |
| - | position: relative; |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | cursor: pointer; |
| - | width: 20px; |
| - | height: 16px; } |
| - | .menu-icon.dark::after { |
| - | content: ''; |
| - | position: absolute; |
| - | display: block; |
| - | width: 100%; |
| - | height: 2px; |
| - | background: #0a0a0a; |
| - | top: 0; |
| - | left: 0; |
| - | box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } |
| - | .menu-icon.dark:hover::after { |
| - | background: #8a8a8a; |
| - | box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } |
| - | |
| - | .has-tip { |
| - | border-bottom: dotted 1px #8a8a8a; |
| - | font-weight: bold; |
| - | position: relative; |
| - | display: inline-block; |
| - | cursor: help; } |
| - | |
| - | .tooltip { |
| - | background-color: #0a0a0a; |
| - | color: #fefefe; |
| - | font-size: 80%; |
| - | padding: 0.75rem; |
| - | position: absolute; |
| - | z-index: 10; |
| - | top: calc(100% + 0.6495rem); |
| - | max-width: 10rem !important; |
| - | border-radius: 0; } |
| - | .tooltip::before { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 0.75rem; |
| - | border-color: transparent transparent #0a0a0a; |
| - | border-bottom-style: solid; |
| - | border-top-width: 0; |
| - | bottom: 100%; |
| - | position: absolute; |
| - | left: 50%; |
| - | -webkit-transform: translateX(-50%); |
| - | -ms-transform: translateX(-50%); |
| - | transform: translateX(-50%); } |
| - | .tooltip.top::before { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 0.75rem; |
| - | border-color: #0a0a0a transparent transparent; |
| - | border-top-style: solid; |
| - | border-bottom-width: 0; |
| - | top: 100%; |
| - | bottom: auto; } |
| - | .tooltip.left::before { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 0.75rem; |
| - | border-color: transparent transparent transparent #0a0a0a; |
| - | border-left-style: solid; |
| - | border-right-width: 0; |
| - | bottom: auto; |
| - | left: 100%; |
| - | top: 50%; |
| - | -webkit-transform: translateY(-50%); |
| - | -ms-transform: translateY(-50%); |
| - | transform: translateY(-50%); } |
| - | .tooltip.right::before { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset 0.75rem; |
| - | border-color: transparent #0a0a0a transparent transparent; |
| - | border-right-style: solid; |
| - | border-left-width: 0; |
| - | bottom: auto; |
| - | left: auto; |
| - | right: 100%; |
| - | top: 50%; |
| - | -webkit-transform: translateY(-50%); |
| - | -ms-transform: translateY(-50%); |
| - | transform: translateY(-50%); } |
| - | |
| - | .top-bar { |
| - | padding: 0.5rem; } |
| - | .top-bar::before, .top-bar::after { |
| - | content: ' '; |
| - | display: table; } |
| - | .top-bar::after { |
| - | clear: both; } |
| - | .top-bar, |
| - | .top-bar ul { |
| - | background-color: #e6e6e6; } |
| - | .top-bar input { |
| - | max-width: 200px; |
| - | margin-right: 1rem; } |
| - | .top-bar .input-group-field { |
| - | width: 100%; |
| - | margin-right: 0; } |
| - | .top-bar input.button { |
| - | width: auto; } |
| - | .top-bar .top-bar-left, |
| - | .top-bar .top-bar-right { |
| - | width: 100%; } |
| - | @media screen and (min-width: 40em) { |
| - | .top-bar .top-bar-left, |
| - | .top-bar .top-bar-right { |
| - | width: auto; } } |
| - | @media screen and (max-width: 63.9375em) { |
| - | .top-bar.stacked-for-medium .top-bar-left, |
| - | .top-bar.stacked-for-medium .top-bar-right { |
| - | width: 100%; } } |
| - | @media screen and (max-width: 74.9375em) { |
| - | .top-bar.stacked-for-large .top-bar-left, |
| - | .top-bar.stacked-for-large .top-bar-right { |
| - | width: 100%; } } |
| - | |
| - | .top-bar-title { |
| - | float: left; |
| - | margin-right: 1rem; } |
| - | |
| - | .top-bar-left { |
| - | float: left; } |
| - | |
| - | .top-bar-right { |
| - | float: right; } |
| - | |
| - | .hide { |
| - | display: none !important; } |
| - | |
| - | .invisible { |
| - | visibility: hidden; } |
| - | |
| - | @media screen and (max-width: 39.9375em) { |
| - | .hide-for-small-only { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (max-width: 0em), screen and (min-width: 40em) { |
| - | .show-for-small-only { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (min-width: 40em) { |
| - | .hide-for-medium { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (max-width: 39.9375em) { |
| - | .show-for-medium { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (min-width: 40em) and (max-width: 63.9375em) { |
| - | .hide-for-medium-only { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { |
| - | .show-for-medium-only { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (min-width: 64em) { |
| - | .hide-for-large { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (max-width: 63.9375em) { |
| - | .show-for-large { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (min-width: 64em) and (max-width: 74.9375em) { |
| - | .hide-for-large-only { |
| - | display: none !important; } } |
| - | |
| - | @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { |
| - | .show-for-large-only { |
| - | display: none !important; } } |
| - | |
| - | .show-for-sr, |
| - | .show-on-focus { |
| - | position: absolute !important; |
| - | width: 1px; |
| - | height: 1px; |
| - | overflow: hidden; |
| - | clip: rect(0, 0, 0, 0); } |
| - | |
| - | .show-on-focus:active, .show-on-focus:focus { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; } |
| - | |
| - | .show-for-landscape, |
| - | .hide-for-portrait { |
| - | display: block !important; } |
| - | @media screen and (orientation: landscape) { |
| - | .show-for-landscape, |
| - | .hide-for-portrait { |
| - | display: block !important; } } |
| - | @media screen and (orientation: portrait) { |
| - | .show-for-landscape, |
| - | .hide-for-portrait { |
| - | display: none !important; } } |
| - | |
| - | .hide-for-landscape, |
| - | .show-for-portrait { |
| - | display: none !important; } |
| - | @media screen and (orientation: landscape) { |
| - | .hide-for-landscape, |
| - | .show-for-portrait { |
| - | display: none !important; } } |
| - | @media screen and (orientation: portrait) { |
| - | .hide-for-landscape, |
| - | .show-for-portrait { |
| - | display: block !important; } } |
| - | |
| - | .float-left { |
| - | float: left !important; } |
| - | |
| - | .float-right { |
| - | float: right !important; } |
| - | |
| - | .float-center { |
| - | display: block; |
| - | margin-left: auto; |
| - | margin-right: auto; } |
| - | |
| - | .clearfix::before, .clearfix::after { |
| - | content: ' '; |
| - | display: table; } |
| - | |
| - | .clearfix::after { |
| - | clear: both; } |
| - | |
| - | /*# sourceMappingURL=foundation.css.map */ |
generators/foundation6/public/stylesheets/foundation6/_global.scss
+0
-197
| @@ | @@ -1,197 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group global |
| - | //// |
| - | |
| - | /// Global width of your site. Used by the grid to determine row width. |
| - | /// @type Number |
| - | $global-width: rem-calc(1200) !default; |
| - | |
| - | /// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings. |
| - | /// @type Number |
| - | $global-font-size: 100% !default; |
| - | |
| - | /// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px |
| - | /// @type Number |
| - | $global-lineheight: 1.5 !default; |
| - | |
| - | /// Primary color for interactive components like links and buttons. |
| - | /// @type Color |
| - | $primary-color: #2199e8 !default; |
| - | |
| - | /// Secondary color, used with components that support the `.secondary` class. |
| - | /// @type Color |
| - | $secondary-color: #777 !default; |
| - | |
| - | /// Color to indicate a positive status or action, used with the `.success` class. |
| - | /// @type Color |
| - | $success-color: #3adb76 !default; |
| - | |
| - | /// Color to indicate a caution status or action, used with the `.warning` class. |
| - | /// @type Color |
| - | $warning-color: #ffae00 !default; |
| - | |
| - | /// Color to indicate a negative status or action, used with the `.alert` class. |
| - | /// @type Color |
| - | $alert-color: #ec5840 !default; |
| - | |
| - | /// Color used for light gray UI items. |
| - | /// @type Color |
| - | $light-gray: #e6e6e6 !default; |
| - | |
| - | /// Color used for medium gray UI items. |
| - | /// @type Color |
| - | $medium-gray: #cacaca !default; |
| - | |
| - | /// Color used for dark gray UI items. |
| - | /// @type Color |
| - | $dark-gray: #8a8a8a !default; |
| - | |
| - | /// Color used for black ui items. |
| - | /// @type Color |
| - | $black: #0a0a0a !default; |
| - | |
| - | /// Color used for white ui items. |
| - | /// @type Color |
| - | $white: #fefefe !default; |
| - | |
| - | /// Background color of the body. |
| - | /// @type Color |
| - | $body-background: $white !default; |
| - | |
| - | /// Text color of the body. |
| - | /// @type Color |
| - | $body-font-color: $black !default; |
| - | |
| - | /// Font stack of the body. |
| - | /// @type List |
| - | $body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default; |
| - | |
| - | /// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties. |
| - | /// @type Boolean |
| - | $body-antialiased: true !default; |
| - | |
| - | /// Text direction for the document. Set to `rtl` to reverse the orientation and direction of all components. |
| - | /// @type Keyword |
| - | $text-direction: ltr !default; |
| - | |
| - | /// Global value used for margin on components. |
| - | /// @type Number |
| - | $global-margin: 1rem !default; |
| - | |
| - | /// Global value used for padding on components. |
| - | /// @type Number |
| - | $global-padding: 1rem !default; |
| - | |
| - | /// Global value used for margin between components. |
| - | /// @type Number |
| - | $global-margin: 1rem !default; |
| - | |
| - | /// Global font weight used for normal type. |
| - | /// @type Keyword | Number |
| - | $global-weight-normal: normal !default; |
| - | |
| - | /// Global font weight used for bold type. |
| - | /// @type Keyword | Number |
| - | $global-weight-bold: bold !default; |
| - | |
| - | /// Global value used for all elements that have a border radius. |
| - | /// @type Number |
| - | $global-radius: 0 !default; |
| - | |
| - | /// Sets the text direction of the CSS. Can be either `ltr` or `rtl`. |
| - | $global-text-direction: ltr !default; |
| - | |
| - | // Internal variables used for text direction |
| - | $global-left: if($global-text-direction == rtl, right, left); |
| - | $global-right: if($global-text-direction == rtl, left, right); |
| - | |
| - | // Internal map used to iterate through colors, to generate CSS classes with less code |
| - | $foundation-colors: ( |
| - | primary: $primary-color, |
| - | secondary: $secondary-color, |
| - | success: $success-color, |
| - | alert: $alert-color, |
| - | warning: $warning-color, |
| - | ); |
| - | |
| - | @mixin foundation-global-styles { |
| - | html, |
| - | body { |
| - | font-size: $global-font-size; |
| - | box-sizing: border-box; |
| - | } |
| - | |
| - | // Set box-sizing globally to handle padding and border widths |
| - | *, |
| - | *:before, |
| - | *:after { |
| - | box-sizing: inherit; |
| - | } |
| - | |
| - | // Default body styles |
| - | body { |
| - | padding: 0; |
| - | margin: 0; |
| - | font-family: $body-font-family; |
| - | font-weight: $global-weight-normal; |
| - | line-height: $global-lineheight; |
| - | color: $body-font-color; |
| - | background: $body-background; |
| - | |
| - | @if ($body-antialiased) { |
| - | -webkit-font-smoothing: antialiased; |
| - | -moz-osx-font-smoothing: grayscale; |
| - | } |
| - | } |
| - | |
| - | img { |
| - | // Grid defaults to get images and embeds to work properly |
| - | max-width: 100%; |
| - | height: auto; |
| - | -ms-interpolation-mode: bicubic; |
| - | |
| - | // Get rid of gap under images by making them display: inline-block; by default |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | // Make sure textarea takes on height automatically |
| - | textarea { |
| - | height: auto; |
| - | min-height: 50px; |
| - | border-radius: $global-radius; |
| - | } |
| - | |
| - | // Make select elements are 100% width by default |
| - | select { |
| - | width: 100%; |
| - | border-radius: $global-radius; |
| - | } |
| - | |
| - | // Styles Google Maps and MapQuest embeds properly |
| - | // scss-lint:disable IdSelector |
| - | #map_canvas, |
| - | .map_canvas, |
| - | .mqa-display { |
| - | img, |
| - | embed, |
| - | object { |
| - | max-width: none !important; |
| - | } |
| - | } |
| - | |
| - | // Reset <button> styles created by most browsers |
| - | button { |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; |
| - | background: transparent; |
| - | padding: 0; |
| - | border: 0; |
| - | border-radius: $global-radius; |
| - | line-height: 1; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_accordion-menu.scss
+0
-28
| @@ | @@ -1,28 +0,0 @@ |
| - | //// |
| - | /// @group accordion-menu |
| - | //// |
| - | |
| - | /// Sets if accordion menus have the default arrow styles. |
| - | /// @type Boolean |
| - | $accordionmenu-arrows: true; |
| - | |
| - | @mixin foundation-accordion-menu { |
| - | @if $accordionmenu-arrows { |
| - | .is-accordion-submenu-parent > a { |
| - | position: relative; |
| - | |
| - | &::after { |
| - | @include css-triangle(6px, $primary-color, down); |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -4px; |
| - | right: 1rem; |
| - | } |
| - | } |
| - | |
| - | .is-accordion-submenu-parent[aria-expanded="true"] > a::after { |
| - | transform-origin: 50% 50%; |
| - | transform: scaleY(-1); |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_accordion.scss
+0
-112
| @@ | @@ -1,112 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group accordion |
| - | //// |
| - | |
| - | /// Default background color of an accordion group. |
| - | /// @type Color |
| - | $accordion-background: $white; |
| - | |
| - | /// If `true`, adds plus and minus icons to the side of each accordion title. |
| - | /// @type Boolean |
| - | $accordion-plusminus: true; |
| - | |
| - | /// Default text color for items in a Menu. |
| - | /// @type Color |
| - | $accordion-item-color: foreground($accordion-background, $primary-color); |
| - | |
| - | /// Default background color on hover for items in a Menu. |
| - | /// @type Color |
| - | $accordion-item-background-hover: $light-gray !default; |
| - | |
| - | /// Default padding of an accordion item. |
| - | /// @type Number | List |
| - | $accordion-item-padding: 1.25rem 1rem !default; |
| - | |
| - | /// Default background color of tab content. |
| - | /// @type Color |
| - | $accordion-content-background: $white !default; |
| - | |
| - | /// Default border color of tab content. |
| - | /// @type Color |
| - | $accordion-content-border: 1px solid $light-gray !default; |
| - | |
| - | /// Default text color of tab content. |
| - | /// @type Color |
| - | $accordion-content-color: foreground($accordion-background, $primary-color); |
| - | |
| - | /// Default padding for tab content. |
| - | /// @type Number | List |
| - | $accordion-content-padding: 1rem !default; |
| - | |
| - | /// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`. |
| - | @mixin accordion-container { |
| - | list-style-type: none; |
| - | background: $accordion-background; |
| - | border: $accordion-content-border; |
| - | border-radius: $global-radius; |
| - | margin-#{$global-left}: 0; |
| - | } |
| - | |
| - | /// Adds styles for the title of an accordion item. Apply this to the link within an accordion item. |
| - | @mixin accordion-title { |
| - | display: block; |
| - | padding: $accordion-item-padding; |
| - | line-height: 1; |
| - | font-size: rem-calc(12); |
| - | color: $accordion-item-color; |
| - | position: relative; |
| - | border-bottom: $accordion-content-border; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | background-color: $accordion-item-background-hover; |
| - | } |
| - | |
| - | // Remove the border on the last title |
| - | :last-child > & { |
| - | border-bottom-width: 0; |
| - | } |
| - | |
| - | @if $accordion-plusminus { |
| - | &::before { |
| - | content: '+'; |
| - | position: absolute; |
| - | #{$global-right}: 1rem; |
| - | top: 50%; |
| - | margin-top: -0.5rem; |
| - | } |
| - | |
| - | .is-active > &::before { |
| - | content: '–'; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for accordion content. Apply this to the content pane below an accordion item's title. |
| - | @mixin accordion-content { |
| - | padding: $accordion-item-padding; |
| - | display: none; |
| - | border-bottom: $accordion-content-border; |
| - | } |
| - | |
| - | @mixin foundation-accordion { |
| - | .accordion { |
| - | @include accordion-container; |
| - | } |
| - | |
| - | .accordion-item { |
| - | // This class doesn't need styles! |
| - | } |
| - | |
| - | .accordion-title { |
| - | @include accordion-title; |
| - | } |
| - | |
| - | .accordion-content { |
| - | @include accordion-content; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_badge.scss
+0
-55
| @@ | @@ -1,55 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group badge |
| - | //// |
| - | |
| - | /// Default background color for badges. |
| - | /// @type Color |
| - | $badge-background: $primary-color !default; |
| - | |
| - | /// Default text color for badges. |
| - | /// @type Color |
| - | $badge-color: foreground($badge-background) !default; |
| - | |
| - | /// Default padding inside badges. |
| - | /// @type Number |
| - | $badge-padding: 0.3em !default; |
| - | |
| - | /// Minimum width of a badge. |
| - | /// @type Number |
| - | $badge-minwidth: 2.1em !default; |
| - | |
| - | /// Default font size for badges. |
| - | /// @type Number |
| - | $badge-font-size: 0.6rem !default; |
| - | |
| - | /// Generates the base styles for a badge. |
| - | @mixin badge { |
| - | display: inline-block; |
| - | padding: $badge-padding; |
| - | min-width: $badge-minwidth; |
| - | font-size: $badge-font-size; |
| - | text-align: center; |
| - | border-radius: 50%; |
| - | } |
| - | |
| - | @mixin foundation-badge { |
| - | .badge { |
| - | @include badge; |
| - | |
| - | background: $badge-background; |
| - | color: $badge-color; |
| - | |
| - | @each $name, $color in $foundation-colors { |
| - | @if $name != primary { |
| - | &.#{$name} { |
| - | background: $color; |
| - | color: foreground($color); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_breadcrumbs.scss
+0
-94
| @@ | @@ -1,94 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group breadcrumbs |
| - | //// |
| - | |
| - | /// Margin around a breadcrumbs container. |
| - | /// @type Number |
| - | $breadcrumbs-margin: 0 0 $global-margin 0 !default; |
| - | |
| - | /// Font size of breadcrumb links. |
| - | /// @type Number |
| - | $breadcrumbs-item-font-size: rem-calc(11) !default; |
| - | |
| - | /// Color of breadcrumb links. |
| - | /// @type Color |
| - | $breadcrumbs-item-color: $primary-color !default; |
| - | |
| - | /// Color of the active breadcrumb link. |
| - | /// @type Color |
| - | $breadcrumbs-item-color-current: $black !default; |
| - | |
| - | /// Opacity of disabled breadcrumb links. |
| - | /// @type Number |
| - | $breadcrumbs-item-color-disabled: $medium-gray !default; |
| - | |
| - | /// Margin between breadcrumb items. |
| - | /// @type Number |
| - | $breadcrumbs-item-margin: 0.75rem !default; |
| - | |
| - | /// If `true`, makes breadcrumb links uppercase. |
| - | /// @type Boolean |
| - | $breadcrumbs-item-uppercase: true !default; |
| - | |
| - | /// If `true`, adds a slash between breadcrumb links. |
| - | /// @type Boolean |
| - | $breadcrumbs-item-slash: true !default; |
| - | |
| - | /// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it. |
| - | @mixin breadcrumbs-container { |
| - | @include clearfix; |
| - | list-style: none; |
| - | margin: $breadcrumbs-margin; |
| - | |
| - | // Item wrapper |
| - | li { |
| - | float: #{$global-left}; |
| - | color: $breadcrumbs-item-color-current; |
| - | font-size: $breadcrumbs-item-font-size; |
| - | cursor: default; |
| - | |
| - | @if $breadcrumbs-item-uppercase { |
| - | text-transform: uppercase; |
| - | } |
| - | |
| - | @if $breadcrumbs-item-slash { |
| - | // Need to escape the backslash |
| - | $slash: if($global-text-direction == 'ltr', '/', '\\'); |
| - | |
| - | &:not(:last-child)::after { |
| - | color: $medium-gray; |
| - | content: $slash; |
| - | margin: 0 $breadcrumbs-item-margin; |
| - | position: relative; |
| - | top: 1px; |
| - | opacity: 1; |
| - | } |
| - | } |
| - | @else { |
| - | margin-#{$global-right}: $breadcrumbs-item-margin; |
| - | } |
| - | } |
| - | |
| - | // Page links |
| - | a { |
| - | color: $breadcrumbs-item-color; |
| - | |
| - | &:hover { |
| - | text-decoration: underline; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-breadcrumbs { |
| - | .breadcrumbs { |
| - | @include breadcrumbs-container; |
| - | |
| - | .disabled { |
| - | color: $breadcrumbs-item-color-disabled; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_button-group.scss
+0
-115
| @@ | @@ -1,115 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group button-group |
| - | //// |
| - | |
| - | /// Margin for button groups. |
| - | /// @type Number |
| - | $buttongroup-margin: 1rem; |
| - | |
| - | /// Margin between buttons in a button group. |
| - | /// @type Border |
| - | $buttongroup-spacing: 1px; |
| - | |
| - | /// Selector for the buttons inside a button group. |
| - | /// @type String |
| - | $buttongroup-child-selector: '.button'; |
| - | |
| - | /// Maximum number of buttons that can be in an even-width button group. |
| - | /// @type Number |
| - | $buttongroup-expand-max: 6; |
| - | |
| - | /// Add styles for a button group container. |
| - | /// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group. |
| - | @mixin button-group( |
| - | $child-selector: $buttongroup-child-selector |
| - | ) { |
| - | @include clearfix; |
| - | margin-bottom: $buttongroup-margin; |
| - | font-size: map-get($button-sizes, default); |
| - | |
| - | #{$child-selector} { |
| - | float: #{$global-left}; |
| - | margin: 0; |
| - | font-size: inherit; |
| - | |
| - | &:not(:last-child) { |
| - | border-#{$global-right}: $buttongroup-spacing solid $body-background; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Creates a full-width button group, making each button equal width. |
| - | /// @param {Keyword|Number} $count [auto] - Number of buttons inside the button group. Set to `auto` to generate CSS that will account for a variable number of buttons. |
| - | /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group. |
| - | @mixin button-group-expand( |
| - | $count: auto, |
| - | $selector: $buttongroup-child-selector |
| - | ) { |
| - | #{$selector} { |
| - | @if $count == auto { |
| - | @include auto-width($buttongroup-expand-max, $selector); |
| - | } |
| - | @else if type-of($count) == 'number' { |
| - | width: percentage(1 / $count); |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Stacks the buttons in a button group. |
| - | /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group. |
| - | @mixin button-group-stack( |
| - | $selector: $buttongroup-child-selector |
| - | ) { |
| - | #{$selector} { |
| - | width: 100%; |
| - | border-#{$global-right}: 0; |
| - | } |
| - | } |
| - | |
| - | /// Un-stacks the buttons in a button group. |
| - | /// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group. |
| - | @mixin button-group-unstack( |
| - | $selector: $buttongroup-child-selector |
| - | ) { |
| - | #{$selector} { |
| - | width: auto; |
| - | |
| - | &:not(:last-child) { |
| - | border-#{$global-right}: $buttongroup-spacing solid $body-background; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-button-group { |
| - | .button-group { |
| - | @include button-group; |
| - | |
| - | // Sizes |
| - | &.tiny { font-size: map-get($button-sizes, tiny); } |
| - | &.small { font-size: map-get($button-sizes, small); } |
| - | &.large { font-size: map-get($button-sizes, large); } |
| - | &.expanded { @include button-group-expand; } |
| - | |
| - | // Colors |
| - | @each $name, $color in $foundation-colors { |
| - | &.#{$name} #{$buttongroup-child-selector} { |
| - | @include button-style($color, auto, auto); |
| - | } |
| - | } |
| - | |
| - | &.stacked, |
| - | &.stacked-for-small { |
| - | @include button-group-stack; |
| - | } |
| - | |
| - | &.stacked-for-small { |
| - | @include breakpoint(medium) { |
| - | @include button-group-unstack; |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_button.scss
+0
-264
| @@ | @@ -1,264 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group button |
| - | //// |
| - | |
| - | /// Padding inside buttons. |
| - | /// @type List |
| - | $button-padding: 0.85em 1em !default; |
| - | |
| - | /// Margin around buttons. |
| - | /// @type List |
| - | $button-margin: 0 $global-margin $global-margin 0 !default; |
| - | |
| - | /// Default fill for buttons. Can either be `solid` or `hollow`. |
| - | /// @type Keyword |
| - | $button-fill: solid !default; |
| - | |
| - | /// Default background color for buttons. |
| - | /// @type Color |
| - | $button-background: $primary-color !default; |
| - | |
| - | /// Background color on hover for buttons. |
| - | /// @type Color |
| - | $button-background-hover: scale-color($button-background, $lightness: -15%) !default; |
| - | |
| - | /// Font color for buttons. |
| - | /// @type List |
| - | $button-color: #fff !default; |
| - | |
| - | /// Font color for buttons, if the background is light. |
| - | /// @type List |
| - | $button-color-alt: #000 !default; |
| - | |
| - | /// Border radius for buttons, defaulted to global-radius. |
| - | /// @type Number |
| - | $button-radius: $global-radius !default; |
| - | |
| - | /// Sizes for buttons. |
| - | /// @type Map |
| - | $button-sizes: ( |
| - | tiny: 0.6rem, |
| - | small: 0.75rem, |
| - | default: 0.9rem, |
| - | large: 1.25rem, |
| - | ) !default; |
| - | |
| - | /// opacity for a disabled button. |
| - | /// @type List |
| - | $button-opacity-disabled: 0.25 !default; |
| - | |
| - | // Internal: flip from margin-right to margin-left for defaults |
| - | @if $global-text-direction == 'rtl' { |
| - | $button-margin: 0 0 $global-margin $global-margin; |
| - | } |
| - | |
| - | // TODO: Document button-base() mixin |
| - | @mixin button-base { |
| - | @include disable-mouse-outline; |
| - | display: inline-block; |
| - | text-align: center; |
| - | line-height: 1; |
| - | cursor: pointer; |
| - | -webkit-appearance: none; |
| - | transition: all 0.25s ease-out; |
| - | vertical-align: middle; |
| - | border: 1px solid transparent; |
| - | border-radius: $button-radius; |
| - | padding: $button-padding; |
| - | margin: $button-margin; |
| - | font-size: map-get($button-sizes, default); |
| - | } |
| - | |
| - | /// Expands a button to make it full-width. |
| - | /// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior. |
| - | @mixin button-expand($expand: true) { |
| - | @if $expand { |
| - | display: block; |
| - | width: 100%; |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | } |
| - | @else { |
| - | display: inline-block; |
| - | width: auto; |
| - | margin: $button-margin; |
| - | } |
| - | } |
| - | |
| - | /// Sets the visual style of a button. |
| - | /// @param {Color} $background [$button-background] - Background color of the button. |
| - | /// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color. |
| - | /// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color. |
| - | @mixin button-style( |
| - | $background: $button-background, |
| - | $background-hover: $button-background-hover, |
| - | $color: $button-color |
| - | ) { |
| - | @if $color == auto { |
| - | $color: isitlight($background); |
| - | } |
| - | |
| - | @if $background-hover == auto { |
| - | $background-hover: scale-color($background, $lightness: -20%); |
| - | } |
| - | |
| - | @if lightness($background) >= 70% { |
| - | $color: $button-color-alt; |
| - | } |
| - | @else { |
| - | $color: $button-color; |
| - | } |
| - | |
| - | background: $background; |
| - | color: $color; |
| - | |
| - | &:hover, &:focus { |
| - | background: $background-hover; |
| - | color: $color; |
| - | } |
| - | } |
| - | |
| - | /// Removes background fill on hover and focus for hollow buttons. |
| - | @mixin button-hollow { |
| - | &, |
| - | &:hover, &:focus { |
| - | background: transparent; |
| - | } |
| - | } |
| - | |
| - | @mixin button-hollow-style($color: $primary-color) { |
| - | $color-hover: scale-color($color, $lightness: -50%); |
| - | |
| - | border: 1px solid $color; |
| - | color: $color; |
| - | |
| - | &:hover, &:focus { |
| - | border-color: $color-hover; |
| - | color: $color-hover; |
| - | } |
| - | } |
| - | |
| - | /// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events. |
| - | @mixin button-disabled { |
| - | opacity: $button-opacity-disabled; |
| - | cursor: not-allowed; |
| - | pointer-events: none; |
| - | } |
| - | |
| - | /// Adds a dropdown arrow to a button. |
| - | /// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons. |
| - | /// @param {Color} $color [white] - Color of the arrow. |
| - | /// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is. |
| - | @mixin button-dropdown( |
| - | $size: 0.4em, |
| - | $color: $white, |
| - | $offset: get-side($button-padding, right) |
| - | ) { |
| - | &::after { |
| - | @include css-triangle($size, $color, down); |
| - | position: relative; |
| - | top: 0.4em; // Aligns the arrow with the text of the button |
| - | float: #{$global-right}; |
| - | margin-#{$global-left}: get-side($button-padding, right); |
| - | display: inline-block; |
| - | } |
| - | } |
| - | |
| - | /// Adds all styles for a button. For more granular control over styles, use the individual button mixins. |
| - | /// @param {Boolean} $expand [false] - Set to `true` to make the button full-width. |
| - | /// @param {Color} $background [$button-background] - Background color of the button. |
| - | /// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color. |
| - | /// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color. |
| - | /// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button. |
| - | @mixin button( |
| - | $expand: false, |
| - | $background: $button-background, |
| - | $background-hover: $button-background-hover, |
| - | $color: $button-color, |
| - | $style: $button-fill |
| - | ) { |
| - | @include button-base; |
| - | |
| - | @if $style == solid { |
| - | @include button-style($background, $background-hover, $color); |
| - | } |
| - | @else if $style == hollow { |
| - | @include button-hollow; |
| - | @include button-hollow-style($background); |
| - | } |
| - | |
| - | @if $expand { |
| - | @include button-expand; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-button { |
| - | .button { |
| - | @include button; |
| - | |
| - | // Sizes |
| - | &.tiny { font-size: map-get($button-sizes, tiny); } |
| - | &.small { font-size: map-get($button-sizes, small); } |
| - | &.large { font-size: map-get($button-sizes, large); } |
| - | &.expanded { @include button-expand; } |
| - | |
| - | // Colors |
| - | @each $name, $color in $foundation-colors { |
| - | @if $button-fill != hollow { |
| - | &.#{$name} { |
| - | @include button-style($color, auto); |
| - | } |
| - | } |
| - | @else { |
| - | &.#{$name} { |
| - | @include button-hollow-style($color); |
| - | } |
| - | |
| - | &.#{$name}.dropdown::after { |
| - | border-top-color: $color; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Hollow style |
| - | @if $button-fill != hollow { |
| - | &.hollow { |
| - | @include button-hollow; |
| - | @include button-hollow-style; |
| - | |
| - | @each $name, $color in $foundation-colors { |
| - | &.#{$name} { |
| - | @include button-hollow-style($color); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Disabled style |
| - | &.disabled { |
| - | @include button-disabled; |
| - | } |
| - | |
| - | // Dropdown arrow |
| - | &.dropdown { |
| - | @include button-dropdown; |
| - | |
| - | @if $button-fill == hollow { |
| - | &::after { |
| - | border-top-color: $button-background; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Button with dropdown arrow only |
| - | &.arrow-only::after { |
| - | margin-#{$global-left}: 0; |
| - | float: none; |
| - | top: 0.2em; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_callout.scss
+0
-115
| @@ | @@ -1,115 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group callout |
| - | //// |
| - | |
| - | /// Defualt background color. |
| - | /// @type Color |
| - | $callout-background: $white !default; |
| - | |
| - | /// Default fade value for callout backgrounds. |
| - | /// @type Number |
| - | $callout-background-fade: 85% !default; |
| - | |
| - | /// Defualt border style for callouts. |
| - | /// @type List |
| - | $callout-border: 1px solid rgba($black, 0.25) !default; |
| - | |
| - | /// Default bottom margin for callouts. |
| - | /// @type Number |
| - | $callout-margin: 0 0 1rem 0 !default; |
| - | |
| - | /// Default inner padding for callouts. |
| - | /// @type Number |
| - | $callout-padding: 1rem !default; |
| - | |
| - | /// Default font color for callouts. |
| - | /// @type Color |
| - | $callout-font-color: $body-font-color !default; |
| - | |
| - | /// Default font color for callouts, if the callout has a dark background. |
| - | /// @type Color |
| - | $callout-font-color-alt: $body-background !default; |
| - | |
| - | /// Default border radius for callouts. |
| - | /// @type Color |
| - | $callout-radius: $global-radius !default; |
| - | |
| - | /// Amount to tint links used within colored panels. Set to `false` to disable this feature. |
| - | /// @type Number | Boolean |
| - | $callout-link-tint: 30%; |
| - | |
| - | /// Adds basic styles for a callout, including padding and margin. |
| - | @mixin callout-base() { |
| - | margin: $callout-margin; |
| - | padding: $callout-padding; |
| - | border: $callout-border; |
| - | border-radius: $callout-radius; |
| - | position: relative; |
| - | |
| - | // Respect the padding, fool. |
| - | > :first-child { |
| - | margin-top: 0; |
| - | } |
| - | |
| - | > :last-child { |
| - | margin-bottom: 0; |
| - | } |
| - | } |
| - | |
| - | /// Generate quick styles for a callout using a single color as a baseline. If `$callout-link-tint` is enabled, links within colored panels will be a darker version of the background. |
| - | /// @param {Color} $color [$callout-background] - Color to use. |
| - | @mixin callout-style($color: $callout-background) { |
| - | $background: scale-color($color, $lightness: $callout-background-fade); |
| - | $link-color: scale-color($color, $lightness: -$callout-link-tint); |
| - | |
| - | background-color: $background; |
| - | |
| - | @if $callout-link-tint and hue($background) > 0deg { |
| - | a { |
| - | color: $link-color; |
| - | |
| - | &:hover { |
| - | color: darken($link-color, 15%); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin callout-size($padding) { |
| - | padding-top: $padding; |
| - | padding-right: $padding; |
| - | padding-bottom: $padding; |
| - | padding-left: $padding; |
| - | } |
| - | |
| - | |
| - | /// Adds styles for a callout. |
| - | /// @param {Color} $color [$callout-background] - Color to use. |
| - | @mixin callout($color: $callout-background) { |
| - | @include callout-base; |
| - | @include callout-style($color); |
| - | } |
| - | |
| - | @mixin foundation-callout { |
| - | .callout { |
| - | @include callout; |
| - | |
| - | @each $name, $color in $foundation-colors { |
| - | &.#{$name} { |
| - | @include callout-style($color); |
| - | } |
| - | } |
| - | |
| - | &.small { |
| - | @include callout-size(.5rem); |
| - | } |
| - | |
| - | &.large { |
| - | @include callout-size(3rem); |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_close-button.scss
+0
-61
| @@ | @@ -1,61 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group close-button |
| - | //// |
| - | |
| - | /// Default position of the close button. The first value should be `right` or `left`, and the second value should be `top` or `bottom`. |
| - | /// @type List |
| - | $closebutton-position: right top !default; |
| - | |
| - | /// Right (or left) offset for a close button. |
| - | /// @type Number |
| - | $closebutton-offset-horizontal: 1rem !default; |
| - | |
| - | /// Top (or bottom) offset for a close button. |
| - | /// @type Number |
| - | $closebutton-offset-vertical: 0.5rem !default; |
| - | |
| - | /// Default font size of the close button. |
| - | /// @type Number |
| - | $closebutton-size: 2em !default; |
| - | |
| - | /// The line-height of the close button. It affects the spacing of the element. |
| - | /// @type Number |
| - | $closebutton-lineheight: 1 !default; |
| - | |
| - | /// Default color of the close button. |
| - | /// @type Color |
| - | $closebutton-color: $dark-gray !default; |
| - | |
| - | /// Default color of the close button when being hovered on. |
| - | /// @type Color |
| - | $closebutton-color-hover: $black !default; |
| - | |
| - | /// Adds styles for a close button, using the styles in the settings variables. |
| - | @mixin close-button { |
| - | $x: nth($closebutton-position, 1); |
| - | $y: nth($closebutton-position, 2); |
| - | |
| - | @include disable-mouse-outline; |
| - | position: absolute; |
| - | color: $closebutton-color; |
| - | #{$x}: $closebutton-offset-horizontal; |
| - | #{$y}: $closebutton-offset-vertical; |
| - | font-size: $closebutton-size; |
| - | line-height: $closebutton-lineheight; |
| - | cursor: pointer; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | color: $closebutton-color-hover; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-close-button { |
| - | .close-button { |
| - | @include close-button; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_drilldown.scss
+0
-67
| @@ | @@ -1,67 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group drilldown |
| - | //// |
| - | |
| - | /// Transition property to use for animating menus. |
| - | /// @type Transition |
| - | $drilldown-transition: transform 0.15s linear !default; |
| - | |
| - | /// Adds arrows to drilldown items with submenus, as well as the back button. |
| - | /// @type Boolean |
| - | $drilldown-arrows: true; |
| - | |
| - | @mixin foundation-drilldown-menu { |
| - | // Applied to the Menu container |
| - | .is-drilldown { |
| - | position: relative; |
| - | overflow: hidden; |
| - | } |
| - | |
| - | // Applied to nested <ul>s |
| - | .is-drilldown-sub { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 100%; |
| - | z-index: -1; |
| - | height: 100%; |
| - | width: 100%; |
| - | background: $white; |
| - | transition: $drilldown-transition; |
| - | |
| - | &.is-active { |
| - | z-index: 1; |
| - | display: block; |
| - | transform: translateX(-100%); |
| - | } |
| - | |
| - | &.is-closing { |
| - | transform: translateX(100%); |
| - | } |
| - | } |
| - | |
| - | @if $drilldown-arrows { |
| - | .is-drilldown-submenu-parent > a { |
| - | position: relative; |
| - | |
| - | &::after { |
| - | @include css-triangle(6px, $primary-color, right); |
| - | position: absolute; |
| - | top: 50%; |
| - | margin-top: -6px; |
| - | right: 1rem; |
| - | } |
| - | } |
| - | |
| - | .js-drilldown-back::before { |
| - | @include css-triangle(6px, $primary-color, left); |
| - | float: left; |
| - | margin-right: 0.75rem; // Creates space between the arrow and the text |
| - | margin-left: 0.6rem; // Lines the tip of the arrow with the items below |
| - | margin-top: 14px; // Aligns the arrow with the text |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_dropdown-menu.scss
+0
-123
| @@ | @@ -1,123 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group dropdown-menu |
| - | //// |
| - | |
| - | /// Enables arrows for items with dropdown menus. |
| - | /// @type Boolean |
| - | $dropdownmenu-arrows: true !default; |
| - | |
| - | /// Minimum width of dropdown sub-menus. |
| - | /// @type Length |
| - | $dropdownmenu-min-width: 200px !default; |
| - | |
| - | /// Background color for dropdowns. |
| - | /// @type Color |
| - | $dropdownmenu-background: $white !default; |
| - | |
| - | /// Border for dropdown panes. |
| - | /// @type List |
| - | $dropdown-border: 1px solid $medium-gray !default; |
| - | |
| - | @mixin foundation-dropdown-menu { |
| - | .dropdown.menu { |
| - | .has-submenu { |
| - | position: relative; |
| - | |
| - | a::after { |
| - | float: right; |
| - | margin-top: 3px; |
| - | margin-left: 10px; |
| - | } |
| - | |
| - | @if $dropdownmenu-arrows { |
| - | &.is-down-arrow a { |
| - | padding-right: 1.5rem; |
| - | position: relative; |
| - | } |
| - | &.is-down-arrow > a::after { |
| - | @include css-triangle(5px, $anchor-color, down); |
| - | position: absolute; |
| - | top: 12px; |
| - | right: 5px; |
| - | } |
| - | &.is-left-arrow > a::after { |
| - | @include css-triangle(5px, $anchor-color, left); |
| - | float: left; |
| - | margin-left: 0; |
| - | margin-right: 10px; |
| - | } |
| - | &.is-right-arrow > a::after { |
| - | @include css-triangle(5px, $anchor-color, right); |
| - | } |
| - | } |
| - | |
| - | &.is-left-arrow.opens-inner .submenu{ |
| - | right: 0; |
| - | left: auto; |
| - | } |
| - | &.is-right-arrow.opens-inner .submenu{ |
| - | left: 0; |
| - | right: auto; |
| - | } |
| - | &.opens-inner .submenu { |
| - | top: 100%; |
| - | } |
| - | } |
| - | |
| - | .submenu { |
| - | display: none; |
| - | position: absolute; |
| - | top: 0; |
| - | left: 100%; |
| - | min-width: $dropdownmenu-min-width; |
| - | z-index: 1; |
| - | background: $dropdownmenu-background; |
| - | border: $dropdown-border; |
| - | |
| - | > li { |
| - | width: 100%; |
| - | } |
| - | |
| - | &.first-sub { |
| - | top: 100%; |
| - | left: 0; |
| - | right: auto; |
| - | } |
| - | |
| - | &:not(.js-dropdown-nohover) > .has-submenu:hover > &, |
| - | &.js-dropdown-active { |
| - | display: block; |
| - | } |
| - | } |
| - | |
| - | .has-submenu.opens-left .submenu { |
| - | left: auto; |
| - | right: 100%; |
| - | } |
| - | |
| - | &.align-right { |
| - | .submenu.first-sub { |
| - | top: 100%; |
| - | left: auto; |
| - | right: 0; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .is-dropdown-menu.vertical { |
| - | width: 100px; |
| - | |
| - | &.align-right { |
| - | float: right; |
| - | } |
| - | |
| - | > li .submenu { |
| - | top: 0; |
| - | left: 100%; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_dropdown.scss
+0
-64
| @@ | @@ -1,64 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group dropdown |
| - | //// |
| - | |
| - | /// Padding for dropdown panes. |
| - | /// @type List |
| - | $dropdown-padding: 1rem !default; |
| - | |
| - | /// Border for dropdown panes. |
| - | /// @type List |
| - | $dropdown-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Font size for dropdown panes. |
| - | /// @type List |
| - | $dropdown-font-size: 16rem !default; |
| - | |
| - | /// Width for dropdown panes. |
| - | /// @type Number |
| - | $dropdown-width: 300px !default; |
| - | |
| - | /// Border radius dropdown panes. |
| - | /// @type Number |
| - | $dropdown-radius: $global-radius !default; |
| - | |
| - | /// Sizes for dropdown panes. Each size is a CSS class you can apply. |
| - | /// @type Map |
| - | $dropdown-sizes: ( |
| - | tiny: 100px, |
| - | small: 200px, |
| - | large: 400px, |
| - | ) !default; |
| - | |
| - | /// Applies styles for a basic dropdown. |
| - | @mixin dropdown-container { |
| - | background-color: $body-background; |
| - | border: $dropdown-border; |
| - | display: block; |
| - | padding: $dropdown-padding; |
| - | position: absolute; |
| - | visibility: hidden; |
| - | width: 300px; |
| - | z-index: 10; |
| - | border-radius: $dropdown-radius; |
| - | |
| - | &.is-open { |
| - | visibility: visible; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-dropdown { |
| - | .dropdown-pane { |
| - | @include dropdown-container; |
| - | } |
| - | |
| - | @each $name, $size in $dropdown-sizes { |
| - | .dropdown-pane.#{$name} { |
| - | width: $size; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_flex-video.scss
+0
-68
| @@ | @@ -1,68 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group flex-video |
| - | //// |
| - | |
| - | /// Padding above a flex video container. |
| - | /// @type Number |
| - | $flexvideo-padding-top: rem-calc(25) !default; |
| - | |
| - | /// Margin below a flex video container. |
| - | /// @type Number |
| - | $flexvideo-margin-bottom: rem-calc(16) !default; |
| - | |
| - | /// Padding used to create a 4:3 aspect ratio. |
| - | /// @type Number |
| - | $flexvideo-ratio: 4 by 3 !default; |
| - | |
| - | /// Padding used to create a 16:9 aspect ratio. |
| - | /// @type Number |
| - | $flexvideo-ratio-widescreen: 16 by 9 !default; |
| - | |
| - | /// Creates a percentage height that can be used as padding in a flex video container. |
| - | /// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`. |
| - | /// @return {Number} A percentage value that can be used as the `padding-bottom` parameter of a flex video container. |
| - | @function flex-video($ratio) { |
| - | $w: nth($ratio, 1); |
| - | $h: nth($ratio, 3); |
| - | @return $h / $w * 100%; |
| - | } |
| - | |
| - | /// Creates a flex video container. |
| - | /// @param {List} $ratio [$flexvideo-ratio] - Ratio to use for the container, formatted as `x by y`. |
| - | @mixin flex-video($ratio: $flexvideo-ratio) { |
| - | position: relative; |
| - | height: 0; |
| - | padding-top: $flexvideo-padding-top; |
| - | padding-bottom: flex-video($ratio); |
| - | margin-bottom: $flexvideo-margin-bottom; |
| - | overflow: hidden; |
| - | |
| - | iframe, |
| - | object, |
| - | embed, |
| - | video { |
| - | position: absolute; |
| - | top: 0; |
| - | #{$global-left}: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-flex-video { |
| - | .flex-video { |
| - | @include flex-video; |
| - | |
| - | &.widescreen { |
| - | padding-bottom: flex-video($flexvideo-ratio-widescreen); |
| - | } |
| - | |
| - | &.vimeo { |
| - | padding-top: 0; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_float.scss
+0
-27
| @@ | @@ -1,27 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group float |
| - | //// |
| - | |
| - | @mixin foundation-float-classes { |
| - | .float-left { |
| - | float: left !important; |
| - | } |
| - | |
| - | .float-right { |
| - | float: right !important; |
| - | } |
| - | |
| - | .float-center { |
| - | display: block; |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | } |
| - | |
| - | .clearfix { |
| - | @include clearfix; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_label.scss
+0
-56
| @@ | @@ -1,56 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group label |
| - | //// |
| - | |
| - | /// Default background color for labels. |
| - | /// @type Color |
| - | $label-background: $primary-color !default; |
| - | |
| - | /// Default text color for labels. |
| - | /// @type Color |
| - | $label-color: foreground($label-background) !default; |
| - | |
| - | /// Default font size for labels. |
| - | /// @type Number |
| - | $label-font-size: 0.8rem !default; |
| - | |
| - | /// Default padding inside labels. |
| - | /// @type Number |
| - | $label-padding: 0.33333rem 0.5rem !default; |
| - | |
| - | /// Default radius of labels. |
| - | /// @type Number |
| - | $label-radius: $global-radius !default; |
| - | |
| - | /// Generates base styles for a label. |
| - | @mixin label { |
| - | display: inline-block; |
| - | padding: $label-padding; |
| - | font-size: $label-font-size; |
| - | line-height: 1; |
| - | white-space: nowrap; |
| - | cursor: default; |
| - | border-radius: $label-radius; |
| - | } |
| - | |
| - | @mixin foundation-label { |
| - | .label { |
| - | @include label; |
| - | |
| - | background: $label-background; |
| - | color: $label-color; |
| - | |
| - | @each $name, $color in $foundation-colors { |
| - | @if $name != primary { |
| - | &.#{$name} { |
| - | background: $color; |
| - | color: foreground($color); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_media-object.scss
+0
-74
| @@ | @@ -1,74 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group media-object |
| - | //// |
| - | |
| - | /// Bottom margin of a media object. |
| - | /// @type Number |
| - | $mediaobject-margin-bottom: $global-margin !default; |
| - | |
| - | /// Left and right padding on sections within a media object. |
| - | /// @type Number |
| - | $mediaobject-section-padding: $global-padding !default; |
| - | |
| - | /// With of images within a media object, when the object is stacked vertically. Set to 'auto' to use the image's natural width. |
| - | /// @type Number |
| - | $mediaobject-image-width-stacked: 100% !default; |
| - | |
| - | /// Adds styles for a media object container. |
| - | @mixin media-object-container { |
| - | margin-bottom: $mediaobject-margin-bottom; |
| - | display: block; |
| - | } |
| - | |
| - | /// Adds styles for sections within a media object. |
| - | /// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections. |
| - | @mixin media-object-section($padding: $mediaobject-section-padding) { |
| - | display: table-cell; |
| - | vertical-align: top; |
| - | |
| - | &:first-child { |
| - | padding-#{$global-right}: $padding; |
| - | } |
| - | |
| - | &:last-child:not(+ &:first-child) { |
| - | padding-#{$global-left}: $padding; |
| - | } |
| - | } |
| - | |
| - | /// Adds styles to stack sections of a media object. Apply this to the section elements, not the container. |
| - | @mixin media-object-stack { |
| - | display: block; |
| - | padding: 0; |
| - | padding-bottom: $mediaobject-section-padding; |
| - | |
| - | img { |
| - | width: $mediaobject-image-width-stacked; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-media-object { |
| - | .media-object { |
| - | @include media-object-container; |
| - | |
| - | img { |
| - | max-width: none; |
| - | } |
| - | |
| - | &.stack-for-small .media-object-section { |
| - | @include breakpoint(small only) { |
| - | @include media-object-stack; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .media-object-section { |
| - | @include media-object-section; |
| - | |
| - | &.middle { vertical-align: middle; } |
| - | &.bottom { vertical-align: bottom; } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_menu.scss
+0
-213
| @@ | @@ -1,213 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group menu |
| - | //// |
| - | |
| - | /// Margin of a menu. |
| - | /// @type Number |
| - | $menu-margin: 0 !default; |
| - | |
| - | /// Left-hand margin of a nested menu. |
| - | /// @type Number |
| - | $menu-margin-nested: 1rem !default; |
| - | |
| - | /// Padding for items in a menu. |
| - | /// @type Number |
| - | $menu-item-padding: 0.7rem 1rem !default; |
| - | |
| - | /// Spacing between an icon and text in a menu item. |
| - | /// @type Number |
| - | $menu-icon-spacing: 0.25rem !default; |
| - | |
| - | /// Maximum number of `expand-n` classes to include in the CSS. |
| - | /// @type Number |
| - | $menu-expand-max: 6 !default; |
| - | |
| - | /// Creates the base styles for a Menu. |
| - | @mixin menu-base { |
| - | margin: $menu-margin; |
| - | list-style-type: none; |
| - | |
| - | // List items are table cell to allow for vertical alignment |
| - | > li { |
| - | @include disable-mouse-outline; |
| - | display: table-cell; |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | // Reset line height to make the height of the overall item easier to calculate |
| - | > li > a { |
| - | display: block; |
| - | padding: $menu-item-padding; |
| - | line-height: 1; |
| - | } |
| - | |
| - | // Reset styles of inner elements |
| - | input, |
| - | a, |
| - | button { |
| - | margin-bottom: 0; |
| - | } |
| - | } |
| - | |
| - | /// Expands the items of a Menu, so each item is the same width. |
| - | /// @param {Keyword|Number} $count [auto] - Number of items in the Menu. You can hardcode a number, or use `auto` to generate CSS that will adapt to the number of items inside the menu. |
| - | @mixin menu-expand($count: auto) { |
| - | display: table; |
| - | width: 100%; |
| - | |
| - | > li { |
| - | @if $count == auto { |
| - | @include auto-width($menu-expand-max); |
| - | } |
| - | @else if type-of($count) == 'number' { |
| - | width: percentage(1 / $count); |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Sets the direction of a Menu. |
| - | /// @param {Keyword} $dir [horizontal] - Direction of the Menu. Can be `horizontal` or `vertical`. |
| - | @mixin menu-direction($dir: horizontal) { |
| - | @if $dir == horizontal { |
| - | > li { |
| - | display: table-cell; |
| - | } |
| - | } |
| - | @else if $dir == vertical { |
| - | > li { |
| - | display: block; |
| - | } |
| - | } |
| - | @else { |
| - | @warn 'The direction used for menu-direction() must be horizontal or vertical.'; |
| - | } |
| - | } |
| - | |
| - | /// Creates a simple Menu, which has no padding or hover state. |
| - | @mixin menu-simple { |
| - | a { |
| - | padding: 0; |
| - | margin-#{$global-right}: get-side($menu-item-padding, $global-right); |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for a nested Menu, by adding `margin-left` to the menu. |
| - | /// @param {Keyword|Number} $padding [auto] - Length of the margin. |
| - | @mixin menu-nested($margin: $menu-margin-nested) { |
| - | margin-#{$global-left}: $margin; |
| - | } |
| - | |
| - | /// Adds support for icons to Menu items. |
| - | /// @param {Keyword} $position [side] - Positioning for icons. Can be `side` (left, or right on RTL) or `top`. |
| - | /// @param {Boolean} $base [true] - Set to `false` to prevent the shared CSS between side- and top-aligned icons from being printed. Set this to `false` if you're calling the mixin multiple times on the same element. |
| - | @mixin menu-icons($position: side, $base: true) { |
| - | @if $base { |
| - | > li > a { |
| - | > img, |
| - | > i { |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | > span { |
| - | vertical-align: middle; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @if $position == side { |
| - | > li > a { |
| - | > img, |
| - | > i { |
| - | display: inline-block; |
| - | margin-#{$global-right}: $menu-icon-spacing; |
| - | } |
| - | } |
| - | } |
| - | @else if $position == top { |
| - | > li > a { |
| - | text-align: center; |
| - | |
| - | > img, |
| - | > i { |
| - | display: block; |
| - | margin: 0 auto $menu-icon-spacing; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin menu-text { |
| - | font-weight: bold; |
| - | color: inherit; |
| - | line-height: 1; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | padding: $menu-item-padding; |
| - | } |
| - | |
| - | @mixin foundation-menu { |
| - | .menu { |
| - | @include menu-base; |
| - | @include menu-icons; |
| - | |
| - | // Orientation |
| - | @include menu-direction(horizontal); |
| - | |
| - | &.vertical { |
| - | @include menu-direction(vertical); |
| - | } |
| - | |
| - | @each $size in $breakpoint-classes { |
| - | @if $size != small { |
| - | @include breakpoint($size) { |
| - | &.#{$size}-horizontal { |
| - | @include menu-direction(horizontal); |
| - | } |
| - | |
| - | &.#{$size}-vertical { |
| - | @include menu-direction(vertical); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Simple |
| - | &.simple { |
| - | @include menu-simple; |
| - | } |
| - | |
| - | // Align right |
| - | &.align-#{$global-right} { |
| - | > li { |
| - | float: $global-right; |
| - | } |
| - | } |
| - | |
| - | // Even-width |
| - | &.expanded { |
| - | @include menu-expand; |
| - | |
| - | > li:first-child:last-child { |
| - | width: 100%; |
| - | } |
| - | } |
| - | |
| - | // Vertical icons |
| - | &.icon-top { |
| - | @include menu-icons(top, $base: false); |
| - | } |
| - | |
| - | // Nesting |
| - | &.nested { |
| - | @include menu-nested; |
| - | } |
| - | } |
| - | |
| - | .menu-text { |
| - | @include menu-text; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_off-canvas.scss
+0
-170
| @@ | @@ -1,170 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group off-canvas |
| - | //// |
| - | |
| - | /// Width of an off-canvas menu. |
| - | /// @type Number |
| - | $offcanvas-size: 250px; |
| - | |
| - | /// Background color of an off-canvas menu. |
| - | /// @type Color |
| - | $offcanvas-background: $light-gray; |
| - | |
| - | /// Z-index of an off-canvas menu. |
| - | /// @type Number |
| - | $offcanvas-zindex: -1; |
| - | |
| - | /// Length of the animation on an off-canvas menu. |
| - | /// @type Number |
| - | $offcanvas-transition-length: 0.5s; |
| - | |
| - | /// Timing function of the animation on an off-canvas menu. |
| - | /// @type Keyword |
| - | $offcanvas-transition-timing: ease; |
| - | |
| - | /// Background color for the overlay that appears when an off-canvas menu is open. |
| - | /// @type Color |
| - | $offcanvas-exit-background: rgba($white, 0.25); |
| - | |
| - | /// CSS class used for the main content area. The off-canvas mixins use this to target the page body. |
| - | $maincontent-class: 'off-canvas-content'; |
| - | |
| - | /// Box shadow to place under the main content area. This shadow overlaps the off-canvas menus. |
| - | /// @type Shadow |
| - | $maincontent-shadow: 0 0 10px rgba($black, 0.5); |
| - | |
| - | /// Adds baseline styles for off-canvas. This CSS is required to make the other pieces work. |
| - | @mixin off-canvas-basics { |
| - | // Extra properties needed on <html> and <body> to make off-canvas work |
| - | html, |
| - | body { |
| - | height: 100%; |
| - | } |
| - | |
| - | .off-canvas-wrapper { |
| - | width: 100%; |
| - | overflow-x: hidden; |
| - | position: relative; |
| - | backface-visibility: hidden; |
| - | -webkit-overflow-scrolling: touch; |
| - | } |
| - | |
| - | .off-canvas-wrapper-inner { |
| - | @include clearfix; |
| - | position: relative; |
| - | width: 100%; |
| - | transition: transform $offcanvas-transition-length $offcanvas-transition-timing; |
| - | } |
| - | |
| - | // Container for page content |
| - | .off-canvas-content { |
| - | min-height: 100%; |
| - | background: $body-background; |
| - | transition: transform $offcanvas-transition-length $offcanvas-transition-timing; |
| - | backface-visibility: hidden; |
| - | z-index: 1; |
| - | |
| - | @if hasvalue($maincontent-shadow) { |
| - | box-shadow: $maincontent-shadow; |
| - | } |
| - | } |
| - | |
| - | // Click-to-exit overlay (generated by JavaScript) |
| - | .js-off-canvas-exit { |
| - | display: none; |
| - | position: absolute; |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | background: $offcanvas-exit-background; |
| - | cursor: pointer; |
| - | transition: background $offcanvas-transition-length $offcanvas-transition-timing; |
| - | |
| - | .is-off-canvas-open & { |
| - | display: block; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds basic styles for an off-canvas menu. |
| - | @mixin off-canvas-base { |
| - | @include disable-mouse-outline; |
| - | position: absolute; |
| - | background: $offcanvas-background; |
| - | z-index: $offcanvas-zindex; |
| - | max-height: 100%; |
| - | overflow-y: auto; |
| - | transform: translateX(0px); |
| - | } |
| - | |
| - | @mixin off-canvas-position( |
| - | $position: left, |
| - | $size: $offcanvas-size, |
| - | $fixed: false |
| - | ) { |
| - | @if $position == left { |
| - | left: -$size; |
| - | top: 0; |
| - | width: $size; |
| - | } |
| - | @else if $position == right { |
| - | right: -$size; |
| - | top: 0; |
| - | width: $size; |
| - | } |
| - | |
| - | // Generates an open state class that matches the width of the menu |
| - | @at-root { |
| - | .is-open-#{$position} { |
| - | @if $position == left { |
| - | transform: translateX($size); |
| - | } |
| - | @else if $position == right { |
| - | transform: translateX(-$size); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds styles that reveal an off-canvas menu. |
| - | /// @param {Keyword} $position [left] - Position of the off-canvas menu being revealed. |
| - | @mixin off-canvas-reveal( |
| - | $position: left |
| - | ) { |
| - | #{$position}: 0; |
| - | |
| - | & ~ .#{$maincontent-class} { |
| - | margin-#{$position}: $offcanvas-size; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-off-canvas { |
| - | @include off-canvas-basics; |
| - | |
| - | // Off-canvas container |
| - | .off-canvas { |
| - | @include off-canvas-base; |
| - | |
| - | &.position-left { @include off-canvas-position(left); } |
| - | &.position-right { @include off-canvas-position(right); } |
| - | } |
| - | |
| - | // Reveal off-canvas menu on larger screens |
| - | @each $name, $value in $breakpoint-classes { |
| - | @if $name != small { |
| - | @include breakpoint($name) { |
| - | .position-left.reveal-for-#{$name} { |
| - | @include off-canvas-reveal(left); |
| - | } |
| - | .position-right.reveal-for-#{$name} { |
| - | @include off-canvas-reveal(right); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_orbit.scss
+0
-186
| @@ | @@ -1,186 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group orbit |
| - | //// |
| - | |
| - | /// Default color for Orbit's bullets. |
| - | /// @type Color |
| - | $orbit-bullet-background: $medium-gray !default; |
| - | |
| - | /// Default active color for Orbit's bullets. |
| - | /// @type Color |
| - | $orbit-bullet-background-active: $dark-gray !default; |
| - | |
| - | /// Default diameter for Orbit's bullets. |
| - | /// @type Number |
| - | $orbit-bullet-diameter: 1.2rem !default; |
| - | |
| - | /// Default margin between Orbit's bullets. |
| - | /// @type Number |
| - | $orbit-bullet-margin: 0.1rem !default; |
| - | |
| - | /// Default distance from slide region for Orbit's bullets. |
| - | /// @type Number |
| - | $orbit-bullet-margin-top: 0.8rem !default; |
| - | |
| - | /// Default bottom margin from Orbit's bullets to whatever content may lurk below it. |
| - | /// @type Number |
| - | $orbit-bullet-margin-bottom: 0.8rem !default; |
| - | |
| - | /// Default background color for Orbit's caption. |
| - | /// @type Color |
| - | $orbit-caption-background: rgba($black, 0.5) !default; |
| - | |
| - | /// Default padding for Orbit's caption. |
| - | /// @type Number |
| - | $orbit-caption-padding: 1rem !default; |
| - | |
| - | /// Default background color for Orbit's controls when hovered. |
| - | /// @type Color |
| - | $orbit-control-background-hover: rgba($black, 0.5) !default; |
| - | |
| - | /// Default padding for Orbit's controls. |
| - | /// @type Number |
| - | $orbit-control-padding: 1rem !default; |
| - | |
| - | /// Default z-index for Orbit's controls. |
| - | /// @type Number |
| - | $orbit-control-zindex: 10 !default; |
| - | |
| - | /// Adds styles for the outer Orbit wrapper. These styles are used on the `.orbit` class. |
| - | @mixin orbit-wrapper { |
| - | position: relative; |
| - | } |
| - | |
| - | /// Adds styles for the inner Orbit slide container. These styles are used on the `.orbit-container` class. |
| - | @mixin orbit-container { |
| - | position: relative; |
| - | margin: 0; |
| - | overflow: hidden; |
| - | list-style: none; |
| - | } |
| - | |
| - | /// Adds styles for the individual slides of an Orbit slider. These styles are used on the `.orbit-slide` class. |
| - | @mixin orbit-slide { |
| - | width: 100%; |
| - | max-height: 100%; |
| - | } |
| - | |
| - | @mixin orbit-figure { |
| - | margin: 0; |
| - | } |
| - | |
| - | @mixin orbit-image { |
| - | margin: 0; |
| - | width: 100%; |
| - | max-width: 100%; |
| - | } |
| - | |
| - | /// Adds styles for an orbit slide caption. These styles are used on the `.orbit-caption` class. |
| - | @mixin orbit-caption { |
| - | position: absolute; |
| - | bottom: 0; |
| - | width: 100%; |
| - | padding: $orbit-caption-padding; |
| - | margin-bottom: 0; |
| - | color: foreground($orbit-caption-background); |
| - | background-color: $orbit-caption-background; |
| - | } |
| - | |
| - | /// Adds base styles for the next/previous buttons in an Orbit slider. These styles are shared between the `.orbit-next` and `.orbit-previous` classes in the default CSS. |
| - | @mixin orbit-control { |
| - | @include disable-mouse-outline; |
| - | @include v-align-middle; |
| - | z-index: $orbit-control-zindex; |
| - | padding: $orbit-control-padding; |
| - | color: $white; |
| - | |
| - | &:hover, |
| - | &:active, |
| - | &:focus { |
| - | background-color: $orbit-control-background-hover; |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-previous` class. |
| - | @mixin orbit-previous { |
| - | #{$global-left}: 0; |
| - | } |
| - | |
| - | /// Adds styles for the Orbit next button. These styles are used on the `.orbit-next` class. |
| - | @mixin orbit-next { |
| - | #{$global-left}: auto; |
| - | #{$global-right}: 0; |
| - | } |
| - | |
| - | /// Adds styles for a container of Orbit bullets. /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-bullets` class. |
| - | @mixin orbit-bullets { |
| - | @include disable-mouse-outline; |
| - | position: relative; |
| - | margin-top: $orbit-bullet-margin-top; |
| - | margin-bottom: $orbit-bullet-margin-bottom; |
| - | text-align: center; |
| - | |
| - | button { |
| - | width: $orbit-bullet-diameter; |
| - | height: $orbit-bullet-diameter; |
| - | margin: $orbit-bullet-margin; |
| - | background-color: $orbit-bullet-background; |
| - | border-radius: 50%; |
| - | |
| - | &:hover { |
| - | background-color: $orbit-bullet-background-active; |
| - | } |
| - | |
| - | &.is-active { |
| - | background-color: $orbit-bullet-background-active; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-orbit { |
| - | .orbit { |
| - | @include orbit-wrapper; |
| - | } |
| - | |
| - | .orbit-container { |
| - | @include orbit-container; |
| - | } |
| - | |
| - | .orbit-slide { |
| - | @include orbit-slide; |
| - | } |
| - | |
| - | .orbit-figure { |
| - | @include orbit-figure; |
| - | } |
| - | |
| - | .orbit-image { |
| - | @include orbit-image; |
| - | } |
| - | |
| - | .orbit-caption { |
| - | @include orbit-caption; |
| - | } |
| - | |
| - | %orbit-control { |
| - | @include orbit-control; |
| - | } |
| - | |
| - | .orbit-previous { |
| - | @extend %orbit-control; |
| - | @include orbit-previous; |
| - | } |
| - | |
| - | .orbit-next { |
| - | @extend %orbit-control; |
| - | @include orbit-next; |
| - | } |
| - | |
| - | .orbit-bullets { |
| - | @include orbit-bullets; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_pagination.scss
+0
-161
| @@ | @@ -1,161 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group pagination |
| - | //// |
| - | |
| - | /// Font size of pagination items. |
| - | /// @type Number |
| - | $pagination-font-size: rem-calc(14) !default; |
| - | |
| - | /// Default bottom margin of the media object. |
| - | /// @type Number |
| - | $pagination-margin-bottom: $global-margin !default; |
| - | |
| - | /// Text color of pagination items. |
| - | /// @type Color |
| - | $pagination-item-color: $black !default; |
| - | |
| - | /// Padding inside of pagination items. |
| - | /// @type Number |
| - | $pagination-item-padding: rem-calc(3 10) !default; |
| - | |
| - | /// Right margin to separate pagination items. |
| - | /// @type Number |
| - | $pagination-item-spacing: rem-calc(1) !default; |
| - | |
| - | /// Default radius for pagination items. |
| - | /// @type Number |
| - | $pagination-radius: $global-radius !default; |
| - | |
| - | /// Background color of pagination items on hover. |
| - | /// @type Color |
| - | $pagination-item-background-hover: $light-gray !default; |
| - | |
| - | /// Background color of pagination item for the current page. |
| - | /// @type Color |
| - | $pagination-item-background-current: $primary-color !default; |
| - | |
| - | /// Text color of the pagination item for the current page. |
| - | /// @type Color |
| - | $pagination-item-color-current: foreground($pagination-item-background-current) !default; |
| - | |
| - | /// Text color of a disabled pagination item. |
| - | /// @type Color |
| - | $pagination-item-color-disabled: $medium-gray !default; |
| - | |
| - | /// Color of the ellipsis in a pagination menu. |
| - | /// @type Color |
| - | $pagination-ellipsis-color: $black !default; |
| - | |
| - | /// If `false`, don't display page number links on mobile, only next/previous links. |
| - | /// @type Boolean |
| - | $pagination-mobile-items: false !default; |
| - | |
| - | /// If `true`, arrows are added to the next and previous links of pagination. |
| - | /// @type Boolean |
| - | $pagination-arrows: true !default; |
| - | |
| - | /// Adds styles for a pagination container. Apply this to a `<ul>`. |
| - | @mixin pagination-container { |
| - | @include clearfix; |
| - | margin-#{$global-left}: 0; |
| - | margin-bottom: $pagination-margin-bottom; |
| - | |
| - | // List item |
| - | li { |
| - | font-size: $pagination-font-size; |
| - | margin-#{$global-right}: $pagination-item-spacing; |
| - | display: none; |
| - | border-radius: $pagination-radius; |
| - | |
| - | @if not $pagination-mobile-items { |
| - | &:last-child, |
| - | &:first-child { |
| - | display: inline-block; |
| - | } |
| - | |
| - | @include breakpoint(medium) { |
| - | display: inline-block; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Page links |
| - | a, |
| - | button { |
| - | color: $pagination-item-color; |
| - | display: block; |
| - | padding: $pagination-item-padding; |
| - | border-radius: $global-radius; |
| - | |
| - | &:hover { |
| - | background: $pagination-item-background-hover; |
| - | } |
| - | } |
| - | |
| - | // Symbols |
| - | @if $pagination-arrows { |
| - | [aria-label="previous"] { |
| - | &::before { |
| - | content: '«'; |
| - | display: inline-block; |
| - | margin-#{$global-right}: 0.75rem; |
| - | } |
| - | } |
| - | |
| - | [aria-label="next"] { |
| - | &::after { |
| - | content: '»'; |
| - | display: inline-block; |
| - | margin-#{$global-left}: 0.75rem; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for the current pagination item. Apply this to an `<a>`. |
| - | @mixin pagination-item-current { |
| - | padding: $pagination-item-padding; |
| - | background: $pagination-item-background-current; |
| - | color: $pagination-item-color-current; |
| - | cursor: default; |
| - | } |
| - | |
| - | /// Adds styles for a disabled pagination item. Apply this to an `<a>`. |
| - | @mixin pagination-item-disabled { |
| - | padding: $pagination-item-padding; |
| - | color: $pagination-item-color-disabled; |
| - | cursor: default; |
| - | |
| - | &:hover { |
| - | background: transparent; |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for an ellipsis for use in a pagination list. |
| - | @mixin pagination-ellipsis { |
| - | content: '…'; |
| - | padding: $pagination-item-padding; |
| - | color: $pagination-ellipsis-color; |
| - | } |
| - | |
| - | @mixin foundation-pagination { |
| - | .pagination { |
| - | @include pagination-container; |
| - | |
| - | .current { |
| - | @include pagination-item-current; |
| - | } |
| - | |
| - | .disabled { |
| - | @include pagination-item-disabled; |
| - | } |
| - | |
| - | .ellipsis::after { |
| - | @include pagination-ellipsis; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_progress-bar.scss
+0
-83
| @@ | @@ -1,83 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group progress-bar |
| - | //// |
| - | |
| - | /// Height of a progress bar. |
| - | /// @type Number |
| - | $progress-height: 1rem !default; |
| - | |
| - | /// Background color of a progress bar. |
| - | /// @type Color |
| - | $progress-background: $medium-gray !default; |
| - | |
| - | /// Bottom margin of a progress bar. |
| - | /// @type Number |
| - | $progress-margin-bottom: $global-margin !default; |
| - | |
| - | /// Default color of a progress bar's meter. |
| - | /// @type Color |
| - | $progress-meter-background: $primary-color !default; |
| - | |
| - | /// Default radius of a progress bar. |
| - | /// @type Number |
| - | $progress-radius: $global-radius !default; |
| - | |
| - | /// Adds styles for a progress bar container. |
| - | @mixin progress-container { |
| - | background-color: $progress-background; |
| - | height: $progress-height; |
| - | margin-bottom: $progress-margin-bottom; |
| - | border-radius: $progress-radius; |
| - | } |
| - | |
| - | /// Adds styles for the inner meter of a progress bar. |
| - | @mixin progress-meter { |
| - | position: relative; |
| - | display: block; |
| - | width: 0%; |
| - | height: 100%; |
| - | background-color: $progress-meter-background; |
| - | border-radius: $global-radius; |
| - | } |
| - | |
| - | /// Adds styles for text in the progress meter. |
| - | @mixin progress-meter-text { |
| - | position: absolute; |
| - | top: 50%; |
| - | #{$global-left}: 50%; |
| - | transform: translate(-50%, -50%); |
| - | margin: 0; |
| - | font-size: 0.75rem; |
| - | font-weight: bold; |
| - | color: $white; |
| - | white-space: nowrap; |
| - | } |
| - | |
| - | @mixin foundation-progress-bar { |
| - | // Progress bar |
| - | .progress { |
| - | @include progress-container; |
| - | |
| - | @each $name, $color in $foundation-colors { |
| - | &.#{$name} { |
| - | .progress-meter { |
| - | background-color: $color; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Progress bar meter |
| - | .progress-meter { |
| - | @include progress-meter; |
| - | |
| - | // Progress bar meter text |
| - | .progress-meter-text { |
| - | @include progress-meter-text; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_reveal.scss
+0
-155
| @@ | @@ -1,155 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group reveal |
| - | //// |
| - | |
| - | /// Default background color of a modal. |
| - | /// @type Color |
| - | $reveal-background: $white !default; |
| - | |
| - | /// Default width of a modal, with no class applied. |
| - | /// @type Number |
| - | $reveal-width: 600px !default; |
| - | |
| - | /// Default maximum width of a modal. |
| - | /// @type Number |
| - | $reveal-max-width: $global-width !default; |
| - | |
| - | /// Offset from the top of the window when a modal is added. |
| - | /// @type Number |
| - | $reveal-offset: rem-calc(100) !default; |
| - | |
| - | /// Default padding inside a modal. |
| - | /// @type Number |
| - | $reveal-padding: $global-padding !default; |
| - | |
| - | /// Default border around a modal. |
| - | /// @type Number |
| - | $reveal-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Default radius for modal. |
| - | /// @type Number |
| - | $reveal-radius: $global-radius !default; |
| - | |
| - | /// z-index for modals. The overlay uses this value, while the modal itself uses this value plus one. |
| - | /// @type Number |
| - | $reveal-zindex: 1005; |
| - | |
| - | /// Background color of modal overlays. |
| - | /// @type Color |
| - | $reveal-overlay-background: rgba($black, 0.45) !default; |
| - | |
| - | /// Adds styles for a modal overlay. |
| - | /// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay. |
| - | @mixin reveal-overlay { |
| - | display: none; |
| - | position: fixed; |
| - | top: 0; |
| - | bottom: 0; |
| - | left: 0; |
| - | right: 0; |
| - | z-index: $reveal-zindex; |
| - | background-color: $reveal-overlay-background; |
| - | overflow-y: scroll; |
| - | } |
| - | |
| - | /// Adds base styles for a modal. |
| - | @mixin reveal-modal-base { |
| - | @include disable-mouse-outline; |
| - | display: none; |
| - | z-index: $reveal-zindex + 1; |
| - | padding: $reveal-padding; |
| - | border: $reveal-border; |
| - | // margin: 100px auto 0 100px; |
| - | margin: 100px auto 0 auto; |
| - | background-color: $reveal-background; |
| - | border-radius: $reveal-radius; |
| - | |
| - | @include breakpoint(medium) { |
| - | min-height: 0; |
| - | } |
| - | |
| - | // Make sure rows don't have a min-width on them |
| - | .column, |
| - | .columns { |
| - | min-width: 0; |
| - | } |
| - | |
| - | // Strip margins from the last item in the modal |
| - | > :last-child { |
| - | margin-bottom: 0; |
| - | } |
| - | } |
| - | |
| - | /// Adjusts the width of a modal. |
| - | /// @param {Number} $width - Width of the modal. Generally a percentage. |
| - | /// @param {Number} $max-width [$reveal-max-width] - Maximum width of the modal. |
| - | @mixin reveal-modal-width( |
| - | $width: $reveal-width, |
| - | $max-width: $reveal-max-width |
| - | ) { |
| - | @include breakpoint(medium) { |
| - | @extend %reveal-centered; |
| - | width: $width; |
| - | max-width: $reveal-max-width; |
| - | } |
| - | } |
| - | |
| - | /// Creates a full-screen modal, which stretches the full width and height of the window. |
| - | @mixin reveal-modal-fullscreen { |
| - | // scss-lint:disable DuplicateProperty |
| - | top: 0; |
| - | left: 0; |
| - | width: 100%; |
| - | height: 100%; |
| - | height: 100vh; |
| - | min-height: 100vh; |
| - | max-width: none; |
| - | margin-left: 0; |
| - | } |
| - | |
| - | @mixin foundation-reveal { |
| - | // Overlay |
| - | .reveal-overlay { |
| - | @include reveal-overlay; |
| - | } |
| - | |
| - | // Modal container |
| - | .reveal { |
| - | @include reveal-modal-base; |
| - | @include reveal-modal-width($reveal-width); |
| - | position: absolute; |
| - | overflow-y: auto; |
| - | // Remove padding |
| - | &.collapse { |
| - | padding: 0; |
| - | } |
| - | |
| - | // Placeholder selector for medium-and-up modals |
| - | // Prevents duplicate CSS when defining multiple Reveal sizes |
| - | @include breakpoint(medium) { |
| - | %reveal-centered { |
| - | left: auto; |
| - | right: auto; |
| - | margin: 0 auto; |
| - | } |
| - | } |
| - | |
| - | // Sizing classes |
| - | &.tiny { @include reveal-modal-width(30%); } |
| - | &.small { @include reveal-modal-width(50%); } |
| - | &.large { @include reveal-modal-width(90%); } |
| - | |
| - | // Full-screen mode |
| - | &.full { |
| - | @include reveal-modal-fullscreen; |
| - | } |
| - | } |
| - | } |
| - | |
| - | body.is-reveal-open { |
| - | overflow: hidden; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_slider.scss
+0
-158
| @@ | @@ -1,158 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // [TODO] Check how plugin confirms disabled or vertical status |
| - | // [TODO] Check if transition: all; is necessary |
| - | |
| - | //// |
| - | /// @group slider |
| - | //// |
| - | |
| - | /// Default height of the slider. |
| - | /// @type Number |
| - | $slider-height: 0.5rem !default; |
| - | |
| - | /// Default slider width of a vertical slider. |
| - | /// @type Number |
| - | $slider-width-vertical: $slider-height !default; |
| - | |
| - | /// Default background color of the slider's track. |
| - | /// @type Color |
| - | $slider-background: $light-gray !default; |
| - | |
| - | /// Default color of the active fill color of the slider. |
| - | /// @type Color |
| - | $slider-fill-background: $medium-gray !default; |
| - | |
| - | /// Default height of the handle of the slider. |
| - | /// @type Number |
| - | $slider-handle-height: 1.4rem !default; |
| - | |
| - | /// Default width of the handle of the slider. |
| - | /// @type Number |
| - | $slider-handle-width: 1.4rem !default; |
| - | |
| - | /// Default color of the handle for the slider. |
| - | /// @type Color |
| - | $slider-handle-background: $primary-color !default; |
| - | |
| - | /// Default fade amount of a disabled slider. |
| - | /// @type Number |
| - | $slider-opacity-disabled: 0.25 !default; |
| - | |
| - | /// Default radius for slider. |
| - | /// @type Number |
| - | $slider-radius: $global-radius !default; |
| - | |
| - | /// Transition properties to apply to the slider handle and fill. |
| - | /// @type Transition |
| - | $slider-transition: all 0.2s ease-in-out !default; |
| - | |
| - | /// Adds the general styles for sliders. |
| - | @mixin slider-container { |
| - | position: relative; |
| - | height: $slider-height; |
| - | margin-top: 1.25rem; |
| - | margin-bottom: 2.25rem; |
| - | background-color: $slider-background; |
| - | cursor: pointer; |
| - | user-select: none; |
| - | touch-action: none; |
| - | } |
| - | |
| - | /// Adds the general styles for active fill for sliders. |
| - | @mixin slider-fill { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 0; |
| - | display: inline-block; |
| - | max-width: 100%; |
| - | height: $slider-height; |
| - | background-color: $slider-fill-background; |
| - | transition: $slider-transition; |
| - | |
| - | &.is-dragging { |
| - | transition: all 0s linear; |
| - | } |
| - | } |
| - | |
| - | /// Adds the general styles for the slider handles. |
| - | @mixin slider-handle { |
| - | @include disable-mouse-outline; |
| - | @include v-align-middle; |
| - | position: absolute; |
| - | left: 0; |
| - | z-index: 1; |
| - | display: inline-block; |
| - | width: $slider-handle-width; |
| - | height: $slider-handle-height; |
| - | background-color: $slider-handle-background; |
| - | transition: $slider-transition; |
| - | touch-action: manipulation; |
| - | border-radius: $slider-radius; |
| - | |
| - | &:hover { |
| - | background-color: scale-color($slider-handle-background, $lightness: -15%); |
| - | } |
| - | |
| - | &.is-dragging { |
| - | transition: all 0s linear; |
| - | } |
| - | } |
| - | |
| - | @mixin slider-disabled { |
| - | opacity: $slider-opacity-disabled; |
| - | cursor: not-allowed; |
| - | } |
| - | |
| - | @mixin slider-vertical { |
| - | display: inline-block; |
| - | width: $slider-width-vertical; |
| - | height: 12.5rem; |
| - | margin: 0 1.25rem; |
| - | transform: scale(1, -1); |
| - | |
| - | .slider-fill { |
| - | top: 0; |
| - | width: $slider-width-vertical; |
| - | max-height: 100%; |
| - | } |
| - | |
| - | .slider-handle { |
| - | position: absolute; |
| - | top: 0; |
| - | left: 50%; |
| - | width: $slider-handle-height; |
| - | height: $slider-handle-width; |
| - | transform: translateX(-50%); |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-slider { |
| - | // Container |
| - | .slider { |
| - | @include slider-container; |
| - | } |
| - | |
| - | // Fill area |
| - | .slider-fill { |
| - | @include slider-fill; |
| - | } |
| - | |
| - | // Draggable handle |
| - | .slider-handle { |
| - | @include slider-handle; |
| - | } |
| - | |
| - | // Disabled state |
| - | .slider.disabled, |
| - | .slider[disabled] { |
| - | @include slider-disabled; |
| - | } |
| - | |
| - | // Vertical slider |
| - | .slider.vertical { |
| - | @include slider-vertical; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_sticky.scss
+0
-38
| @@ | @@ -1,38 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @mixin foundation-sticky { |
| - | .sticky-container { |
| - | position: relative; |
| - | } |
| - | |
| - | .sticky { |
| - | position: absolute; |
| - | z-index: 0; |
| - | transform: translate3d(0,0,0); |
| - | } |
| - | |
| - | .sticky.is-stuck { |
| - | position: fixed; |
| - | z-index: 5; |
| - | |
| - | &.is-at-top { |
| - | top: 0; |
| - | } |
| - | |
| - | &.is-at-bottom { |
| - | bottom: 0; |
| - | } |
| - | } |
| - | |
| - | .sticky.is-anchored { |
| - | position: absolute; |
| - | left: auto; |
| - | right: auto; |
| - | |
| - | &.is-at-bottom { |
| - | bottom: 0; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_switch.scss
+0
-231
| @@ | @@ -1,231 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group switch |
| - | //// |
| - | |
| - | /// Background color of a switch. |
| - | /// @type Color |
| - | $switch-background: $medium-gray !default; |
| - | |
| - | /// Background active color of a switch. |
| - | /// @type Color |
| - | $switch-background-active: $primary-color !default; |
| - | |
| - | /// Height of a switch, with no class applied. |
| - | /// @type Number |
| - | $switch-height: 2rem !default; |
| - | |
| - | /// Height of a switch with .tiny class. |
| - | /// @type Number |
| - | $switch-height-tiny: 1.5rem !default; |
| - | |
| - | /// Height of a switch with .small class. |
| - | /// @type Number |
| - | $switch-height-small: 1.75rem !default; |
| - | |
| - | /// Height of a switch with .large class. |
| - | /// @type Number |
| - | $switch-height-large: 2.5rem !default; |
| - | |
| - | /// Border radius of the switch |
| - | /// @type Number |
| - | $switch-radius: $global-radius; |
| - | |
| - | /// border around a modal. |
| - | /// @type Number |
| - | $switch-margin: $global-margin !default; |
| - | |
| - | /// Background color for the switch container and paddle. |
| - | /// @type Color |
| - | $switch-paddle-background: $white !default; |
| - | |
| - | /// Spacing between a switch paddle and the edge of the body. |
| - | /// @type Number |
| - | $switch-paddle-offset: 0.25rem !default; |
| - | |
| - | /// border radius of the switch paddle |
| - | /// @type Number |
| - | $switch-paddle-radius: $global-radius !default; |
| - | |
| - | /// switch transition. |
| - | /// @type Number |
| - | $switch-paddle-transition: all 0.25s ease-out !default; |
| - | |
| - | // make them variables |
| - | // ask about accessibility on label |
| - | // change class name for text |
| - | |
| - | /// Adds styles for a switch container. Apply this to a container class. |
| - | @mixin switch-container { |
| - | margin-bottom: $switch-margin; |
| - | outline: 0; |
| - | position: relative; |
| - | user-select: none; |
| - | |
| - | // These properties cascade down to the switch text |
| - | color: $white; |
| - | font-weight: bold; |
| - | font-size: rem-calc(14); |
| - | } |
| - | |
| - | /// Adds styles for a switch input. Apply this to an `<input>` within a switch. |
| - | @mixin switch-input { |
| - | opacity: 0; |
| - | position: absolute; |
| - | } |
| - | |
| - | /// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch. |
| - | @mixin switch-paddle { |
| - | background: $switch-background; |
| - | cursor: pointer; |
| - | display: block; |
| - | position: relative; |
| - | width: 4rem; |
| - | height: $switch-height; |
| - | transition: $switch-paddle-transition; |
| - | border-radius: $switch-radius; |
| - | |
| - | // Resetting these <label> presets so type styles cascade down |
| - | color: inherit; |
| - | font-weight: inherit; |
| - | |
| - | // Needed to override specificity |
| - | input + & { |
| - | margin: 0; |
| - | } |
| - | |
| - | // The paddle itself |
| - | &::after { |
| - | background: $switch-paddle-background; |
| - | content: ''; |
| - | display: block; |
| - | position: absolute; |
| - | height: 1.5rem; |
| - | #{$global-left}: 0.25rem; |
| - | top: 0.25rem; |
| - | width: 1.5rem; |
| - | transition: $switch-paddle-transition; |
| - | transform: translate3d(0, 0, 0); |
| - | } |
| - | |
| - | // Change the visual style when the switch is active |
| - | input:checked ~ & { |
| - | background: $switch-background-active; |
| - | |
| - | &::after { |
| - | #{$global-left}: 2.25rem; |
| - | } |
| - | } |
| - | |
| - | input:focus ~ & { |
| - | @include disable-mouse-outline; |
| - | } |
| - | } |
| - | |
| - | /// Adds base styles for active/inactive text inside a switch. Apply this to text elements inside the switch `<label>`. |
| - | @mixin switch-text { |
| - | position: absolute; |
| - | top: 50%; |
| - | transform: translateY(-50%); |
| - | } |
| - | |
| - | /// Adds styles for the active state text within a switch. |
| - | @mixin switch-text-active { |
| - | #{$global-left}: 8%; |
| - | display: none; |
| - | |
| - | input:checked + label > & { |
| - | display: block; |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for the inactive state text within a switch. |
| - | @mixin switch-text-inactive { |
| - | #{$global-right}: 15%; |
| - | |
| - | input:checked + label > & { |
| - | display: none; |
| - | } |
| - | } |
| - | |
| - | /// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container. |
| - | /// @param {Number} $font-size [1rem] - Font size of label text within the switch. |
| - | /// @param {Number} $width [4rem] - Width of the switch body. |
| - | /// @param {Number} $height [2rem] - Height of the switch body. |
| - | /// @param {Number} $paddle-width [1.5rem] - Width of the switch paddle. |
| - | /// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body. |
| - | @mixin switch-size( |
| - | $font-size: 1rem, |
| - | $width: 4rem, |
| - | $height: 2rem, |
| - | $paddle-width: 1.5rem, |
| - | $paddle-offset: 0.25rem |
| - | ) { |
| - | $paddle-height: $height - ($paddle-offset * 2); |
| - | $paddle-left-active: $width - $paddle-width - $paddle-offset; |
| - | |
| - | .switch-paddle { |
| - | width: $width; |
| - | height: $height; |
| - | font-size: $font-size; |
| - | } |
| - | |
| - | .switch-paddle::after { |
| - | width: $paddle-width; |
| - | height: $paddle-height; |
| - | } |
| - | |
| - | input:checked ~ .switch-paddle:after { |
| - | #{$global-left}: $paddle-left-active; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-switch { |
| - | // Container class |
| - | .switch { |
| - | @include switch-container; |
| - | } |
| - | |
| - | // <input> element |
| - | .switch-input { |
| - | @include switch-input; |
| - | } |
| - | |
| - | // <label> element |
| - | .switch-paddle { |
| - | @include switch-paddle; |
| - | } |
| - | |
| - | // Base label text styles |
| - | %switch-text { |
| - | @include switch-text; |
| - | } |
| - | |
| - | // Active label text styles |
| - | .switch-active { |
| - | @extend %switch-text; |
| - | @include switch-text-active; |
| - | } |
| - | |
| - | // Inactive label text styles |
| - | .switch-inactive { |
| - | @extend %switch-text; |
| - | @include switch-text-inactive; |
| - | } |
| - | |
| - | // Switch sizes |
| - | .switch.tiny { |
| - | @include switch-size(rem-calc(10), 3rem, $switch-height-tiny, 1rem, $switch-paddle-offset); |
| - | } |
| - | |
| - | .switch.small { |
| - | @include switch-size(rem-calc(12), 3.5rem, $switch-height-small, 1.25rem, $switch-paddle-offset); |
| - | } |
| - | |
| - | .switch.large { |
| - | @include switch-size(rem-calc(16), 5rem, $switch-height-large, 2rem, $switch-paddle-offset); |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_table.scss
+0
-212
| @@ | @@ -1,212 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // scss-lint:disable MergeableSelector, QualifyingElement |
| - | |
| - | //// |
| - | /// @group table |
| - | //// |
| - | |
| - | /// Defualt color for table background. |
| - | /// @type Color |
| - | $table-background: $white !default; |
| - | |
| - | /// Defualt scale for darkening the striped table rows and the table border. |
| - | /// @type Number |
| - | $table-color-scale: 5% !default; |
| - | |
| - | /// Defualt style for table border. |
| - | /// @type List |
| - | $table-border: 1px solid smart-scale($table-background, $table-color-scale) !default; |
| - | |
| - | /// Defualt padding for table. |
| - | /// @type Number |
| - | $table-padding: rem-calc(8 10 10) !default; |
| - | |
| - | /// Defualt scale for darkening the table rows on hover. |
| - | /// @type Number |
| - | $table-hover-scale: 2% !default; |
| - | |
| - | /// Defualt color of standard rows on hover. |
| - | /// @type List |
| - | $table-row-hover: darken($table-background, $table-hover-scale) !default; |
| - | |
| - | /// Defualt color of striped rows on hover. |
| - | /// @type List |
| - | $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default; |
| - | |
| - | /// Defualt background color for striped rows. |
| - | /// @type Color |
| - | $table-striped-background: smart-scale($table-background, $table-color-scale) !default; |
| - | |
| - | /// Defualt value for showing the stripe on rows of the tables, excluding the header and footer If even, the even rows will have a background color. If odd, the odd rows will have a background color. If empty, or anyother value, the table rows will have no striping. |
| - | /// @type Keyoword |
| - | $table-stripe: even !default; |
| - | |
| - | /// Defualt color for header background. |
| - | /// @type Color |
| - | $table-head-background: smart-scale($table-background, $table-color-scale / 2) !default; |
| - | |
| - | /// Defualt color for footer background. |
| - | /// @type Color |
| - | $table-foot-background: smart-scale($table-background, $table-color-scale) !default; |
| - | |
| - | /// Defualt font color for header. |
| - | /// @type Color |
| - | $table-head-font-color: $body-font-color !default; |
| - | |
| - | /// Defualt value for showing the header when using stacked tables. |
| - | /// @type Boolean |
| - | $show-header-for-stacked: false; |
| - | |
| - | /// Adds the general styles for tables. |
| - | /// @param {Keyword} $stripe [$table-stripe] - Uses kewords even, odd, or none to darken rows of the table. The defualt value is even. |
| - | @mixin table($stripe: $table-stripe) { |
| - | margin-bottom: $global-margin; |
| - | border-radius: $global-radius; |
| - | |
| - | @at-root { |
| - | thead, |
| - | tbody, |
| - | tfoot { |
| - | border: $table-border; |
| - | background-color: $table-background; |
| - | } |
| - | |
| - | // Caption |
| - | caption { |
| - | font-weight: $global-weight-bold; |
| - | padding: $table-padding; |
| - | } |
| - | |
| - | // Table head and foot |
| - | thead, |
| - | tfoot { |
| - | background: $table-head-background; |
| - | color: $table-head-font-color; |
| - | |
| - | // Rows within head and foot |
| - | tr { |
| - | background: transparent; |
| - | } |
| - | |
| - | // Cells within head and foot |
| - | th, |
| - | td { |
| - | padding: $table-padding; |
| - | font-weight: $global-weight-bold; |
| - | text-align: #{$global-left}; |
| - | } |
| - | } |
| - | |
| - | // Table rows |
| - | tbody { |
| - | tr { |
| - | // If stripe is set to even, darken the even rows. |
| - | @if $stripe == even { |
| - | &:nth-child(even) { |
| - | background-color: $table-striped-background; |
| - | } |
| - | } |
| - | |
| - | // If stripe is set to odd, darken the odd rows. |
| - | @else if $stripe == odd { |
| - | &:nth-child(odd) { |
| - | background-color: $table-striped-background; |
| - | } |
| - | } |
| - | } |
| - | |
| - | th, |
| - | td { |
| - | padding: $table-padding; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds the ability to horizontally scroll the table when the content overflows horizontally. |
| - | @mixin table-scroll { |
| - | display: block; |
| - | width: 100%; |
| - | overflow-y: scroll; |
| - | } |
| - | |
| - | /// Slightly darkens the table rows on hover. |
| - | @mixin table-hover { |
| - | tr { |
| - | //Darkens the non-striped table rows on hover. |
| - | &:hover { |
| - | background-color: $table-row-hover; |
| - | } |
| - | |
| - | //Darkens the even striped table rows. |
| - | @if($table-stripe == even) { |
| - | &:nth-of-type(even):hover { |
| - | background-color: $table-row-stripe-hover; |
| - | } |
| - | } |
| - | |
| - | //Darkens the odd striped table rows. |
| - | @elseif($table-stripe == odd) { |
| - | &:nth-of-type(odd):hover { |
| - | background-color: $table-row-stripe-hover; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for a stacked table. Useful for small-screen layouts. |
| - | /// @param {Boolean} $header [$show-header-for-stacked] - Show the first th of header when stacked. |
| - | @mixin table-stack($header: $show-header-for-stacked) { |
| - | @if $header { |
| - | thead { |
| - | th:first-child { |
| - | display: block; |
| - | } |
| - | |
| - | th { |
| - | display: none; |
| - | } |
| - | } |
| - | } @else { |
| - | thead { |
| - | display: none; |
| - | } |
| - | } |
| - | |
| - | tfoot { |
| - | display: none; |
| - | } |
| - | |
| - | tr, |
| - | th, |
| - | td { |
| - | display: block; |
| - | } |
| - | |
| - | td { |
| - | border-top: 0; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-table { |
| - | table { |
| - | @include table; |
| - | } |
| - | |
| - | table.stack { |
| - | @include breakpoint(medium down) { |
| - | @include table-stack; |
| - | } |
| - | } |
| - | |
| - | table.scroll { |
| - | @include table-scroll; |
| - | } |
| - | |
| - | table.hover { |
| - | @include table-hover; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_tabs.scss
+0
-137
| @@ | @@ -1,137 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group tabs |
| - | //// |
| - | |
| - | /// Default margin of the tab bar. |
| - | /// @type Number |
| - | $tab-margin: 0 !default; |
| - | |
| - | /// Default background color of a tab bar. |
| - | /// @type Color |
| - | $tab-background: $white !default; |
| - | |
| - | /// active background color of a tab bar. |
| - | /// @type Color |
| - | $tab-background-active: $light-gray !default; |
| - | |
| - | /// Default border color of tab content. |
| - | /// @type Color |
| - | $tab-border: $light-gray !default; |
| - | |
| - | /// Default text color for items in a Menu. |
| - | /// @type Color |
| - | $tab-item-color: foreground($tab-background, $primary-color) !default; |
| - | |
| - | /// Default background color on hover for items in a Menu. |
| - | $tab-item-background-hover: $white !default; |
| - | |
| - | /// Default padding of a a tab item. |
| - | /// @type Number |
| - | $tab-item-padding: 1.25rem 1.5rem !default; |
| - | |
| - | /// Maximum number of `expand-n` classes to include in the CSS. |
| - | /// @type Number |
| - | $tab-expand-max: 6 !default; |
| - | |
| - | /// Default background color of tab content. |
| - | /// @type Color |
| - | $tab-content-background: $white !default; |
| - | |
| - | /// Default border color of tab content. |
| - | /// @type Color |
| - | $tab-content-border: $light-gray !default; |
| - | |
| - | /// Default text color of tab content. |
| - | /// @type Color |
| - | $tab-content-color: foreground($tab-background, $primary-color) !default; |
| - | |
| - | /// Default padding for tab content. |
| - | /// @type Number | List |
| - | $tab-content-padding: 1rem !default; |
| - | |
| - | @mixin foundation-tabs { |
| - | .tabs { |
| - | @include clearfix; |
| - | margin: $tab-margin; |
| - | list-style-type: none; |
| - | background: $tab-background; |
| - | border: 1px solid $tab-content-border; |
| - | |
| - | // Simple |
| - | &.simple { |
| - | > li > a { |
| - | padding: 0; |
| - | |
| - | &:hover { |
| - | background: transparent; |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Vertical |
| - | &.vertical { |
| - | > li { |
| - | width: auto; |
| - | float: none; |
| - | display: block; |
| - | } |
| - | } |
| - | |
| - | // Primary color |
| - | &.primary { |
| - | background: $primary-color; |
| - | |
| - | > li > a { |
| - | color: foreground($primary-color); |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | background: smart-scale($primary-color); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | .tabs-title { |
| - | float: #{$global-left}; |
| - | |
| - | > a { |
| - | display: block; |
| - | padding: $tab-item-padding; |
| - | line-height: 1; |
| - | font-size: 12px; |
| - | color: $tab-item-color; |
| - | |
| - | &:hover, |
| - | &:focus, |
| - | &[aria-selected="true"] { |
| - | background: $tab-background-active; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .tabs-content { |
| - | background: $tab-content-background; |
| - | transition: all 0.5s ease; |
| - | border: 1px solid $tab-content-border; |
| - | border-top: 0; |
| - | |
| - | &.vertical { |
| - | border: 1px solid $tab-content-border; |
| - | border-#{$global-left}: 0; |
| - | } |
| - | } |
| - | |
| - | .tabs-panel { |
| - | display: none; |
| - | padding: $tab-content-padding; |
| - | |
| - | &.is-active { |
| - | display: block; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_thumbnail.scss
+0
-54
| @@ | @@ -1,54 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group thumbnail |
| - | //// |
| - | |
| - | /// Border around thumbnail images. |
| - | /// @type Border |
| - | $thumbnail-border: solid 4px $white !default; |
| - | |
| - | /// Bottom margin for thumbnail images. |
| - | /// @type Length |
| - | $thumbnail-margin-bottom: $global-margin !default; |
| - | |
| - | /// Box shadow under thumbnail images. |
| - | /// @type Shadow |
| - | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default; |
| - | |
| - | /// Box shadow under thumbnail images. |
| - | /// @type Shadow |
| - | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default; |
| - | |
| - | /// Transition proprties for thumbnail images. |
| - | /// @type Transition |
| - | $thumbnail-transition: box-shadow 200ms ease-out !default; |
| - | |
| - | /// Default radius for thumbnail images. |
| - | /// @type Number |
| - | $thumbnail-radius: $global-radius !default; |
| - | |
| - | /// Adds thumbnail styles to an element. |
| - | @mixin thumbnail { |
| - | border: $thumbnail-border; |
| - | box-shadow: $thumbnail-shadow; |
| - | display: inline-block; |
| - | line-height: 0; |
| - | max-width: 100%; |
| - | transition: $thumbnail-transition; |
| - | border-radius: $thumbnail-radius; |
| - | margin-bottom: $thumbnail-margin-bottom; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | box-shadow: $thumbnail-shadow-hover; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-thumbnail { |
| - | .thumbnail { |
| - | @include thumbnail; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_title-bar.scss
+0
-44
| @@ | @@ -1,44 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group title-bar |
| - | //// |
| - | |
| - | @mixin foundation-title-bar { |
| - | .title-bar { |
| - | @include clearfix; |
| - | background: $black; |
| - | color: $white; |
| - | padding: 0.5rem; |
| - | |
| - | .menu-icon { |
| - | margin-#{$global-left}: 0.25rem; |
| - | margin-#{$global-right}: 0.5rem; |
| - | } |
| - | } |
| - | |
| - | .title-bar-left { |
| - | float: left; |
| - | } |
| - | |
| - | .title-bar-right { |
| - | float: right; |
| - | text-align: right; |
| - | } |
| - | |
| - | .title-bar-title { |
| - | font-weight: bold; |
| - | vertical-align: middle; |
| - | display: inline-block; |
| - | } |
| - | |
| - | .menu-icon { |
| - | @include hamburger($color: white, $color-hover: $medium-gray); |
| - | } |
| - | |
| - | .menu-icon.dark { |
| - | @include hamburger; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_tooltip.scss
+0
-110
| @@ | @@ -1,110 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group tooltip |
| - | //// |
| - | |
| - | /// Default color of the tooltip background. |
| - | /// @type Color |
| - | $tooltip-background-color: $black !default; |
| - | |
| - | /// Default color of the tooltip font. |
| - | /// @type Color |
| - | $tooltip-color: $white; |
| - | |
| - | /// Default padding of the tooltip background. |
| - | /// @type Number |
| - | $tooltip-padding: 0.75rem !default; |
| - | |
| - | /// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy. |
| - | /// @type Number |
| - | $tooltip-font-size: $small-font-size !default; |
| - | |
| - | /// Default pip width for tooltips. |
| - | /// @type Number |
| - | $tooltip-pip-width: 0.75rem !default; |
| - | |
| - | /// Default pip height for tooltips. This is helpful for calculating the distance of the tooltip from the tooltip word. |
| - | /// @type Number |
| - | $tooltip-pip-height: $tooltip-pip-width * 0.866 !default; |
| - | |
| - | /// Default pip offset for tooltips. This controls how far the pip is indented from the left edge of the tooltip. |
| - | /// @type Number |
| - | $tooltip-pip-offset: 1.25rem !default; |
| - | |
| - | /// Default radius for tooltips. |
| - | /// @type Number |
| - | $tooltip-radius: $global-radius !default; |
| - | |
| - | @mixin has-tip { |
| - | border-bottom: dotted 1px $dark-gray; |
| - | font-weight: bold; |
| - | position: relative; |
| - | display: inline-block; |
| - | |
| - | &:hover { |
| - | cursor: help; |
| - | } |
| - | } |
| - | |
| - | @mixin tooltip { |
| - | background-color: $tooltip-background-color; |
| - | color: $tooltip-color; |
| - | font-size: $tooltip-font-size; |
| - | padding: $tooltip-padding; |
| - | position: absolute; |
| - | z-index: 10; |
| - | top: calc(100% + #{$tooltip-pip-height}); |
| - | max-width: 10rem !important; |
| - | border-radius: $tooltip-radius; |
| - | // visibility: hidden; |
| - | |
| - | &::before { |
| - | @include css-triangle($tooltip-pip-width, $tooltip-background-color, up); |
| - | bottom: 100%; |
| - | position: absolute; |
| - | left: 50%; |
| - | transform: translateX(-50%); |
| - | } |
| - | |
| - | &.top { |
| - | &::before { |
| - | @include css-triangle($tooltip-pip-width, $tooltip-background-color, down); |
| - | top: 100%; |
| - | bottom: auto; |
| - | } |
| - | } |
| - | |
| - | &.left { |
| - | &::before { |
| - | @include css-triangle($tooltip-pip-width, $tooltip-background-color, right); |
| - | bottom: auto; |
| - | left: 100%; |
| - | top: 50%; |
| - | transform: translateY(-50%); |
| - | } |
| - | } |
| - | |
| - | &.right { |
| - | &::before { |
| - | @include css-triangle($tooltip-pip-width, $tooltip-background-color, left); |
| - | bottom: auto; |
| - | left: auto; |
| - | right: 100%; |
| - | top: 50%; |
| - | transform: translateY(-50%); |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-tooltip { |
| - | .has-tip { |
| - | @include has-tip; |
| - | } |
| - | |
| - | .tooltip { |
| - | @include tooltip; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_top-bar.scss
+0
-57
| @@ | @@ -1,57 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group top-bar |
| - | //// |
| - | |
| - | /// Padding for the top bar. |
| - | /// @type Number |
| - | $topbar-padding: 0.5rem !default; |
| - | |
| - | /// Background color for the top bar. This color also cascades to menus within the top bar. |
| - | /// @type Color |
| - | $topbar-background: #eee !default; |
| - | |
| - | /// Color for links inside a top bar menu. |
| - | /// @type Color |
| - | $topbar-link-color: #fff !default; |
| - | |
| - | /// Width of `<input>` elements inside the top bar. |
| - | /// @type Number |
| - | $topbar-input-width: 200px !default; |
| - | |
| - | /// Adds styles for a top bar container. |
| - | @mixin top-bar-container { |
| - | @include clearfix; |
| - | padding: $topbar-padding; |
| - | |
| - | &, ul { |
| - | background-color: $topbar-background; |
| - | } |
| - | |
| - | input { |
| - | width: $topbar-input-width; |
| - | margin-#{$global-right}: 1rem; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-top-bar { |
| - | // Top bar container |
| - | .top-bar { |
| - | @include top-bar-container; |
| - | } |
| - | |
| - | // Sub-sections |
| - | // Stack on small screens |
| - | @include breakpoint(medium) { |
| - | .top-bar-left { |
| - | float: left; |
| - | } |
| - | |
| - | .top-bar-right { |
| - | float: right |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/components/_visibility.scss
+0
-131
| @@ | @@ -1,131 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | /// Hide an element by default, only displaying it above a certain screen size. |
| - | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| - | @mixin show-for($size) { |
| - | $size: map-get($breakpoints, $size); |
| - | $size: -zf-bp-to-em($size) - (1/16); |
| - | |
| - | @include breakpoint($size down) { |
| - | display: none !important; |
| - | } |
| - | } |
| - | |
| - | /// Hide an element by default, only displaying it within a certain breakpoint. |
| - | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| - | @mixin show-for-only($size) { |
| - | $lower-bound-size: map-get($breakpoints, $size); |
| - | $upper-bound-size: -zf-map-next($breakpoints, $size); |
| - | |
| - | // more often than not this will be correct, just one time round the loop it won't so set in scope here |
| - | $lower-bound: -zf-bp-to-em($lower-bound-size) - (1/16); |
| - | // test actual lower-bound-size, if 0 set it to 0em |
| - | @if $lower-bound-size == 0 { |
| - | $lower-bound: -zf-bp-to-em($lower-bound-size); |
| - | } |
| - | |
| - | @if $upper-bound-size == null { |
| - | @media screen and (max-width: $lower-bound) { |
| - | display: none !important; |
| - | } |
| - | } |
| - | @else { |
| - | $upper-bound: -zf-bp-to-em($upper-bound-size); |
| - | @media screen and (max-width: $lower-bound), screen and (min-width: $upper-bound) { |
| - | display: none !important; |
| - | } |
| - | } |
| - | } |
| - | |
| - | |
| - | /// Show an element by default, and hide it above a certain screen size. |
| - | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| - | @mixin hide-for($size) { |
| - | @include breakpoint($size) { |
| - | display: none !important; |
| - | } |
| - | } |
| - | |
| - | /// Show an element by default, and hide it above a certain screen size. |
| - | /// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.** |
| - | @mixin hide-for-only($size) { |
| - | @include breakpoint($size only) { |
| - | display: none !important; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-visibility-classes { |
| - | // Basic hiding classes |
| - | .hide { |
| - | display: none !important; |
| - | } |
| - | |
| - | .invisible { |
| - | visibility: hidden; |
| - | } |
| - | |
| - | // Responsive visibility classes |
| - | @each $size in $breakpoint-classes { |
| - | @if $size != small { |
| - | .hide-for-#{$size} { |
| - | @include hide-for($size); |
| - | } |
| - | |
| - | .show-for-#{$size} { |
| - | @include show-for($size); |
| - | } |
| - | } |
| - | |
| - | .hide-for-#{$size}-only { |
| - | @include hide-for-only($size); |
| - | } |
| - | |
| - | .show-for-#{$size}-only { |
| - | @include show-for-only($size); |
| - | } |
| - | } |
| - | |
| - | // Screen reader visibility classes |
| - | // Need a "hide-for-sr" class? Add aria-hidden="true" to the element |
| - | .show-for-sr, |
| - | .show-on-focus { |
| - | @include element-invisible; |
| - | } |
| - | |
| - | // Only display the element when it's focused |
| - | .show-on-focus { |
| - | &:active, |
| - | &:focus { |
| - | @include element-invisible-off; |
| - | } |
| - | } |
| - | |
| - | // Landscape and portrait visibility |
| - | .show-for-landscape, |
| - | .hide-for-portrait { |
| - | display: block !important; |
| - | |
| - | @include breakpoint(landscape) { |
| - | display: block !important; |
| - | } |
| - | |
| - | @include breakpoint(portrait) { |
| - | display: none !important; |
| - | } |
| - | } |
| - | |
| - | .hide-for-landscape, |
| - | .show-for-portrait { |
| - | display: none !important; |
| - | |
| - | @include breakpoint(landscape) { |
| - | display: none !important; |
| - | } |
| - | |
| - | @include breakpoint(portrait) { |
| - | display: block !important; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_checkbox.scss
+0
-36
| @@ | @@ -1,36 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | @mixin foundation-form-checkbox { |
| - | [type="file"], |
| - | [type="checkbox"], |
| - | [type="radio"] { |
| - | margin: 0 0 $form-spacing; |
| - | } |
| - | |
| - | // Styles for input/label siblings |
| - | [type="checkbox"] + label, |
| - | [type="radio"] + label { |
| - | display: inline-block; |
| - | margin-#{$global-left}: $form-spacing * 0.5; |
| - | margin-#{$global-right}: $form-spacing; |
| - | margin-bottom: 0; |
| - | vertical-align: baseline; |
| - | } |
| - | |
| - | // Styles for inputs inside labels |
| - | label > [type="checkbox"], |
| - | label > [type="label"] { |
| - | margin-#{$global-right}: $form-spacing * 0.5; |
| - | } |
| - | |
| - | // Normalize file input width |
| - | [type="file"] { |
| - | width: 100%; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_error.scss
+0
-81
| @@ | @@ -1,81 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group abide |
| - | //// |
| - | |
| - | /// Sets if error styles should be added to inputs. |
| - | /// @type Boolean |
| - | $abide-inputs: true !default; |
| - | |
| - | /// Sets if error styles should be added to labels. |
| - | /// @type Boolean |
| - | $abide-labels: true !default; |
| - | |
| - | /// Background color to use for invalid text inputs. |
| - | /// @type Color |
| - | $input-background-invalid: $alert-color !default; |
| - | |
| - | /// Color to use for labels of invalid inputs. |
| - | /// @type Color |
| - | $form-label-color-invalid: $alert-color !default; |
| - | |
| - | /// Default font color for form error text. |
| - | /// @type Color |
| - | $input-error-color: $alert-color !default; |
| - | |
| - | /// Default font size for form error text. |
| - | /// @type Number |
| - | $input-error-font-size: rem-calc(12) !default; |
| - | |
| - | /// Default font weight for form error text. |
| - | /// @type Keyword |
| - | $input-error-font-weight: $global-weight-bold !default; |
| - | |
| - | /// Styles the background and border of an input field to have an error state. |
| - | /// @param {Color} $background [$alert-color] - Color to use for the background and border. |
| - | @mixin form-input-error( |
| - | $background: $alert-color |
| - | ) { |
| - | &:not(:focus) { |
| - | background-color: rgba($background, 0.1); |
| - | border-color: $background; |
| - | } |
| - | } |
| - | |
| - | /// Adds error styles to a form element, using the values in the settings file. |
| - | @mixin form-error { |
| - | display: none; |
| - | margin-top: $form-spacing * -0.5; |
| - | margin-bottom: $form-spacing; |
| - | font-size: $input-error-font-size; |
| - | font-weight: $input-error-font-weight; |
| - | color: $input-error-color; |
| - | } |
| - | |
| - | @mixin foundation-form-error { |
| - | @if $abide-inputs { |
| - | // Error class for invalid inputs |
| - | .is-invalid-input { |
| - | @include form-input-error; |
| - | } |
| - | } |
| - | |
| - | @if $abide-labels { |
| - | // Error class for labels of invalid outputs |
| - | .is-invalid-label { |
| - | color: $form-label-color-invalid; |
| - | } |
| - | } |
| - | |
| - | // Form error element |
| - | .form-error { |
| - | @include form-error; |
| - | |
| - | &.is-visible { |
| - | display: block; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_fieldset.scss
+0
-53
| @@ | @@ -1,53 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Default border around custom fieldsets. |
| - | /// @type Border |
| - | $fieldset-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Default padding inside custom fieldsets. |
| - | /// @type Number |
| - | $fieldset-padding: rem-calc(20) !default; |
| - | |
| - | /// Default margin around custom fieldsets. |
| - | /// @type Number |
| - | $fieldset-margin: rem-calc(18 0) !default; |
| - | |
| - | /// Default padding between the legend text and fieldset border. |
| - | /// @type Number |
| - | $legend-padding: rem-calc(0 3) !default; |
| - | |
| - | @mixin fieldset { |
| - | border: $fieldset-border; |
| - | padding: $fieldset-padding; |
| - | margin: $fieldset-margin; |
| - | |
| - | legend { |
| - | // Covers up the fieldset's border to create artificial padding |
| - | background: $body-background; |
| - | padding: $legend-padding; |
| - | margin: 0; |
| - | margin-#{$global-left}: rem-calc(-3); |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-form-fieldset { |
| - | fieldset { |
| - | border: 0; |
| - | padding: 0; |
| - | margin: 0; |
| - | } |
| - | |
| - | legend { |
| - | margin-bottom: $form-spacing * 0.5; |
| - | } |
| - | |
| - | .fieldset { |
| - | @include fieldset; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_forms.scss
+0
-32
| @@ | @@ -1,32 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Global spacing for form elements. |
| - | /// @type Number |
| - | $form-spacing: rem-calc(16) !default; |
| - | |
| - | @import |
| - | 'text', |
| - | 'checkbox', |
| - | 'label', |
| - | 'help-text', |
| - | 'input-group', |
| - | 'fieldset', |
| - | 'select', |
| - | 'error'; |
| - | |
| - | @mixin foundation-forms { |
| - | @include foundation-form-text; |
| - | @include foundation-form-checkbox; |
| - | @include foundation-form-label; |
| - | @include foundation-form-helptext; |
| - | @include foundation-form-prepostfix; |
| - | @include foundation-form-fieldset; |
| - | @include foundation-form-select; |
| - | @include foundation-form-error; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_help-text.scss
+0
-30
| @@ | @@ -1,30 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Default color for help text. |
| - | /// @type Color |
| - | $helptext-color: #333 !default; |
| - | |
| - | /// Default font size for help text. |
| - | /// @type Number |
| - | $helptext-font-size: rem-calc(13) !default; |
| - | |
| - | /// Default font style for help text. |
| - | /// @type Keyword |
| - | $helptext-font-style: italic !default; |
| - | |
| - | @mixin foundation-form-helptext { |
| - | .help-text { |
| - | $margin-top: ($form-spacing * 0.5) * -1; |
| - | |
| - | margin-top: $margin-top; |
| - | font-size: $helptext-font-size; |
| - | font-style: $helptext-font-style; |
| - | color: $helptext-color; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_input-group.scss
+0
-70
| @@ | @@ -1,70 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Color of labels prefixed to an input. |
| - | /// @type Color |
| - | $input-prefix-color: $black !default; |
| - | |
| - | /// Background color of labels prefixed to an input. |
| - | /// @type Color |
| - | $input-prefix-background: $light-gray !default; |
| - | |
| - | /// Border around labels prefixed to an input. |
| - | /// @type Border |
| - | $input-prefix-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Left/right padding of an pre/postfixed input label |
| - | $input-prefix-padding: 1rem !default; |
| - | |
| - | @mixin foundation-form-prepostfix { |
| - | .input-group { |
| - | display: table; |
| - | width: 100%; |
| - | margin-bottom: $form-spacing; |
| - | } |
| - | |
| - | %input-group-child { |
| - | display: table-cell; |
| - | margin: 0; |
| - | vertical-align: middle; |
| - | } |
| - | |
| - | .input-group-label { |
| - | @extend %input-group-child; |
| - | text-align: center; |
| - | width: 1%; |
| - | height: 100%; |
| - | padding: 0 $input-prefix-padding; |
| - | background: $input-prefix-background; |
| - | color: $input-prefix-color; |
| - | border: $input-prefix-border; |
| - | |
| - | @if hasvalue($input-prefix-border) { |
| - | &:first-child { |
| - | border-#{$global-right}: 0; |
| - | } |
| - | |
| - | &:last-child { |
| - | border-#{$global-left}: 0; |
| - | } |
| - | } |
| - | } |
| - | |
| - | .input-group-field { |
| - | @extend %input-group-child; |
| - | } |
| - | |
| - | .input-group-button { |
| - | @extend %input-group-child; |
| - | height: 100%; |
| - | padding-top: 0; |
| - | padding-bottom: 0; |
| - | text-align: center; |
| - | width: 1%; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_label.scss
+0
-48
| @@ | @@ -1,48 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Color for form labels. |
| - | /// @type Color |
| - | $form-label-color: $black !default; |
| - | |
| - | /// Font size for form labels. |
| - | /// @type Number |
| - | $form-label-font-size: rem-calc(14) !default; |
| - | |
| - | /// Font weight for form labels. |
| - | /// @type Keyword |
| - | $form-label-font-weight: $global-weight-normal !default; |
| - | |
| - | /// Line height for form labels. The higher the number, the more space between the label and its input field. |
| - | /// @type Number |
| - | $form-label-line-height: 1.8 !default; |
| - | |
| - | @mixin form-label { |
| - | display: block; |
| - | margin: 0; |
| - | font-size: $form-label-font-size; |
| - | font-weight: $form-label-font-weight; |
| - | line-height: $form-label-line-height; |
| - | color: $form-label-color; |
| - | } |
| - | |
| - | @mixin form-label-middle { |
| - | $input-border-width: get-border-value($input-border, width); |
| - | margin: 0 0 $form-spacing; |
| - | padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0; |
| - | } |
| - | |
| - | @mixin foundation-form-label { |
| - | label { |
| - | @include form-label; |
| - | |
| - | &.middle { |
| - | @include form-label-middle; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_select.scss
+0
-64
| @@ | @@ -1,64 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Background color for select menus. |
| - | /// @type Color |
| - | $select-background: #fafafa !default; |
| - | |
| - | /// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely. |
| - | /// @type Color |
| - | $select-triangle-color: #333 !default; |
| - | |
| - | /// Default radius for select menus. |
| - | /// @type Color |
| - | $select-radius: $global-radius !default; |
| - | |
| - | @mixin form-select { |
| - | $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| - | |
| - | height: $height; |
| - | padding: ($form-spacing / 2); |
| - | border: $input-border; |
| - | border-radius: $global-radius; |
| - | margin: 0 0 $form-spacing; |
| - | font-size: $input-font-size; |
| - | font-family: $input-font-family; |
| - | line-height: normal; |
| - | color: $input-color; |
| - | background-color: $select-background; |
| - | border-radius: $select-radius; |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; |
| - | |
| - | @if $select-triangle-color != transparent { |
| - | @include background-triangle($select-triangle-color); |
| - | background-size: 9px 6px; |
| - | background-position: $global-right ($form-spacing / 2) center; |
| - | background-repeat: no-repeat; |
| - | } |
| - | // Disabled state |
| - | &:disabled { |
| - | background-color: $input-background-disabled; |
| - | cursor: $input-cursor-disabled; |
| - | } |
| - | |
| - | // Hide the dropdown arrow shown in newer IE versions |
| - | &::-ms-expand { |
| - | display: none; |
| - | } |
| - | |
| - | &[multiple] { |
| - | height: auto; |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-form-select { |
| - | select { |
| - | @include form-select; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/forms/_text.scss
+0
-153
| @@ | @@ -1,153 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group forms |
| - | //// |
| - | |
| - | /// Font color of text inputs. |
| - | /// @type Color |
| - | $input-color: $dark-gray !default; |
| - | |
| - | /// Font family of text inputs. |
| - | /// @type Font |
| - | $input-font-family: inherit !default; |
| - | |
| - | /// Font size of text inputs. |
| - | /// @type Number |
| - | $input-font-size: rem-calc(16) !default; |
| - | |
| - | /// Background color of text inputs. |
| - | /// @type Color |
| - | $input-background: $white !default; |
| - | |
| - | /// Background color of focused of text inputs. |
| - | /// @type Color |
| - | $input-background-focus: $white !default; |
| - | |
| - | /// Background color of disabled text inputs. |
| - | /// @type Color |
| - | $input-background-disabled: $light-gray !default; |
| - | |
| - | /// Border around text inputs. |
| - | /// @type Border |
| - | $input-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Border around focused text inputs. |
| - | /// @type Color |
| - | $input-border-focus: 1px solid $dark-gray !default; |
| - | |
| - | /// Box shadow inside text inputs when not focused. |
| - | /// @type Shadow |
| - | $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default; |
| - | |
| - | /// Box shadow outside text inputs when focused. |
| - | /// @type Shadow |
| - | $input-shadow-focus: 0 0 5px $medium-gray !default; |
| - | |
| - | /// Cursor to use when hovering over a disabled text input. |
| - | /// @type Cursor |
| - | $input-cursor-disabled: default !default; |
| - | |
| - | /// Properties to transition on text inputs. |
| - | /// @type Transition |
| - | $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default; |
| - | |
| - | /// Enables the up/down buttons that Chrome and Firefox add to `<input type="number">` elements. |
| - | /// @type Boolean |
| - | $input-number-spinners: true !default; |
| - | |
| - | /// Radius for text inputs. |
| - | /// @type Border |
| - | $input-radius: $global-radius !default; |
| - | |
| - | @mixin form-element { |
| - | $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); |
| - | |
| - | display: block; |
| - | box-sizing: border-box; |
| - | width: 100%; |
| - | height: $height; |
| - | padding: $form-spacing / 2; |
| - | border: $input-border; |
| - | margin: 0 0 $form-spacing; |
| - | |
| - | font-family: $input-font-family; |
| - | font-size: $input-font-size; |
| - | color: $input-color; |
| - | background-color: $input-background; |
| - | box-shadow: $input-shadow; |
| - | border-radius: $input-radius; |
| - | |
| - | @if hasvalue($input-transition) { |
| - | transition: $input-transition; |
| - | } |
| - | |
| - | // Focus state |
| - | &:focus { |
| - | border: $input-border-focus; |
| - | background: $input-background-focus; |
| - | outline: none; |
| - | box-shadow: $input-shadow-focus; |
| - | |
| - | @if hasvalue($input-transition) { |
| - | transition: $input-transition; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @mixin foundation-form-text { |
| - | // Text inputs |
| - | #{text-inputs()}, |
| - | textarea { |
| - | @include form-element; |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; |
| - | } |
| - | |
| - | // Text areas |
| - | textarea { |
| - | max-width: 100%; |
| - | |
| - | &[rows] { |
| - | height: auto; |
| - | } |
| - | } |
| - | |
| - | // Disabled/readonly state |
| - | input, |
| - | textarea { |
| - | &:disabled, |
| - | &[readonly] { |
| - | background-color: $input-background-disabled; |
| - | cursor: $input-cursor-disabled; |
| - | } |
| - | } |
| - | |
| - | // Reset styles on button-like inputs |
| - | [type="submit"], |
| - | [type="button"] { |
| - | border-radius: $global-radius; |
| - | -webkit-appearance: none; |
| - | -moz-appearance: none; |
| - | } |
| - | |
| - | // Reset Normalize setting content-box to search elements |
| - | input[type="search"] { |
| - | box-sizing: border-box; |
| - | } |
| - | |
| - | // Number input styles |
| - | [type='number'] { |
| - | @if not($input-number-spinners) { |
| - | -moz-appearance: textfield; |
| - | |
| - | [type='number']::-webkit-inner-spin-button, |
| - | [type='number']::-webkit-outer-spin-button { |
| - | -webkit-appearance: none; |
| - | margin: 0; |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/foundation.scss
+0
-91
| @@ | @@ -1,91 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // Third-party libraries |
| - | @import 'vendor/normalize'; |
| - | |
| - | // Sass utilities |
| - | @import 'util/util'; |
| - | |
| - | // Global variables and styles |
| - | @import 'global'; |
| - | |
| - | // Components |
| - | @import 'grid/grid'; |
| - | @import 'typography/typography'; |
| - | @import 'forms/forms'; |
| - | @import 'components/visibility'; |
| - | @import 'components/float'; |
| - | @import 'components/button'; |
| - | @import 'components/button-group'; |
| - | @import 'components/accordion-menu'; |
| - | @import 'components/accordion'; |
| - | @import 'components/badge'; |
| - | @import 'components/breadcrumbs'; |
| - | @import 'components/callout'; |
| - | @import 'components/close-button'; |
| - | @import 'components/drilldown'; |
| - | @import 'components/dropdown-menu'; |
| - | @import 'components/dropdown'; |
| - | @import 'components/flex-video'; |
| - | @import 'components/label'; |
| - | @import 'components/media-object'; |
| - | @import 'components/menu'; |
| - | @import 'components/off-canvas'; |
| - | @import 'components/orbit'; |
| - | @import 'components/pagination'; |
| - | @import 'components/progress-bar'; |
| - | @import 'components/reveal'; |
| - | @import 'components/slider'; |
| - | @import 'components/sticky'; |
| - | @import 'components/switch'; |
| - | @import 'components/table'; |
| - | @import 'components/tabs'; |
| - | @import 'components/title-bar'; |
| - | @import 'components/top-bar'; |
| - | @import 'components/thumbnail'; |
| - | @import 'components/tooltip'; |
| - | |
| - | // These styles are applied to <meta> tags, which are read by the Foundation JavaScript |
| - | .foundation-mq { |
| - | font-family: "#{-zf-bp-serialize($breakpoints)}"; |
| - | } |
| - | |
| - | @mixin foundation-everything { |
| - | @include foundation-global-styles; |
| - | @include foundation-grid; |
| - | @include foundation-typography; |
| - | @include foundation-button; |
| - | @include foundation-forms; |
| - | @include foundation-visibility-classes; |
| - | @include foundation-float-classes; |
| - | @include foundation-accordion; |
| - | @include foundation-accordion-menu; |
| - | @include foundation-badge; |
| - | @include foundation-breadcrumbs; |
| - | @include foundation-button-group; |
| - | @include foundation-callout; |
| - | @include foundation-close-button; |
| - | @include foundation-drilldown-menu; |
| - | @include foundation-dropdown; |
| - | @include foundation-dropdown-menu; |
| - | @include foundation-flex-video; |
| - | @include foundation-label; |
| - | @include foundation-media-object; |
| - | @include foundation-menu; |
| - | @include foundation-off-canvas; |
| - | @include foundation-orbit; |
| - | @include foundation-pagination; |
| - | @include foundation-progress-bar; |
| - | @include foundation-slider; |
| - | @include foundation-sticky; |
| - | @include foundation-reveal; |
| - | @include foundation-switch; |
| - | @include foundation-table; |
| - | @include foundation-tabs; |
| - | @include foundation-thumbnail; |
| - | @include foundation-title-bar; |
| - | @include foundation-tooltip; |
| - | @include foundation-top-bar; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_classes.scss
+0
-132
| @@ | @@ -1,132 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Outputs CSS classes for the grid. |
| - | /// @access private |
| - | @mixin foundation-grid( |
| - | $row: 'row', |
| - | $column: 'column', |
| - | $column-row: 'column-row', |
| - | $push: 'push', |
| - | $pull: 'pull', |
| - | $center: 'centered', |
| - | $uncenter: 'uncenter', |
| - | $collapse: 'collapse', |
| - | $uncollapse: 'uncollapse', |
| - | $offset: 'offset', |
| - | $end: 'end', |
| - | $expanded: 'expanded', |
| - | $breakpoints: $breakpoint-classes |
| - | ) { |
| - | // Row |
| - | .#{$row} { |
| - | @include grid-row; |
| - | |
| - | // Collapsing |
| - | &.#{$collapse} { |
| - | > .#{$column} { @include grid-col-collapse; } |
| - | } |
| - | |
| - | // Nesting |
| - | & & { |
| - | @include grid-row($behavior: nest, $cf: false); |
| - | |
| - | &.#{$collapse} { |
| - | @include grid-row($behavior: nest collapse, $cf: false); |
| - | } |
| - | } |
| - | |
| - | // Responsive collapsing |
| - | @each $size in $breakpoint-classes { |
| - | @include breakpoint($size) { |
| - | &.#{$size}-#{$collapse} { |
| - | > .#{$column} { @include grid-col-collapse; } |
| - | } |
| - | |
| - | &.#{$size}-#{$uncollapse} { |
| - | > .#{$column} { @include grid-col-uncollapse; } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Expanded (full-width) row |
| - | &.#{$expanded} { |
| - | max-width: none; |
| - | } |
| - | } |
| - | |
| - | // Column |
| - | .#{$column} { |
| - | @include grid-col; |
| - | |
| - | &.#{$end} { |
| - | @include grid-col-end; |
| - | } |
| - | } |
| - | |
| - | // Column row |
| - | // The double .row class is needed to bump up the specificity |
| - | .#{$column}.#{$row}.#{$row} { |
| - | float: none; |
| - | } |
| - | |
| - | @each $size in $breakpoints { |
| - | @include breakpoint($size) { |
| - | @for $i from 1 through $grid-column-count { |
| - | // Column width |
| - | .#{$size}-#{$i} { |
| - | @include grid-col-size($i); |
| - | } |
| - | |
| - | // Source ordering |
| - | @if $i < $grid-column-count { |
| - | .#{$size}-#{$push}-#{$i} { |
| - | @include grid-col-pos($i); |
| - | } |
| - | |
| - | .#{$size}-#{$pull}-#{$i} { |
| - | @include grid-col-pos(-$i); |
| - | } |
| - | } |
| - | |
| - | // Offsets |
| - | $o: $i - 1; |
| - | |
| - | .#{$size}-#{$offset}-#{$o} { |
| - | @include grid-col-off($o); |
| - | } |
| - | } |
| - | |
| - | // Block grid |
| - | @for $i from 1 through $block-grid-max { |
| - | .#{$size}-up-#{$i} { |
| - | @include grid-layout($i); |
| - | } |
| - | } |
| - | |
| - | // Positioning |
| - | .#{$column}.#{$size}-#{$center} { |
| - | @include grid-col-pos(center); |
| - | } |
| - | |
| - | // Gutter adjustment |
| - | .#{$size}-#{$uncenter}, |
| - | .#{$size}-#{$push}-0, |
| - | .#{$size}-#{$pull}-0 { |
| - | @include grid-col-unpos; |
| - | } |
| - | } |
| - | } |
| - | |
| - | @if $column == 'column' { |
| - | .columns { |
| - | // scss-lint:disable PlaceholderInExtend |
| - | @extend .column; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_column.scss
+0
-112
| @@ | @@ -1,112 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Calculates the width of a column based on a number of factors. |
| - | /// |
| - | /// @param {Number|List} $columns |
| - | /// Width of the column. Accepts multiple values: |
| - | /// - A percentage value will make the column that exact size. |
| - | /// - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row. |
| - | /// - A string of the format "x of y" will make a column that is *x* columns wide, assuming *y* total columns for the parent. |
| - | /// |
| - | /// @return {Number} A calculated percentage value. |
| - | @function grid-column($columns) { |
| - | $width: 0%; |
| - | |
| - | // Parsing percents, decimals, and column counts |
| - | @if type-of($columns) == 'number' { |
| - | @if unit($columns) == '%' { |
| - | $width: $columns; |
| - | } |
| - | @else if $columns < 1 { |
| - | $width: percentage($columns); |
| - | } |
| - | @else { |
| - | $width: percentage($columns / $grid-column-count); |
| - | } |
| - | } |
| - | |
| - | // Parsing "n of n" expressions |
| - | @else if type-of($columns) == 'list' { |
| - | @if length($columns) != 3 { |
| - | @error 'Wrong syntax for grid-column(). Use the format "n of n".'; |
| - | } |
| - | @else { |
| - | $width: percentage(nth($columns, 1) / nth($columns, 3)); |
| - | } |
| - | } |
| - | |
| - | // Anything else is incorrect |
| - | @else { |
| - | @error 'Wrong syntax for grid-column(). Use a number, decimal, percentage, or "n of n".'; |
| - | } |
| - | |
| - | @return $width; |
| - | } |
| - | |
| - | /// Creates a grid column. |
| - | /// |
| - | /// @param {Mixed} $columns [$grid-column-count] - Width of the column. Refer to the `grid-column()` function to see possible values. |
| - | /// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns. |
| - | @mixin grid-column( |
| - | $columns: $grid-column-count, |
| - | $gutter: $grid-column-gutter |
| - | ) { |
| - | @if ($columns <= $grid-column-count) { |
| - | @include grid-column-size($columns); |
| - | } |
| - | |
| - | $gutter: rem-calc($gutter) / 2; |
| - | |
| - | float: $global-left; |
| - | padding-left: $gutter; |
| - | padding-right: $gutter; |
| - | |
| - | &:last-child:not(:first-child) { |
| - | float: $global-right; |
| - | } |
| - | } |
| - | |
| - | /// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element. |
| - | /// @param {Number} $gutter [$grid-column-gutter] - Width of the gutters on either side of the column row. |
| - | @mixin grid-column-row( |
| - | $gutter: $grid-column-gutter |
| - | ) { |
| - | @include grid-row; |
| - | @include grid-column($gutter: $gutter); |
| - | |
| - | &, |
| - | &:last-child { |
| - | float: none; |
| - | } |
| - | } |
| - | |
| - | /// Shorthand for `grid-column()`. |
| - | /// @alias grid-column |
| - | @function grid-col( |
| - | $columns: $grid-column-count |
| - | ) { |
| - | @return grid-column($columns); |
| - | } |
| - | |
| - | /// Shorthand for `grid-column()`. |
| - | /// @alias grid-column |
| - | @mixin grid-col( |
| - | $columns: $grid-column-count, |
| - | $gutter: $grid-column-gutter |
| - | ) { |
| - | @include grid-column($columns, $gutter); |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-row()`. |
| - | /// @alias grid-column-row |
| - | @mixin grid-col-row( |
| - | $gutter: $grid-column-gutter |
| - | ) { |
| - | @include grid-column-row($gutter); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_flex-grid.scss
+0
-191
| @@ | @@ -1,191 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group flex-grid |
| - | //// |
| - | |
| - | /// Creates a container for a flex grid row. |
| - | /// @param {Keyword|List} $behavior [null] |
| - | /// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors. |
| - | /// @param {Number} $width [$grid-row-width] - Maximum width of the row. |
| - | /// @param {Number} $columns [null] - Number of columns to use for this row. If set to `null` (the default), the global column count will be used. |
| - | /// @param {Boolean} $base [true] - Set to `false` to prevent basic styles from being output. Useful if you're calling this mixin on the same element twice, as it prevents duplicate CSS output. |
| - | @mixin flex-grid-row( |
| - | $behavior: null, |
| - | $width: $grid-row-width, |
| - | $columns: null, |
| - | $base: true |
| - | ) { |
| - | $behavior: -zf-get-options($behavior, nest collapse); |
| - | $margin: auto; |
| - | |
| - | @if map-get($behavior, nest) { |
| - | $margin: rem-calc($grid-column-gutter) / 2 * -1; |
| - | } |
| - | @else { |
| - | max-width: $width; |
| - | } |
| - | |
| - | @if $base { |
| - | display: flex; |
| - | flex-flow: row wrap; |
| - | } |
| - | |
| - | margin-left: $margin; |
| - | margin-right: $margin; |
| - | |
| - | @if $columns != null { |
| - | @include grid-context($columns, $base) { |
| - | @content; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Calculates the `flex` property for a flex grid column. It accepts all of the same values as the basic `grid-column()` function, along with two extras: |
| - | /// - `null` (the default) will make the column expand to fill space. |
| - | /// - `shrink` will make the column contract, so it only takes up the horizontal space it needs. |
| - | /// @param {Mixed} $columns [null] - Width of the column. |
| - | @function flex-grid-column($columns: null) { |
| - | $flex: 1 1 0px; |
| - | |
| - | @if $columns == shrink { |
| - | $flex: 0 0 auto; |
| - | } |
| - | @else if $columns != null { |
| - | $flex: 0 0 grid-column($columns); |
| - | } |
| - | |
| - | @return $flex; |
| - | } |
| - | |
| - | /// Creates a column for a flex grid. By default, the column will stretch to the full width of its container, but this can be overridden with sizing classes, or by using the `unstack` class on the parent flex row. |
| - | /// @param {Mixed} $columns [null] - Width of the column. Refer to the `flex-grid-column()` function to see possible values. |
| - | /// @param {Number} $gutter [$grid-column-gutter] - Space between columns, added as a left and right padding. |
| - | @mixin flex-grid-column( |
| - | $columns: null, |
| - | $gutter: $grid-column-gutter |
| - | ) { |
| - | $gutter: rem-calc($gutter) / 2; |
| - | |
| - | flex: flex-grid-column($columns); |
| - | padding-left: $gutter; |
| - | padding-right: $gutter; |
| - | |
| - | // max-width fixes IE 10/11 not respecting the flex-basis property |
| - | @if $columns != null and $columns != shrink { |
| - | max-width: grid-column($columns); |
| - | } |
| - | } |
| - | |
| - | /// Changes the source order of a flex grid column. Columns with lower numbers appear first in the layout. |
| - | /// @param {Number} $order [0] - Order number to apply. |
| - | @mixin flex-grid-order($order: 0) { |
| - | order: $order; |
| - | } |
| - | |
| - | @mixin foundation-flex-grid { |
| - | // Row |
| - | .row { |
| - | @include flex-grid-row; |
| - | |
| - | // Nesting behavior |
| - | & &, |
| - | .column-row & { |
| - | @include flex-grid-row(nest, $base: false); |
| - | } |
| - | } |
| - | |
| - | // Column |
| - | %flex-column { |
| - | @include flex-grid-column; |
| - | } |
| - | |
| - | .column, |
| - | .columns { |
| - | @extend %flex-column; |
| - | } |
| - | |
| - | // Sizing (percentage) |
| - | @each $size in $breakpoint-classes { |
| - | @include breakpoint($size) { |
| - | @for $i from 1 through $grid-column-count { |
| - | .#{$size}-#{$i} { |
| - | flex: flex-grid-column($i); |
| - | max-width: grid-column($i); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Sizing (expand) |
| - | @each $size in $breakpoint-classes { |
| - | @if $size != small { |
| - | @include breakpoint($size) { |
| - | .#{$size}-expand { |
| - | flex: flex-grid-column(); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Sizing (shrink) |
| - | .shrink { |
| - | flex: flex-grid-column(shrink); |
| - | } |
| - | |
| - | // Auto-stacking/unstacking |
| - | @each $size in $breakpoint-classes { |
| - | @if $size != small { |
| - | .row.#{$size}-unstack { |
| - | .column { |
| - | flex: flex-grid-column(100%); |
| - | |
| - | @include breakpoint($size) { |
| - | flex: flex-grid-column(); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Source ordering |
| - | @each $size in $breakpoint-classes { |
| - | @include breakpoint($size) { |
| - | @for $i from 1 through 6 { |
| - | .#{$size}-order-#{$i} { |
| - | @include flex-grid-order($i); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Horizontal alignment using justify-content |
| - | @each $hdir, $prop in ( |
| - | 'right': flex-end, |
| - | 'center': center, |
| - | 'justify': space-between, |
| - | 'spaced': space-around, |
| - | ) { |
| - | .row.align-#{$hdir} { |
| - | justify-content: $prop; |
| - | } |
| - | } |
| - | |
| - | // Horizontal alignment using align-items and align-self |
| - | @each $vdir, $prop in ( |
| - | 'top': flex-start, |
| - | 'bottom': flex-end, |
| - | 'middle': center, |
| - | 'stretch': stretch, |
| - | ) { |
| - | .row.align-#{$vdir} { |
| - | align-items: $prop; |
| - | } |
| - | |
| - | .column.align-#{$vdir} { |
| - | align-self: $prop; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_grid.scss
+0
-33
| @@ | @@ -1,33 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// The maximum width of a row. |
| - | /// @type Number |
| - | $grid-row-width: $global-width !default; |
| - | |
| - | /// The default column count of a grid. Changing this value affects the logic of the grid mixins, and the number of CSS classes output. |
| - | /// @type Number |
| - | $grid-column-count: 12 !default; |
| - | |
| - | /// The amount of space between columns. |
| - | /// @type Number |
| - | $grid-column-gutter: 30px !default; |
| - | |
| - | /// The highest number of `.x-up` classes available when using the block grid CSS. |
| - | /// @type Number |
| - | $block-grid-max: 6 !default; |
| - | |
| - | @import 'row'; |
| - | @import 'column'; |
| - | @import 'size'; |
| - | @import 'position'; |
| - | @import 'gutter'; |
| - | @import 'classes'; |
| - | @import 'layout'; |
| - | |
| - | @import 'flex-grid'; |
generators/foundation6/public/stylesheets/foundation6/grid/_gutter.scss
+0
-31
| @@ | @@ -1,31 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Collapse the gutters on a column by removing the padding. |
| - | @mixin grid-column-collapse() { |
| - | padding-left: 0; |
| - | padding-right: 0; |
| - | } |
| - | |
| - | /// Un-collapse the gutters on a column by re-adding the padding. |
| - | @mixin grid-column-uncollapse() { |
| - | padding-left: $grid-column-gutter; |
| - | padding-right: $grid-column-gutter; |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-collapse()`. |
| - | /// @alias grid-column-collapse |
| - | @mixin grid-col-collapse() { |
| - | @include grid-column-collapse; |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-uncollapse()`. |
| - | /// @alias grid-column-uncollapse |
| - | @mixin grid-col-uncollapse() { |
| - | @include grid-column-uncollapse; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_layout.scss
+0
-32
| @@ | @@ -1,32 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Sizes child elements so that `$n` number of items appear on each row. |
| - | /// @param {Number} $n - Number of elements to display per row. |
| - | /// @param {String} $selector ['.column, .columns'] - Selector(s) to use for child elements. |
| - | @mixin grid-layout( |
| - | $n, |
| - | $selector: '.column' |
| - | ) { |
| - | #{$selector} { |
| - | width: percentage(1/$n); |
| - | float: $global-left; |
| - | |
| - | &:nth-of-type(1n) { |
| - | clear: none; |
| - | } |
| - | |
| - | &:nth-of-type(#{$n}n+1) { |
| - | clear: both; |
| - | } |
| - | |
| - | &:last-child { |
| - | float: left; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_position.scss
+0
-71
| @@ | @@ -1,71 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Reposition a column. |
| - | /// @param {Number} $position - Direction and amount to move. The column will move equal to the width of the column count specified. A positive number will push the column to the right, while a negative number will pull it to the left. |
| - | @mixin grid-column-position($position) { |
| - | @if type-of($position) == 'number' { |
| - | $offset: percentage($position / $grid-column-count); |
| - | |
| - | position: relative; |
| - | #{$global-left}: $offset; |
| - | } |
| - | @else if $position == center { |
| - | float: none; |
| - | margin-left: auto; |
| - | margin-right: auto; |
| - | } |
| - | @else { |
| - | @warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, or center.'; |
| - | } |
| - | } |
| - | |
| - | /// Reset a position definition. |
| - | @mixin grid-column-unposition() { |
| - | position: static; |
| - | margin-left: 0; |
| - | margin-right: 0; |
| - | } |
| - | |
| - | /// Offsets a column to the right by `$n` columns. |
| - | /// @param {Number|List} $n - Width to offset by. You can pass in any value accepted by the `grid-column()` mixin, such as `6`, `50%`, or `1 of 2`. |
| - | @mixin grid-column-offset($n) { |
| - | margin-#{$global-left}: grid-column($n); |
| - | } |
| - | |
| - | /// Disable the default behavior of the last column in a row aligning to the opposite edge. |
| - | @mixin grid-column-end() { |
| - | // This extra specificity is required for the property to be applied |
| - | &:last-child { |
| - | float: $global-left; |
| - | } |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-position()`. |
| - | /// @alias grid-column-position |
| - | @mixin grid-col-pos($position) { |
| - | @include grid-column-position($position); |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-unposition()`. |
| - | /// @alias grid-column-unposition |
| - | @mixin grid-col-unpos() { |
| - | @include grid-column-unposition; |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-offset()`. |
| - | /// @alias grid-column-offset |
| - | @mixin grid-col-off($n) { |
| - | @include grid-column-offset($n); |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-end()`. |
| - | /// @alias grid-column-end |
| - | @mixin grid-col-end() { |
| - | @include grid-column-end; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_row.scss
+0
-72
| @@ | @@ -1,72 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Change the behavior of columns defined inside this mixin to use a different column count. |
| - | /// @content |
| - | /// @param {Number} $columns - Number of columns to use. |
| - | /// @param {Booleam} $root [false] |
| - | /// If `false`, selectors inside this mixin will nest inside the parent selector. |
| - | /// If `tru`, selectors will not nest. |
| - | @mixin grid-context( |
| - | $columns, |
| - | $root: false |
| - | ) { |
| - | // Store the current column count so it can be re-set later |
| - | $old-grid-column-count: $columns; |
| - | $grid-column-count: $columns !global; |
| - | |
| - | @if $root { |
| - | @at-root { @content; } |
| - | } |
| - | @else { |
| - | @content; |
| - | } |
| - | |
| - | // Restore the old column count |
| - | $grid-column-count: $old-grid-column-count !global; |
| - | } |
| - | |
| - | /// Creates a grid row. |
| - | /// @content |
| - | /// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count. |
| - | /// @param {Keywords} $behavior [null] |
| - | /// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors. |
| - | /// @param {Number} $width [$grid-row-width] - Maximum width of the row. |
| - | @mixin grid-row( |
| - | $columns: null, |
| - | $behavior: null, |
| - | $width: $grid-row-width, |
| - | $cf: true |
| - | ) { |
| - | $behavior: -zf-get-options($behavior, nest collapse); |
| - | $margin: auto; |
| - | |
| - | @if map-get($behavior, nest) { |
| - | $margin: rem-calc($grid-column-gutter) / 2 * -1; |
| - | |
| - | @if map-get($behavior, collapse) { |
| - | $margin: 0; |
| - | } |
| - | } |
| - | @else { |
| - | max-width: $width; |
| - | } |
| - | |
| - | @if $cf { |
| - | @include clearfix; |
| - | } |
| - | |
| - | margin-left: $margin; |
| - | margin-right: $margin; |
| - | |
| - | @if $columns != null { |
| - | @include grid-context($columns) { |
| - | @content; |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/grid/_size.scss
+0
-24
| @@ | @@ -1,24 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group grid |
| - | //// |
| - | |
| - | /// Set the width of a grid column. |
| - | /// |
| - | /// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`. |
| - | @mixin grid-column-size( |
| - | $columns: $grid-column-count |
| - | ) { |
| - | width: grid-column($columns); |
| - | } |
| - | |
| - | /// Shorthand for `grid-column-size()`. |
| - | /// @alias grid-column-size |
| - | @mixin grid-col-size( |
| - | $columns: $grid-column-count |
| - | ) { |
| - | @include grid-column-size($columns); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui.scss
+0
-4
| @@ | @@ -1,4 +0,0 @@ |
| - | @import "motion-ui/motion-ui"; |
| - | |
| - | @include motion-ui-transitions; |
| - | @include motion-ui-animations; |
generators/foundation6/public/stylesheets/foundation6/motion-ui/_classes.scss
+0
-102
| @@ | @@ -1,102 +0,0 @@ |
| - | // scss-lint:disable ImportantRule, SpaceAfterComma, SingleLinePerProperty |
| - | |
| - | %mui-defaults { |
| - | transition-duration: map-get($motion-ui-speeds, default); |
| - | transition-timing-function: map-get($motion-ui-easings, default); |
| - | } |
| - | |
| - | // Transitions |
| - | // - - - - - - - - - - - - - - - |
| - | @mixin motion-ui-transitions { |
| - | // Slide |
| - | .slide-in-down { @include mui-slide(in, down); } |
| - | .slide-in-left { @include mui-slide(in, right); } |
| - | .slide-in-up { @include mui-slide(in, bottom); } |
| - | .slide-in-right { @include mui-slide(in, left); } |
| - | .slide-out-down { @include mui-slide(out, bottom); } |
| - | .slide-out-right { @include mui-slide(out, right); } |
| - | .slide-out-up { @include mui-slide(out, top); } |
| - | .slide-out-left { @include mui-slide(out, left); } |
| - | |
| - | // Fade |
| - | .fade-in { @include mui-fade(in, 0, 1); } |
| - | .fade-out { @include mui-fade(out, 1, 0); } |
| - | |
| - | // Hinge |
| - | .hinge-in-from-top { @include mui-hinge(in, top); } |
| - | .hinge-in-from-right { @include mui-hinge(in, right); } |
| - | .hinge-in-from-bottom { @include mui-hinge(in, bottom); } |
| - | .hinge-in-from-left { @include mui-hinge(in, left); } |
| - | .hinge-in-from-middle-x { @include mui-hinge(in, top, center); } |
| - | .hinge-in-from-middle-y { @include mui-hinge(in, right, center); } |
| - | .hinge-out-from-top { @include mui-hinge(out, top); } |
| - | .hinge-out-from-right { @include mui-hinge(out, right); } |
| - | .hinge-out-from-bottom { @include mui-hinge(out, bottom); } |
| - | .hinge-out-from-left { @include mui-hinge(out, left); } |
| - | .hinge-out-from-middle-x { @include mui-hinge(out, top, center); } |
| - | .hinge-out-from-middle-y { @include mui-hinge(out, right, center); } |
| - | |
| - | // Scale |
| - | .scale-in-up { @include mui-zoom(in, 0.5, 1); } |
| - | .scale-in-down { @include mui-zoom(in, 1.5, 1); } |
| - | .scale-out-up { @include mui-zoom(out, 1, 1.5); } |
| - | .scale-out-down { @include mui-zoom(out, 1, 0.5); } |
| - | |
| - | // Spin |
| - | .spin-in { @include mui-spin(in, cw); } |
| - | .spin-out { @include mui-spin(out, cw); } |
| - | .spin-in-ccw { @include mui-spin(in, ccw); } |
| - | .spin-out-ccw { @include mui-spin(out, ccw); } |
| - | |
| - | // Transition Modifiers |
| - | // - - - - - - - - - - - - - - - |
| - | |
| - | @each $name, $value in $motion-ui-speeds { |
| - | @if $name != default { |
| - | .#{$name} { transition-duration: $value !important; } |
| - | } |
| - | } |
| - | |
| - | @each $name, $value in $motion-ui-easings { |
| - | @if $name != default { |
| - | .#{$name} { transition-timing-function: $value !important; } |
| - | } |
| - | } |
| - | |
| - | @each $name, $value in $motion-ui-delays { |
| - | @if $name != default { |
| - | .#{$name}-delay { transition-delay: $value !important; } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Animations |
| - | // - - - - - - - - - - - - - - - |
| - | @mixin motion-ui-animations { |
| - | .shake { @include mui-animation(shake); } |
| - | .spin-cw { @include mui-animation(spin); } |
| - | .spin-ccw { @include mui-animation(spin(ccw)); } |
| - | .wiggle { @include mui-animation(wiggle); } |
| - | |
| - | // Animation Modifiers |
| - | // - - - - - - - - - - - - - - - |
| - | .infinite { animation-iteration-count: infinite; } |
| - | |
| - | @each $name, $value in $motion-ui-speeds { |
| - | @if $name != default { |
| - | .#{$name} { animation-duration: $value !important; } |
| - | } |
| - | } |
| - | |
| - | @each $name, $value in $motion-ui-easings { |
| - | @if $name != default { |
| - | .#{$name} { animation-timing-function: $value !important; } |
| - | } |
| - | } |
| - | |
| - | @each $name, $value in $motion-ui-delays { |
| - | @if $name != default { |
| - | .#{$name}-delay { animation-delay: $value !important; } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/_settings.scss
+0
-61
| @@ | @@ -1,61 +0,0 @@ |
| - | /// Format for CSS classes created with Motion UI. |
| - | /// @type Map |
| - | /// @prop {Boolean} append [true] - Defines if selectors are chained to the selector (`.class.enter`), or appended as a new class (`.class-enter`). |
| - | /// @prop {String} prefix ['mui-'] - Prefix to add before the state of a class. Enter an empty string to use no prefix. |
| - | /// @prop {String} prefix ['-active'] - Suffix to add to the active state class. |
| - | $motion-ui-classes: ( |
| - | chain: true, |
| - | prefix: 'mui-', |
| - | active: '-active', |
| - | ) !default; |
| - | |
| - | /// State names to reference when writing motion classes. To use multiple class names for one state, enter a list of strings instead of one string. |
| - | /// @type Map |
| - | $motion-ui-states: ( |
| - | in: 'enter', |
| - | out: 'leave', |
| - | ) !default; |
| - | |
| - | /// Default speed that transitions and animations play at, along with values for modifier classes to change the speed. |
| - | /// @type Map |
| - | $motion-ui-speeds: ( |
| - | default: 500ms, |
| - | slow: 750ms, |
| - | fast: 250ms, |
| - | ) !default; |
| - | |
| - | /// Default delay to add before motion, along with values for modifier classes to change the delay. |
| - | /// @type Map |
| - | $motion-ui-delays: ( |
| - | default: 0, |
| - | short: 300ms, |
| - | long: 700ms, |
| - | ) !default; |
| - | |
| - | /// Default easing for transitions and animations, along with values for modifier classes to change the easing. |
| - | /// @type Map |
| - | $motion-ui-easings: ( |
| - | default: linear, |
| - | linear: linear, |
| - | ease: ease, |
| - | ease-in: ease-in, |
| - | ease-out: ease-out, |
| - | ease-in-out: ease-in-out, |
| - | bounce-in: cubic-bezier(0.485, 0.155, 0.24, 1.245), |
| - | bounce-out: cubic-bezier(0.485, 0.155, 0.515, 0.845), |
| - | bounce-in-out: cubic-bezier(0.76, -0.245, 0.24, 1.245), |
| - | ) !default; |
| - | |
| - | /// Miscellaneous settings related to Motion UI. |
| - | /// @type Map |
| - | /// @prop {Boolean} slide-and-fade [false] - Defines if slide motions should also fade in/out. |
| - | /// @prop {Boolean} slide-and-fade [true] - Defines if hinge motions should also fade in/out. |
| - | /// @prop {Boolean} slide-and-fade [true] - Defines if scale motions should also fade in/out. |
| - | /// @prop {Boolean} slide-and-fade [true] - Defines if spin motions should also fade in/out. |
| - | $motion-ui-settings: ( |
| - | slide-and-fade: false, |
| - | hinge-and-fade: true, |
| - | scale-and-fade: true, |
| - | spin-and-fade: true, |
| - | activate-queue-class: 'is-animating', |
| - | ) !default; |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_fade.scss
+0
-29
| @@ | @@ -1,29 +0,0 @@ |
| - | /// Creates a fading animation. |
| - | /// @param {Number} $from [0] - Opacity to start at. |
| - | /// @param {Number} $to [1] - Opacity to end at. |
| - | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| - | @function fade( |
| - | $from: 0, |
| - | $to: 1 |
| - | ) { |
| - | $type: type-of($from); |
| - | $keyframes: (); |
| - | |
| - | @if $type == 'string' { |
| - | @if $from == in { |
| - | $from: 0; |
| - | $to: 1; |
| - | } @else if $from == out { |
| - | $from: 1; |
| - | $to: 0; |
| - | } |
| - | } |
| - | |
| - | $keyframes: ( |
| - | name: 'fade-#{$from}-to-#{$to}', |
| - | 0: (opacity: $from), |
| - | 100: (opacity: $to), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_hinge.scss
+0
-65
| @@ | @@ -1,65 +0,0 @@ |
| - | /// Creates a hinge effect by rotating the element. |
| - | /// @param {Keyword} $state [in] - State to transition to. |
| - | /// @param {Keyword} $from [left] - Edge of the element to rotate from. Can be `top`, `right`, `bottom`, or `left`. |
| - | /// @param {Keyword} $axis [edge] - Axis of the element to rotate on. Can be `edge` or `center`. |
| - | /// @param {Number} $perspective [2000px] - Perceived distance between the viewer and the element. A higher number will make the rotation effect more pronounced. |
| - | /// @param {Keyword} $turn-origin [from-back] - Side of the element to start the rotation from. Can be `from-back` or `from-front`. |
| - | @function hinge ( |
| - | $state: in, |
| - | $from: left, |
| - | $axis: edge, |
| - | $perspective: 2000px, |
| - | $turn-origin: from-back |
| - | ) { |
| - | // Rotation directions when hinging from back vs. front |
| - | $rotation-amount: 90deg; |
| - | $rotations-back: ( |
| - | top: rotateX($rotation-amount * -1), |
| - | right: rotateY($rotation-amount * -1), |
| - | bottom: rotateX($rotation-amount), |
| - | left: rotateY($rotation-amount), |
| - | ); |
| - | $rotations-from: ( |
| - | top: rotateX($rotation-amount), |
| - | right: rotateY($rotation-amount), |
| - | bottom: rotateX($rotation-amount * -1), |
| - | left: rotateY($rotation-amount * -1), |
| - | ); |
| - | |
| - | // Rotation origin |
| - | $rotation: ''; |
| - | @if $turn-origin == from-front { |
| - | $rotation: map-get($rotations-from, $from); |
| - | } @else if $turn-origin == from-back { |
| - | $rotation: map-get($rotations-back, $from); |
| - | } @else { |
| - | @warn '$turn-origin must be either "from-back" or "from-front"'; |
| - | } |
| - | |
| - | // Start and end state |
| - | $start: ''; |
| - | $end: ''; |
| - | @if $state == in { |
| - | $start: perspective($perspective) $rotation; |
| - | $end: perspective($perspective) rotate(0deg); |
| - | } @else { |
| - | $start: perspective($perspective) rotate(0deg); |
| - | $end: perspective($perspective) $rotation; |
| - | } |
| - | |
| - | // Turn axis |
| - | $origin: ''; |
| - | @if $axis == edge { |
| - | $origin: $from; |
| - | } @else { |
| - | $origin: center; |
| - | } |
| - | |
| - | $keyframes: ( |
| - | name: 'hinge-#{$state}-#{$from}-#{$axis}-#{$turn-origin}', |
| - | 0: (transform: $start, transform-origin: $origin), |
| - | 100: (transform: $end), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_shake.scss
+0
-15
| @@ | @@ -1,15 +0,0 @@ |
| - | /// Creates a shaking animation. |
| - | /// @param {Percentage} $intensity [7%] - Intensity of the shake, as a percentage value. |
| - | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| - | @function shake($intensity: 7%) { |
| - | $right: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90); |
| - | $left: (5, 15, 25, 35, 45, 55, 65, 75, 85, 95); |
| - | |
| - | $keyframes: ( |
| - | name: 'shake-#{($intensity / 1%)}', |
| - | $right: (transform: translateX($intensity)), |
| - | $left: (transform: translateX(-$intensity)), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_slide.scss
+0
-41
| @@ | @@ -1,41 +0,0 @@ |
| - | /// Creates a sliding animation. |
| - | /// @param {Keyword} $state [in] - Whether to move to (`in`) or from (`out`) the element's default position. |
| - | /// @param {Keyword} $direction [up] - Direction to move. Can be `up`, `down`, `left`, or `right`. |
| - | /// @param {Number} $amount [100%] - Distance to move. Can be any CSS length unit. |
| - | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| - | @function slide( |
| - | $state: in, |
| - | $direction: up, |
| - | $amount: 100% |
| - | ) { |
| - | $from: $amount; |
| - | $to: 0; |
| - | $func: 'translateY'; |
| - | |
| - | @if $direction == left or $direction == right { |
| - | $func: 'translateX'; |
| - | } |
| - | |
| - | @if $state == out { |
| - | $from: 0; |
| - | $to: $amount; |
| - | } |
| - | |
| - | @if $direction == down or $direction == right { |
| - | @if $state == in { |
| - | $from: -$from; |
| - | } |
| - | } @else { |
| - | @if $state == out { |
| - | $to: -$to; |
| - | } |
| - | } |
| - | |
| - | $keyframes: ( |
| - | name: 'slide-#{$state}-#{$direction}-#{strip-unit($amount)}', |
| - | 0: (transform: '#{$func}(#{$from})'), |
| - | 100: (transform: '#{$func}(#{$to})'), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_spin.scss
+0
-28
| @@ | @@ -1,28 +0,0 @@ |
| - | /// Creates a spinning animation. |
| - | /// @param {Keyword} $direction [cw] - Direction to spin. Should be `cw` (clockwise) or `ccw` (counterclockwise). |
| - | /// @param {Number} $amount [360deg] - Amount to spin. Can be any CSS angle unit. |
| - | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| - | @function spin( |
| - | $state: in, |
| - | $direction: cw, |
| - | $amount: 1turn |
| - | ) { |
| - | $start: 0; |
| - | $end: 0; |
| - | |
| - | @if $state == in { |
| - | $start: if($direction == ccw, $amount, $amount * -1); |
| - | $end: 0; |
| - | } @else { |
| - | $start: 0; |
| - | $end: if($direction == ccw, $amount * -1, $amount); |
| - | } |
| - | |
| - | $keyframes: ( |
| - | name: 'spin-#{$direction}-#{$amount}', |
| - | 0: (transform: rotate($start)), |
| - | 100: (transform: rotate($end)), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_wiggle.scss
+0
-13
| @@ | @@ -1,13 +0,0 @@ |
| - | /// Creates a wiggling animation. |
| - | /// @param {Number} $intensity [7deg] - Intensity of the wiggle. Can be any CSS angle unit. |
| - | /// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin. |
| - | @function wiggle($intensity: 7deg) { |
| - | $keyframes: ( |
| - | name: 'wiggle-#{$intensity}', |
| - | (40, 50, 60): (transform: rotate($intensity)), |
| - | (35, 45, 55, 65): (transform: rotate(-$intensity)), |
| - | (0, 30, 70, 100): (transform: rotate(0)), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
+0
-15
| @@ | @@ -1,15 +0,0 @@ |
| - | /// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller. |
| - | /// @param {Number} $from [1.5] - Size to start at. |
| - | /// @param {Number} $from [1] - Size to end at. |
| - | @function zoom( |
| - | $from: 0, |
| - | $to: 1 |
| - | ) { |
| - | $keyframes: ( |
| - | name: 'scale-#{$to}-to-#{$from}', |
| - | 0: (transform: scale($from)), |
| - | 100: (transform: scale($to)), |
| - | ); |
| - | |
| - | @return $keyframes; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/motion-ui.scss
+0
-29
| @@ | @@ -1,29 +0,0 @@ |
| - | // Motion UI by ZURB |
| - | // foundation.zurb.com/motion-ui |
| - | // Licensed under MIT Open Source |
| - | |
| - | @import 'settings'; |
| - | |
| - | @import 'util/animation'; |
| - | @import 'util/args'; |
| - | @import 'util/keyframe'; |
| - | @import 'util/selector'; |
| - | @import 'util/series'; |
| - | @import 'util/transition'; |
| - | @import 'util/unit'; |
| - | |
| - | @import 'effects/fade'; |
| - | @import 'effects/hinge'; |
| - | @import 'effects/spin'; |
| - | @import 'effects/zoom'; |
| - | @import 'effects/shake'; |
| - | @import 'effects/slide'; |
| - | @import 'effects/wiggle'; |
| - | |
| - | @import 'transitions/fade'; |
| - | @import 'transitions/hinge'; |
| - | @import 'transitions/zoom'; |
| - | @import 'transitions/slide'; |
| - | @import 'transitions/spin'; |
| - | |
| - | @import 'classes'; |
generators/foundation6/public/stylesheets/foundation6/motion-ui/transitions/_fade.scss
+0
-28
| @@ | @@ -1,28 +0,0 @@ |
| - | /// Creates a fade transition by adjusting the opacity of the element. |
| - | /// @param {Keyword} $state [in] - State to transition to. |
| - | /// @param {Number} $from [0] - Opacity to start at. Must be a number between 0 and 1. |
| - | /// @param {Number} $to [1] - Opacity to end on. |
| - | /// @param {Keyword} $duration [null] - Length (speed) of the transition. |
| - | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| - | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| - | @mixin mui-fade( |
| - | $state: in, |
| - | $from: 0, |
| - | $to: 1, |
| - | $duration: null, |
| - | $timing: null, |
| - | $delay: null |
| - | ) { |
| - | $fade: fade($from, $to); |
| - | |
| - | @include transition-start($state) { |
| - | @include transition-basics($duration, $timing, $delay); |
| - | @include -mui-keyframe-get($fade, 0); |
| - | |
| - | transition-property: opacity; |
| - | } |
| - | |
| - | @include transition-end($state) { |
| - | @include -mui-keyframe-get($fade, 100); |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/transitions/_hinge.scss
+0
-43
| @@ | @@ -1,43 +0,0 @@ |
| - | /// Creates a hinge transition by rotating the element. |
| - | /// @param {Keyword} $state [in] - State to transition to. |
| - | /// @param {Keyword} $from [left] - Edge of the element to rotate from. Can be `top`, `right`, `bottom`, or `left`. |
| - | /// @param {Keyword} $axis [edge] - Axis of the element to rotate on. Can be `edge` or `center`. |
| - | /// @param {Length} $perspective [2000px] - Perceived distance between the viewer and the element. A higher number will make the rotation effect more pronounced. |
| - | /// @param {Keyword} $turn-origin [from-back] - Side of the element to start the rotation from. Can be `from-back` or `from-front`. |
| - | /// @param {Boolean} $fade [true] - Set to `true` to fade the element in or out simultaneously. |
| - | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| - | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| - | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| - | @mixin mui-hinge ( |
| - | $state: in, |
| - | $from: left, |
| - | $axis: edge, |
| - | $perspective: 2000px, |
| - | $turn-origin: from-back, |
| - | $fade: map-get($motion-ui-settings, hinge-and-fade), |
| - | $duration: null, |
| - | $timing: null, |
| - | $delay: null |
| - | ) { |
| - | $hinge: hinge($state, $from, $axis, $perspective, $turn-origin); |
| - | |
| - | @include transition-start($state) { |
| - | @include transition-basics($duration, $timing, $delay); |
| - | @include -mui-keyframe-get($hinge, 0); |
| - | |
| - | @if $fade { |
| - | transition-property: transform, opacity; |
| - | opacity: if($state == in, 0, 1); |
| - | } @else { |
| - | transition-property: transform, opacity; |
| - | } |
| - | } |
| - | |
| - | @include transition-end($state) { |
| - | @include -mui-keyframe-get($hinge, 100); |
| - | |
| - | @if $fade { |
| - | opacity: if($state == in, 1, 0); |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/transitions/_slide.scss
+0
-42
| @@ | @@ -1,42 +0,0 @@ |
| - | /// Creates a sliding transition by translating the element horizontally or vertically. |
| - | /// @param {Keyword} $state [in] - State to transition to. |
| - | /// @param {Keyword} $direction [left] - Side of the element to slide from. Can be `top`, `right`, `bottom`, or `left`. |
| - | /// @param {Length} $amount [100%] - Length of the slide as a percentage value. |
| - | /// @param {Boolean} $fade [false] - Set to `true` to fade the element in or out simultaneously. |
| - | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| - | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| - | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| - | @mixin mui-slide ( |
| - | $state: in, |
| - | $direction: left, |
| - | $amount: 100%, |
| - | $fade: map-get($motion-ui-settings, slide-and-fade), |
| - | $duration: null, |
| - | $timing: null, |
| - | $delay: null |
| - | ) { |
| - | $slide: slide($state, $direction, $amount); |
| - | |
| - | // CSS Output |
| - | @include transition-start($state) { |
| - | @include transition-basics($duration, $timing, $delay); |
| - | @include -mui-keyframe-get($slide, 0); |
| - | |
| - | @if $fade { |
| - | transition-property: transform, opacity; |
| - | opacity: if($state == in, 0, 1); |
| - | } @else { |
| - | transition-property: transform, opacity; |
| - | } |
| - | |
| - | backface-visibility: hidden; |
| - | } |
| - | |
| - | @include transition-end($state) { |
| - | @include -mui-keyframe-get($slide, 100); |
| - | |
| - | @if $fade { |
| - | opacity: if($state == in, 1, 0); |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/transitions/_spin.scss
+0
-39
| @@ | @@ -1,39 +0,0 @@ |
| - | /// Creates a spinning transition by rotating the element. The `turn` unit is used to specify how far to rotate. `1turn` is equal to a 360-degree spin. |
| - | /// @param {Keyword} $state [in] - State to transition to. |
| - | /// @param {Boolean} $direction [cw] - Direction to spin. Should be `cw` (clockwise) or `ccw` (counterclockwise). |
| - | /// @param {Number} $amount [0.75turn] - Amount to element the element. |
| - | /// @param {Boolean} $fade [false] - Set to `true` to fade the element in or out simultaneously. |
| - | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| - | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| - | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| - | @mixin mui-spin( |
| - | $state: in, |
| - | $direction: cw, |
| - | $amount: 0.75turn, |
| - | $fade: map-get($motion-ui-settings, spin-and-fade), |
| - | $duration: null, |
| - | $timing: null, |
| - | $delay: null |
| - | ) { |
| - | $spin: spin($state, $direction, $amount); |
| - | |
| - | @include transition-start($state) { |
| - | @include transition-basics($duration, $timing, $delay); |
| - | @include -mui-keyframe-get($spin, 0); |
| - | |
| - | @if $fade { |
| - | transition-property: transform, opacity; |
| - | opacity: if($state == in, 0, 1); |
| - | } @else { |
| - | transition-property: transform, opacity; |
| - | } |
| - | } |
| - | |
| - | @include transition-end($state) { |
| - | @include -mui-keyframe-get($spin, 100); |
| - | |
| - | @if $fade { |
| - | opacity: if($state == in, 1, 0); |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/transitions/_zoom.scss
+0
-39
| @@ | @@ -1,39 +0,0 @@ |
| - | /// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller. |
| - | /// @param {Keyword} $state [in] - State to transition to. |
| - | /// @param {Number} $from [1.5] - Size to start at. |
| - | /// @param {Number} $from [1] - Size to end at. |
| - | /// @param {Boolean} $fade [true] - Set to `true` to fade the element in or out simultaneously. |
| - | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| - | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| - | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| - | @mixin mui-zoom( |
| - | $state: in, |
| - | $from: 1.5, |
| - | $to: 1, |
| - | $fade: map-get($motion-ui-settings, scale-and-fade), |
| - | $duration: null, |
| - | $timing: null, |
| - | $delay: null |
| - | ) { |
| - | $scale: zoom($from, $to); |
| - | |
| - | @include transition-start($state) { |
| - | @include transition-basics($duration, $timing, $delay); |
| - | @include -mui-keyframe-get($scale, 0); |
| - | |
| - | @if $fade { |
| - | transition-property: transform, opacity; |
| - | opacity: if($state == in, 0, 1); |
| - | } @else { |
| - | transition-property: transform, opacity; |
| - | } |
| - | } |
| - | |
| - | @include transition-end($state) { |
| - | @include -mui-keyframe-get($scale, 100); |
| - | |
| - | @if $fade { |
| - | opacity: if($state == in, 1, 0); |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_animation.scss
+0
-7
| @@ | @@ -1,7 +0,0 @@ |
| - | /// Creates a keyframe from one or more effect functions and assigns it to the element by adding the `animation-name` property. |
| - | /// @param {Function} $effects... - One or more effect functions to build the keyframe with. |
| - | @mixin mui-animation($args...) { |
| - | $name: map-get(-mui-process-args($args...), name); |
| - | @include mui-keyframes($name, $args...); |
| - | animation-name: unquote($name); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_args.scss
+0
-15
| @@ | @@ -1,15 +0,0 @@ |
| - | /// Processes a series of keyframe function arguments. |
| - | /// @access private |
| - | @function -mui-process-args($args...) { |
| - | @if length($args) == 1 { |
| - | $arg: nth($args, 1); |
| - | |
| - | @if type-of($arg) == 'string' { |
| - | @return call($arg); |
| - | } @else if type-of($arg) == 'map' { |
| - | @return $arg; |
| - | } |
| - | } |
| - | |
| - | @return -mui-keyframe-combine($args...); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_keyframe.scss
+0
-136
| @@ | @@ -1,136 +0,0 @@ |
| - | // Internal counter for creating unique keyframe names |
| - | $-mui-custom: 0; |
| - | |
| - | /// Creates a keyframe from one or more effect functions. Use this function instead of `mui-animation` if you want to create a keyframe animation *without* automatically assigning it to the element. |
| - | /// @param {String} $name - Name of the keyframe. |
| - | /// @param {Function} $effects... - One or more effect functions to build the keyframe with. |
| - | @mixin mui-keyframes($name, $effects...) { |
| - | $obj: -mui-process-args($effects...); |
| - | $obj: map-remove($obj, name); |
| - | |
| - | @keyframes #{$name} { |
| - | // Now iterate through each keyframe percentage |
| - | @each $pct, $props in $obj { |
| - | #{-mui-keyframe-pct($pct)} { |
| - | // Lastly, iterate through each CSS property within a percentage and print it out |
| - | @each $prop, $value in $props { |
| - | #{$prop}: #{$value}; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Creates a string for a CSS keyframe, by converting a list of numbers to a comma-separated list of percentage values. |
| - | /// @param {Number|List} $input - List of numbers to use. |
| - | /// @return {String} A set of comma-separated percentage values. |
| - | /// @access private |
| - | @function -mui-keyframe-pct($input) { |
| - | $output: (); |
| - | |
| - | @if type-of($input) == 'number' { |
| - | $output: ($input * 1%); |
| - | } @else if type-of($input) == 'list' { |
| - | @each $i in $input { |
| - | $output: append($output, ($i * 1%), comma); |
| - | } |
| - | } |
| - | |
| - | @return $output; |
| - | } |
| - | |
| - | /// Prints the CSS properties from a specific key in a keyframes map. Used to borrow CSS from keyframe functions for use in transitions. |
| - | /// @param {Map} $kf - Keyframe map to extract from. |
| - | /// @param {Number} $key - Key in the map to print the CSS of. |
| - | /// @access private |
| - | @mixin -mui-keyframe-get($kf, $key) { |
| - | $map: map-get($kf, $key); |
| - | |
| - | @each $prop, $value in $map or () { |
| - | // Some keyframe maps store transforms as quoted strings |
| - | @if type-of($value) == 'string' { |
| - | $value: unquote($value); |
| - | } |
| - | #{$prop}: $value; |
| - | } |
| - | } |
| - | |
| - | /// Reformats a map containing keys with a list of values, so that each key is a single value. |
| - | /// @param {Map} $map - Map to split up. |
| - | /// @return {Map} A reformatted map. |
| - | /// @access private |
| - | @function -mui-keyframe-split($map) { |
| - | $new-map: (); |
| - | |
| - | // Split keys with multiple values into individual keys |
| - | @each $key, $item in $map { |
| - | $key-type: type-of($key); |
| - | |
| - | @if $key-type == 'number' { |
| - | $new-map: map-merge($new-map, ($key: $item)); |
| - | } @else if $key-type == 'list' { |
| - | @each $k in $key { |
| - | $new-map: map-merge($new-map, ($k: $item)); |
| - | } |
| - | } |
| - | } |
| - | |
| - | @return $new-map; |
| - | } |
| - | |
| - | /// Combines a series of keyframe objects into one. |
| - | /// @param {Map} $maps... - A series of maps to merge, as individual parameters. |
| - | /// @return {Map} A combined keyframe object. |
| - | /// @access private |
| - | @function -mui-keyframe-combine($maps...) { |
| - | $new-map: (); |
| - | |
| - | // Iterate through each map passed in |
| - | @each $map in $maps { |
| - | @if type-of($map) == 'string' { |
| - | $map: call($map); |
| - | } |
| - | |
| - | $map: -mui-keyframe-split($map); |
| - | |
| - | // Iterate through each keyframe in the map |
| - | // $key is the keyframe percentage |
| - | // $value is a map of CSS properties |
| - | @each $key, $value in $map { |
| - | $new-value: (); |
| - | |
| - | @if map-has-key($new-map, $key) { |
| - | // If the map already has the keyframe %, append the new property |
| - | $new-value: -mui-merge-properties(map-get($new-map, $key), $value); |
| - | } @else { |
| - | // Otherwise, create a new map with the new property |
| - | $new-value: $value; |
| - | } |
| - | |
| - | // Finally, merge the modified keyframe value into the output map |
| - | $new-map: map-merge($new-map, ($key: $new-value)); |
| - | } |
| - | } |
| - | |
| - | // Make a name for the keyframes |
| - | $-mui-custom: $-mui-custom + 1 !global; |
| - | $map-name: (name: 'custom-#{$-mui-custom}'); |
| - | $new-map: map-merge($new-map, $map-name); |
| - | |
| - | @return $new-map; |
| - | } |
| - | |
| - | /// Combines two maps of CSS properties into one map. If both maps have a transform property, the values from each will be combined into one property. |
| - | /// @param {Map} $one - First map to merge. |
| - | /// @param {Map} $two - Second map to merge. |
| - | /// @return {Map} A combined map. |
| - | /// @access private |
| - | @function -mui-merge-properties($one, $two) { |
| - | @if map-has-key($one, transform) and map-has-key($two, transform) { |
| - | $transform: join(map-get($one, transform), map-get($two, transform)); |
| - | $one: map-merge($one, (transform: $transform)); |
| - | $two: map-remove($two, transform); |
| - | } |
| - | |
| - | @return map-merge($one, $two); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_selector.scss
+0
-23
| @@ | @@ -1,23 +0,0 @@ |
| - | /// Builds a selector for a motion class, using the settings defined in the `$motion-ui-classes` and `$motion-ui-states` maps. |
| - | /// @param {String|List} $states - One or more strings that correlate to a state. |
| - | /// @param {Boolean} $active - Defines if the selector is for the setup or active class. |
| - | /// @return {String} A selector that can be interpolated into your Sass code. |
| - | /// @access private |
| - | @function -mui-build-selector($states, $active: false) { |
| - | $return: ''; |
| - | $chain: map-get($motion-ui-classes, chain); |
| - | $prefix: map-get($motion-ui-classes, prefix); |
| - | $suffix: map-get($motion-ui-classes, active); |
| - | |
| - | @each $sel in $states { |
| - | $return: $return + if($chain, '&.', '#{&}-') + $prefix + $sel; |
| - | |
| - | @if $active { |
| - | $return: $return + if($chain, '.', '#{&}-') + $prefix + $sel + $suffix; |
| - | } |
| - | |
| - | $return: $return + ', '; |
| - | } |
| - | |
| - | @return str-slice($return, 1, -3); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_series.scss
+0
-54
| @@ | @@ -1,54 +0,0 @@ |
| - | $-mui-queue: (); |
| - | |
| - | /// Pauses the animation on an element by default, and then plays it when an active class is added to a parent. Also sets the fill mode of the animation to `both`. This pauses the element at the first frame of the animation, and holds it in place at the end. |
| - | /// @access private |
| - | %animated-element { |
| - | animation-play-state: paused; |
| - | animation-fill-mode: both; |
| - | |
| - | .#{map-get($motion-ui-settings, activate-queue-class)} & { |
| - | animation-play-state: running; |
| - | } |
| - | } |
| - | |
| - | /// Creates a new animation queue. |
| - | /// @param {Duration} $delay [0s] - Delay in seconds or milliseconds to place at the front of the animation queue. |
| - | @mixin mui-series($delay: 0s) { |
| - | $-mui-queue: () !global; |
| - | |
| - | @if $delay > 0 { |
| - | $item: ($delay, 0s); |
| - | $-mui-queue: append($-mui-queue, $item) !global; |
| - | } |
| - | |
| - | @content; |
| - | } |
| - | |
| - | /// Adds an animation to an animation queue. Only use this mixin inside of `mui-series()`. |
| - | /// @param {Duration} $duration [1s] - Length of the animation. |
| - | /// @param {Duration} $gap [0s] - Amount of time to pause before playing the animation after this one. Use a negative value to make the next effect overlap with the current one. |
| - | /// @param {Function} $keyframes... - One or more effect functions to build the keyframe with. |
| - | @mixin mui-queue( |
| - | $duration: 1s, |
| - | $gap: 0s, |
| - | $keyframes... |
| - | ) { |
| - | // Build the animation |
| - | $kf: -mui-process-args($keyframes...); |
| - | |
| - | // Calculate the delay for this animation based on how long the previous ones take |
| - | $actual-delay: 0s; |
| - | @each $anim in $-mui-queue { |
| - | $actual-delay: $actual-delay + nth($anim, 1) + nth($anim, 2); |
| - | } |
| - | |
| - | // Append this animation's length and gap to the end of the queue |
| - | $item: ($duration, $gap); |
| - | $-mui-queue: append($-mui-queue, $item) !global; |
| - | |
| - | // CSS output |
| - | @extend %animated-element; |
| - | @include mui-animation($kf); |
| - | animation-duration: $duration; |
| - | animation-delay: $actual-delay; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_transition.scss
+0
-45
| @@ | @@ -1,45 +0,0 @@ |
| - | /// Applies basic transition settings to an element. |
| - | /// @param {Duration} $duration [null] - Length (speed) of the transition. |
| - | /// @param {Keyword|Function} $timing [null] - Easing of the transition. |
| - | /// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts. |
| - | @mixin transition-basics( |
| - | $duration: null, |
| - | $timing: null, |
| - | $delay: null |
| - | ) { |
| - | @extend %mui-defaults; |
| - | transition-duration: $duration; |
| - | transition-timing-function: $timing; |
| - | transition-delay: $delay; |
| - | } |
| - | |
| - | /// Wraps the content in the setup class for a transition. |
| - | /// @param {Keyword} $dir - State to setup for transition. |
| - | @mixin transition-start($dir) { |
| - | $selector: -mui-build-selector(map-get($motion-ui-states, $dir)); |
| - | |
| - | @at-root { |
| - | #{$selector} { |
| - | @content; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Wraps the content in the active class for a transition. |
| - | /// @param {Keyword} $dir - State to activate a transition on. |
| - | @mixin transition-end($dir) { |
| - | $selector: -mui-build-selector(map-get($motion-ui-states, $dir), true); |
| - | |
| - | @at-root { |
| - | #{$selector} { |
| - | @content; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds styles for a stagger animation, which can be used with Angular's `ng-repeat`. |
| - | /// @param {Duration} $delay-amount - Amount of time in seconds or milliseconds to add between each item's animation. |
| - | @mixin stagger($delay-amount) { |
| - | transition-delay: $delay-amount; |
| - | transition-duration: 0; // Prevent accidental CSS inheritance |
| - | } |
generators/foundation6/public/stylesheets/foundation6/motion-ui/util/_unit.scss
+0
-7
| @@ | @@ -1,7 +0,0 @@ |
| - | /// Removes the unit (e.g. px, em, rem) from a value, returning the number only. |
| - | /// @param {Number} $num - Number to strip unit from. |
| - | /// @return {Number} The same number, sans unit. |
| - | /// @access private |
| - | @function strip-unit($num) { |
| - | @return $num / ($num * 0 + 1); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/settings/_settings.scss
+0
-531
| @@ | @@ -1,531 +0,0 @@ |
| - | // Foundation for Sites Settings |
| - | // ----------------------------- |
| - | // |
| - | // Table of Contents: |
| - | // |
| - | // 1. Global |
| - | // 2. Breakpoints |
| - | // 3. The Grid |
| - | // 4. Base Typography |
| - | // 5. Typography Helpers |
| - | // 6. Abide |
| - | // 7. Accordion |
| - | // 8. Accordion Menu |
| - | // 9. Badge |
| - | // 10. Breadcrumbs |
| - | // 11. Button |
| - | // 12. Button Group |
| - | // 13. Callout |
| - | // 14. Close Button |
| - | // 15. Drilldown |
| - | // 16. Dropdown |
| - | // 17. Dropdown Menu |
| - | // 18. Flex Video |
| - | // 19. Forms |
| - | // 20. Label |
| - | // 21. Media Object |
| - | // 22. Menu |
| - | // 23. Off-canvas |
| - | // 24. Orbit |
| - | // 25. Pagination |
| - | // 26. Progress Bar |
| - | // 27. Reveal |
| - | // 28. Slider |
| - | // 29. Switch |
| - | // 30. Table |
| - | // 31. Tabs |
| - | // 32. Thumbnail |
| - | // 33. Tooltip |
| - | // 34. Top Bar |
| - | |
| - | @import 'util/util'; |
| - | |
| - | // 1. Global |
| - | // --------- |
| - | |
| - | $global-width: rem-calc(1200); |
| - | $global-font-size: 100%; |
| - | $global-lineheight: 1.5; |
| - | $primary-color: #2199e8; |
| - | $secondary-color: #777; |
| - | $success-color: #3adb76; |
| - | $warning-color: #ffae00; |
| - | $alert-color: #ec5840; |
| - | $light-gray: #e6e6e6; |
| - | $medium-gray: #cacaca; |
| - | $dark-gray: #8a8a8a; |
| - | $black: #0a0a0a; |
| - | $white: #fefefe; |
| - | $body-background: $white; |
| - | $body-font-color: $black; |
| - | $body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; |
| - | $body-antialiased: true; |
| - | $text-direction: ltr; |
| - | $global-margin: 1rem; |
| - | $global-padding: 1rem; |
| - | $global-margin: 1rem; |
| - | $global-weight-normal: normal; |
| - | $global-weight-bold: bold; |
| - | $global-radius: 0; |
| - | $global-namespace: false; |
| - | $global-text-direction: ltr; |
| - | $rem-base: 16px; |
| - | |
| - | // 2. Breakpoints |
| - | // -------------- |
| - | |
| - | $breakpoints: ( |
| - | small: 0, |
| - | medium: 640px, |
| - | large: 1024px, |
| - | xlarge: 1200px, |
| - | xxlarge: 1440px, |
| - | ); |
| - | $breakpoint-classes: (small medium large); |
| - | |
| - | // 3. The Grid |
| - | // ----------- |
| - | |
| - | $grid-row-width: $global-width; |
| - | $grid-column-count: 12; |
| - | $grid-column-gutter: 30px; |
| - | $block-grid-max: 6; |
| - | |
| - | // 4. Base Typography |
| - | // ------------------ |
| - | |
| - | $header-font-family: $body-font-family; |
| - | $header-font-weight: $global-weight-normal; |
| - | $header-font-style: normal; |
| - | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; |
| - | $header-sizes: ( |
| - | small: ( |
| - | 'h1': 24, |
| - | 'h2': 20, |
| - | 'h3': 19, |
| - | 'h4': 18, |
| - | 'h5': 17, |
| - | 'h6': 16, |
| - | ), |
| - | medium: ( |
| - | 'h1': 48, |
| - | 'h2': 40, |
| - | 'h3': 31, |
| - | 'h4': 25, |
| - | 'h5': 20, |
| - | 'h6': 16, |
| - | ), |
| - | ); |
| - | $header-color: inherit; |
| - | $header-lineheight: 1.4; |
| - | $header-margin-bottom: 0.5rem; |
| - | $header-text-rendering: optimizeLegibility; |
| - | $small-font-size: 80%; |
| - | $header-small-font-color: $medium-gray; |
| - | $paragraph-lineheight: 1.6; |
| - | $paragraph-margin-bottom: 1rem; |
| - | $paragraph-text-rendering: optimizeLegibility; |
| - | $code-color: $black; |
| - | $code-font-family: $font-family-monospace; |
| - | $code-font-weight: $global-weight-normal; |
| - | $code-background: $light-gray; |
| - | $code-border: 1px solid $medium-gray; |
| - | $code-padding: rem-calc(2 5 1); |
| - | $anchor-color: $primary-color; |
| - | $anchor-color-hover: scale-color($anchor-color, $lightness: -14%); |
| - | $anchor-text-decoration: none; |
| - | $anchor-text-decoration-hover: none; |
| - | $hr-width: $global-width; |
| - | $hr-border: 1px solid $medium-gray; |
| - | $hr-margin: rem-calc(20) auto; |
| - | $list-lineheight: $paragraph-lineheight; |
| - | $list-margin-bottom: $paragraph-margin-bottom; |
| - | $list-style-type: disc; |
| - | $list-style-position: outside; |
| - | $list-side-margin: 1.25rem; |
| - | $list-nested-side-margin: 1.25rem; |
| - | $defnlist-margin-bottom: 1rem; |
| - | $defnlist-term-weight: $global-weight-bold; |
| - | $defnlist-term-margin-bottom: 0.3rem; |
| - | $blockquote-color: $dark-gray; |
| - | $blockquote-padding: rem-calc(9 20 0 19); |
| - | $blockquote-border: 1px solid $medium-gray; |
| - | $cite-font-size: rem-calc(13); |
| - | $cite-color: $dark-gray; |
| - | $keystroke-font: $font-family-monospace; |
| - | $keystroke-color: $black; |
| - | $keystroke-background: $light-gray; |
| - | $keystroke-padding: rem-calc(2 4 0); |
| - | $keystroke-radius: $global-radius; |
| - | $abbr-underline: 1px dotted $black; |
| - | |
| - | // 5. Typography Helpers |
| - | // --------------------- |
| - | |
| - | $lead-font-size: $global-font-size * 1.25; |
| - | $lead-lineheight: 1.6; |
| - | $subheader-lineheight: 1.4; |
| - | $subheader-color: $dark-gray; |
| - | $subheader-font-weight: $global-weight-normal; |
| - | $subheader-margin-top: 0.2rem; |
| - | $subheader-margin-bottom: 0.5rem; |
| - | $stat-font-size: 2.5rem; |
| - | |
| - | // 6. Abide |
| - | // -------- |
| - | |
| - | $abide-inputs: true; |
| - | $abide-labels: true; |
| - | $input-background-invalid: $alert-color; |
| - | $form-label-color-invalid: $alert-color; |
| - | $input-error-color: $alert-color; |
| - | $input-error-font-size: rem-calc(12); |
| - | $input-error-font-weight: $global-weight-bold; |
| - | |
| - | // 7. Accordion |
| - | // ------------ |
| - | |
| - | $accordion-background: $white; |
| - | $accordion-plusminus: true; |
| - | $accordion-item-color: foreground($accordion-background, $primary-color); |
| - | $accordion-item-background-hover: $light-gray; |
| - | $accordion-item-padding: 1.25rem 1rem; |
| - | $accordion-content-background: $white; |
| - | $accordion-content-border: 1px solid $light-gray; |
| - | $accordion-content-color: foreground($accordion-background, $primary-color); |
| - | $accordion-content-padding: 1rem; |
| - | |
| - | // 8. Accordion Menu |
| - | // ----------------- |
| - | |
| - | $accordionmenu-arrows: true; |
| - | |
| - | // 9. Badge |
| - | // -------- |
| - | |
| - | $badge-background: $primary-color; |
| - | $badge-color: foreground($badge-background); |
| - | $badge-padding: 0.3em; |
| - | $badge-minwidth: 2.1em; |
| - | $badge-font-size: 0.6rem; |
| - | |
| - | // 10. Breadcrumbs |
| - | // --------------- |
| - | |
| - | $breadcrumbs-margin: 0 0 $global-margin 0; |
| - | $breadcrumbs-item-font-size: rem-calc(11); |
| - | $breadcrumbs-item-color: $primary-color; |
| - | $breadcrumbs-item-color-current: $black; |
| - | $breadcrumbs-item-color-disabled: $medium-gray; |
| - | $breadcrumbs-item-margin: 0.75rem; |
| - | $breadcrumbs-item-uppercase: true; |
| - | $breadcrumbs-item-slash: true; |
| - | |
| - | // 11. Button |
| - | // ---------- |
| - | |
| - | $button-padding: 0.85em 1em; |
| - | $button-margin: 0 $global-margin $global-margin 0; |
| - | $button-fill: solid; |
| - | $button-background: $primary-color; |
| - | $button-background-hover: scale-color($button-background, $lightness: -15%); |
| - | $button-color: #fff; |
| - | $button-color-alt: #000; |
| - | $button-radius: $global-radius; |
| - | $button-sizes: ( |
| - | tiny: 0.6rem, |
| - | small: 0.75rem, |
| - | default: 0.9rem, |
| - | large: 1.25rem, |
| - | ); |
| - | $button-opacity-disabled: 0.25; |
| - | |
| - | // 12. Button Group |
| - | // ---------------- |
| - | |
| - | $buttongroup-margin: 1rem; |
| - | $buttongroup-spacing: 1px; |
| - | $buttongroup-child-selector: '.button'; |
| - | $buttongroup-expand-max: 6; |
| - | |
| - | // 13. Callout |
| - | // ----------- |
| - | |
| - | $callout-background: $white; |
| - | $callout-background-fade: 85%; |
| - | $callout-border: 1px solid rgba($black, 0.25); |
| - | $callout-margin: 0 0 1rem 0; |
| - | $callout-padding: 1rem; |
| - | $callout-font-color: $body-font-color; |
| - | $callout-font-color-alt: $body-background; |
| - | $callout-radius: $global-radius; |
| - | $callout-link-tint: 30%; |
| - | |
| - | // 14. Close Button |
| - | // ---------------- |
| - | |
| - | $closebutton-position: right top; |
| - | $closebutton-offset-horizontal: 1rem; |
| - | $closebutton-offset-vertical: 0.5rem; |
| - | $closebutton-size: 2em; |
| - | $closebutton-lineheight: 1; |
| - | $closebutton-color: $dark-gray; |
| - | $closebutton-color-hover: $black; |
| - | |
| - | // 15. Drilldown |
| - | // ------------- |
| - | |
| - | $drilldown-transition: transform 0.15s linear; |
| - | $drilldown-arrows: true; |
| - | |
| - | // 16. Dropdown |
| - | // ------------ |
| - | |
| - | $dropdown-padding: 1rem; |
| - | $dropdown-border: 1px solid $medium-gray; |
| - | $dropdown-font-size: 16rem; |
| - | $dropdown-width: 300px; |
| - | $dropdown-radius: $global-radius; |
| - | $dropdown-sizes: ( |
| - | tiny: 100px, |
| - | small: 200px, |
| - | large: 400px, |
| - | ); |
| - | |
| - | // 17. Dropdown Menu |
| - | // ----------------- |
| - | |
| - | $dropdownmenu-arrows: true; |
| - | $dropdownmenu-min-width: 200px; |
| - | $dropdownmenu-background: $white; |
| - | $dropdown-border: 1px solid $medium-gray; |
| - | |
| - | // 18. Flex Video |
| - | // -------------- |
| - | |
| - | $flexvideo-padding-top: rem-calc(25); |
| - | $flexvideo-margin-bottom: rem-calc(16); |
| - | $flexvideo-ratio: 4 by 3; |
| - | $flexvideo-ratio-widescreen: 16 by 9; |
| - | |
| - | // 19. Forms |
| - | // --------- |
| - | |
| - | $fieldset-border: 1px solid $medium-gray; |
| - | $fieldset-padding: rem-calc(20); |
| - | $fieldset-margin: rem-calc(18 0); |
| - | $legend-padding: rem-calc(0 3); |
| - | $form-spacing: rem-calc(16); |
| - | $helptext-color: #333; |
| - | $helptext-font-size: rem-calc(13); |
| - | $helptext-font-style: italic; |
| - | $input-prefix-color: $black; |
| - | $input-prefix-background: $light-gray; |
| - | $input-prefix-border: 1px solid $medium-gray; |
| - | $input-prefix-padding: 1rem; |
| - | $form-label-color: $black; |
| - | $form-label-font-size: rem-calc(14); |
| - | $form-label-font-weight: $global-weight-normal; |
| - | $form-label-line-height: 1.8; |
| - | $select-background: #fafafa; |
| - | $select-triangle-color: #333; |
| - | $select-radius: $global-radius; |
| - | $input-color: $dark-gray; |
| - | $input-font-family: inherit; |
| - | $input-font-size: rem-calc(16); |
| - | $input-background: $white; |
| - | $input-background-focus: $white; |
| - | $input-background-disabled: $light-gray; |
| - | $input-border: 1px solid $medium-gray; |
| - | $input-border-focus: 1px solid $dark-gray; |
| - | $input-shadow: inset 0 1px 2px rgba($black, 0.1); |
| - | $input-shadow-focus: 0 0 5px $medium-gray; |
| - | $input-cursor-disabled: default; |
| - | $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
| - | $input-number-spinners: true; |
| - | $input-radius: $global-radius; |
| - | |
| - | // 20. Label |
| - | // --------- |
| - | |
| - | $label-background: $primary-color; |
| - | $label-color: foreground($label-background); |
| - | $label-font-size: 0.8rem; |
| - | $label-padding: 0.33333rem 0.5rem; |
| - | $label-radius: $global-radius; |
| - | |
| - | // 21. Media Object |
| - | // ---------------- |
| - | |
| - | $mediaobject-margin-bottom: $global-margin; |
| - | $mediaobject-section-padding: $global-padding; |
| - | $mediaobject-image-width-stacked: 100%; |
| - | |
| - | // 22. Menu |
| - | // -------- |
| - | |
| - | $menu-margin: 0; |
| - | $menu-margin-nested: 1rem; |
| - | $menu-item-padding: 0.7rem 1rem; |
| - | $menu-icon-spacing: 0.25rem; |
| - | $menu-expand-max: 6; |
| - | |
| - | // 23. Off-canvas |
| - | // -------------- |
| - | |
| - | $offcanvas-size: 250px; |
| - | $offcanvas-background: $light-gray; |
| - | $offcanvas-zindex: -1; |
| - | $offcanvas-transition-length: 0.5s; |
| - | $offcanvas-transition-timing: ease; |
| - | $offcanvas-exit-background: rgba($white, 0.25); |
| - | $maincontent-class: 'off-canvas-content'; |
| - | $maincontent-shadow: 0 0 10px rgba($black, 0.5); |
| - | |
| - | // 24. Orbit |
| - | // --------- |
| - | |
| - | $orbit-bullet-background: $medium-gray; |
| - | $orbit-bullet-background-active: $dark-gray; |
| - | $orbit-bullet-diameter: 1.2rem; |
| - | $orbit-bullet-margin: 0.1rem; |
| - | $orbit-bullet-margin-top: 0.8rem; |
| - | $orbit-bullet-margin-bottom: 0.8rem; |
| - | $orbit-caption-background: rgba($black, 0.5); |
| - | $orbit-caption-padding: 1rem; |
| - | $orbit-control-background-hover: rgba($black, 0.5); |
| - | $orbit-control-padding: 1rem; |
| - | $orbit-control-zindex: 10; |
| - | |
| - | // 25. Pagination |
| - | // -------------- |
| - | |
| - | $pagination-font-size: rem-calc(14); |
| - | $pagination-margin-bottom: $global-margin; |
| - | $pagination-item-color: $black; |
| - | $pagination-item-padding: rem-calc(3 10); |
| - | $pagination-item-spacing: rem-calc(1); |
| - | $pagination-radius: $global-radius; |
| - | $pagination-item-background-hover: $light-gray; |
| - | $pagination-item-background-current: $primary-color; |
| - | $pagination-item-color-current: foreground($pagination-item-background-current); |
| - | $pagination-item-color-disabled: $medium-gray; |
| - | $pagination-ellipsis-color: $black; |
| - | $pagination-mobile-items: false; |
| - | $pagination-arrows: true; |
| - | |
| - | // 26. Progress Bar |
| - | // ---------------- |
| - | |
| - | $progress-height: 1rem; |
| - | $progress-background: $medium-gray; |
| - | $progress-margin-bottom: $global-margin; |
| - | $progress-meter-background: $primary-color; |
| - | $progress-radius: $global-radius; |
| - | |
| - | // 27. Reveal |
| - | // ---------- |
| - | |
| - | $reveal-background: $white; |
| - | $reveal-width: 600px; |
| - | $reveal-max-width: $global-width; |
| - | $reveal-offset: rem-calc(100); |
| - | $reveal-padding: $global-padding; |
| - | $reveal-border: 1px solid $medium-gray; |
| - | $reveal-radius: $global-radius; |
| - | $reveal-zindex: 1005; |
| - | $reveal-overlay-background: rgba($black, 0.45); |
| - | |
| - | // 28. Slider |
| - | // ---------- |
| - | |
| - | $slider-height: 0.5rem; |
| - | $slider-width-vertical: $slider-height; |
| - | $slider-background: $light-gray; |
| - | $slider-fill-background: $medium-gray; |
| - | $slider-handle-height: 1.4rem; |
| - | $slider-handle-width: 1.4rem; |
| - | $slider-handle-background: $primary-color; |
| - | $slider-opacity-disabled: 0.25; |
| - | $slider-radius: $global-radius; |
| - | $slider-transition: all 0.2s ease-in-out; |
| - | |
| - | // 29. Switch |
| - | // ---------- |
| - | |
| - | $switch-background: $medium-gray; |
| - | $switch-background-active: $primary-color; |
| - | $switch-height: 2rem; |
| - | $switch-height-tiny: 1.5rem; |
| - | $switch-height-small: 1.75rem; |
| - | $switch-height-large: 2.5rem; |
| - | $switch-radius: $global-radius; |
| - | $switch-margin: $global-margin; |
| - | $switch-paddle-background: $white; |
| - | $switch-paddle-offset: 0.25rem; |
| - | $switch-paddle-radius: $global-radius; |
| - | $switch-paddle-transition: all 0.25s ease-out; |
| - | |
| - | // 30. Table |
| - | // --------- |
| - | |
| - | $table-background: $white; |
| - | $table-color-scale: 5%; |
| - | $table-border: 1px solid smart-scale($table-background, $table-color-scale); |
| - | $table-padding: rem-calc(8 10 10); |
| - | $table-hover-scale: 2%; |
| - | $table-row-hover: darken($table-background, $table-hover-scale); |
| - | $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale); |
| - | $table-striped-background: smart-scale($table-background, $table-color-scale); |
| - | $table-stripe: even; |
| - | $table-head-background: smart-scale($table-background, $table-color-scale / 2); |
| - | $table-foot-background: smart-scale($table-background, $table-color-scale); |
| - | $table-head-font-color: $body-font-color; |
| - | $show-header-for-stacked: false; |
| - | |
| - | // 31. Tabs |
| - | // -------- |
| - | |
| - | $tab-margin: 0; |
| - | $tab-background: $white; |
| - | $tab-background-active: $light-gray; |
| - | $tab-border: $light-gray; |
| - | $tab-item-color: foreground($tab-background, $primary-color); |
| - | $tab-item-background-hover: $white; |
| - | $tab-item-padding: 1.25rem 1.5rem; |
| - | $tab-expand-max: 6; |
| - | $tab-content-background: $white; |
| - | $tab-content-border: $light-gray; |
| - | $tab-content-color: foreground($tab-background, $primary-color); |
| - | $tab-content-padding: 1rem; |
| - | |
| - | // 32. Thumbnail |
| - | // ------------- |
| - | |
| - | $thumbnail-border: solid 4px $white; |
| - | $thumbnail-margin-bottom: $global-margin; |
| - | $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); |
| - | $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); |
| - | $thumbnail-transition: box-shadow 200ms ease-out; |
| - | $thumbnail-radius: $global-radius; |
| - | |
| - | // 33. Tooltip |
| - | // ----------- |
| - | |
| - | $tooltip-background-color: $black; |
| - | $tooltip-color: $white; |
| - | $tooltip-padding: 0.75rem; |
| - | $tooltip-font-size: $small-font-size; |
| - | $tooltip-pip-width: 0.75rem; |
| - | $tooltip-pip-height: $tooltip-pip-width * 0.866; |
| - | $tooltip-pip-offset: 1.25rem; |
| - | $tooltip-radius: $global-radius; |
| - | |
| - | // 34. Top Bar |
| - | // ----------- |
| - | |
| - | $topbar-padding: 0.5rem; |
| - | $topbar-background: #eee; |
| - | $topbar-link-color: #fff; |
| - | $topbar-input-width: 200px; |
| - | |
generators/foundation6/public/stylesheets/foundation6/typography/_alignment.scss
+0
-21
| @@ | @@ -1,21 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | @mixin foundation-text-alignment { |
| - | @each $align in (left, right, center, justify) { |
| - | .text-#{$align} { |
| - | text-align: $align; |
| - | } |
| - | |
| - | @each $size in $breakpoint-classes { |
| - | @include breakpoint($size) { |
| - | @if $size != 'small' { |
| - | .#{$size}-text-#{$align} { |
| - | text-align: $align; |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/typography/_base.scss
+0
-436
| @@ | @@ -1,436 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group typography-base |
| - | //// |
| - | |
| - | // Base Typography |
| - | // - - - - - - - - - - - - - - - |
| - | // These are styles applied to basic HTML tags, including: |
| - | // - Paragraphs <p> |
| - | // - Bold/italics <b> <strong> <i> <em> |
| - | // - Small text <small> |
| - | // - Headings <h1>—<h6> |
| - | // - Anchors <a> |
| - | // - Dividers <hr> |
| - | // - Lists <ul> <ol> <dl> |
| - | // - Blockquotes <blockquote> |
| - | // - Code blocks <code> |
| - | // - Abbreviations <abbr> |
| - | // - Citations <cite> |
| - | // - Keystrokes <kbd> |
| - | |
| - | /// Font family for header elements. |
| - | /// @type String | List |
| - | $header-font-family: $body-font-family !default; |
| - | |
| - | /// Font weight of headers. |
| - | /// @type String |
| - | $header-font-weight: $global-weight-normal !default; |
| - | |
| - | /// Font style (e.g. italicized) of headers. |
| - | /// @type String |
| - | $header-font-style: normal !default; |
| - | |
| - | /// Font stack used for elements that use monospaced type, such as code samples |
| - | /// @type String | List |
| - | $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default; |
| - | |
| - | /// Sizes of headings at various screen sizes. Each key is a breakpoint, and each value is a map of heading sizes. |
| - | /// @type Map |
| - | $header-sizes: ( |
| - | small: ( |
| - | 'h1': 24, |
| - | 'h2': 20, |
| - | 'h3': 19, |
| - | 'h4': 18, |
| - | 'h5': 17, |
| - | 'h6': 16, |
| - | ), |
| - | medium: ( |
| - | 'h1': 48, |
| - | 'h2': 40, |
| - | 'h3': 31, |
| - | 'h4': 25, |
| - | 'h5': 20, |
| - | 'h6': 16, |
| - | ), |
| - | ) !default; |
| - | |
| - | /// Color of headers. |
| - | /// @type Color |
| - | $header-color: inherit !default; |
| - | |
| - | /// Line height of headers. |
| - | /// @type Number |
| - | $header-lineheight: 1.4 !default; |
| - | |
| - | /// Bottom margin of headers. |
| - | /// @type Number |
| - | $header-margin-bottom: 0.5rem !default; |
| - | |
| - | /// Text rendering method of headers. |
| - | /// @type String |
| - | $header-text-rendering: optimizeLegibility !default; |
| - | |
| - | /// Font size of `<small>` elements. |
| - | /// @type Number |
| - | $small-font-size: 80% !default; |
| - | |
| - | /// Color of `<small>` elements when placed inside headers. |
| - | /// @type Color |
| - | $header-small-font-color: $medium-gray !default; |
| - | |
| - | /// Line height of text inside `<p>` elements. |
| - | /// @type Number |
| - | $paragraph-lineheight: 1.6 !default; |
| - | |
| - | /// Bottom margin of paragraphs. |
| - | /// @type Number |
| - | $paragraph-margin-bottom: 1rem !default; |
| - | |
| - | /// Text rendering method for paragraph text. |
| - | /// @type String |
| - | $paragraph-text-rendering: optimizeLegibility !default; |
| - | |
| - | /// Text color of code samples. |
| - | /// @type Color |
| - | $code-color: $black !default; |
| - | |
| - | /// Font family of code samples. |
| - | /// @type String | List |
| - | $code-font-family: $font-family-monospace !default; |
| - | |
| - | /// Font weight of text in code samples. |
| - | /// @type String |
| - | $code-font-weight: $global-weight-normal !default; |
| - | |
| - | /// Background color of code samples. |
| - | /// @type Color |
| - | $code-background: $light-gray !default; |
| - | |
| - | /// Border around code samples. |
| - | /// @type List |
| - | $code-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Padding around text of code samples. |
| - | /// @type Number | List |
| - | $code-padding: rem-calc(2 5 1) !default; |
| - | |
| - | /// Default color for links. |
| - | /// @type Color |
| - | $anchor-color: $primary-color !default; |
| - | |
| - | /// Default color for links on hover. |
| - | /// @type Color |
| - | $anchor-color-hover: scale-color($anchor-color, $lightness: -14%) !default; |
| - | |
| - | /// Default text deocration for links. |
| - | /// @type String |
| - | $anchor-text-decoration: none !default; |
| - | |
| - | /// Default text decoration for links on hover. |
| - | /// @type String |
| - | $anchor-text-decoration-hover: none !default; |
| - | |
| - | /// Maximum width of a divider. |
| - | /// @type Number |
| - | $hr-width: $global-width !default; |
| - | |
| - | /// Default border for a divider. |
| - | /// @type List |
| - | $hr-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Default margin for a divider. |
| - | /// @type Number | List |
| - | $hr-margin: rem-calc(20) auto !default; |
| - | |
| - | /// Line height for items in a list. |
| - | /// @type Number |
| - | $list-lineheight: $paragraph-lineheight !default; |
| - | |
| - | /// Bottom margin for items in a list. |
| - | /// @type Number |
| - | $list-margin-bottom: $paragraph-margin-bottom !default; |
| - | |
| - | /// Bullet type to use for unordered lists (e.g., `square`, `circle`, `disc`). |
| - | /// @type String |
| - | $list-style-type: disc !default; |
| - | |
| - | /// Positioning for bullets on unordered list items. |
| - | /// @type String |
| - | $list-style-position: outside !default; |
| - | |
| - | /// Left (or right) margin for lists. |
| - | /// @type Number |
| - | $list-side-margin: 1.25rem !default; |
| - | |
| - | /// Left (or right) margin for a list inside a list. |
| - | /// @type Number |
| - | $list-nested-side-margin: 1.25rem !default; |
| - | |
| - | /// Bottom margin for `<dl>` elements. |
| - | /// @type Number |
| - | $defnlist-margin-bottom: 1rem !default; |
| - | |
| - | /// Font weight for `<dt>` elements. |
| - | /// @type String |
| - | $defnlist-term-weight: $global-weight-bold !default; |
| - | |
| - | /// Spacing between `<dt>` and `<dd>` elements. |
| - | /// @type Number |
| - | $defnlist-term-margin-bottom: 0.3rem !default; |
| - | |
| - | /// Text color of `<blockquote>` elements. |
| - | /// @type Color |
| - | $blockquote-color: $dark-gray !default; |
| - | |
| - | /// Padding inside a `<blockquote>` element. |
| - | /// @type Number | List |
| - | $blockquote-padding: rem-calc(9 20 0 19) !default; |
| - | |
| - | /// Side border for `<blockquote>` elements. |
| - | /// @type List |
| - | $blockquote-border: 1px solid $medium-gray !default; |
| - | |
| - | /// Font size for `<cite>` elements. |
| - | /// @type Number |
| - | $cite-font-size: rem-calc(13) !default; |
| - | |
| - | /// Text color for `<cite>` elements. |
| - | /// @type Color |
| - | $cite-color: $dark-gray !default; |
| - | |
| - | /// Font family for `<kbd>` elements. |
| - | /// @type String | List |
| - | $keystroke-font: $font-family-monospace !default; |
| - | |
| - | /// Text color for `<kbd>` elements. |
| - | /// @type Color |
| - | $keystroke-color: $black !default; |
| - | |
| - | /// Background color for `<kbd>` elements. |
| - | /// @type Color |
| - | $keystroke-background: $light-gray !default; |
| - | |
| - | /// Padding for `<kbd>` elements. |
| - | /// @type Number | List |
| - | $keystroke-padding: rem-calc(2 4 0) !default; |
| - | |
| - | /// Border radius for `<kbd>` elements. |
| - | /// @type Number | List |
| - | $keystroke-radius: $global-radius !default; |
| - | |
| - | /// Bottom border style for `<abbr>` elements. |
| - | /// @type List |
| - | $abbr-underline: 1px dotted $black !default; |
| - | |
| - | @mixin foundation-typography-base { |
| - | // Typography resets |
| - | div, |
| - | dl, |
| - | dt, |
| - | dd, |
| - | ul, |
| - | ol, |
| - | li, |
| - | h1, |
| - | h2, |
| - | h3, |
| - | h4, |
| - | h5, |
| - | h6, |
| - | pre, |
| - | form, |
| - | p, |
| - | blockquote, |
| - | th, |
| - | td { |
| - | margin: 0; |
| - | padding: 0; |
| - | } |
| - | |
| - | // Paragraphs |
| - | p { |
| - | font-size: inherit; |
| - | line-height: $paragraph-lineheight; |
| - | margin-bottom: $paragraph-margin-bottom; |
| - | text-rendering: $paragraph-text-rendering; |
| - | } |
| - | |
| - | // Emphasized text |
| - | em, |
| - | i { |
| - | font-style: italic; |
| - | line-height: inherit; |
| - | } |
| - | |
| - | // Strong text |
| - | strong, |
| - | b { |
| - | font-weight: $global-weight-bold; |
| - | line-height: inherit; |
| - | } |
| - | |
| - | // Small text |
| - | small { |
| - | font-size: $small-font-size; |
| - | line-height: inherit; |
| - | } |
| - | |
| - | // Headings |
| - | h1, |
| - | h2, |
| - | h3, |
| - | h4, |
| - | h5, |
| - | h6 { |
| - | font-family: $header-font-family; |
| - | font-weight: $header-font-weight; |
| - | font-style: $header-font-style; |
| - | color: $header-color; |
| - | text-rendering: $header-text-rendering; |
| - | margin-top: 0; |
| - | margin-bottom: $header-margin-bottom; |
| - | line-height: $header-lineheight; |
| - | |
| - | small { |
| - | color: $header-small-font-color; |
| - | line-height: 0; |
| - | } |
| - | } |
| - | |
| - | // Heading sizes |
| - | @each $size, $headers in $header-sizes { |
| - | @include breakpoint($size) { |
| - | @each $header, $font-size in $headers { |
| - | #{$header} { font-size: rem-calc($font-size); } |
| - | } |
| - | } |
| - | } |
| - | |
| - | // Links |
| - | a { |
| - | color: $anchor-color; |
| - | text-decoration: $anchor-text-decoration; |
| - | line-height: inherit; |
| - | cursor: pointer; |
| - | |
| - | &:hover, |
| - | &:focus { |
| - | color: $anchor-color-hover; |
| - | @if $anchor-text-decoration-hover != $anchor-text-decoration { |
| - | text-decoration: $anchor-text-decoration-hover; |
| - | } |
| - | } |
| - | |
| - | img { |
| - | border: 0; |
| - | } |
| - | } |
| - | |
| - | // Horizontal rule |
| - | hr { |
| - | max-width: $hr-width; |
| - | height: 0; |
| - | border-top: 0; |
| - | border-bottom: $hr-border; |
| - | margin: $hr-margin; |
| - | clear: both; |
| - | } |
| - | |
| - | // Lists |
| - | ul, |
| - | ol, |
| - | dl { |
| - | line-height: $list-lineheight; |
| - | margin-bottom: $list-margin-bottom; |
| - | list-style-position: $list-style-position; |
| - | } |
| - | |
| - | // List items |
| - | li { |
| - | font-size: inherit; |
| - | } |
| - | |
| - | // Unordered lists |
| - | ul { |
| - | list-style-type: $list-style-type; |
| - | margin-#{$global-left}: $list-side-margin; |
| - | } |
| - | |
| - | // Ordered lists |
| - | ol { |
| - | margin-#{$global-left}: $list-side-margin; |
| - | } |
| - | |
| - | // Nested unordered/ordered lists |
| - | ul, ol { |
| - | & & { |
| - | margin-#{$global-left}: $list-nested-side-margin; |
| - | margin-bottom: 0; |
| - | list-style-type: inherit; |
| - | } |
| - | } |
| - | |
| - | // Definition lists |
| - | dl { |
| - | margin-bottom: $defnlist-margin-bottom; |
| - | |
| - | dt { |
| - | margin-bottom: $defnlist-term-margin-bottom; |
| - | font-weight: $defnlist-term-weight; |
| - | } |
| - | } |
| - | |
| - | // Blockquotes |
| - | blockquote { |
| - | margin: 0 0 $paragraph-margin-bottom; |
| - | padding: $blockquote-padding; |
| - | border-#{$global-left}: $blockquote-border; |
| - | |
| - | &, p { |
| - | line-height: $paragraph-lineheight; |
| - | color: $blockquote-color; |
| - | } |
| - | } |
| - | |
| - | // Citations |
| - | cite { |
| - | display: block; |
| - | font-size: $cite-font-size; |
| - | color: $cite-color; |
| - | |
| - | &:before { |
| - | content: '\2014 \0020'; |
| - | } |
| - | } |
| - | |
| - | // Abbreviations |
| - | abbr { |
| - | color: $body-font-color; |
| - | cursor: help; |
| - | border-bottom: $abbr-underline; |
| - | } |
| - | |
| - | // Code |
| - | code { |
| - | font-family: $code-font-family; |
| - | font-weight: $code-font-weight; |
| - | color: $code-color; |
| - | background-color: $code-background; |
| - | border: $code-border; |
| - | padding: $code-padding; |
| - | } |
| - | |
| - | // Keystrokes |
| - | kbd { |
| - | padding: $keystroke-padding; |
| - | margin: 0; |
| - | background-color: $keystroke-background; |
| - | color: $keystroke-color; |
| - | font-family: $keystroke-font; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/typography/_helpers.scss
+0
-77
| @@ | @@ -1,77 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group typography-helpers |
| - | //// |
| - | |
| - | /// Default font size for lead paragraphs. |
| - | /// @type Number |
| - | $lead-font-size: $global-font-size * 1.25 !default; |
| - | |
| - | /// Default line height for lead paragraphs. |
| - | /// @type String |
| - | $lead-lineheight: 1.6 !default; |
| - | |
| - | /// Default line height for subheaders. |
| - | /// @type Number |
| - | $subheader-lineheight: 1.4 !default; |
| - | |
| - | /// Default font color for subheaders. |
| - | /// @type Color |
| - | $subheader-color: $dark-gray !default; |
| - | |
| - | /// Default font weight for subheaders. |
| - | /// @type String |
| - | $subheader-font-weight: $global-weight-normal !default; |
| - | |
| - | /// Default top margin for subhheaders. |
| - | /// @type Number |
| - | $subheader-margin-top: 0.2rem !default; |
| - | |
| - | /// Default bottom margin for subheaders. |
| - | /// @type Number |
| - | $subheader-margin-bottom: 0.5rem !default; |
| - | |
| - | /// Default font size for statistic numbers. |
| - | /// @type Number |
| - | $stat-font-size: 2.5rem !default; |
| - | |
| - | @mixin foundation-typography-helpers { |
| - | // Use to create a subheading under a main header |
| - | // Make sure you pair the two elements in a <header> element, like this: |
| - | // <header> |
| - | // <h1>Heading</h1> |
| - | // <h2>Subheading</h2> |
| - | // </header> |
| - | .subheader { |
| - | margin-top: $subheader-margin-top; |
| - | margin-bottom: $subheader-margin-bottom; |
| - | font-weight: $subheader-font-weight; |
| - | line-height: $subheader-lineheight; |
| - | color: $subheader-color; |
| - | } |
| - | |
| - | // Use to style an introductory lead, deck, blurb, etc. |
| - | .lead { |
| - | font-size: $lead-font-size; |
| - | line-height: $lead-lineheight; |
| - | } |
| - | |
| - | // Use to style a large number to display a statistic |
| - | .stat { |
| - | font-size: $stat-font-size; |
| - | line-height: 1; |
| - | |
| - | p + & { |
| - | margin-top: -1rem; |
| - | } |
| - | } |
| - | |
| - | // Use to remove the bullets from an unordered list |
| - | .no-bullet { |
| - | margin-#{$global-left}: 0; |
| - | list-style: none; |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/typography/_print.scss
+0
-73
| @@ | @@ -1,73 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group typography |
| - | //// |
| - | |
| - | // scss-lint:disable all |
| - | |
| - | @mixin foundation-print-styles { |
| - | .show-for-print { display: none !important; } |
| - | |
| - | @media print { |
| - | * { |
| - | background: transparent !important; |
| - | color: black !important; // Black prints faster: h5bp.com/s |
| - | box-shadow: none !important; |
| - | text-shadow: none !important; |
| - | } |
| - | |
| - | .show-for-print { display: block !important; } |
| - | .hide-for-print { display: none !important; } |
| - | |
| - | table.show-for-print { display: table !important; } |
| - | thead.show-for-print { display: table-header-group !important; } |
| - | tbody.show-for-print { display: table-row-group !important; } |
| - | tr.show-for-print { display: table-row !important; } |
| - | td.show-for-print { display: table-cell !important; } |
| - | th.show-for-print { display: table-cell !important; } |
| - | |
| - | // Display the URL of a link after the text |
| - | a, |
| - | a:visited { text-decoration: underline;} |
| - | a[href]:after { content: " (" attr(href) ")"; } |
| - | |
| - | // Don't display the URL for images or JavaScript/internal links |
| - | .ir a:after, |
| - | a[href^='javascript:']:after, |
| - | a[href^='#']:after { content: ''; } |
| - | |
| - | // Display what an abbreviation stands for after the text |
| - | abbr[title]:after { content: " (" attr(title) ")"; } |
| - | |
| - | // Prevent page breaks in the middle of a blockquote or preformatted text block |
| - | pre, |
| - | blockquote { |
| - | border: 1px solid #999; |
| - | page-break-inside: avoid; |
| - | } |
| - | |
| - | // h5bp.com/t |
| - | thead { display: table-header-group; } |
| - | |
| - | tr, |
| - | img { page-break-inside: avoid; } |
| - | |
| - | img { max-width: 100% !important; } |
| - | |
| - | @page { margin: 0.5cm; } |
| - | |
| - | p, |
| - | h2, |
| - | h3 { |
| - | orphans: 3; |
| - | widows: 3; |
| - | } |
| - | |
| - | // Avoid page breaks after a heading |
| - | h2, |
| - | h3 { page-break-after: avoid; } |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/typography/_typography.scss
+0
-28
| @@ | @@ -1,28 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group typography |
| - | //// |
| - | |
| - | // scss-lint:disable DeclarationOrder |
| - | |
| - | // Base typography styles (tags only) |
| - | @import 'base'; |
| - | |
| - | // Typography helper classes (classes only) |
| - | @import 'helpers'; |
| - | |
| - | // Text alignment classes |
| - | @import 'alignment'; |
| - | |
| - | // Print styles |
| - | @import 'print'; |
| - | |
| - | @mixin foundation-typography { |
| - | @include foundation-typography-base; |
| - | @include foundation-typography-helpers; |
| - | @include foundation-text-alignment; |
| - | @include foundation-print-styles; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/util/_breakpoint.scss
+0
-182
| @@ | @@ -1,182 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group breakpoints |
| - | //// |
| - | |
| - | // scss-lint:disable ZeroUnit |
| - | |
| - | /// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries. |
| - | /// @type Map |
| - | $breakpoints: ( |
| - | small: 0, |
| - | medium: 640px, |
| - | large: 1024px, |
| - | xlarge: 1200px, |
| - | xxlarge: 1440px, |
| - | ) !default; |
| - | |
| - | /// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map. |
| - | /// @type List |
| - | $breakpoint-classes: (small medium large) !default; |
| - | |
| - | /// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are. |
| - | /// @param {Keyword|Number} $val - Breakpoint name, or px, rem, or em value to process. |
| - | @function breakpoint($val: small) { |
| - | // Size or keyword |
| - | $bp: nth($val, 1); |
| - | // Value for max-width media queries |
| - | $bp-max: 0; |
| - | // Direction of media query (up, down, or only) |
| - | $dir: if(length($val) > 1, nth($val, 2), up); |
| - | // Eventual output |
| - | $str: ''; |
| - | // Is it a named media query? |
| - | $named: false; |
| - | |
| - | // Orientation media queries have a unique syntax |
| - | @if $bp == 'landscape' or $bp == 'portrait' { |
| - | @return '(orientation: #{$bp})'; |
| - | } |
| - | @else if $bp == 'retina' { |
| - | @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'; |
| - | } |
| - | |
| - | // Try to pull a named breakpoint out of the $breakpoints map |
| - | @if type-of($bp) == 'string' { |
| - | @if map-has-key($breakpoints, $bp) { |
| - | @if $dir == 'only' or $dir == 'down' { |
| - | $next-bp: -zf-map-next($breakpoints, $bp); |
| - | |
| - | @if $next-bp == null { |
| - | $bp-max: null; |
| - | } |
| - | @else { |
| - | $bp-max: $next-bp; |
| - | } |
| - | } |
| - | |
| - | $bp: map-get($breakpoints, $bp); |
| - | $named: true; |
| - | } |
| - | @else { |
| - | $bp: 0; |
| - | } |
| - | } |
| - | |
| - | // Convert any pixel, rem, or unitless value to em |
| - | $bp: -zf-bp-to-em($bp); |
| - | @if $bp-max { |
| - | $bp-max: -zf-bp-to-em($bp-max) - (1/16); |
| - | } |
| - | |
| - | // Skip media query creation if the input is "0 up" or "0 down" |
| - | @if $bp > 0 or $dir == 'only' { |
| - | // "Only" ranges use the format "(min-width: n) and (max-width: n)" |
| - | @if $dir == 'only' { |
| - | @if $named == true { |
| - | $str: $str + '(min-width: #{$bp})'; |
| - | |
| - | @if $bp-max != null { |
| - | $str: $str + ' and (max-width: #{$bp-max})'; |
| - | } |
| - | } |
| - | @else { |
| - | @warn 'Only named media queries can have an "only" range.'; |
| - | } |
| - | } |
| - | |
| - | // "Down" ranges use the format "(max-width: n)" |
| - | @else if $dir == 'down' { |
| - | $max: 0; |
| - | |
| - | // For named breakpoints, subtract the breakpoint value by one "pixel", or 1/16em. |
| - | @if $named { |
| - | $max: $bp-max; |
| - | } |
| - | @else { |
| - | $max: $bp; |
| - | } |
| - | |
| - | $str: $str + '(max-width: #{$max})'; |
| - | } |
| - | |
| - | // "Up" ranges use the format "(min-width: n)" |
| - | @else if strip-unit($bp) > 0 { |
| - | $str: $str + '(min-width: #{$bp})'; |
| - | } |
| - | } |
| - | |
| - | @return $str; |
| - | } |
| - | |
| - | /// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values: |
| - | /// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there. |
| - | /// - If a pixel value is passed, it will be converted to an em value using `$rem-base`. |
| - | /// - If a rem value is passed, the unit will be changed to em. |
| - | /// - If an em value is passed, the value will be used as-is. |
| - | /// @content |
| - | /// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process. |
| - | /// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query. |
| - | @mixin breakpoint($value) { |
| - | $str: breakpoint($value); |
| - | |
| - | // If $str is still an empty string, no media query is needed |
| - | @if $str == '' { |
| - | @content; |
| - | } |
| - | |
| - | // Otherwise, wrap the content in a media query |
| - | @else { |
| - | @media screen and #{$str} { |
| - | @content; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place. |
| - | /// @access private |
| - | /// @param {Map} $map - Map to convert. |
| - | /// @returns {String} A string containing the map's contents. |
| - | @function -zf-bp-serialize($map) { |
| - | $str: ''; |
| - | @each $key, $value in $map { |
| - | $str: $str + $key + '=' + -zf-bp-to-em($value) + '&'; |
| - | } |
| - | $str: str-slice($str, 1, -2); |
| - | |
| - | @return $str; |
| - | } |
| - | |
| - | /// Find the next key in a map. |
| - | /// @access private |
| - | /// @param {Map} $map - Map to traverse. |
| - | /// @param {Mixed} $key - Key to use as a starting point. |
| - | /// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`. |
| - | @function -zf-map-next($map, $key) { |
| - | // Store the values of the map as a list, so we can access them with nth |
| - | $values: map-values($map); |
| - | |
| - | // Ghetto for loop |
| - | $i: 1; |
| - | $found: false; |
| - | @each $val in map-keys($map) { |
| - | @if $found == false { |
| - | @if ($key == $val) { |
| - | $found: true; |
| - | } |
| - | $i: $i + 1; |
| - | } |
| - | } |
| - | |
| - | // If the key doesn't exist, or it's the last key in the map, return null |
| - | @if $i > length($map) { |
| - | @return null; |
| - | } |
| - | // Otherwise, return the value |
| - | @else { |
| - | @return nth($values, $i); |
| - | } |
| - | } |
generators/foundation6/public/stylesheets/foundation6/util/_color.scss
+0
-41
| @@ | @@ -1,41 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group functions |
| - | //// |
| - | |
| - | /// Checks the lightness of `$color`, and if it passes the `$threshold` of lightness, it returns the `$yes` color. Otherwise, it returns the `$no` color. Use this function to dynamically output a foreground color based on a given background color. |
| - | /// |
| - | /// @param {color} $color - Color to check the lightness of. |
| - | /// @param {color} $yes [$black] - Color to return if `$color` is light. |
| - | /// @param {color} $no [$white] - Color to return if `$color` is dark. |
| - | /// @param {percentage} $threshold [60%] - Threshold of lightness to check against. |
| - | /// |
| - | /// @returns {Color} The $yes color or $no color. |
| - | @function foreground($color, $yes: $black, $no: $white, $threshold: 60%) { |
| - | @if $color == transparent { |
| - | $color: $body-background; |
| - | } |
| - | @if (lightness($color) > $threshold) { |
| - | @return $yes; |
| - | } |
| - | @else { |
| - | @return $no; |
| - | } |
| - | } |
| - | |
| - | /// Scales a color to be lighter if it's light, or darker if it's dark. Use this function to tint a color appropriate to its lightness. |
| - | /// |
| - | /// @param {color} $color - Color to scale. |
| - | /// @param {percentage} $scale [5%] - Amount to scale up or down. |
| - | /// @param {percentage} $threshold [40%] - Threshold of lightness to check against. |
| - | /// |
| - | /// @returns {Color} A scaled color. |
| - | @function smart-scale($color, $scale: 5%, $threshold: 40%) { |
| - | @if lightness($color) > $threshold { |
| - | $scale: -$scale; |
| - | } |
| - | @return scale-color($color, $lightness: $scale); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/util/_mixins.scss
+0
-190
| @@ | @@ -1,190 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group functions |
| - | //// |
| - | |
| - | /// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element. |
| - | /// @param {Number} $triangle-size - Width of the triangle. |
| - | /// @param {Color} $triangle-color - Color of the triangle. |
| - | /// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `top`, `right`, `bottom`, or `left`. |
| - | @mixin css-triangle( |
| - | $triangle-size, |
| - | $triangle-color, |
| - | $triangle-direction |
| - | ) { |
| - | content: ''; |
| - | display: block; |
| - | width: 0; |
| - | height: 0; |
| - | border: inset $triangle-size; |
| - | |
| - | @if ($triangle-direction == down) { |
| - | border-color: $triangle-color transparent transparent; |
| - | border-top-style: solid; |
| - | } |
| - | @if ($triangle-direction == up) { |
| - | border-color: transparent transparent $triangle-color; |
| - | border-bottom-style: solid; |
| - | } |
| - | @if ($triangle-direction == right) { |
| - | border-color: transparent transparent transparent $triangle-color; |
| - | border-left-style: solid; |
| - | } |
| - | @if ($triangle-direction == left) { |
| - | border-color: transparent $triangle-color transparent transparent; |
| - | border-right-style: solid; |
| - | } |
| - | } |
| - | |
| - | /// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class="docs-example-burger"></div> |
| - | /// @param {Color} $color - Color to use for the icon. |
| - | /// @param {Color} $color-hover - Color to use when the icon is hovered over. |
| - | /// @param {Number} $width - Width of the icon. |
| - | /// @param {Number} $height - Height of the icon. |
| - | /// @param {Number} $weight - Height of individual bars in the icon. |
| - | /// @param {Number} $bars - Number of bars in the icon. |
| - | @mixin hamburger( |
| - | $color: black, |
| - | $color-hover: #666, |
| - | $width: 20px, |
| - | $height: 16px, |
| - | $weight: 2px, |
| - | $bars: 3 |
| - | ) { |
| - | // box-shadow CSS output |
| - | $shadow: (); |
| - | $hover-shadow: (); |
| - | |
| - | // Spacing between bars is calculated based on the total height of the icon and the weight of each bar |
| - | $spacing: floor(($height - ($weight * $bars)) / ($bars - 1)); |
| - | |
| - | // Icon container |
| - | position: relative; |
| - | display: inline-block; |
| - | vertical-align: middle; |
| - | cursor: pointer; |
| - | width: $width; |
| - | height: $height; |
| - | |
| - | // Icon bars |
| - | &::after { |
| - | content: ''; |
| - | position: absolute; |
| - | display: block; |
| - | width: 100%; |
| - | height: $weight; |
| - | background: $color; |
| - | top: 0; |
| - | left: 0; |
| - | |
| - | @for $i from 2 through $bars { |
| - | $offset: ($weight + $spacing) * ($i - 1); |
| - | $shadow: append($shadow, 0 $offset 0 $color, comma); |
| - | } |
| - | |
| - | box-shadow: $shadow; |
| - | } |
| - | |
| - | // Hover state |
| - | @if $color-hover { |
| - | // Generate CSS |
| - | @for $i from 2 through $bars { |
| - | $offset: ($weight + $spacing) * ($i - 1); |
| - | $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma); |
| - | } |
| - | |
| - | &:hover::after { |
| - | background: $color-hover; |
| - | box-shadow: $hover-shadow; |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included. |
| - | /// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color. |
| - | /// @param {Color} $color [$black] - Color to use for the triangle. |
| - | @mixin background-triangle($color: $black) { |
| - | $rgb: 'rgb(#{red($color)}, #{green($color)}, #{blue($color)})'; |
| - | |
| - | background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #{$rgb}"></polygon></svg>'); |
| - | |
| - | @media screen and (min-width:0\0) { |
| - | @if lightness($color) < 50% { |
| - | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=='); |
| - | } |
| - | @else { |
| - | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg=='); |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height. |
| - | /// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack |
| - | @mixin clearfix { |
| - | &::before, |
| - | &::after { |
| - | content: ' '; |
| - | display: table; |
| - | } |
| - | |
| - | &::after { |
| - | clear: both; |
| - | } |
| - | } |
| - | |
| - | /// Adds CSS for a "quantity query" selector that automatically sizes elements based on how many there are inside a container. |
| - | /// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items. |
| - | /// @param {Keyword} $elem [li] - Tag to use for sibling selectors. |
| - | /// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS |
| - | @mixin auto-width($max, $elem: li) { |
| - | @for $i from 2 through $max { |
| - | &:nth-last-child(#{$i}):first-child, |
| - | &:nth-last-child(#{$i}):first-child ~ #{$elem} { |
| - | width: percentage(1 / $i); |
| - | } |
| - | } |
| - | } |
| - | |
| - | /// Removes the focus ring around an element when a mouse input is detected. |
| - | @mixin disable-mouse-outline { |
| - | [data-whatinput="mouse"] & { |
| - | outline: 0; |
| - | } |
| - | } |
| - | |
| - | /// Makes an element visually hidden, but still accessible to keyboards and assistive devices. |
| - | /// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility |
| - | @mixin element-invisible { |
| - | position: absolute !important; |
| - | width: 1px; |
| - | height: 1px; |
| - | overflow: hidden; |
| - | clip: rect(0, 0, 0, 0); |
| - | } |
| - | |
| - | /// Reverses the CSS output created by the `element-invisible()` mixin. |
| - | @mixin element-invisible-off { |
| - | position: static !important; |
| - | height: auto; |
| - | width: auto; |
| - | overflow: visible; |
| - | clip: auto; |
| - | } |
| - | |
| - | /// Vertically and horizontally centers an element using `transform`. |
| - | @mixin vertical-center { |
| - | position: absolute; |
| - | top: 50%; |
| - | left: 50%; |
| - | transform: translate(-50%, -50%); |
| - | } |
| - | |
| - | /// Vertically centers an element using `transform`. |
| - | @mixin v-align-middle { |
| - | position: absolute; |
| - | top: 50%; |
| - | transform: translateY(-50%); |
| - | } |
generators/foundation6/public/stylesheets/foundation6/util/_selector.scss
+0
-39
| @@ | @@ -1,39 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group functions |
| - | //// |
| - | |
| - | /// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors. |
| - | /// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them. |
| - | @function text-inputs($types: ()) { |
| - | $return: (); |
| - | |
| - | $all-types: |
| - | text |
| - | password |
| - | date |
| - | datetime |
| - | datetime-local |
| - | month |
| - | week |
| - | |
| - | number |
| - | search |
| - | tel |
| - | time |
| - | url |
| - | color; |
| - | |
| - | @if not(hasvalue($types)) { |
| - | $types: $all-types; |
| - | } |
| - | |
| - | @each $type in $types { |
| - | $return: append($return, unquote('[type="#{$type}"]'), comma); |
| - | } |
| - | |
| - | @return $return; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/util/_unit.scss
+0
-69
| @@ | @@ -1,69 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group functions |
| - | //// |
| - | |
| - | // scss-lint:disable ZeroUnit |
| - | |
| - | /// Defines the base font size of the page, which is the value `1rem` is equal to. |
| - | /// @type Number |
| - | /// @group global |
| - | $rem-base: 16px !default; |
| - | |
| - | /// Removes the unit (e.g. px, em, rem) from a value, returning the number only. |
| - | /// @param {Number} $num - Number to strip unit from. |
| - | /// @returns {Number} The same number, sans unit. |
| - | @function strip-unit($num) { |
| - | @return $num / ($num * 0 + 1); |
| - | } |
| - | |
| - | /// Converts one or more pixel values into matching rem values. |
| - | /// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses. |
| - | /// @param {Number} $base [$rem-base] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. |
| - | /// @returns {List} A list of converted values. |
| - | @function rem-calc($values, $base: $rem-base) { |
| - | $rem-values: (); |
| - | $count: length($values); |
| - | |
| - | @if $base == null { |
| - | $base: $rem-base; |
| - | } |
| - | |
| - | @if $count == 1 { |
| - | @return -zf-to-rem($values, $base); |
| - | } |
| - | |
| - | @for $i from 1 through $count { |
| - | $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base)); |
| - | } |
| - | |
| - | @return $rem-values; |
| - | } |
| - | |
| - | // Converts a unitless, pixel, or rem value to em, for use in breakpoints. |
| - | @function -zf-bp-to-em($value) { |
| - | // Pixel and unitless values are converted to rems |
| - | @if unit($value) == 'px' or unit($value) == '' { |
| - | $value: rem-calc($value); |
| - | } |
| - | |
| - | // Then the value is converted to ems |
| - | @return strip-unit($value) * 1em; |
| - | } |
| - | |
| - | /// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$rem-base` variable. |
| - | /// @param {Number} $value - Pixel value to convert. |
| - | /// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is. |
| - | /// @access private |
| - | @function -zf-to-rem($value, $base: $rem-base) { |
| - | // Calculate rem if units for $value is not rem |
| - | @if (unit($value) != 'rem') { |
| - | $value: strip-unit($value) / strip-unit($base) * 1rem; |
| - | } |
| - | // Turn 0rem into 0 |
| - | @if ($value == 0rem) { $value: 0; } |
| - | @return $value; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/util/_util.scss
+0
-15
| @@ | @@ -1,15 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | // Utilities |
| - | @import 'unit'; |
| - | @import 'value'; |
| - | @import 'color'; |
| - | @import 'selector'; |
| - | |
| - | // Libraries |
| - | @import 'breakpoint'; |
| - | |
| - | // Mixins |
| - | @import 'mixins'; |
generators/foundation6/public/stylesheets/foundation6/util/_value.scss
+0
-117
| @@ | @@ -1,117 +0,0 @@ |
| - | // Foundation for Sites by ZURB |
| - | // foundation.zurb.com |
| - | // Licensed under MIT Open Source |
| - | |
| - | //// |
| - | /// @group functions |
| - | //// |
| - | |
| - | /// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list. |
| - | /// @param $val - Value to check. |
| - | /// @returns {Boolean} `true` if `$val` is not falsey. |
| - | @function hasvalue($val) { |
| - | @if $val == null or $val == none { |
| - | @return false; |
| - | } |
| - | @if type-of($val) == 'number' and strip-unit($val) == 0 { |
| - | @return false; |
| - | } |
| - | @if type-of($val) == 'list' and length($val) == 0 { |
| - | @return false; |
| - | } |
| - | @return true; |
| - | } |
| - | |
| - | /// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format. |
| - | /// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. "1em 2em 1em" |
| - | /// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`. |
| - | /// @returns {Number} A single value based on `$val` and `$side`. |
| - | @function get-side($val, $side) { |
| - | $length: length($val); |
| - | |
| - | @if $length == 1 { |
| - | @return $val; |
| - | } |
| - | @if $length == 2 { |
| - | @return map-get(( |
| - | top: nth($val, 1), |
| - | bottom: nth($val, 1), |
| - | left: nth($val, 2), |
| - | right: nth($val, 2), |
| - | ), $side); |
| - | } |
| - | @if $length == 3 { |
| - | @return map-get(( |
| - | top: nth($val, 1), |
| - | left: nth($val, 2), |
| - | right: nth($val, 2), |
| - | bottom: nth($val, 3), |
| - | ), $side); |
| - | } |
| - | @if $length == 4 { |
| - | @return map-get(( |
| - | top: nth($val, 1), |
| - | right: nth($val, 2), |
| - | bottom: nth($val, 3), |
| - | left: nth($val, 4), |
| - | ), $side); |
| - | } |
| - | } |
| - | |
| - | /// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color. |
| - | /// @param {List} $val - Border value to find a value in. |
| - | /// @param {Keyword} $elem - Border component to extract. |
| - | /// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border. |
| - | @function get-border-value($val, $elem) { |
| - | // Find the width, style, or color and return it |
| - | @each $v in $val { |
| - | $type: type-of($v); |
| - | @if $elem == width and $type == 'number' { |
| - | @return $v; |
| - | } |
| - | @if $elem == style and $type == 'string' { |
| - | @return $v; |
| - | } |
| - | @if $elem == color and $type == 'color' { |
| - | @return $v; |
| - | } |
| - | } |
| - | |
| - | // Defaults |
| - | $defaults: ( |
| - | width: 0, |
| - | style: solid, |
| - | color: #000, |
| - | ); |
| - | @return map-get($defaults, $elem); |
| - | } |
| - | |
| - | /// Calculates x^y, where x is `$base` and y is `$power`. |
| - | /// @access private |
| - | /// @param {Number} $base - Base number (x). |
| - | /// @param {Number} $power - Exponent (y). |
| - | @function pow($base, $power) { |
| - | @if $power == 0 { @return 1; } |
| - | @return $base * pow($base, $power - 1); |
| - | } |
| - | |
| - | // TODO: Remove this (it's used by the grid but is overkill) |
| - | /// Given a user-defined list of keywords and a list of possible keywords, find the ones that were passed in. |
| - | /// @param {List} $opts - List of values to find keywords in. |
| - | /// @param {List} $seeking - List of all possible keywords. |
| - | /// @access private |
| - | /// @returns {Map} A map of all keywords in $seeking. If a keyword was found in $opts, its value is true, otherwise false. |
| - | @function -zf-get-options($opts, $seeking) { |
| - | @if type-of($opts) != 'list' { |
| - | $opts: ($opts); |
| - | } |
| - | |
| - | $map: (); |
| - | @each $keyword in $seeking { |
| - | $val: if(index($opts, $keyword) != null, true, false); |
| - | $item: ($keyword: $val); |
| - | $map: map-merge($map, $item); |
| - | } |
| - | |
| - | @return $map; |
| - | } |
generators/foundation6/public/stylesheets/foundation6/vendor/normalize.scss
+0
-424
| @@ | @@ -1,424 +0,0 @@ |
| - | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ |
| - | |
| - | /** |
| - | * 1. Set default font family to sans-serif. |
| - | * 2. Prevent iOS and IE text size adjust after device orientation change, |
| - | * without disabling user zoom. |
| - | */ |
| - | |
| - | html { |
| - | font-family: sans-serif; /* 1 */ |
| - | -ms-text-size-adjust: 100%; /* 2 */ |
| - | -webkit-text-size-adjust: 100%; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Remove default margin. |
| - | */ |
| - | |
| - | body { |
| - | margin: 0; |
| - | } |
| - | |
| - | /* HTML5 display definitions |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| - | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| - | * and Firefox. |
| - | * Correct `block` display not defined for `main` in IE 11. |
| - | */ |
| - | |
| - | article, |
| - | aside, |
| - | details, |
| - | figcaption, |
| - | figure, |
| - | footer, |
| - | header, |
| - | hgroup, |
| - | main, |
| - | menu, |
| - | nav, |
| - | section, |
| - | summary { |
| - | display: block; |
| - | } |
| - | |
| - | /** |
| - | * 1. Correct `inline-block` display not defined in IE 8/9. |
| - | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| - | */ |
| - | |
| - | audio, |
| - | canvas, |
| - | progress, |
| - | video { |
| - | display: inline-block; /* 1 */ |
| - | vertical-align: baseline; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Prevent modern browsers from displaying `audio` without controls. |
| - | * Remove excess height in iOS 5 devices. |
| - | */ |
| - | |
| - | audio:not([controls]) { |
| - | display: none; |
| - | height: 0; |
| - | } |
| - | |
| - | /** |
| - | * Address `[hidden]` styling not present in IE 8/9/10. |
| - | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
| - | */ |
| - | |
| - | [hidden], |
| - | template { |
| - | display: none; |
| - | } |
| - | |
| - | /* Links |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Remove the gray background color from active links in IE 10. |
| - | */ |
| - | |
| - | a { |
| - | background-color: transparent; |
| - | } |
| - | |
| - | /** |
| - | * Improve readability of focused elements when they are also in an |
| - | * active/hover state. |
| - | */ |
| - | |
| - | a:active, |
| - | a:hover { |
| - | outline: 0; |
| - | } |
| - | |
| - | /* Text-level semantics |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| - | */ |
| - | |
| - | abbr[title] { |
| - | border-bottom: 1px dotted; |
| - | } |
| - | |
| - | /** |
| - | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | |
| - | b, |
| - | strong { |
| - | font-weight: bold; |
| - | } |
| - | |
| - | /** |
| - | * Address styling not present in Safari and Chrome. |
| - | */ |
| - | |
| - | dfn { |
| - | font-style: italic; |
| - | } |
| - | |
| - | /** |
| - | * Address variable `h1` font-size and margin within `section` and `article` |
| - | * contexts in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | |
| - | h1 { |
| - | font-size: 2em; |
| - | margin: 0.67em 0; |
| - | } |
| - | |
| - | /** |
| - | * Address styling not present in IE 8/9. |
| - | */ |
| - | |
| - | mark { |
| - | background: #ff0; |
| - | color: #000; |
| - | } |
| - | |
| - | /** |
| - | * Address inconsistent and variable font size in all browsers. |
| - | */ |
| - | |
| - | small { |
| - | font-size: 80%; |
| - | } |
| - | |
| - | /** |
| - | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| - | */ |
| - | |
| - | sub, |
| - | sup { |
| - | font-size: 75%; |
| - | line-height: 0; |
| - | position: relative; |
| - | vertical-align: baseline; |
| - | } |
| - | |
| - | sup { |
| - | top: -0.5em; |
| - | } |
| - | |
| - | sub { |
| - | bottom: -0.25em; |
| - | } |
| - | |
| - | /* Embedded content |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Remove border when inside `a` element in IE 8/9/10. |
| - | */ |
| - | |
| - | img { |
| - | border: 0; |
| - | } |
| - | |
| - | /** |
| - | * Correct overflow not hidden in IE 9/10/11. |
| - | */ |
| - | |
| - | svg:not(:root) { |
| - | overflow: hidden; |
| - | } |
| - | |
| - | /* Grouping content |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Address margin not present in IE 8/9 and Safari. |
| - | */ |
| - | |
| - | figure { |
| - | margin: 1em 40px; |
| - | } |
| - | |
| - | /** |
| - | * Address differences between Firefox and other browsers. |
| - | */ |
| - | |
| - | hr { |
| - | box-sizing: content-box; |
| - | height: 0; |
| - | } |
| - | |
| - | /** |
| - | * Contain overflow in all browsers. |
| - | */ |
| - | |
| - | pre { |
| - | overflow: auto; |
| - | } |
| - | |
| - | /** |
| - | * Address odd `em`-unit font size rendering in all browsers. |
| - | */ |
| - | |
| - | code, |
| - | kbd, |
| - | pre, |
| - | samp { |
| - | font-family: monospace, monospace; |
| - | font-size: 1em; |
| - | } |
| - | |
| - | /* Forms |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| - | * styling of `select`, unless a `border` property is set. |
| - | */ |
| - | |
| - | /** |
| - | * 1. Correct color not being inherited. |
| - | * Known issue: affects color of disabled elements. |
| - | * 2. Correct font properties not being inherited. |
| - | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| - | */ |
| - | |
| - | button, |
| - | input, |
| - | optgroup, |
| - | select, |
| - | textarea { |
| - | color: inherit; /* 1 */ |
| - | font: inherit; /* 2 */ |
| - | margin: 0; /* 3 */ |
| - | } |
| - | |
| - | /** |
| - | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| - | */ |
| - | |
| - | button { |
| - | overflow: visible; |
| - | } |
| - | |
| - | /** |
| - | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| - | * All other form control elements do not inherit `text-transform` values. |
| - | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| - | * Correct `select` style inheritance in Firefox. |
| - | */ |
| - | |
| - | button, |
| - | select { |
| - | text-transform: none; |
| - | } |
| - | |
| - | /** |
| - | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| - | * and `video` controls. |
| - | * 2. Correct inability to style clickable `input` types in iOS. |
| - | * 3. Improve usability and consistency of cursor style between image-type |
| - | * `input` and others. |
| - | */ |
| - | |
| - | button, |
| - | html input[type="button"], /* 1 */ |
| - | input[type="reset"], |
| - | input[type="submit"] { |
| - | -webkit-appearance: button; /* 2 */ |
| - | cursor: pointer; /* 3 */ |
| - | } |
| - | |
| - | /** |
| - | * Re-set default cursor for disabled elements. |
| - | */ |
| - | |
| - | button[disabled], |
| - | html input[disabled] { |
| - | cursor: default; |
| - | } |
| - | |
| - | /** |
| - | * Remove inner padding and border in Firefox 4+. |
| - | */ |
| - | |
| - | button::-moz-focus-inner, |
| - | input::-moz-focus-inner { |
| - | border: 0; |
| - | padding: 0; |
| - | } |
| - | |
| - | /** |
| - | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| - | * the UA stylesheet. |
| - | */ |
| - | |
| - | input { |
| - | line-height: normal; |
| - | } |
| - | |
| - | /** |
| - | * It's recommended that you don't attempt to style these elements. |
| - | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| - | * |
| - | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| - | * 2. Remove excess padding in IE 8/9/10. |
| - | */ |
| - | |
| - | input[type="checkbox"], |
| - | input[type="radio"] { |
| - | box-sizing: border-box; /* 1 */ |
| - | padding: 0; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| - | * `font-size` values of the `input`, it causes the cursor style of the |
| - | * decrement button to change from `default` to `text`. |
| - | */ |
| - | |
| - | input[type="number"]::-webkit-inner-spin-button, |
| - | input[type="number"]::-webkit-outer-spin-button { |
| - | height: auto; |
| - | } |
| - | |
| - | /** |
| - | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| - | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. |
| - | */ |
| - | |
| - | input[type="search"] { |
| - | -webkit-appearance: textfield; /* 1 */ |
| - | box-sizing: content-box; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| - | * Safari (but not Chrome) clips the cancel button when the search input has |
| - | * padding (and `textfield` appearance). |
| - | */ |
| - | |
| - | input[type="search"]::-webkit-search-cancel-button, |
| - | input[type="search"]::-webkit-search-decoration { |
| - | -webkit-appearance: none; |
| - | } |
| - | |
| - | /** |
| - | * Define consistent border, margin, and padding. |
| - | */ |
| - | |
| - | fieldset { |
| - | border: 1px solid #c0c0c0; |
| - | margin: 0 2px; |
| - | padding: 0.35em 0.625em 0.75em; |
| - | } |
| - | |
| - | /** |
| - | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| - | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| - | */ |
| - | |
| - | legend { |
| - | border: 0; /* 1 */ |
| - | padding: 0; /* 2 */ |
| - | } |
| - | |
| - | /** |
| - | * Remove default vertical scrollbar in IE 8/9/10/11. |
| - | */ |
| - | |
| - | textarea { |
| - | overflow: auto; |
| - | } |
| - | |
| - | /** |
| - | * Don't inherit the `font-weight` (applied by a rule above). |
| - | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| - | */ |
| - | |
| - | optgroup { |
| - | font-weight: bold; |
| - | } |
| - | |
| - | /* Tables |
| - | ========================================================================== */ |
| - | |
| - | /** |
| - | * Remove most spacing between table cells. |
| - | */ |
| - | |
| - | table { |
| - | border-collapse: collapse; |
| - | border-spacing: 0; |
| - | } |
| - | |
| - | td, |
| - | th { |
| - | padding: 0; |
| - | } |
locomotive/wagon/generators/site.rb b/lib/locomotive/wagon/generators/site.rb
+1
-2
| @@ | @@ -140,7 +140,6 @@ require 'locomotive/wagon/generators/site/base' |
| require 'locomotive/wagon/generators/site/blank' | |
| require 'locomotive/wagon/generators/site/line_case' | |
| require 'locomotive/wagon/generators/site/bootstrap' | |
| - | require 'locomotive/wagon/generators/site/foundation5' |
| - | require 'locomotive/wagon/generators/site/foundation6' |
| + | require 'locomotive/wagon/generators/site/foundation' |
| require 'locomotive/wagon/generators/site/unzip' | |
| require 'locomotive/wagon/generators/site/cloned' | |
locomotive/wagon/generators/site/foundation.rb b/lib/locomotive/wagon/generators/site/foundation.rb
+44
-0
| @@ | @@ -0,0 +1,44 @@ |
| + | module Locomotive |
| + | module Wagon |
| + | module Generators |
| + | module Site |
| + | |
| + | class Foundation < Base |
| + | |
| + | may_use_haml |
| + | may_use_scss |
| + | |
| + | def choose_haml_over_html |
| + | if haml? |
| + | remove_file File.join(self.destination, 'app/views/pages/index.liquid') |
| + | remove_file File.join(self.destination, 'app/views/pages/404.liquid') |
| + | else |
| + | remove_file File.join(self.destination, 'app/views/pages/index.liquid.haml') |
| + | remove_file File.join(self.destination, 'app/views/pages/404.liquid.haml') |
| + | end |
| + | end |
| + | |
| + | def choose_scss_over_css |
| + | if scss? |
| + | remove_file File.join(self.destination, 'public/stylesheets/app.css') |
| + | remove_file File.join(self.destination, 'public/stylesheets/foundation.min.css') |
| + | else |
| + | remove_dir File.join(self.destination, 'public/stylesheets/foundation6') |
| + | remove_file File.join(self.destination, 'public/stylesheets/app.scss') |
| + | remove_file File.join(self.destination, 'public/stylesheets/_settings.scss') |
| + | end |
| + | end |
| + | |
| + | def bundle_install |
| + | super |
| + | end |
| + | |
| + | end |
| + | |
| + | Locomotive::Wagon::Generators::Site.register(:foundation, Foundation, %{ |
| + | A site powered by Foundation (v 6.2.1). |
| + | }) |
| + | end |
| + | end |
| + | end |
| + | end |
locomotive/wagon/generators/site/foundation4.rb b/lib/locomotive/wagon/generators/site/foundation4.rb
+0
-34
| @@ | @@ -1,34 +0,0 @@ |
| - | module Locomotive |
| - | module Wagon |
| - | module Generators |
| - | module Site |
| - | |
| - | class Foundation4 < Base |
| - | |
| - | may_use_haml |
| - | |
| - | def choose_haml_over_html |
| - | if haml? |
| - | remove_file File.join(self.destination, 'app/views/pages/index.liquid') |
| - | remove_file File.join(self.destination, 'app/views/pages/404.liquid') |
| - | remove_file File.join(self.destination, 'app/views/snippets/footer.liquid') |
| - | else |
| - | remove_file File.join(self.destination, 'app/views/pages/index.liquid.haml') |
| - | remove_file File.join(self.destination, 'app/views/pages/404.liquid.haml') |
| - | remove_file File.join(self.destination, 'app/views/snippets/footer.liquid.haml') |
| - | end |
| - | end |
| - | |
| - | def bundle_install |
| - | super |
| - | end |
| - | |
| - | end |
| - | |
| - | Locomotive::Wagon::Generators::Site.register(:foundation4, Foundation4, %{ |
| - | A site powered by Foundation (v4.3.2). |
| - | }) |
| - | end |
| - | end |
| - | end |
| - | end |
| \ No newline at end of file | |
locomotive/wagon/generators/site/foundation5.rb b/lib/locomotive/wagon/generators/site/foundation5.rb
+0
-48
| @@ | @@ -1,48 +0,0 @@ |
| - | module Locomotive |
| - | module Wagon |
| - | module Generators |
| - | module Site |
| - | |
| - | class Foundation5 < Base |
| - | |
| - | may_use_haml |
| - | may_use_scss |
| - | |
| - | def choose_haml_over_html |
| - | if haml? |
| - | remove_file File.join(self.destination, 'app/views/pages/index.liquid') |
| - | remove_file File.join(self.destination, 'app/views/pages/404.liquid') |
| - | remove_file File.join(self.destination, 'app/views/snippets/footer.liquid') |
| - | else |
| - | remove_file File.join(self.destination, 'app/views/pages/index.liquid.haml') |
| - | remove_file File.join(self.destination, 'app/views/pages/404.liquid.haml') |
| - | remove_file File.join(self.destination, 'app/views/snippets/footer.liquid.haml') |
| - | end |
| - | end |
| - | |
| - | def choose_scss_over_css |
| - | if scss? |
| - | remove_file File.join(self.destination, 'public/stylesheets/application.css') |
| - | remove_file File.join(self.destination, 'public/stylesheets/foundation.css') |
| - | remove_file File.join(self.destination, 'public/stylesheets/normalize.css') |
| - | else |
| - | remove_dir File.join(self.destination, 'public/stylesheets/foundation') |
| - | remove_file File.join(self.destination, 'public/stylesheets/application.css.scss') |
| - | remove_file File.join(self.destination, 'public/stylesheets/foundation.css.scss') |
| - | remove_file File.join(self.destination, 'public/stylesheets/normalize.css.scss') |
| - | end |
| - | end |
| - | |
| - | def bundle_install |
| - | super |
| - | end |
| - | |
| - | end |
| - | |
| - | Locomotive::Wagon::Generators::Site.register(:foundation5, Foundation5, %{ |
| - | A site powered by Foundation (v5.4.7). |
| - | }) |
| - | end |
| - | end |
| - | end |
| - | end |
locomotive/wagon/generators/site/foundation6.rb b/lib/locomotive/wagon/generators/site/foundation6.rb
+0
-44
| @@ | @@ -1,44 +0,0 @@ |
| - | module Locomotive |
| - | module Wagon |
| - | module Generators |
| - | module Site |
| - | |
| - | class Foundation6 < Base |
| - | |
| - | may_use_haml |
| - | may_use_scss |
| - | |
| - | def choose_haml_over_html |
| - | if haml? |
| - | remove_file File.join(self.destination, 'app/views/pages/index.liquid') |
| - | remove_file File.join(self.destination, 'app/views/pages/404.liquid') |
| - | else |
| - | remove_file File.join(self.destination, 'app/views/pages/index.liquid.haml') |
| - | remove_file File.join(self.destination, 'app/views/pages/404.liquid.haml') |
| - | end |
| - | end |
| - | |
| - | def choose_scss_over_css |
| - | if scss? |
| - | remove_file File.join(self.destination, 'public/stylesheets/app.css') |
| - | remove_file File.join(self.destination, 'public/stylesheets/foundation.min.css') |
| - | else |
| - | remove_dir File.join(self.destination, 'public/stylesheets/foundation6') |
| - | remove_file File.join(self.destination, 'public/stylesheets/app.scss') |
| - | remove_file File.join(self.destination, 'public/stylesheets/_settings.scss') |
| - | end |
| - | end |
| - | |
| - | def bundle_install |
| - | super |
| - | end |
| - | |
| - | end |
| - | |
| - | Locomotive::Wagon::Generators::Site.register(:foundation6, Foundation6, %{ |
| - | A site powered by Foundation (v 6.2.1). |
| - | }) |
| - | end |
| - | end |
| - | end |
| - | end |