diff options
75 files changed, 1530 insertions, 888 deletions
diff --git a/.gitattributes b/.gitattributes index 1b2209f..bb5f8c2 100644 --- a/.gitattributes +++ b/.gitattributes @@ -6,4 +6,5 @@ *.md text eol=lf *.scss text eol=lf *.svg text eol=lf +*.xml text eol=lf *.yml text eol=lf diff --git a/.travis.yml b/.travis.yml index f770380..9efd980 100644 --- a/.travis.yml +++ b/.travis.yml @@ -6,6 +6,8 @@ before_install: install: - travis_retry npm install -g grunt-cli - travis_retry npm install - - travis_retry gem install --no-document "jekyll:~>1.5.0" "sass:~>3.3.0" + - travis_retry gem install --no-document "jekyll:~>2.5.3" "rouge:~>1.7.7" "sass:~>3.4.10" matrix: fast_finish: true +notifications: + slack: heybb:51atQXKR2rpnbohAZ0X1vNbE diff --git a/Gruntfile.js b/Gruntfile.js index 477dbbb..61251b8 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,11 +1,12 @@ -/* ---------------------------------- +/*! * Ratchet's Gruntfile - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ + * http://goratchet.com + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + */ /* jshint node: true */ -module.exports = function(grunt) { +module.exports = function (grunt) { 'use strict'; // Force use of Unix newlines @@ -24,22 +25,25 @@ module.exports = function(grunt) { // Metadata. meta: { distPath: 'dist/', - docsPath: 'docs/dist/', - docsAssetsPath: 'docs/assets/' + docsAssetsPath: 'docs/assets/', + docsDistPath: 'docs/dist/', + docsPath: 'docs/', + jsPath: 'js/', + srcPath: 'sass/' }, banner: '/*!\n' + ' * =====================================================\n' + ' * Ratchet v<%= pkg.version %> (<%= pkg.homepage %>)\n' + ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' + - ' * Licensed under <%= pkg.license %>.\n' + + ' * Licensed under <%= pkg.license %> (https://github.com/twbs/ratchet/blob/master/LICENSE)\n' + ' *\n' + ' * v<%= pkg.version %> designed by @connors.\n' + ' * =====================================================\n' + ' */\n', clean: { - dist: ['<%= meta.distPath %>', '<%= meta.docsPath %>'] + dist: ['<%= meta.distPath %>', '<%= meta.docsDistPath %>'] }, concat: { @@ -48,6 +52,7 @@ module.exports = function(grunt) { banner: '<%= banner %>' }, src: [ + 'js/common.js', 'js/modals.js', 'js/popovers.js', 'js/push.js', @@ -56,25 +61,44 @@ module.exports = function(grunt) { 'js/toggles.js' ], dest: '<%= meta.distPath %>js/<%= pkg.name %>.js' - }, - docs: { - src: '<%= meta.distPath %>js/<%= pkg.name %>.js', - dest: '<%= meta.docsPath %>js/<%= pkg.name %>.js' } }, sass: { options: { - banner: '<%= banner %>', + sourcemap: 'none', style: 'expanded', unixNewlines: true }, + core: { + src: 'sass/ratchet.scss', + dest: '<%= meta.distPath %>css/<%= pkg.name %>.css' + }, + android: { + src: 'sass/theme-android.scss', + dest: '<%= meta.distPath %>css/<%= pkg.name %>-theme-android.css' + }, + ios: { + src: 'sass/theme-ios.scss', + dest: '<%= meta.distPath %>css/<%= pkg.name %>-theme-ios.css' + }, + docs: { + src: 'sass/docs.scss', + dest: '<%= meta.docsAssetsPath %>css/docs.css' + } + }, + + usebanner: { dist: { + options: { + position: 'top', + banner: '<%= banner %>' + }, files: { - '<%= meta.distPath %>css/<%= pkg.name %>.css': 'sass/ratchet.scss', - '<%= meta.distPath %>css/<%= pkg.name %>-theme-ios.css': 'sass/theme-ios.scss', - '<%= meta.distPath %>css/<%= pkg.name %>-theme-android.css': 'sass/theme-android.scss', - '<%= meta.docsAssetsPath %>css/docs.css': 'sass/docs.scss' + src: [ + '<%= meta.distPath %>css/*.css', + '<%= meta.docsAssetsPath %>css/docs.css' + ] } } }, @@ -83,16 +107,24 @@ module.exports = function(grunt) { options: { config: 'sass/.csscomb.json' }, - dist: { + core: { + files: { + '<%= sass.core.dest %>': '<%= sass.core.dest %>' + } + }, + android: { files: { - '<%= meta.distPath %>/css/<%= pkg.name %>.css': '<%= meta.distPath %>/css/<%= pkg.name %>.css', - '<%= meta.distPath %>/css/<%= pkg.name %>-theme-android.css': '<%= meta.distPath %>/css/<%= pkg.name %>-theme-android.css', - '<%= meta.distPath %>/css/<%= pkg.name %>-theme-ios.css': '<%= meta.distPath %>/css/<%= pkg.name %>-theme-ios.css' + '<%= sass.android.dest %>': '<%= sass.android.dest %>' + } + }, + ios: { + files: { + '<%= sass.ios.dest %>': '<%= sass.ios.dest %>' } }, docs: { files: { - '<%= meta.docsAssetsPath %>/css/docs.css': '<%= meta.docsAssetsPath %>/css/docs.css' + '<%= sass.docs.dest %>': '<%= sass.docs.dest %>' } } }, @@ -101,7 +133,7 @@ module.exports = function(grunt) { fonts: { expand: true, src: 'fonts/*', - dest: '<%= meta.distPath %>/' + dest: '<%= meta.distPath %>' }, docs: { expand: true, @@ -109,16 +141,52 @@ module.exports = function(grunt) { src: [ '**/*' ], - dest: '<%= meta.docsPath %>' + dest: '<%= meta.docsDistPath %>' + } + }, + + autoprefixer: { + options: { + browsers: [ + 'Android 2.3', + 'Android >= 4', + 'Chrome >= 20', + 'Firefox >= 24', // Firefox 24 is the latest ESR + 'Explorer >= 9', + 'iOS >= 6', + 'Opera >= 12', + 'Safari >= 6' + ] + }, + core: { + src: '<%= sass.core.dest %>' + }, + android: { + options: { + browsers: [ + 'Android 2.3', + 'Android >= 4', + 'Chrome >= 20', + 'Firefox >= 24', // Firefox 24 is the latest ESR + 'Opera >= 12' + ] + }, + src: '<%= sass.android.dest %>' + }, + ios: { + options: { + browsers: ['iOS >= 6'] + }, + src: '<%= sass.ios.dest %>' + }, + docs: { + src: '<%= sass.docs.dest %>' } }, cssmin: { options: { - banner: '', // set to empty; see bellow - keepSpecialComments: '*', // set to '*' because we already add the banner in sass - noAdvanced: true, // disable advanced optimizations since it causes many issues - report: 'min' + keepSpecialComments: '*' // set to '*' because we already add the banner in sass }, ratchet: { src: '<%= meta.distPath %>css/<%= pkg.name %>.css', @@ -144,11 +212,10 @@ module.exports = function(grunt) { banner: '<%= banner %>', compress: true, mangle: true, - preserveComments: false, - report: 'min' + preserveComments: false }, ratchet: { - src: '<%= meta.distPath %>js/<%= pkg.name %>.js', + src: '<%= concat.ratchet.dest %>', dest: '<%= meta.distPath %>js/<%= pkg.name %>.min.js' }, docs: { @@ -161,11 +228,22 @@ module.exports = function(grunt) { }, watch: { - scripts: { - files: [ - '<%= meta.srcPath %>/**/*.scss' - ], - tasks: ['sass'] + options: { + hostname: 'localhost', + livereload: true, + port: 8000 + }, + js: { + files: '<%= meta.jsPath %>**/*.js', + tasks: ['dist-js', 'copy'] + }, + css: { + files: '<%= meta.srcPath %>**/*.scss', + tasks: ['dist-css', 'copy'] + }, + html: { + files: '<%= meta.docsPath %>**', + tasks: ['jekyll'] } }, @@ -227,10 +305,8 @@ module.exports = function(grunt) { failHard: true, reset: true, relaxerror: [ - 'Bad value apple-mobile-web-app-title for attribute name on element meta: Keyword apple-mobile-web-app-title is not registered.', - 'Bad value apple-mobile-web-app-status-bar-style for attribute name on element meta: Keyword apple-mobile-web-app-status-bar-style is not registered.', - 'Bad value X-UA-Compatible for attribute http-equiv on element meta.', - 'Attribute ontouchstart not allowed on element body at this point.' + 'Attribute ontouchstart not allowed on element body at this point.', + 'Consider using the h1 element as a top-level heading only \\(all h1 elements are treated as top-level headings by many screen readers and other tools\\)\\.' ] }, files: { @@ -247,6 +323,18 @@ module.exports = function(grunt) { replacement: grunt.option('newver'), recursive: true } + }, + + connect: { + site: { + options: { + base: '_site/', + hostname: 'localhost', + livereload: true, + open: true, + port: 8000 + } + } } }); @@ -255,13 +343,14 @@ module.exports = function(grunt) { require('time-grunt')(grunt); // Default task(s). - grunt.registerTask('dist-css', ['sass', 'csscomb', 'cssmin']); + grunt.registerTask('dist-css', ['sass', 'autoprefixer', 'usebanner', 'csscomb', 'cssmin']); grunt.registerTask('dist-js', ['concat', 'uglify']); grunt.registerTask('dist', ['clean', 'dist-css', 'dist-js', 'copy', 'build-ratchicons-data']); grunt.registerTask('validate-html', ['jekyll', 'validation']); grunt.registerTask('build', ['dist']); grunt.registerTask('default', ['dist']); grunt.registerTask('test', ['dist', 'csslint', 'jshint', 'jscs', 'validate-html']); + grunt.registerTask('server', ['dist', 'jekyll', 'connect', 'watch']); grunt.registerTask('build-ratchicons-data', generateRatchiconsData); @@ -1,6 +1,6 @@ The MIT License (MIT) -Copyright (c) 2014 connors and other contributors +Copyright (c) 2015 connors and other contributors Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in @@ -1,4 +1,4 @@ -# Ratchet v2.0.1 [![Build Status](https://secure.travis-ci.org/twbs/ratchet.png)](http://travis-ci.org/twbs/ratchet) [![devDependencies](https://david-dm.org/twbs/ratchet/dev-status.png?theme=shields.io)](https://david-dm.org/twbs/ratchet#info=devDependencies) +# Ratchet v2.0.2 [![Build Status](https://secure.travis-ci.org/twbs/ratchet.svg?branch=master)](http://travis-ci.org/twbs/ratchet) [![devDependencies](https://david-dm.org/twbs/ratchet/dev-status.svg?theme=shields.io)](https://david-dm.org/twbs/ratchet#info=devDependencies) Build mobile apps with simple HTML, CSS, and JS components. @@ -15,7 +15,7 @@ Build mobile apps with simple HTML, CSS, and JS components. ## Getting started -- Clone the repo with `git clone https://github.com/twbs/ratchet.git` or just [download](http://github.com/twbs/ratchet/archive/v2.0.1.zip) the bundled CSS and JS +- Clone the repo with `git clone https://github.com/twbs/ratchet.git` or just [download](http://github.com/twbs/ratchet/archive/v2.0.2.zip) the bundled CSS and JS - [Read the docs](http://goratchet.com) to learn about the components and how to get a prototype on your phone - [Check out examples](http://goratchet.com/examples/) @@ -31,7 +31,7 @@ ratchet/ │ ├── ratchet.css │ ├── ratchet.min.css │ ├── ratchet-theme-android.css -│ └── ratchet-theme-android.min.css +│ ├── ratchet-theme-android.min.css │ ├── ratchet-theme-ios.css │ └── ratchet-theme-ios.min.css ├── js/ @@ -52,10 +52,11 @@ Ratchet's documentation is built with [Jekyll](http://jekyllrb.com) and publicly ### Running documentation locally -1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation). - - **Windows users:** Read [this unofficial guide](https://github.com/juthilo/run-jekyll-on-windows/) to get Jekyll up and running without problems. We use Pygments for syntax highlighting, so make sure to read the sections on installing Python and Pygments. -2. From the root `/ratchet/docs` directory, run `jekyll serve` in the command line. -3. Open <http://localhost:4000> in your browser, and boom! +1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v2.5.x). + - **Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems. +2. Install the Ruby-based syntax highlighter, [Rouge](https://github.com/jneen/rouge), with `gem install rouge`. +3. From the root `/ratchet/docs` directory, run `jekyll serve` in the command line. +4. Open <http://localhost:4000> in your browser, and boom! Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/). @@ -82,7 +83,7 @@ A small list of "gotchas" is provided below for designers and developers startin - Use a JavaScript library like fingerblast.js to emulate touch events (ideally only loaded from desktop devices) - Script tags containing JavaScript will not be executed on pages that are loaded with push.js. If you would like to attach event handlers to elements on other pages, document-level event delegation is a common solution. - Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:// protocol); consequently, Ratchet does not work when opened directly as a file. - - A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run ```python -m SimpleHTTPServer <port>``` to serve up the files in the current directory to ```http://localhost:<port>``` + - A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run `python -m SimpleHTTPServer <port>` to serve up the files in the current directory to `http://localhost:<port>` ## Versioning diff --git a/_config.yml b/_config.yml index 3069643..5d9972b 100644 --- a/_config.yml +++ b/_config.yml @@ -4,7 +4,7 @@ authors: Connor Sears description: Build mobile apps with simple HTML, CSS, and JS components. # Dependencies -pygments: true +highlighter: rouge # Permalinks permalink: pretty @@ -1,7 +1,7 @@ { "name": "ratchet", "description": "Build mobile apps with simple HTML, CSS, and JS components.", - "version": "2.0.1", + "version": "2.0.2", "keywords": [ "css", "js", @@ -11,9 +11,15 @@ "mobile", "prototype" ], + "homepage": "http://goratchet.com", "main": [ - "./dist/css/ratchet.css", - "./dist/js/ratchet.js" + "sass/ratchet.scss", + "dist/css/ratchet.css", + "dist/js/ratchet.js", + "dist/fonts/ratchicons.eot", + "dist/fonts/ratchicons.svg", + "dist/fonts/ratchicons.ttf", + "dist/fonts/ratchicons.woff" ], "ignore": [ "_config.yml", diff --git a/dist/css/ratchet-theme-android.css b/dist/css/ratchet-theme-android.css index 9ce76eb..a6f2228 100644 --- a/dist/css/ratchet-theme-android.css +++ b/dist/css/ratchet-theme-android.css @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ @@ -317,6 +317,7 @@ a:active { background-image: none; } .table-view .table-view-cell > a:not(.btn):active { + color: inherit; background-color: #e0e0e0; } .table-view .table-view-cell > a:not(.btn):active .icon { @@ -332,6 +333,33 @@ a:active { border-bottom: 2px solid #a9a9a9; } +.table-view-cell .navigate-left > .btn, +.table-view-cell .navigate-left > .badge, +.table-view-cell .navigate-left > .toggle, +.table-view-cell .navigate-right > .btn, +.table-view-cell .navigate-right > .badge, +.table-view-cell .navigate-right > .toggle, +.table-view-cell .push-left > .btn, +.table-view-cell .push-left > .badge, +.table-view-cell .push-left > .toggle, +.table-view-cell .push-right > .btn, +.table-view-cell .push-right > .badge, +.table-view-cell .push-right > .toggle, +.table-view-cell > a .navigate-left > .btn, +.table-view-cell > a .navigate-left > .badge, +.table-view-cell > a .navigate-left > .toggle, +.table-view-cell > a .navigate-right > .btn, +.table-view-cell > a .navigate-right > .badge, +.table-view-cell > a .navigate-right > .toggle, +.table-view-cell > a .push-left > .btn, +.table-view-cell > a .push-left > .badge, +.table-view-cell > a .push-left > .toggle, +.table-view-cell > a .push-right > .btn, +.table-view-cell > a .push-right > .badge, +.table-view-cell > a .push-right > .toggle { + right: 15px; +} + select, textarea, input[type="text"], @@ -383,9 +411,15 @@ textarea, } .input-row { + height: 40px; border-bottom: 1px solid #d9d9d9; } +.input-row label { + padding-top: 10px; + padding-bottom: 10px; +} + .input-row label + input { background-image: none; border-bottom: 0; @@ -460,10 +494,10 @@ textarea, -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + -o-transition: -o-transform .1s ease-in-out, opacity .2s ease-in-out; transition: transform .1s ease-in-out, opacity .2s ease-in-out; -webkit-transform: scale(.75); - -ms-transform: scale(.75); + -o-transform: scale(.75); transform: scale(.75); } .popover:before { @@ -471,7 +505,7 @@ textarea, } .popover.visible { -webkit-transform: scale(1); - -ms-transform: scale(1); + -o-transform: scale(1); transform: scale(1); } @@ -524,7 +558,6 @@ textarea, background-color: #33b5e5; border-color: #33b5e5; -webkit-transform: translate3d(50px, 0, 0); - -ms-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } .toggle.active:before { diff --git a/dist/css/ratchet-theme-android.min.css b/dist/css/ratchet-theme-android.min.css index 9456a74..f746ab6 100644 --- a/dist/css/ratchet-theme-android.min.css +++ b/dist/css/ratchet-theme-android.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - */body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn:active,.btn.active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;background-color:#33b5e5;border:0}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link:active,.btn-link.active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary{bottom:50px}.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.bar .btn-link:active,.bar .btn-link.active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{border-bottom:1px solid #d9d9d9}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active,.segmented-control .control-item.active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item:active,.segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item:active,.segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item:active,.segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.push-left:after{content:''}.navigate-right:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down:before,.icon-down-nav:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left:before,.icon-left-nav:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right:before,.icon-right-nav:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up:before,.icon-up-nav:before{content:'\e809'}
\ No newline at end of file + */body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn.active,.btn:active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;background-color:#33b5e5;border:0}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link.active,.btn-link:active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.bar .btn-link.active,.bar .btn-link:active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit;background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:15px}.input-group,input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=search],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}.input-group,select,textarea{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{height:40px;border-bottom:1px solid #d9d9d9}.input-row label{padding-top:10px;padding-bottom:10px}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item.active,.segmented-control .control-item:active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item.active,.segmented-control-primary .control-item:active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item.active,.segmented-control-positive .control-item:active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item.active,.segmented-control-negative .control-item:active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-o-transition:-o-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down-nav:before,.icon-down:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left-nav:before,.icon-left:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right-nav:before,.icon-right:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up-nav:before,.icon-up:before{content:'\e809'}
\ No newline at end of file diff --git a/dist/css/ratchet-theme-ios.css b/dist/css/ratchet-theme-ios.css index 6e52424..0caa690 100644 --- a/dist/css/ratchet-theme-ios.css +++ b/dist/css/ratchet-theme-ios.css @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ @@ -36,13 +36,10 @@ p { background-color: rgba(247, 247, 247, .98); border: 1px solid #929292; -webkit-transition: all; - -moz-transition: all; transition: all; -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; transition-duration: .2s; } .btn:active, .btn.active { @@ -119,8 +116,7 @@ p { .bar { background-color: rgba(247, 247, 247, .98); border-bottom: 0; - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); - box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85); } .bar.bar-header-secondary { top: 44px; @@ -210,6 +206,9 @@ p { .table-view .table-view-cell:last-child { background-image: none; } +.table-view .table-view-cell > a:not(.btn):active { + color: inherit; +} .table-view .table-view-divider { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); background-repeat: no-repeat; @@ -297,7 +296,6 @@ textarea, color: #929292; border-color: #929292; -webkit-transition: background-color .1s linear; - -moz-transition: background-color .1s linear; transition: background-color .1s linear; } .segmented-control .control-item:active { @@ -356,7 +354,6 @@ textarea, .popover { border-radius: 12px; -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; } .popover:before { @@ -364,8 +361,7 @@ textarea, } .popover .bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .popover .bar-nav { @@ -379,33 +375,26 @@ textarea, .modal { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .modal.active { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .toggle { width: 47px; border: 2px solid #e6e6e6; - -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; - box-shadow: inset 0 0 0 0 #e1e1e1; + box-shadow: inset 0 0 0 0 #e1e1e1; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; transition-property: box-shadow, border; } .toggle .toggle-handle { border: 1px solid rgba(0, 0, 0, .2); - -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); - box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; transition-property: transform, border, width; } .toggle:before { @@ -414,12 +403,10 @@ textarea, .toggle.active { background-color: transparent; border: 2px solid #4cd964; - -webkit-box-shadow: inset 0 0 0 13px #4cd964; - box-shadow: inset 0 0 0 13px #4cd964; + box-shadow: inset 0 0 0 13px #4cd964; } .toggle.active .toggle-handle { -webkit-transform: translate3d(17px, 0, 0); - -ms-transform: translate3d(17px, 0, 0); transform: translate3d(17px, 0, 0); } .toggle.active .toggle-handle { @@ -428,41 +415,32 @@ textarea, .content.fade { -webkit-transition: opacity .2s ease-in-out; - -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .content.sliding { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; animation-name: fadeOverlay; -webkit-animation-duration: .4s; - -moz-animation-duration: .4s; animation-duration: .4s; } .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; animation-direction: reverse; } .content.sliding.left { -webkit-transform: translate3d(-20%, 0, 0); - -ms-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } @-webkit-keyframes fadeOverlay { from { - -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent; - box-shadow: 0 0 10px transparent, -320px 0 0 transparent; + box-shadow: 0 0 10px transparent, -320px 0 0 transparent; } - to { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); - box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); } } diff --git a/dist/css/ratchet-theme-ios.min.css b/dist/css/ratchet-theme-ios.min.css index 2bf0e32..196b2f1 100644 --- a/dist/css/ratchet-theme-ios.min.css +++ b/dist/css/ratchet-theme-ios.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,h5,.h6,h6,p{color:#8f8f94}.h5,h5,.h6,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn:active,.btn.active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary:active,.btn-primary.active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive:active,.btn-positive.active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative:active,.btn-negative.active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link:active,.btn-link.active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.bar-tab{border-top:0}.tab-item{color:#929292}.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view{background-image:none}.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}select,textarea,.input-group{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row:last-child,.input-row label+input{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.toggle.active .toggle-handle{border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.sliding-in,.content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}
\ No newline at end of file + */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,.h6,h5,h6,p{color:#8f8f94}.h5,.h6,h5,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}.btn.active,.btn:active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary.active,.btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive.active,.btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative.active,.btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link.active,.btn-link:active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar-tab,.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.tab-item{color:#929292}.bar-nav .btn-link,.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view,.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.input-group,input[type=text],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}.input-group,select,textarea{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row label+input,.input-row:last-child{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal,.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.right:not([class*=sliding-in]),.content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}
\ No newline at end of file diff --git a/dist/css/ratchet.css b/dist/css/ratchet.css index d75eeaa..ac3891e 100644 --- a/dist/css/ratchet.css +++ b/dist/css/ratchet.css @@ -1,14 +1,14 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; @@ -28,6 +28,7 @@ footer, header, hgroup, main, +menu, nav, section, summary { @@ -53,7 +54,7 @@ template { } a { - background: transparent; + background-color: transparent; } a:active, @@ -118,8 +119,9 @@ figure { hr { height: 0; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; } pre { @@ -178,7 +180,9 @@ input { input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; padding: 0; } @@ -302,6 +306,10 @@ a:active { margin: 10px; } +.text-center { + text-align: center; +} + .pull-left { float: left; } @@ -370,7 +378,7 @@ p { white-space: nowrap; vertical-align: top; cursor: pointer; - background-color: white; + background-color: #fff; border: 1px solid #ccc; border-radius: 3px; } @@ -492,8 +500,11 @@ input[type="button"] { height: 44px; padding-right: 10px; padding-left: 10px; - background-color: white; + background-color: #fff; border-bottom: 1px solid #ddd; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } .bar-header-secondary { @@ -698,7 +709,7 @@ input[type="button"] { .card { margin: 10px; overflow: hidden; - background-color: white; + background-color: #fff; border: 1px solid #ddd; border-radius: 6px; } @@ -792,6 +803,7 @@ input[type="button"] { right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); transform: translateY(-50%); } .table-view-cell .navigate-left > .btn, @@ -902,11 +914,8 @@ select { box-shadow: none; } -.input-group input:last-child { - border-bottom: 0; -} - .input-row { + height: 35px; overflow: hidden; border-bottom: 1px solid #ddd; } @@ -914,7 +923,7 @@ select { .input-row label { float: left; width: 35%; - padding: 10px 15px; + padding: 8px 15px; font-family: "Helvetica Neue", Helvetica, sans-serif; line-height: 1.1; } @@ -933,7 +942,7 @@ select { overflow: hidden; font-size: 12px; font-weight: 400; - background-color: white; + background-color: #fff; border: 1px solid #ccc; border-radius: 3px; } @@ -1020,13 +1029,13 @@ select { display: none; width: 280px; margin-left: -140px; - background-color: white; + background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); opacity: 0; -webkit-transition: all .25s linear; - -moz-transition: all .25s linear; + -o-transition: all .25s linear; transition: all .25s linear; -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); @@ -1041,7 +1050,7 @@ select { margin-left: -15px; content: ''; border-right: 15px solid transparent; - border-bottom: 15px solid white; + border-bottom: 15px solid #fff; border-left: 15px solid transparent; } .popover.visible { @@ -1100,7 +1109,7 @@ select { background-color: #fff; opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; - -moz-transition: -moz-transform .25s, opacity 1ms .25s; + -o-transition: -o-transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); @@ -1110,7 +1119,7 @@ select { height: 100%; opacity: 1; -webkit-transition: -webkit-transform .25s; - -moz-transition: -moz-transform .25s; + -o-transition: -o-transform .25s; transition: transform .25s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); @@ -1130,7 +1139,7 @@ select { font-size: 0; white-space: nowrap; -webkit-transition: all 0s linear; - -moz-transition: all 0s linear; + -o-transition: all 0s linear; transition: all 0s linear; } .slider .slide-group .slide { @@ -1150,10 +1159,10 @@ select { border: 2px solid #ddd; border-radius: 20px; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; + -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; + -o-transition-property: background-color, border; transition-property: background-color, border; } .toggle .toggle-handle { @@ -1167,10 +1176,10 @@ select { border: 1px solid #ddd; border-radius: 100px; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; + -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; + -o-transition-property: -o-transform, border, width; transition-property: transform, border, width; } .toggle:before { @@ -1212,7 +1221,7 @@ select { .content.sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; - -moz-transition: -moz-transform .4s; + -o-transition: -o-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); @@ -1245,6 +1254,7 @@ select { text-decoration: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; @@ -1280,10 +1290,6 @@ select { -webkit-font-smoothing: antialiased; } -.icon-and-up:before { - content: '\e809'; -} - .icon-back:before { content: '\e80a'; } @@ -1312,14 +1318,6 @@ select { content: '\e813'; } -.icon-down-nav:before { - content: '\e814'; -} - -.icon-down:before { - content: '\e820'; -} - .icon-download:before { content: '\e815'; } @@ -1344,14 +1342,6 @@ select { content: '\e82c'; } -.icon-left-nav:before { - content: '\e82d'; -} - -.icon-left:before { - content: '\e822'; -} - .icon-list:before { content: '\e823'; } @@ -1388,14 +1378,6 @@ select { content: '\e825'; } -.icon-right-nav:before { - content: '\e818'; -} - -.icon-right:before { - content: '\e826'; -} - .icon-search:before { content: '\e819'; } @@ -1443,3 +1425,27 @@ select { .icon-up:before { content: '\e80d'; } + +.icon-right-nav:before { + content: '\e818'; +} + +.icon-right:before { + content: '\e826'; +} + +.icon-down-nav:before { + content: '\e814'; +} + +.icon-down:before { + content: '\e820'; +} + +.icon-left-nav:before { + content: '\e82d'; +} + +.icon-left:before { + content: '\e822'; +} diff --git a/dist/css/ratchet.min.css b/dist/css/ratchet.min.css index 43ce33f..3bcbd7d 100644 --- a/dist/css/ratchet.min.css +++ b/dist/css/ratchet.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{margin-top:20px;font-size:14px}h6,.h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn:active,.btn.active{color:inherit;background-color:#ccc}.btn:disabled,.btn.disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link:active,.btn-link.active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=submit],input[type=reset],input[type=button]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-primary:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-negative:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link:active,.bar .btn-link.active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.btn,.table-view-cell>.badge,.table-view-cell>.toggle,.table-view-cell>a>.btn,.table-view-cell>a>.badge,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}input,textarea,button,select{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color]{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{border-bottom:0}.input-row{overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%}.slider{overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;transition:all 0s linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-and-up:before{content:'\e809'}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound:before{content:'\e827'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'}
\ No newline at end of file + *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.text-center{text-align:center}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{margin-top:20px;font-size:14px}.h6,h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn.active,.btn:active{color:inherit;background-color:#ccc}.btn.disabled,.btn:disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link.active,.btn-link:active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=button],input[type=reset],input[type=submit]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-negative:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-primary:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link.active,.bar .btn-link:active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.badge,.table-view-cell>.btn,.table-view-cell>.toggle,.table-view-cell>a>.badge,.table-view-cell>a>.btn,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=number],input[type=search],input[type=text],select,textarea{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{height:35px;overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:8px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-o-transition:-o-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%;overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-o-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-o-transition-property:-o-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound:before{content:'\e827'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}
\ No newline at end of file diff --git a/dist/js/ratchet.js b/dist/js/ratchet.js index 43d4543..39f7fe3 100644 --- a/dist/js/ratchet.js +++ b/dist/js/ratchet.js @@ -1,17 +1,50 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -/* ---------------------------------- - * MODAL v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: common.js v2.0.2 + * http://goratchet.com/ + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + // Create Ratchet namespace + if (typeof window.RATCHET === 'undefined') { + window.RATCHET = {}; + } + + // Original script from http://davidwalsh.name/vendor-prefix + window.RATCHET.getBrowserCapabilities = (function () { + var styles = window.getComputedStyle(document.documentElement, ''); + var pre = (Array.prototype.slice + .call(styles) + .join('') + .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o']) + )[1]; + return { + prefix: '-' + pre + '-', + transform: pre[0].toUpperCase() + pre.substr(1) + 'Transform' + }; + })(); +}()); + +/* ======================================================================== + * Ratchet: modals.js v2.0.2 + * http://goratchet.com/components#modals + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -47,11 +80,13 @@ }); }()); -/* ---------------------------------- - * POPOVER v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: popovers.js v2.0.2 + * http://goratchet.com/components#popovers + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -99,8 +134,7 @@ try { popover = document.querySelector(anchor.hash); - } - catch (error) { + } catch (error) { popover = null; } @@ -133,12 +167,14 @@ }()); -/* ---------------------------------- - * PUSH v2.0.1 - * Licensed under The MIT License - * inspired by chris's jquery.pjax.js - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: push.js v2.0.2 + * http://goratchet.com/components#push + * ======================================================================== + * inspired by @defunkt's jquery.pjax.js + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ /* global _gaq: true */ @@ -155,10 +191,11 @@ var maxCacheLength = 20; var cacheMapping = sessionStorage; var domCache = {}; + // Change these to unquoted camelcase in the next major version bump var transitionMap = { 'slide-in' : 'slide-out', 'slide-out' : 'slide-in', - 'fade' : 'fade' + fade : 'fade' }; var bars = { @@ -175,7 +212,6 @@ } cacheMapping[data.id] = JSON.stringify(data); window.history.replaceState(data.id, data.title, data.url); - domCache[data.id] = document.body.cloneNode(true); }; var cachePush = function () { @@ -193,7 +229,9 @@ delete cacheMapping[cacheBackStack.shift()]; } - window.history.pushState(null, '', cacheMapping[PUSH.id].url); + if (getCached(PUSH.id).url) { + window.history.pushState(null, '', getCached(PUSH.id).url); + } cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); @@ -324,7 +362,9 @@ swapContent( (activeObj.contents || activeDom).cloneNode(true), document.querySelector('.content'), - transition + transition, function () { + triggerStateChange(); + } ); PUSH.id = id; @@ -362,7 +402,11 @@ clearTimeout(options._timeout); } if (xhr.readyState === 4) { - xhr.status === 200 ? success(xhr, options) : failure(options.url); + if (xhr.status === 200) { + success(xhr, options); + } else { + failure(options.url); + } } }; @@ -372,10 +416,12 @@ url : window.location.href, title : document.title, timeout : options.timeout, - transition : null + transition : options.transition }); } + cacheCurrentContent(); + if (options.timeout) { options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); } @@ -387,6 +433,10 @@ } }; + function cacheCurrentContent () { + domCache[PUSH.id] = document.body.cloneNode(true); + } + // Main XHR handlers // ================= @@ -458,7 +508,7 @@ document.body.insertBefore(swap, document.querySelector('.content')); } } else { - enter = /in$/.test(transition); + enter = /in$/.test(transition); if (transition === 'fade') { container.classList.add('in'); @@ -476,7 +526,9 @@ } if (!transition) { - complete && complete(); + if (complete) { + complete(); + } } if (transition === 'fade') { @@ -492,7 +544,9 @@ container.parentNode.removeChild(container); swap.classList.remove('fade'); swap.classList.remove('in'); - complete && complete(); + if (complete) { + complete(); + } }; container.addEventListener('webkitTransitionEnd', fadeContainerEnd); @@ -504,7 +558,9 @@ swap.classList.remove('sliding', 'sliding-in'); swap.classList.remove(swapDirection); container.parentNode.removeChild(container); - complete && complete(); + if (complete) { + complete(); + } }; container.offsetWidth; // force reflow @@ -590,7 +646,8 @@ } data.title = head.querySelector('title'); - data.title = data.title && data.title.innerText.trim(); + var text = 'innerText' in data.title ? 'innerText' : 'textContent'; + data.title = data.title && data.title[text].trim(); if (options.transition) { data = extendWithDom(data, '.content', body); @@ -608,17 +665,26 @@ window.addEventListener('touchstart', function () { isScrolling = false; }); window.addEventListener('touchmove', function () { isScrolling = true; }); window.addEventListener('touchend', touchend); - window.addEventListener('click', function (e) { if (getTarget(e)) {e.preventDefault();} }); + window.addEventListener('click', function (e) { + if (getTarget(e)) { + e.preventDefault(); + } + }); window.addEventListener('popstate', popstate); + + // TODO : Remove this line in the next major version window.PUSH = PUSH; + window.RATCHET.push = PUSH; }()); -/* ---------------------------------- - * Segmented controls v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: segmented-controllers.js v2.0.2 + * http://goratchet.com/components#segmentedControls + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -675,15 +741,22 @@ targetBody.classList.add(className); }); - window.addEventListener('click', function (e) { if (getTarget(e.target)) {e.preventDefault();} }); + window.addEventListener('click', function (e) { + if (getTarget(e.target)) { + e.preventDefault(); + } + }); + }()); -/* ---------------------------------- - * SLIDER v2.0.1 - * Licensed under The MIT License - * Adapted from Brad Birdsall's swipe - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: sliders.js v2.0.2 + * http://goratchet.com/components#sliders + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -701,6 +774,10 @@ var slideNumber; var isScrolling; var scrollableArea; + var startedMoving; + + var transformPrefix = window.RATCHET.getBrowserCapabilities.prefix; + var transformProperty = window.RATCHET.getBrowserCapabilities.transform; var getSlider = function (target) { var i; @@ -716,11 +793,9 @@ }; var getScroll = function () { - if ('webkitTransform' in slider.style) { - var translate3d = slider.style.webkitTransform.match(/translate3d\(([^,]*)/); - var ret = translate3d ? translate3d[1] : 0; - return parseInt(ret, 10); - } + var translate3d = slider.style[transformProperty].match(/translate3d\(([^,]*)/); + var ret = translate3d ? translate3d[1] : 0; + return parseInt(ret, 10); }; var setSlideNumber = function (offset) { @@ -753,7 +828,7 @@ setSlideNumber(0); - slider.style['-webkit-transition-duration'] = 0; + slider.style[transformPrefix + 'transition-duration'] = 0; }; var onTouchMove = function (e) { @@ -761,12 +836,17 @@ return; // Exit if a pinch || no slider } + // adjust the starting position if we just started to avoid jumpage + if (!startedMoving) { + pageX += (e.touches[0].pageX - pageX) - 1; + } + deltaX = e.touches[0].pageX - pageX; deltaY = e.touches[0].pageY - pageY; pageX = e.touches[0].pageX; pageY = e.touches[0].pageY; - if (typeof isScrolling === 'undefined') { + if (typeof isScrolling === 'undefined' && startedMoving) { isScrolling = Math.abs(deltaY) > Math.abs(deltaX); } @@ -781,7 +861,10 @@ resistance = slideNumber === 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : slideNumber === lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + slider.style[transformProperty] = 'translate3d(' + offsetX + 'px,0,0)'; + + // started moving + startedMoving = true; }; var onTouchEnd = function (e) { @@ -789,14 +872,15 @@ return; } - setSlideNumber( - (+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 - ); + // we're done moving + startedMoving = false; + + setSlideNumber((+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0); offsetX = slideNumber * sliderWidth; - slider.style['-webkit-transition-duration'] = '.2s'; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + slider.style[transformPrefix + 'transition-duration'] = '.2s'; + slider.style[transformProperty] = 'translate3d(' + offsetX + 'px,0,0)'; e = new CustomEvent('slide', { detail: { slideNumber: Math.abs(slideNumber) }, @@ -813,11 +897,14 @@ }()); -/* ---------------------------------- - * TOGGLE v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: toggles.js v2.0.2 + * http://goratchet.com/components#toggles + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -826,6 +913,7 @@ var touchMove = false; var distanceX = false; var toggle = false; + var transformProperty = window.RATCHET.getBrowserCapabilities.transform; var findToggle = function (target) { var i; @@ -885,13 +973,13 @@ e.preventDefault(); if (distanceX < 0) { - return (handle.style.webkitTransform = 'translate3d(0,0,0)'); + return (handle.style[transformProperty] = 'translate3d(0,0,0)'); } if (distanceX > offset) { - return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'); + return (handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)'); } - handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; + handle.style[transformProperty] = 'translate3d(' + distanceX + 'px,0,0)'; toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active'); }); @@ -908,15 +996,17 @@ var slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2))); if (slideOn) { - handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; + handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)'; } else { - handle.style.webkitTransform = 'translate3d(0,0,0)'; + handle.style[transformProperty] = 'translate3d(0,0,0)'; } toggle.classList[slideOn ? 'add' : 'remove']('active'); e = new CustomEvent('toggle', { - detail: { isActive: slideOn }, + detail: { + isActive: slideOn + }, bubbles: true, cancelable: true }); diff --git a/dist/js/ratchet.min.js b/dist/js/ratchet.min.js index 66f5ae1..dbda7e4 100644 --- a/dist/js/ratchet.min.js +++ b/dist/js/ratchet.min.js @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";var a,b=function(){},c=20,d=sessionStorage,e={},f={"slide-in":"slide-out","slide-out":"slide-in",fade:"fade"},g={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},h=function(a,b){o.id=a.id,b&&(a=k(a.id)),d[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url),e[a.id]=document.body.cloneNode(!0)},i=function(){var a=o.id,b=JSON.parse(d.cacheForwardStack||"[]"),e=JSON.parse(d.cacheBackStack||"[]");for(e.push(a);b.length;)delete d[b.shift()];for(;e.length>c;)delete d[e.shift()];window.history.pushState(null,"",d[o.id].url),d.cacheForwardStack=JSON.stringify(b),d.cacheBackStack=JSON.stringify(e)},j=function(a,b){var c="forward"===b,e=JSON.parse(d.cacheForwardStack||"[]"),f=JSON.parse(d.cacheBackStack||"[]"),g=c?f:e,h=c?e:f;o.id&&g.push(o.id),h.pop(),d.cacheForwardStack=JSON.stringify(e),d.cacheBackStack=JSON.stringify(f)},k=function(a){return JSON.parse(d[a]||null)||{}},l=function(b){var c=t(b.target);if(!(!c||b.which>1||b.metaKey||b.ctrlKey||a||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},m=function(a){var b=l(a);b&&(a.preventDefault(),o({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},n=function(a){var b,c,h,i,l,m,n,p,q=a.state;if(q&&d[q]){if(l=o.id<q?"forward":"back",j(q,l),h=k(q),i=e[q],h.title&&(document.title=h.title),"back"===l?(n=JSON.parse("back"===l?d.cacheForwardStack:d.cacheBackStack),p=k(n[n.length-1])):p=h,"back"===l&&!p.id)return o.id=q;if(m="back"===l?f[p.transition]:p.transition,!i)return o({id:h.id,url:h.url,title:h.title,timeout:h.timeout,transition:m,ignorePush:!0});if(p.transition){h=v(h,".content",i.cloneNode(!0));for(b in g)g.hasOwnProperty(b)&&(c=document.querySelector(g[b]),h[b]?r(h[b],c):c&&c.parentNode.removeChild(c))}r((h.contents||i).cloneNode(!0),document.querySelector(".content"),m),o.id=q,document.body.offsetHeight}},o=function(a){var c,d=o.xhr;a.container=a.container||a.transition?document.querySelector(".content"):document.body;for(c in g)g.hasOwnProperty(c)&&(a[c]=a[c]||document.querySelector(g[c]));d&&d.readyState<4&&(d.onreadystatechange=b,d.abort()),d=new XMLHttpRequest,d.open("GET",a.url,!0),d.setRequestHeader("X-PUSH","true"),d.onreadystatechange=function(){a._timeout&&clearTimeout(a._timeout),4===d.readyState&&(200===d.status?p(d,a):q(a.url))},o.id||h({id:+new Date,url:window.location.href,title:document.title,timeout:a.timeout,transition:null}),a.timeout&&(a._timeout=setTimeout(function(){d.abort("timeout")},a.timeout)),d.send(),d.readyState&&!a.ignorePush&&i()},p=function(a,b){var c,d,e=w(a,b);if(!e.contents)return u(b.url);if(e.title&&(document.title=e.title),b.transition)for(c in g)g.hasOwnProperty(c)&&(d=document.querySelector(g[c]),e[c]?r(e[c],d):d&&d.parentNode.removeChild(d));r(e.contents,b.container,b.transition,function(){h({id:b.id||+new Date,url:e.url,title:e.title,timeout:b.timeout,transition:b.transition},b.id),s()}),!b.ignorePush&&window._gaq&&_gaq.push(["_trackPageview"]),!b.hash},q=function(a){throw new Error("Could not get: "+a)},r=function(a,b,c,d){var e,f,g;if(c?(e=/in$/.test(c),"fade"===c&&(b.classList.add("in"),b.classList.add("fade"),a.classList.add("fade")),/slide/.test(c)&&(a.classList.add("sliding-in",e?"right":"left"),a.classList.add("sliding"),b.classList.add("sliding")),b.parentNode.insertBefore(a,b)):b?b.innerHTML=a.innerHTML:a.classList.contains("content")?document.body.appendChild(a):document.body.insertBefore(a,document.querySelector(".content")),c||d&&d(),"fade"===c){b.offsetWidth,b.classList.remove("in");var h=function(){b.removeEventListener("webkitTransitionEnd",h),a.classList.add("in"),a.addEventListener("webkitTransitionEnd",i)},i=function(){a.removeEventListener("webkitTransitionEnd",i),b.parentNode.removeChild(b),a.classList.remove("fade"),a.classList.remove("in"),d&&d()};b.addEventListener("webkitTransitionEnd",h)}if(/slide/.test(c)){var j=function(){a.removeEventListener("webkitTransitionEnd",j),a.classList.remove("sliding","sliding-in"),a.classList.remove(g),b.parentNode.removeChild(b),d&&d()};b.offsetWidth,g=e?"right":"left",f=e?"left":"right",b.classList.add(f),a.classList.remove(g),a.addEventListener("webkitTransitionEnd",j)}},s=function(){var a=new CustomEvent("push",{detail:{state:k(o.id)},bubbles:!0,cancelable:!0});window.dispatchEvent(a)},t=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},u=function(a){window.history.replaceState(null,"","#"),window.location.replace(a)},v=function(a,b,c){var d,e={};for(d in a)a.hasOwnProperty(d)&&(e[d]=a[d]);return Object.keys(g).forEach(function(a){var b=c.querySelector(g[a]);b&&b.parentNode.removeChild(b),e[a]=b}),e.contents=c.querySelector(b),e},w=function(a,b){var c,d,e={},f=a.responseText;return e.url=b.url,f?(/<html/i.test(f)?(c=document.createElement("div"),d=document.createElement("div"),c.innerHTML=f.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title"),e.title=e.title&&e.title.innerText.trim(),b.transition?e=v(e,".content",d):e.contents=d,e):e};window.addEventListener("touchstart",function(){a=!1}),window.addEventListener("touchmove",function(){a=!0}),window.addEventListener("touchend",m),window.addEventListener("click",function(a){l(a)&&a.preventDefault()}),window.addEventListener("popstate",n),window.PUSH=o}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i<d.length;i++)d[i].classList.remove(g);e.classList.add(g)}}),window.addEventListener("click",function(b){a(b.target)&&b.preventDefault()})}(),!function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n=function(a){for(var b,c=document.querySelectorAll(".slider > .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},o=function(){if("webkitTransform"in c.style){var a=c.style.webkitTransform.match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)}},p=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](o()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},q=function(f){if(c=n(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,p(0),c.style["-webkit-transition-duration"]=0}},r=function(h){h.touches.length>1||!c||(d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+o(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style.webkitTransform="translate3d("+f+"px,0,0)"))},s=function(a){c&&!l&&(p(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style["-webkit-transition-duration"]=".2s",c.style.webkitTransform="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",q),window.addEventListener("touchmove",r),window.addEventListener("touchend",s)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=e(c.target)){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(e){if(e=e.originalEvent||e,!(e.touches.length>1)&&d){var f=d.querySelector(".toggle-handle"),g=e.touches[0],h=d.clientWidth,i=f.clientWidth,j=h-i;if(b=!0,c=g.pageX-a.pageX,!(Math.abs(c)<Math.abs(g.pageY-a.pageY))){if(e.preventDefault(),0>c)return f.style.webkitTransform="translate3d(0,0,0)";if(c>j)return f.style.webkitTransform="translate3d("+j+"px,0,0)";f.style.webkitTransform="translate3d("+c+"px,0,0)",d.classList[c>h/2-i/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var e=d.querySelector(".toggle-handle"),f=d.clientWidth,g=e.clientWidth,h=f-g,i=!b&&!d.classList.contains("active")||b&&c>f/2-g/2;e.style.webkitTransform=i?"translate3d("+h+"px,0,0)":"translate3d(0,0,0)",d.classList[i?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:i},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}();
\ No newline at end of file +!function(){"use strict";"undefined"==typeof window.RATCHET&&(window.RATCHET={}),window.RATCHET.getBrowserCapabilities=function(){var a=window.getComputedStyle(document.documentElement,""),b=(Array.prototype.slice.call(a).join("").match(/-(moz|webkit|ms)-/)||""===a.OLink&&["","o"])[1];return{prefix:"-"+b+"-",transform:b[0].toUpperCase()+b.substr(1)+"Transform"}}()}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";function a(){f[p.id]=document.body.cloneNode(!0)}var b,c=function(){},d=20,e=sessionStorage,f={},g={"slide-in":"slide-out","slide-out":"slide-in",fade:"fade"},h={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},i=function(a,b){p.id=a.id,b&&(a=l(a.id)),e[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url)},j=function(){var a=p.id,b=JSON.parse(e.cacheForwardStack||"[]"),c=JSON.parse(e.cacheBackStack||"[]");for(c.push(a);b.length;)delete e[b.shift()];for(;c.length>d;)delete e[c.shift()];l(p.id).url&&window.history.pushState(null,"",l(p.id).url),e.cacheForwardStack=JSON.stringify(b),e.cacheBackStack=JSON.stringify(c)},k=function(a,b){var c="forward"===b,d=JSON.parse(e.cacheForwardStack||"[]"),f=JSON.parse(e.cacheBackStack||"[]"),g=c?f:d,h=c?d:f;p.id&&g.push(p.id),h.pop(),e.cacheForwardStack=JSON.stringify(d),e.cacheBackStack=JSON.stringify(f)},l=function(a){return JSON.parse(e[a]||null)||{}},m=function(a){var c=u(a.target);if(!(!c||a.which>1||a.metaKey||a.ctrlKey||b||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},n=function(a){var b=m(a);b&&(a.preventDefault(),p({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},o=function(a){var b,c,d,i,j,m,n,o,q=a.state;if(q&&e[q]){if(j=p.id<q?"forward":"back",k(q,j),d=l(q),i=f[q],d.title&&(document.title=d.title),"back"===j?(n=JSON.parse("back"===j?e.cacheForwardStack:e.cacheBackStack),o=l(n[n.length-1])):o=d,"back"===j&&!o.id)return p.id=q;if(m="back"===j?g[o.transition]:o.transition,!i)return p({id:d.id,url:d.url,title:d.title,timeout:d.timeout,transition:m,ignorePush:!0});if(o.transition){d=w(d,".content",i.cloneNode(!0));for(b in h)h.hasOwnProperty(b)&&(c=document.querySelector(h[b]),d[b]?s(d[b],c):c&&c.parentNode.removeChild(c))}s((d.contents||i).cloneNode(!0),document.querySelector(".content"),m,function(){t()}),p.id=q,document.body.offsetHeight}},p=function(b){var d,e=p.xhr;b.container=b.container||b.transition?document.querySelector(".content"):document.body;for(d in h)h.hasOwnProperty(d)&&(b[d]=b[d]||document.querySelector(h[d]));e&&e.readyState<4&&(e.onreadystatechange=c,e.abort()),e=new XMLHttpRequest,e.open("GET",b.url,!0),e.setRequestHeader("X-PUSH","true"),e.onreadystatechange=function(){b._timeout&&clearTimeout(b._timeout),4===e.readyState&&(200===e.status?q(e,b):r(b.url))},p.id||i({id:+new Date,url:window.location.href,title:document.title,timeout:b.timeout,transition:b.transition}),a(),b.timeout&&(b._timeout=setTimeout(function(){e.abort("timeout")},b.timeout)),e.send(),e.readyState&&!b.ignorePush&&j()},q=function(a,b){var c,d,e=x(a,b);if(!e.contents)return v(b.url);if(e.title&&(document.title=e.title),b.transition)for(c in h)h.hasOwnProperty(c)&&(d=document.querySelector(h[c]),e[c]?s(e[c],d):d&&d.parentNode.removeChild(d));s(e.contents,b.container,b.transition,function(){i({id:b.id||+new Date,url:e.url,title:e.title,timeout:b.timeout,transition:b.transition},b.id),t()}),!b.ignorePush&&window._gaq&&_gaq.push(["_trackPageview"]),!b.hash},r=function(a){throw new Error("Could not get: "+a)},s=function(a,b,c,d){var e,f,g;if(c?(e=/in$/.test(c),"fade"===c&&(b.classList.add("in"),b.classList.add("fade"),a.classList.add("fade")),/slide/.test(c)&&(a.classList.add("sliding-in",e?"right":"left"),a.classList.add("sliding"),b.classList.add("sliding")),b.parentNode.insertBefore(a,b)):b?b.innerHTML=a.innerHTML:a.classList.contains("content")?document.body.appendChild(a):document.body.insertBefore(a,document.querySelector(".content")),c||d&&d(),"fade"===c){b.offsetWidth,b.classList.remove("in");var h=function(){b.removeEventListener("webkitTransitionEnd",h),a.classList.add("in"),a.addEventListener("webkitTransitionEnd",i)},i=function(){a.removeEventListener("webkitTransitionEnd",i),b.parentNode.removeChild(b),a.classList.remove("fade"),a.classList.remove("in"),d&&d()};b.addEventListener("webkitTransitionEnd",h)}if(/slide/.test(c)){var j=function(){a.removeEventListener("webkitTransitionEnd",j),a.classList.remove("sliding","sliding-in"),a.classList.remove(g),b.parentNode.removeChild(b),d&&d()};b.offsetWidth,g=e?"right":"left",f=e?"left":"right",b.classList.add(f),a.classList.remove(g),a.addEventListener("webkitTransitionEnd",j)}},t=function(){var a=new CustomEvent("push",{detail:{state:l(p.id)},bubbles:!0,cancelable:!0});window.dispatchEvent(a)},u=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},v=function(a){window.history.replaceState(null,"","#"),window.location.replace(a)},w=function(a,b,c){var d,e={};for(d in a)a.hasOwnProperty(d)&&(e[d]=a[d]);return Object.keys(h).forEach(function(a){var b=c.querySelector(h[a]);b&&b.parentNode.removeChild(b),e[a]=b}),e.contents=c.querySelector(b),e},x=function(a,b){var c,d,e={},f=a.responseText;if(e.url=b.url,!f)return e;/<html/i.test(f)?(c=document.createElement("div"),d=document.createElement("div"),c.innerHTML=f.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title");var g="innerText"in e.title?"innerText":"textContent";return e.title=e.title&&e.title[g].trim(),b.transition?e=w(e,".content",d):e.contents=d,e};window.addEventListener("touchstart",function(){b=!1}),window.addEventListener("touchmove",function(){b=!0}),window.addEventListener("touchend",n),window.addEventListener("click",function(a){m(a)&&a.preventDefault()}),window.addEventListener("popstate",o),window.PUSH=p,window.RATCHET.push=p}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i<d.length;i++)d[i].classList.remove(g);e.classList.add(g)}}),window.addEventListener("click",function(b){a(b.target)&&b.preventDefault()})}(),!function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o=window.RATCHET.getBrowserCapabilities.prefix,p=window.RATCHET.getBrowserCapabilities.transform,q=function(a){for(var b,c=document.querySelectorAll(".slider > .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},r=function(){var a=c.style[p].match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)},s=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](r()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},t=function(f){if(c=q(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,s(0),c.style[o+"transition-duration"]=0}},u=function(h){h.touches.length>1||!c||(n||(a+=h.touches[0].pageX-a-1),d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&n&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+r(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style[p]="translate3d("+f+"px,0,0)",n=!0))},v=function(a){c&&!l&&(n=!1,s(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style[o+"transition-duration"]=".2s",c.style[p]="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",t),window.addEventListener("touchmove",u),window.addEventListener("touchend",v)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=window.RATCHET.getBrowserCapabilities.transform,f=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=f(c.target)){var e=d.querySelector(".toggle-handle"),g=d.clientWidth,h=e.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(f){if(f=f.originalEvent||f,!(f.touches.length>1)&&d){var g=d.querySelector(".toggle-handle"),h=f.touches[0],i=d.clientWidth,j=g.clientWidth,k=i-j;if(b=!0,c=h.pageX-a.pageX,!(Math.abs(c)<Math.abs(h.pageY-a.pageY))){if(f.preventDefault(),0>c)return g.style[e]="translate3d(0,0,0)";if(c>k)return g.style[e]="translate3d("+k+"px,0,0)";g.style[e]="translate3d("+c+"px,0,0)",d.classList[c>i/2-j/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=g-h,j=!b&&!d.classList.contains("active")||b&&c>g/2-h/2;f.style[e]=j?"translate3d("+i+"px,0,0)":"translate3d(0,0,0)",d.classList[j?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:j},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}();
\ No newline at end of file diff --git a/docs/_data/ratchicons.yml b/docs/_data/ratchicons.yml index a44977d..5af932f 100644 --- a/docs/_data/ratchicons.yml +++ b/docs/_data/ratchicons.yml @@ -1,7 +1,6 @@ # This file is generated via Grunt task. **Do not edit directly.** # See the 'build-ratchicons-data' task in Gruntfile.js. -- icon-and-up - icon-back - icon-bars - icon-caret @@ -9,16 +8,12 @@ - icon-close - icon-code - icon-compose -- icon-down-nav -- icon-down - icon-download - icon-edit - icon-forward - icon-gear - icon-home - icon-info -- icon-left-nav -- icon-left - icon-list - icon-more-vertical - icon-more @@ -28,8 +23,6 @@ - icon-play - icon-plus - icon-refresh -- icon-right-nav -- icon-right - icon-search - icon-share - icon-sound @@ -42,3 +35,9 @@ - icon-trash - icon-up-nav - icon-up +- icon-right-nav +- icon-right +- icon-down-nav +- icon-down +- icon-left-nav +- icon-left diff --git a/docs/_includes/download-module.html b/docs/_includes/download-module.html index 85fea45..db8ef72 100644 --- a/docs/_includes/download-module.html +++ b/docs/_includes/download-module.html @@ -1,12 +1,12 @@ <div class="docs-module"> <h4 class="docs-module-title">Ratchet</h4> <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p> - <a href="https://github.com/twbs/ratchet/releases/download/v2.0.1/ratchet-2.0.1-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1-dist']);">Download Ratchet</a> - <p class="version">Currently v2.0.1</p> + <a href="https://github.com/twbs/ratchet/releases/download/v2.0.2/ratchet-2.0.2-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2-dist']);">Download Ratchet</a> + <p class="version">Currently v2.0.2</p> </div> <div class="docs-module"> <h4 class="docs-module-title">Source code</h4> <p>If you haven't already, download the source code for Ratchet.</p> - <a href="https://github.com/twbs/ratchet/archive/v2.0.1.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1']);">Download source</a> + <a href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download source</a> </div> diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 19ead12..ebedd49 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -15,7 +15,7 @@ <p class="docs-footer-text">Code licensed under the <a href="https://github.com/twbs/ratchet/blob/master/LICENSE" data-ignore="push">MIT License</a> and the docs are licensed under <a href="https://github.com/twbs/ratchet/blob/master/docs/LICENSE" data-ignore="push">CC BY 3.0</a>. Ratchet was lovingly crafted by <a href="https://twitter.com/connors" data-ignore="push">Connor Sears</a>.</p> <ul class="docs-footer-links"> - <li>Currently v2.0.1</li> + <li>Currently v2.0.2</li> <li>·</li> <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li> <li>·</li> @@ -40,6 +40,6 @@ }(document, "script", "twitter-wjs")); </script> -<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="/dist/js/ratchet.min.js"></script> <script src="/assets/js/docs.min.js"></script> diff --git a/docs/_includes/header.html b/docs/_includes/header.html index 5b099fe..3d6f3a5 100644 --- a/docs/_includes/header.html +++ b/docs/_includes/header.html @@ -3,8 +3,8 @@ <title>{{ page.title }}</title> <meta name="description" content="{{ site.name }}: {{ site.description }}"> <meta name="author" content="{{ site.authors }}"> -<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> -<link rel="icon" href="/favicon.ico"> +<meta name="viewport" content="initial-scale=1, maximum-scale=1"> +<link rel="shortcut icon" href="/favicon.ico"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d1e1d58..28da33b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ @@ -57,8 +57,12 @@ body { .docs-header, .docs-sub-header { position: relative; - background-image: linear-gradient(45deg, #0a1855 0%, #da0024 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a1855', endColorstr='#da0024', GradientType=0 ); + background-color: #0a1855; + background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0a1855), color-stop(100%, #da0024)); + background-image: -webkit-linear-gradient(45deg, #0a1855 0%, #da0024 100%); + background-image: -o-linear-gradient(45deg, #0a1855 0%, #da0024 100%); + background-image: linear-gradient(45deg, #0a1855 0%, #da0024 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a1855', endColorstr='#da0024', GradientType=1 ); } .docs-header { @@ -69,10 +73,10 @@ body { position: relative !important; margin-top: 0 !important; -webkit-animation-name: fadeintext; - -moz-animation-name: fadeintext; + -o-animation-name: fadeintext; animation-name: fadeintext; -webkit-animation-duration: 2s; - -moz-animation-duration: 2s; + -o-animation-duration: 2s; animation-duration: 2s; } .docs-header .version { @@ -94,9 +98,9 @@ body { } .docs-header .carbonad { left: 50% !important; - width: 300px !important; + width: 330px !important; margin-bottom: 60px !important; - margin-left: -150px !important; + margin-left: -165px !important; } .docs-sub-header .carbonad { @@ -106,6 +110,7 @@ body { margin-top: 0 !important; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; + -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } } @@ -125,6 +130,7 @@ body { font-weight: 400; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); transform: translateX(-50%); } @@ -165,7 +171,7 @@ body { .docs-nav-item { color: #fff; -webkit-transition: opacity .2s linear; - -moz-transition: opacity .2s linear; + -o-transition: opacity .2s linear; transition: opacity .2s linear; } .docs-title a:active, .docs-title a:focus, @@ -182,6 +188,7 @@ body { font-weight: 300; -webkit-transform: translateX(0); -ms-transform: translateX(0); + -o-transform: translateX(0); transform: translateX(0); } @@ -207,12 +214,12 @@ body { .docs-jump-menu { position: absolute; - left: 20px; + left: 15px; display: block; color: #777; cursor: pointer; -webkit-transition: opacity .2 linear; - -moz-transition: opacity .2 linear; + -o-transition: opacity .2 linear; transition: opacity .2 linear; } .docs-jump-menu:hover { @@ -234,11 +241,12 @@ body { .docs-component-group { position: absolute; top: 35px; - left: 30px; + left: 15px; padding-top: 10px; padding-bottom: 10px; background-color: #fff; - background-clip: padding-box; + -webkit-background-clip: padding-box; + background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .05); @@ -278,32 +286,27 @@ body { background-color: #428bca; } } -@media screen and (min-width: 1200px) { - .docs-jump-menu { - left: 30px; - } -} .docs-header-content { position: relative; padding: 50px 10px; text-align: center; -webkit-animation-name: fadeintext; - -moz-animation-name: fadeintext; + -o-animation-name: fadeintext; animation-name: fadeintext; -webkit-animation-duration: 2s; - -moz-animation-duration: 2s; + -o-animation-duration: 2s; animation-duration: 2s; } .docs-header-content .btn { display: block; - padding: 15px 75px 16px; + padding: 15px 60px 16px; margin-bottom: 0; font-size: 18px; color: #0a1855; background-color: #fff; border: 0; -webkit-transition: all .2s linear; - -moz-transition: all .2s linear; + -o-transition: all .2s linear; transition: all .2s linear; } .docs-header-content .btn:hover { @@ -329,6 +332,7 @@ body { top: 30%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); transform: translateY(-50%); } .docs-header-content .btn { @@ -536,7 +540,7 @@ body { background-color: #fff; border-bottom: 1px solid #ddd; -webkit-transition: -webkit-transform .5s; - -moz-transition: -moz-transform .5s; + -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: translate3d(0, -55px, 0); -ms-transform: translate3d(0, -55px, 0); @@ -712,7 +716,7 @@ code { padding-left: 0; opacity: .3; -webkit-transition: opacity .2s ease-in-out; - -moz-transition: opacity .2s ease-in-out; + -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .component.active { @@ -862,9 +866,10 @@ code { background-image: url("../img/device-sprite.png"); background-repeat: no-repeat; background-position: 0 0; - background-size: 300%; + -webkit-background-size: 300% 300%; + background-size: 300%; -webkit-transition: background-image .1s linear; - -moz-transition: background-image .1s linear; + -o-transition: background-image .1s linear; transition: background-image .1s linear; } .device.device-fixed { @@ -996,13 +1001,13 @@ hr { background-color: rgba(247, 247, 247, .98); border: 1px solid #929292; -webkit-transition: all; - -moz-transition: all; + -o-transition: all; transition: all; -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; + -o-transition-duration: .2s; transition-duration: .2s; } .platform-ios .btn:active, .platform-ios .btn.active { @@ -1153,6 +1158,9 @@ hr { .platform-ios .table-view .table-view-cell:last-child { background-image: none; } +.platform-ios .table-view .table-view-cell > a:not(.btn):active { + color: inherit; +} .platform-ios .table-view .table-view-divider { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); background-repeat: no-repeat; @@ -1230,7 +1238,7 @@ hr { color: #929292; border-color: #929292; -webkit-transition: background-color .1s linear; - -moz-transition: background-color .1s linear; + -o-transition: background-color .1s linear; transition: background-color .1s linear; } .platform-ios .segmented-control .control-item:active { @@ -1285,7 +1293,6 @@ hr { .platform-ios .popover { border-radius: 12px; -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; } .platform-ios .popover:before { @@ -1304,12 +1311,12 @@ hr { } .platform-ios .modal { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -o-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .platform-ios .modal.active { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -o-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .platform-ios .toggle { @@ -1318,18 +1325,18 @@ hr { -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; box-shadow: inset 0 0 0 0 #e1e1e1; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; + -o-transition-duration: .2s; transition-duration: .2s; - -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; - transition-property: box-shadow, border; + -webkit-transition-property: -webkit-box-shadow, border; + -o-transition-property: box-shadow, border; + transition-property: box-shadow, border; } .platform-ios .toggle .toggle-handle { border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; + -o-transition-property: -o-transform, border, width; transition-property: transform, border, width; } .platform-ios .toggle:before { @@ -1351,25 +1358,25 @@ hr { } .platform-ios .content.fade { -webkit-transition: opacity .2s ease-in-out; - -moz-transition: opacity .2s ease-in-out; + -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .platform-ios .content.sliding { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -o-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .platform-ios .content.sliding.sliding-in, .platform-ios .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; + -o-animation-name: fadeOverlay; animation-name: fadeOverlay; -webkit-animation-duration: .4s; - -moz-animation-duration: .4s; + -o-animation-duration: .4s; animation-duration: .4s; } .platform-ios .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; + -o-animation-direction: reverse; animation-direction: reverse; } .platform-ios .content.sliding.left { @@ -1382,7 +1389,6 @@ hr { -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent; box-shadow: 0 0 10px transparent, -320px 0 0 transparent; } - to { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); @@ -1676,6 +1682,7 @@ hr { background-image: none; } .platform-android .table-view .table-view-cell > a:not(.btn):active { + color: inherit; background-color: #e0e0e0; } .platform-android .table-view .table-view-cell > a:not(.btn):active .icon { @@ -1690,6 +1697,32 @@ hr { border-top: 0; border-bottom: 2px solid #a9a9a9; } +.platform-android .table-view-cell .navigate-left > .btn, +.platform-android .table-view-cell .navigate-left > .badge, +.platform-android .table-view-cell .navigate-left > .toggle, +.platform-android .table-view-cell .navigate-right > .btn, +.platform-android .table-view-cell .navigate-right > .badge, +.platform-android .table-view-cell .navigate-right > .toggle, +.platform-android .table-view-cell .push-left > .btn, +.platform-android .table-view-cell .push-left > .badge, +.platform-android .table-view-cell .push-left > .toggle, +.platform-android .table-view-cell .push-right > .btn, +.platform-android .table-view-cell .push-right > .badge, +.platform-android .table-view-cell .push-right > .toggle, +.platform-android .table-view-cell > a .navigate-left > .btn, +.platform-android .table-view-cell > a .navigate-left > .badge, +.platform-android .table-view-cell > a .navigate-left > .toggle, +.platform-android .table-view-cell > a .navigate-right > .btn, +.platform-android .table-view-cell > a .navigate-right > .badge, +.platform-android .table-view-cell > a .navigate-right > .toggle, +.platform-android .table-view-cell > a .push-left > .btn, +.platform-android .table-view-cell > a .push-left > .badge, +.platform-android .table-view-cell > a .push-left > .toggle, +.platform-android .table-view-cell > a .push-right > .btn, +.platform-android .table-view-cell > a .push-right > .badge, +.platform-android .table-view-cell > a .push-right > .toggle { + right: 15px; +} .platform-android select, .platform-android textarea, .platform-android input[type="text"], @@ -1735,8 +1768,13 @@ hr { background-image: none; } .platform-android .input-row { + height: 40px; border-bottom: 1px solid #d9d9d9; } +.platform-android .input-row label { + padding-top: 10px; + padding-bottom: 10px; +} .platform-android .input-row label + input { background-image: none; border-bottom: 0; @@ -1806,10 +1844,11 @@ hr { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + -o-transition: -o-transform .1s ease-in-out, opacity .2s ease-in-out; transition: transform .1s ease-in-out, opacity .2s ease-in-out; -webkit-transform: scale(.75); -ms-transform: scale(.75); + -o-transform: scale(.75); transform: scale(.75); } .platform-android .popover:before { @@ -1818,6 +1857,7 @@ hr { .platform-android .popover.visible { -webkit-transform: scale(1); -ms-transform: scale(1); + -o-transform: scale(1); transform: scale(1); } .platform-android .backdrop { @@ -1931,6 +1971,7 @@ hr { .platform-android .device .popover { -webkit-transform: scale(1); -ms-transform: scale(1); + -o-transform: scale(1); transform: scale(1); } .platform-android .bar ~ .content { @@ -1941,7 +1982,6 @@ hr { 0% { opacity: 0; } - 100% { opacity: 1; } @@ -2035,3 +2075,22 @@ hr { height: 20px; margin-top: 6px; } + +.browser-support-table td, +.browser-support-table th { + padding: 5px; + border: 1px solid #ddd; +} + +.browser-support-maybe { + color: #fff; + background-color: #f0ad4e; +} + +.browser-support-yes { + background-color: #9c0; +} + +.browser-support-no { + background-color: #f44; +} diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css index 59c9123..a7da2f2 100644 --- a/docs/assets/css/docs.min.css +++ b/docs/assets/css/docs.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - */html,body{width:100%;height:100%}body{position:relative!important;font:400 14px/1.5 "Open Sans",sans-serif;color:#333;-webkit-text-size-adjust:100%;background-color:#fff;-webkit-font-smoothing:antialiased}.docs-content{font-size:14px}@media screen and (min-width:768px){.docs-content{font-size:18px}}.docs-content h1,.docs-content h2,.docs-content h3,.docs-content h4,.docs-content h5,.docs-content h6{font-weight:400;color:#222}.docs-content h2{margin-bottom:.25em;font-size:2em}.docs-content h3{margin-bottom:.5em;font-size:1.25em}.docs-content p{margin-bottom:1.5em;font-size:1em;color:#555}.docs-content .lead{font-size:1.1em;color:#777}.docs-header,.docs-sub-header{position:relative;background-image:linear-gradient(45deg,#0a1855 0,#da0024 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a1855', endColorstr='#da0024', GradientType=0)}.docs-header{height:100vh;min-height:750px}.docs-header .carbonad{position:relative!important;margin-top:0!important;-webkit-animation-name:fadeintext;-moz-animation-name:fadeintext;animation-name:fadeintext;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s}.docs-header .version{margin-top:15px;color:rgba(255,255,255,.5);text-align:center}.docs-header-bottom{position:absolute;right:0;bottom:0;left:0}@media screen and (min-width:768px){.docs-header{min-height:870px}.docs-header .carbonad{left:50%!important;width:300px!important;margin-bottom:60px!important;margin-left:-150px!important}.docs-sub-header .carbonad{position:absolute!important;top:50%!important;right:15px!important;margin-top:0!important;-webkit-transform:translateY(-50%)!important;-ms-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}.docs-masthead{position:relative;padding-top:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.docs-title{position:absolute;left:50%;z-index:20;margin-bottom:0;font-size:22px;font-weight:400;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.docs-nav .docs-nav-trigger{color:#fff;opacity:.7}.docs-nav .docs-nav-trigger.active{opacity:1}.docs-nav .docs-nav-group{position:absolute;top:40px;right:0;left:0;z-index:20;height:0;overflow:hidden;background-color:rgba(0,0,0,.9);opacity:0}.docs-nav .docs-nav-group.active{height:auto;opacity:1}.docs-nav .docs-nav-item{display:block;padding:20px 15px;font-size:22px}.docs-jump-menu,.docs-component-group{display:none}.docs-title a,.docs-nav-item{color:#fff;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.docs-title a:active,.docs-title a:focus,.docs-nav-item:active,.docs-nav-item:focus{color:#fff;opacity:.5}@media screen and (min-width:768px){.docs-title{position:static;float:left;font-weight:300;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.docs-nav{float:right}.docs-nav .docs-nav-trigger{display:none}.docs-nav .docs-nav-group{position:static;display:block;height:auto;background-color:transparent;opacity:1}.docs-nav .docs-nav-item{position:relative;display:inline-block;padding:0 15px;font-size:14px}.docs-jump-menu{position:absolute;left:20px;display:block;color:#777;cursor:pointer;-webkit-transition:opacity .2 linear;-moz-transition:opacity .2 linear;transition:opacity .2 linear}.docs-jump-menu:hover{color:#428bca}.docs-jump-menu:active{opacity:.5}.docs-jump-menu .icon-list{margin-right:3px;font-size:16px}.docs-jump-menu .icon-caret{position:relative;top:4px;margin-left:-5px}.docs-component-group{position:absolute;top:35px;left:30px;padding-top:10px;padding-bottom:10px;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:3px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.05);box-shadow:0 0 8px rgba(0,0,0,.05)}.docs-component-group.active{display:block}.docs-component-group:before,.docs-component-group:after{position:absolute;left:30px;width:0;height:0;content:''}.docs-component-group:before{top:-11px;margin-left:-11px;border-right:11px solid transparent;border-bottom:11px solid rgba(0,0,0,.3);border-left:11px solid transparent}.docs-component-group:after{top:-10px;margin-left:-10px;border-right:10px solid transparent;border-bottom:10px solid #fff;border-left:10px solid transparent}.docs-component-group .docs-component-item{display:block;padding:10px 20px;color:#777}.docs-component-group .docs-component-item:hover{color:#fff;background-color:#428bca}}@media screen and (min-width:1200px){.docs-jump-menu{left:30px}}.docs-header-content{position:relative;padding:50px 10px;text-align:center;-webkit-animation-name:fadeintext;-moz-animation-name:fadeintext;animation-name:fadeintext;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s}.docs-header-content .btn{display:block;padding:15px 75px 16px;margin-bottom:0;font-size:18px;color:#0a1855;background-color:#fff;border:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.docs-header-content .btn:hover{background-color:#fff;-webkit-box-shadow:0 0 50px rgba(255,255,255,.3);box-shadow:0 0 50px rgba(255,255,255,.3)}.docs-header-content .btn:active{opacity:.5}.docs-subtitle{max-width:750px;margin:0 auto 20px;font-size:28px;font-weight:300;line-height:38px;color:#fff}@media screen and (min-width:768px){.docs-header-content{top:30%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.docs-header-content .btn{display:inline-block}.docs-subtitle{margin-bottom:30px;font-size:41px;line-height:60px}}.carbonad{width:100%!important;height:auto!important;padding:15px!important;font-size:13px!important;line-height:18px!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.1)!important;border-right:0!important;border-bottom:0!important;border-left:0!important}.carbonad-img{margin:0!important}.carbonad-text,.carbonad-tag{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Open Sans",sans-serif!important;color:rgba(255,255,255,.65)!important}.carbonad-text{padding-top:0!important}.carbonad-tag{text-align:left!important}.carbonad-text a,.carbonad-tag a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media screen and (min-width:768px){.carbonad{width:360px!important;border-right:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-left:1px solid rgba(255,255,255,.1)!important;border-radius:3px!important}}.docs-sub-content{position:relative;padding:55px 15px 65px;overflow:hidden;color:#fff;text-align:center}.docs-sub-content .page-title,.docs-sub-content .page-description{margin-top:0;margin-bottom:0;font-weight:300}.docs-sub-content .page-title{margin-bottom:5px;font-size:40px}.docs-sub-content .page-description{font-size:24px;color:#fff;opacity:.7}@media screen and (min-width:768px){.docs-sub-content{margin-right:380px;text-align:left}}.docs-section{padding-top:50px;padding-bottom:50px;border-bottom:1px solid #ddd}.docs-section:last-child{border-bottom:0}@media screen and (min-width:768px){.docs-module{margin-top:35px}}.docs-module{padding:20px;margin-top:20px;border:1px solid #ddd;border-radius:3px}.docs-module .btn-block{margin-bottom:0}.version{margin-top:10px;margin-bottom:0;font-size:90%;color:#777}.docs-footer{padding:30px 20px;margin-top:50px;font-size:14px;color:#777;text-align:center;border-top:1px solid #ddd}.docs-footer .social{padding:0 0 20px;margin:0;list-style:none}.docs-footer .social li{display:inline-block;height:20px;vertical-align:top}.docs-footer .social .twitter-follow-button{margin-top:5px}@media screen and (min-width:768px){.docs-footer .social .twitter-follow-button{margin-top:0}}.docs-footer-text{margin-top:0;margin-bottom:0}@media screen and (min-width:768px){.docs-footer-text{width:550px;padding-right:0;padding-left:0;margin:0 auto}}.docs-footer-links{padding-left:0}.docs-footer-links li{display:inline;padding-right:3px;padding-left:3px}.docs-header .docs-footer{margin-top:0;border-top:1px solid rgba(255,255,255,.1)}.docs-header .docs-footer .docs-footer-text,.docs-header .docs-footer .docs-footer-links{color:rgba(255,255,255,.5)}.docs-header .docs-footer .docs-footer-text a,.docs-header .docs-footer .docs-footer-links a{color:rgba(255,255,255,.8)}.github-btn{overflow:hidden;border:0}.docs-component-toolbar{position:fixed;top:0;right:0;bottom:auto;left:0;z-index:20;height:44px;padding-top:8px;padding-bottom:8px;background-color:#fff;border-bottom:1px solid #ddd;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s;-webkit-transform:translate3d(0,-55px,0);-ms-transform:translate3d(0,-55px,0);transform:translate3d(0,-55px,0)}.docs-component-toolbar.visible{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.docs-component-toolbar .segmented-control{max-width:300px;margin:0 auto}.docs-component-toolbar .segmented-control .control-item{cursor:pointer}.docs-examples{margin-top:30px}.example-wrap{margin-bottom:30px}.example-wrap .example{display:block;width:100%;padding:3px;overflow:hidden;border:1px solid #ddd;border-radius:3px}.example-wrap .example-title{margin-top:10px}.example-wrap img{display:block;width:100%;height:auto}code{padding:2px 4px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:90%;background-color:#f9f9f9;border-radius:3px}.component{padding:50px 15px;margin-right:-15px;margin-left:-15px;border-bottom:1px solid #ddd}.component.no-border{border-bottom:0}@media screen and (min-width:768px){.component{border-bottom:0}}.component-title{margin-bottom:10px;font-size:24px;line-height:34px}.component-description{margin-bottom:15px;font-size:16px}.component-example{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px}.component-example,.component-example .bar,.component-example .content{position:relative}.component-example .bar{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.component-example .bar.bar-header-secondary{top:0!important;border-top:0}.component-example>.content-padded{margin:15px}.component-example>.card{margin:15px 0 0}.component-example>.card .control-content{padding:15px}.component-example>.btn,.component-example>.toggle{margin-bottom:10px}.component-example .slider{height:300px}.component-example .slider .slide{height:300px}.component-example .slide img{width:100%}.component-example .slide-text{position:absolute;top:45%;left:0;width:100%;font-size:24px;color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5)}.component-example-fullbleed,.highlight{margin-right:-15px;margin-left:-15px}.bar-nav~.content{padding:0}.highlight pre{padding:15px;margin-top:15px;overflow-x:auto;font-size:13px;color:#777;word-wrap:normal;white-space:pre;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.highlight pre code{padding:0}@media screen and (min-width:768px){.component,.component-example-fullbleed,.highlight{margin-right:0;margin-left:0}.component{padding-right:0;padding-left:0;opacity:.3;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.component.active{opacity:1}.component-example{display:none}.highlight pre{border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:3px}}#ratchicons .icon,#ratchiconsInDevice .icon{width:50px;height:50px;margin:3px;font-size:24px;line-height:50px;text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:25px}#modals .modal{left:0;z-index:50}#push .component-example{height:150px;overflow:hidden}#buttonsInDevice .btn,#buttonsBadgesInDevice .btn,#buttonsWithIconsInDevice .btn{margin-top:10px;margin-right:100px;margin-left:10px}#blockButtonsInDevice .btn-block{width:300px;margin:10px auto}#segmentedControlsInDevice .segmented-control{margin-top:10px;margin-right:10px;margin-left:10px}#segmentedControlsInDevice .card span{padding:10px}#badgesInDevice{text-align:center}#badgesInDevice .badge{margin-top:10px}#formsInDevice form{margin:10px}#formsInDevice form.input-group{margin:0}#togglesInDevice .toggle{margin:10px auto}.toggle{cursor:pointer}#popoversInDevice #iwindow:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;content:'';background-color:rgba(0,0,0,.3)}@media screen and (min-width:768px){.popover{position:absolute;top:72px;display:block;opacity:1}}#modalsInDevice #iwindow>.btn{margin:10px}@media screen and (min-width:768px){.slider .slide{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.slider .slide img{display:block;width:100%;height:570px}.slider .slide-group .slide-text{position:absolute;top:45%;left:0;width:100%;font-size:24px;color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5)}}.device{display:none;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px}@media screen and (min-width:768px){.device{position:relative;top:50px;display:block;width:395px;height:813px;margin-left:-20px;font-family:"Helvetica Neue",sans-serif;background-image:url(../img/device-sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:300%;-webkit-transition:background-image .1s linear;-moz-transition:background-image .1s linear;transition:background-image .1s linear}.device.device-fixed{position:fixed;right:auto}.device .device-content{position:absolute;top:117px;left:37px;width:321px;height:569px;overflow:hidden;font-size:17px;line-height:21px;background-color:#fff}.device .content,.device .bar,.device .modal{position:absolute}.device .content{top:44px;right:0;bottom:0;left:0}}@media screen and (min-width:1200px){.device{margin-left:39px}}hr{height:0;margin:10px 0 30px;clear:both;border:solid #ddd;border-width:1px 0 0}.column-group:before,.column-group:after{display:table;content:" "}.column-group:after{clear:both}.container{position:relative;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.column-group{width:auto}.column{float:left;width:100%;padding-right:15px;padding-left:15px}.column.pull-right{float:right}.column .column-group{margin-right:-15px;margin-left:-15px}@media screen and (min-width:768px){.container{max-width:940px;padding:0}.lg-units-4{width:33.333%}.lg-units-5{width:41.666%}.lg-units-7{width:58.333%}.lg-units-8{width:66.666%}}@media screen and (min-width:1200px){.container{max-width:1170px}}.platform-ios a{color:#007aff}.platform-ios a:active{color:#0062cc}.platform-ios .content{background-color:#efeff4}.platform-ios .h5,.platform-ios h5,.platform-ios .h6,.platform-ios h6,.platform-ios p{color:#8f8f94}.platform-ios .h5,.platform-ios h5,.platform-ios .h6,.platform-ios h6{font-weight:400;text-transform:uppercase}.platform-ios .btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.platform-ios .btn:active,.platform-ios .btn.active{color:#fff;background-color:#929292}.platform-ios .btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.platform-ios .btn-primary:active,.platform-ios .btn-primary.active{background-color:#0062cc;border:1px solid #0062cc}.platform-ios .btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.platform-ios .btn-positive:active,.platform-ios .btn-positive.active{background-color:#2ac845;border:1px solid #2ac845}.platform-ios .btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.platform-ios .btn-negative:active,.platform-ios .btn-negative.active{background-color:#cf2d28;border:1px solid #cf2d28}.platform-ios .btn-outlined{background-color:transparent}.platform-ios .btn-outlined.btn-primary{color:#007aff}.platform-ios .btn-outlined.btn-positive{color:#4cd964}.platform-ios .btn-outlined.btn-negative{color:#dd524d}.platform-ios .btn-outlined.btn-primary:active,.platform-ios .btn-outlined.btn-positive:active,.platform-ios .btn-outlined.btn-negative:active{color:#fff}.platform-ios .btn-link{color:#007aff;background-color:transparent;border:none}.platform-ios .btn-link:active,.platform-ios .btn-link.active{color:#0062cc;background-color:transparent}.platform-ios .btn .badge{background-color:rgba(0,0,0,.15)}.platform-ios .btn .badge.badge-inverted{background-color:transparent}.platform-ios .btn:active .badge{color:#fff}.platform-ios .bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.platform-ios .bar.bar-header-secondary{top:44px}.platform-ios .bar.bar-footer-secondary{bottom:44px}.platform-ios .bar.bar-footer-secondary-tab{bottom:50px}.platform-ios .bar.bar-footer,.platform-ios .bar.bar-footer-secondary,.platform-ios .bar.bar-footer-secondary-tab{border-top:0}.platform-ios .bar-tab{border-top:0}.platform-ios .tab-item{color:#929292}.platform-ios .tab-item.active,.platform-ios .tab-item:active{color:#007aff}.platform-ios .bar-nav .btn-link{color:#007aff}.platform-ios .bar-nav .btn-link:active{color:#007aff;opacity:.6}.platform-ios .badge.badge-inverted{color:#929292;background-color:transparent}.platform-ios .badge-primary{color:#fff;background-color:#007aff}.platform-ios .badge-primary.badge-inverted{color:#007aff;background-color:transparent}.platform-ios .badge-positive{color:#fff;background-color:#4cd964}.platform-ios .badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.platform-ios .badge-negative{color:#fff;background-color:#dd524d}.platform-ios .badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.platform-ios .card .table-view{background-image:none}.platform-ios .card .table-view-cell:last-child{background-image:none}.platform-ios .table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.platform-ios .table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.platform-ios .table-view .table-view-cell:last-child{background-image:none}.platform-ios .table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.platform-ios select,.platform-ios textarea,.platform-ios input[type=text],.platform-ios input[type=search],.platform-ios input[type=password],.platform-ios input[type=datetime],.platform-ios input[type=datetime-local],.platform-ios input[type=date],.platform-ios input[type=month],.platform-ios input[type=time],.platform-ios input[type=week],.platform-ios input[type=number],.platform-ios input[type=email],.platform-ios input[type=url],.platform-ios input[type=tel],.platform-ios input[type=color],.platform-ios .input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}.platform-ios input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}.platform-ios input[type=search]:focus{text-align:left}.platform-ios select,.platform-ios textarea,.platform-ios .input-group{height:auto}.platform-ios .input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.platform-ios .input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.platform-ios .input-group input:last-child{background-image:none}.platform-ios .input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.platform-ios .input-row:last-child,.platform-ios .input-row label+input{background-image:none}.platform-ios .segmented-control{background-color:transparent;border:1px solid #929292}.platform-ios .segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.platform-ios .segmented-control .control-item:active{background-color:#ebebeb}.platform-ios .segmented-control .control-item.active{color:#fff;background-color:#929292}.platform-ios .segmented-control-primary{border:1px solid #007aff}.platform-ios .segmented-control-primary .control-item{color:#007aff;border-color:inherit}.platform-ios .segmented-control-primary .control-item:active{background-color:#b3d7ff}.platform-ios .segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.platform-ios .segmented-control-positive{border:1px solid #4cd964}.platform-ios .segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.platform-ios .segmented-control-positive .control-item:active{background-color:#dff8e3}.platform-ios .segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.platform-ios .segmented-control-negative{border:1px solid #dd524d}.platform-ios .segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.platform-ios .segmented-control-negative .control-item:active{background-color:#fae4e3}.platform-ios .segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.platform-ios .popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.platform-ios .popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.platform-ios .popover .bar{-webkit-box-shadow:none;box-shadow:none}.platform-ios .popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.platform-ios .popover .table-view{background-image:none;border-radius:12px}.platform-ios .modal{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.platform-ios .modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.platform-ios .toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.platform-ios .toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.platform-ios .toggle:before{display:none}.platform-ios .toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.platform-ios .toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.platform-ios .toggle.active .toggle-handle{border-color:#4cd964}.platform-ios .content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.platform-ios .content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.platform-ios .content.sliding.sliding-in,.platform-ios .content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.platform-ios .content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.platform-ios .content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}.platform-ios .device{background-position:-395px 0}.platform-ios .device .device-content{background-color:#efeff4}.platform-android body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}.platform-android a{color:#33b5e5}.platform-android a:active{color:#1a9bcb}.platform-android .content{background-color:#f2f2f2}.platform-android .bar-nav~.content{padding-top:50px}.platform-android .bar-header-secondary~.content{padding-top:100px}.platform-android .bar-tab~.content{padding-top:50px;padding-bottom:0}.platform-android .bar-footer~.content{padding-bottom:50px}.platform-android .bar-footer-secondary~.content{padding-bottom:100px}.platform-android .btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.platform-android .btn:active,.platform-android .btn.active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.platform-android .btn-primary{color:#fff;background-color:#33b5e5;border:0}.platform-android .btn-primary:active,.platform-android .btn-primary.active{color:#fff;background-color:#1a9bcb;border:0}.platform-android .btn-positive{color:#fff;background-color:#9c0;border:0}.platform-android .btn-positive:active,.platform-android .btn-positive.active{color:#fff;background-color:#739900;border:0}.platform-android .btn-negative{color:#fff;background-color:#f44;border:0}.platform-android .btn-negative:active,.platform-android .btn-negative.active{color:#fff;background-color:#f11;border:0}.platform-android .btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.platform-android .btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.platform-android .btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.platform-android .btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.platform-android .btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.platform-android .btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.platform-android .btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-outlined.btn-primary:active,.platform-android .btn-outlined.btn-positive:active,.platform-android .btn-outlined.btn-negative:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-link:active,.platform-android .btn-link.active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-block{padding:15px 0;font-size:18px}.platform-android .btn .badge{background-color:rgba(0,0,0,.15)}.platform-android .btn .badge.badge-inverted{background-color:transparent}.platform-android .btn:active .badge{color:#fff}.platform-android .bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.platform-android .bar.bar-header-secondary{top:50px}.platform-android .bar.bar-footer-secondary{bottom:50px}.platform-android .bar.bar-footer-secondary-tab{bottom:50px}.platform-android .bar .bar-footer,.platform-android .bar .bar-footer-secondary,.platform-android .bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.platform-android .bar-tab{top:0;bottom:auto;height:50px;border-top:0}.platform-android .bar-tab .tab-item{color:#929292}.platform-android .bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.platform-android .bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.platform-android .bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.platform-android .title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.platform-android .bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.platform-android .bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.platform-android .bar .btn-link:active,.platform-android .bar .btn-link.active{color:#1a9bcb}.platform-android .bar .btn-link .icon{top:2px;padding:0}.platform-android .bar .btn-block{top:4px}.platform-android .bar .segmented-control{top:7px}.platform-android .bar .icon{padding-top:13px;padding-bottom:13px}.platform-android .bar .title .icon{padding:0}.platform-android .bar .title .icon.icon-caret{top:10px;color:#777}.platform-android .bar input[type=search]{height:35px}.platform-android .badge.badge-inverted{color:#999;background-color:transparent}.platform-android .badge-primary{color:#fff;background-color:#33b5e5}.platform-android .badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.platform-android .badge-positive{color:#fff;background-color:#9c0}.platform-android .badge-positive.badge-inverted{color:#9c0;background-color:transparent}.platform-android .badge-negative{color:#fff;background-color:#f44}.platform-android .badge-negative.badge-inverted{color:#f44;background-color:transparent}.platform-android .card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.platform-android .table-view{background-color:transparent}.platform-android .table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.platform-android .table-view .table-view-cell:last-child{background-image:none}.platform-android .table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.platform-android .table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.platform-android .table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}.platform-android select,.platform-android textarea,.platform-android input[type=text],.platform-android input[type=search],.platform-android input[type=password],.platform-android input[type=datetime],.platform-android input[type=datetime-local],.platform-android input[type=date],.platform-android input[type=month],.platform-android input[type=time],.platform-android input[type=week],.platform-android input[type=number],.platform-android input[type=email],.platform-android input[type=url],.platform-android input[type=tel],.platform-android input[type=color],.platform-android .input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}.platform-android input[type=search]{border-radius:2px}.platform-android select,.platform-android textarea,.platform-android .input-group{height:auto}.platform-android .input-group{padding:0;border:0}.platform-android .input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.platform-android .input-group input:last-child{background-image:none}.platform-android .input-row{border-bottom:1px solid #d9d9d9}.platform-android .input-row label+input{background-image:none;border-bottom:0}.platform-android .segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.platform-android .segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.platform-android .segmented-control .control-item:first-child{border-left-width:0}.platform-android .segmented-control .control-item:active,.platform-android .segmented-control .control-item.active{background-color:#999}.platform-android .segmented-control-primary{border:0}.platform-android .segmented-control-primary .control-item{color:#fff;border-color:inherit}.platform-android .segmented-control-primary .control-item:active,.platform-android .segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.platform-android .segmented-control-positive{border:0}.platform-android .segmented-control-positive .control-item{color:#fff;border-color:inherit}.platform-android .segmented-control-positive .control-item:active,.platform-android .segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.platform-android .segmented-control-negative{border:0}.platform-android .segmented-control-negative .control-item{color:#fff;border-color:inherit}.platform-android .segmented-control-negative .control-item:active,.platform-android .segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.platform-android .popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.platform-android .popover:before{display:none}.platform-android .popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.platform-android .backdrop{background-color:transparent}.platform-android .popover .bar{border-radius:0}.platform-android .popover .bar-nav~.table-view{padding-top:50px}.platform-android .popover .table-view{border-radius:12px}.platform-android .toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.platform-android .toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.platform-android .toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.platform-android .toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.platform-android .toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.platform-android .toggle.active:before{right:14px;left:auto;color:#fff}.platform-android .navigate-left:after,.platform-android .push-left:after{content:''}.platform-android .navigate-right:after,.platform-android .push-right:after{content:''}.platform-android .icon-caret:before{content:'\e800'}.platform-android .icon-down:before,.platform-android .icon-down-nav:before{content:'\e801'}.platform-android .icon-download:before{content:'\e802'}.platform-android .icon-left:before,.platform-android .icon-left-nav:before{content:'\e803'}.platform-android .icon-more-vertical:before{content:'\e804'}.platform-android .icon-more:before{content:'\e805'}.platform-android .icon-right:before,.platform-android .icon-right-nav:before{content:'\e806'}.platform-android .icon-search:before{content:'\e807'}.platform-android .icon-share:before{content:'\e808'}.platform-android .icon-up:before,.platform-android .icon-up-nav:before{content:'\e809'}.platform-android .device{font-family:Roboto,sans-serif;background-position:-790px 0}.platform-android .device .device-content{font-size:18px;line-height:22px;background-color:#f2f2f2}.platform-android .device .content{top:50px}.platform-android .device .popover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.platform-android .bar~.content{padding:0}@-webkit-keyframes fadeintext{0%{opacity:0}100%{opacity:1}}.bs-callout{padding:20px;margin:20px 0;border-left:3px solid #eee}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{background-color:#fff;border-radius:3px}.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.list-group{padding-left:0;margin-bottom:20px}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group .team-member{font-size:14px;line-height:32px;color:#555}.list-group img{float:left;width:32px;margin-right:10px;border-radius:4px}.list-group .team-member-info{overflow:hidden}.list-group .github-btn{float:right;width:121px;height:20px;margin-top:6px}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#F60}.mh{color:#F60}.mi{color:#F60}.mo{color:#F60}.sb{color:#C30}.sc{color:#C30}.sd{color:#C30;font-style:italic}.s2{color:#C30}.se{color:#C30}.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#F60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}
\ No newline at end of file + */body,html{width:100%;height:100%}body{position:relative!important;font:400 14px/1.5 "Open Sans",sans-serif;color:#333;-webkit-text-size-adjust:100%;background-color:#fff;-webkit-font-smoothing:antialiased}.docs-content{font-size:14px}@media screen and (min-width:768px){.docs-content{font-size:18px}}.docs-content h1,.docs-content h2,.docs-content h3,.docs-content h4,.docs-content h5,.docs-content h6{font-weight:400;color:#222}.docs-content h2{margin-bottom:.25em;font-size:2em}.docs-content h3{margin-bottom:.5em;font-size:1.25em}.docs-content p{margin-bottom:1.5em;font-size:1em;color:#555}.docs-content .lead{font-size:1.1em;color:#777}.docs-header,.docs-sub-header{position:relative;background-color:#0a1855;background-image:-webkit-gradient(linear,left bottom,right top,color-stop(0,#0a1855),color-stop(100%,#da0024));background-image:-webkit-linear-gradient(45deg,#0a1855 0,#da0024 100%);background-image:-o-linear-gradient(45deg,#0a1855 0,#da0024 100%);background-image:linear-gradient(45deg,#0a1855 0,#da0024 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a1855', endColorstr='#da0024', GradientType=1)}.docs-header{height:100vh;min-height:750px}.docs-header .carbonad{position:relative!important;margin-top:0!important;-webkit-animation-name:fadeintext;-o-animation-name:fadeintext;animation-name:fadeintext;-webkit-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}.docs-header .version{margin-top:15px;color:rgba(255,255,255,.5);text-align:center}.docs-header-bottom{position:absolute;right:0;bottom:0;left:0}@media screen and (min-width:768px){.docs-header{min-height:870px}.docs-header .carbonad{left:50%!important;width:330px!important;margin-bottom:60px!important;margin-left:-165px!important}.docs-sub-header .carbonad{position:absolute!important;top:50%!important;right:15px!important;margin-top:0!important;-webkit-transform:translateY(-50%)!important;-ms-transform:translateY(-50%)!important;-o-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}.docs-masthead{position:relative;padding-top:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.docs-title{position:absolute;left:50%;z-index:20;margin-bottom:0;font-size:22px;font-weight:400;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.docs-nav .docs-nav-trigger{color:#fff;opacity:.7}.docs-nav .docs-nav-trigger.active{opacity:1}.docs-nav .docs-nav-group{position:absolute;top:40px;right:0;left:0;z-index:20;height:0;overflow:hidden;background-color:rgba(0,0,0,.9);opacity:0}.docs-nav .docs-nav-group.active{height:auto;opacity:1}.docs-nav .docs-nav-item{display:block;padding:20px 15px;font-size:22px}.docs-component-group,.docs-jump-menu{display:none}.docs-nav-item,.docs-title a{color:#fff;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.docs-nav-item:active,.docs-nav-item:focus,.docs-title a:active,.docs-title a:focus{color:#fff;opacity:.5}@media screen and (min-width:768px){.docs-title{position:static;float:left;font-weight:300;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.docs-nav{float:right}.docs-nav .docs-nav-trigger{display:none}.docs-nav .docs-nav-group{position:static;display:block;height:auto;background-color:transparent;opacity:1}.docs-nav .docs-nav-item{position:relative;display:inline-block;padding:0 15px;font-size:14px}.docs-jump-menu{position:absolute;left:15px;display:block;color:#777;cursor:pointer;-webkit-transition:opacity .2 linear;-o-transition:opacity .2 linear;transition:opacity .2 linear}.docs-jump-menu:hover{color:#428bca}.docs-jump-menu:active{opacity:.5}.docs-jump-menu .icon-list{margin-right:3px;font-size:16px}.docs-jump-menu .icon-caret{position:relative;top:4px;margin-left:-5px}.docs-component-group{position:absolute;top:35px;left:15px;padding-top:10px;padding-bottom:10px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:3px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.05);box-shadow:0 0 8px rgba(0,0,0,.05)}.docs-component-group.active{display:block}.docs-component-group:after,.docs-component-group:before{position:absolute;left:30px;width:0;height:0;content:''}.docs-component-group:before{top:-11px;margin-left:-11px;border-right:11px solid transparent;border-bottom:11px solid rgba(0,0,0,.3);border-left:11px solid transparent}.docs-component-group:after{top:-10px;margin-left:-10px;border-right:10px solid transparent;border-bottom:10px solid #fff;border-left:10px solid transparent}.docs-component-group .docs-component-item{display:block;padding:10px 20px;color:#777}.docs-component-group .docs-component-item:hover{color:#fff;background-color:#428bca}}.docs-header-content{position:relative;padding:50px 10px;text-align:center;-webkit-animation-name:fadeintext;-o-animation-name:fadeintext;animation-name:fadeintext;-webkit-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}.docs-header-content .btn{display:block;padding:15px 60px 16px;margin-bottom:0;font-size:18px;color:#0a1855;background-color:#fff;border:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.docs-header-content .btn:hover{background-color:#fff;-webkit-box-shadow:0 0 50px rgba(255,255,255,.3);box-shadow:0 0 50px rgba(255,255,255,.3)}.docs-header-content .btn:active{opacity:.5}.docs-subtitle{max-width:750px;margin:0 auto 20px;font-size:28px;font-weight:300;line-height:38px;color:#fff}@media screen and (min-width:768px){.docs-header-content{top:30%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.docs-header-content .btn{display:inline-block}.docs-subtitle{margin-bottom:30px;font-size:41px;line-height:60px}}.carbonad{width:100%!important;height:auto!important;padding:15px!important;font-size:13px!important;line-height:18px!important;background:0 0!important;border-top:1px solid rgba(255,255,255,.1)!important;border-right:0!important;border-bottom:0!important;border-left:0!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Open Sans",sans-serif!important;color:rgba(255,255,255,.65)!important}.carbonad-text{padding-top:0!important}.carbonad-tag{text-align:left!important}.carbonad-tag a,.carbonad-text a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media screen and (min-width:768px){.carbonad{width:360px!important;border-right:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-left:1px solid rgba(255,255,255,.1)!important;border-radius:3px!important}}.docs-sub-content{position:relative;padding:55px 15px 65px;overflow:hidden;color:#fff;text-align:center}.docs-sub-content .page-description,.docs-sub-content .page-title{margin-top:0;margin-bottom:0;font-weight:300}.docs-sub-content .page-title{margin-bottom:5px;font-size:40px}.docs-sub-content .page-description{font-size:24px;color:#fff;opacity:.7}@media screen and (min-width:768px){.docs-sub-content{margin-right:380px;text-align:left}}.docs-section{padding-top:50px;padding-bottom:50px;border-bottom:1px solid #ddd}.docs-section:last-child{border-bottom:0}@media screen and (min-width:768px){.docs-module{margin-top:35px}}.docs-module{padding:20px;margin-top:20px;border:1px solid #ddd;border-radius:3px}.docs-module .btn-block{margin-bottom:0}.version{margin-top:10px;margin-bottom:0;font-size:90%;color:#777}.docs-footer{padding:30px 20px;margin-top:50px;font-size:14px;color:#777;text-align:center;border-top:1px solid #ddd}.docs-footer .social{padding:0 0 20px;margin:0;list-style:none}.docs-footer .social li{display:inline-block;height:20px;vertical-align:top}.docs-footer .social .twitter-follow-button{margin-top:5px}@media screen and (min-width:768px){.docs-footer .social .twitter-follow-button{margin-top:0}}.docs-footer-text{margin-top:0;margin-bottom:0}@media screen and (min-width:768px){.docs-footer-text{width:550px;padding-right:0;padding-left:0;margin:0 auto}}.docs-footer-links{padding-left:0}.docs-footer-links li{display:inline;padding-right:3px;padding-left:3px}.docs-header .docs-footer{margin-top:0;border-top:1px solid rgba(255,255,255,.1)}.docs-header .docs-footer .docs-footer-links,.docs-header .docs-footer .docs-footer-text{color:rgba(255,255,255,.5)}.docs-header .docs-footer .docs-footer-links a,.docs-header .docs-footer .docs-footer-text a{color:rgba(255,255,255,.8)}.github-btn{overflow:hidden;border:0}.docs-component-toolbar{position:fixed;top:0;right:0;bottom:auto;left:0;z-index:20;height:44px;padding-top:8px;padding-bottom:8px;background-color:#fff;border-bottom:1px solid #ddd;-webkit-transition:-webkit-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s;-webkit-transform:translate3d(0,-55px,0);-ms-transform:translate3d(0,-55px,0);transform:translate3d(0,-55px,0)}.docs-component-toolbar.visible{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.docs-component-toolbar .segmented-control{max-width:300px;margin:0 auto}.docs-component-toolbar .segmented-control .control-item{cursor:pointer}.docs-examples{margin-top:30px}.example-wrap{margin-bottom:30px}.example-wrap .example{display:block;width:100%;padding:3px;overflow:hidden;border:1px solid #ddd;border-radius:3px}.example-wrap .example-title{margin-top:10px}.example-wrap img{display:block;width:100%;height:auto}code{padding:2px 4px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:90%;background-color:#f9f9f9;border-radius:3px}.component{padding:50px 15px;margin-right:-15px;margin-left:-15px;border-bottom:1px solid #ddd}.component.no-border{border-bottom:0}@media screen and (min-width:768px){.component{border-bottom:0}}.component-title{margin-bottom:10px;font-size:24px;line-height:34px}.component-description{margin-bottom:15px;font-size:16px}.component-example{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px}.component-example,.component-example .bar,.component-example .content{position:relative}.component-example .bar{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.component-example .bar.bar-header-secondary{top:0!important;border-top:0}.component-example>.content-padded{margin:15px}.component-example>.card{margin:15px 0 0}.component-example>.card .control-content{padding:15px}.component-example>.btn,.component-example>.toggle{margin-bottom:10px}.component-example .slider,.component-example .slider .slide{height:300px}.component-example .slide img{width:100%}.component-example .slide-text{position:absolute;top:45%;left:0;width:100%;font-size:24px;color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5)}.component-example-fullbleed,.highlight{margin-right:-15px;margin-left:-15px}.bar-nav~.content{padding:0}.highlight pre{padding:15px;margin-top:15px;overflow-x:auto;font-size:13px;color:#777;word-wrap:normal;white-space:pre;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.highlight pre code{padding:0}@media screen and (min-width:768px){.component,.component-example-fullbleed,.highlight{margin-right:0;margin-left:0}.component{padding-right:0;padding-left:0;opacity:.3;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.component.active{opacity:1}.component-example{display:none}.highlight pre{border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:3px}}#ratchicons .icon,#ratchiconsInDevice .icon{width:50px;height:50px;margin:3px;font-size:24px;line-height:50px;text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:25px}#modals .modal{left:0;z-index:50}#push .component-example{height:150px;overflow:hidden}#buttonsBadgesInDevice .btn,#buttonsInDevice .btn,#buttonsWithIconsInDevice .btn{margin-top:10px;margin-right:100px;margin-left:10px}#blockButtonsInDevice .btn-block{width:300px;margin:10px auto}#segmentedControlsInDevice .segmented-control{margin-top:10px;margin-right:10px;margin-left:10px}#segmentedControlsInDevice .card span{padding:10px}#badgesInDevice{text-align:center}#badgesInDevice .badge{margin-top:10px}#formsInDevice form{margin:10px}#formsInDevice form.input-group{margin:0}#togglesInDevice .toggle{margin:10px auto}.toggle{cursor:pointer}#popoversInDevice #iwindow:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;content:'';background-color:rgba(0,0,0,.3)}@media screen and (min-width:768px){.popover{position:absolute;top:72px;display:block;opacity:1}}#modalsInDevice #iwindow>.btn{margin:10px}@media screen and (min-width:768px){.slider .slide{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.slider .slide img{display:block;width:100%;height:570px}.slider .slide-group .slide-text{position:absolute;top:45%;left:0;width:100%;font-size:24px;color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5)}}.device{display:none;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px}@media screen and (min-width:768px){.device{position:relative;top:50px;display:block;width:395px;height:813px;margin-left:-20px;font-family:"Helvetica Neue",sans-serif;background-image:url(../img/device-sprite.png);background-repeat:no-repeat;background-position:0 0;-webkit-background-size:300% 300%;background-size:300%;-webkit-transition:background-image .1s linear;-o-transition:background-image .1s linear;transition:background-image .1s linear}.device.device-fixed{position:fixed;right:auto}.device .device-content{position:absolute;top:117px;left:37px;width:321px;height:569px;overflow:hidden;font-size:17px;line-height:21px;background-color:#fff}.device .bar,.device .content,.device .modal{position:absolute}.device .content{top:44px;right:0;bottom:0;left:0}}@media screen and (min-width:1200px){.device{margin-left:39px}}hr{height:0;margin:10px 0 30px;clear:both;border:solid #ddd;border-width:1px 0 0}.column-group:after,.column-group:before{display:table;content:" "}.column-group:after{clear:both}.container{position:relative;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.column-group{width:auto}.column{float:left;width:100%;padding-right:15px;padding-left:15px}.column.pull-right{float:right}.column .column-group{margin-right:-15px;margin-left:-15px}@media screen and (min-width:768px){.container{max-width:940px;padding:0}.lg-units-4{width:33.333%}.lg-units-5{width:41.666%}.lg-units-7{width:58.333%}.lg-units-8{width:66.666%}}@media screen and (min-width:1200px){.container{max-width:1170px}}.platform-ios a{color:#007aff}.platform-ios a:active{color:#0062cc}.platform-ios .content{background-color:#efeff4}.platform-ios .h5,.platform-ios .h6,.platform-ios h5,.platform-ios h6,.platform-ios p{color:#8f8f94}.platform-ios .h5,.platform-ios .h6,.platform-ios h5,.platform-ios h6{font-weight:400;text-transform:uppercase}.platform-ios .btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.platform-ios .btn.active,.platform-ios .btn:active{color:#fff;background-color:#929292}.platform-ios .btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.platform-ios .btn-primary.active,.platform-ios .btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.platform-ios .btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.platform-ios .btn-positive.active,.platform-ios .btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.platform-ios .btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.platform-ios .btn-negative.active,.platform-ios .btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.platform-ios .btn-outlined{background-color:transparent}.platform-ios .btn-outlined.btn-primary{color:#007aff}.platform-ios .btn-outlined.btn-positive{color:#4cd964}.platform-ios .btn-outlined.btn-negative{color:#dd524d}.platform-ios .btn-outlined.btn-negative:active,.platform-ios .btn-outlined.btn-positive:active,.platform-ios .btn-outlined.btn-primary:active{color:#fff}.platform-ios .btn-link{color:#007aff;background-color:transparent;border:none}.platform-ios .btn-link.active,.platform-ios .btn-link:active{color:#0062cc;background-color:transparent}.platform-ios .btn .badge{background-color:rgba(0,0,0,.15)}.platform-ios .btn .badge.badge-inverted{background-color:transparent}.platform-ios .btn:active .badge{color:#fff}.platform-ios .bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.platform-ios .bar.bar-header-secondary{top:44px}.platform-ios .bar.bar-footer-secondary{bottom:44px}.platform-ios .bar.bar-footer-secondary-tab{bottom:50px}.platform-ios .bar-tab,.platform-ios .bar.bar-footer,.platform-ios .bar.bar-footer-secondary,.platform-ios .bar.bar-footer-secondary-tab{border-top:0}.platform-ios .tab-item{color:#929292}.platform-ios .bar-nav .btn-link,.platform-ios .tab-item.active,.platform-ios .tab-item:active{color:#007aff}.platform-ios .bar-nav .btn-link:active{color:#007aff;opacity:.6}.platform-ios .badge.badge-inverted{color:#929292;background-color:transparent}.platform-ios .badge-primary{color:#fff;background-color:#007aff}.platform-ios .badge-primary.badge-inverted{color:#007aff;background-color:transparent}.platform-ios .badge-positive{color:#fff;background-color:#4cd964}.platform-ios .badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.platform-ios .badge-negative{color:#fff;background-color:#dd524d}.platform-ios .badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.platform-ios .card .table-view,.platform-ios .card .table-view-cell:last-child{background-image:none}.platform-ios .table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.platform-ios .table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.platform-ios .table-view .table-view-cell:last-child{background-image:none}.platform-ios .table-view .table-view-cell>a:not(.btn):active{color:inherit}.platform-ios .table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.platform-ios .input-group,.platform-ios input[type=datetime],.platform-ios input[type=datetime-local],.platform-ios input[type=date],.platform-ios input[type=month],.platform-ios input[type=time],.platform-ios input[type=week],.platform-ios input[type=number],.platform-ios input[type=email],.platform-ios input[type=url],.platform-ios input[type=tel],.platform-ios input[type=color],.platform-ios input[type=text],.platform-ios input[type=search],.platform-ios input[type=password],.platform-ios select,.platform-ios textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}.platform-ios input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}.platform-ios input[type=search]:focus{text-align:left}.platform-ios .input-group,.platform-ios select,.platform-ios textarea{height:auto}.platform-ios .input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.platform-ios .input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.platform-ios .input-group input:last-child{background-image:none}.platform-ios .input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.platform-ios .input-row label+input,.platform-ios .input-row:last-child{background-image:none}.platform-ios .segmented-control{background-color:transparent;border:1px solid #929292}.platform-ios .segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-o-transition:background-color .1s linear;transition:background-color .1s linear}.platform-ios .segmented-control .control-item:active{background-color:#ebebeb}.platform-ios .segmented-control .control-item.active{color:#fff;background-color:#929292}.platform-ios .segmented-control-primary{border:1px solid #007aff}.platform-ios .segmented-control-primary .control-item{color:#007aff;border-color:inherit}.platform-ios .segmented-control-primary .control-item:active{background-color:#b3d7ff}.platform-ios .segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.platform-ios .segmented-control-positive{border:1px solid #4cd964}.platform-ios .segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.platform-ios .segmented-control-positive .control-item:active{background-color:#dff8e3}.platform-ios .segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.platform-ios .segmented-control-negative{border:1px solid #dd524d}.platform-ios .segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.platform-ios .segmented-control-negative .control-item:active{background-color:#fae4e3}.platform-ios .segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.platform-ios .popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.platform-ios .popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.platform-ios .popover .bar{-webkit-box-shadow:none;box-shadow:none}.platform-ios .popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.platform-ios .popover .table-view{background-image:none;border-radius:12px}.platform-ios .modal,.platform-ios .modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-o-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.platform-ios .toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-box-shadow,border;-o-transition-property:box-shadow,border;transition-property:box-shadow,border}.platform-ios .toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-o-transition-property:-o-transform,border,width;transition-property:transform,border,width}.platform-ios .toggle:before{display:none}.platform-ios .toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.platform-ios .toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.platform-ios .content.fade{-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.platform-ios .content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-o-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.platform-ios .content.sliding.right:not([class*=sliding-in]),.platform-ios .content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;-o-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s}.platform-ios .content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}.platform-ios .content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}.platform-ios .device{background-position:-395px 0}.platform-ios .device .device-content{background-color:#efeff4}.platform-android body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}.platform-android a{color:#33b5e5}.platform-android a:active{color:#1a9bcb}.platform-android .content{background-color:#f2f2f2}.platform-android .bar-nav~.content{padding-top:50px}.platform-android .bar-header-secondary~.content{padding-top:100px}.platform-android .bar-tab~.content{padding-top:50px;padding-bottom:0}.platform-android .bar-footer~.content{padding-bottom:50px}.platform-android .bar-footer-secondary~.content{padding-bottom:100px}.platform-android .btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.platform-android .btn.active,.platform-android .btn:active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.platform-android .btn-primary{color:#fff;background-color:#33b5e5;border:0}.platform-android .btn-primary.active,.platform-android .btn-primary:active{color:#fff;background-color:#1a9bcb;border:0}.platform-android .btn-positive{color:#fff;background-color:#9c0;border:0}.platform-android .btn-positive.active,.platform-android .btn-positive:active{color:#fff;background-color:#739900;border:0}.platform-android .btn-negative{color:#fff;background-color:#f44;border:0}.platform-android .btn-negative.active,.platform-android .btn-negative:active{color:#fff;background-color:#f11;border:0}.platform-android .btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.platform-android .btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.platform-android .btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.platform-android .btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.platform-android .btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.platform-android .btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.platform-android .btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-outlined.btn-negative:active,.platform-android .btn-outlined.btn-positive:active,.platform-android .btn-outlined.btn-primary:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-link.active,.platform-android .btn-link:active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.platform-android .btn-block{padding:15px 0;font-size:18px}.platform-android .btn .badge{background-color:rgba(0,0,0,.15)}.platform-android .btn .badge.badge-inverted{background-color:transparent}.platform-android .btn:active .badge{color:#fff}.platform-android .bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.platform-android .bar.bar-header-secondary{top:50px}.platform-android .bar.bar-footer-secondary,.platform-android .bar.bar-footer-secondary-tab{bottom:50px}.platform-android .bar .bar-footer,.platform-android .bar .bar-footer-secondary,.platform-android .bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.platform-android .bar-tab{top:0;bottom:auto;height:50px;border-top:0}.platform-android .bar-tab .tab-item{color:#929292}.platform-android .bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.platform-android .bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.platform-android .bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.platform-android .title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.platform-android .bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.platform-android .bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.platform-android .bar .btn-link.active,.platform-android .bar .btn-link:active{color:#1a9bcb}.platform-android .bar .btn-link .icon{top:2px;padding:0}.platform-android .bar .btn-block{top:4px}.platform-android .bar .segmented-control{top:7px}.platform-android .bar .icon{padding-top:13px;padding-bottom:13px}.platform-android .bar .title .icon{padding:0}.platform-android .bar .title .icon.icon-caret{top:10px;color:#777}.platform-android .bar input[type=search]{height:35px}.platform-android .badge.badge-inverted{color:#999;background-color:transparent}.platform-android .badge-primary{color:#fff;background-color:#33b5e5}.platform-android .badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.platform-android .badge-positive{color:#fff;background-color:#9c0}.platform-android .badge-positive.badge-inverted{color:#9c0;background-color:transparent}.platform-android .badge-negative{color:#fff;background-color:#f44}.platform-android .badge-negative.badge-inverted{color:#f44;background-color:transparent}.platform-android .card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.platform-android .table-view{background-color:transparent}.platform-android .table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.platform-android .table-view .table-view-cell:last-child{background-image:none}.platform-android .table-view .table-view-cell>a:not(.btn):active{color:inherit;background-color:#e0e0e0}.platform-android .table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.platform-android .table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}.platform-android .table-view-cell .navigate-left>.badge,.platform-android .table-view-cell .navigate-left>.btn,.platform-android .table-view-cell .navigate-left>.toggle,.platform-android .table-view-cell .navigate-right>.badge,.platform-android .table-view-cell .navigate-right>.btn,.platform-android .table-view-cell .navigate-right>.toggle,.platform-android .table-view-cell .push-left>.badge,.platform-android .table-view-cell .push-left>.btn,.platform-android .table-view-cell .push-left>.toggle,.platform-android .table-view-cell .push-right>.badge,.platform-android .table-view-cell .push-right>.btn,.platform-android .table-view-cell .push-right>.toggle,.platform-android .table-view-cell>a .navigate-left>.badge,.platform-android .table-view-cell>a .navigate-left>.btn,.platform-android .table-view-cell>a .navigate-left>.toggle,.platform-android .table-view-cell>a .navigate-right>.badge,.platform-android .table-view-cell>a .navigate-right>.btn,.platform-android .table-view-cell>a .navigate-right>.toggle,.platform-android .table-view-cell>a .push-left>.badge,.platform-android .table-view-cell>a .push-left>.btn,.platform-android .table-view-cell>a .push-left>.toggle,.platform-android .table-view-cell>a .push-right>.badge,.platform-android .table-view-cell>a .push-right>.btn,.platform-android .table-view-cell>a .push-right>.toggle{right:15px}.platform-android .input-group,.platform-android input[type=datetime],.platform-android input[type=datetime-local],.platform-android input[type=date],.platform-android input[type=month],.platform-android input[type=time],.platform-android input[type=week],.platform-android input[type=number],.platform-android input[type=email],.platform-android input[type=url],.platform-android input[type=tel],.platform-android input[type=color],.platform-android input[type=text],.platform-android input[type=search],.platform-android input[type=password],.platform-android select,.platform-android textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}.platform-android input[type=search]{border-radius:2px}.platform-android .input-group,.platform-android select,.platform-android textarea{height:auto}.platform-android .input-group{padding:0;border:0}.platform-android .input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.platform-android .input-group input:last-child{background-image:none}.platform-android .input-row{height:40px;border-bottom:1px solid #d9d9d9}.platform-android .input-row label{padding-top:10px;padding-bottom:10px}.platform-android .input-row label+input{background-image:none;border-bottom:0}.platform-android .segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.platform-android .segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.platform-android .segmented-control .control-item:first-child{border-left-width:0}.platform-android .segmented-control .control-item.active,.platform-android .segmented-control .control-item:active{background-color:#999}.platform-android .segmented-control-primary{border:0}.platform-android .segmented-control-primary .control-item{color:#fff;border-color:inherit}.platform-android .segmented-control-primary .control-item.active,.platform-android .segmented-control-primary .control-item:active{color:#fff;background-color:#33b5e5}.platform-android .segmented-control-positive{border:0}.platform-android .segmented-control-positive .control-item{color:#fff;border-color:inherit}.platform-android .segmented-control-positive .control-item.active,.platform-android .segmented-control-positive .control-item:active{color:#fff;background-color:#9c0}.platform-android .segmented-control-negative{border:0}.platform-android .segmented-control-negative .control-item{color:#fff;border-color:inherit}.platform-android .segmented-control-negative .control-item.active,.platform-android .segmented-control-negative .control-item:active{color:#fff;background-color:#f44}.platform-android .popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-o-transition:-o-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}.platform-android .popover:before{display:none}.platform-android .popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.platform-android .backdrop{background-color:transparent}.platform-android .popover .bar{border-radius:0}.platform-android .popover .bar-nav~.table-view{padding-top:50px}.platform-android .popover .table-view{border-radius:12px}.platform-android .toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.platform-android .toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.platform-android .toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.platform-android .toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.platform-android .toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.platform-android .toggle.active:before{right:14px;left:auto;color:#fff}.platform-android .navigate-left:after,.platform-android .navigate-right:after,.platform-android .push-left:after,.platform-android .push-right:after{content:''}.platform-android .icon-caret:before{content:'\e800'}.platform-android .icon-down-nav:before,.platform-android .icon-down:before{content:'\e801'}.platform-android .icon-download:before{content:'\e802'}.platform-android .icon-left-nav:before,.platform-android .icon-left:before{content:'\e803'}.platform-android .icon-more-vertical:before{content:'\e804'}.platform-android .icon-more:before{content:'\e805'}.platform-android .icon-right-nav:before,.platform-android .icon-right:before{content:'\e806'}.platform-android .icon-search:before{content:'\e807'}.platform-android .icon-share:before{content:'\e808'}.platform-android .icon-up-nav:before,.platform-android .icon-up:before{content:'\e809'}.platform-android .device{font-family:Roboto,sans-serif;background-position:-790px 0}.platform-android .device .device-content{font-size:18px;line-height:22px;background-color:#f2f2f2}.platform-android .device .content{top:50px}.platform-android .device .popover{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.platform-android .bar~.content{padding:0}@-webkit-keyframes fadeintext{0%{opacity:0}100%{opacity:1}}.bs-callout{padding:20px;margin:20px 0;border-left:3px solid #eee}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{background-color:#fff;border-radius:3px}.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.list-group{padding-left:0;margin-bottom:20px}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group .team-member{font-size:14px;line-height:32px;color:#555}.list-group img{float:left;width:32px;margin-right:10px;border-radius:4px}.list-group .team-member-info{overflow:hidden}.list-group .github-btn{float:right;width:121px;height:20px;margin-top:6px}.browser-support-table td,.browser-support-table th{padding:5px;border:1px solid #ddd}.browser-support-maybe{color:#fff;background-color:#f0ad4e}.browser-support-yes{background-color:#9c0}.browser-support-no{background-color:#f44}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#F60}.sb,.sc{color:#C30}.sd{color:#C30;font-style:italic}.s2,.se,.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#F60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}
\ No newline at end of file diff --git a/docs/assets/js/docs.js b/docs/assets/js/docs.js index b27e7d6..753ffba 100644 --- a/docs/assets/js/docs.js +++ b/docs/assets/js/docs.js @@ -1,7 +1,7 @@ /* jshint jquery: true */ /* global FingerBlast: true */ -$(function() { +$(function () { 'use strict'; var doc; @@ -42,13 +42,8 @@ $(function() { footerHeight = $('.docs-footer').outerHeight(false); toolbarToggle = $('.js-docs-component-toolbar'); - // exit if no device - if (!device.length) { - return; - } - // Device placement - if (windowWidth >= 768) { + if (windowWidth >= 768 && device.offset()) { device.initialLeft = device.offset().left; device.initialTop = device.initialTop || device.offset().top; device.dockingOffset = ($(window).height() - device.height()) / 2; @@ -79,7 +74,7 @@ $(function() { nav.toggleClass('active'); }); - navComponentLinks.click(function(e) { + navComponentLinks.click(function (e) { e.stopPropagation(); e.preventDefault(); componentsList.toggleClass('active'); @@ -124,7 +119,7 @@ $(function() { } }; - var calculateScroll = function() { + var calculateScroll = function () { // if small screen don't worry about this if (windowWidth <= 768) { return; @@ -134,12 +129,17 @@ $(function() { var contentSectionItem; var currentTop = win.scrollTop(); + // exit if no device + if (!device.length) { + return; + } + if ((device.initialTop - currentTop) <= device.dockingOffset) { device[0].className = 'device device-fixed'; device.css({ top: device.dockingOffset }); } else { device[0].className = 'device'; - device[0].setAttribute('style',''); + device[0].setAttribute('style', ''); } function updateContent(content) { @@ -162,7 +162,7 @@ $(function() { device.attr('id', ''); } if (!contentSectionItem.hasClass('informational')) { - updateContent(contentSectionItem.find('.highlight .html').text()); + updateContent(contentSectionItem.find('.highlight .language-html').text()); } break; } @@ -185,6 +185,8 @@ $(function() { $(window).on('load resize', initialize); $(window).on('load', function () { - window.FingerBlast && (new FingerBlast('.device-content')); + if (window.FingerBlast) { + new FingerBlast('.device-content'); + } }); }); diff --git a/docs/assets/js/docs.min.js b/docs/assets/js/docs.min.js index 6902c6b..1f6c150 100644 --- a/docs/assets/js/docs.min.js +++ b/docs/assets/js/docs.min.js @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -$(function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r=function(){l=0,m=[],n=$(window),a=$(document),o=$(document.body),b=b||$(".js-device"),h=$(".js-jump-menu"),i=$(".js-component-group"),j=$(".component-example a"),k=$(".component"),m=k.map(function(){return $(this).offset().top}),d=$(window).height()/3,c=$(window).width(),e=$(document).height(),f=parseInt($(".docs-content").css("padding-bottom"),10),g=$(".docs-footer").outerHeight(!1),q=$(".js-docs-component-toolbar"),b.length&&(c>=768&&(b.initialLeft=b.offset().left,b.initialTop=b.initialTop||b.offset().top,b.dockingOffset=($(window).height()-b.height())/2),t(),u(),v(),p||s())},s=function(){p=!0,b.on("click",function(a){a.preventDefault()}),$(".js-docs-nav-trigger").on("click",function(){var a=$(".docs-nav-group"),b=$(".js-docs-nav-trigger");b.toggleClass("active"),a.toggleClass("active")}),h.click(function(a){a.stopPropagation(),a.preventDefault(),i.toggleClass("active")}),a.on("click",function(){i.removeClass("active")}),$(".platform-switch").on("click",function(){var a=$(".docs-components"),b=$(this).attr("data-platform");a.hasClass("platform-ios")?(a.removeClass("platform-ios"),a.addClass(b)):a.hasClass("platform-android")?(a.removeClass("platform-android"),a.addClass(b)):a.addClass(b),$(this).siblings(".active").removeClass("active"),$(this).addClass("active")}),n.on("scroll",u),n.on("scroll",v)},t=function(){if(c=$(window).width(),768>=c){var a=$(".content");a.length>1&&$(a[0]).remove()}},u=function(){function a(a){$("#iwindow").html(a)}if(!(768>=c)){var e,f=n.scrollTop();b.initialTop-f<=b.dockingOffset?(b[0].className="device device-fixed",b.css({top:b.dockingOffset})):(b[0].className="device",b[0].setAttribute("style",""));for(var g=k.length;g--;)if(m[g]-f<d){if(l===g)return;l=g,o.find(".component.active").removeClass("active"),e=$(k[g]),e.addClass("active"),e.attr("id")?b.attr("id",e.attr("id")+"InDevice"):b.attr("id",""),e.hasClass("informational")||a(e.find(".highlight .html").text());break}}},v=function(){var a=n.scrollTop(),b=$(".docs-sub-header").outerHeight();a>=b?q.addClass("visible"):b>=a&&(q.removeClass("visible"),i.removeClass("active"))};$(window).on("load resize",r),$(window).on("load",function(){window.FingerBlast&&new FingerBlast(".device-content")})}),function(){"use strict";function a(a){this.element="string"==typeof a?document.querySelector(a):a,this.element&&this.listen()}a.prototype={x:0/0,y:0/0,startDistance:0/0,startAngle:0/0,mouseIsDown:!1,listen:function(){function a(a,b){var c,d,e;if(a){if("compareDocumentPosition"in b)return!!(16&b.compareDocumentPosition(a));if("contains"in b)return b!==a&&b.contains(a);for(c=b.getElementsByTagName("*"),d=0;e=c[d++];)if(e===a)return!0;return!1}}var b=this.activate.bind(this),c=this.deactivate.bind(this);this.element.addEventListener("mouseover",function(c){var d=c.relatedTarget;d===this||a(d,this)||b()}),this.element.addEventListener("mouseout",function(b){var d=b.relatedTarget;d===this||a(d,this)||c(b)})},activate:function(){this.active||(this.element.addEventListener("mousedown",this.touchStart=this.touchStart.bind(this),!0),this.element.addEventListener("mousemove",this.touchMove=this.touchMove.bind(this),!0),this.element.addEventListener("mouseup",this.touchEnd=this.touchEnd.bind(this),!0),this.element.addEventListener("click",this.click=this.click.bind(this),!0),this.active=!0)},deactivate:function(a){this.active=!1,this.mouseIsDown&&this.touchEnd(a),this.element.removeEventListener("mousedown",this.touchStart,!0),this.element.removeEventListener("mousemove",this.touchMove,!0),this.element.removeEventListener("mouseup",this.touchEnd,!0),this.element.removeEventListener("click",this.click,!0)},click:function(a){a.synthetic||(a.preventDefault(),a.stopPropagation())},touchStart:function(a){a.synthetic||/input|textarea/.test(a.target.tagName.toLowerCase())||(this.mouseIsDown=!0,a.preventDefault(),a.stopPropagation(),this.fireTouchEvents("touchstart",a))},touchMove:function(a){a.synthetic||(a.preventDefault(),a.stopPropagation(),this.move(a.clientX,a.clientY),this.mouseIsDown&&this.fireTouchEvents("touchmove",a))},touchEnd:function(a){a.synthetic||(this.mouseIsDown=!1,a.preventDefault(),a.stopPropagation(),this.fireTouchEvents("touchend",a),this.target&&(this.target.dispatchEvent(this.createMouseEvent("mouseover",a)),this.target.dispatchEvent(this.createMouseEvent("mousemove",a)),this.target.dispatchEvent(this.createMouseEvent("mousedown",a))))},fireTouchEvents:function(a,b){var c=[],d=[];if(this.target){var e="on"+a;if(e in this.target&&(console.warn("Converting `"+e+"` property to event listener.",this.target),this.target.addEventListener(a,this.target[e],!1),delete this.target[e]),this.target.hasAttribute(e)){console.warn("Converting `"+e+"` attribute to event listener.",this.target);var f=new GLOBAL.Function("event",this.target.getAttribute(e));this.target.addEventListener(a,f,!1),this.target.removeAttribute(e)}var g=this.createMouseEvent(a,b);if(c.push(g),c.length>1){var h=c[0].pageX-c[1].pageX,i=c[0].pageY-c[1].pageY,j=Math.sqrt(Math.pow(h,2)+Math.pow(i,2)),k=Math.atan2(h,i)*(180/Math.PI),l="gesturechange";"touchstart"===a&&(l="gesturestart",this.startDistance=j,this.startAngle=k),"touchend"===a&&(l="gestureend"),c.forEach(function(a){var b=this.createMouseEvent.call(a._finger,l,a);d.push(b)}.bind(this)),c.concat(d).forEach(function(a){a.scale=j/this.startDistance,a.rotation=this.startAngle-k})}c.forEach(function(a){a.touches=c.filter(function(a){return~a.type.indexOf("touch")&&"touchend"!==a.type}),a.changedTouches=c.filter(function(b){return~b.type.indexOf("touch")&&b._finger.target===a._finger.target}),a.targetTouches=a.changedTouches.filter(function(a){return~a.type.indexOf("touch")&&"touchend"!==a.type})}),c.concat(d).forEach(function(a,b){a.identifier=b,a._finger.target.dispatchEvent(a)})}},createMouseEvent:function(a,b){var c=new MouseEvent(a,{view:window,detail:b.detail,bubbles:!0,cancelable:!0,target:this.target||b.relatedTarget,clientX:this.x||b.clientX,clientY:this.y||b.clientY,screenX:this.x||b.screenX,screenY:this.y||b.screenY,ctrlKey:b.ctrlKey,shiftKey:b.shiftKey,altKey:b.altKey,metaKey:b.metaKey,button:b.button});return c.synthetic=!0,c._finger=this,c},move:function(a,b){isNaN(a)||isNaN(b)?this.target=null:(this.x=a,this.y=b,this.mouseIsDown||(this.target=document.elementFromPoint(a,b)))}},window.FingerBlast=a}();
\ No newline at end of file +$(function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r=function(){l=0,m=[],n=$(window),a=$(document),o=$(document.body),b=b||$(".js-device"),h=$(".js-jump-menu"),i=$(".js-component-group"),j=$(".component-example a"),k=$(".component"),m=k.map(function(){return $(this).offset().top}),d=$(window).height()/3,c=$(window).width(),e=$(document).height(),f=parseInt($(".docs-content").css("padding-bottom"),10),g=$(".docs-footer").outerHeight(!1),q=$(".js-docs-component-toolbar"),c>=768&&b.offset()&&(b.initialLeft=b.offset().left,b.initialTop=b.initialTop||b.offset().top,b.dockingOffset=($(window).height()-b.height())/2),t(),u(),v(),p||s()},s=function(){p=!0,b.on("click",function(a){a.preventDefault()}),$(".js-docs-nav-trigger").on("click",function(){var a=$(".docs-nav-group"),b=$(".js-docs-nav-trigger");b.toggleClass("active"),a.toggleClass("active")}),h.click(function(a){a.stopPropagation(),a.preventDefault(),i.toggleClass("active")}),a.on("click",function(){i.removeClass("active")}),$(".platform-switch").on("click",function(){var a=$(".docs-components"),b=$(this).attr("data-platform");a.hasClass("platform-ios")?(a.removeClass("platform-ios"),a.addClass(b)):a.hasClass("platform-android")?(a.removeClass("platform-android"),a.addClass(b)):a.addClass(b),$(this).siblings(".active").removeClass("active"),$(this).addClass("active")}),n.on("scroll",u),n.on("scroll",v)},t=function(){if(c=$(window).width(),768>=c){var a=$(".content");a.length>1&&$(a[0]).remove()}},u=function(){function a(a){$("#iwindow").html(a)}if(!(768>=c)){var e,f=n.scrollTop();if(b.length){b.initialTop-f<=b.dockingOffset?(b[0].className="device device-fixed",b.css({top:b.dockingOffset})):(b[0].className="device",b[0].setAttribute("style",""));for(var g=k.length;g--;)if(m[g]-f<d){if(l===g)return;l=g,o.find(".component.active").removeClass("active"),e=$(k[g]),e.addClass("active"),e.attr("id")?b.attr("id",e.attr("id")+"InDevice"):b.attr("id",""),e.hasClass("informational")||a(e.find(".highlight .language-html").text());break}}}},v=function(){var a=n.scrollTop(),b=$(".docs-sub-header").outerHeight();a>=b?q.addClass("visible"):b>=a&&(q.removeClass("visible"),i.removeClass("active"))};$(window).on("load resize",r),$(window).on("load",function(){window.FingerBlast&&new FingerBlast(".device-content")})}),function(){"use strict";function a(a){this.element="string"==typeof a?document.querySelector(a):a,this.element&&this.listen()}a.prototype={x:0/0,y:0/0,startDistance:0/0,startAngle:0/0,mouseIsDown:!1,listen:function(){function a(a,b){var c,d,e;if(a){if("compareDocumentPosition"in b)return!!(16&b.compareDocumentPosition(a));if("contains"in b)return b!==a&&b.contains(a);for(c=b.getElementsByTagName("*"),d=0;e=c[d++];)if(e===a)return!0;return!1}}var b=this.activate.bind(this),c=this.deactivate.bind(this);this.element.addEventListener("mouseover",function(c){var d=c.relatedTarget;d===this||a(d,this)||b()}),this.element.addEventListener("mouseout",function(b){var d=b.relatedTarget;d===this||a(d,this)||c(b)})},activate:function(){this.active||(this.element.addEventListener("mousedown",this.touchStart=this.touchStart.bind(this),!0),this.element.addEventListener("mousemove",this.touchMove=this.touchMove.bind(this),!0),this.element.addEventListener("mouseup",this.touchEnd=this.touchEnd.bind(this),!0),this.element.addEventListener("click",this.click=this.click.bind(this),!0),this.active=!0)},deactivate:function(a){this.active=!1,this.mouseIsDown&&this.touchEnd(a),this.element.removeEventListener("mousedown",this.touchStart,!0),this.element.removeEventListener("mousemove",this.touchMove,!0),this.element.removeEventListener("mouseup",this.touchEnd,!0),this.element.removeEventListener("click",this.click,!0)},click:function(a){a.synthetic||(a.preventDefault(),a.stopPropagation())},touchStart:function(a){a.synthetic||/input|textarea/.test(a.target.tagName.toLowerCase())||(this.mouseIsDown=!0,a.preventDefault(),a.stopPropagation(),this.fireTouchEvents("touchstart",a))},touchMove:function(a){a.synthetic||(a.preventDefault(),a.stopPropagation(),this.move(a.clientX,a.clientY),this.mouseIsDown&&this.fireTouchEvents("touchmove",a))},touchEnd:function(a){a.synthetic||(this.mouseIsDown=!1,a.preventDefault(),a.stopPropagation(),this.fireTouchEvents("touchend",a),this.target&&(this.target.dispatchEvent(this.createMouseEvent("mouseover",a)),this.target.dispatchEvent(this.createMouseEvent("mousemove",a)),this.target.dispatchEvent(this.createMouseEvent("mousedown",a))))},fireTouchEvents:function(a,b){var c=[],d=[];if(this.target){var e="on"+a;if(e in this.target&&(console.warn("Converting `"+e+"` property to event listener.",this.target),this.target.addEventListener(a,this.target[e],!1),delete this.target[e]),this.target.hasAttribute(e)){console.warn("Converting `"+e+"` attribute to event listener.",this.target);var f=new GLOBAL.Function("event",this.target.getAttribute(e));this.target.addEventListener(a,f,!1),this.target.removeAttribute(e)}var g=this.createMouseEvent(a,b);if(c.push(g),c.length>1){var h=c[0].pageX-c[1].pageX,i=c[0].pageY-c[1].pageY,j=Math.sqrt(Math.pow(h,2)+Math.pow(i,2)),k=Math.atan2(h,i)*(180/Math.PI),l="gesturechange";"touchstart"===a&&(l="gesturestart",this.startDistance=j,this.startAngle=k),"touchend"===a&&(l="gestureend"),c.forEach(function(a){var b=this.createMouseEvent.call(a._finger,l,a);d.push(b)}.bind(this)),c.concat(d).forEach(function(a){a.scale=j/this.startDistance,a.rotation=this.startAngle-k})}c.forEach(function(a){a.touches=c.filter(function(a){return~a.type.indexOf("touch")&&"touchend"!==a.type}),a.changedTouches=c.filter(function(b){return~b.type.indexOf("touch")&&b._finger.target===a._finger.target}),a.targetTouches=a.changedTouches.filter(function(a){return~a.type.indexOf("touch")&&"touchend"!==a.type})}),c.concat(d).forEach(function(a,b){a.identifier=b,a._finger.target.dispatchEvent(a)})}},createMouseEvent:function(a,b){var c=new MouseEvent(a,{view:window,detail:b.detail,bubbles:!0,cancelable:!0,target:this.target||b.relatedTarget,clientX:this.x||b.clientX,clientY:this.y||b.clientY,screenX:this.x||b.screenX,screenY:this.y||b.screenY,ctrlKey:b.ctrlKey,shiftKey:b.shiftKey,altKey:b.altKey,metaKey:b.metaKey,button:b.button});return c.synthetic=!0,c._finger=this,c},move:function(a,b){isNaN(a)||isNaN(b)?this.target=null:(this.x=a,this.y=b,this.mouseIsDown||(this.target=document.elementFromPoint(a,b)))}},window.FingerBlast=a}();
\ No newline at end of file diff --git a/docs/assets/js/fingerblast.js b/docs/assets/js/fingerblast.js index 9feb12e..5d5d646 100644 --- a/docs/assets/js/fingerblast.js +++ b/docs/assets/js/fingerblast.js @@ -9,7 +9,7 @@ 'use strict'; - function FingerBlast(element) { + function FingerBlast (element) { this.element = typeof element === 'string' ? document.querySelector(element) : element; if (this.element) { @@ -197,34 +197,34 @@ gestureName = 'gestureend'; } - events.forEach(function(event) { + events.forEach(function (event) { var gesture = this.createMouseEvent.call(event._finger, gestureName, event); gestures.push(gesture); }.bind(this)); - events.concat(gestures).forEach(function(event) { + events.concat(gestures).forEach(function (event) { event.scale = distance / this.startDistance; event.rotation = this.startAngle - angle; }); } // Loop through the events array and fill in each touch array. - events.forEach(function(touch) { - touch.touches = events.filter(function(e) { + events.forEach(function (touch) { + touch.touches = events.filter(function (e) { return ~e.type.indexOf('touch') && e.type !== 'touchend'; }); - touch.changedTouches = events.filter(function(e) { + touch.changedTouches = events.filter(function (e) { return ~e.type.indexOf('touch') && e._finger.target === touch._finger.target; }); - touch.targetTouches = touch.changedTouches.filter(function(e) { + touch.targetTouches = touch.changedTouches.filter(function (e) { return ~e.type.indexOf('touch') && e.type !== 'touchend'; }); }); // Then fire the events. - events.concat(gestures).forEach(function(event, i) { + events.concat(gestures).forEach(function (event, i) { event.identifier = i; event._finger.target.dispatchEvent(event); }); @@ -232,20 +232,20 @@ createMouseEvent: function (eventName, originalEvent) { var e = new MouseEvent(eventName, { - 'view' : window, - 'detail' : originalEvent.detail, - 'bubbles' : true, - 'cancelable' : true, - 'target' : this.target || originalEvent.relatedTarget, - 'clientX' : this.x || originalEvent.clientX, - 'clientY' : this.y || originalEvent.clientY, - 'screenX' : this.x || originalEvent.screenX, - 'screenY' : this.y || originalEvent.screenY, - 'ctrlKey' : originalEvent.ctrlKey, - 'shiftKey' : originalEvent.shiftKey, - 'altKey' : originalEvent.altKey, - 'metaKey' : originalEvent.metaKey, - 'button' : originalEvent.button + view : window, + detail : originalEvent.detail, + bubbles : true, + cancelable : true, + target : this.target || originalEvent.relatedTarget, + clientX : this.x || originalEvent.clientX, + clientY : this.y || originalEvent.clientY, + screenX : this.x || originalEvent.screenX, + screenY : this.y || originalEvent.screenY, + ctrlKey : originalEvent.ctrlKey, + shiftKey : originalEvent.shiftKey, + altKey : originalEvent.altKey, + metaKey : originalEvent.metaKey, + button : originalEvent.button }); e.synthetic = true; diff --git a/docs/components.html b/docs/components.html index ee31e4f..8ae2b77 100644 --- a/docs/components.html +++ b/docs/components.html @@ -369,8 +369,8 @@ title: Components · Ratchet {% highlight html %} <ul class="table-view"> <li class="table-view-cell">Item 1</li> - <li class="table-view-cell table-view-cell">Item 2</li> - <li class="table-view-divider">Divider</li> + <li class="table-view-cell">Item 2</li> + <li class="table-view-cell table-view-divider">Divider</li> <li class="table-view-cell">Item 3</li> </ul> {% endhighlight %} diff --git a/docs/dist/css/ratchet-theme-android.css b/docs/dist/css/ratchet-theme-android.css index 9ce76eb..a6f2228 100644 --- a/docs/dist/css/ratchet-theme-android.css +++ b/docs/dist/css/ratchet-theme-android.css @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ @@ -317,6 +317,7 @@ a:active { background-image: none; } .table-view .table-view-cell > a:not(.btn):active { + color: inherit; background-color: #e0e0e0; } .table-view .table-view-cell > a:not(.btn):active .icon { @@ -332,6 +333,33 @@ a:active { border-bottom: 2px solid #a9a9a9; } +.table-view-cell .navigate-left > .btn, +.table-view-cell .navigate-left > .badge, +.table-view-cell .navigate-left > .toggle, +.table-view-cell .navigate-right > .btn, +.table-view-cell .navigate-right > .badge, +.table-view-cell .navigate-right > .toggle, +.table-view-cell .push-left > .btn, +.table-view-cell .push-left > .badge, +.table-view-cell .push-left > .toggle, +.table-view-cell .push-right > .btn, +.table-view-cell .push-right > .badge, +.table-view-cell .push-right > .toggle, +.table-view-cell > a .navigate-left > .btn, +.table-view-cell > a .navigate-left > .badge, +.table-view-cell > a .navigate-left > .toggle, +.table-view-cell > a .navigate-right > .btn, +.table-view-cell > a .navigate-right > .badge, +.table-view-cell > a .navigate-right > .toggle, +.table-view-cell > a .push-left > .btn, +.table-view-cell > a .push-left > .badge, +.table-view-cell > a .push-left > .toggle, +.table-view-cell > a .push-right > .btn, +.table-view-cell > a .push-right > .badge, +.table-view-cell > a .push-right > .toggle { + right: 15px; +} + select, textarea, input[type="text"], @@ -383,9 +411,15 @@ textarea, } .input-row { + height: 40px; border-bottom: 1px solid #d9d9d9; } +.input-row label { + padding-top: 10px; + padding-bottom: 10px; +} + .input-row label + input { background-image: none; border-bottom: 0; @@ -460,10 +494,10 @@ textarea, -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + -o-transition: -o-transform .1s ease-in-out, opacity .2s ease-in-out; transition: transform .1s ease-in-out, opacity .2s ease-in-out; -webkit-transform: scale(.75); - -ms-transform: scale(.75); + -o-transform: scale(.75); transform: scale(.75); } .popover:before { @@ -471,7 +505,7 @@ textarea, } .popover.visible { -webkit-transform: scale(1); - -ms-transform: scale(1); + -o-transform: scale(1); transform: scale(1); } @@ -524,7 +558,6 @@ textarea, background-color: #33b5e5; border-color: #33b5e5; -webkit-transform: translate3d(50px, 0, 0); - -ms-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } .toggle.active:before { diff --git a/docs/dist/css/ratchet-theme-android.min.css b/docs/dist/css/ratchet-theme-android.min.css index 9456a74..f746ab6 100644 --- a/docs/dist/css/ratchet-theme-android.min.css +++ b/docs/dist/css/ratchet-theme-android.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - */body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn:active,.btn.active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;background-color:#33b5e5;border:0}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link:active,.btn-link.active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary{bottom:50px}.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.bar .btn-link:active,.bar .btn-link.active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}select,textarea,.input-group{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{border-bottom:1px solid #d9d9d9}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active,.segmented-control .control-item.active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item:active,.segmented-control-primary .control-item.active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item:active,.segmented-control-positive .control-item.active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item:active,.segmented-control-negative .control-item.active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.push-left:after{content:''}.navigate-right:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down:before,.icon-down-nav:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left:before,.icon-left-nav:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right:before,.icon-right-nav:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up:before,.icon-up-nav:before{content:'\e809'}
\ No newline at end of file + */body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn.active,.btn:active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;background-color:#33b5e5;border:0}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link.active,.btn-link:active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.bar .btn-link.active,.bar .btn-link:active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit;background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:15px}.input-group,input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=search],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}.input-group,select,textarea{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{height:40px;border-bottom:1px solid #d9d9d9}.input-row label{padding-top:10px;padding-bottom:10px}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item.active,.segmented-control .control-item:active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item.active,.segmented-control-primary .control-item:active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item.active,.segmented-control-positive .control-item:active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item.active,.segmented-control-negative .control-item:active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-o-transition:-o-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down-nav:before,.icon-down:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left-nav:before,.icon-left:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right-nav:before,.icon-right:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up-nav:before,.icon-up:before{content:'\e809'}
\ No newline at end of file diff --git a/docs/dist/css/ratchet-theme-ios.css b/docs/dist/css/ratchet-theme-ios.css index 6e52424..0caa690 100644 --- a/docs/dist/css/ratchet-theme-ios.css +++ b/docs/dist/css/ratchet-theme-ios.css @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ @@ -36,13 +36,10 @@ p { background-color: rgba(247, 247, 247, .98); border: 1px solid #929292; -webkit-transition: all; - -moz-transition: all; transition: all; -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; transition-duration: .2s; } .btn:active, .btn.active { @@ -119,8 +116,7 @@ p { .bar { background-color: rgba(247, 247, 247, .98); border-bottom: 0; - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); - box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85); } .bar.bar-header-secondary { top: 44px; @@ -210,6 +206,9 @@ p { .table-view .table-view-cell:last-child { background-image: none; } +.table-view .table-view-cell > a:not(.btn):active { + color: inherit; +} .table-view .table-view-divider { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); background-repeat: no-repeat; @@ -297,7 +296,6 @@ textarea, color: #929292; border-color: #929292; -webkit-transition: background-color .1s linear; - -moz-transition: background-color .1s linear; transition: background-color .1s linear; } .segmented-control .control-item:active { @@ -356,7 +354,6 @@ textarea, .popover { border-radius: 12px; -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; } .popover:before { @@ -364,8 +361,7 @@ textarea, } .popover .bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .popover .bar-nav { @@ -379,33 +375,26 @@ textarea, .modal { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .modal.active { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .toggle { width: 47px; border: 2px solid #e6e6e6; - -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; - box-shadow: inset 0 0 0 0 #e1e1e1; + box-shadow: inset 0 0 0 0 #e1e1e1; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; transition-property: box-shadow, border; } .toggle .toggle-handle { border: 1px solid rgba(0, 0, 0, .2); - -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); - box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; transition-property: transform, border, width; } .toggle:before { @@ -414,12 +403,10 @@ textarea, .toggle.active { background-color: transparent; border: 2px solid #4cd964; - -webkit-box-shadow: inset 0 0 0 13px #4cd964; - box-shadow: inset 0 0 0 13px #4cd964; + box-shadow: inset 0 0 0 13px #4cd964; } .toggle.active .toggle-handle { -webkit-transform: translate3d(17px, 0, 0); - -ms-transform: translate3d(17px, 0, 0); transform: translate3d(17px, 0, 0); } .toggle.active .toggle-handle { @@ -428,41 +415,32 @@ textarea, .content.fade { -webkit-transition: opacity .2s ease-in-out; - -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .content.sliding { -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); } .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; animation-name: fadeOverlay; -webkit-animation-duration: .4s; - -moz-animation-duration: .4s; animation-duration: .4s; } .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; animation-direction: reverse; } .content.sliding.left { -webkit-transform: translate3d(-20%, 0, 0); - -ms-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } @-webkit-keyframes fadeOverlay { from { - -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent; - box-shadow: 0 0 10px transparent, -320px 0 0 transparent; + box-shadow: 0 0 10px transparent, -320px 0 0 transparent; } - to { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); - box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); } } diff --git a/docs/dist/css/ratchet-theme-ios.min.css b/docs/dist/css/ratchet-theme-ios.min.css index 2bf0e32..196b2f1 100644 --- a/docs/dist/css/ratchet-theme-ios.min.css +++ b/docs/dist/css/ratchet-theme-ios.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,h5,.h6,h6,p{color:#8f8f94}.h5,h5,.h6,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn:active,.btn.active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary:active,.btn-primary.active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive:active,.btn-positive.active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative:active,.btn-negative.active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link:active,.btn-link.active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.bar-tab{border-top:0}.tab-item{color:#929292}.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view{background-image:none}.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color],.input-group{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}select,textarea,.input-group{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row:last-child,.input-row label+input{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.toggle.active .toggle-handle{border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.sliding-in,.content.sliding.right:not([class*=sliding-in]){-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}
\ No newline at end of file + */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,.h6,h5,h6,p{color:#8f8f94}.h5,.h6,h5,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}.btn.active,.btn:active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary.active,.btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive.active,.btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative.active,.btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link.active,.btn-link:active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar-tab,.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.tab-item{color:#929292}.bar-nav .btn-link,.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view,.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.input-group,input[type=text],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}.input-group,select,textarea{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row label+input,.input-row:last-child{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal,.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.right:not([class*=sliding-in]),.content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}
\ No newline at end of file diff --git a/docs/dist/css/ratchet.css b/docs/dist/css/ratchet.css index d75eeaa..ac3891e 100644 --- a/docs/dist/css/ratchet.css +++ b/docs/dist/css/ratchet.css @@ -1,14 +1,14 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; @@ -28,6 +28,7 @@ footer, header, hgroup, main, +menu, nav, section, summary { @@ -53,7 +54,7 @@ template { } a { - background: transparent; + background-color: transparent; } a:active, @@ -118,8 +119,9 @@ figure { hr { height: 0; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; } pre { @@ -178,7 +180,9 @@ input { input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; padding: 0; } @@ -302,6 +306,10 @@ a:active { margin: 10px; } +.text-center { + text-align: center; +} + .pull-left { float: left; } @@ -370,7 +378,7 @@ p { white-space: nowrap; vertical-align: top; cursor: pointer; - background-color: white; + background-color: #fff; border: 1px solid #ccc; border-radius: 3px; } @@ -492,8 +500,11 @@ input[type="button"] { height: 44px; padding-right: 10px; padding-left: 10px; - background-color: white; + background-color: #fff; border-bottom: 1px solid #ddd; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } .bar-header-secondary { @@ -698,7 +709,7 @@ input[type="button"] { .card { margin: 10px; overflow: hidden; - background-color: white; + background-color: #fff; border: 1px solid #ddd; border-radius: 6px; } @@ -792,6 +803,7 @@ input[type="button"] { right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); transform: translateY(-50%); } .table-view-cell .navigate-left > .btn, @@ -902,11 +914,8 @@ select { box-shadow: none; } -.input-group input:last-child { - border-bottom: 0; -} - .input-row { + height: 35px; overflow: hidden; border-bottom: 1px solid #ddd; } @@ -914,7 +923,7 @@ select { .input-row label { float: left; width: 35%; - padding: 10px 15px; + padding: 8px 15px; font-family: "Helvetica Neue", Helvetica, sans-serif; line-height: 1.1; } @@ -933,7 +942,7 @@ select { overflow: hidden; font-size: 12px; font-weight: 400; - background-color: white; + background-color: #fff; border: 1px solid #ccc; border-radius: 3px; } @@ -1020,13 +1029,13 @@ select { display: none; width: 280px; margin-left: -140px; - background-color: white; + background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); opacity: 0; -webkit-transition: all .25s linear; - -moz-transition: all .25s linear; + -o-transition: all .25s linear; transition: all .25s linear; -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); @@ -1041,7 +1050,7 @@ select { margin-left: -15px; content: ''; border-right: 15px solid transparent; - border-bottom: 15px solid white; + border-bottom: 15px solid #fff; border-left: 15px solid transparent; } .popover.visible { @@ -1100,7 +1109,7 @@ select { background-color: #fff; opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; - -moz-transition: -moz-transform .25s, opacity 1ms .25s; + -o-transition: -o-transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); @@ -1110,7 +1119,7 @@ select { height: 100%; opacity: 1; -webkit-transition: -webkit-transform .25s; - -moz-transition: -moz-transform .25s; + -o-transition: -o-transform .25s; transition: transform .25s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); @@ -1130,7 +1139,7 @@ select { font-size: 0; white-space: nowrap; -webkit-transition: all 0s linear; - -moz-transition: all 0s linear; + -o-transition: all 0s linear; transition: all 0s linear; } .slider .slide-group .slide { @@ -1150,10 +1159,10 @@ select { border: 2px solid #ddd; border-radius: 20px; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; + -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; + -o-transition-property: background-color, border; transition-property: background-color, border; } .toggle .toggle-handle { @@ -1167,10 +1176,10 @@ select { border: 1px solid #ddd; border-radius: 100px; -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; + -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; + -o-transition-property: -o-transform, border, width; transition-property: transform, border, width; } .toggle:before { @@ -1212,7 +1221,7 @@ select { .content.sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; - -moz-transition: -moz-transform .4s; + -o-transition: -o-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); @@ -1245,6 +1254,7 @@ select { text-decoration: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; @@ -1280,10 +1290,6 @@ select { -webkit-font-smoothing: antialiased; } -.icon-and-up:before { - content: '\e809'; -} - .icon-back:before { content: '\e80a'; } @@ -1312,14 +1318,6 @@ select { content: '\e813'; } -.icon-down-nav:before { - content: '\e814'; -} - -.icon-down:before { - content: '\e820'; -} - .icon-download:before { content: '\e815'; } @@ -1344,14 +1342,6 @@ select { content: '\e82c'; } -.icon-left-nav:before { - content: '\e82d'; -} - -.icon-left:before { - content: '\e822'; -} - .icon-list:before { content: '\e823'; } @@ -1388,14 +1378,6 @@ select { content: '\e825'; } -.icon-right-nav:before { - content: '\e818'; -} - -.icon-right:before { - content: '\e826'; -} - .icon-search:before { content: '\e819'; } @@ -1443,3 +1425,27 @@ select { .icon-up:before { content: '\e80d'; } + +.icon-right-nav:before { + content: '\e818'; +} + +.icon-right:before { + content: '\e826'; +} + +.icon-down-nav:before { + content: '\e814'; +} + +.icon-down:before { + content: '\e820'; +} + +.icon-left-nav:before { + content: '\e82d'; +} + +.icon-left:before { + content: '\e822'; +} diff --git a/docs/dist/css/ratchet.min.css b/docs/dist/css/ratchet.min.css index 43ce33f..3bcbd7d 100644 --- a/docs/dist/css/ratchet.min.css +++ b/docs/dist/css/ratchet.min.css @@ -1,9 +1,9 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== - *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{margin-top:20px;font-size:14px}h6,.h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn:active,.btn.active{color:inherit;background-color:#ccc}.btn:disabled,.btn.disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary:active,.btn-primary.active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive:active,.btn-positive.active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative:active,.btn-negative.active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-primary:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-negative:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link:active,.btn-link.active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=submit],input[type=reset],input[type=button]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-primary:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-negative:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link:active,.bar .btn-link.active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.btn,.table-view-cell>.badge,.table-view-cell>.toggle,.table-view-cell>a>.btn,.table-view-cell>a>.badge,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}input,textarea,button,select{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}select,textarea,input[type=text],input[type=search],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=tel],input[type=color]{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{border-bottom:0}.input-row{overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%}.slider{overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;transition:all 0s linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-and-up:before{content:'\e809'}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound:before{content:'\e827'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'}
\ No newline at end of file + *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.text-center{text-align:center}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{margin-top:20px;font-size:14px}.h6,h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn.active,.btn:active{color:inherit;background-color:#ccc}.btn.disabled,.btn:disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link.active,.btn-link:active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=button],input[type=reset],input[type=submit]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-negative:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-primary:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link.active,.bar .btn-link:active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.badge,.table-view-cell>.btn,.table-view-cell>.toggle,.table-view-cell>a>.badge,.table-view-cell>a>.btn,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=email],input[type=url],input[type=tel],input[type=color],input[type=number],input[type=search],input[type=text],select,textarea{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{height:35px;overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:8px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-o-transition:-o-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%;overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-o-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-o-transition-property:-o-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound:before{content:'\e827'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'}
\ No newline at end of file diff --git a/docs/dist/js/ratchet.js b/docs/dist/js/ratchet.js index 43d4543..39f7fe3 100644 --- a/docs/dist/js/ratchet.js +++ b/docs/dist/js/ratchet.js @@ -1,17 +1,50 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -/* ---------------------------------- - * MODAL v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: common.js v2.0.2 + * http://goratchet.com/ + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + // Create Ratchet namespace + if (typeof window.RATCHET === 'undefined') { + window.RATCHET = {}; + } + + // Original script from http://davidwalsh.name/vendor-prefix + window.RATCHET.getBrowserCapabilities = (function () { + var styles = window.getComputedStyle(document.documentElement, ''); + var pre = (Array.prototype.slice + .call(styles) + .join('') + .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o']) + )[1]; + return { + prefix: '-' + pre + '-', + transform: pre[0].toUpperCase() + pre.substr(1) + 'Transform' + }; + })(); +}()); + +/* ======================================================================== + * Ratchet: modals.js v2.0.2 + * http://goratchet.com/components#modals + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -47,11 +80,13 @@ }); }()); -/* ---------------------------------- - * POPOVER v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: popovers.js v2.0.2 + * http://goratchet.com/components#popovers + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -99,8 +134,7 @@ try { popover = document.querySelector(anchor.hash); - } - catch (error) { + } catch (error) { popover = null; } @@ -133,12 +167,14 @@ }()); -/* ---------------------------------- - * PUSH v2.0.1 - * Licensed under The MIT License - * inspired by chris's jquery.pjax.js - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: push.js v2.0.2 + * http://goratchet.com/components#push + * ======================================================================== + * inspired by @defunkt's jquery.pjax.js + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ /* global _gaq: true */ @@ -155,10 +191,11 @@ var maxCacheLength = 20; var cacheMapping = sessionStorage; var domCache = {}; + // Change these to unquoted camelcase in the next major version bump var transitionMap = { 'slide-in' : 'slide-out', 'slide-out' : 'slide-in', - 'fade' : 'fade' + fade : 'fade' }; var bars = { @@ -175,7 +212,6 @@ } cacheMapping[data.id] = JSON.stringify(data); window.history.replaceState(data.id, data.title, data.url); - domCache[data.id] = document.body.cloneNode(true); }; var cachePush = function () { @@ -193,7 +229,9 @@ delete cacheMapping[cacheBackStack.shift()]; } - window.history.pushState(null, '', cacheMapping[PUSH.id].url); + if (getCached(PUSH.id).url) { + window.history.pushState(null, '', getCached(PUSH.id).url); + } cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); @@ -324,7 +362,9 @@ swapContent( (activeObj.contents || activeDom).cloneNode(true), document.querySelector('.content'), - transition + transition, function () { + triggerStateChange(); + } ); PUSH.id = id; @@ -362,7 +402,11 @@ clearTimeout(options._timeout); } if (xhr.readyState === 4) { - xhr.status === 200 ? success(xhr, options) : failure(options.url); + if (xhr.status === 200) { + success(xhr, options); + } else { + failure(options.url); + } } }; @@ -372,10 +416,12 @@ url : window.location.href, title : document.title, timeout : options.timeout, - transition : null + transition : options.transition }); } + cacheCurrentContent(); + if (options.timeout) { options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); } @@ -387,6 +433,10 @@ } }; + function cacheCurrentContent () { + domCache[PUSH.id] = document.body.cloneNode(true); + } + // Main XHR handlers // ================= @@ -458,7 +508,7 @@ document.body.insertBefore(swap, document.querySelector('.content')); } } else { - enter = /in$/.test(transition); + enter = /in$/.test(transition); if (transition === 'fade') { container.classList.add('in'); @@ -476,7 +526,9 @@ } if (!transition) { - complete && complete(); + if (complete) { + complete(); + } } if (transition === 'fade') { @@ -492,7 +544,9 @@ container.parentNode.removeChild(container); swap.classList.remove('fade'); swap.classList.remove('in'); - complete && complete(); + if (complete) { + complete(); + } }; container.addEventListener('webkitTransitionEnd', fadeContainerEnd); @@ -504,7 +558,9 @@ swap.classList.remove('sliding', 'sliding-in'); swap.classList.remove(swapDirection); container.parentNode.removeChild(container); - complete && complete(); + if (complete) { + complete(); + } }; container.offsetWidth; // force reflow @@ -590,7 +646,8 @@ } data.title = head.querySelector('title'); - data.title = data.title && data.title.innerText.trim(); + var text = 'innerText' in data.title ? 'innerText' : 'textContent'; + data.title = data.title && data.title[text].trim(); if (options.transition) { data = extendWithDom(data, '.content', body); @@ -608,17 +665,26 @@ window.addEventListener('touchstart', function () { isScrolling = false; }); window.addEventListener('touchmove', function () { isScrolling = true; }); window.addEventListener('touchend', touchend); - window.addEventListener('click', function (e) { if (getTarget(e)) {e.preventDefault();} }); + window.addEventListener('click', function (e) { + if (getTarget(e)) { + e.preventDefault(); + } + }); window.addEventListener('popstate', popstate); + + // TODO : Remove this line in the next major version window.PUSH = PUSH; + window.RATCHET.push = PUSH; }()); -/* ---------------------------------- - * Segmented controls v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: segmented-controllers.js v2.0.2 + * http://goratchet.com/components#segmentedControls + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -675,15 +741,22 @@ targetBody.classList.add(className); }); - window.addEventListener('click', function (e) { if (getTarget(e.target)) {e.preventDefault();} }); + window.addEventListener('click', function (e) { + if (getTarget(e.target)) { + e.preventDefault(); + } + }); + }()); -/* ---------------------------------- - * SLIDER v2.0.1 - * Licensed under The MIT License - * Adapted from Brad Birdsall's swipe - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: sliders.js v2.0.2 + * http://goratchet.com/components#sliders + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -701,6 +774,10 @@ var slideNumber; var isScrolling; var scrollableArea; + var startedMoving; + + var transformPrefix = window.RATCHET.getBrowserCapabilities.prefix; + var transformProperty = window.RATCHET.getBrowserCapabilities.transform; var getSlider = function (target) { var i; @@ -716,11 +793,9 @@ }; var getScroll = function () { - if ('webkitTransform' in slider.style) { - var translate3d = slider.style.webkitTransform.match(/translate3d\(([^,]*)/); - var ret = translate3d ? translate3d[1] : 0; - return parseInt(ret, 10); - } + var translate3d = slider.style[transformProperty].match(/translate3d\(([^,]*)/); + var ret = translate3d ? translate3d[1] : 0; + return parseInt(ret, 10); }; var setSlideNumber = function (offset) { @@ -753,7 +828,7 @@ setSlideNumber(0); - slider.style['-webkit-transition-duration'] = 0; + slider.style[transformPrefix + 'transition-duration'] = 0; }; var onTouchMove = function (e) { @@ -761,12 +836,17 @@ return; // Exit if a pinch || no slider } + // adjust the starting position if we just started to avoid jumpage + if (!startedMoving) { + pageX += (e.touches[0].pageX - pageX) - 1; + } + deltaX = e.touches[0].pageX - pageX; deltaY = e.touches[0].pageY - pageY; pageX = e.touches[0].pageX; pageY = e.touches[0].pageY; - if (typeof isScrolling === 'undefined') { + if (typeof isScrolling === 'undefined' && startedMoving) { isScrolling = Math.abs(deltaY) > Math.abs(deltaX); } @@ -781,7 +861,10 @@ resistance = slideNumber === 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : slideNumber === lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + slider.style[transformProperty] = 'translate3d(' + offsetX + 'px,0,0)'; + + // started moving + startedMoving = true; }; var onTouchEnd = function (e) { @@ -789,14 +872,15 @@ return; } - setSlideNumber( - (+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 - ); + // we're done moving + startedMoving = false; + + setSlideNumber((+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0); offsetX = slideNumber * sliderWidth; - slider.style['-webkit-transition-duration'] = '.2s'; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + slider.style[transformPrefix + 'transition-duration'] = '.2s'; + slider.style[transformProperty] = 'translate3d(' + offsetX + 'px,0,0)'; e = new CustomEvent('slide', { detail: { slideNumber: Math.abs(slideNumber) }, @@ -813,11 +897,14 @@ }()); -/* ---------------------------------- - * TOGGLE v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: toggles.js v2.0.2 + * http://goratchet.com/components#toggles + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -826,6 +913,7 @@ var touchMove = false; var distanceX = false; var toggle = false; + var transformProperty = window.RATCHET.getBrowserCapabilities.transform; var findToggle = function (target) { var i; @@ -885,13 +973,13 @@ e.preventDefault(); if (distanceX < 0) { - return (handle.style.webkitTransform = 'translate3d(0,0,0)'); + return (handle.style[transformProperty] = 'translate3d(0,0,0)'); } if (distanceX > offset) { - return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'); + return (handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)'); } - handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; + handle.style[transformProperty] = 'translate3d(' + distanceX + 'px,0,0)'; toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active'); }); @@ -908,15 +996,17 @@ var slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2))); if (slideOn) { - handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; + handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)'; } else { - handle.style.webkitTransform = 'translate3d(0,0,0)'; + handle.style[transformProperty] = 'translate3d(0,0,0)'; } toggle.classList[slideOn ? 'add' : 'remove']('active'); e = new CustomEvent('toggle', { - detail: { isActive: slideOn }, + detail: { + isActive: slideOn + }, bubbles: true, cancelable: true }); diff --git a/docs/dist/js/ratchet.min.js b/docs/dist/js/ratchet.min.js index 66f5ae1..dbda7e4 100644 --- a/docs/dist/js/ratchet.min.js +++ b/docs/dist/js/ratchet.min.js @@ -1,10 +1,10 @@ /*! * ===================================================== - * Ratchet v2.0.1 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT. + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * - * v2.0.1 designed by @connors. + * v2.0.2 designed by @connors. * ===================================================== */ -!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";var a,b=function(){},c=20,d=sessionStorage,e={},f={"slide-in":"slide-out","slide-out":"slide-in",fade:"fade"},g={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},h=function(a,b){o.id=a.id,b&&(a=k(a.id)),d[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url),e[a.id]=document.body.cloneNode(!0)},i=function(){var a=o.id,b=JSON.parse(d.cacheForwardStack||"[]"),e=JSON.parse(d.cacheBackStack||"[]");for(e.push(a);b.length;)delete d[b.shift()];for(;e.length>c;)delete d[e.shift()];window.history.pushState(null,"",d[o.id].url),d.cacheForwardStack=JSON.stringify(b),d.cacheBackStack=JSON.stringify(e)},j=function(a,b){var c="forward"===b,e=JSON.parse(d.cacheForwardStack||"[]"),f=JSON.parse(d.cacheBackStack||"[]"),g=c?f:e,h=c?e:f;o.id&&g.push(o.id),h.pop(),d.cacheForwardStack=JSON.stringify(e),d.cacheBackStack=JSON.stringify(f)},k=function(a){return JSON.parse(d[a]||null)||{}},l=function(b){var c=t(b.target);if(!(!c||b.which>1||b.metaKey||b.ctrlKey||a||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},m=function(a){var b=l(a);b&&(a.preventDefault(),o({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},n=function(a){var b,c,h,i,l,m,n,p,q=a.state;if(q&&d[q]){if(l=o.id<q?"forward":"back",j(q,l),h=k(q),i=e[q],h.title&&(document.title=h.title),"back"===l?(n=JSON.parse("back"===l?d.cacheForwardStack:d.cacheBackStack),p=k(n[n.length-1])):p=h,"back"===l&&!p.id)return o.id=q;if(m="back"===l?f[p.transition]:p.transition,!i)return o({id:h.id,url:h.url,title:h.title,timeout:h.timeout,transition:m,ignorePush:!0});if(p.transition){h=v(h,".content",i.cloneNode(!0));for(b in g)g.hasOwnProperty(b)&&(c=document.querySelector(g[b]),h[b]?r(h[b],c):c&&c.parentNode.removeChild(c))}r((h.contents||i).cloneNode(!0),document.querySelector(".content"),m),o.id=q,document.body.offsetHeight}},o=function(a){var c,d=o.xhr;a.container=a.container||a.transition?document.querySelector(".content"):document.body;for(c in g)g.hasOwnProperty(c)&&(a[c]=a[c]||document.querySelector(g[c]));d&&d.readyState<4&&(d.onreadystatechange=b,d.abort()),d=new XMLHttpRequest,d.open("GET",a.url,!0),d.setRequestHeader("X-PUSH","true"),d.onreadystatechange=function(){a._timeout&&clearTimeout(a._timeout),4===d.readyState&&(200===d.status?p(d,a):q(a.url))},o.id||h({id:+new Date,url:window.location.href,title:document.title,timeout:a.timeout,transition:null}),a.timeout&&(a._timeout=setTimeout(function(){d.abort("timeout")},a.timeout)),d.send(),d.readyState&&!a.ignorePush&&i()},p=function(a,b){var c,d,e=w(a,b);if(!e.contents)return u(b.url);if(e.title&&(document.title=e.title),b.transition)for(c in g)g.hasOwnProperty(c)&&(d=document.querySelector(g[c]),e[c]?r(e[c],d):d&&d.parentNode.removeChild(d));r(e.contents,b.container,b.transition,function(){h({id:b.id||+new Date,url:e.url,title:e.title,timeout:b.timeout,transition:b.transition},b.id),s()}),!b.ignorePush&&window._gaq&&_gaq.push(["_trackPageview"]),!b.hash},q=function(a){throw new Error("Could not get: "+a)},r=function(a,b,c,d){var e,f,g;if(c?(e=/in$/.test(c),"fade"===c&&(b.classList.add("in"),b.classList.add("fade"),a.classList.add("fade")),/slide/.test(c)&&(a.classList.add("sliding-in",e?"right":"left"),a.classList.add("sliding"),b.classList.add("sliding")),b.parentNode.insertBefore(a,b)):b?b.innerHTML=a.innerHTML:a.classList.contains("content")?document.body.appendChild(a):document.body.insertBefore(a,document.querySelector(".content")),c||d&&d(),"fade"===c){b.offsetWidth,b.classList.remove("in");var h=function(){b.removeEventListener("webkitTransitionEnd",h),a.classList.add("in"),a.addEventListener("webkitTransitionEnd",i)},i=function(){a.removeEventListener("webkitTransitionEnd",i),b.parentNode.removeChild(b),a.classList.remove("fade"),a.classList.remove("in"),d&&d()};b.addEventListener("webkitTransitionEnd",h)}if(/slide/.test(c)){var j=function(){a.removeEventListener("webkitTransitionEnd",j),a.classList.remove("sliding","sliding-in"),a.classList.remove(g),b.parentNode.removeChild(b),d&&d()};b.offsetWidth,g=e?"right":"left",f=e?"left":"right",b.classList.add(f),a.classList.remove(g),a.addEventListener("webkitTransitionEnd",j)}},s=function(){var a=new CustomEvent("push",{detail:{state:k(o.id)},bubbles:!0,cancelable:!0});window.dispatchEvent(a)},t=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},u=function(a){window.history.replaceState(null,"","#"),window.location.replace(a)},v=function(a,b,c){var d,e={};for(d in a)a.hasOwnProperty(d)&&(e[d]=a[d]);return Object.keys(g).forEach(function(a){var b=c.querySelector(g[a]);b&&b.parentNode.removeChild(b),e[a]=b}),e.contents=c.querySelector(b),e},w=function(a,b){var c,d,e={},f=a.responseText;return e.url=b.url,f?(/<html/i.test(f)?(c=document.createElement("div"),d=document.createElement("div"),c.innerHTML=f.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title"),e.title=e.title&&e.title.innerText.trim(),b.transition?e=v(e,".content",d):e.contents=d,e):e};window.addEventListener("touchstart",function(){a=!1}),window.addEventListener("touchmove",function(){a=!0}),window.addEventListener("touchend",m),window.addEventListener("click",function(a){l(a)&&a.preventDefault()}),window.addEventListener("popstate",n),window.PUSH=o}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i<d.length;i++)d[i].classList.remove(g);e.classList.add(g)}}),window.addEventListener("click",function(b){a(b.target)&&b.preventDefault()})}(),!function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n=function(a){for(var b,c=document.querySelectorAll(".slider > .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},o=function(){if("webkitTransform"in c.style){var a=c.style.webkitTransform.match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)}},p=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](o()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},q=function(f){if(c=n(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,p(0),c.style["-webkit-transition-duration"]=0}},r=function(h){h.touches.length>1||!c||(d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+o(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style.webkitTransform="translate3d("+f+"px,0,0)"))},s=function(a){c&&!l&&(p(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style["-webkit-transition-duration"]=".2s",c.style.webkitTransform="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",q),window.addEventListener("touchmove",r),window.addEventListener("touchend",s)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=e(c.target)){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(e){if(e=e.originalEvent||e,!(e.touches.length>1)&&d){var f=d.querySelector(".toggle-handle"),g=e.touches[0],h=d.clientWidth,i=f.clientWidth,j=h-i;if(b=!0,c=g.pageX-a.pageX,!(Math.abs(c)<Math.abs(g.pageY-a.pageY))){if(e.preventDefault(),0>c)return f.style.webkitTransform="translate3d(0,0,0)";if(c>j)return f.style.webkitTransform="translate3d("+j+"px,0,0)";f.style.webkitTransform="translate3d("+c+"px,0,0)",d.classList[c>h/2-i/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var e=d.querySelector(".toggle-handle"),f=d.clientWidth,g=e.clientWidth,h=f-g,i=!b&&!d.classList.contains("active")||b&&c>f/2-g/2;e.style.webkitTransform=i?"translate3d("+h+"px,0,0)":"translate3d(0,0,0)",d.classList[i?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:i},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}();
\ No newline at end of file +!function(){"use strict";"undefined"==typeof window.RATCHET&&(window.RATCHET={}),window.RATCHET.getBrowserCapabilities=function(){var a=window.getComputedStyle(document.documentElement,""),b=(Array.prototype.slice.call(a).join("").match(/-(moz|webkit|ms)-/)||""===a.OLink&&["","o"])[1];return{prefix:"-"+b+"-",transform:b[0].toUpperCase()+b.substr(1)+"Transform"}}()}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";function a(){f[p.id]=document.body.cloneNode(!0)}var b,c=function(){},d=20,e=sessionStorage,f={},g={"slide-in":"slide-out","slide-out":"slide-in",fade:"fade"},h={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},i=function(a,b){p.id=a.id,b&&(a=l(a.id)),e[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url)},j=function(){var a=p.id,b=JSON.parse(e.cacheForwardStack||"[]"),c=JSON.parse(e.cacheBackStack||"[]");for(c.push(a);b.length;)delete e[b.shift()];for(;c.length>d;)delete e[c.shift()];l(p.id).url&&window.history.pushState(null,"",l(p.id).url),e.cacheForwardStack=JSON.stringify(b),e.cacheBackStack=JSON.stringify(c)},k=function(a,b){var c="forward"===b,d=JSON.parse(e.cacheForwardStack||"[]"),f=JSON.parse(e.cacheBackStack||"[]"),g=c?f:d,h=c?d:f;p.id&&g.push(p.id),h.pop(),e.cacheForwardStack=JSON.stringify(d),e.cacheBackStack=JSON.stringify(f)},l=function(a){return JSON.parse(e[a]||null)||{}},m=function(a){var c=u(a.target);if(!(!c||a.which>1||a.metaKey||a.ctrlKey||b||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},n=function(a){var b=m(a);b&&(a.preventDefault(),p({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},o=function(a){var b,c,d,i,j,m,n,o,q=a.state;if(q&&e[q]){if(j=p.id<q?"forward":"back",k(q,j),d=l(q),i=f[q],d.title&&(document.title=d.title),"back"===j?(n=JSON.parse("back"===j?e.cacheForwardStack:e.cacheBackStack),o=l(n[n.length-1])):o=d,"back"===j&&!o.id)return p.id=q;if(m="back"===j?g[o.transition]:o.transition,!i)return p({id:d.id,url:d.url,title:d.title,timeout:d.timeout,transition:m,ignorePush:!0});if(o.transition){d=w(d,".content",i.cloneNode(!0));for(b in h)h.hasOwnProperty(b)&&(c=document.querySelector(h[b]),d[b]?s(d[b],c):c&&c.parentNode.removeChild(c))}s((d.contents||i).cloneNode(!0),document.querySelector(".content"),m,function(){t()}),p.id=q,document.body.offsetHeight}},p=function(b){var d,e=p.xhr;b.container=b.container||b.transition?document.querySelector(".content"):document.body;for(d in h)h.hasOwnProperty(d)&&(b[d]=b[d]||document.querySelector(h[d]));e&&e.readyState<4&&(e.onreadystatechange=c,e.abort()),e=new XMLHttpRequest,e.open("GET",b.url,!0),e.setRequestHeader("X-PUSH","true"),e.onreadystatechange=function(){b._timeout&&clearTimeout(b._timeout),4===e.readyState&&(200===e.status?q(e,b):r(b.url))},p.id||i({id:+new Date,url:window.location.href,title:document.title,timeout:b.timeout,transition:b.transition}),a(),b.timeout&&(b._timeout=setTimeout(function(){e.abort("timeout")},b.timeout)),e.send(),e.readyState&&!b.ignorePush&&j()},q=function(a,b){var c,d,e=x(a,b);if(!e.contents)return v(b.url);if(e.title&&(document.title=e.title),b.transition)for(c in h)h.hasOwnProperty(c)&&(d=document.querySelector(h[c]),e[c]?s(e[c],d):d&&d.parentNode.removeChild(d));s(e.contents,b.container,b.transition,function(){i({id:b.id||+new Date,url:e.url,title:e.title,timeout:b.timeout,transition:b.transition},b.id),t()}),!b.ignorePush&&window._gaq&&_gaq.push(["_trackPageview"]),!b.hash},r=function(a){throw new Error("Could not get: "+a)},s=function(a,b,c,d){var e,f,g;if(c?(e=/in$/.test(c),"fade"===c&&(b.classList.add("in"),b.classList.add("fade"),a.classList.add("fade")),/slide/.test(c)&&(a.classList.add("sliding-in",e?"right":"left"),a.classList.add("sliding"),b.classList.add("sliding")),b.parentNode.insertBefore(a,b)):b?b.innerHTML=a.innerHTML:a.classList.contains("content")?document.body.appendChild(a):document.body.insertBefore(a,document.querySelector(".content")),c||d&&d(),"fade"===c){b.offsetWidth,b.classList.remove("in");var h=function(){b.removeEventListener("webkitTransitionEnd",h),a.classList.add("in"),a.addEventListener("webkitTransitionEnd",i)},i=function(){a.removeEventListener("webkitTransitionEnd",i),b.parentNode.removeChild(b),a.classList.remove("fade"),a.classList.remove("in"),d&&d()};b.addEventListener("webkitTransitionEnd",h)}if(/slide/.test(c)){var j=function(){a.removeEventListener("webkitTransitionEnd",j),a.classList.remove("sliding","sliding-in"),a.classList.remove(g),b.parentNode.removeChild(b),d&&d()};b.offsetWidth,g=e?"right":"left",f=e?"left":"right",b.classList.add(f),a.classList.remove(g),a.addEventListener("webkitTransitionEnd",j)}},t=function(){var a=new CustomEvent("push",{detail:{state:l(p.id)},bubbles:!0,cancelable:!0});window.dispatchEvent(a)},u=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},v=function(a){window.history.replaceState(null,"","#"),window.location.replace(a)},w=function(a,b,c){var d,e={};for(d in a)a.hasOwnProperty(d)&&(e[d]=a[d]);return Object.keys(h).forEach(function(a){var b=c.querySelector(h[a]);b&&b.parentNode.removeChild(b),e[a]=b}),e.contents=c.querySelector(b),e},x=function(a,b){var c,d,e={},f=a.responseText;if(e.url=b.url,!f)return e;/<html/i.test(f)?(c=document.createElement("div"),d=document.createElement("div"),c.innerHTML=f.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title");var g="innerText"in e.title?"innerText":"textContent";return e.title=e.title&&e.title[g].trim(),b.transition?e=w(e,".content",d):e.contents=d,e};window.addEventListener("touchstart",function(){b=!1}),window.addEventListener("touchmove",function(){b=!0}),window.addEventListener("touchend",n),window.addEventListener("click",function(a){m(a)&&a.preventDefault()}),window.addEventListener("popstate",o),window.PUSH=p,window.RATCHET.push=p}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i<d.length;i++)d[i].classList.remove(g);e.classList.add(g)}}),window.addEventListener("click",function(b){a(b.target)&&b.preventDefault()})}(),!function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o=window.RATCHET.getBrowserCapabilities.prefix,p=window.RATCHET.getBrowserCapabilities.transform,q=function(a){for(var b,c=document.querySelectorAll(".slider > .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},r=function(){var a=c.style[p].match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)},s=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](r()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},t=function(f){if(c=q(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,s(0),c.style[o+"transition-duration"]=0}},u=function(h){h.touches.length>1||!c||(n||(a+=h.touches[0].pageX-a-1),d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&n&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+r(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style[p]="translate3d("+f+"px,0,0)",n=!0))},v=function(a){c&&!l&&(n=!1,s(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style[o+"transition-duration"]=".2s",c.style[p]="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",t),window.addEventListener("touchmove",u),window.addEventListener("touchend",v)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=window.RATCHET.getBrowserCapabilities.transform,f=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=f(c.target)){var e=d.querySelector(".toggle-handle"),g=d.clientWidth,h=e.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(f){if(f=f.originalEvent||f,!(f.touches.length>1)&&d){var g=d.querySelector(".toggle-handle"),h=f.touches[0],i=d.clientWidth,j=g.clientWidth,k=i-j;if(b=!0,c=h.pageX-a.pageX,!(Math.abs(c)<Math.abs(h.pageY-a.pageY))){if(f.preventDefault(),0>c)return g.style[e]="translate3d(0,0,0)";if(c>k)return g.style[e]="translate3d("+k+"px,0,0)";g.style[e]="translate3d("+c+"px,0,0)",d.classList[c>i/2-j/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=g-h,j=!b&&!d.classList.contains("active")||b&&c>g/2-h/2;f.style[e]=j?"translate3d("+i+"px,0,0)":"translate3d(0,0,0)",d.classList[j?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:j},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}();
\ No newline at end of file diff --git a/docs/examples/app-android-notes/index.html b/docs/examples/app-android-notes/index.html index 7d6473e..f55da51 100644 --- a/docs/examples/app-android-notes/index.html +++ b/docs/examples/app-android-notes/index.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <title>Notes</title> - <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> diff --git a/docs/examples/app-ios-mail/inbox.html b/docs/examples/app-ios-mail/inbox.html index bae2bfa..04e6a2b 100644 --- a/docs/examples/app-ios-mail/inbox.html +++ b/docs/examples/app-ios-mail/inbox.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <title>Mail</title> - <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> diff --git a/docs/examples/app-ios-mail/index.html b/docs/examples/app-ios-mail/index.html index f6f5252..50a022e 100644 --- a/docs/examples/app-ios-mail/index.html +++ b/docs/examples/app-ios-mail/index.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <title>Mail</title> - <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> diff --git a/docs/examples/app-movies/choose-theater.html b/docs/examples/app-movies/choose-theater.html index f6a943a..25fbcf0 100644 --- a/docs/examples/app-movies/choose-theater.html +++ b/docs/examples/app-movies/choose-theater.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <title>Movie finder</title> - <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> diff --git a/docs/examples/app-movies/index.html b/docs/examples/app-movies/index.html index 3ff5a81..98c391b 100644 --- a/docs/examples/app-movies/index.html +++ b/docs/examples/app-movies/index.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"> <title>Movie finder</title> - <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> diff --git a/docs/getting-started.html b/docs/getting-started.html index 194c250..ed2ef6e 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -47,7 +47,7 @@ ratchet/ │ ├── ratchet-theme-android.css │ ├── ratchet-theme-android.min.css │ ├── ratchet-theme-ios.css -│ ├── ratchet-theme-ios.min.css +│ └── ratchet-theme-ios.min.css ├── js/ │ ├── ratchet.js │ └── ratchet.min.js @@ -90,7 +90,7 @@ ratchet/ <p>Anything that's not a <code>.bar</code> should be put in a div with the class <code>.content</code>. Put this div after the bars in the <code><body></code> tag. The <code>.content</code> div is what actually scrolls in a Ratchet prototype.</p> <h3>3. Don't forget your meta tags</h3> - <p>They're included in the template.html page included in the download, but make sure they stay in the page. They are important to Ratchet working just right.</p> + <p>They're included in the template.html page included in the download, but make sure they stay in the page. They are important for Ratchet to work just right.</p> </div> @@ -106,7 +106,7 @@ ratchet/ <title>Ratchet template page</title> <!-- Sets initial viewport load and disables zooming --> - <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> + <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen --> <meta name="apple-mobile-web-app-capable" content="yes"> @@ -177,6 +177,61 @@ ratchet/ </ol> <p>You can also follow <a href="https://twitter.com/goratchet">@goratchet</a> on Twitter for the latest news.</p> </div> + + <div class="docs-section"> + <h2>Browser and OS support</h2> + <table class="browser-support-table"> + <thead> + <tr> + <th scope="col">OS</th> + <th scope="col">Browser</th> + <th scope="col" class="text-center">Supported?</th> + </tr> + </thead> + <tbody> + <tr> + <td>Android (minimum version To Be Decided)</td> + <td>Android stock Browser</td> + <td class="text-center browser-support-yes"><span class="icon icon-check"></span></td> + </tr> + <tr> + <td>Android (minimum version To Be Decided)</td> + <td>Chrome</td> + <td class="text-center browser-support-yes"><span class="icon icon-check"></span></td> + </tr> + <tr> + <td>Android (minimum version To Be Decided)</td> + <td>Firefox</td> + <td class="text-center browser-support-maybe">To Be Decided</td> + </tr> + <tr> + <td>iOS v7.1+</td> + <td>Safari</td> + <td class="text-center browser-support-yes"><span class="icon icon-check"></span></td> + </tr> + <tr> + <td>iOS v7.1+</td> + <td>Chrome</td> + <td class="text-center browser-support-maybe">To Be Decided</td> + </tr> + <tr> + <td>Windows Phone</td> + <td>IE Mobile</td> + <td class="text-center browser-support-maybe">To Be Decided</td> + </tr> + <tr> + <td>—</td> + <td>Opera Mini</td> + <td class="text-center browser-support-maybe">To Be Decided</td> + </tr> + <tr> + <td>—</td> + <td>Opera Mobile</td> + <td class="text-center browser-support-maybe">To Be Decided</td> + </tr> + </tbody> + </table> + </div> </div> <div class="column lg-units-4"> diff --git a/docs/index.html b/docs/index.html index 8c9c2ae..6e74521 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,8 +7,8 @@ title: Ratchet {% include masthead.html %} <div class="docs-header-content"> <p class="docs-subtitle">Build mobile apps with simple HTML‚ CSS‚ and JS components.</p> - <a data-ignore="push" href="https://github.com/twbs/ratchet/archive/v2.0.1.zip" class="btn btn-primary" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1']);">Download Ratchet</a> - <p class="version">Currently v2.0.1</p> + <a data-ignore="push" href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-primary" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download Ratchet</a> + <p class="version">Currently v2.0.2</p> </div> <div class="docs-header-bottom"> diff --git a/docs/one.html b/docs/one.html index f0df655..30be2f3 100644 --- a/docs/one.html +++ b/docs/one.html @@ -6,7 +6,7 @@ <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> - <link rel="icon" href="favicon.ico"> + <link rel="shortcut icon" href="favicon.ico"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="/dist/css/ratchet.min.css"> diff --git a/docs/robots.txt b/docs/robots.txt index 3f86d8a..aef3fa1 100644 --- a/docs/robots.txt +++ b/docs/robots.txt @@ -1,5 +1,4 @@ --- -layout: nil --- # www.robotstxt.org/ diff --git a/docs/sitemap.xml b/docs/sitemap.xml index 7ed381a..7c88008 100644 --- a/docs/sitemap.xml +++ b/docs/sitemap.xml @@ -1,5 +1,4 @@ --- -layout: nil --- <?xml version="1.0" encoding="UTF-8"?> diff --git a/docs/two.html b/docs/two.html index e5ce0c7..e060d21 100644 --- a/docs/two.html +++ b/docs/two.html @@ -6,7 +6,7 @@ <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> - <link rel="icon" href="favicon.ico"> + <link rel="shortcut icon" href="favicon.ico"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="/dist/css/ratchet.min.css"> diff --git a/grunt/ratchicons-data-generator.js b/grunt/ratchicons-data-generator.js index a340efa..8d2b428 100644 --- a/grunt/ratchicons-data-generator.js +++ b/grunt/ratchicons-data-generator.js @@ -2,7 +2,7 @@ * Ratchet Grunt task for Ratchicons data generation * http://goratchet.com * Original script from Bootstrap (http://getbootstrap.com). - * Bootstrap is copyright 2014 Twitter, Inc. and licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE). + * Bootstrap is copyright 2015 Twitter, Inc. and licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE). */ /* jshint node: true */ @@ -1,34 +1,38 @@ { "disallowEmptyBlocks": true, "disallowKeywords": ["with"], - "disallowLeftStickedOperators": ["?", "/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="], "disallowMixedSpacesAndTabs": true, "disallowMultipleLineStrings": true, "disallowMultipleVarDecl": true, - "disallowRightStickedOperators": ["?", "/", "*", ":", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="], - "disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"], - "disallowSpaceBeforePostfixUnaryOperators": ["++", "--"], + "disallowQuotedKeysInObjects": "allButReserved", + "disallowSpaceAfterPrefixUnaryOperators": ["!", "-", "--", "~", "+", "++"], + "disallowSpaceBeforeBinaryOperators": [","], + "disallowSpaceBeforePostfixUnaryOperators": true, + "disallowSpacesInNamedFunctionExpression": { "beforeOpeningRoundBrace": true }, "disallowSpacesInsideArrayBrackets": true, "disallowSpacesInsideParentheses": true, + "disallowTrailingComma": true, "disallowTrailingWhitespace": true, + //"requireBlocksOnNewline": true, "requireCamelCaseOrUpperCaseIdentifiers": true, "requireCapitalizedConstructors": true, "requireCommaBeforeLineBreak": true, - "requireCurlyBraces": ["if", "else", "for", "while", "do", "try", "catch", "case", "default"], + "requireCurlyBraces": true, "requireDotNotation": true, - "requireLeftStickedOperators": [","], "requireLineFeedAtFileEnd": true, "requireParenthesesAroundIIFE": true, - "requireRightStickedOperators": ["!"], - "requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="], + "requireSpaceAfterBinaryOperators": true, "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"], - "requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="], - "requireSpacesInAnonymousFunctionExpression": { "beforeOpeningCurlyBrace": true }, - "requireSpacesInFunctionDeclaration": { "beforeOpeningCurlyBrace": true }, - "requireSpacesInFunctionExpression": { "beforeOpeningCurlyBrace": true }, + "requireSpaceAfterLineComment": true, + "requireSpaceBeforeBinaryOperators": true, + "requireSpaceBeforeBlockStatements": true, + "requireSpacesInAnonymousFunctionExpression": { "beforeOpeningCurlyBrace": true, "beforeOpeningRoundBrace": true }, + "requireSpacesInConditionalExpression": true, + "requireSpacesInFunction": { "beforeOpeningCurlyBrace": true }, "requireSpacesInNamedFunctionExpression": { "beforeOpeningCurlyBrace": true }, "requireSpacesInsideObjectBrackets": "allButNested", "validateIndentation": 2, "validateLineBreaks": "LF", + "validateParameterSeparator": ", ", "validateQuoteMarks": "'" } diff --git a/js/common.js b/js/common.js new file mode 100755 index 0000000..eb462d5 --- /dev/null +++ b/js/common.js @@ -0,0 +1,57 @@ +/* ======================================================================== + * Ratchet: common.js v2.0.2 + * http://goratchet.com/ + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + // Compatible With CustomEvent + if (!window.CustomEvent) { + window.CustomEvent = function (type, config) { + var e = document.createEvent('CustomEvent'); + e.initCustomEvent(type, config.bubbles, config.cancelable, config.detail); + return e; + }; + } + + // Create Ratchet namespace + if (typeof window.RATCHET === 'undefined') { + window.RATCHET = {}; + } + + // Original script from http://davidwalsh.name/vendor-prefix + window.RATCHET.getBrowserCapabilities = (function () { + var styles = window.getComputedStyle(document.documentElement, ''); + var pre = (Array.prototype.slice + .call(styles) + .join('') + .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o']) + )[1]; + return { + prefix: '-' + pre + '-', + transform: pre[0].toUpperCase() + pre.substr(1) + 'Transform' + }; + })(); + + window.RATCHET.getTransitionEnd = (function () { + var el = document.createElement('ratchet'); + var transEndEventNames = { + WebkitTransition : 'webkitTransitionEnd', + MozTransition : 'transitionend', + OTransition : 'oTransitionEnd otransitionend', + transition : 'transitionend' + }; + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return transEndEventNames[name]; + } + } + + return transEndEventNames.transition; + })(); +}()); diff --git a/js/modals.js b/js/modals.js index 66914fa..ffecbad 100644 --- a/js/modals.js +++ b/js/modals.js @@ -1,8 +1,10 @@ -/* ---------------------------------- - * MODAL v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: modals.js v2.0.2 + * http://goratchet.com/components#modals + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; diff --git a/js/popovers.js b/js/popovers.js index e5a345c..dc87b2b 100644 --- a/js/popovers.js +++ b/js/popovers.js @@ -1,8 +1,10 @@ -/* ---------------------------------- - * POPOVER v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: popovers.js v2.0.2 + * http://goratchet.com/components#popovers + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -24,7 +26,7 @@ var onPopoverHidden = function () { popover.style.display = 'none'; - popover.removeEventListener('webkitTransitionEnd', onPopoverHidden); + popover.removeEventListener(window.RATCHET.getTransitionEnd, onPopoverHidden); }; var backdrop = (function () { @@ -33,7 +35,7 @@ element.classList.add('backdrop'); element.addEventListener('touchend', function () { - popover.addEventListener('webkitTransitionEnd', onPopoverHidden); + popover.addEventListener(window.RATCHET.getTransitionEnd, onPopoverHidden); popover.classList.remove('visible'); popover.parentNode.removeChild(backdrop); }); @@ -50,8 +52,7 @@ try { popover = document.querySelector(anchor.hash); - } - catch (error) { + } catch (error) { popover = null; } @@ -1,9 +1,11 @@ -/* ---------------------------------- - * PUSH v2.0.1 - * Licensed under The MIT License - * inspired by chris's jquery.pjax.js - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: push.js v2.0.2 + * http://goratchet.com/components#push + * ======================================================================== + * inspired by @defunkt's jquery.pjax.js + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ /* global _gaq: true */ @@ -20,10 +22,11 @@ var maxCacheLength = 20; var cacheMapping = sessionStorage; var domCache = {}; + // Change these to unquoted camelcase in the next major version bump var transitionMap = { 'slide-in' : 'slide-out', 'slide-out' : 'slide-in', - 'fade' : 'fade' + fade : 'fade' }; var bars = { @@ -40,7 +43,6 @@ } cacheMapping[data.id] = JSON.stringify(data); window.history.replaceState(data.id, data.title, data.url); - domCache[data.id] = document.body.cloneNode(true); }; var cachePush = function () { @@ -58,7 +60,9 @@ delete cacheMapping[cacheBackStack.shift()]; } - window.history.pushState(null, '', cacheMapping[PUSH.id].url); + if (getCached(PUSH.id).url) { + window.history.pushState(null, '', getCached(PUSH.id).url); + } cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); @@ -189,7 +193,9 @@ swapContent( (activeObj.contents || activeDom).cloneNode(true), document.querySelector('.content'), - transition + transition, function () { + triggerStateChange(); + } ); PUSH.id = id; @@ -227,7 +233,11 @@ clearTimeout(options._timeout); } if (xhr.readyState === 4) { - xhr.status === 200 ? success(xhr, options) : failure(options.url); + if (xhr.status === 200) { + success(xhr, options); + } else { + failure(options.url); + } } }; @@ -237,10 +247,12 @@ url : window.location.href, title : document.title, timeout : options.timeout, - transition : null + transition : options.transition }); } + cacheCurrentContent(); + if (options.timeout) { options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); } @@ -252,6 +264,10 @@ } }; + function cacheCurrentContent () { + domCache[PUSH.id] = document.body.cloneNode(true); + } + // Main XHR handlers // ================= @@ -323,7 +339,7 @@ document.body.insertBefore(swap, document.querySelector('.content')); } } else { - enter = /in$/.test(transition); + enter = /in$/.test(transition); if (transition === 'fade') { container.classList.add('in'); @@ -341,35 +357,41 @@ } if (!transition) { - complete && complete(); + if (complete) { + complete(); + } } if (transition === 'fade') { container.offsetWidth; // force reflow container.classList.remove('in'); var fadeContainerEnd = function () { - container.removeEventListener('webkitTransitionEnd', fadeContainerEnd); + container.removeEventListener(window.RATCHET.getTransitionEnd, fadeContainerEnd); swap.classList.add('in'); - swap.addEventListener('webkitTransitionEnd', fadeSwapEnd); + swap.addEventListener(window.RATCHET.getTransitionEnd, fadeSwapEnd); }; var fadeSwapEnd = function () { - swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd); + swap.removeEventListener(window.RATCHET.getTransitionEnd, fadeSwapEnd); container.parentNode.removeChild(container); swap.classList.remove('fade'); swap.classList.remove('in'); - complete && complete(); + if (complete) { + complete(); + } }; - container.addEventListener('webkitTransitionEnd', fadeContainerEnd); + container.addEventListener(window.RATCHET.getTransitionEnd, fadeContainerEnd); } if (/slide/.test(transition)) { var slideEnd = function () { - swap.removeEventListener('webkitTransitionEnd', slideEnd); + swap.removeEventListener(window.RATCHET.getTransitionEnd, slideEnd); swap.classList.remove('sliding', 'sliding-in'); swap.classList.remove(swapDirection); container.parentNode.removeChild(container); - complete && complete(); + if (complete) { + complete(); + } }; container.offsetWidth; // force reflow @@ -377,7 +399,7 @@ containerDirection = enter ? 'left' : 'right'; container.classList.add(containerDirection); swap.classList.remove(swapDirection); - swap.addEventListener('webkitTransitionEnd', slideEnd); + swap.addEventListener(window.RATCHET.getTransitionEnd, slideEnd); } }; @@ -455,7 +477,8 @@ } data.title = head.querySelector('title'); - data.title = data.title && data.title.innerText.trim(); + var text = 'innerText' in data.title ? 'innerText' : 'textContent'; + data.title = data.title && data.title[text].trim(); if (options.transition) { data = extendWithDom(data, '.content', body); @@ -473,8 +496,15 @@ window.addEventListener('touchstart', function () { isScrolling = false; }); window.addEventListener('touchmove', function () { isScrolling = true; }); window.addEventListener('touchend', touchend); - window.addEventListener('click', function (e) { if (getTarget(e)) {e.preventDefault();} }); + window.addEventListener('click', function (e) { + if (getTarget(e)) { + e.preventDefault(); + } + }); window.addEventListener('popstate', popstate); + + // TODO : Remove this line in the next major version window.PUSH = PUSH; + window.RATCHET.push = PUSH; }()); diff --git a/js/segmented-controllers.js b/js/segmented-controllers.js index e08c7c7..ca3b5b4 100644 --- a/js/segmented-controllers.js +++ b/js/segmented-controllers.js @@ -1,8 +1,10 @@ -/* ---------------------------------- - * Segmented controls v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: segmented-controllers.js v2.0.2 + * http://goratchet.com/components#segmentedControls + * ======================================================================== + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -59,5 +61,10 @@ targetBody.classList.add(className); }); - window.addEventListener('click', function (e) { if (getTarget(e.target)) {e.preventDefault();} }); + window.addEventListener('click', function (e) { + if (getTarget(e.target)) { + e.preventDefault(); + } + }); + }()); diff --git a/js/sliders.js b/js/sliders.js index 6e1f023..553d232 100644 --- a/js/sliders.js +++ b/js/sliders.js @@ -1,9 +1,11 @@ -/* ---------------------------------- - * SLIDER v2.0.1 - * Licensed under The MIT License - * Adapted from Brad Birdsall's swipe - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: sliders.js v2.0.2 + * http://goratchet.com/components#sliders + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -21,6 +23,10 @@ var slideNumber; var isScrolling; var scrollableArea; + var startedMoving; + + var transformPrefix = window.RATCHET.getBrowserCapabilities.prefix; + var transformProperty = window.RATCHET.getBrowserCapabilities.transform; var getSlider = function (target) { var i; @@ -36,11 +42,9 @@ }; var getScroll = function () { - if ('webkitTransform' in slider.style) { - var translate3d = slider.style.webkitTransform.match(/translate3d\(([^,]*)/); - var ret = translate3d ? translate3d[1] : 0; - return parseInt(ret, 10); - } + var translate3d = slider.style[transformProperty].match(/translate3d\(([^,]*)/); + var ret = translate3d ? translate3d[1] : 0; + return parseInt(ret, 10); }; var setSlideNumber = function (offset) { @@ -73,7 +77,7 @@ setSlideNumber(0); - slider.style['-webkit-transition-duration'] = 0; + slider.style[transformPrefix + 'transition-duration'] = 0; }; var onTouchMove = function (e) { @@ -81,12 +85,17 @@ return; // Exit if a pinch || no slider } + // adjust the starting position if we just started to avoid jumpage + if (!startedMoving) { + pageX += (e.touches[0].pageX - pageX) - 1; + } + deltaX = e.touches[0].pageX - pageX; deltaY = e.touches[0].pageY - pageY; pageX = e.touches[0].pageX; pageY = e.touches[0].pageY; - if (typeof isScrolling === 'undefined') { + if (typeof isScrolling === 'undefined' && startedMoving) { isScrolling = Math.abs(deltaY) > Math.abs(deltaX); } @@ -101,7 +110,10 @@ resistance = slideNumber === 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : slideNumber === lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + slider.style[transformProperty] = 'translate3d(' + offsetX + 'px,0,0)'; + + // started moving + startedMoving = true; }; var onTouchEnd = function (e) { @@ -109,14 +121,15 @@ return; } - setSlideNumber( - (+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 - ); + // we're done moving + startedMoving = false; + + setSlideNumber((+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0); offsetX = slideNumber * sliderWidth; - slider.style['-webkit-transition-duration'] = '.2s'; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + slider.style[transformPrefix + 'transition-duration'] = '.2s'; + slider.style[transformProperty] = 'translate3d(' + offsetX + 'px,0,0)'; e = new CustomEvent('slide', { detail: { slideNumber: Math.abs(slideNumber) }, diff --git a/js/toggles.js b/js/toggles.js index f0b7efa..f596a16 100644 --- a/js/toggles.js +++ b/js/toggles.js @@ -1,8 +1,11 @@ -/* ---------------------------------- - * TOGGLE v2.0.1 - * Licensed under The MIT License - * http://opensource.org/licenses/MIT - * ---------------------------------- */ +/* ======================================================================== + * Ratchet: toggles.js v2.0.2 + * http://goratchet.com/components#toggles + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2015 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ !(function () { 'use strict'; @@ -11,6 +14,7 @@ var touchMove = false; var distanceX = false; var toggle = false; + var transformProperty = window.RATCHET.getBrowserCapabilities.transform; var findToggle = function (target) { var i; @@ -70,13 +74,13 @@ e.preventDefault(); if (distanceX < 0) { - return (handle.style.webkitTransform = 'translate3d(0,0,0)'); + return (handle.style[transformProperty] = 'translate3d(0,0,0)'); } if (distanceX > offset) { - return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'); + return (handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)'); } - handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; + handle.style[transformProperty] = 'translate3d(' + distanceX + 'px,0,0)'; toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active'); }); @@ -93,15 +97,17 @@ var slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2))); if (slideOn) { - handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; + handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)'; } else { - handle.style.webkitTransform = 'translate3d(0,0,0)'; + handle.style[transformProperty] = 'translate3d(0,0,0)'; } toggle.classList[slideOn ? 'add' : 'remove']('active'); e = new CustomEvent('toggle', { - detail: { isActive: slideOn }, + detail: { + isActive: slideOn + }, bubbles: true, cancelable: true }); diff --git a/package.json b/package.json index 436d529..4d5fe3e 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "ratchet", "description": "Build mobile apps with simple HTML, CSS, and JS components.", - "version": "2.0.1", + "version": "2.0.2", "keywords": [ "css", "fonts", @@ -26,24 +26,26 @@ "test": "grunt test" }, "devDependencies": { - "grunt": "~0.4.4", - "grunt-contrib-clean": "~0.5.0", - "grunt-contrib-concat": "~0.3.0", - "grunt-contrib-copy": "~0.5.0", - "grunt-contrib-csslint": "~0.2.0", - "grunt-contrib-cssmin": "~0.9.0", - "grunt-contrib-jshint": "~0.9.2", - "grunt-contrib-nodeunit": "~0.3.3", - "grunt-contrib-sass": "~0.7.3", - "grunt-contrib-uglify": "~0.4.0", + "grunt": "~0.4.5", + "grunt-autoprefixer": "~2.2.0", + "grunt-banner": "~0.3.1", + "grunt-contrib-clean": "~0.6.0", + "grunt-contrib-concat": "~0.5.0", + "grunt-contrib-connect": "~0.9.0", + "grunt-contrib-copy": "~0.7.0", + "grunt-contrib-csslint": "~0.4.0", + "grunt-contrib-cssmin": "~0.11.0", + "grunt-contrib-jshint": "~0.11.0", + "grunt-contrib-sass": "~0.9.1", + "grunt-contrib-uglify": "~0.7.0", "grunt-contrib-watch": "~0.6.1", - "grunt-csscomb": "~2.0.1", - "grunt-html-validation": "~0.1.14", - "grunt-jekyll": "~0.4.1", - "grunt-jscs-checker": "~0.4.1", + "grunt-csscomb": "~3.0.0", + "grunt-html-validation": "~0.1.18", + "grunt-jekyll": "~0.4.2", + "grunt-jscs": "~1.5.0", "grunt-sed": "~0.1.1", - "load-grunt-tasks": "~0.4.0", - "time-grunt": "~0.3.1" + "load-grunt-tasks": "~3.1.0", + "time-grunt": "~1.0.0" }, "engines": { "node": "~0.10.1" diff --git a/sass/.csscomb.json b/sass/.csscomb.json index 8456e41..f6575eb 100644 --- a/sass/.csscomb.json +++ b/sass/.csscomb.json @@ -1,16 +1,20 @@ { "always-semicolon": true, "block-indent": 2, - "colon-space": [0, 1], "color-case": "lower", "color-shorthand": true, - "combinator-space": true, "element-case": "lower", "eof-newline": true, "leading-zero": false, "remove-empty-rulesets": true, - "rule-indent": 2, - "stick-brace": " ", + "space-after-colon": 1, + "space-after-combinator": 1, + "space-after-declaration": "\n", + "space-after-opening-brace": "\n", + "space-before-closing-brace": "\n", + "space-before-colon": 0, + "space-before-combinator": 1, + "space-before-opening-brace": 1, "strip-spaces": true, "unitless-zero": true, "vendor-prefix-align": true, diff --git a/sass/.csslintrc b/sass/.csslintrc index 8e8433d..594029e 100644 --- a/sass/.csslintrc +++ b/sass/.csslintrc @@ -5,6 +5,7 @@ "compatible-vendor-prefixes": false, "fallback-colors": false, "font-sizes": false, + "gradients": false, "important": false, "known-properties": false, "outline-none": false, diff --git a/sass/bars.scss b/sass/bars.scss index 3d3b108..15f208f 100644 --- a/sass/bars.scss +++ b/sass/bars.scss @@ -10,8 +10,10 @@ height: $bar-base-height; padding-right: $bar-side-spacing; padding-left: $bar-side-spacing; - border-bottom: $border-default; background-color: $chrome-color; + border-bottom: $border-default; + -webkit-backface-visibility: hidden; // Make sure the bar is visible when a modal animates in. + backface-visibility: hidden; } // Modifier class to dock any bar below .bar-nav @@ -38,8 +40,8 @@ .bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab { - border-bottom: 0; border-top: $border-default; + border-bottom: 0; } @@ -83,9 +85,9 @@ width: 100%; height: $bar-tab-height; padding: 0; + table-layout: fixed; border-top: $border-default; border-bottom: 0; - table-layout: fixed; // Navigational tab (Nested to be more specific for the icons in tab-items) .tab-item { @@ -93,9 +95,9 @@ display: table-cell; width: 1%; height: $bar-tab-height; - vertical-align: middle; color: #929292; text-align: center; + vertical-align: middle; // Active states for the tab bar &.active, @@ -153,8 +155,8 @@ top: 0; padding: 0; font-size: 16px; - color: $primary-color; line-height: $bar-base-height; + color: $primary-color; border: 0; &:active, diff --git a/sass/base.scss b/sass/base.scss index 5d1d4e4..fee0c99 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -81,6 +81,9 @@ a { .content-padded { margin: $bar-side-spacing; } +.text-center { + text-align: center; +} .pull-left { float: left; } diff --git a/sass/buttons.scss b/sass/buttons.scss index 2f3f9ef..7abec8a 100644 --- a/sass/buttons.scss +++ b/sass/buttons.scss @@ -12,8 +12,8 @@ line-height: 1; color: #333; text-align: center; - vertical-align: top; white-space: nowrap; + vertical-align: top; cursor: pointer; background-color: $chrome-color; border: 1px solid #ccc; @@ -40,42 +40,42 @@ // Primary button (Default color is blue) .btn-primary { color: #fff; - border: 1px solid $primary-color; background-color: $primary-color; + border: 1px solid $primary-color; &:active, &.active { color: #fff; - border: 1px solid darken($primary-color, 10%); background-color: darken($primary-color, 10%); + border: 1px solid darken($primary-color, 10%); } } // Positive button (Default color is green) .btn-positive { color: #fff; - border: 1px solid $positive-color; background-color: $positive-color; + border: 1px solid $positive-color; &:active, &.active { color: #fff; - border: 1px solid darken($positive-color, 10%); background-color: darken($positive-color, 10%); + border: 1px solid darken($positive-color, 10%); } } // Negative button (Default color is red) .btn-negative { color: #fff; - border: 1px solid $negative-color; background-color: $negative-color; + border: 1px solid $negative-color; &:active, &.active { color: #fff; - border: 1px solid darken($negative-color, 10%); background-color: darken($negative-color, 10%); + border: 1px solid darken($negative-color, 10%); } } @@ -140,8 +140,8 @@ input[type="button"] { // Generic styles for all badges within default buttons .btn .badge { - font-size: 12px; margin: -2px -4px -2px 4px; + font-size: 12px; background-color: rgba(0,0,0,.15); } diff --git a/sass/cards.scss b/sass/cards.scss index 28e9afa..745cb8e 100644 --- a/sass/cards.scss +++ b/sass/cards.scss @@ -3,8 +3,8 @@ // -------------------------------------------------- .card { - overflow: hidden; margin: $bar-side-spacing; + overflow: hidden; background-color: $card-bg; border: $border-default; border-radius: $border-radius; @@ -21,14 +21,14 @@ // Rounding first divider on carded lists and remove border on the top .table-view-divider:first-child { top: 0; - border-top-right-radius: $border-radius; border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; } // Rounding last divider on carded table views .table-view-divider:last-child { - border-bottom-right-radius: $border-radius; border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; } } // Remove the bottom border from last table cell diff --git a/sass/docs.scss b/sass/docs.scss index 11fe3b4..2cd47ce 100644 --- a/sass/docs.scss +++ b/sass/docs.scss @@ -16,9 +16,9 @@ body { position: relative !important; // Overrides the fixed positioning of body in Ratchet font: 400 14px/1.5 "Open Sans", sans-serif; color: #333; + -webkit-text-size-adjust: 100%; background-color: #fff; -webkit-font-smoothing: antialiased; // Fix for webkit rendering - -webkit-text-size-adjust: 100%; } // Typography @@ -63,8 +63,7 @@ body { .docs-header, .docs-sub-header { position: relative; - background-image: linear-gradient(45deg, #0a1855 0%,#da0024 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a1855', endColorstr='#da0024', GradientType=0 ); + @include directional-gradient(#0a1855, #da0024) } .docs-header { height: 100vh; @@ -85,9 +84,9 @@ body { } .docs-header-bottom { position: absolute; - left: 0; right: 0; bottom: 0; + left: 0; } // Desktop jumbotron @media screen and (min-width: 768px) { @@ -97,9 +96,9 @@ body { // Ads on the homepage .carbonad { left: 50% !important; - width: 300px !important; - margin-left: -150px !important; + width: 330px !important; margin-bottom: 60px !important; + margin-left: -165px !important; } } @@ -123,10 +122,10 @@ body { .docs-title { position: absolute; left: 50%; + z-index: 20; margin-bottom: 0; font-size: 22px; font-weight: 400; - z-index: 20; @include transform(translateX(-50%)); } .docs-nav { @@ -141,11 +140,11 @@ body { .docs-nav-group { position: absolute; top: 40px; - left: 0; right: 0; + left: 0; z-index: 20; - overflow: hidden; height: 0; + overflow: hidden; background-color: rgba(0,0,0,.9); opacity: 0; @@ -210,7 +209,7 @@ body { // Component jump menu .docs-jump-menu { position: absolute; - left: 20px; + left: 15px; display: block; color: #777; cursor: pointer; @@ -223,8 +222,8 @@ body { opacity: .5; } .icon-list { - font-size: 16px; margin-right: 3px; + font-size: 16px; } .icon-caret { position: relative; @@ -235,7 +234,7 @@ body { .docs-component-group { position: absolute; top: 35px; - left: 30px; + left: 15px; padding-top: 10px; padding-bottom: 10px; background-color: #fff; @@ -281,27 +280,21 @@ body { } } } -// Account for extra margin on large screens -@media screen and (min-width: 1200px) { - .docs-jump-menu { - left: 30px; - } -} // Main homepage header content // "Build mobile apps using simple..." .docs-header-content { position: relative; - text-align: center; padding: 50px 10px; + text-align: center; @include animation-name(fadeintext); @include animation-duration(2s); .btn { display: block; - padding: 15px 75px 16px; - font-size: 18px; + padding: 15px 60px 16px; // Creates a button that's 330px wide. margin-bottom: 0; + font-size: 18px; color: #0a1855; background-color: #fff; border: 0; @@ -320,9 +313,9 @@ body { max-width: 750px; margin: 0 auto 20px; font-size: 28px; - color: #fff; - line-height: 38px; font-weight: 300; + line-height: 38px; + color: #fff; } // Desktop header content @@ -411,12 +404,12 @@ body { font-weight: 300; } .page-title { - font-size: 40px; margin-bottom: 5px; + font-size: 40px; } .page-description { - color: #fff; font-size: 24px; + color: #fff; opacity: .7; } } @@ -452,8 +445,8 @@ body { // Docs modules .docs-module { - margin-top: 20px; padding: 20px; + margin-top: 20px; border: $border-default; border-radius: 3px; @@ -464,8 +457,8 @@ body { .version { margin-top: 10px; margin-bottom: 0; - color: #777; font-size: 90%; + color: #777; } @@ -474,11 +467,11 @@ body { .docs-footer { border-top: 1px solid #ddd; - margin-top: 50px; padding: 30px 20px; - color: #777; + margin-top: 50px; font-size: 14px; text-align: center; + color: #777; .social { padding: 0 0 20px; @@ -486,8 +479,8 @@ body { list-style: none; li { - height: 20px; display: inline-block; + height: 20px; vertical-align: top; } .twitter-follow-button { @@ -508,9 +501,9 @@ body { @media screen and (min-width: 768px) { .docs-footer-text { width: 550px; - margin: 0 auto; padding-left: 0; padding-right: 0; + margin: 0 auto; } } .docs-footer-links { @@ -549,8 +542,6 @@ body { // -------------------------------------------------- .docs-component-toolbar { - padding-top: 8px; - padding-bottom: 8px; position: fixed; top: 0; bottom: auto; @@ -558,6 +549,8 @@ body { right: 0; z-index: 20; height: 44px; + padding-top: 8px; + padding-bottom: 8px; background-color: #fff; border-bottom: 1px solid #ddd; -webkit-transition: -webkit-transform .5s; @@ -590,9 +583,9 @@ body { .example { display: block; - overflow: hidden; - padding: 3px; width: 100%; + padding: 3px; + overflow: hidden; border: $border-default; border-radius: 3px; } @@ -644,8 +637,8 @@ code { font-size: 16px; } .component-example { - font-family: $font-family-default; font-size: $font-size-default; + font-family: $font-family-default; line-height: $line-height-default; } .component-example, @@ -691,10 +684,10 @@ code { top: 45%; left: 0; width: 100%; - color: #fff; text-align: center; font-size: 24px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + color: #fff; } .component-example-fullbleed, .highlight { @@ -705,10 +698,10 @@ code { padding: 0; } .highlight pre { - margin-top: 15px; padding: 15px; - font-size: 13px; + margin-top: 15px; overflow-x: auto; + font-size: 13px; color: #777; background-color: #fafafa; border-top: 1px solid #ddd; @@ -858,8 +851,8 @@ code { @media screen and (min-width: 768px) { .slider .slide { cursor: -webkit-grab; - cursor: -moz-grab; - cursor: grab; + cursor: -moz-grab; + cursor: grab; } .slider .slide img { width: 100%; @@ -884,8 +877,8 @@ code { .device { display: none; - font-family: $font-family-default; font-size: $font-size-default; + font-family: $font-family-default; line-height: $line-height-default; } @media screen and (min-width: 768px) { @@ -1144,3 +1137,20 @@ hr { width: 121px; height: 20px; } + +// Browser support table +.browser-support-table td, +.browser-support-table th { + border: 1px solid #ddd; + padding: 5px; +} +.browser-support-maybe { + color: #fff; + background-color: #f0ad4e; +} +.browser-support-yes { + background-color: $positive-color; +} +.browser-support-no { + background-color: $negative-color; +} diff --git a/sass/forms.scss b/sass/forms.scss index 7cb40a8..abc3c7e 100644 --- a/sass/forms.scss +++ b/sass/forms.scss @@ -30,6 +30,7 @@ input[type="tel"], input[type="color"] { width: 100%; height: 35px; + -webkit-appearance: none; padding: 0 15px; margin-bottom: 15px; line-height: $line-height-default; @@ -37,7 +38,6 @@ input[type="color"] { border: $border-default; border-radius: 3px; outline: none; - -webkit-appearance: none; } // Rounded search input @@ -80,14 +80,11 @@ select { margin-bottom: 0; background-color: transparent; border-top: 0; - border-left: 0; border-right: 0; + border-left: 0; border-radius: 0; @include box-shadow(none); } -.input-group input:last-child { - border-bottom: 0; -} // Input groups with labels // -------------------------------------------------- @@ -95,6 +92,7 @@ select { // To use labels with input groups, wrap a label and an input in an .input-row .input-row { overflow: hidden; + height: 35px; // Matches the height of inputs. border-bottom: $border-default; } @@ -102,7 +100,7 @@ select { .input-row label { float: left; width: 35%; - padding: 10px 15px; + padding: 8px 15px; font-family: $font-family-default; line-height: 1.1; // Put the text on the baseline. } diff --git a/sass/mixins.scss b/sass/mixins.scss index 944583e..bd8659b 100644 --- a/sass/mixins.scss +++ b/sass/mixins.scss @@ -22,8 +22,8 @@ @mixin clearfix() { &:before, &:after { - content: " "; // 1 display: table; // 2 + content: " "; // 1 } &:after { clear: both; @@ -37,16 +37,25 @@ } // Gradients -@mixin gradient($color-form, $color-to) { - background-color: $color-form; // Old browsers - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-form), color-stop(100%,$color-to)); // Chrome,Safari4+ - background-image: -webkit-linear-gradient(top, $color-form 0%, $color-to 100%); // Chrome10+,Safari5.1+ - background-image: -moz-linear-gradient(top, $color-form 0%, $color-to 100%); // FF3.6+ - background-image: -ms-linear-gradient(top, $color-form 0%, $color-to 100%); // IE10+ - background-image: -o-linear-gradient(top, $color-form 0%, $color-to 100%); // Opera 11.10+ - background-image: linear-gradient(to bottom, $color-form 0%, $color-to 100%); // W3C - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-form', endColorstr='$color-to', GradientType=0 ); // IE6-9 - +@mixin linear-gradient($color-from, $color-to) { + background-color: $color-from; // Old browsers + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+ + background-image: -webkit-linear-gradient(top, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ + background-image: -moz-linear-gradient(top, $color-from 0%, $color-to 100%); // FF3.6+ + background-image: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+ + background-image: -o-linear-gradient(top, $color-from 0%, $color-to 100%); // Opera 11.10+ + background-image: linear-gradient(to bottom, $color-from 0%, $color-to 100%); // W3C + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=0 ); // IE6-9 +} +@mixin directional-gradient($color-from, $color-to, $deg: 45deg) { + background-color: $color-from; // Old browsers + background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+ + background-image: -webkit-linear-gradient(45deg, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ + background-image: -moz-linear-gradient(45deg, $color-from 0%, $color-to 100%); // FF3.6+ + background-image: -ms-linear-gradient(45deg, $color-from 0%, $color-to 100%); // IE10+ + background-image: -o-linear-gradient(45deg, $color-from 0%, $color-to 100%); // Opera 11.10+ + background-image: linear-gradient(45deg, $color-from 0%, $color-to 100%); // W3C + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1 ); // IE6-9 } diff --git a/sass/modals.scss b/sass/modals.scss index fd2f2b3..ba15faf 100644 --- a/sass/modals.scss +++ b/sass/modals.scss @@ -5,12 +5,12 @@ .modal { position: fixed; top: 0; - opacity: 0; z-index: 11; width: 100%; min-height: 100%; overflow: hidden; background-color: #fff; + opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; -moz-transition: -moz-transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s; @@ -18,8 +18,8 @@ // Active modal &.active { - opacity: 1; height: 100%; + opacity: 1; -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; transition: transform .25s; diff --git a/sass/normalize.scss b/sass/normalize.scss index 1e3066a..62a085a 100644 --- a/sass/normalize.scss +++ b/sass/normalize.scss @@ -1,9 +1,10 @@ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +/*! 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 @@ -11,8 +12,9 @@ html { -webkit-text-size-adjust: 100%; // 2 } +// // Remove default margin. - +// body { margin: 0; @@ -21,8 +23,12 @@ body { // HTML5 display definitions // ========================================================================== -// Correct `block` display not defined in IE 8/9. - +// +// 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, @@ -33,15 +39,17 @@ 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, @@ -51,18 +59,20 @@ video { 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. -// Hide the `template` element in IE, Safari, and Firefox < 22. - +// +// 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 { @@ -72,15 +82,17 @@ template { // Links // ========================================================================== +// // Remove the gray background color from active links in IE 10. - +// a { - background: transparent; + background-color: transparent; } +// // Improve readability when focused and also mouse hovered in all browsers. - +// a:active, a:hover { @@ -90,54 +102,61 @@ a:hover { // Text-level semantics // ========================================================================== -// Address styling not present in IE 8/9, Safari 5, and Chrome. - +// +// 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 5, and Chrome. - +// +// Address style set to `bolder` in Firefox 4+, Safari, and Chrome. +// b, strong { font-weight: bold; } -// Address styling not present in Safari 5 and Chrome. - +// +// 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 5, and Chrome. - +// 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 { @@ -158,15 +177,17 @@ sub { // Embedded content // ========================================================================== -// Remove border when inside `a` element in IE 8/9. - +// +// Remove border when inside `a` element in IE 8/9/10. +// img { border: 0; } -// Correct overflow displayed oddly in IE 9. - +// +// Correct overflow not hidden in IE 9/10/11. +// svg:not(:root) { overflow: hidden; @@ -175,15 +196,17 @@ svg:not(:root) { // Grouping content // ========================================================================== -// Address margin not present in IE 8/9 and Safari 5. - +// +// 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; @@ -191,15 +214,17 @@ hr { height: 0; } +// // Contain overflow in all browsers. - +// pre { overflow: auto; } -// Address odd `em`-unit font size rendering in all browsers. - +// +// Address odd `em`-unit font size rendering in all browsers. +// code, kbd, @@ -212,15 +237,17 @@ samp { // 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 5, and Chrome. - +// 3. Address margins set differently in Firefox 4+, Safari, and Chrome. +// button, input, @@ -232,30 +259,33 @@ textarea { margin: 0; // 3 } -// Address `overflow` set to `hidden` in IE 8/9/10. - +// +// 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+, and Opera +// 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 @@ -265,16 +295,18 @@ input[type="submit"] { 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 { @@ -282,20 +314,22 @@ input::-moz-focus-inner { 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"] { @@ -303,20 +337,22 @@ input[type="radio"] { 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 5 and Chrome. -// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome +// +// 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 @@ -325,18 +361,20 @@ input[type="search"] { 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; @@ -344,25 +382,28 @@ fieldset { padding: 0.35em 0.625em 0.75em; } -// 1. Correct `color` not being inherited in IE 8/9. +// +// 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. - +// +// 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; @@ -371,8 +412,9 @@ optgroup { // Tables // ========================================================================== +// // Remove most spacing between table cells. - +// table { border-collapse: collapse; diff --git a/sass/popovers.scss b/sass/popovers.scss index 3ec3a7a..e91ae39 100644 --- a/sass/popovers.scss +++ b/sass/popovers.scss @@ -25,10 +25,10 @@ width: 0; height: 0; margin-left: -15px; + content: ''; border-right: 15px solid transparent; border-bottom: 15px solid $chrome-color; border-left: 15px solid transparent; - content: ''; } // Popover transition @@ -76,8 +76,8 @@ .popover .bar-nav { border-bottom: $border-default; - border-top-right-radius: 12px; border-top-left-radius: 12px; + border-top-right-radius: 12px; @include box-shadow(none); } @@ -89,9 +89,9 @@ max-height: 300px; margin-bottom: 0; overflow: auto; + -webkit-overflow-scrolling: touch; background-color: #fff; border-top: 0; border-bottom: 0; border-radius: $border-radius; - -webkit-overflow-scrolling: touch; } diff --git a/sass/push.scss b/sass/push.scss index 0a3fa4c..5e31961 100644 --- a/sass/push.scss +++ b/sass/push.scss @@ -42,11 +42,11 @@ position: absolute; top: 50%; display: inline-block; - color: #bbb; font-family: Ratchicons; font-size: inherit; - text-decoration: none; line-height: 1; + color: #bbb; + text-decoration: none; -webkit-font-smoothing: antialiased; @include transform(translateY(-50%)); } diff --git a/sass/ratchicons.scss b/sass/ratchicons.scss index c87d893..be18807 100644 --- a/sass/ratchicons.scss +++ b/sass/ratchicons.scss @@ -4,25 +4,24 @@ @font-face { font-family: Ratchicons; + font-weight: normal; + font-style: normal; src: url('../fonts/ratchicons.eot'); src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'), url('../fonts/ratchicons.woff') format('woff'), url('../fonts/ratchicons.ttf') format('truetype'), url('../fonts/ratchicons.svg#svgFontName') format('svg'); - font-weight: normal; - font-style: normal; } .icon { display: inline-block; font-family: Ratchicons; font-size: 24px; - text-decoration: none; line-height: 1; + text-decoration: none; -webkit-font-smoothing: antialiased; } -.icon-and-up { &:before { content: '\e809'; } } .icon-back { &:before { content: '\e80a'; } } .icon-bars { &:before { content: '\e80e'; } } .icon-caret { &:before { content: '\e80f'; } } @@ -30,16 +29,12 @@ .icon-close { &:before { content: '\e811'; } } .icon-code { &:before { content: '\e812'; } } .icon-compose { &:before { content: '\e813'; } } -.icon-down-nav { &:before { content: '\e814'; } } -.icon-down { &:before { content: '\e820'; } } .icon-download { &:before { content: '\e815'; } } .icon-edit { &:before { content: '\e829'; } } .icon-forward { &:before { content: '\e82a'; } } .icon-gear { &:before { content: '\e821'; } } .icon-home { &:before { content: '\e82b'; } } .icon-info { &:before { content: '\e82c'; } } -.icon-left-nav { &:before { content: '\e82d'; } } -.icon-left { &:before { content: '\e822'; } } .icon-list { &:before { content: '\e823'; } } .icon-more-vertical { &:before { content: '\e82e'; } } .icon-more { &:before { content: '\e82f'; } } @@ -49,8 +44,6 @@ .icon-play { &:before { content: '\e816'; } } .icon-plus { &:before { content: '\e817'; } } .icon-refresh { &:before { content: '\e825'; } } -.icon-right-nav { &:before { content: '\e818'; } } -.icon-right { &:before { content: '\e826'; } } .icon-search { &:before { content: '\e819'; } } .icon-share { &:before { content: '\e81a'; } } .icon-sound { &:before { content: '\e827'; } } @@ -63,3 +56,9 @@ .icon-trash { &:before { content: '\e81e'; } } .icon-up-nav { &:before { content: '\e81f'; } } .icon-up { &:before { content: '\e80d'; } } +.icon-right-nav { &:before { content: '\e818'; } } +.icon-right { &:before { content: '\e826'; } } +.icon-down-nav { &:before { content: '\e814'; } } +.icon-down { &:before { content: '\e820'; } } +.icon-left-nav { &:before { content: '\e82d'; } } +.icon-left { &:before { content: '\e822'; } } diff --git a/sass/segmented-controls.scss b/sass/segmented-controls.scss index 543520c..edc3aae 100644 --- a/sass/segmented-controls.scss +++ b/sass/segmented-controls.scss @@ -15,15 +15,15 @@ // Section within controller .control-item { display: table-cell; - overflow: hidden; width: 1%; padding-top: 6px; padding-bottom: 7px; + overflow: hidden; line-height: 1; color: #333; text-align: center; - white-space: nowrap; text-overflow: ellipsis; + white-space: nowrap; border-left: 1px solid #ccc; // Remove border-left and shadow from first section diff --git a/sass/sliders.scss b/sass/sliders.scss index 5b04477..d8e10aa 100644 --- a/sass/sliders.scss +++ b/sass/sliders.scss @@ -22,10 +22,10 @@ // Individual slide .slide { display: inline-block; - vertical-align: top; // Ensure that li always aligns to top width: 100%; height: 100%; font-size: 14px; + vertical-align: top; // Ensure that li always aligns to top } } } diff --git a/sass/table-views.scss b/sass/table-views.scss index 42372bf..e06f4a8 100644 --- a/sass/table-views.scss +++ b/sass/table-views.scss @@ -15,8 +15,8 @@ // Pad each table view item and add dividers .table-view-cell { position: relative; - overflow: hidden; padding: 11px 65px 11px 15px; + overflow: hidden; border-bottom: $border-default; // Remove the border from the last table view item @@ -27,9 +27,9 @@ > a:not(.btn) { position: relative; display: block; - overflow: hidden; padding: inherit; margin: -11px -65px -11px -15px; // Make the entire list item tappable. + overflow: hidden; color: inherit; &:active { @@ -51,11 +51,11 @@ padding-left: 15px; margin-top: -1px; // Hides the border of the previous list item margin-left: 0; - color: #999; font-weight: $font-weight; + color: #999; + background-color: #fafafa; border-top: $border-default; border-bottom: $border-default; - background-color: #fafafa; } diff --git a/sass/theme-android.scss b/sass/theme-android.scss index 1d2b8b3..5c276e7 100644 --- a/sass/theme-android.scss +++ b/sass/theme-android.scss @@ -96,8 +96,8 @@ a { &:active, &.active { color: $text-color; - border: 0; background-color: $default-color; + border: 0; @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2)); } } @@ -109,8 +109,8 @@ a { // Primary button (Default color is blue) .btn-primary { color: #fff; - border: 0; background-color: $primary-color; + border: 0; &:active, &.active { @@ -123,69 +123,69 @@ a { // Positive button (Default color is green) .btn-positive { color: #fff; - border: 0; background-color: $positive-color; + border: 0; &:active, &.active { color: #fff; - border: 0; background-color: darken($positive-color, 10%); + border: 0; } } // Negative button (Default color is red) .btn-negative { color: #fff; - border: 0; background-color: $negative-color; + border: 0; &:active, &.active { color: #fff; - border: 0; background-color: darken($negative-color, 10%); + border: 0; } } // Outlined buttons .btn-outlined { - border: 1px solid $default-color; background-color: transparent; + border: 1px solid $default-color; @include box-shadow(none); &.btn-primary { - border: 1px solid $primary-color; color: $primary-color; + border: 1px solid $primary-color; &:active { - border: 1px solid $primary-color; background-color: $primary-color; + border: 1px solid $primary-color; } } &.btn-positive { - border: 1px solid $positive-color; color: $positive-color; + border: 1px solid $positive-color; &:active { - border: 1px solid $positive-color; background-color: $positive-color; + border: 1px solid $positive-color; } } &.btn-negative { - border: 1px solid $negative-color; color: $negative-color; + border: 1px solid $negative-color; &:active { - border: 1px solid $negative-color; background-color: $negative-color; + border: 1px solid $negative-color; } } // Active states &:active { - border: 1px solid $default-color; background-color: $default-color; + border: 1px solid $default-color; @include box-shadow(none); } &.btn-primary:active, @@ -262,8 +262,8 @@ a { .bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab { - border-bottom: 0; border-top: $border-default; + border-bottom: 0; @include box-shadow(inset 0 -2px 0 $primary-color); } } @@ -313,9 +313,9 @@ a { .btn-link { top: 0; padding: 0; - color: $primary-color; font-size: $font-size-default; line-height: 49px; + color: $primary-color; &:active, &.active { @@ -415,9 +415,9 @@ a { // -------------------------------------------------- .card { + background-color: transparent; border-color: #d9d9d9; border-radius: $border-radius; - background-color: transparent; } @@ -435,6 +435,7 @@ a { background-image: none; } > a:not(.btn):active { + color: inherit; background-color: #e0e0e0; .icon { @@ -449,9 +450,26 @@ a { font-size: 12px; font-weight: bold; text-transform: uppercase; + background-color: transparent; border-top: 0; border-bottom: 2px solid #a9a9a9; - background-color: transparent; + } +} + +// Table-views with buttons, badges and toggles +// -------------------------------------------------- +.table-view-cell, +.table-view-cell > a { + // Android has no cheverons so don't bump the buttons, badges, or toggles over. + .navigate-left, + .navigate-right, + .push-left, + .push-right { + > .btn, + > .badge, + > .toggle { + right: 15px; + } } } @@ -512,8 +530,13 @@ textarea, // To use labels with input groups, wrap a label and an input in an .input-row .input-row { + height: 40px; // Matches the height of inputs. border-bottom: 1px solid #d9d9d9; } +.input-row label { + padding-top: 10px; + padding-bottom: 10px; +} // Remove bottom border on last input-row to avoid double bottom border .input-row label + input { background-image: none; @@ -656,9 +679,9 @@ textarea, .toggle { width: 104px; height: 28px; + background-color: #d7d7d7; border: 2px solid #d7d7d7; border-radius: 0; - background-color: #d7d7d7; // Sliding handle .toggle-handle { @@ -666,9 +689,9 @@ textarea, left: 0; width: 50px; height: 24px; + background-color: #bebebe; border: 1px solid #b5b5b5; border-radius: 2px; - background-color: #bebebe; @include box-shadow(inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.1)); } &:before { @@ -681,8 +704,8 @@ textarea, // Active state for toggle &.active { - border: 2px solid #d7d7d7; background-color: #d7d7d7; + border: 2px solid #d7d7d7; .toggle-handle { margin-right: 2px; @@ -691,8 +714,8 @@ textarea, @include transform(translate3d(50px,0,0)); } &:before { - left: auto; right: 14px; + left: auto; color: #fff; } } @@ -716,17 +739,17 @@ textarea, // Ratchicons for Android // -------------------------------------------------- -.icon-caret:before { content: '\e800'; } +.icon-caret:before { content: '\e800'; } .icon-down:before, -.icon-down-nav:before { content: '\e801'; } -.icon-download:before { content: '\e802'; } +.icon-down-nav:before { content: '\e801'; } +.icon-download:before { content: '\e802'; } .icon-left:before, -.icon-left-nav:before { content: '\e803'; } +.icon-left-nav:before { content: '\e803'; } .icon-more-vertical:before { content: '\e804'; } -.icon-more:before { content: '\e805'; } +.icon-more:before { content: '\e805'; } .icon-right:before, -.icon-right-nav:before { content: '\e806'; } -.icon-search:before { content: '\e807'; } -.icon-share:before { content: '\e808'; } +.icon-right-nav:before { content: '\e806'; } +.icon-search:before { content: '\e807'; } +.icon-share:before { content: '\e808'; } .icon-up:before, -.icon-up-nav:before { content: '\e809'; } +.icon-up-nav:before { content: '\e809'; } diff --git a/sass/theme-ios.scss b/sass/theme-ios.scss index 1705368..14bcd82 100644 --- a/sass/theme-ios.scss +++ b/sass/theme-ios.scss @@ -66,9 +66,9 @@ p { // -------------------------------------------------- .btn { - border: 1px solid $default-color; color: $default-color; background-color: $chrome-color; + border: 1px solid $default-color; @include transition(all); @include transition-duration(.2s); @include transition-timing-function(linear); @@ -88,39 +88,39 @@ p { // Primary button (Default color is blue) .btn-primary { color: #fff; - border: 1px solid $primary-color; background-color: $primary-color; + border: 1px solid $primary-color; &:active, &.active { - border: 1px solid darken($primary-color, 10%); background-color: darken($primary-color, 10%); + border: 1px solid darken($primary-color, 10%); } } // Positive button (Default color is green) .btn-positive { color: #fff; - border: 1px solid $positive-color; background-color: $positive-color; + border: 1px solid $positive-color; &:active, &.active { - border: 1px solid darken($positive-color, 10%); background-color: darken($positive-color, 10%); + border: 1px solid darken($positive-color, 10%); } } // Negative button (Default color is red) .btn-negative { color: #fff; - border: 1px solid $negative-color; background-color: $negative-color; + border: 1px solid $negative-color; &:active, &.active { - border: 1px solid darken($negative-color, 10%); background-color: darken($negative-color, 10%); + border: 1px solid darken($negative-color, 10%); } } @@ -180,8 +180,8 @@ p { // Default bar .bar { - border-bottom: 0; background-color: $chrome-color; + border-bottom: 0; @include box-shadow(0 0 1px rgba(0,0,0,.85)); // Modifier class to dock any bar below .bar-nav @@ -309,6 +309,9 @@ p { &:last-child { background-image: none; } + > a:not(.btn):active { + color: inherit; + } } // Table view dividers @@ -494,10 +497,10 @@ textarea, border-bottom: 1px solid rgba(0,0,0,.15); } -// Popovers with `table-views1 +// Popovers with `table-views` .popover .table-view { - border-radius: 12px; background-image: none; + border-radius: 12px; } @@ -536,8 +539,8 @@ textarea, } // Active state for toggle &.active { - border: 2px solid $positive-color; background-color: transparent; + border: 2px solid $positive-color; @include box-shadow(inset 0 0 0 13px $positive-color); .toggle-handle { diff --git a/sass/toggles.scss b/sass/toggles.scss index d79843b..2ecb096 100644 --- a/sass/toggles.scss +++ b/sass/toggles.scss @@ -3,8 +3,8 @@ // -------------------------------------------------- .toggle { - display: block; position: relative; + display: block; width: 74px; height: 30px; background-color: #fff; @@ -33,16 +33,16 @@ position: absolute; top: 3px; right: 11px; - color: #999; font-size: 13px; + color: #999; text-transform: uppercase; content: "Off"; } // Active state for toggle &.active { - border: 2px solid $positive-color; background-color: $positive-color; + border: 2px solid $positive-color; .toggle-handle { border-color: $positive-color; diff --git a/sass/variables.scss b/sass/variables.scss index de2d9a2..e65831e 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -5,54 +5,54 @@ // Type // -------------------------------------------------- -$font-family-default: "Helvetica Neue", Helvetica, sans-serif; -$font-size-default: 17px; -$font-weight: 500; -$font-weight-light: 400; -$line-height-default: 21px; +$font-family-default: "Helvetica Neue", Helvetica, sans-serif !default; +$font-size-default: 17px !default; +$font-weight: 500 !default; +$font-weight-light: 400 !default; +$line-height-default: 21px !default; // Colors // -------------------------------------------------- // Main theme colors -$primary-color: #428bca; -$chrome-color: #fff; +$primary-color: #428bca !default; +$chrome-color: #fff !default; // Action colors -$default-color: #fff; -$positive-color: #5cb85c; -$negative-color: #d9534f; +$default-color: #fff !default; +$positive-color: #5cb85c !default; +$negative-color: #d9534f !default; // Bars // -------------------------------------------------- -$bar-base-height: 44px; -$bar-tab-height: 50px; -$bar-side-spacing: 10px; +$bar-base-height: 44px !default; +$bar-tab-height: 50px !default; +$bar-side-spacing: 10px !default; // Cards // -------------------------------------------------- -$card-bg: #fff; +$card-bg: #fff !default; // Buttons // -------------------------------------------------- -$button-font-size: 12px; +$button-font-size: 12px !default; // Transitions // -------------------------------------------------- -$timing-fuction: cubic-bezier(.1,.5,.1,1); // Inspired by @c2prods +$timing-fuction: cubic-bezier(.1,.5,.1,1) !default; // Inspired by @c2prods // Borders // -------------------------------------------------- -$border-default: 1px solid #ddd; -$border-radius: 6px; +$border-default: 1px solid #ddd !default; +$border-radius: 6px !default; |