diff --git a/.bowerrc b/.bowerrc new file mode 100644 index 0000000..44491d3 --- /dev/null +++ b/.bowerrc @@ -0,0 +1,3 @@ +{ + "directory": "bower_components" +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a088b6f --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +bower_components diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100644 index 0000000..6def716 --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,282 @@ +module.exports = function(grunt) { + + var appConfig = { + host: 'localhost', + port: 1338, + src_dir: 'src/', + dist_dir: 'dist/' + }; + + require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); + + grunt.initConfig({ + pkg: grunt.file.readJSON('package.json'), + appConfig: appConfig, + + watch: { + grunt: { + files: 'Gruntfile.js' + }, + sass: { + files: ['<%= appConfig.src_dir %>css/**/*.scss'], + tasks: ['sass', 'postcss', 'cssnext'] + }, + uglify: { + files: ['<%= appConfig.src_dir %>js/**/*.js'], + tasks: ['uglify'] + }, + jade: { + files: ['<%= appConfig.src_dir %>**/*.jade'], + tasks: ['jade'] + } + }, + + browserSync: { + dev: { + bsFiles: { + src: [ + '<%= appConfig.dist_dir %>css/*.css', + '<%= appConfig.dist_dir %>js/*.js', + '<%= appConfig.dist_dir %>*.html', + '<%= appConfig.dist_dir %>img/*.jpg', + '<%= appConfig.dist_dir %>img/*.png', + ], + }, + + options: { + watchTask: true, + server: { + baseDir: appConfig.dist_dir + }, + debugInfo: true, + logConnections: true, + notify: true, + plugins: [ + { + module: 'bs-html-injector', + options: { + files: '<%= appConfig.dist_dir %>*.html' + } + } + ], + ghostMode: { + scroll: true, + links: true, + forms: true + } + }, + + bsReload: { + all: { + reload: true + } + } + } + }, + + clean: { + options: { + dot: true + }, + + dist: { + src: ['<%= appConfig.dist_dir %>'] + } + }, + + copy: { + src: { + files: [{ + expand: true, + dot: true, + flatten: true, + src: ['bower_components/font-awesome/fonts/*', '<%= appConfig.src_dir %>fonts/*'], + dest: '<%= appConfig.dist_dir %>fonts/', + filter: 'isFile' + }] + } + }, + + sass: { + options: { + sourceMap: true + }, + + dist: { + files: { + '<%= appConfig.dist_dir %>css/main.min.css': '<%= appConfig.src_dir %>css/main.scss' + } + } + }, + + postcss: { + options: { + map: false, + processors: [ + require('autoprefixer-core')({ + browsers: ['last 5 versions', '> 15%', 'IE 10'] + }) + ] + }, + + dist: { + src: ['<%= appConfig.dist_dir %>css/main.min.css'] + } + }, + + cssnext: { + options: { + sourcemap: false + }, + + dist: { + files: { + '<%= appConfig.dist_dir %>css/main.min.css': '<%= appConfig.dist_dir %>css/main.min.css' + } + } + }, + + cssbeautifier : { + files : ['<%= appConfig.dist_dir %>css/main.min.css'], + options : { + indent: ' ', + openbrace: 'end-of-line', + autosemicolon: true + } + }, + + cssmin: { + options: { + shorthandCompacting: false, + roundingPrecision: -1 + }, + + target: { + files: { + '<%= appConfig.dist_dir %>css/main.min.css': ['<%= appConfig.dist_dir %>css/main.min.css'], + } + } + }, + + uglify: { + dist: { + options: { + beautify: true + }, + + files: { + '<%= appConfig.dist_dir %>js/main.min.js': ['<%= appConfig.src_dir %>js/**/*.js'] + } + } + }, + + jade: { + html: { + files: { + '<%= appConfig.dist_dir %>': ['<%= appConfig.src_dir %>*.jade'] + }, + + options: { + client: false, + pretty: true + } + } + }, + + 'ftp-deploy': { + build: { + auth: { + host: 'whitmoretearooms.co.uk', + port: 21, + authKey: '/.ftppass' + }, + src: 'app', + dest: '/public_html/test', + exclusions: ['**/.DS_Store'] + } + }, + + imagemin: { + png: { + options: { + optimizationLevel: 7 + }, + files: [ + { + expand: true, + cwd: '<%= appConfig.src_dir %>img/', + src: ['**/*.png'], + dest: '<%= appConfig.dist_dir %>img/', + ext: '.png' + } + ] + }, + + jpg: { + options: { + progressive: true + }, + files: [ + { + expand: true, + cwd: '<%= appConfig.src_dir %>img/', + src: ['**/*.jpg'], + dest: '<%= appConfig.dist_dir %>img/', + ext: '.jpg' + } + ] + } + }, + + svgmin: { + options: { + plugins: [ + { collapseGroups: false }, + { removeUnknownsAndDefaults: false } + ] + }, + dist: { + files: [{ + expand: true, + cwd: '<%= appConfig.src_dir %>img', + src: '{,*/}*.svg', + dest: '<%= appConfig.dist_dir %>img' + }] + } + } + }); + + grunt.registerTask('compile-css', [ + 'sass', + 'postcss', + 'cssnext', + 'imagemin', + 'svgmin', + // 'copy' + ]); + + grunt.registerTask('compile-js', [ + 'uglify' + ]); + + grunt.registerTask('compile-html', [ + 'jade' + ]); + + grunt.registerTask('compile-theme', ['compile-css', 'compile-js', 'compile-html']); + + grunt.registerTask('prettify', [ + 'cssbeautifier', + 'cssmin' + ]); + + grunt.registerTask('preview', [ + 'compile-theme', + 'browserSync', + 'watch' + ]); + + grunt.registerTask('default', ['preview']); + grunt.registerTask('prepare', ['compile-theme', 'prettify']); + grunt.registerTask('deploy', ['ship', 'ftp-deploy']) +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..2ce7104 --- /dev/null +++ b/README.md @@ -0,0 +1,52 @@ +## GridleCSS Theme + +http://studio51.github.io/gridlecss/ + +A `test` theme for GridleCSS in order to test all the frameworks components. +This theme relies, heavily, on GridleCSS. Any changes, if any, made on the +framework will affect this theme. + +### Installation + +``` bash +$ git clone git@github.com:studio51/gridlecss.git +$ cd web +$ npm install +``` + +We use [Grunt.JS] as our Task Runner in order to compile the SASS files. +If you haven't used Grunt before, be sure to check out the Getting Started +guide, as it explains how to create a Gruntfile as well as install and use Grunt +plugins. + +`$ grunt` + +This is the default task which will `clean` the `dist` folder and `compile` the +all the theme files, such SASS, JS and JADE. + +It will also launch a server on `localhost:1337` so make sure the port is not in +use by any other service. The server comes with livereload in order to see +updates as they happen in your browser. + +`$ grunt compile` + +This will `clean` the `dist` folder and `compile` the all the theme files, such +SASS, JS and JADE. + +`$ grunt ship` + +If you make any changes to GridleCSS Theme and whish to make a pull request or +use it, use this task which will `clean`, `compile`, and `prettify` all the +resources used by the theme. + +### Open for pull requests + +Before making any pull requests, make sure the Theme looks as it should by using +the `$ grunt` task. + +### License + +MIT © [Studio51] + +[Studio51]:http://creative-studio51.co.uk +[Grunt.JS]:http://gruntjs.com diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..291b176 --- /dev/null +++ b/bower.json @@ -0,0 +1,21 @@ +{ + "name": "GridleCSS", + "version": "1.0.0", + "homepage": "https://github.com/studio51/framework-gridlex", + "authors": [ + "Vlad Radulescu " + ], + "description": "''", + "license": "MIT", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "devDependencies": { + "font-awesome": "~4.4.0", + "gridlecss": "*" + } +} diff --git a/css/theme.css b/css/theme.css deleted file mode 100644 index 56810ad..0000000 --- a/css/theme.css +++ /dev/null @@ -1,1480 +0,0 @@ -*, *:before, *:after { - box-sizing: border-box; } - -.grid, .grid-fluid { - box-sizing: border-box; - margin-left: auto; - margin-right: auto; - width: 100%; } - -.row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -1px; - margin-right: -1px; } - .row.reverse { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; } - -.cell { - margin-left: 1px; - margin-right: 1px; - width: 100%; } - .cell-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; } - .cell-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - -.cell-xs, .cell-xs-1, .cell-xs-offset-1, .cell-xs-2, .cell-xs-offset-2, .cell-xs-3, .cell-xs-offset-3, .cell-xs-4, .cell-xs-offset-4, .cell-xs-5, .cell-xs-offset-5, .cell-xs-6, .cell-xs-offset-6, .cell-xs-7, .cell-xs-offset-7, .cell-xs-8, .cell-xs-offset-8, .cell-xs-9, .cell-xs-offset-9, .cell-xs-10, .cell-xs-offset-10, .cell-xs-11, .cell-xs-offset-11, .cell-xs-12, .cell-xs-offset-12, .cell-sm, .cell-sm-1, .cell-sm-offset-1, .cell-sm-2, .cell-sm-offset-2, .cell-sm-3, .cell-sm-offset-3, .cell-sm-4, .cell-sm-offset-4, .cell-sm-5, .cell-sm-offset-5, .cell-sm-6, .cell-sm-offset-6, .cell-sm-7, .cell-sm-offset-7, .cell-sm-8, .cell-sm-offset-8, .cell-sm-9, .cell-sm-offset-9, .cell-sm-10, .cell-sm-offset-10, .cell-sm-11, .cell-sm-offset-11, .cell-sm-12, .cell-sm-offset-12, .cell-md, .cell-md-1, .cell-md-offset-1, .cell-md-2, .cell-md-offset-2, .cell-md-3, .cell-md-offset-3, .cell-md-4, .cell-md-offset-4, .cell-md-5, .cell-md-offset-5, .cell-md-6, .cell-md-offset-6, .cell-md-7, .cell-md-offset-7, .cell-md-8, .cell-md-offset-8, .cell-md-9, .cell-md-offset-9, .cell-md-10, .cell-md-offset-10, .cell-md-11, .cell-md-offset-11, .cell-md-12, .cell-md-offset-12, .cell-lg, .cell-lg-1, .cell-lg-offset-1, .cell-lg-2, .cell-lg-offset-2, .cell-lg-3, .cell-lg-offset-3, .cell-lg-4, .cell-lg-offset-4, .cell-lg-5, .cell-lg-offset-5, .cell-lg-6, .cell-lg-offset-6, .cell-lg-7, .cell-lg-offset-7, .cell-lg-8, .cell-lg-offset-8, .cell-lg-9, .cell-lg-offset-9, .cell-lg-10, .cell-lg-offset-10, .cell-lg-11, .cell-lg-offset-11, .cell-lg-12, .cell-lg-offset-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } - -.cells-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } - -.cells-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - -.cells-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; } - -.cells-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - -.cells-middle { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - -.cells-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - -.cells-baseline { - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; } - -@media only screen { - .grid { - width: var(--grid-xs-container); } - .cell-xs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - .cell-xs-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; } - .cell-xs-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .cells-xs-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } - .cells-xs-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .cells-xs-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; } - .cells-xs-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .cells-xs-middle { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cells-xs-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - .cells-xs-baseline { - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; } - .cell-xs-1 { - -ms-flex-preferred-size: calc(8.3333333333% - 2px); - -webkit-flex-basis: calc(8.3333333333% - 2px); - flex-basis: calc(8.3333333333% - 2px); - max-width: 8.3333333333%; } - .cell-xs-offset-1 { - margin-left: calc(8.3333333333% + 1px) !important; } - .cell-xs-2 { - -ms-flex-preferred-size: calc(16.6666666667% - 2px); - -webkit-flex-basis: calc(16.6666666667% - 2px); - flex-basis: calc(16.6666666667% - 2px); - max-width: 16.6666666667%; } - .cell-xs-offset-2 { - margin-left: calc(16.6666666667% + 1px) !important; } - .cell-xs-3 { - -ms-flex-preferred-size: calc(25% - 2px); - -webkit-flex-basis: calc(25% - 2px); - flex-basis: calc(25% - 2px); - max-width: 25%; } - .cell-xs-offset-3 { - margin-left: calc(25% + 1px) !important; } - .cell-xs-4 { - -ms-flex-preferred-size: calc(33.3333333333% - 2px); - -webkit-flex-basis: calc(33.3333333333% - 2px); - flex-basis: calc(33.3333333333% - 2px); - max-width: 33.3333333333%; } - .cell-xs-offset-4 { - margin-left: calc(33.3333333333% + 1px) !important; } - .cell-xs-5 { - -ms-flex-preferred-size: calc(41.6666666667% - 2px); - -webkit-flex-basis: calc(41.6666666667% - 2px); - flex-basis: calc(41.6666666667% - 2px); - max-width: 41.6666666667%; } - .cell-xs-offset-5 { - margin-left: calc(41.6666666667% + 1px) !important; } - .cell-xs-6 { - -ms-flex-preferred-size: calc(50% - 2px); - -webkit-flex-basis: calc(50% - 2px); - flex-basis: calc(50% - 2px); - max-width: 50%; } - .cell-xs-offset-6 { - margin-left: calc(50% + 1px) !important; } - .cell-xs-7 { - -ms-flex-preferred-size: calc(58.3333333333% - 2px); - -webkit-flex-basis: calc(58.3333333333% - 2px); - flex-basis: calc(58.3333333333% - 2px); - max-width: 58.3333333333%; } - .cell-xs-offset-7 { - margin-left: calc(58.3333333333% + 1px) !important; } - .cell-xs-8 { - -ms-flex-preferred-size: calc(66.6666666667% - 2px); - -webkit-flex-basis: calc(66.6666666667% - 2px); - flex-basis: calc(66.6666666667% - 2px); - max-width: 66.6666666667%; } - .cell-xs-offset-8 { - margin-left: calc(66.6666666667% + 1px) !important; } - .cell-xs-9 { - -ms-flex-preferred-size: calc(75% - 2px); - -webkit-flex-basis: calc(75% - 2px); - flex-basis: calc(75% - 2px); - max-width: 75%; } - .cell-xs-offset-9 { - margin-left: calc(75% + 1px) !important; } - .cell-xs-10 { - -ms-flex-preferred-size: calc(83.3333333333% - 2px); - -webkit-flex-basis: calc(83.3333333333% - 2px); - flex-basis: calc(83.3333333333% - 2px); - max-width: 83.3333333333%; } - .cell-xs-offset-10 { - margin-left: calc(83.3333333333% + 1px) !important; } - .cell-xs-11 { - -ms-flex-preferred-size: calc(91.6666666667% - 2px); - -webkit-flex-basis: calc(91.6666666667% - 2px); - flex-basis: calc(91.6666666667% - 2px); - max-width: 91.6666666667%; } - .cell-xs-offset-11 { - margin-left: calc(91.6666666667% + 1px) !important; } - .cell-xs-12 { - -ms-flex-preferred-size: calc(100% - 2px); - -webkit-flex-basis: calc(100% - 2px); - flex-basis: calc(100% - 2px); - max-width: 100%; } - .cell-xs-offset-12 { - margin-left: calc(100% + 1px) !important; } } - -@media only screen and (min-width: 768px) { - .grid { - width: 698.18182px; } - .cell-sm { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - .cell-sm-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; } - .cell-sm-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .cells-sm-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } - .cells-sm-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .cells-sm-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; } - .cells-sm-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .cells-sm-middle { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cells-sm-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - .cells-sm-baseline { - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; } - .cell-sm-1 { - -ms-flex-preferred-size: calc(8.3333333333% - 2px); - -webkit-flex-basis: calc(8.3333333333% - 2px); - flex-basis: calc(8.3333333333% - 2px); - max-width: 8.3333333333%; } - .cell-sm-offset-1 { - margin-left: calc(8.3333333333% + 1px) !important; } - .cell-sm-2 { - -ms-flex-preferred-size: calc(16.6666666667% - 2px); - -webkit-flex-basis: calc(16.6666666667% - 2px); - flex-basis: calc(16.6666666667% - 2px); - max-width: 16.6666666667%; } - .cell-sm-offset-2 { - margin-left: calc(16.6666666667% + 1px) !important; } - .cell-sm-3 { - -ms-flex-preferred-size: calc(25% - 2px); - -webkit-flex-basis: calc(25% - 2px); - flex-basis: calc(25% - 2px); - max-width: 25%; } - .cell-sm-offset-3 { - margin-left: calc(25% + 1px) !important; } - .cell-sm-4 { - -ms-flex-preferred-size: calc(33.3333333333% - 2px); - -webkit-flex-basis: calc(33.3333333333% - 2px); - flex-basis: calc(33.3333333333% - 2px); - max-width: 33.3333333333%; } - .cell-sm-offset-4 { - margin-left: calc(33.3333333333% + 1px) !important; } - .cell-sm-5 { - -ms-flex-preferred-size: calc(41.6666666667% - 2px); - -webkit-flex-basis: calc(41.6666666667% - 2px); - flex-basis: calc(41.6666666667% - 2px); - max-width: 41.6666666667%; } - .cell-sm-offset-5 { - margin-left: calc(41.6666666667% + 1px) !important; } - .cell-sm-6 { - -ms-flex-preferred-size: calc(50% - 2px); - -webkit-flex-basis: calc(50% - 2px); - flex-basis: calc(50% - 2px); - max-width: 50%; } - .cell-sm-offset-6 { - margin-left: calc(50% + 1px) !important; } - .cell-sm-7 { - -ms-flex-preferred-size: calc(58.3333333333% - 2px); - -webkit-flex-basis: calc(58.3333333333% - 2px); - flex-basis: calc(58.3333333333% - 2px); - max-width: 58.3333333333%; } - .cell-sm-offset-7 { - margin-left: calc(58.3333333333% + 1px) !important; } - .cell-sm-8 { - -ms-flex-preferred-size: calc(66.6666666667% - 2px); - -webkit-flex-basis: calc(66.6666666667% - 2px); - flex-basis: calc(66.6666666667% - 2px); - max-width: 66.6666666667%; } - .cell-sm-offset-8 { - margin-left: calc(66.6666666667% + 1px) !important; } - .cell-sm-9 { - -ms-flex-preferred-size: calc(75% - 2px); - -webkit-flex-basis: calc(75% - 2px); - flex-basis: calc(75% - 2px); - max-width: 75%; } - .cell-sm-offset-9 { - margin-left: calc(75% + 1px) !important; } - .cell-sm-10 { - -ms-flex-preferred-size: calc(83.3333333333% - 2px); - -webkit-flex-basis: calc(83.3333333333% - 2px); - flex-basis: calc(83.3333333333% - 2px); - max-width: 83.3333333333%; } - .cell-sm-offset-10 { - margin-left: calc(83.3333333333% + 1px) !important; } - .cell-sm-11 { - -ms-flex-preferred-size: calc(91.6666666667% - 2px); - -webkit-flex-basis: calc(91.6666666667% - 2px); - flex-basis: calc(91.6666666667% - 2px); - max-width: 91.6666666667%; } - .cell-sm-offset-11 { - margin-left: calc(91.6666666667% + 1px) !important; } - .cell-sm-12 { - -ms-flex-preferred-size: calc(100% - 2px); - -webkit-flex-basis: calc(100% - 2px); - flex-basis: calc(100% - 2px); - max-width: 100%; } - .cell-sm-offset-12 { - margin-left: calc(100% + 1px) !important; } } - -@media only screen and (min-width: 982px) { - .grid { - width: 892.72727px; } - .cell-md { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - .cell-md-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; } - .cell-md-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .cells-md-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } - .cells-md-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .cells-md-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; } - .cells-md-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .cells-md-middle { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cells-md-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - .cells-md-baseline { - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; } - .cell-md-1 { - -ms-flex-preferred-size: calc(8.3333333333% - 2px); - -webkit-flex-basis: calc(8.3333333333% - 2px); - flex-basis: calc(8.3333333333% - 2px); - max-width: 8.3333333333%; } - .cell-md-offset-1 { - margin-left: calc(8.3333333333% + 1px) !important; } - .cell-md-2 { - -ms-flex-preferred-size: calc(16.6666666667% - 2px); - -webkit-flex-basis: calc(16.6666666667% - 2px); - flex-basis: calc(16.6666666667% - 2px); - max-width: 16.6666666667%; } - .cell-md-offset-2 { - margin-left: calc(16.6666666667% + 1px) !important; } - .cell-md-3 { - -ms-flex-preferred-size: calc(25% - 2px); - -webkit-flex-basis: calc(25% - 2px); - flex-basis: calc(25% - 2px); - max-width: 25%; } - .cell-md-offset-3 { - margin-left: calc(25% + 1px) !important; } - .cell-md-4 { - -ms-flex-preferred-size: calc(33.3333333333% - 2px); - -webkit-flex-basis: calc(33.3333333333% - 2px); - flex-basis: calc(33.3333333333% - 2px); - max-width: 33.3333333333%; } - .cell-md-offset-4 { - margin-left: calc(33.3333333333% + 1px) !important; } - .cell-md-5 { - -ms-flex-preferred-size: calc(41.6666666667% - 2px); - -webkit-flex-basis: calc(41.6666666667% - 2px); - flex-basis: calc(41.6666666667% - 2px); - max-width: 41.6666666667%; } - .cell-md-offset-5 { - margin-left: calc(41.6666666667% + 1px) !important; } - .cell-md-6 { - -ms-flex-preferred-size: calc(50% - 2px); - -webkit-flex-basis: calc(50% - 2px); - flex-basis: calc(50% - 2px); - max-width: 50%; } - .cell-md-offset-6 { - margin-left: calc(50% + 1px) !important; } - .cell-md-7 { - -ms-flex-preferred-size: calc(58.3333333333% - 2px); - -webkit-flex-basis: calc(58.3333333333% - 2px); - flex-basis: calc(58.3333333333% - 2px); - max-width: 58.3333333333%; } - .cell-md-offset-7 { - margin-left: calc(58.3333333333% + 1px) !important; } - .cell-md-8 { - -ms-flex-preferred-size: calc(66.6666666667% - 2px); - -webkit-flex-basis: calc(66.6666666667% - 2px); - flex-basis: calc(66.6666666667% - 2px); - max-width: 66.6666666667%; } - .cell-md-offset-8 { - margin-left: calc(66.6666666667% + 1px) !important; } - .cell-md-9 { - -ms-flex-preferred-size: calc(75% - 2px); - -webkit-flex-basis: calc(75% - 2px); - flex-basis: calc(75% - 2px); - max-width: 75%; } - .cell-md-offset-9 { - margin-left: calc(75% + 1px) !important; } - .cell-md-10 { - -ms-flex-preferred-size: calc(83.3333333333% - 2px); - -webkit-flex-basis: calc(83.3333333333% - 2px); - flex-basis: calc(83.3333333333% - 2px); - max-width: 83.3333333333%; } - .cell-md-offset-10 { - margin-left: calc(83.3333333333% + 1px) !important; } - .cell-md-11 { - -ms-flex-preferred-size: calc(91.6666666667% - 2px); - -webkit-flex-basis: calc(91.6666666667% - 2px); - flex-basis: calc(91.6666666667% - 2px); - max-width: 91.6666666667%; } - .cell-md-offset-11 { - margin-left: calc(91.6666666667% + 1px) !important; } - .cell-md-12 { - -ms-flex-preferred-size: calc(100% - 2px); - -webkit-flex-basis: calc(100% - 2px); - flex-basis: calc(100% - 2px); - max-width: 100%; } - .cell-md-offset-12 { - margin-left: calc(100% + 1px) !important; } } - -@media only screen and (min-width: 1200px) { - .grid { - width: 1090.90909px; } - .cell-lg { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - .cell-lg-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; } - .cell-lg-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; } - .cells-lg-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; } - .cells-lg-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - .cells-lg-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; } - .cells-lg-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; } - .cells-lg-middle { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } - .cells-lg-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; } - .cells-lg-baseline { - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; } - .cell-lg-1 { - -ms-flex-preferred-size: calc(8.3333333333% - 2px); - -webkit-flex-basis: calc(8.3333333333% - 2px); - flex-basis: calc(8.3333333333% - 2px); - max-width: 8.3333333333%; } - .cell-lg-offset-1 { - margin-left: calc(8.3333333333% + 1px) !important; } - .cell-lg-2 { - -ms-flex-preferred-size: calc(16.6666666667% - 2px); - -webkit-flex-basis: calc(16.6666666667% - 2px); - flex-basis: calc(16.6666666667% - 2px); - max-width: 16.6666666667%; } - .cell-lg-offset-2 { - margin-left: calc(16.6666666667% + 1px) !important; } - .cell-lg-3 { - -ms-flex-preferred-size: calc(25% - 2px); - -webkit-flex-basis: calc(25% - 2px); - flex-basis: calc(25% - 2px); - max-width: 25%; } - .cell-lg-offset-3 { - margin-left: calc(25% + 1px) !important; } - .cell-lg-4 { - -ms-flex-preferred-size: calc(33.3333333333% - 2px); - -webkit-flex-basis: calc(33.3333333333% - 2px); - flex-basis: calc(33.3333333333% - 2px); - max-width: 33.3333333333%; } - .cell-lg-offset-4 { - margin-left: calc(33.3333333333% + 1px) !important; } - .cell-lg-5 { - -ms-flex-preferred-size: calc(41.6666666667% - 2px); - -webkit-flex-basis: calc(41.6666666667% - 2px); - flex-basis: calc(41.6666666667% - 2px); - max-width: 41.6666666667%; } - .cell-lg-offset-5 { - margin-left: calc(41.6666666667% + 1px) !important; } - .cell-lg-6 { - -ms-flex-preferred-size: calc(50% - 2px); - -webkit-flex-basis: calc(50% - 2px); - flex-basis: calc(50% - 2px); - max-width: 50%; } - .cell-lg-offset-6 { - margin-left: calc(50% + 1px) !important; } - .cell-lg-7 { - -ms-flex-preferred-size: calc(58.3333333333% - 2px); - -webkit-flex-basis: calc(58.3333333333% - 2px); - flex-basis: calc(58.3333333333% - 2px); - max-width: 58.3333333333%; } - .cell-lg-offset-7 { - margin-left: calc(58.3333333333% + 1px) !important; } - .cell-lg-8 { - -ms-flex-preferred-size: calc(66.6666666667% - 2px); - -webkit-flex-basis: calc(66.6666666667% - 2px); - flex-basis: calc(66.6666666667% - 2px); - max-width: 66.6666666667%; } - .cell-lg-offset-8 { - margin-left: calc(66.6666666667% + 1px) !important; } - .cell-lg-9 { - -ms-flex-preferred-size: calc(75% - 2px); - -webkit-flex-basis: calc(75% - 2px); - flex-basis: calc(75% - 2px); - max-width: 75%; } - .cell-lg-offset-9 { - margin-left: calc(75% + 1px) !important; } - .cell-lg-10 { - -ms-flex-preferred-size: calc(83.3333333333% - 2px); - -webkit-flex-basis: calc(83.3333333333% - 2px); - flex-basis: calc(83.3333333333% - 2px); - max-width: 83.3333333333%; } - .cell-lg-offset-10 { - margin-left: calc(83.3333333333% + 1px) !important; } - .cell-lg-11 { - -ms-flex-preferred-size: calc(91.6666666667% - 2px); - -webkit-flex-basis: calc(91.6666666667% - 2px); - flex-basis: calc(91.6666666667% - 2px); - max-width: 91.6666666667%; } - .cell-lg-offset-11 { - margin-left: calc(91.6666666667% + 1px) !important; } - .cell-lg-12 { - -ms-flex-preferred-size: calc(100% - 2px); - -webkit-flex-basis: calc(100% - 2px); - flex-basis: calc(100% - 2px); - max-width: 100%; } - .cell-lg-offset-12 { - margin-left: calc(100% + 1px) !important; } } - -.grid-columns { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; } - -.row-half { - -webkit-box-flex: .5; - -webkit-flex: .5; - -ms-flex: .5; - flex: .5; } -.row-auto { - -webkit-box-flex: 5; - -webkit-flex: 5; - -ms-flex: 5; - flex: 5; } -.row-whole { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; } - -@-webkit-keyframes rotate { - 0% { - background-position: 0% 18%; } - - 50% { - background-position: 100% 83%; } - - 100% { - background-position: 0% 18%; } } - -@keyframes rotate { - 0% { - background-position: 0% 18%; } - - 50% { - background-position: 100% 83%; } - - 100% { - background-position: 0% 18%; } } - -@-webkit-keyframes bounceInDown { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); } - - 100% { - -webkit-transform: none; - transform: none; } } - -@keyframes bounceInDown { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); } - - 100% { - -webkit-transform: none; - transform: none; } } - -@media only screen { - .visible-sm, .visible-md, .visible-lg { - display: none !important; } - .visible-xs { - display: block !important; } - .hidden-xs { - display: none; } } - -@media only screen and (min-width: 768px) { - .visible-xs, .visible-md, .visible-lg { - display: none !important; } - .visible-sm { - display: block !important; } - .hidden-xs { - display: block; } } - -@media only screen and (min-width: 982px) { - .visible-xs, .visible-sm, .visible-lg { - display: none !important; } - .visible-md { - display: block !important; } } - -@media only screen and (min-width: 1200px) { - .visible-xs, .visible-sm, .visible-md { - display: none !important; } - .visible-lg { - display: block !important; } } - -html, body { - height: 100%; } - -html { - font-family: sans-serif; } - -body { - margin: 0; } - -article, aside, details, figcaption, figure, footer, header, 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: transparent; } - -a:active, a:hover { - outline: 0; } - -abbr[title] { - border-bottom: 1px dotted; } - -b, strong { - font-weight: bold; } - -dfn { - font-style: italic; } - -h1 { - font-size: 2em; - margin: .67em 0; } - -mark { - background: #ff0; - color: #000; } - -small { - font-size: 80%; } - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -img { - border: 0; } - -svg:not(:root) { - overflow: hidden; } - -figure { - margin: 1em 40px; } - -hr { - box-sizing: content-box; - height: 0; } - -pre { - overflow: auto; } - -code, kbd, pre, samp { - font-family: monospace,monospace; - font-size: 1em; } - -button, input, optgroup, select, textarea { - color: inherit; - font: inherit; - margin: 0; } - -button { - overflow: visible; } - -button, select { - text-transform: none; } - -button, html input[type='button'], input[type='reset'], input[type='submit'] { - cursor: pointer; } - -button[disabled], html input[disabled] { - cursor: default; } - -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; } - -input { - line-height: normal; } - -input[type='checkbox'], input[type='radio'] { - box-sizing: border-box; - padding: 0; } - -input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { - height: auto; } - -input[type='search'] { - box-sizing: content-box; } - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: .35em .625em .75em; } - -legend { - border: 0; - padding: 0; } - -textarea { - overflow: auto; } - -optgroup { - font-weight: bold; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -td, th { - padding: 0; } - -h1, h2, h3, h4, h5, h6, p { - margin-bottom: 0; - margin-top: 0; } - -h1 { - font-size: 2em; } - -h2 { - font-size: 1.8em; } - -h3 { - font-size: 1.6em; } - -h4 { - font-size: 1.4em; } - -h5 { - font-size: 1.2em; } - -h6 { - font-size: 1em; } - -p { - font-size: .8em; } - -span { - font-size: .6em; } - -a { - font-size: 1.5em; - text-decoration: none; } - -ul { - list-style: none; - padding: 0; - margin: 0; } - -body { - font-family: 'Raleway', sans-serif; - font-size: 80%; } - @media only screen and (min-width: 768px) { - body { - font-size: 100%; } } - -.header { - height: 100%; - overflow: hidden; - background: -webkit-linear-gradient(345deg, #42A2DC, #48CFAD, #4FC1E9); - background: linear-gradient(105deg, #42A2DC, #48CFAD, #4FC1E9); - background-size: 600% 600%; - -webkit-animation: rotate 30s ease infinite; - animation: rotate 30s ease infinite; } - @media only screen { - .header { - padding-left: 15px; - padding-right: 15px; } } - .header .btn--git { - border-radius: 2px; - color: #fff; - font-size: 2.5em; - line-height: 15px; - text-align: right; } - @media only screen and (min-width: 768px) { - .header .btn--git { - background-color: #4183c4; - font-size: 1.5em; - margin-right: 7.5px; - padding: 7.5px; - text-align: left; } } - .header .btn--git i { - margin-right: 7.5px; - vertical-align: middle; } - @media only screen and (min-width: 768px) { - .header .btn--git span { - display: inline-block; } } - -.brand { - color: #fff; - padding-bottom: 15px; - padding-top: 15px; } - @media only screen and (min-width: 982px) { - .brand { - padding: 45px 0; } } - .brand-name--pronunciation { - font-weight: 300; - margin-left: 7.5px; } - -.alert { - border-radius: 2px; - color: #fff; - font-weight: 500; - margin: 15px; - padding: 15px; } - .alert-info { - background-color: #42a2dc; } - -.device { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; } - .device-frame--outter { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: #fff; - border: 2px solid #c9cdc0; - border-bottom: none; - border-top-left-radius: 38px; - border-top-right-radius: 38px; - padding-left: 10px; - padding-right: 10px; } - @media only screen and (min-width: 768px) { - .device-frame--outter { - padding-left: 25px; - padding-right: 25px; } } - @media only screen and (min-width: 982px) { - .device-frame--outter { - background-color: #000; - padding-left: 50px; - padding-right: 50px; } } - @media only screen and (min-width: 1200px) { - .device-frame--outter { - border: none; } } - .device-frame--inner { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - background-color: #fff; - border: 1px solid #c9cdc0; - border-bottom: none; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - overflow: auto; - position: relative; } - @media only screen and (min-width: 982px) { - .device-frame--inner { - border: none; - border-top-left-radius: 0; - border-top-right-radius: 0; } } - .device-camera { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - background-color: #C9CDC0; - border-radius: 100%; - height: 6px; - margin-top: 1em; - width: 6px; } - @media only screen and (min-width: 768px) { - .device-camera { - display: none; } } - @media only screen and (min-width: 982px) { - .device-camera { - background-color: #a0d468; - display: block; - margin-bottom: 1.5em; - margin-top: 1.5em; } } - @media only screen and (min-width: 1200px) { - .device-camera { - margin-bottom: 2em; - margin-top: 1em; } } - .device-speaker { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - background-color: #C9CDC0; - border-radius: 50px; - height: 4px; - margin-bottom: 2.5em; - margin-top: 1em; - position: relative; - width: 45px; } - @media only screen and (min-width: 768px) { - .device-speaker { - height: 10px; - margin-bottom: 2em; - margin-top: 2em; - width: 10px; } } - @media only screen and (min-width: 982px) { - .device-speaker { - display: none; } } - .device-speaker:before { - background: #C9CDC0; - border-radius: 100%; - content: ''; - height: 10px; - left: -25px; - position: absolute; - top: -3px; - width: 10px; } - @media only screen and (min-width: 768px) { - .device-speaker:before { - height: 5px; - width: 5px; - top: 2.5px; - left: -15px; } } - -.nav-menu.open ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } -.nav-menu ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 50%; - display: none; - height: 100%; - position: absolute; - top: 0; - width: 100%; } - .nav-menu ul li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; - background: #fff; - border-bottom: 1px solid #f7f7f8; } - .nav-menu ul li.animated-1 { - -webkit-animation-delay: 0.1s; - animation-delay: 0.1s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-2 { - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-3 { - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-4 { - -webkit-animation-delay: 0.4s; - animation-delay: 0.4s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-5 { - -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-6 { - -webkit-animation-delay: 0.6s; - animation-delay: 0.6s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-7 { - -webkit-animation-delay: 0.7s; - animation-delay: 0.7s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-8 { - -webkit-animation-delay: 0.8s; - animation-delay: 0.8s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-9 { - -webkit-animation-delay: 0.9s; - animation-delay: 0.9s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-10 { - -webkit-animation-delay: 1.0s; - animation-delay: 1.0s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-11 { - -webkit-animation-delay: 1.1s; - animation-delay: 1.1s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-12 { - -webkit-animation-delay: 1.2s; - animation-delay: 1.2s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li.animated-13 { - -webkit-animation-delay: 1.3s; - animation-delay: 1.3s; } - .nav-menu ul li:last-child { - border-bottom: none; } - .nav-menu ul li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #10689a; - font-weight: 700; - padding-left: 15px; - padding-right: 15px; - text-transform: capitalize; } - .nav-menu ul li a:hover { - background-color: #f7f7f8; } -.nav-menu--trigger { - background: #fff; - border: 1px solid #42a2dc; - border-radius: 100%; - bottom: 82.5px; - box-shadow: 0 0 0 2px #fff; - display: block; - left: 0; - margin: 0 auto; - position: absolute; - right: 0; - z-index: 1; - width: 2.5em; } - .nav-menu--trigger img { - height: 39px; - padding-bottom: 7px; - padding-left: 11px; - padding-right: 7px; - padding-top: 10px; } - @media only screen and (min-width: 768px) { - .nav-menu--trigger img { - height: 50px; } } - -.row--social { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #fff; - padding-bottom: 15px; - padding-top: 15px; - position: relative; } - .row--social:before, .row--social:after { - background-color: #fff; - content: ''; - height: 100%; - position: absolute; - top: 0; - width: 100%; } - .row--social:before { - left: -100%; } - .row--social:after { - right: -100%; } - -.social-likes { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - .social-likes__button { - font-weight: 500; } - .social-likes__counter { - border-radius: 100%; - color: #fff; - font-size: 50%; - margin-left: 15px; - padding: 5px 10px; - position: relative; } - .social-likes__counter:before { - border-bottom: 7px solid transparent; - border-left: 5px solid transparent; - border-radius: 100%; - border-top: 7px solid transparent; - content: ''; - left: -8px; - position: absolute; - top: 3px; } - .social-likes__counter_empty { - display: none; } - .social-likes__counter_facebook { - background-color: #3d5b95; } - .social-likes__counter_facebook:before { - border-right: 8px solid #3d5b95; } - .social-likes__counter_twitter { - background-color: #24aadd; } - .social-likes__counter_twitter:before { - border-right: 8px solid #24aadd; } - .social-likes__counter_plusone { - background-color: #d23e30; } - .social-likes__counter_plusone:before { - border-right: 8px solid #d23e30; } - .social-likes .btn { - cursor: pointer; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 1.5em; - line-height: 15px; - padding-bottom: 3.75px; - padding-top: 3.75px; } - .social-likes .btn--facebook { - color: #3d5b95; } - .social-likes .btn--twitter { - color: #24aadd; } - .social-likes .btn--plusone { - color: #d23e30; } - -.list--buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - .list--buttons li { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - margin-left: 7.5px; } - .list--buttons .btn { - border-radius: 2px; - color: #fff; - display: block; - font-size: .9em; - padding-bottom: 7.5px; - padding-left: 15px; - padding-right: 15px; - padding-top: 7.5px; } - .list--buttons .btn--demo { - background-color: #48CFAD; } - .list--buttons .btn--download { - background-color: #42A2DC; } - -article { - padding-bottom: 30px; - padding-top: 30px; } - @media only screen { - article { - padding-left: 15px; - padding-right: 15px; } } - article header { - margin-bottom: 15px; } - article header h3 { - color: #434A54; } - article header p { - color: #656D78; } - article:nth-child(odd) { - background-color: #f7f7f8; } - -section { - font-size: .5em !important; } - section .cell { - background-color: rgba(101, 109, 120, 0.05); - color: #656D78; - margin-bottom: 1px; - margin-top: 1px; - padding: 7.5px; } - section .row-title { - font-size: 2em; - padding-bottom: 15px; - padding-top: 15px; } - -.footer { - padding-bottom: 30px; - padding-top: 30px; } - .footer p, .footer a { - color: #656D78; - font-size: .8em; } - .footer a { - border: 1px solid #656d78; - border-radius: 2px; - font-size: .6em; - padding: 5px; } - .footer span { - color: #ed5565; - font-size: 1em; - margin-left: 7.5px; - margin-right: 7.5px; } - -.demo-alignment .row { - height: 10em; } - .demo-alignment .row span { - border-bottom: 1px dotted rgba(0, 0, 0, 0.4); - padding: 3px 0; } - -.demo-baseline-1 { - height: 5em; } - .demo-baseline-1 span { - font-size: 3em; } -.demo-baseline-2 { - height: 9em; } - .demo-baseline-2 span { - font-size: 4.5em; } - -.text-center { - text-align: center; } diff --git a/css/theme.min.css b/css/theme.min.css deleted file mode 100644 index 5542a1f..0000000 --- a/css/theme.min.css +++ /dev/null @@ -1 +0,0 @@ -.row,.row.reverse{-webkit-box-orient:horizontal}body,small{font-size:80%}*,.grid,.grid-fluid,:after,:before{box-sizing:border-box}img,legend{border:0}legend,td,th,ul{padding:0}.alert,.header .btn--git{color:#fff;border-radius:2px}.device-camera,.device-speaker{-webkit-align-self:center;align-self:center}.grid,.grid-fluid{margin-left:auto;margin-right:auto;width:100%}hr,input[type=search]{box-sizing:content-box}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1px;margin-right:-1px}.row.reverse{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.device,.device-frame--outter,.grid-columns,.nav-menu ul{-webkit-box-direction:normal;-webkit-box-orient:vertical}.cell{margin-left:1px;margin-right:1px;width:100%}.cell-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.cell-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.cell-lg,.cell-lg-1,.cell-lg-10,.cell-lg-11,.cell-lg-12,.cell-lg-2,.cell-lg-3,.cell-lg-4,.cell-lg-5,.cell-lg-6,.cell-lg-7,.cell-lg-8,.cell-lg-9,.cell-lg-offset-1,.cell-lg-offset-10,.cell-lg-offset-11,.cell-lg-offset-12,.cell-lg-offset-2,.cell-lg-offset-3,.cell-lg-offset-4,.cell-lg-offset-5,.cell-lg-offset-6,.cell-lg-offset-7,.cell-lg-offset-8,.cell-lg-offset-9,.cell-md,.cell-md-1,.cell-md-10,.cell-md-11,.cell-md-12,.cell-md-2,.cell-md-3,.cell-md-4,.cell-md-5,.cell-md-6,.cell-md-7,.cell-md-8,.cell-md-9,.cell-md-offset-1,.cell-md-offset-10,.cell-md-offset-11,.cell-md-offset-12,.cell-md-offset-2,.cell-md-offset-3,.cell-md-offset-4,.cell-md-offset-5,.cell-md-offset-6,.cell-md-offset-7,.cell-md-offset-8,.cell-md-offset-9,.cell-sm,.cell-sm-1,.cell-sm-10,.cell-sm-11,.cell-sm-12,.cell-sm-2,.cell-sm-3,.cell-sm-4,.cell-sm-5,.cell-sm-6,.cell-sm-7,.cell-sm-8,.cell-sm-9,.cell-sm-offset-1,.cell-sm-offset-10,.cell-sm-offset-11,.cell-sm-offset-12,.cell-sm-offset-2,.cell-sm-offset-3,.cell-sm-offset-4,.cell-sm-offset-5,.cell-sm-offset-6,.cell-sm-offset-7,.cell-sm-offset-8,.cell-sm-offset-9,.cell-xs,.cell-xs-1,.cell-xs-10,.cell-xs-11,.cell-xs-12,.cell-xs-2,.cell-xs-3,.cell-xs-4,.cell-xs-5,.cell-xs-6,.cell-xs-7,.cell-xs-8,.cell-xs-9,.cell-xs-offset-1,.cell-xs-offset-10,.cell-xs-offset-11,.cell-xs-offset-12,.cell-xs-offset-2,.cell-xs-offset-3,.cell-xs-offset-4,.cell-xs-offset-5,.cell-xs-offset-6,.cell-xs-offset-7,.cell-xs-offset-8,.cell-xs-offset-9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.cells-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.cells-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cells-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.cells-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cells-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cells-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.cells-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}@media only screen{.grid{width:var(--grid-xs-container)}.cell-xs{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.cell-xs-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.cell-xs-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.cells-xs-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.cells-xs-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cells-xs-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.cells-xs-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cells-xs-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cells-xs-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.cells-xs-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.cell-xs-1{-ms-flex-preferred-size:calc(8.3333333333% - 2px);-webkit-flex-basis:calc(8.3333333333% - 2px);flex-basis:calc(8.3333333333% - 2px);max-width:8.3333333333%}.cell-xs-offset-1{margin-left:calc(8.3333333333% + 1px)!important}.cell-xs-2{-ms-flex-preferred-size:calc(16.6666666667% - 2px);-webkit-flex-basis:calc(16.6666666667% - 2px);flex-basis:calc(16.6666666667% - 2px);max-width:16.6666666667%}.cell-xs-offset-2{margin-left:calc(16.6666666667% + 1px)!important}.cell-xs-3{-ms-flex-preferred-size:calc(25% - 2px);-webkit-flex-basis:calc(25% - 2px);flex-basis:calc(25% - 2px);max-width:25%}.cell-xs-offset-3{margin-left:calc(25% + 1px)!important}.cell-xs-4{-ms-flex-preferred-size:calc(33.3333333333% - 2px);-webkit-flex-basis:calc(33.3333333333% - 2px);flex-basis:calc(33.3333333333% - 2px);max-width:33.3333333333%}.cell-xs-offset-4{margin-left:calc(33.3333333333% + 1px)!important}.cell-xs-5{-ms-flex-preferred-size:calc(41.6666666667% - 2px);-webkit-flex-basis:calc(41.6666666667% - 2px);flex-basis:calc(41.6666666667% - 2px);max-width:41.6666666667%}.cell-xs-offset-5{margin-left:calc(41.6666666667% + 1px)!important}.cell-xs-6{-ms-flex-preferred-size:calc(50% - 2px);-webkit-flex-basis:calc(50% - 2px);flex-basis:calc(50% - 2px);max-width:50%}.cell-xs-offset-6{margin-left:calc(50% + 1px)!important}.cell-xs-7{-ms-flex-preferred-size:calc(58.3333333333% - 2px);-webkit-flex-basis:calc(58.3333333333% - 2px);flex-basis:calc(58.3333333333% - 2px);max-width:58.3333333333%}.cell-xs-offset-7{margin-left:calc(58.3333333333% + 1px)!important}.cell-xs-8{-ms-flex-preferred-size:calc(66.6666666667% - 2px);-webkit-flex-basis:calc(66.6666666667% - 2px);flex-basis:calc(66.6666666667% - 2px);max-width:66.6666666667%}.cell-xs-offset-8{margin-left:calc(66.6666666667% + 1px)!important}.cell-xs-9{-ms-flex-preferred-size:calc(75% - 2px);-webkit-flex-basis:calc(75% - 2px);flex-basis:calc(75% - 2px);max-width:75%}.cell-xs-offset-9{margin-left:calc(75% + 1px)!important}.cell-xs-10{-ms-flex-preferred-size:calc(83.3333333333% - 2px);-webkit-flex-basis:calc(83.3333333333% - 2px);flex-basis:calc(83.3333333333% - 2px);max-width:83.3333333333%}.cell-xs-offset-10{margin-left:calc(83.3333333333% + 1px)!important}.cell-xs-11{-ms-flex-preferred-size:calc(91.6666666667% - 2px);-webkit-flex-basis:calc(91.6666666667% - 2px);flex-basis:calc(91.6666666667% - 2px);max-width:91.6666666667%}.cell-xs-offset-11{margin-left:calc(91.6666666667% + 1px)!important}.cell-xs-12{-ms-flex-preferred-size:calc(100% - 2px);-webkit-flex-basis:calc(100% - 2px);flex-basis:calc(100% - 2px);max-width:100%}.cell-xs-offset-12{margin-left:calc(100% + 1px)!important}}@media only screen and (min-width:768px){.grid{width:698.18182px}.cell-sm{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.cell-sm-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.cell-sm-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.cells-sm-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.cells-sm-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cells-sm-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.cells-sm-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cells-sm-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cells-sm-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.cells-sm-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.cell-sm-1{-ms-flex-preferred-size:calc(8.3333333333% - 2px);-webkit-flex-basis:calc(8.3333333333% - 2px);flex-basis:calc(8.3333333333% - 2px);max-width:8.3333333333%}.cell-sm-offset-1{margin-left:calc(8.3333333333% + 1px)!important}.cell-sm-2{-ms-flex-preferred-size:calc(16.6666666667% - 2px);-webkit-flex-basis:calc(16.6666666667% - 2px);flex-basis:calc(16.6666666667% - 2px);max-width:16.6666666667%}.cell-sm-offset-2{margin-left:calc(16.6666666667% + 1px)!important}.cell-sm-3{-ms-flex-preferred-size:calc(25% - 2px);-webkit-flex-basis:calc(25% - 2px);flex-basis:calc(25% - 2px);max-width:25%}.cell-sm-offset-3{margin-left:calc(25% + 1px)!important}.cell-sm-4{-ms-flex-preferred-size:calc(33.3333333333% - 2px);-webkit-flex-basis:calc(33.3333333333% - 2px);flex-basis:calc(33.3333333333% - 2px);max-width:33.3333333333%}.cell-sm-offset-4{margin-left:calc(33.3333333333% + 1px)!important}.cell-sm-5{-ms-flex-preferred-size:calc(41.6666666667% - 2px);-webkit-flex-basis:calc(41.6666666667% - 2px);flex-basis:calc(41.6666666667% - 2px);max-width:41.6666666667%}.cell-sm-offset-5{margin-left:calc(41.6666666667% + 1px)!important}.cell-sm-6{-ms-flex-preferred-size:calc(50% - 2px);-webkit-flex-basis:calc(50% - 2px);flex-basis:calc(50% - 2px);max-width:50%}.cell-sm-offset-6{margin-left:calc(50% + 1px)!important}.cell-sm-7{-ms-flex-preferred-size:calc(58.3333333333% - 2px);-webkit-flex-basis:calc(58.3333333333% - 2px);flex-basis:calc(58.3333333333% - 2px);max-width:58.3333333333%}.cell-sm-offset-7{margin-left:calc(58.3333333333% + 1px)!important}.cell-sm-8{-ms-flex-preferred-size:calc(66.6666666667% - 2px);-webkit-flex-basis:calc(66.6666666667% - 2px);flex-basis:calc(66.6666666667% - 2px);max-width:66.6666666667%}.cell-sm-offset-8{margin-left:calc(66.6666666667% + 1px)!important}.cell-sm-9{-ms-flex-preferred-size:calc(75% - 2px);-webkit-flex-basis:calc(75% - 2px);flex-basis:calc(75% - 2px);max-width:75%}.cell-sm-offset-9{margin-left:calc(75% + 1px)!important}.cell-sm-10{-ms-flex-preferred-size:calc(83.3333333333% - 2px);-webkit-flex-basis:calc(83.3333333333% - 2px);flex-basis:calc(83.3333333333% - 2px);max-width:83.3333333333%}.cell-sm-offset-10{margin-left:calc(83.3333333333% + 1px)!important}.cell-sm-11{-ms-flex-preferred-size:calc(91.6666666667% - 2px);-webkit-flex-basis:calc(91.6666666667% - 2px);flex-basis:calc(91.6666666667% - 2px);max-width:91.6666666667%}.cell-sm-offset-11{margin-left:calc(91.6666666667% + 1px)!important}.cell-sm-12{-ms-flex-preferred-size:calc(100% - 2px);-webkit-flex-basis:calc(100% - 2px);flex-basis:calc(100% - 2px);max-width:100%}.cell-sm-offset-12{margin-left:calc(100% + 1px)!important}}@media only screen and (min-width:982px){.grid{width:892.72727px}.cell-md{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.cell-md-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.cell-md-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.cells-md-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.cells-md-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cells-md-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.cells-md-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cells-md-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cells-md-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.cells-md-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.cell-md-1{-ms-flex-preferred-size:calc(8.3333333333% - 2px);-webkit-flex-basis:calc(8.3333333333% - 2px);flex-basis:calc(8.3333333333% - 2px);max-width:8.3333333333%}.cell-md-offset-1{margin-left:calc(8.3333333333% + 1px)!important}.cell-md-2{-ms-flex-preferred-size:calc(16.6666666667% - 2px);-webkit-flex-basis:calc(16.6666666667% - 2px);flex-basis:calc(16.6666666667% - 2px);max-width:16.6666666667%}.cell-md-offset-2{margin-left:calc(16.6666666667% + 1px)!important}.cell-md-3{-ms-flex-preferred-size:calc(25% - 2px);-webkit-flex-basis:calc(25% - 2px);flex-basis:calc(25% - 2px);max-width:25%}.cell-md-offset-3{margin-left:calc(25% + 1px)!important}.cell-md-4{-ms-flex-preferred-size:calc(33.3333333333% - 2px);-webkit-flex-basis:calc(33.3333333333% - 2px);flex-basis:calc(33.3333333333% - 2px);max-width:33.3333333333%}.cell-md-offset-4{margin-left:calc(33.3333333333% + 1px)!important}.cell-md-5{-ms-flex-preferred-size:calc(41.6666666667% - 2px);-webkit-flex-basis:calc(41.6666666667% - 2px);flex-basis:calc(41.6666666667% - 2px);max-width:41.6666666667%}.cell-md-offset-5{margin-left:calc(41.6666666667% + 1px)!important}.cell-md-6{-ms-flex-preferred-size:calc(50% - 2px);-webkit-flex-basis:calc(50% - 2px);flex-basis:calc(50% - 2px);max-width:50%}.cell-md-offset-6{margin-left:calc(50% + 1px)!important}.cell-md-7{-ms-flex-preferred-size:calc(58.3333333333% - 2px);-webkit-flex-basis:calc(58.3333333333% - 2px);flex-basis:calc(58.3333333333% - 2px);max-width:58.3333333333%}.cell-md-offset-7{margin-left:calc(58.3333333333% + 1px)!important}.cell-md-8{-ms-flex-preferred-size:calc(66.6666666667% - 2px);-webkit-flex-basis:calc(66.6666666667% - 2px);flex-basis:calc(66.6666666667% - 2px);max-width:66.6666666667%}.cell-md-offset-8{margin-left:calc(66.6666666667% + 1px)!important}.cell-md-9{-ms-flex-preferred-size:calc(75% - 2px);-webkit-flex-basis:calc(75% - 2px);flex-basis:calc(75% - 2px);max-width:75%}.cell-md-offset-9{margin-left:calc(75% + 1px)!important}.cell-md-10{-ms-flex-preferred-size:calc(83.3333333333% - 2px);-webkit-flex-basis:calc(83.3333333333% - 2px);flex-basis:calc(83.3333333333% - 2px);max-width:83.3333333333%}.cell-md-offset-10{margin-left:calc(83.3333333333% + 1px)!important}.cell-md-11{-ms-flex-preferred-size:calc(91.6666666667% - 2px);-webkit-flex-basis:calc(91.6666666667% - 2px);flex-basis:calc(91.6666666667% - 2px);max-width:91.6666666667%}.cell-md-offset-11{margin-left:calc(91.6666666667% + 1px)!important}.cell-md-12{-ms-flex-preferred-size:calc(100% - 2px);-webkit-flex-basis:calc(100% - 2px);flex-basis:calc(100% - 2px);max-width:100%}.cell-md-offset-12{margin-left:calc(100% + 1px)!important}}@media only screen and (min-width:1200px){.grid{width:1090.90909px}.cell-lg{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.cell-lg-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.cell-lg-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.cells-lg-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.cells-lg-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cells-lg-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.cells-lg-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.cells-lg-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cells-lg-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.cells-lg-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.cell-lg-1{-ms-flex-preferred-size:calc(8.3333333333% - 2px);-webkit-flex-basis:calc(8.3333333333% - 2px);flex-basis:calc(8.3333333333% - 2px);max-width:8.3333333333%}.cell-lg-offset-1{margin-left:calc(8.3333333333% + 1px)!important}.cell-lg-2{-ms-flex-preferred-size:calc(16.6666666667% - 2px);-webkit-flex-basis:calc(16.6666666667% - 2px);flex-basis:calc(16.6666666667% - 2px);max-width:16.6666666667%}.cell-lg-offset-2{margin-left:calc(16.6666666667% + 1px)!important}.cell-lg-3{-ms-flex-preferred-size:calc(25% - 2px);-webkit-flex-basis:calc(25% - 2px);flex-basis:calc(25% - 2px);max-width:25%}.cell-lg-offset-3{margin-left:calc(25% + 1px)!important}.cell-lg-4{-ms-flex-preferred-size:calc(33.3333333333% - 2px);-webkit-flex-basis:calc(33.3333333333% - 2px);flex-basis:calc(33.3333333333% - 2px);max-width:33.3333333333%}.cell-lg-offset-4{margin-left:calc(33.3333333333% + 1px)!important}.cell-lg-5{-ms-flex-preferred-size:calc(41.6666666667% - 2px);-webkit-flex-basis:calc(41.6666666667% - 2px);flex-basis:calc(41.6666666667% - 2px);max-width:41.6666666667%}.cell-lg-offset-5{margin-left:calc(41.6666666667% + 1px)!important}.cell-lg-6{-ms-flex-preferred-size:calc(50% - 2px);-webkit-flex-basis:calc(50% - 2px);flex-basis:calc(50% - 2px);max-width:50%}.cell-lg-offset-6{margin-left:calc(50% + 1px)!important}.cell-lg-7{-ms-flex-preferred-size:calc(58.3333333333% - 2px);-webkit-flex-basis:calc(58.3333333333% - 2px);flex-basis:calc(58.3333333333% - 2px);max-width:58.3333333333%}.cell-lg-offset-7{margin-left:calc(58.3333333333% + 1px)!important}.cell-lg-8{-ms-flex-preferred-size:calc(66.6666666667% - 2px);-webkit-flex-basis:calc(66.6666666667% - 2px);flex-basis:calc(66.6666666667% - 2px);max-width:66.6666666667%}.cell-lg-offset-8{margin-left:calc(66.6666666667% + 1px)!important}.cell-lg-9{-ms-flex-preferred-size:calc(75% - 2px);-webkit-flex-basis:calc(75% - 2px);flex-basis:calc(75% - 2px);max-width:75%}.cell-lg-offset-9{margin-left:calc(75% + 1px)!important}.cell-lg-10{-ms-flex-preferred-size:calc(83.3333333333% - 2px);-webkit-flex-basis:calc(83.3333333333% - 2px);flex-basis:calc(83.3333333333% - 2px);max-width:83.3333333333%}.cell-lg-offset-10{margin-left:calc(83.3333333333% + 1px)!important}.cell-lg-11{-ms-flex-preferred-size:calc(91.6666666667% - 2px);-webkit-flex-basis:calc(91.6666666667% - 2px);flex-basis:calc(91.6666666667% - 2px);max-width:91.6666666667%}.cell-lg-offset-11{margin-left:calc(91.6666666667% + 1px)!important}.cell-lg-12{-ms-flex-preferred-size:calc(100% - 2px);-webkit-flex-basis:calc(100% - 2px);flex-basis:calc(100% - 2px);max-width:100%}.cell-lg-offset-12{margin-left:calc(100% + 1px)!important}}body,ul{margin:0}.grid-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}.row-half{-webkit-box-flex:.5;-webkit-flex:.5;-ms-flex:.5;flex:.5}.row-auto{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5}.row-whole{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.device,.device-frame--outter{display:-webkit-box;-webkit-box-flex:1}@-webkit-keyframes rotate{0%,100%{background-position:0 18%}50%{background-position:100% 83%}}@keyframes rotate{0%,100%{background-position:0 18%}50%{background-position:100% 83%}}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@media only screen{.visible-lg,.visible-md,.visible-sm{display:none!important}.visible-xs{display:block!important}.hidden-xs{display:none}}@media only screen and (min-width:768px){.visible-lg,.visible-md,.visible-xs{display:none!important}.visible-sm{display:block!important}.hidden-xs{display:block}}@media only screen and (min-width:982px){.visible-lg,.visible-sm,.visible-xs{display:none!important}.visible-md{display:block!important}}@media only screen and (min-width:1200px){.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg{display:block!important}}body,html{height:100%}html{font-family:sans-serif}body{font-family:Raleway,sans-serif}article,aside,details,figcaption,figure,footer,header,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;font-size:1.5em;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,p{margin-bottom:0;margin-top:0}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}p{font-size:.8em}span{font-size:.6em}ul{list-style:none}@media only screen and (min-width:768px){body{font-size:100%}}.header{height:100%;overflow:hidden;background:-webkit-linear-gradient(345deg,#42A2DC,#48CFAD,#4FC1E9);background:linear-gradient(105deg,#42A2DC,#48CFAD,#4FC1E9);background-size:600% 600%;-webkit-animation:rotate 30s ease infinite;animation:rotate 30s ease infinite}@media only screen{.header{padding-left:15px;padding-right:15px}}.header .btn--git{font-size:2.5em;line-height:15px;text-align:right}.header .btn--git i{margin-right:7.5px;vertical-align:middle}@media only screen and (min-width:768px){.header .btn--git{background-color:#4183c4;font-size:1.5em;margin-right:7.5px;padding:7.5px;text-align:left}.header .btn--git span{display:inline-block}}.brand{color:#fff;padding-bottom:15px;padding-top:15px}@media only screen and (min-width:982px){.brand{padding:45px 0}}.brand-name--pronunciation{font-weight:300;margin-left:7.5px}.alert{font-weight:500;margin:15px;padding:15px}.alert-info{background-color:#42a2dc}.device{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.device-frame--outter{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:2px solid #c9cdc0;border-bottom:none;border-top-left-radius:38px;border-top-right-radius:38px;padding-left:10px;padding-right:10px}@media only screen and (min-width:768px){.device-frame--outter{padding-left:25px;padding-right:25px}}@media only screen and (min-width:982px){.device-frame--outter{background-color:#000;padding-left:50px;padding-right:50px}}@media only screen and (min-width:1200px){.device-frame--outter{border:none}}.device-frame--inner{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background-color:#fff;border:1px solid #c9cdc0;border-bottom:none;border-top-left-radius:2px;border-top-right-radius:2px;overflow:auto;position:relative}@media only screen and (min-width:982px){.device-frame--inner{border:none;border-top-left-radius:0;border-top-right-radius:0}}.device-camera{-ms-flex-item-align:center;background-color:#C9CDC0;border-radius:100%;height:6px;margin-top:1em;width:6px}@media only screen and (min-width:768px){.device-camera{display:none}}@media only screen and (min-width:982px){.device-camera{background-color:#a0d468;display:block;margin-bottom:1.5em;margin-top:1.5em}}@media only screen and (min-width:1200px){.device-camera{margin-bottom:2em;margin-top:1em}}.device-speaker{-ms-flex-item-align:center;background-color:#C9CDC0;border-radius:50px;height:4px;margin-bottom:2.5em;margin-top:1em;position:relative;width:45px}@media only screen and (min-width:982px){.device-speaker{display:none}}.device-speaker:before{background:#C9CDC0;border-radius:100%;content:'';height:10px;left:-25px;position:absolute;top:-3px;width:10px}@media only screen and (min-width:768px){.device-speaker{height:10px;margin-bottom:2em;margin-top:2em;width:10px}.device-speaker:before{height:5px;width:5px;top:2.5px;left:-15px}}.nav-menu.open ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nav-menu ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:50%;display:none;height:100%;position:absolute;top:0;width:100%}.nav-menu ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:bounceInDown;animation-name:bounceInDown;background:#fff;border-bottom:1px solid #f7f7f8}.nav-menu ul li.animated-1{-webkit-animation-delay:.1s;animation-delay:.1s}.nav-menu ul li.animated-2{-webkit-animation-delay:.2s;animation-delay:.2s}.nav-menu ul li.animated-3{-webkit-animation-delay:.3s;animation-delay:.3s}.nav-menu ul li.animated-4{-webkit-animation-delay:.4s;animation-delay:.4s}.nav-menu ul li.animated-5{-webkit-animation-delay:.5s;animation-delay:.5s}.nav-menu ul li.animated-6{-webkit-animation-delay:.6s;animation-delay:.6s}.nav-menu ul li.animated-7{-webkit-animation-delay:.7s;animation-delay:.7s}.nav-menu ul li.animated-8{-webkit-animation-delay:.8s;animation-delay:.8s}.nav-menu ul li.animated-9{-webkit-animation-delay:.9s;animation-delay:.9s}.nav-menu ul li.animated-10{-webkit-animation-delay:1s;animation-delay:1s}.nav-menu ul li.animated-11{-webkit-animation-delay:1.1s;animation-delay:1.1s}.nav-menu ul li.animated-12{-webkit-animation-delay:1.2s;animation-delay:1.2s}.nav-menu ul li.animated-13{-webkit-animation-delay:1.3s;animation-delay:1.3s}.nav-menu ul li:last-child{border-bottom:none}.nav-menu ul li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#10689a;font-weight:700;padding-left:15px;padding-right:15px;text-transform:capitalize}.nav-menu ul li a:hover{background-color:#f7f7f8}.nav-menu--trigger{background:#fff;border:1px solid #42a2dc;border-radius:100%;bottom:82.5px;box-shadow:0 0 0 2px #fff;display:block;left:0;margin:0 auto;position:absolute;right:0;z-index:1;width:2.5em}.nav-menu--trigger img{height:39px;padding-bottom:7px;padding-left:11px;padding-right:7px;padding-top:10px}@media only screen and (min-width:768px){.nav-menu--trigger img{height:50px}}.row--social{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;padding-bottom:15px;padding-top:15px;position:relative}.row--social:after,.row--social:before{background-color:#fff;content:'';height:100%;position:absolute;top:0;width:100%}.row--social:before{left:-100%}.row--social:after{right:-100%}.social-likes{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.social-likes__button{font-weight:500}.social-likes__counter{border-radius:100%;color:#fff;font-size:50%;margin-left:15px;padding:5px 10px;position:relative}.social-likes__counter:before{border-bottom:7px solid transparent;border-left:5px solid transparent;border-radius:100%;border-top:7px solid transparent;content:'';left:-8px;position:absolute;top:3px}.social-likes__counter_empty{display:none}.social-likes__counter_facebook{background-color:#3d5b95}.social-likes__counter_facebook:before{border-right:8px solid #3d5b95}.social-likes__counter_twitter{background-color:#24aadd}.social-likes__counter_twitter:before{border-right:8px solid #24aadd}.social-likes__counter_plusone{background-color:#d23e30}.social-likes__counter_plusone:before{border-right:8px solid #d23e30}.social-likes .btn{cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:1.5em;line-height:15px;padding-bottom:3.75px;padding-top:3.75px}.social-likes .btn--facebook{color:#3d5b95}.social-likes .btn--twitter{color:#24aadd}.social-likes .btn--plusone{color:#d23e30}.list--buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.list--buttons li{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-left:7.5px}.list--buttons .btn{border-radius:2px;color:#fff;display:block;font-size:.9em;padding-bottom:7.5px;padding-left:15px;padding-right:15px;padding-top:7.5px}.list--buttons .btn--demo{background-color:#48CFAD}.list--buttons .btn--download{background-color:#42A2DC}article{padding-bottom:30px;padding-top:30px}@media only screen{article{padding-left:15px;padding-right:15px}}article header{margin-bottom:15px}article header h3{color:#434A54}article header p,section .cell{color:#656D78}article:nth-child(odd){background-color:#f7f7f8}section{font-size:.5em!important}section .cell{background-color:rgba(101,109,120,.05);margin-bottom:1px;margin-top:1px;padding:7.5px}section .row-title{font-size:2em;padding-bottom:15px;padding-top:15px}.footer{padding-bottom:30px;padding-top:30px}.footer a,.footer p{color:#656D78;font-size:.8em}.footer a{border:1px solid #656d78;border-radius:2px;font-size:.6em;padding:5px}.footer span{color:#ed5565;font-size:1em;margin-left:7.5px;margin-right:7.5px}.demo-alignment .row{height:10em}.demo-alignment .row span{border-bottom:1px dotted rgba(0,0,0,.4);padding:3px 0}.demo-baseline-1{height:5em}.demo-baseline-1 span{font-size:3em}.demo-baseline-2{height:9em}.demo-baseline-2 span{font-size:4.5em}.text-center{text-align:center} diff --git a/dist/css/main.min.css b/dist/css/main.min.css new file mode 100644 index 0000000..b815c3b --- /dev/null +++ b/dist/css/main.min.css @@ -0,0 +1,3668 @@ + +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700,200italic,400italic,700italic); + +@charset "UTF-8"; +/* + + GridleCSS Theme v1.0.0 + + Author : Vlad Radulescu + Twitter : @pacMakaveli90 + Github : pacMakaveli90 + + Author URL : http://creative-studio51.co.uk/ + Project URL : https://github.com/studio51/gridlecss/tree/gh-pages + +*/ +/*! + * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url("../fonts/fontawesome-webfont.eot?v=4.4.0"); + src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg"); + font-weight: normal; + font-style: normal; } + +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.3333333333em; + line-height: 0.75em; + vertical-align: -15%; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-fw { + width: 1.2857142857em; + text-align: center; } + +.fa-ul { + padding-left: 0; + margin-left: 2.1428571429em; + list-style-type: none; } + .fa-ul > li { + position: relative; } + +.fa-li { + position: absolute; + left: -2.1428571429em; + width: 2.1428571429em; + top: 0.1428571429em; + text-align: center; } + .fa-li.fa-lg { + left: -1.8571428571em; } + +.fa-border { + padding: 0.2em 0.25em 0.15em; + border: solid 0.08em #eee; + border-radius: .1em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right { + margin-left: .3em; } + +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; } + +.pull-left { + float: left; } + +.fa.pull-left { + margin-right: .3em; } + +.fa.pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + -webkit-filter: none; + filter: none; } + +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; } + +.fa-stack-1x, .fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; } + +.fa-stack-1x { + line-height: inherit; } + +.fa-stack-2x { + font-size: 2em; } + +.fa-inverse { + color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: ""; } + +.fa-music:before { + content: ""; } + +.fa-search:before { + content: ""; } + +.fa-envelope-o:before { + content: ""; } + +.fa-heart:before { + content: ""; } + +.fa-star:before { + content: ""; } + +.fa-star-o:before { + content: ""; } + +.fa-user:before { + content: ""; } + +.fa-film:before { + content: ""; } + +.fa-th-large:before { + content: ""; } + +.fa-th:before { + content: ""; } + +.fa-th-list:before { + content: ""; } + +.fa-check:before { + content: ""; } + +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: ""; } + +.fa-search-plus:before { + content: ""; } + +.fa-search-minus:before { + content: ""; } + +.fa-power-off:before { + content: ""; } + +.fa-signal:before { + content: ""; } + +.fa-gear:before, +.fa-cog:before { + content: ""; } + +.fa-trash-o:before { + content: ""; } + +.fa-home:before { + content: ""; } + +.fa-file-o:before { + content: ""; } + +.fa-clock-o:before { + content: ""; } + +.fa-road:before { + content: ""; } + +.fa-download:before { + content: ""; } + +.fa-arrow-circle-o-down:before { + content: ""; } + +.fa-arrow-circle-o-up:before { + content: ""; } + +.fa-inbox:before { + content: ""; } + +.fa-play-circle-o:before { + content: ""; } + +.fa-rotate-right:before, +.fa-repeat:before { + content: ""; } + +.fa-refresh:before { + content: ""; } + +.fa-list-alt:before { + content: ""; } + +.fa-lock:before { + content: ""; } + +.fa-flag:before { + content: ""; } + +.fa-headphones:before { + content: ""; } + +.fa-volume-off:before { + content: ""; } + +.fa-volume-down:before { + content: ""; } + +.fa-volume-up:before { + content: ""; } + +.fa-qrcode:before { + content: ""; } + +.fa-barcode:before { + content: ""; } + +.fa-tag:before { + content: ""; } + +.fa-tags:before { + content: ""; } + +.fa-book:before { + content: ""; } + +.fa-bookmark:before { + content: ""; } + +.fa-print:before { + content: ""; } + +.fa-camera:before { + content: ""; } + +.fa-font:before { + content: ""; } + +.fa-bold:before { + content: ""; } + +.fa-italic:before { + content: ""; } + +.fa-text-height:before { + content: ""; } + +.fa-text-width:before { + content: ""; } + +.fa-align-left:before { + content: ""; } + +.fa-align-center:before { + content: ""; } + +.fa-align-right:before { + content: ""; } + +.fa-align-justify:before { + content: ""; } + +.fa-list:before { + content: ""; } + +.fa-dedent:before, +.fa-outdent:before { + content: ""; } + +.fa-indent:before { + content: ""; } + +.fa-video-camera:before { + content: ""; } + +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: ""; } + +.fa-pencil:before { + content: ""; } + +.fa-map-marker:before { + content: ""; } + +.fa-adjust:before { + content: ""; } + +.fa-tint:before { + content: ""; } + +.fa-edit:before, +.fa-pencil-square-o:before { + content: ""; } + +.fa-share-square-o:before { + content: ""; } + +.fa-check-square-o:before { + content: ""; } + +.fa-arrows:before { + content: ""; } + +.fa-step-backward:before { + content: ""; } + +.fa-fast-backward:before { + content: ""; } + +.fa-backward:before { + content: ""; } + +.fa-play:before { + content: ""; } + +.fa-pause:before { + content: ""; } + +.fa-stop:before { + content: ""; } + +.fa-forward:before { + content: ""; } + +.fa-fast-forward:before { + content: ""; } + +.fa-step-forward:before { + content: ""; } + +.fa-eject:before { + content: ""; } + +.fa-chevron-left:before { + content: ""; } + +.fa-chevron-right:before { + content: ""; } + +.fa-plus-circle:before { + content: ""; } + +.fa-minus-circle:before { + content: ""; } + +.fa-times-circle:before { + content: ""; } + +.fa-check-circle:before { + content: ""; } + +.fa-question-circle:before { + content: ""; } + +.fa-info-circle:before { + content: ""; } + +.fa-crosshairs:before { + content: ""; } + +.fa-times-circle-o:before { + content: ""; } + +.fa-check-circle-o:before { + content: ""; } + +.fa-ban:before { + content: ""; } + +.fa-arrow-left:before { + content: ""; } + +.fa-arrow-right:before { + content: ""; } + +.fa-arrow-up:before { + content: ""; } + +.fa-arrow-down:before { + content: ""; } + +.fa-mail-forward:before, +.fa-share:before { + content: ""; } + +.fa-expand:before { + content: ""; } + +.fa-compress:before { + content: ""; } + +.fa-plus:before { + content: ""; } + +.fa-minus:before { + content: ""; } + +.fa-asterisk:before { + content: ""; } + +.fa-exclamation-circle:before { + content: ""; } + +.fa-gift:before { + content: ""; } + +.fa-leaf:before { + content: ""; } + +.fa-fire:before { + content: ""; } + +.fa-eye:before { + content: ""; } + +.fa-eye-slash:before { + content: ""; } + +.fa-warning:before, +.fa-exclamation-triangle:before { + content: ""; } + +.fa-plane:before { + content: ""; } + +.fa-calendar:before { + content: ""; } + +.fa-random:before { + content: ""; } + +.fa-comment:before { + content: ""; } + +.fa-magnet:before { + content: ""; } + +.fa-chevron-up:before { + content: ""; } + +.fa-chevron-down:before { + content: ""; } + +.fa-retweet:before { + content: ""; } + +.fa-shopping-cart:before { + content: ""; } + +.fa-folder:before { + content: ""; } + +.fa-folder-open:before { + content: ""; } + +.fa-arrows-v:before { + content: ""; } + +.fa-arrows-h:before { + content: ""; } + +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: ""; } + +.fa-twitter-square:before { + content: ""; } + +.fa-facebook-square:before { + content: ""; } + +.fa-camera-retro:before { + content: ""; } + +.fa-key:before { + content: ""; } + +.fa-gears:before, +.fa-cogs:before { + content: ""; } + +.fa-comments:before { + content: ""; } + +.fa-thumbs-o-up:before { + content: ""; } + +.fa-thumbs-o-down:before { + content: ""; } + +.fa-star-half:before { + content: ""; } + +.fa-heart-o:before { + content: ""; } + +.fa-sign-out:before { + content: ""; } + +.fa-linkedin-square:before { + content: ""; } + +.fa-thumb-tack:before { + content: ""; } + +.fa-external-link:before { + content: ""; } + +.fa-sign-in:before { + content: ""; } + +.fa-trophy:before { + content: ""; } + +.fa-github-square:before { + content: ""; } + +.fa-upload:before { + content: ""; } + +.fa-lemon-o:before { + content: ""; } + +.fa-phone:before { + content: ""; } + +.fa-square-o:before { + content: ""; } + +.fa-bookmark-o:before { + content: ""; } + +.fa-phone-square:before { + content: ""; } + +.fa-twitter:before { + content: ""; } + +.fa-facebook-f:before, +.fa-facebook:before { + content: ""; } + +.fa-github:before { + content: ""; } + +.fa-unlock:before { + content: ""; } + +.fa-credit-card:before { + content: ""; } + +.fa-feed:before, +.fa-rss:before { + content: ""; } + +.fa-hdd-o:before { + content: ""; } + +.fa-bullhorn:before { + content: ""; } + +.fa-bell:before { + content: ""; } + +.fa-certificate:before { + content: ""; } + +.fa-hand-o-right:before { + content: ""; } + +.fa-hand-o-left:before { + content: ""; } + +.fa-hand-o-up:before { + content: ""; } + +.fa-hand-o-down:before { + content: ""; } + +.fa-arrow-circle-left:before { + content: ""; } + +.fa-arrow-circle-right:before { + content: ""; } + +.fa-arrow-circle-up:before { + content: ""; } + +.fa-arrow-circle-down:before { + content: ""; } + +.fa-globe:before { + content: ""; } + +.fa-wrench:before { + content: ""; } + +.fa-tasks:before { + content: ""; } + +.fa-filter:before { + content: ""; } + +.fa-briefcase:before { + content: ""; } + +.fa-arrows-alt:before { + content: ""; } + +.fa-group:before, +.fa-users:before { + content: ""; } + +.fa-chain:before, +.fa-link:before { + content: ""; } + +.fa-cloud:before { + content: ""; } + +.fa-flask:before { + content: ""; } + +.fa-cut:before, +.fa-scissors:before { + content: ""; } + +.fa-copy:before, +.fa-files-o:before { + content: ""; } + +.fa-paperclip:before { + content: ""; } + +.fa-save:before, +.fa-floppy-o:before { + content: ""; } + +.fa-square:before { + content: ""; } + +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: ""; } + +.fa-list-ul:before { + content: ""; } + +.fa-list-ol:before { + content: ""; } + +.fa-strikethrough:before { + content: ""; } + +.fa-underline:before { + content: ""; } + +.fa-table:before { + content: ""; } + +.fa-magic:before { + content: ""; } + +.fa-truck:before { + content: ""; } + +.fa-pinterest:before { + content: ""; } + +.fa-pinterest-square:before { + content: ""; } + +.fa-google-plus-square:before { + content: ""; } + +.fa-google-plus:before { + content: ""; } + +.fa-money:before { + content: ""; } + +.fa-caret-down:before { + content: ""; } + +.fa-caret-up:before { + content: ""; } + +.fa-caret-left:before { + content: ""; } + +.fa-caret-right:before { + content: ""; } + +.fa-columns:before { + content: ""; } + +.fa-unsorted:before, +.fa-sort:before { + content: ""; } + +.fa-sort-down:before, +.fa-sort-desc:before { + content: ""; } + +.fa-sort-up:before, +.fa-sort-asc:before { + content: ""; } + +.fa-envelope:before { + content: ""; } + +.fa-linkedin:before { + content: ""; } + +.fa-rotate-left:before, +.fa-undo:before { + content: ""; } + +.fa-legal:before, +.fa-gavel:before { + content: ""; } + +.fa-dashboard:before, +.fa-tachometer:before { + content: ""; } + +.fa-comment-o:before { + content: ""; } + +.fa-comments-o:before { + content: ""; } + +.fa-flash:before, +.fa-bolt:before { + content: ""; } + +.fa-sitemap:before { + content: ""; } + +.fa-umbrella:before { + content: ""; } + +.fa-paste:before, +.fa-clipboard:before { + content: ""; } + +.fa-lightbulb-o:before { + content: ""; } + +.fa-exchange:before { + content: ""; } + +.fa-cloud-download:before { + content: ""; } + +.fa-cloud-upload:before { + content: ""; } + +.fa-user-md:before { + content: ""; } + +.fa-stethoscope:before { + content: ""; } + +.fa-suitcase:before { + content: ""; } + +.fa-bell-o:before { + content: ""; } + +.fa-coffee:before { + content: ""; } + +.fa-cutlery:before { + content: ""; } + +.fa-file-text-o:before { + content: ""; } + +.fa-building-o:before { + content: ""; } + +.fa-hospital-o:before { + content: ""; } + +.fa-ambulance:before { + content: ""; } + +.fa-medkit:before { + content: ""; } + +.fa-fighter-jet:before { + content: ""; } + +.fa-beer:before { + content: ""; } + +.fa-h-square:before { + content: ""; } + +.fa-plus-square:before { + content: ""; } + +.fa-angle-double-left:before { + content: ""; } + +.fa-angle-double-right:before { + content: ""; } + +.fa-angle-double-up:before { + content: ""; } + +.fa-angle-double-down:before { + content: ""; } + +.fa-angle-left:before { + content: ""; } + +.fa-angle-right:before { + content: ""; } + +.fa-angle-up:before { + content: ""; } + +.fa-angle-down:before { + content: ""; } + +.fa-desktop:before { + content: ""; } + +.fa-laptop:before { + content: ""; } + +.fa-tablet:before { + content: ""; } + +.fa-mobile-phone:before, +.fa-mobile:before { + content: ""; } + +.fa-circle-o:before { + content: ""; } + +.fa-quote-left:before { + content: ""; } + +.fa-quote-right:before { + content: ""; } + +.fa-spinner:before { + content: ""; } + +.fa-circle:before { + content: ""; } + +.fa-mail-reply:before, +.fa-reply:before { + content: ""; } + +.fa-github-alt:before { + content: ""; } + +.fa-folder-o:before { + content: ""; } + +.fa-folder-open-o:before { + content: ""; } + +.fa-smile-o:before { + content: ""; } + +.fa-frown-o:before { + content: ""; } + +.fa-meh-o:before { + content: ""; } + +.fa-gamepad:before { + content: ""; } + +.fa-keyboard-o:before { + content: ""; } + +.fa-flag-o:before { + content: ""; } + +.fa-flag-checkered:before { + content: ""; } + +.fa-terminal:before { + content: ""; } + +.fa-code:before { + content: ""; } + +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: ""; } + +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: ""; } + +.fa-location-arrow:before { + content: ""; } + +.fa-crop:before { + content: ""; } + +.fa-code-fork:before { + content: ""; } + +.fa-unlink:before, +.fa-chain-broken:before { + content: ""; } + +.fa-question:before { + content: ""; } + +.fa-info:before { + content: ""; } + +.fa-exclamation:before { + content: ""; } + +.fa-superscript:before { + content: ""; } + +.fa-subscript:before { + content: ""; } + +.fa-eraser:before { + content: ""; } + +.fa-puzzle-piece:before { + content: ""; } + +.fa-microphone:before { + content: ""; } + +.fa-microphone-slash:before { + content: ""; } + +.fa-shield:before { + content: ""; } + +.fa-calendar-o:before { + content: ""; } + +.fa-fire-extinguisher:before { + content: ""; } + +.fa-rocket:before { + content: ""; } + +.fa-maxcdn:before { + content: ""; } + +.fa-chevron-circle-left:before { + content: ""; } + +.fa-chevron-circle-right:before { + content: ""; } + +.fa-chevron-circle-up:before { + content: ""; } + +.fa-chevron-circle-down:before { + content: ""; } + +.fa-html5:before { + content: ""; } + +.fa-css3:before { + content: ""; } + +.fa-anchor:before { + content: ""; } + +.fa-unlock-alt:before { + content: ""; } + +.fa-bullseye:before { + content: ""; } + +.fa-ellipsis-h:before { + content: ""; } + +.fa-ellipsis-v:before { + content: ""; } + +.fa-rss-square:before { + content: ""; } + +.fa-play-circle:before { + content: ""; } + +.fa-ticket:before { + content: ""; } + +.fa-minus-square:before { + content: ""; } + +.fa-minus-square-o:before { + content: ""; } + +.fa-level-up:before { + content: ""; } + +.fa-level-down:before { + content: ""; } + +.fa-check-square:before { + content: ""; } + +.fa-pencil-square:before { + content: ""; } + +.fa-external-link-square:before { + content: ""; } + +.fa-share-square:before { + content: ""; } + +.fa-compass:before { + content: ""; } + +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: ""; } + +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: ""; } + +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: ""; } + +.fa-euro:before, +.fa-eur:before { + content: ""; } + +.fa-gbp:before { + content: ""; } + +.fa-dollar:before, +.fa-usd:before { + content: ""; } + +.fa-rupee:before, +.fa-inr:before { + content: ""; } + +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: ""; } + +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: ""; } + +.fa-won:before, +.fa-krw:before { + content: ""; } + +.fa-bitcoin:before, +.fa-btc:before { + content: ""; } + +.fa-file:before { + content: ""; } + +.fa-file-text:before { + content: ""; } + +.fa-sort-alpha-asc:before { + content: ""; } + +.fa-sort-alpha-desc:before { + content: ""; } + +.fa-sort-amount-asc:before { + content: ""; } + +.fa-sort-amount-desc:before { + content: ""; } + +.fa-sort-numeric-asc:before { + content: ""; } + +.fa-sort-numeric-desc:before { + content: ""; } + +.fa-thumbs-up:before { + content: ""; } + +.fa-thumbs-down:before { + content: ""; } + +.fa-youtube-square:before { + content: ""; } + +.fa-youtube:before { + content: ""; } + +.fa-xing:before { + content: ""; } + +.fa-xing-square:before { + content: ""; } + +.fa-youtube-play:before { + content: ""; } + +.fa-dropbox:before { + content: ""; } + +.fa-stack-overflow:before { + content: ""; } + +.fa-instagram:before { + content: ""; } + +.fa-flickr:before { + content: ""; } + +.fa-adn:before { + content: ""; } + +.fa-bitbucket:before { + content: ""; } + +.fa-bitbucket-square:before { + content: ""; } + +.fa-tumblr:before { + content: ""; } + +.fa-tumblr-square:before { + content: ""; } + +.fa-long-arrow-down:before { + content: ""; } + +.fa-long-arrow-up:before { + content: ""; } + +.fa-long-arrow-left:before { + content: ""; } + +.fa-long-arrow-right:before { + content: ""; } + +.fa-apple:before { + content: ""; } + +.fa-windows:before { + content: ""; } + +.fa-android:before { + content: ""; } + +.fa-linux:before { + content: ""; } + +.fa-dribbble:before { + content: ""; } + +.fa-skype:before { + content: ""; } + +.fa-foursquare:before { + content: ""; } + +.fa-trello:before { + content: ""; } + +.fa-female:before { + content: ""; } + +.fa-male:before { + content: ""; } + +.fa-gittip:before, +.fa-gratipay:before { + content: ""; } + +.fa-sun-o:before { + content: ""; } + +.fa-moon-o:before { + content: ""; } + +.fa-archive:before { + content: ""; } + +.fa-bug:before { + content: ""; } + +.fa-vk:before { + content: ""; } + +.fa-weibo:before { + content: ""; } + +.fa-renren:before { + content: ""; } + +.fa-pagelines:before { + content: ""; } + +.fa-stack-exchange:before { + content: ""; } + +.fa-arrow-circle-o-right:before { + content: ""; } + +.fa-arrow-circle-o-left:before { + content: ""; } + +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: ""; } + +.fa-dot-circle-o:before { + content: ""; } + +.fa-wheelchair:before { + content: ""; } + +.fa-vimeo-square:before { + content: ""; } + +.fa-turkish-lira:before, +.fa-try:before { + content: ""; } + +.fa-plus-square-o:before { + content: ""; } + +.fa-space-shuttle:before { + content: ""; } + +.fa-slack:before { + content: ""; } + +.fa-envelope-square:before { + content: ""; } + +.fa-wordpress:before { + content: ""; } + +.fa-openid:before { + content: ""; } + +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: ""; } + +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: ""; } + +.fa-yahoo:before { + content: ""; } + +.fa-google:before { + content: ""; } + +.fa-reddit:before { + content: ""; } + +.fa-reddit-square:before { + content: ""; } + +.fa-stumbleupon-circle:before { + content: ""; } + +.fa-stumbleupon:before { + content: ""; } + +.fa-delicious:before { + content: ""; } + +.fa-digg:before { + content: ""; } + +.fa-pied-piper:before { + content: ""; } + +.fa-pied-piper-alt:before { + content: ""; } + +.fa-drupal:before { + content: ""; } + +.fa-joomla:before { + content: ""; } + +.fa-language:before { + content: ""; } + +.fa-fax:before { + content: ""; } + +.fa-building:before { + content: ""; } + +.fa-child:before { + content: ""; } + +.fa-paw:before { + content: ""; } + +.fa-spoon:before { + content: ""; } + +.fa-cube:before { + content: ""; } + +.fa-cubes:before { + content: ""; } + +.fa-behance:before { + content: ""; } + +.fa-behance-square:before { + content: ""; } + +.fa-steam:before { + content: ""; } + +.fa-steam-square:before { + content: ""; } + +.fa-recycle:before { + content: ""; } + +.fa-automobile:before, +.fa-car:before { + content: ""; } + +.fa-cab:before, +.fa-taxi:before { + content: ""; } + +.fa-tree:before { + content: ""; } + +.fa-spotify:before { + content: ""; } + +.fa-deviantart:before { + content: ""; } + +.fa-soundcloud:before { + content: ""; } + +.fa-database:before { + content: ""; } + +.fa-file-pdf-o:before { + content: ""; } + +.fa-file-word-o:before { + content: ""; } + +.fa-file-excel-o:before { + content: ""; } + +.fa-file-powerpoint-o:before { + content: ""; } + +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: ""; } + +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: ""; } + +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: ""; } + +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: ""; } + +.fa-file-code-o:before { + content: ""; } + +.fa-vine:before { + content: ""; } + +.fa-codepen:before { + content: ""; } + +.fa-jsfiddle:before { + content: ""; } + +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: ""; } + +.fa-circle-o-notch:before { + content: ""; } + +.fa-ra:before, +.fa-rebel:before { + content: ""; } + +.fa-ge:before, +.fa-empire:before { + content: ""; } + +.fa-git-square:before { + content: ""; } + +.fa-git:before { + content: ""; } + +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: ""; } + +.fa-tencent-weibo:before { + content: ""; } + +.fa-qq:before { + content: ""; } + +.fa-wechat:before, +.fa-weixin:before { + content: ""; } + +.fa-send:before, +.fa-paper-plane:before { + content: ""; } + +.fa-send-o:before, +.fa-paper-plane-o:before { + content: ""; } + +.fa-history:before { + content: ""; } + +.fa-circle-thin:before { + content: ""; } + +.fa-header:before { + content: ""; } + +.fa-paragraph:before { + content: ""; } + +.fa-sliders:before { + content: ""; } + +.fa-share-alt:before { + content: ""; } + +.fa-share-alt-square:before { + content: ""; } + +.fa-bomb:before { + content: ""; } + +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: ""; } + +.fa-tty:before { + content: ""; } + +.fa-binoculars:before { + content: ""; } + +.fa-plug:before { + content: ""; } + +.fa-slideshare:before { + content: ""; } + +.fa-twitch:before { + content: ""; } + +.fa-yelp:before { + content: ""; } + +.fa-newspaper-o:before { + content: ""; } + +.fa-wifi:before { + content: ""; } + +.fa-calculator:before { + content: ""; } + +.fa-paypal:before { + content: ""; } + +.fa-google-wallet:before { + content: ""; } + +.fa-cc-visa:before { + content: ""; } + +.fa-cc-mastercard:before { + content: ""; } + +.fa-cc-discover:before { + content: ""; } + +.fa-cc-amex:before { + content: ""; } + +.fa-cc-paypal:before { + content: ""; } + +.fa-cc-stripe:before { + content: ""; } + +.fa-bell-slash:before { + content: ""; } + +.fa-bell-slash-o:before { + content: ""; } + +.fa-trash:before { + content: ""; } + +.fa-copyright:before { + content: ""; } + +.fa-at:before { + content: ""; } + +.fa-eyedropper:before { + content: ""; } + +.fa-paint-brush:before { + content: ""; } + +.fa-birthday-cake:before { + content: ""; } + +.fa-area-chart:before { + content: ""; } + +.fa-pie-chart:before { + content: ""; } + +.fa-line-chart:before { + content: ""; } + +.fa-lastfm:before { + content: ""; } + +.fa-lastfm-square:before { + content: ""; } + +.fa-toggle-off:before { + content: ""; } + +.fa-toggle-on:before { + content: ""; } + +.fa-bicycle:before { + content: ""; } + +.fa-bus:before { + content: ""; } + +.fa-ioxhost:before { + content: ""; } + +.fa-angellist:before { + content: ""; } + +.fa-cc:before { + content: ""; } + +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: ""; } + +.fa-meanpath:before { + content: ""; } + +.fa-buysellads:before { + content: ""; } + +.fa-connectdevelop:before { + content: ""; } + +.fa-dashcube:before { + content: ""; } + +.fa-forumbee:before { + content: ""; } + +.fa-leanpub:before { + content: ""; } + +.fa-sellsy:before { + content: ""; } + +.fa-shirtsinbulk:before { + content: ""; } + +.fa-simplybuilt:before { + content: ""; } + +.fa-skyatlas:before { + content: ""; } + +.fa-cart-plus:before { + content: ""; } + +.fa-cart-arrow-down:before { + content: ""; } + +.fa-diamond:before { + content: ""; } + +.fa-ship:before { + content: ""; } + +.fa-user-secret:before { + content: ""; } + +.fa-motorcycle:before { + content: ""; } + +.fa-street-view:before { + content: ""; } + +.fa-heartbeat:before { + content: ""; } + +.fa-venus:before { + content: ""; } + +.fa-mars:before { + content: ""; } + +.fa-mercury:before { + content: ""; } + +.fa-intersex:before, +.fa-transgender:before { + content: ""; } + +.fa-transgender-alt:before { + content: ""; } + +.fa-venus-double:before { + content: ""; } + +.fa-mars-double:before { + content: ""; } + +.fa-venus-mars:before { + content: ""; } + +.fa-mars-stroke:before { + content: ""; } + +.fa-mars-stroke-v:before { + content: ""; } + +.fa-mars-stroke-h:before { + content: ""; } + +.fa-neuter:before { + content: ""; } + +.fa-genderless:before { + content: ""; } + +.fa-facebook-official:before { + content: ""; } + +.fa-pinterest-p:before { + content: ""; } + +.fa-whatsapp:before { + content: ""; } + +.fa-server:before { + content: ""; } + +.fa-user-plus:before { + content: ""; } + +.fa-user-times:before { + content: ""; } + +.fa-hotel:before, +.fa-bed:before { + content: ""; } + +.fa-viacoin:before { + content: ""; } + +.fa-train:before { + content: ""; } + +.fa-subway:before { + content: ""; } + +.fa-medium:before { + content: ""; } + +.fa-yc:before, +.fa-y-combinator:before { + content: ""; } + +.fa-optin-monster:before { + content: ""; } + +.fa-opencart:before { + content: ""; } + +.fa-expeditedssl:before { + content: ""; } + +.fa-battery-4:before, +.fa-battery-full:before { + content: ""; } + +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: ""; } + +.fa-battery-2:before, +.fa-battery-half:before { + content: ""; } + +.fa-battery-1:before, +.fa-battery-quarter:before { + content: ""; } + +.fa-battery-0:before, +.fa-battery-empty:before { + content: ""; } + +.fa-mouse-pointer:before { + content: ""; } + +.fa-i-cursor:before { + content: ""; } + +.fa-object-group:before { + content: ""; } + +.fa-object-ungroup:before { + content: ""; } + +.fa-sticky-note:before { + content: ""; } + +.fa-sticky-note-o:before { + content: ""; } + +.fa-cc-jcb:before { + content: ""; } + +.fa-cc-diners-club:before { + content: ""; } + +.fa-clone:before { + content: ""; } + +.fa-balance-scale:before { + content: ""; } + +.fa-hourglass-o:before { + content: ""; } + +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: ""; } + +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: ""; } + +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: ""; } + +.fa-hourglass:before { + content: ""; } + +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: ""; } + +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: ""; } + +.fa-hand-scissors-o:before { + content: ""; } + +.fa-hand-lizard-o:before { + content: ""; } + +.fa-hand-spock-o:before { + content: ""; } + +.fa-hand-pointer-o:before { + content: ""; } + +.fa-hand-peace-o:before { + content: ""; } + +.fa-trademark:before { + content: ""; } + +.fa-registered:before { + content: ""; } + +.fa-creative-commons:before { + content: ""; } + +.fa-gg:before { + content: ""; } + +.fa-gg-circle:before { + content: ""; } + +.fa-tripadvisor:before { + content: ""; } + +.fa-odnoklassniki:before { + content: ""; } + +.fa-odnoklassniki-square:before { + content: ""; } + +.fa-get-pocket:before { + content: ""; } + +.fa-wikipedia-w:before { + content: ""; } + +.fa-safari:before { + content: ""; } + +.fa-chrome:before { + content: ""; } + +.fa-firefox:before { + content: ""; } + +.fa-opera:before { + content: ""; } + +.fa-internet-explorer:before { + content: ""; } + +.fa-tv:before, +.fa-television:before { + content: ""; } + +.fa-contao:before { + content: ""; } + +.fa-500px:before { + content: ""; } + +.fa-amazon:before { + content: ""; } + +.fa-calendar-plus-o:before { + content: ""; } + +.fa-calendar-minus-o:before { + content: ""; } + +.fa-calendar-times-o:before { + content: ""; } + +.fa-calendar-check-o:before { + content: ""; } + +.fa-industry:before { + content: ""; } + +.fa-map-pin:before { + content: ""; } + +.fa-map-signs:before { + content: ""; } + +.fa-map-o:before { + content: ""; } + +.fa-map:before { + content: ""; } + +.fa-commenting:before { + content: ""; } + +.fa-commenting-o:before { + content: ""; } + +.fa-houzz:before { + content: ""; } + +.fa-vimeo:before { + content: ""; } + +.fa-black-tie:before { + content: ""; } + +.fa-fonticons:before { + content: ""; } + +*, +*:before, +*:after { + box-sizing: border-box; } + +.grid, +.grid--fluid { + margin-left: auto; + margin-right: auto; + width: 100%; + height: 100%; } + +.row, +.column { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + +.row { + -webkit-box-flex: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -1px; + margin-right: -1px; } + .row--reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } + +.column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } + .column--reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } + +.distribute-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } + +.distribute-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + +.align-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } + +.align-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: flex-end; } + +.align-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + +.align-middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.align-bottom { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } + +.align-baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; } + +.align-stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + +.cell { + margin-left: 1px; + margin-right: 1px; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; } + .cell-order--first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } + .cell-order--last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .cell-align--center { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-align--right { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-align--top { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; } + .cell-align--middle { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-align--bottom { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-align--baseline { + -webkit-align-self: baseline; + -ms-flex-item-align: baseline; + align-self: baseline; } + .cell-align--stretch { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; } + +.cell-xs, +.cell-xs-1, +.cell-xs-offset-1, .cell-xs-2, +.cell-xs-offset-2, .cell-xs-3, +.cell-xs-offset-3, .cell-xs-4, +.cell-xs-offset-4, .cell-xs-5, +.cell-xs-offset-5, .cell-xs-6, +.cell-xs-offset-6, .cell-xs-7, +.cell-xs-offset-7, .cell-xs-8, +.cell-xs-offset-8, .cell-xs-9, +.cell-xs-offset-9, .cell-xs-10, +.cell-xs-offset-10, .cell-xs-11, +.cell-xs-offset-11, .cell-xs-12, +.cell-xs-offset-12, .cell-sm, +.cell-sm-1, +.cell-sm-offset-1, .cell-sm-2, +.cell-sm-offset-2, .cell-sm-3, +.cell-sm-offset-3, .cell-sm-4, +.cell-sm-offset-4, .cell-sm-5, +.cell-sm-offset-5, .cell-sm-6, +.cell-sm-offset-6, .cell-sm-7, +.cell-sm-offset-7, .cell-sm-8, +.cell-sm-offset-8, .cell-sm-9, +.cell-sm-offset-9, .cell-sm-10, +.cell-sm-offset-10, .cell-sm-11, +.cell-sm-offset-11, .cell-sm-12, +.cell-sm-offset-12, .cell-md, +.cell-md-1, +.cell-md-offset-1, .cell-md-2, +.cell-md-offset-2, .cell-md-3, +.cell-md-offset-3, .cell-md-4, +.cell-md-offset-4, .cell-md-5, +.cell-md-offset-5, .cell-md-6, +.cell-md-offset-6, .cell-md-7, +.cell-md-offset-7, .cell-md-8, +.cell-md-offset-8, .cell-md-9, +.cell-md-offset-9, .cell-md-10, +.cell-md-offset-10, .cell-md-11, +.cell-md-offset-11, .cell-md-12, +.cell-md-offset-12, .cell-lg, +.cell-lg-1, +.cell-lg-offset-1, .cell-lg-2, +.cell-lg-offset-2, .cell-lg-3, +.cell-lg-offset-3, .cell-lg-4, +.cell-lg-offset-4, .cell-lg-5, +.cell-lg-offset-5, .cell-lg-6, +.cell-lg-offset-6, .cell-lg-7, +.cell-lg-offset-7, .cell-lg-8, +.cell-lg-offset-8, .cell-lg-9, +.cell-lg-offset-9, .cell-lg-10, +.cell-lg-offset-10, .cell-lg-11, +.cell-lg-offset-11, .cell-lg-12, +.cell-lg-offset-12 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } + +@media only screen { + .grid { + width: 100%; } + .distribute-xs-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } + .distribute-xs-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .align-xs-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } + .align-xs-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: flex-end; } + .align-xs-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + .align-xs-middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + .align-xs-bottom { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } + .align-xs-baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; } + .align-xs-stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + .cell-xs { + -webkit-box-flex: 1; + -webkit-flex: 1 0; + -ms-flex: 1 0; + flex: 1 0; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; } + .cell-xs-order--first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } + .cell-xs-order--last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .cell-xs-offset { + margin-left: 2px !important; } + .cell-xs-align--center { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-xs-align--right { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-xs-align--top { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; } + .cell-xs-align--middle { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-xs-align--bottom { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-xs-align--baseline { + -webkit-align-self: baseline; + -ms-flex-item-align: baseline; + align-self: baseline; } + .cell-xs-align--stretch { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; } + .cell-xs-1 { + -webkit-flex-basis: 6.3333333333%; + -ms-flex-preferred-size: 6.3333333333%; + flex-basis: 6.3333333333%; + max-width: 8.3333333333%; } + .cell-xs-offset-1 { + margin-left: 8.3333333333% !important; } + .cell-xs-2 { + -webkit-flex-basis: 14.6666666667%; + -ms-flex-preferred-size: 14.6666666667%; + flex-basis: 14.6666666667%; + max-width: 16.6666666667%; } + .cell-xs-offset-2 { + margin-left: 16.6666666667% !important; } + .cell-xs-3 { + -webkit-flex-basis: 23%; + -ms-flex-preferred-size: 23%; + flex-basis: 23%; + max-width: 25%; } + .cell-xs-offset-3 { + margin-left: 25% !important; } + .cell-xs-4 { + -webkit-flex-basis: 31.3333333333%; + -ms-flex-preferred-size: 31.3333333333%; + flex-basis: 31.3333333333%; + max-width: 33.3333333333%; } + .cell-xs-offset-4 { + margin-left: 33.3333333333% !important; } + .cell-xs-5 { + -webkit-flex-basis: 39.6666666667%; + -ms-flex-preferred-size: 39.6666666667%; + flex-basis: 39.6666666667%; + max-width: 41.6666666667%; } + .cell-xs-offset-5 { + margin-left: 41.6666666667% !important; } + .cell-xs-6 { + -webkit-flex-basis: 48%; + -ms-flex-preferred-size: 48%; + flex-basis: 48%; + max-width: 50%; } + .cell-xs-offset-6 { + margin-left: 50% !important; } + .cell-xs-7 { + -webkit-flex-basis: 56.3333333333%; + -ms-flex-preferred-size: 56.3333333333%; + flex-basis: 56.3333333333%; + max-width: 58.3333333333%; } + .cell-xs-offset-7 { + margin-left: 58.3333333333% !important; } + .cell-xs-8 { + -webkit-flex-basis: 64.6666666667%; + -ms-flex-preferred-size: 64.6666666667%; + flex-basis: 64.6666666667%; + max-width: 66.6666666667%; } + .cell-xs-offset-8 { + margin-left: 66.6666666667% !important; } + .cell-xs-9 { + -webkit-flex-basis: 73%; + -ms-flex-preferred-size: 73%; + flex-basis: 73%; + max-width: 75%; } + .cell-xs-offset-9 { + margin-left: 75% !important; } + .cell-xs-10 { + -webkit-flex-basis: 81.3333333333%; + -ms-flex-preferred-size: 81.3333333333%; + flex-basis: 81.3333333333%; + max-width: 83.3333333333%; } + .cell-xs-offset-10 { + margin-left: 83.3333333333% !important; } + .cell-xs-11 { + -webkit-flex-basis: 89.6666666667%; + -ms-flex-preferred-size: 89.6666666667%; + flex-basis: 89.6666666667%; + max-width: 91.6666666667%; } + .cell-xs-offset-11 { + margin-left: 91.6666666667% !important; } + .cell-xs-12 { + -webkit-flex-basis: 98%; + -ms-flex-preferred-size: 98%; + flex-basis: 98%; + max-width: 100%; } + .cell-xs-offset-12 { + margin-left: 100% !important; } } + +@media only screen and (min-width: 768px) { + .grid { + width: 770px; } + .distribute-sm-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } + .distribute-sm-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .align-sm-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } + .align-sm-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: flex-end; } + .align-sm-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + .align-sm-middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + .align-sm-bottom { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } + .align-sm-baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; } + .align-sm-stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + .cell-sm { + -webkit-box-flex: 1; + -webkit-flex: 1 0; + -ms-flex: 1 0; + flex: 1 0; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; } + .cell-sm-order--first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } + .cell-sm-order--last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .cell-sm-offset { + margin-left: 2px !important; } + .cell-sm-align--center { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-sm-align--right { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-sm-align--top { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; } + .cell-sm-align--middle { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-sm-align--bottom { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-sm-align--baseline { + -webkit-align-self: baseline; + -ms-flex-item-align: baseline; + align-self: baseline; } + .cell-sm-align--stretch { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; } + .cell-sm-1 { + -webkit-flex-basis: 6.3333333333%; + -ms-flex-preferred-size: 6.3333333333%; + flex-basis: 6.3333333333%; + max-width: 8.3333333333%; } + .cell-sm-offset-1 { + margin-left: 8.3333333333% !important; } + .cell-sm-2 { + -webkit-flex-basis: 14.6666666667%; + -ms-flex-preferred-size: 14.6666666667%; + flex-basis: 14.6666666667%; + max-width: 16.6666666667%; } + .cell-sm-offset-2 { + margin-left: 16.6666666667% !important; } + .cell-sm-3 { + -webkit-flex-basis: 23%; + -ms-flex-preferred-size: 23%; + flex-basis: 23%; + max-width: 25%; } + .cell-sm-offset-3 { + margin-left: 25% !important; } + .cell-sm-4 { + -webkit-flex-basis: 31.3333333333%; + -ms-flex-preferred-size: 31.3333333333%; + flex-basis: 31.3333333333%; + max-width: 33.3333333333%; } + .cell-sm-offset-4 { + margin-left: 33.3333333333% !important; } + .cell-sm-5 { + -webkit-flex-basis: 39.6666666667%; + -ms-flex-preferred-size: 39.6666666667%; + flex-basis: 39.6666666667%; + max-width: 41.6666666667%; } + .cell-sm-offset-5 { + margin-left: 41.6666666667% !important; } + .cell-sm-6 { + -webkit-flex-basis: 48%; + -ms-flex-preferred-size: 48%; + flex-basis: 48%; + max-width: 50%; } + .cell-sm-offset-6 { + margin-left: 50% !important; } + .cell-sm-7 { + -webkit-flex-basis: 56.3333333333%; + -ms-flex-preferred-size: 56.3333333333%; + flex-basis: 56.3333333333%; + max-width: 58.3333333333%; } + .cell-sm-offset-7 { + margin-left: 58.3333333333% !important; } + .cell-sm-8 { + -webkit-flex-basis: 64.6666666667%; + -ms-flex-preferred-size: 64.6666666667%; + flex-basis: 64.6666666667%; + max-width: 66.6666666667%; } + .cell-sm-offset-8 { + margin-left: 66.6666666667% !important; } + .cell-sm-9 { + -webkit-flex-basis: 73%; + -ms-flex-preferred-size: 73%; + flex-basis: 73%; + max-width: 75%; } + .cell-sm-offset-9 { + margin-left: 75% !important; } + .cell-sm-10 { + -webkit-flex-basis: 81.3333333333%; + -ms-flex-preferred-size: 81.3333333333%; + flex-basis: 81.3333333333%; + max-width: 83.3333333333%; } + .cell-sm-offset-10 { + margin-left: 83.3333333333% !important; } + .cell-sm-11 { + -webkit-flex-basis: 89.6666666667%; + -ms-flex-preferred-size: 89.6666666667%; + flex-basis: 89.6666666667%; + max-width: 91.6666666667%; } + .cell-sm-offset-11 { + margin-left: 91.6666666667% !important; } + .cell-sm-12 { + -webkit-flex-basis: 98%; + -ms-flex-preferred-size: 98%; + flex-basis: 98%; + max-width: 100%; } + .cell-sm-offset-12 { + margin-left: 100% !important; } } + +@media only screen and (min-width: 982px) { + .grid { + width: 984px; } + .distribute-md-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } + .distribute-md-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .align-md-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } + .align-md-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: flex-end; } + .align-md-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + .align-md-middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + .align-md-bottom { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } + .align-md-baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; } + .align-md-stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + .cell-md { + -webkit-box-flex: 1; + -webkit-flex: 1 0; + -ms-flex: 1 0; + flex: 1 0; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; } + .cell-md-order--first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } + .cell-md-order--last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .cell-md-offset { + margin-left: 2px !important; } + .cell-md-align--center { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-md-align--right { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-md-align--top { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; } + .cell-md-align--middle { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-md-align--bottom { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-md-align--baseline { + -webkit-align-self: baseline; + -ms-flex-item-align: baseline; + align-self: baseline; } + .cell-md-align--stretch { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; } + .cell-md-1 { + -webkit-flex-basis: 6.3333333333%; + -ms-flex-preferred-size: 6.3333333333%; + flex-basis: 6.3333333333%; + max-width: 8.3333333333%; } + .cell-md-offset-1 { + margin-left: 8.3333333333% !important; } + .cell-md-2 { + -webkit-flex-basis: 14.6666666667%; + -ms-flex-preferred-size: 14.6666666667%; + flex-basis: 14.6666666667%; + max-width: 16.6666666667%; } + .cell-md-offset-2 { + margin-left: 16.6666666667% !important; } + .cell-md-3 { + -webkit-flex-basis: 23%; + -ms-flex-preferred-size: 23%; + flex-basis: 23%; + max-width: 25%; } + .cell-md-offset-3 { + margin-left: 25% !important; } + .cell-md-4 { + -webkit-flex-basis: 31.3333333333%; + -ms-flex-preferred-size: 31.3333333333%; + flex-basis: 31.3333333333%; + max-width: 33.3333333333%; } + .cell-md-offset-4 { + margin-left: 33.3333333333% !important; } + .cell-md-5 { + -webkit-flex-basis: 39.6666666667%; + -ms-flex-preferred-size: 39.6666666667%; + flex-basis: 39.6666666667%; + max-width: 41.6666666667%; } + .cell-md-offset-5 { + margin-left: 41.6666666667% !important; } + .cell-md-6 { + -webkit-flex-basis: 48%; + -ms-flex-preferred-size: 48%; + flex-basis: 48%; + max-width: 50%; } + .cell-md-offset-6 { + margin-left: 50% !important; } + .cell-md-7 { + -webkit-flex-basis: 56.3333333333%; + -ms-flex-preferred-size: 56.3333333333%; + flex-basis: 56.3333333333%; + max-width: 58.3333333333%; } + .cell-md-offset-7 { + margin-left: 58.3333333333% !important; } + .cell-md-8 { + -webkit-flex-basis: 64.6666666667%; + -ms-flex-preferred-size: 64.6666666667%; + flex-basis: 64.6666666667%; + max-width: 66.6666666667%; } + .cell-md-offset-8 { + margin-left: 66.6666666667% !important; } + .cell-md-9 { + -webkit-flex-basis: 73%; + -ms-flex-preferred-size: 73%; + flex-basis: 73%; + max-width: 75%; } + .cell-md-offset-9 { + margin-left: 75% !important; } + .cell-md-10 { + -webkit-flex-basis: 81.3333333333%; + -ms-flex-preferred-size: 81.3333333333%; + flex-basis: 81.3333333333%; + max-width: 83.3333333333%; } + .cell-md-offset-10 { + margin-left: 83.3333333333% !important; } + .cell-md-11 { + -webkit-flex-basis: 89.6666666667%; + -ms-flex-preferred-size: 89.6666666667%; + flex-basis: 89.6666666667%; + max-width: 91.6666666667%; } + .cell-md-offset-11 { + margin-left: 91.6666666667% !important; } + .cell-md-12 { + -webkit-flex-basis: 98%; + -ms-flex-preferred-size: 98%; + flex-basis: 98%; + max-width: 100%; } + .cell-md-offset-12 { + margin-left: 100% !important; } } + +@media only screen and (min-width: 1200px) { + .grid { + width: 1202px; } + .distribute-lg-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } + .distribute-lg-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .align-lg-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } + .align-lg-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: flex-end; } + .align-lg-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + .align-lg-middle { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + .align-lg-bottom { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } + .align-lg-baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; } + .align-lg-stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + .cell-lg { + -webkit-box-flex: 1; + -webkit-flex: 1 0; + -ms-flex: 1 0; + flex: 1 0; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; } + .cell-lg-order--first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; } + .cell-lg-order--last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .cell-lg-offset { + margin-left: 2px !important; } + .cell-lg-align--center { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-lg-align--right { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-lg-align--top { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; } + .cell-lg-align--middle { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; } + .cell-lg-align--bottom { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } + .cell-lg-align--baseline { + -webkit-align-self: baseline; + -ms-flex-item-align: baseline; + align-self: baseline; } + .cell-lg-align--stretch { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; } + .cell-lg-1 { + -webkit-flex-basis: 6.3333333333%; + -ms-flex-preferred-size: 6.3333333333%; + flex-basis: 6.3333333333%; + max-width: 8.3333333333%; } + .cell-lg-offset-1 { + margin-left: 8.3333333333% !important; } + .cell-lg-2 { + -webkit-flex-basis: 14.6666666667%; + -ms-flex-preferred-size: 14.6666666667%; + flex-basis: 14.6666666667%; + max-width: 16.6666666667%; } + .cell-lg-offset-2 { + margin-left: 16.6666666667% !important; } + .cell-lg-3 { + -webkit-flex-basis: 23%; + -ms-flex-preferred-size: 23%; + flex-basis: 23%; + max-width: 25%; } + .cell-lg-offset-3 { + margin-left: 25% !important; } + .cell-lg-4 { + -webkit-flex-basis: 31.3333333333%; + -ms-flex-preferred-size: 31.3333333333%; + flex-basis: 31.3333333333%; + max-width: 33.3333333333%; } + .cell-lg-offset-4 { + margin-left: 33.3333333333% !important; } + .cell-lg-5 { + -webkit-flex-basis: 39.6666666667%; + -ms-flex-preferred-size: 39.6666666667%; + flex-basis: 39.6666666667%; + max-width: 41.6666666667%; } + .cell-lg-offset-5 { + margin-left: 41.6666666667% !important; } + .cell-lg-6 { + -webkit-flex-basis: 48%; + -ms-flex-preferred-size: 48%; + flex-basis: 48%; + max-width: 50%; } + .cell-lg-offset-6 { + margin-left: 50% !important; } + .cell-lg-7 { + -webkit-flex-basis: 56.3333333333%; + -ms-flex-preferred-size: 56.3333333333%; + flex-basis: 56.3333333333%; + max-width: 58.3333333333%; } + .cell-lg-offset-7 { + margin-left: 58.3333333333% !important; } + .cell-lg-8 { + -webkit-flex-basis: 64.6666666667%; + -ms-flex-preferred-size: 64.6666666667%; + flex-basis: 64.6666666667%; + max-width: 66.6666666667%; } + .cell-lg-offset-8 { + margin-left: 66.6666666667% !important; } + .cell-lg-9 { + -webkit-flex-basis: 73%; + -ms-flex-preferred-size: 73%; + flex-basis: 73%; + max-width: 75%; } + .cell-lg-offset-9 { + margin-left: 75% !important; } + .cell-lg-10 { + -webkit-flex-basis: 81.3333333333%; + -ms-flex-preferred-size: 81.3333333333%; + flex-basis: 81.3333333333%; + max-width: 83.3333333333%; } + .cell-lg-offset-10 { + margin-left: 83.3333333333% !important; } + .cell-lg-11 { + -webkit-flex-basis: 89.6666666667%; + -ms-flex-preferred-size: 89.6666666667%; + flex-basis: 89.6666666667%; + max-width: 91.6666666667%; } + .cell-lg-offset-11 { + margin-left: 91.6666666667% !important; } + .cell-lg-12 { + -webkit-flex-basis: 98%; + -ms-flex-preferred-size: 98%; + flex-basis: 98%; + max-width: 100%; } + .cell-lg-offset-12 { + margin-left: 100% !important; } } + +/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */ +/* + * Normalization + */ +/* + + [0] IE11+ + [1] All browsers without overlaying scrollbars + [2] iOS8+ + [3] Chrome 40+, iOS 8+, Safari 8+ + [4] Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+ + +*/ +:root { + -ms-overflow-style: -ms-autohiding-scrollbar; + /* [0] */ + overflow-y: scroll; + /* [1] */ + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; + /* [2] */ } + +audio:not([controls]) { + display: none; + /* [3] */ } + +details { + display: block; + /* [4] */ } + +input[type="number"] { + width: auto; } + +input[type="search"] { + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-cancel-button, + input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +pre { + overflow: auto; } + +progress { + display: inline-block; } + +small { + font-size: 75%; } + +template { + display: none; } + +textarea { + overflow: auto; } + +[hidden] { + display: none; } + +[unselectable] { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +/* + * Universal inheritance + */ +*, +:before, +:after { + box-sizing: inherit; } + +* { + line-height: inherit; } + +:before, +:after { + text-decoration: inherit; + vertical-align: inherit; } + +/* + * Opinionated defaults + */ +*, +:before, +:after { + border-style: solid; + border-width: 0; } + +* { + margin: 0; + padding: 0; } + +:root { + box-sizing: border-box; + cursor: default; + font: 16px/1.5 sans-serif; + text-rendering: optimizeLegibility; } + +html { + background-color: #FFFFFF; } + +a { + text-decoration: none; } + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; } + +button, +input, +select, +textarea { + background-color: transparent; } + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; } + +button, +input, +select, +textarea { + min-height: 1.5em; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; } + +nav ol, +nav ul { + list-style: none; } + +select { + -moz-appearance: none; + -webkit-appearance: none; } + select::-ms-expand { + display: none; } + select::-ms-value { + color: currentColor; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +textarea { + resize: vertical; } + +::-moz-selection { + background-color: #B3D4FC; + text-shadow: none; } + +::selection { + background-color: #B3D4FC; + text-shadow: none; } + +@media screen { + [hidden~="screen"] { + display: inherit; } + [hidden~="screen"]:not(:active):not(:focus):not(:target) { + clip: rect(0 0 0 0) !important; + position: absolute !important; } } + +@-webkit-keyframes rotate { + 0% { + background-position: 0% 18%; } + 50% { + background-position: 100% 83%; } + 100% { + background-position: 0% 18%; } } + +@keyframes rotate { + 0% { + background-position: 0% 18%; } + 50% { + background-position: 100% 83%; } + 100% { + background-position: 0% 18%; } } + +@-webkit-keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + 100% { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + 100% { + -webkit-transform: none; + transform: none; } } + +@-webkit-keyframes bounce { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); } } + +@keyframes bounce { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); } } + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; } + +@media only screen { + .visible-sm, + .visible-md, + .visible-lg { + display: none !important; } + .visible-xs { + display: block !important; } + .hidden-xs { + display: none !important; } } + +@media only screen and (min-width: 768px) { + .visible-xs, + .visible-md, + .visible-lg { + display: none !important; } + .visible-sm { + display: block !important; } + .hidden-xs { + display: block !important; } } + +@media only screen and (min-width: 982px) { + .visible-xs, + .visible-sm, + .visible-lg { + display: none !important; } + .visible-md { + display: block !important; } } + +@media only screen and (min-width: 1200px) { + .visible-xs, + .visible-sm, + .visible-md { + display: none !important; } + .visible-lg { + display: block !important; } } + +html, body { + height: 100%; } + +body { + background-color: #F0F0F0; + font-family: 'Source Sans Pro', sans-serif; + font-size: 100%; } + +.header { + background: -webkit-linear-gradient(345deg, #42A2DC, #A0D468, #FFCE54); + background: linear-gradient(105deg, #42A2DC, #A0D468, #FFCE54); + background-size: 600% 600%; + -webkit-animation: rotate 30s ease infinite; + animation: rotate 30s ease infinite; + height: 100%; + overflow: hidden; } + .header .column { + height: 100%; + padding: 16px; } + .header .brand { + color: #fff; + font-size: 80%; + line-height: 1; + padding: 16px 0; } + @media only screen and (min-width: 768px) { + .header .brand { + font-size: 100%; } } + .header .brand-name { + margin-bottom: 4px; } + .header .brand-name--pronunciation { + font-size: .7em; + font-weight: 100; + margin-left: 8px; } + +.nav-menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + +.list-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 16px 0 8px 0; + font-weight: 600; + color: #fff; + font-size: 1em; } + +.list-item { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + margin: 0 !important; + padding: 16px 32px; + background-color: #fff; + border-bottom: 1px solid #efefef; + font-size: .8em; + border-radius: 3px; } + +.list-item:last-child { + border: none; } + +.column { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.pca-hold { + width: 100%; } + +.pca-hold .pca-main { + display: block; + background-color: #e7e7e7; + position: relative; + height: 100%; } + +@media only screen { + .pca-hold .pca-main { + border: 15px solid #1d2d2d; + border-top: 115px solid #1d2d2d; + border-bottom: 118px solid #1d2d2d; + border-radius: 56.5px; + box-shadow: 0 0 0 5px #C6C7CA; } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -65px; + left: 55%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + width: 15px; + height: 15px; + background-color: #959595; + border-radius: 100%; + -webkit-transform: translate(-90px, 0); + -ms-transform: translate(-90px, 0); + transform: translate(-90px, 0); } + .pca-hold .pca-main:before { + content: ""; + position: absolute; + top: -25px; + left: 55%; + opacity: 1; + width: 100px; + height: 5px; + -webkit-transform: translate(-45px, -37.5px); + -ms-transform: translate(-45px, -37.5px); + transform: translate(-45px, -37.5px); + border-radius: 5px; + background-color: #959595; } + .pca-hold .pca-inner { + display: block; } + .pca-hold .pca-sub { + display: block; + text-align: center; + position: relative; + height: 0; } + .pca-hold .pca-sub .pca-bot { + border-radius: 100%; + width: 70px; + height: 70px; + display: block; + margin: 0 auto; + background-color: transparent; + z-index: 2; + box-shadow: 0 0 0 5.5px #636670; + -webkit-transform: translate(0, -94px); + -ms-transform: translate(0, -94px); + transform: translate(0, -94px); } } + +@media only screen and (min-width: 768px) { + .pca-hold .pca-main { + border: 35px solid #1d2d2d; + border-bottom: 50px solid #1d2d2d; + border-radius: 25px; } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -12px; + left: 50%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + width: 5.5px; + height: 5.5px; + background-color: #959595; + border-radius: 100%; } + .pca-hold .pca-inner { + display: block; } + .pca-hold .pca-sub { + display: block; + text-align: center; + position: relative; + height: 0; } + .pca-hold .pca-sub .pca-bot { + border-radius: 100%; + width: 30px; + height: 30px; + display: block; + background-color: transparent; + z-index: 2; + margin: -10px auto 0 auto; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); + -webkit-transform: translate(0, -100%); + -ms-transform: translate(0, -100%); + transform: translate(0, -100%); } } + +@media only screen and (min-width: 982px) { + .pca-hold { + width: 70%; + margin: 0 auto; } + .pca-hold .pca-main { + border: 15px solid #2d2d2d; + border-top-left-radius: 15px; + border-top-right-radius: 15px; } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -12px; + left: 50%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + width: 5px; + height: 5px; + background-color: #959595; + border-radius: 100%; } + .pca-hold .pca-inner { + display: block; } + .pca-hold .pca-sub { + display: block; + text-align: center; + position: relative; + height: 25px; } + .pca-hold .pca-sub .pca-top { + position: absolute; + bottom: 0; + left: -62.5px; + display: block; + width: calc(100% + 125px); + height: 25px; + border-bottom-left-radius: 55px; + border-bottom-right-radius: 55px; + background-color: #e8e8e8; + opacity: 1; + z-index: 2; } + .pca-hold .pca-sub .pca-bot { + display: block; + width: 200px; + height: 15px; + position: absolute; + top: 0; + left: 50%; + background-color: #B1B1B1; + border-radius: 0 0 225px 225px; + opacity: 1; + z-index: 2; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); } } + +@media only screen and (min-width: 1200px) { + .pca-hold { + width: 70%; } + .pca-hold .pca-main { + background-color: #dcdcdc; + border: 18px solid #2d2d2d; + border-radius: 0; + border-top-left-radius: 12px; + border-top-right-radius: 12px; } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -13.5px; + left: 50%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + width: 9.5px; + height: 9.5px; + background-color: #959595; + border-radius: 100%; } + .pca-hold .pca-main:before { + content: ''; + opacity: 0; } + .pca-hold .pca-inner { + display: block; } + .pca-hold .pca-sub { + display: block; + text-align: center; } + .pca-hold .pca-sub .pca-top { + position: relative; + display: block; + width: 100%; + left: 0; + height: 40px; + background-color: #e8e8e8; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + opacity: 1; + z-index: 2; } + .pca-hold .pca-sub .pca-top:after { + content: ''; + position: absolute; + width: 20px; + height: 20px; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAADAsLiYiIycjJColJysmKC0mKjMtLykkJiMfIJJeh/oAAAAJdFJOUwAq68uOQmUTrzcLkcAAAADuSURBVCjPbZI7DwFREIVn41mugkSn8NpuEwnZTqskRHQqiQ6JfkMhSruI829Z99rMNXOKW3yZx5mZS8RUOpNQKUok3CKVgcBdwANwE3ACjAWMlJKVABcJ0f0D9SlRjfab6S5n3gkY+jQPgPaO9QX65+xFx7IquNYsMFf4G4/pZYoWHBib7BVniW/8OCWfJrAccWj3VAw4bFmoGPqzHmqRPa3mQ+tuT+f6tOY/5+YaGdh0YKotBN1vgbILk+/xPRfefWXzN61TrAz6M0qR3DLRTGY7pvJsM2ky4B8kCw3QXlLjitRn3+64yEb2Foa9AZ6l7piHRtOVAAAAAElFTkSuQmCC); + background-size: cover; } + .pca-hold .pca-sub .pca-mid { + display: block; + text-align: center; + height: 40px; + width: 100%; + position: relative; + z-index: 1; } + .pca-hold .pca-sub .pca-mid .pca-part { + display: block; + margin: 0 auto; + border-bottom: 50px solid #cdcdcd; + border-left: 25px solid transparent; + border-right: 25px solid transparent; + height: 0; + width: 150px; } + .pca-hold .pca-sub .pca-bot { + position: relative; + display: block; + width: 200px; + height: 15px; + margin: 0 auto; + background-color: #e8e8e8; + border-radius: 10px 10px 0 0; + opacity: 1; + z-index: 2; } } + +.main .cell:not(.unstyled) { + background-color: #999999; + background-color: rgba(153, 153, 153, 0.1); + font-size: 80%; + margin-top: 1px; + margin-bottom: 1px; + padding: 8px; } + +.cells-container { + padding: 8px; + background-color: #999999; + background-color: rgba(153, 153, 153, 0.1); + border-radius: 3px; } + +.module-content { + background-color: #fff; + padding: 32px; + border-left: 1px solid rgba(153, 153, 153, 0.15); + border-right: 1px solid rgba(153, 153, 153, 0.15); + border-radius: 3px; + box-shadow: 0 25px 0 0 #fff, 0 -25px 0 0 #fff, 0 0 50px 0 rgba(153, 153, 153, 0.1); + margin-bottom: 16px; } + +.module-title { + margin-bottom: 16px; + font-weight: 300 !important; } + +.module-description { + background-color: #4FC1E9; + background-color: rgba(79, 193, 233, 0.05); + border-radius: 3px; + border-left: 3px solid rgba(79, 193, 233, 0.5); + color: #666; + font-size: 90%; + font-weight: 200; + line-height: 1.3; + margin-bottom: 16px; + padding: 16px; } + .module-description:before { + border: 3px solid #4FC1E9; + border: 3px solid rgba(79, 193, 233, 0.5); + border-radius: 100%; + color: #4FC1E9; + color: rgba(79, 193, 233, 0.5); + content: '\f129'; + display: inline-block; + font-family: 'FontAwesome'; + font-size: 80%; + margin-right: 8px; + padding: 4px 10px; } + +.demo-alignment-cross { + height: 150px; } + +#grid-alignment.css .demo-alignment .row { + height: 10em; } + #grid-alignment.css .demo-alignment .row span { + border-bottom: 1px dotted rgba(51, 51, 51, 0.4); } + +#grid-alignment.css .demo-baseline-1 span { + font-size: 10em; } + +#grid-alignment.css .demo-baseline-2 span { + font-size: 15em; } + +.text-center { + text-align: center; } + +.module-title { + font-family: 'Source Sans Pro', sans-serif; + font-weight: 400; } + +.margin { + display: block; + width: 1px; + height: 1px; } + +.mh16 { + margin-bottom: 16px; + margin-top: 16px; } + +.mv16 { + margin-left: 16px; + margin-right: 16px; } \ No newline at end of file diff --git a/dist/css/main.min.css.map b/dist/css/main.min.css.map new file mode 100644 index 0000000..8e76087 --- /dev/null +++ b/dist/css/main.min.css.map @@ -0,0 +1,34 @@ +{ + "version": 3, + "file": "main.min.css", + "sources": [ + "../../src/css/main.scss", + "../../bower_components/font-awesome/scss/font-awesome.scss", + "../../bower_components/gridlecss/grid/gridlecss.scss", + "../../src/css/helpers/_variables.scss", + "../../src/css/helpers/_reset.scss", + "../../src/css/helpers/_animations.scss", + "../../src/css/helpers/_visibility.scss", + "../../src/css/partials/_header.scss", + "../../src/css/partials/_navigation.scss", + "../../src/css/partials/_device.scss", + "../../src/css/partials/_theme.scss", + "../../bower_components/font-awesome/scss/_variables.scss", + "../../bower_components/font-awesome/scss/_mixins.scss", + "../../bower_components/font-awesome/scss/_path.scss", + "../../bower_components/font-awesome/scss/_core.scss", + "../../bower_components/font-awesome/scss/_larger.scss", + "../../bower_components/font-awesome/scss/_fixed-width.scss", + "../../bower_components/font-awesome/scss/_list.scss", + "../../bower_components/font-awesome/scss/_bordered-pulled.scss", + "../../bower_components/font-awesome/scss/_animated.scss", + "../../bower_components/font-awesome/scss/_rotated-flipped.scss", + "../../bower_components/font-awesome/scss/_stacked.scss", + "../../bower_components/font-awesome/scss/_icons.scss", + "../../bower_components/gridlecss/grid/config.scss", + "../../bower_components/gridlecss/grid/gridlecss/mixins.scss" + ], + "sourcesContent": [], + "mappings": "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", + "names": [] +} \ No newline at end of file diff --git a/dist/dictionary.html b/dist/dictionary.html new file mode 100644 index 0000000..e69de29 diff --git a/dist/fonts/FontAwesome.otf b/dist/fonts/FontAwesome.otf new file mode 100644 index 0000000..681bdd4 Binary files /dev/null and b/dist/fonts/FontAwesome.otf differ diff --git a/dist/fonts/fontawesome-webfont.eot b/dist/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..a30335d Binary files /dev/null and b/dist/fonts/fontawesome-webfont.eot differ diff --git a/dist/fonts/fontawesome-webfont.svg b/dist/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..6fd19ab --- /dev/null +++ b/dist/fonts/fontawesome-webfont.svg @@ -0,0 +1,640 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/fonts/fontawesome-webfont.ttf b/dist/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..d7994e1 Binary files /dev/null and b/dist/fonts/fontawesome-webfont.ttf differ diff --git a/dist/fonts/fontawesome-webfont.woff b/dist/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..6fd4ede Binary files /dev/null and b/dist/fonts/fontawesome-webfont.woff differ diff --git a/dist/fonts/fontawesome-webfont.woff2 b/dist/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..5560193 Binary files /dev/null and b/dist/fonts/fontawesome-webfont.woff2 differ diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..1766c37 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,740 @@ + + + + + + GridleCSS | Yet another flex grid framework! + + + + + +
+
+
+
+
+

GridleCSS/ɡrɪd.lɛx/

+

Yet another flex grid framework!

+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+

More demos will be made available soon.

+
+
+

Download GridleCSS v1.0.rc1

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Module: The Grid

+
+
+
+
+
+
+

GridleCSS

+

GridleCSS in all it's glory! Flexible cells, viewport specific rules and more..

+
+
+
+
+
auto-xs
+
auto-xscell-sm-3cell-md-7auto-lg
+
auto-xs
+
+
+
cell-xs-9cell-sm-7cell-md-5cell-lg-3
+
auto
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos + blanditiis odit et ratione, id laboriosam sapiente consequuntur + laborum officia, impedit eligendi natus quisquam dolor in at + aliquam, tempore maiores est. +
+
+
+
xs-auto
+
cell-xs-3
+
xs-auto
+
cel-xs-1
+
+
+
cell-xs-4
+
cell-xs-3
+
cell-xs-4
+
cell-xs-1
+
+
+
cell-xs-2
+
cell-xs-2
+
cell-xs-2
+
cell-xs-2
+
cell-xs-2
+
cell-xs-2
+
+
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
cell-xs-1
+
+
+
cell-xs-12
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Responsive

+

Responsive modifiers enable specifing different column sizes, offsets alignment and distribution at certain viewport widths.

+
+
+
+
+
cell-xs-5cell-sm-4cell-md-3cell-lg-2
+
cell-xs-2cell-sm-4cell-md-6cell-lg-8
+
cell-xs-5cell-sm-4cell-md-3cell-lg-2
+
+
+
cell-xs-3cell-sm-3cell-md-2cell-lg-2
+
cell-xs-9cell-sm-6cell-md-2cell-lg-2
+
cell-xscell-sm-3cell-md-8cell-lg
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Fluid Layout

+

Percent based widths allow fluid resizing of columns and rows

+
+
+
+
+
auto-xs
+
+
+
cell-xs-1
+
cell-xs-11
+
+
+
cell-xs-2
+
cell-xs-10
+
+
+
cell-xs-3
+
cell-xs-9
+
+
+
cell-xs-4
+
cell-xs-8
+
+
+
cell-xs-5
+
cell-xs-7
+
+
+
cell-xs-6
+
cell-xs-6
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Reversing

+

Add classes to reverse cells direction

+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+
+
+
+
+
+
+
+
+
+
+

Reordering

+

Add classes to reorder cells

+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Auto Width

+

Add any number of auto sizing cells to a row. Let the grid figure it out

+
+
+
+
+
auto
+
auto
+
auto
+
auto
+
+
+
cell-xs-3
+
auto
+
cell-xs-2
+
auto
+
+
+
+
+
+
+
+
+
+
+

Auto Width on Viewport

+

You can also specify on which viewport the grid should figure it out whether or not it should apply it.

+
+
+
+
+
full-xsauto-smcell-md-3auto-lg
+
full-xsauto-smauto-mdauto-lg
+
full-xsauto-smcell-md-2auto-lg
+
full-xsauto-smauto-mdauto-lg
+
+
+
+
+
+
+
+
+
+
+
+
+

Gridcellceptional!

+

A cell, inside a row, inside a cell, inside a row.. oh you get it!

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Module: Offsets

+
+
+
+
+
+
+
+
offset-11
+
+
+
offset-10
+
+
+
offset-9
+
+
+
offset-8
+
+
+
offset-7
+
+
+
offset-6
+
+
+
offset-5
+
+
+
offset-4
+
+
+
offset-3
+
+
+
offset-2
+
+
+
offset-1
+
+
+
no-offset
+
+
+
+
+
+
+
+
+
+

Offsets by viewport

+

You can also specify on which viewport the offset should apply

+
+
+
+
+
xs, cell-xs-3sm, cell-xs-3 cell-sm-offset-9md, cell-md-4 cell-md-offset-4lg, cell-lg-2 cell-lg-offset-4
+
+
+
xs, cell-xs-3 cell-xs-offset-3sm, cell-xs-3 cell-sm-offset-6md, cell-md-4 cell-md-offset-4lg, cell-lg-2 cell-lg-offset-5
+
+
+
xs, cell-xs-3 cell-xs-offset-6sm, cell-xs-3 cell-sm-offset-3md, cell-md-4 cell-md-offset-4lg, cell-lg-2 cell-lg-offset-6
+
+
+
xs, cell-xs-3 cell-xs-offset-9sm, cell-xs-3 cell-sm-offsetmd, cell-md-4 cell-md-offset-4lg, cell-lg-2 cell-lg-offset-7
+
+
+
+
+
+
+
+
+
+

Module: Aligments

+
+
+
+
+
+
+
+

Alignments on Parent elements

+

This defines the alignment along the main axis. It helps distribute extra free space left over when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size.

+
+
+
+
+
+
+
align-left
+
+
+
+
+
align-center
+
+
+
+
+
align-right
+
+
+
+
+
+
+
+
+
+
+
+

Similar to the above except you can specify the behaviour of how flex-items are laid out along the cross axis, instead of main axis, of the current line.

+
+
+
+
+
+
+
align-stretch
+
+
+
+
+
.align-top
+
+
+
+
+
align-middle
+
+
+
+
+
align-bottom
+
+
+
+
+
+
+
baseline
+
baseline
+
baseline
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Saepe, reprehenderit ipsum atque distinctio ad, nihil + repudiandae ut omnis dignissimos suscipit non quos debitis + inventore fuga alias. Quod ut nesciunt aut. +
+
+
stretch
+
align-sm-top
+
align-md-middle
+
align-lg-bottom
+
+
+
stretch
+
align-sm-top
+
align-md-middle
+
align-lg-bottom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Alignments on Child elements

+

This property will allow the default alignment, or the one specified on the parent to be overridden for indvidual flex items

+
+
+
+
+
cell-align--top
+
cell-align--middle
+
cell-align--bottom
+
cell-align--stretch
+
+
+
+
+
+
+
+
+
+

Alignment by Viewport

+

You can also specify what alignment rule should be considered depending on the viewport by adding the viewport class

+
+
+
+
+
+
cell-xs-align--stretch
+
cell-sm-align--middle
+
cell-md-align--stretch
+
cell-lg-align--top
+
+
+
cell-xs-align--stretch
+
cell-sm-align--middle
+
cell-md-align--bottom
+
cell-lg-align--middle
+
+
+
cell-xs-align--stretch
+
cell-sm-align--middle
+
cell-md-align--middle
+
cell-lg-align--bottom
+
+
+
cell-xs-align--stretch
+
cell-sm-align--middle
+
cell-md-align--top
+
cell-lg-align--stretch
+
+
+
+
+
+
+
+
+
+
+
+
+

Module: Distribution

+
+
+
+
+
+

Flex items are displayed with equal spacing between them, first and last flex items are aligned to the edges of the flex container

+
+
+
+
+
distribute-between
+
distribute-between
+
distribute-between
+
+
+
+
+
+
+
+
+
+

Flex items are displayed with equal spacing around every flex item, even the first and the last flex items

+
+
+
+
+
distribute-around
+
distribute-around
+
distribute-around
+
+
+
+
+
+
+
+
+
+
+
+

Distribution by Viewport

+

You can also specify what distribution rule should be considered depending on the viewport by adding the viewport class

+
+
+
+
+
+
distribute-xs-around
+
distribute-sm-between
+
distribute-md-around
+
distribute-lg-between
+
+
+
distribute-xs-around
+
distribute-sm-between
+
distribute-md-around
+
distribute-lg-between
+
+
+
distribute-xs-around
+
distribute-sm-between
+
distribute-md-around
+
distribute-lg-between
+
+
+
+
+
+
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/dist/js/main.min.js b/dist/js/main.min.js new file mode 100644 index 0000000..553e9be --- /dev/null +++ b/dist/js/main.min.js @@ -0,0 +1,347 @@ +$(document).ready(function() { + var a, b, c, d, e = 1e3; + a = setTimeout(function() { + $("#animated .pca-anim-wrap").addClass("macbook"); + }, 1 * e), b = setTimeout(function() { + $("#animated .pca-anim-wrap").addClass("ipad"); + }, 2 * e), c = setTimeout(function() { + $("#animated .pca-anim-wrap").addClass("iphone"); + }, 3 * e), d = setTimeout(function() { + $("#animated .pca-anim-wrap").removeClass("macbook ipad iphone"), responsiveAnimationTransform(); + }, 4 * e), $(".nav-menu a.btn").on("click", function(a) { + a.preventDefault(); + var b = $(this).data("target"); + $("html, body").stop().animate({ + scrollTop: $(b).offset().top + }, 1e3); + }), $(".show-css").on("click", function(a) { + a.preventDefault(); + var b = $(this).attr("href"), c = $("section" + b); + c.toggleClass("css"); + }), $(".social-buttons--container ul").sharegg({ + data: { + url: "http://studio51.github.io/gridlecss", + title: "GridleCSS, yet another flexbox grid!" + }, + buttons: { + googleplus: { + show: !0, + count: !0 + }, + twitter: { + show: !0, + count: !0 + }, + digg: { + show: !0, + count: !0 + } + } + }), $("#toggle-menu").on("click", function(a) { + a.preventDefault(), openItemInfo($(this).attr("href")); + var b = $(".nav-menu"); + $(b).toggleClass("open"), $(this).toggleClass("close"); + }); +}), function(a) { + "use strict"; + function b(a, b) { + var c = a.toString(); + return Object.keys(b).forEach(function(a) { + var d = new RegExp("\\{" + a + "\\}", "gm"); + c = c.replace(d, b[a]); + }), c; + } + function c(a) { + return /\/$/.test(a) ? a : a + "/"; + } + function d(b, d, e) { + a.ajax({ + url: c(a.fn.sharegg.defaults.apiUrl) + "stats/" + b + "?url=" + encodeURIComponent(d), + dataType: "json", + type: "GET" + }).complete(function(a) { + 200 === a.status ? e(a.responseJSON) : e(); + }); + } + function e(a, b, c) { + d(a, b, function(b) { + c("reddit" === a ? b ? b.score : 0 : "stumbleupon" === a ? b ? b.views : 0 : "pocket" === a || "vkontakte" === a ? b ? b.count : 0 : b ? b.shares : 0); + }); + } + function f(a) { + var b = l[a]; + if (!b) throw new Error("Invalid service name: " + a); + return b; + } + function g(a) { + return void 0 !== l[a]; + } + function h(a) { + var b = m[a]; + return b || (b = m.en_US, console.warn("Invalid locale: " + a)), b; + } + function i(c) { + var d = a(c), g = d.data("service-name"), h = f(g), i = d.closest(".sharegg-widget"), j = encodeURIComponent(i.data("url")), k = encodeURIComponent(i.data("title")), l = encodeURIComponent(i.data("description")), m = encodeURIComponent(i.data("image")), n = window.open(b(h.url, { + url: j, + title: k, + description: l, + image: m + }), "sharegg", b("width={width}, height={height}, resizable=1, scrollbars=1, top=0, left=0", h.screenSize)), o = setInterval(function() { + n.closed && (clearInterval(o), e(g, j, function(a) { + d.find("span").text(a); + })); + }, 600); + } + function j(b) { + var c; + c = b ? b.find("li.social-btn") : a("li.social-btn"), a.each(c, function() { + var b = a(this).find("a"); + e(b.data("service-name"), b.closest(".sharegg-widget").data("url"), function(a) { + b.find("span").text(a); + }); + }); + } + function k(b, c) { + c = a.extend({}, a.fn.sharegg.defaults, c), a.each(c.buttons, function(a) { + if (this.show === !0) { + var c = a.toString(); + if (!g(c)) throw new Error("Invalid service name: " + c); + var d = h("en_US").messages[c].title; + b.append('
    • '); + var e = b.find("." + c + "-btn"); + this.count === !0 ? e.parent().append('0') : e.addClass("social-no-counter"); + } + }); + } + var l = { + buffer: { + url: "https://bufferapp.com/add?url={url}&title={description}&source=button", + supportCount: !0, + screenSize: { + height: 350, + width: 800 + } + }, + delicious: { + url: "http://www.delicious.com/save?v=5&noui&jump=close&url={url}&title={title}", + supportCount: !1, + screenSize: { + height: 650, + width: 1024 + } + }, + digg: { + url: "http://digg.com/submit?url={url}", + supportCount: !1, + screenSize: { + height: 650, + width: 1024 + } + }, + facebook: { + url: "https://www.facebook.com/sharer/sharer.php?u={url}&display=popup&ref=plugin", + supportCount: !0, + screenSize: { + height: 306, + width: 650 + } + }, + googleplus: { + url: "https://plus.google.com/share?url={url}", + supportCount: !0, + screenSize: { + height: 620, + width: 620 + } + }, + linkedin: { + url: "http://www.linkedin.com/shareArticle?url={url}&title={title}&summary={description}&source=sharegg", + supportCount: !0, + screenSize: { + height: 650, + width: 1024 + } + }, + pinterest: { + url: "https://pinterest.com/pin/create/bookmarklet/?url={url}&description={description}&media={image}", + supportCount: !0, + screenSize: { + height: 650, + width: 1024 + } + }, + pocket: { + url: "https://getpocket.com/save?url={url}&title={title}", + supportCount: !1, + screenSize: { + height: 360, + width: 576 + } + }, + reddit: { + url: "http://reddit.com/submit?url={url}&title={title}", + supportCount: !0, + screenSize: { + height: 650, + width: 1024 + } + }, + stumbleupon: { + url: "http://www.stumbleupon.com/badge/?url={url}", + supportCount: !0, + screenSize: { + height: 602, + width: 480 + } + }, + tumblr: { + url: "http://www.tumblr.com/share/link?url={url}&name={title}&description={description}", + supportCount: !1, + screenSize: { + height: 650, + width: 1024 + } + }, + twitter: { + url: "https://twitter.com/share?url={url}&text={title}", + supportCount: !0, + screenSize: { + height: 420, + width: 550 + } + }, + vkontakte: { + url: "https://vk.com/share.php?url={url}", + supportCount: !0, + screenSize: { + height: 445, + width: 642 + } + } + }, m = { + en_US: { + name: "English (United States)", + alias: [ "en", "en-US" ], + messages: { + buffer: { + title: "Share on Buffer" + }, + delicious: { + title: "Share on Delicious" + }, + digg: { + title: "Share on Digg" + }, + facebook: { + title: "Share on Facebook" + }, + googleplus: { + title: "Share on Google Plus" + }, + linkedin: { + title: "Share on Linkedin" + }, + pinterest: { + title: "Share on Pinterest" + }, + pocket: { + title: "Share on Pocket" + }, + reddit: { + title: "Share on Reddit" + }, + stumbleupon: { + title: "Share on StumbleUpon" + }, + tumblr: { + title: "Share on Tumblr" + }, + twitter: { + title: "Share on Twitter" + }, + vkontakte: { + title: "Share on VK" + } + } + } + }; + a.fn.sharegg = function() { + var b; + if (0 === arguments.length) b = a.fn.sharegg.defaults; else { + if (1 !== arguments.length) throw new Error("Invalid number of arguments: " + arguments.length); + if ("string" == typeof arguments[0]) { + if ("count" === arguments[0]) return this.each(function() { + j(a(this)); + }); + throw new Error("Invalid arguments value: " + arguments[0]); + } + b = arguments[0]; + } + return this.each(function() { + var c = a(this); + c.addClass("sharegg-widget"), void 0 === c.data("url") && c.data("url", void 0 !== b.data && b.data.url ? b.data.url : "http://www.sharegg.org"), + void 0 === c.data("title") && c.data("title", void 0 !== b.data && b.data.title ? b.data.title : "Sharegg"), + void 0 === c.data("description") && c.data("description", void 0 !== b.data && b.data.description ? b.data.description : ""), + void 0 === c.data("image") && c.data("image", void 0 !== b.data && b.data.image ? b.data.image : ""), + k(a(".social-buttons--container ul"), b), j(c); + }); + }, a.fn.sharegg.defaults = { + apiUrl: "http://api.sharegg.org/", + buttons: { + buffer: { + show: !0, + count: !0 + }, + delicious: { + show: !0, + count: !0 + }, + digg: { + show: !0, + count: !0 + }, + facebook: { + show: !0, + count: !0 + }, + googleplus: { + show: !0, + count: !0 + }, + linkedin: { + show: !0, + count: !0 + }, + pinterest: { + show: !0, + count: !0 + }, + pocket: { + show: !0, + count: !0 + }, + reddit: { + show: !0, + count: !0 + }, + stumbleupon: { + show: !0, + count: !0 + }, + tumblr: { + show: !0, + count: !0 + }, + twitter: { + show: !0, + count: !0 + }, + vkontakte: { + show: !0, + count: !0 + } + } + }, window.sharegg = { + popup: i + }; +}(jQuery); \ No newline at end of file diff --git a/images/menu.svg b/images/menu.svg deleted file mode 100644 index ea0f79b..0000000 --- a/images/menu.svg +++ /dev/null @@ -1 +0,0 @@ -menu-burger 2Created with Sketch. \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index 9d109a1..0000000 --- a/index.html +++ /dev/null @@ -1,525 +0,0 @@ - - - - - - GridleCSS | Yet another Flexbox Grid - - - - - - - - -
    -
    -
    -
    -
    -

    GridleCSS/ɡrɪd.lɛx/

    -

    Yet Another Flex Grid framework!

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

    More demos on their way!

    -
    - -
    -
    Show Menu -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -

    The Grid

    -
    -
    -
    -
    auto-xs
    -
    auto-xscell-sm-3cell-md-7auto-lg
    -
    auto-xs
    -
    -
    -
    cell-xs-9cell-sm-7cell-md-5cell-lg-3
    -
    auto
    -
    -
    -
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos blanditiis odit et ratione, id laboriosam sapiente consequuntur laborum officia, impedit eligendi natus quisquam dolor in at aliquam, tempore maiores est.
    - -
    -
    -
    -
    -
    -
    -
    -

    Responsive

    -

    - Responsive modifiers enable specifing different column sizes, offsets - alignment and distribution at certain viewport widths. -

    -
    -
    -
    -
    cell-xs-5cell-sm-4cell-md-3cell-lg-2
    -
    cell-xs-2cell-sm-4cell-md-6cell-lg-8
    -
    cell-xs-5cell-sm-4cell-md-3cell-lg-2
    -
    -
    -
    cell-xs-3cell-sm-3cell-md-2cell-lg-2
    -
    cell-xs-9cell-sm-6cell-md-2cell-lg-2
    -
    cell-xscell-sm-3cell-md-8cell-lg
    -
    -
    -
    -
    -
    -
    -
    -

    Fluid

    -

    Percent based widths allow fluid resizing of columns and rows

    -
    -
    -
    -
    cell-12
    -
    -
    -
    cell-1
    -
    cell-11
    -
    -
    -
    cell-2
    -
    cell-10
    -
    -
    -
    cell-3
    -
    cell-9
    -
    -
    -
    cell-4
    -
    cell-8
    -
    -
    -
    cell-5
    -
    cell-7
    -
    -
    -
    cell-6
    -
    cell-6
    -
    -
    -
    -
    -
    -
    -
    -

    Offsets

    -
    -
    -
    -
    offset-11
    -
    -
    -
    offset-10
    -
    -
    -
    offset-9
    -
    -
    -
    offset-8
    -
    -
    -
    offset-7
    -
    -
    -
    offset-6
    -
    -
    -
    offset-5
    -
    -
    -
    offset-4
    -
    -
    -
    offset-3
    -
    -
    -
    offset-2
    -
    -
    -
    offset-1
    -
    -

    Offsets by viewport

    -
    -
    extra small, no offsetsmall screen offset 2medium screen offset 4large screen offset 6
    -
    -
    -
    -
    -
    -
    -
    -

    Gridcellceptional!

    -

    A cell, inside a row, inside a cell, inside a row.. ooh you get it!

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

    Auto Width

    -

    - Add any number of auto sizing cells to a row. Let the grid figure it - out -

    -
    -
    -
    -
    auto
    -
    auto
    -
    auto
    -
    auto
    -
    -
    -
    cell-xs-3
    -
    auto
    -
    cell-xs-2
    -
    auto
    -
    -
    -
    -

    - You can also specify on which viewport the grid should figure it - out whether or not it should apply it. -

    -
    -
    -
    -
    autocell-md-3
    -
    auto
    -
    autocell-md-2
    -
    auto
    -
    -
    -
    -
    -
    -
    -
    -

    Alignment

    -

    - This defines the alignment along the main axis. It helps distribute - extra free space left over when either all the flex items on a line - are inflexible, or are flexible but have reached their maximum size. -

    -
    -
    -
    -
    -
    -
    start
    -
    -
    -
    -
    -
    center
    -
    -
    -
    -
    -
    end
    -
    -
    -
    -
    -
    -

    - Similar to the above except you can specify the behaviour of how - flex-items are laid out along the cross axis, instead of main axix, - of the current line. -

    -
    -
    -
    -
    -
    -
    top
    -
    -
    -
    -
    -
    middle
    -
    -
    -
    -
    -
    bottom
    -
    -
    -
    -
    -
    stretch
    -
    -
    -
    -
    -
    baseline
    -
    baseline
    -
    baseline
    -
    -
    -
    -
    -
    -

    You an also specify on what viepoint the grid will apply to alignment

    -
    -
    -
    -
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, reprehenderit ipsum atque distinctio ad, nihil repudiandae ut omnis dignissimos suscipit non quos debitis inventore fuga alias. Quod ut nesciunt aut.
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    Distribution

    -

    Add classes to distribute the contents of a row or column

    -
    -
    -
    -
    between
    -
    between
    -
    between
    -
    between
    -
    between
    -
    -
    -
    around
    -
    around
    -
    around
    -
    -
    -
    around
    -
    around
    -
    around
    -
    -
    -
    around
    -
    around
    -
    around
    -
    -
    -
    around
    -
    around
    -
    around
    -
    -
    -
    around
    -
    around
    -
    around
    -
    -
    -
    between
    -
    between
    -
    between
    -
    between
    -
    between
    -
    -
    -
    -
    -
    -
    -
    -

    Reversing

    -

    -
    -
    -
    -
    1
    -
    2
    -
    3
    -
    4
    -
    5
    -
    6
    -
    7
    -
    8
    -
    9
    -
    10
    -
    11
    -
    12
    -
    -
    -
    -
    -
    -
    -
    -

    Reordering

    -

    Add classes to reorder columns.

    -
    -
    -
    -
    1
    -
    2
    -
    3
    -
    4
    -
    -
    -
    -
    -
    - - - - - - - diff --git a/js/main.min.js b/js/main.min.js deleted file mode 100644 index f071e68..0000000 --- a/js/main.min.js +++ /dev/null @@ -1 +0,0 @@ -$(document).ready(function(){$(".nav-menu .btn").on("click",function(a){a.preventDefault();var b=$(this).data("target");$("html, body").stop().animate({scrollTop:$(b).offset().top},1e3)}),$("#toggle-menu").on("click",function(a){a.preventDefault();var b=$(".nav-menu");$(b).toggleClass("open")}),$(".source").each(function(a,b){hljs.highlightBlock(b)}),$(".social-likes").socialLikes({url:"http://studio51.github.io/gridlecss",title:"GridleCSS, yet another flexbox grid!",counters:!0,singleTitle:"Spread the word, daug!"})}),function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a,b){"use strict";function c(a,b){this.container=a,this.options=b,this.init()}function d(b,c){this.widget=b,this.options=a.extend({},c),this.detectService(),this.service&&this.init()}function e(a){function b(a,b){return b.toUpper()}var c={},d=a.data();for(var e in d){var f=d[e];"yes"===f?f=!0:"no"===f&&(f=!1),c[e.replace(/-(\w)/g,b)]=f}return c}function f(a,b){return g(a,b,encodeURIComponent)}function g(a,b,c){return a.replace(/\{([^\}]+)\}/g,function(a,d){return d in b?c?c(b[d]):b[d]:a})}function h(a,b){var c=l+a;return c+" "+c+"_"+b}function i(b,c){function d(g){"keydown"===g.type&&27!==g.which||a(g.target).closest(b).length||(b.removeClass(m),e.off(f,d),a.isFunction(c)&&c())}var e=a(document),f="click touchstart keydown";e.on(f,d)}function j(a){var b=10;if(document.documentElement.getBoundingClientRect){var c=parseInt(a.css("left"),10),d=parseInt(a.css("top"),10),e=a[0].getBoundingClientRect();e.leftwindow.innerWidth-b&&a.css("left",window.innerWidth-e.right-b+c),e.topwindow.innerHeight-b&&a.css("top",window.innerHeight-e.bottom-b+d)}a.addClass(m)}var k="social-likes",l=k+"__",m=k+"_opened",n="https:"===location.protocol?"https:":"http:",o="https:"===n,p={facebook:{counterUrl:"https://graph.facebook.com/fql?q=SELECT+total_count+FROM+link_stat+WHERE+url%3D%22{url}%22&callback=?",convertNumber:function(a){return a.data[0].total_count},popupUrl:"https://www.facebook.com/sharer/sharer.php?u={url}",popupWidth:600,popupHeight:500},twitter:{counterUrl:"https://cdn.api.twitter.com/1/urls/count.json?url={url}&callback=?",convertNumber:function(a){return a.count},popupUrl:"https://twitter.com/intent/tweet?url={url}&text={title}",popupWidth:600,popupHeight:450,click:function(){return/[\.\?:\-–—]\s*$/.test(this.options.title)||(this.options.title+=":"),!0}},mailru:{counterUrl:n+"//connect.mail.ru/share_count?url_list={url}&callback=1&func=?",convertNumber:function(a){for(var b in a)if(a.hasOwnProperty(b))return a[b].shares},popupUrl:n+"//connect.mail.ru/share?share_url={url}&title={title}",popupWidth:550,popupHeight:360},vkontakte:{counterUrl:"https://vk.com/share.php?act=count&url={url}&index={index}",counter:function(b,c){var d=p.vkontakte;d._||(d._=[],window.VK||(window.VK={}),window.VK.Share={count:function(a,b){d._[a].resolve(b)}});var e=d._.length;d._.push(c),a.getScript(f(b,{index:e})).fail(c.reject)},popupUrl:n+"//vk.com/share.php?url={url}&title={title}",popupWidth:550,popupHeight:330},odnoklassniki:{counterUrl:o?b:"http://connect.ok.ru/dk?st.cmd=extLike&ref={url}&uid={index}",counter:function(b,c){var d=p.odnoklassniki;d._||(d._=[],window.ODKL||(window.ODKL={}),window.ODKL.updateCount=function(a,b){d._[a].resolve(b)});var e=d._.length;d._.push(c),a.getScript(f(b,{index:e})).fail(c.reject)},popupUrl:"http://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl={url}",popupWidth:550,popupHeight:360},plusone:{counterUrl:o?b:"http://share.yandex.ru/gpp.xml?url={url}",counter:function(b,c){var d=p.plusone;return d._?void c.reject():(window.services||(window.services={}),window.services.gplus={cb:function(a){"string"==typeof a&&(a=a.replace(/\D/g,"")),d._.resolve(parseInt(a,10))}},d._=c,void a.getScript(f(b)).fail(c.reject))},popupUrl:"https://plus.google.com/share?url={url}",popupWidth:700,popupHeight:500},pinterest:{counterUrl:n+"//api.pinterest.com/v1/urls/count.json?url={url}&callback=?",convertNumber:function(a){return a.count},popupUrl:n+"//pinterest.com/pin/create/button/?url={url}&description={title}",popupWidth:630,popupHeight:270}},q={promises:{},fetch:function(b,c,d){q.promises[b]||(q.promises[b]={});var e=q.promises[b];if(!d.forceUpdate&&e[c])return e[c];var g=a.extend({},p[b],d),h=a.Deferred(),i=g.counterUrl&&f(g.counterUrl,{url:c});return i&&a.isFunction(g.counter)?g.counter(i,h):g.counterUrl?a.getJSON(i).done(function(b){try{var c=b;a.isFunction(g.convertNumber)&&(c=g.convertNumber(b)),h.resolve(c)}catch(d){h.reject()}}).fail(h.reject):h.reject(),e[c]=h.promise(),e[c]}};a.fn.socialLikes=function(b){return this.each(function(){var d=a(this),f=d.data(k);f?a.isPlainObject(b)&&f.update(b):(f=new c(d,a.extend({},a.fn.socialLikes.defaults,b,e(d))),d.data(k,f))})},a.fn.socialLikes.defaults={url:window.location.href.replace(window.location.hash,""),title:document.title,counters:!0,zeroes:!1,wait:500,timeout:1e4,popupCheckInterval:500,singleTitle:"Share"},c.prototype={init:function(){this.container.addClass(k),this.single=this.container.hasClass(k+"_single"),this.initUserButtons(),this.countersLeft=0,this.number=0,this.container.on("counter."+k,a.proxy(this.updateCounter,this));var b=this.container.children();this.makeSingleButton(),this.buttons=[],b.each(a.proxy(function(b,c){var e=new d(a(c),this.options);this.buttons.push(e),e.options.counterUrl&&this.countersLeft++},this)),this.options.counters?(this.timer=setTimeout(a.proxy(this.appear,this),this.options.wait),this.timeout=setTimeout(a.proxy(this.ready,this,!0),this.options.timeout)):this.appear()},initUserButtons:function(){!this.userButtonInited&&window.socialLikesButtons&&a.extend(!0,p,socialLikesButtons),this.userButtonInited=!0},makeSingleButton:function(){if(this.single){var b=this.container;b.addClass(k+"_vertical"),b.wrap(a("
    ",{"class":k+"_single-w"})),b.wrapInner(a("
    ",{"class":k+"__single-container"}));var c=b.parent(),d=a("
    ",{"class":h("widget","single")}),e=a(g('
    {title}
    ',{buttonCls:h("button","single"),iconCls:h("icon","single"),title:this.options.singleTitle}));d.append(e),c.append(d),d.on("click",function(){var a=k+"__widget_active";return d.toggleClass(a),d.hasClass(a)?(b.css({left:-(b.width()-d.width())/2,top:-b.height()}),j(b),i(b,function(){d.removeClass(a)})):b.removeClass(m),!1}),this.widget=d}},update:function(b){if(b.forceUpdate||b.url!==this.options.url){this.number=0,this.countersLeft=this.buttons.length,this.widget&&this.widget.find("."+k+"__counter").remove(),a.extend(this.options,b);for(var c=0;c",{"class":h("counter","single")}),this.widget.append(b)),b}},d.prototype={init:function(){this.detectParams(),this.initHtml(),setTimeout(a.proxy(this.initCounter,this),0)},update:function(b){a.extend(this.options,{forceUpdate:!1},b),this.widget.find("."+k+"__counter").remove(),this.initCounter()},detectService:function(){var b=this.widget.data("service");if(!b){for(var c=this.widget[0],d=c.classList||c.className.split(" "),e=0;e",{"class":this.getElementClassNames("button"),text:c.text()});if(b.clickUrl){var g=f(b.clickUrl,{url:b.url,title:b.title}),h=a("",{href:g});this.cloneDataAttrs(c,h),c.replaceWith(h),this.widget=c=h}else c.on("click",a.proxy(this.click,this));c.removeClass(this.service),c.addClass(this.getElementClassNames("widget")),e.prepend(a("",{"class":this.getElementClassNames("icon")})),c.empty().append(e),this.button=e},initCounter:function(){if(this.options.counters)if(this.options.counterNumber)this.updateCounter(this.options.counterNumber);else{var b={counterUrl:this.options.counterUrl,forceUpdate:this.options.forceUpdate};q.fetch(this.service,this.options.url,b).always(a.proxy(this.updateCounter,this))}},cloneDataAttrs:function(a,b){var c=a.data();for(var d in c)c.hasOwnProperty(d)&&b.data(d,c[d])},getElementClassNames:function(a){return h(a,this.service)},updateCounter:function(b){b=parseInt(b,10)||0;var c={"class":this.getElementClassNames("counter"),text:b};b||this.options.zeroes||(c["class"]+=" "+k+"__counter_empty",c.text="");var d=a("",c);this.widget.append(d),this.widget.trigger("counter."+k,[this.service,b])},click:function(b){var c=this.options,d=!0;if(a.isFunction(c.click)&&(d=c.click.call(this,b)),d){var e=f(c.popupUrl,{url:c.url,title:c.title});e=this.addAdditionalParamsToUrl(e),this.openPopup(e,{width:c.popupWidth,height:c.popupHeight})}return!1},addAdditionalParamsToUrl:function(b){var c=a.param(a.extend(this.widget.data(),this.options.data));if(a.isEmptyObject(c))return b;var d=-1===b.indexOf("?")?"?":"&";return b+d+c},openPopup:function(b,c){var d=Math.round(screen.width/2-c.width/2),e=0;screen.height>c.height&&(e=Math.round(screen.height/3-c.height/2));var f=window.open(b,"sl_"+this.service,"left="+d+",top="+e+",width="+c.width+",height="+c.height+",personalbar=0,toolbar=0,scrollbars=1,resizable=1");if(f){f.focus(),this.widget.trigger("popup_opened."+k,[this.service,f]);var g=setInterval(a.proxy(function(){f.closed&&(clearInterval(g),this.widget.trigger("popup_closed."+k,this.service))},this),this.options.popupCheckInterval)}else location.href=b}},a(function(){a("."+k).socialLikes()})}); diff --git a/package.json b/package.json new file mode 100644 index 0000000..ded09e4 --- /dev/null +++ b/package.json @@ -0,0 +1,44 @@ +{ + "name": "GridleCSS-Theme", + "version": "1.0.0", + "description": "Yet another flexbox framework", + "repository": { + "type": "git", + "url": "https://github.com/studio51/gridlecss.git" + }, + "keywords": [ + "CSS", + "Grid", + "Flexbox", + "SASS", + "NPM" + ], + "author": "Vlad Radulescu", + "license": "MIT", + "bugs": { + "url": "https://github.com/studio51/gridlecss/issues" + }, + "homepage": "https://studio51.github.io/gridlecss", + "devDependencies": { + "autoprefixer-core": "^5.1.11", + "bower": "^1.4.1", + "bs-html-injector": "^2.0.4", + "cssnext": "^1.4.0", + "grunt": "^0.4.5", + "grunt-browser-sync": "^2.1.3", + "grunt-contrib-clean": "^0.6.0", + "grunt-contrib-cssmin": "^0.12.3", + "grunt-contrib-imagemin": "^0.9.4", + "grunt-contrib-uglify": "^0.9.1", + "grunt-contrib-watch": "^0.6.1", + "grunt-copy": "^0.1.0", + "grunt-cssbeautifier": "^0.1.2", + "grunt-cssnext": "^1.0.0", + "grunt-ftp-deploy": "^0.1.10", + "grunt-jade": "^0.5.1", + "grunt-postcss": "^0.4.0", + "grunt-sass": "^1.0.0", + "grunt-svgmin": "^2.0.1", + "matchdep": "^0.3.0" + } +} diff --git a/src/css/components/_buttons.scss b/src/css/components/_buttons.scss new file mode 100644 index 0000000..1b91f4a --- /dev/null +++ b/src/css/components/_buttons.scss @@ -0,0 +1,33 @@ +$buttons: green, blue, orange, yellow, red; +$color: $green, $blue, $orange, $yellow, $red; +$darker: $darkgreen, $darkblue, $darkorange, $darkyellow, $darkred; + +@mixin btn-shadow($color) { + box-shadow: 0 2px 0 rgba($color, .8); +} + +.btn { + border-radius: $theme-border--radius; + color: #fff; + display: inline-flex; + font-weight: 300; + line-height: $theme-spacing; + padding: ( $theme-spacing / 2 ) $theme-spacing; + + &--outline { + border: $theme-border--size solid $theme-border--color; + } + + @for $i from 1 through length($buttons) { + + &-#{ nth($buttons, $i )} { + background-color: saturate(nth($color, $i), 10%); + + @include btn-shadow(nth($darker, $i)); + + &:hover { + background-color: nth($color, $i); + } + } + } +} diff --git a/src/css/helpers/_animations.scss b/src/css/helpers/_animations.scss new file mode 100644 index 0000000..3f04042 --- /dev/null +++ b/src/css/helpers/_animations.scss @@ -0,0 +1,61 @@ +@keyframes rotate { + 0% { + background-position: 0% 18%; + } + + 50% { + background-position: 100% 83%; + } + + 100% { + background-position: 0% 18%; + } +} + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + transform: translate3d(0, 25px, 0); + } + + 75% { + transform: translate3d(0, -10px, 0); + } + + 90% { + transform: translate3d(0, 5px, 0); + } + + 100% { + transform: none; + } +} + +@keyframes bounce { + 0%, 20%, 40%, 60%, 80%, 100% { + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + transform: translate3d(0, 15px, 0); + } +} + +.bounce { + animation-name: bounce; +} + +@mixin animated($animation-duration, $animation-iteration) { + animation-duration: $animation-duration; + animation-iteration-count: $animation-iteration; + animation-fill-mode: both; +} diff --git a/src/css/helpers/_reset.scss b/src/css/helpers/_reset.scss new file mode 100644 index 0000000..3c582a4 --- /dev/null +++ b/src/css/helpers/_reset.scss @@ -0,0 +1,276 @@ +/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */ + +$root-box-sizing: border-box !default; +$root-cursor: default !default; +$root-font-family: sans-serif !default; +$root-font-size: 16px !default; +$root-line-height: 1.5 !default; +$root-text-rendering: optimizeLegibility !default; + +$html-background-color: #FFFFFF !default; +$anchor-text-decoration: none !default; +$form-element-background-color: transparent !default; +$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != '%', $root-line-height, null)) !default; +$media-element-vertical-align: middle !default; +$monospace-font-family: monospace !default; +$nav-list-style: none !default; +$selection-background-color: #B3D4FC !default; +$selection-text-shadow: none !default; +$small-font-size: 75% !default; +$table-border-collapse: collapse !default; +$table-border-spacing: 0 !default; +$textarea-resize: vertical !default; + +/* + * Normalization + */ + +/* + + [0] IE11+ + [1] All browsers without overlaying scrollbars + [2] iOS8+ + [3] Chrome 40+, iOS 8+, Safari 8+ + [4] Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+ + +*/ + +:root { + -ms-overflow-style: -ms-autohiding-scrollbar; /* [0] */ + overflow-y: scroll; /* [1] */ + text-size-adjust: 100%; /* [2] */ +} + +audio:not([controls]) { display: none; /* [3] */ } + +details, /* Android 4.3-, Internet Explorer 11+, Windows Phone 8.1+ */ +main, /* Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+ */ +summary /* */ { + // display: block; +} + +details { display: block; /* [4] */ } + +input { + &[type="number"] { + width: auto; // Firefox 36+ + } + + &[type="search"] { + -webkit-appearance: textfield; // Safari 8+ + + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; // Safari 8+ + } + } +} + +pre { + overflow: auto; // Internet Explorer 11+ +} + +progress { + display: inline-block; // Internet Explorer 11+, Windows Phone 8.1+ +} + +small { + font-size: $small-font-size; // All browsers +} + +template { + display: none; // Android 4.3-, Internet Explorer 11+, iOS 7-, Safari 7-, Windows Phone 8.1+ +} + +textarea { + overflow: auto; // Internet Explorer 11+ +} + +[hidden] { + display: none; // Internet Explorer 10- +} + +[unselectable] { + user-select: none; // Android 4.4+, Chrome 40+, Firefox 36+, iOS 8+, Safari 8+ +} + + + +/* + * Universal inheritance + */ + +*, +::before, +::after { + box-sizing: inherit; +} + +* { + // font-size: inherit; + line-height: inherit; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + + + +/* + * Opinionated defaults + */ + +// specify solid border style of all elements + +*, +::before, +::after { + border-style: solid; + border-width: 0; +} + +// remove margin and padding of all elements + +* { + margin: 0; + padding: 0; +} + +// specify the root styles of the document + +:root { + box-sizing: $root-box-sizing; + cursor: $root-cursor; + font: #{$root-font-size}/#{$root-line-height} $root-font-family; + text-rendering: $root-text-rendering; +} + +// specify the html background color + +html { + background-color: $html-background-color; +} + +// specify the text decoration of anchors + +a { + text-decoration: $anchor-text-decoration; +} + +// specify media element style + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: $media-element-vertical-align; +} + +// specify the background color of form elements + +button, +input, +select, +textarea { + background-color: $form-element-background-color; +} + +// specify inheritance of form elements + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; +} + +// specify the minimum height of form elements + +button, +input, +select, +textarea { + min-height: $form-element-min-height; +} + +// specify the font family of code elements + +code, +kbd, +pre, +samp { + font-family: $monospace-font-family, monospace; +} + +// specify the list style of nav lists + +nav ol, +nav ul { + list-style: $nav-list-style; +} + +// style select like a standard input + +select { + -moz-appearance: none; // Firefox 36+ + -webkit-appearance: none; // Chrome 41+ + + &::-ms-expand { + display: none; // Internet Explorer 11+ + } + + &::-ms-value { + color: currentColor; // Internet Explorer 11+ + } +} + +// specify the border styles of tables + +table { + border-collapse: $table-border-collapse; + border-spacing: $table-border-spacing; +} + +// specify textarea resizability + +textarea { + resize: $textarea-resize; +} + +// specify text selection background color and omit drop shadow + +::selection { + background-color: $selection-background-color; // required when declaring ::selection + text-shadow: $selection-text-shadow; +} + +// hide content from screens but not screenreaders + +@media screen { + [hidden~="screen"] { + display: inherit; + } + + [hidden~="screen"]:not(:active):not(:focus):not(:target) { + clip: rect(0 0 0 0) !important; + position: absolute !important; + } +} + +// a:not(.btn), +// li a { +// color: $blue; +// font-weight: 400; + +// &:hover { +// color: $darkblue; +// } +// } diff --git a/src/css/helpers/_variables.scss b/src/css/helpers/_variables.scss new file mode 100644 index 0000000..87f99da --- /dev/null +++ b/src/css/helpers/_variables.scss @@ -0,0 +1,39 @@ +$green: #A0D468; +$lightgreen: #D5E1A3; +$darkgreen: #8CC152; +$blue: #42A2DC; +$lightblue: #4FC1E9; +$darkblue: #10689A; +$red: #DA564A; +$lightred: #ED5565; +$darkred: #DA4453; +$yellow: #FFCE54; +$darkyellow: #FCBB42; +$orange: #FC6E51; +$darkorange: #E9573F; +$purple: #AC92EC; +$darkpurple: #967ADC; +$white: #FFFFFF; +$gray: #F0F0F0; +$lightgray: #E5E5E5; +$darkgray: #999999; +$black: #333333; + +$color-facebook: #3b5998; +$color-twitter: #55acee; +$color-googleplus: #dd4b39; +$color-reddit: #ff4500; +$color-digg: #000000; +$color-pinterest: #cc2127; + +$animation-duration: 3s; + +$theme-border--color: $darkgray; +$theme-border--radius: 2px; +$theme-border--size: 3px; + +$theme-background-color: $gray; +$theme-box-color: $white; +$theme-box-shadow-color: #555555; + +$theme-spacing: 16px; diff --git a/src/css/helpers/_visibility.scss b/src/css/helpers/_visibility.scss new file mode 100644 index 0000000..691c21e --- /dev/null +++ b/src/css/helpers/_visibility.scss @@ -0,0 +1,43 @@ +@include media('screen', 'xs') { + .visible-sm, + .visible-md, + .visible-lg { display: none !important; } + .visible-xs { + display: block !important; + } + + .hidden-xs { + display: none !important; + } +} + +@include media('screen', 'sm') { + .visible-xs, + .visible-md, + .visible-lg { display: none !important; } + .visible-sm { + display: block !important; + } + + .hidden-xs { + display: block!important; + } +} + +@include media('screen', 'md') { + .visible-xs, + .visible-sm, + .visible-lg { display: none !important; } + .visible-md { display: block !important; } + +} + +@include media('screen', 'lg') { + + .visible-xs, + .visible-sm, + .visible-md { display: none !important; } + .visible-lg { display: block !important; } + + +} diff --git a/src/css/main.scss b/src/css/main.scss new file mode 100644 index 0000000..85d4e8b --- /dev/null +++ b/src/css/main.scss @@ -0,0 +1,116 @@ +/* + + GridleCSS Theme v1.0.0 + + Author : Vlad Radulescu + Twitter : @pacMakaveli90 + Github : pacMakaveli90 + + Author URL : http://creative-studio51.co.uk/ + Project URL : https://github.com/studio51/gridlecss/tree/gh-pages + +*/ + +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700,200italic,400italic,700italic); + +// GridleCSS + +$grid-gutter: 2px !default; + +@import './bower_components/font-awesome/scss/font-awesome'; +@import './bower_components/gridlecss/grid/gridlecss'; + +// Variables + +@import 'helpers/variables'; + +// Helpers + +@import 'helpers/reset'; + +@import 'helpers/animations'; +@import 'helpers/visibility'; + +html, body { + height: 100%; +} + + body { + background-color: $theme-background-color; + font-family: 'Source Sans Pro', sans-serif; + font-size: 100%; + } + +// Components + +// @import 'components/buttons'; + +// Theme Partials + +@import 'partials/header'; +@import 'partials/navigation'; +@import 'partials/device'; + +@import 'partials/theme'; +// @import 'partials/footer'; + +// /* + +// Just for showcasing GridleCSS Alignments features + +// */ + +#grid-alignment.css { + + .demo-alignment .row { + height: 10em; + + span { + border-bottom: 1px dotted rgba($black, .4); + } + } + + .demo-baseline { + &-1 { + span { + font-size: 10em; + } + } + + &-2 { + span { + font-size: 15em; + } + } + } +} + +.text-center { + text-align: center; +} + + +.module-section { + +} + +.module-title { + font-family: 'Source Sans Pro', sans-serif; + font-weight: 400; +} + +.margin { + display: block; + width: 1px; + height: 1px; +} + +.mh16 { + margin-bottom: $theme-spacing; + margin-top: $theme-spacing; +} + +.mv16 { + margin-left: $theme-spacing; + margin-right: $theme-spacing; +} diff --git a/src/css/partials/_demos.scss b/src/css/partials/_demos.scss new file mode 100644 index 0000000..96c65ca --- /dev/null +++ b/src/css/partials/_demos.scss @@ -0,0 +1,74 @@ +.device { + &-demo { + &--content { + @extend .row; + + margin: 0; + width: 100%; + } + + &--side { + &-a, + &-b { + @extend .cell; + @extend .cell-xs-12; + @extend .cell-sm-6; + + @extend .align-center; + @extend .align-middle; + + margin: 0; + + .btn { + @include animated(15s, infinite); + @extend .bounce; + + border-radius: 100%; + color: #fff; + padding: 15px; + overflow: hidden; + text-align: center; + + .fa { + font-size: 2em; + position: relative; + width: 40px; + z-index: 1; + + &::after { + content: ""; + width: 74px; + height: 74px; + position: absolute; + top: 5px; + left: 10px; + z-index: -1; + } + } + } + + p { + color: #fff; + font-weight: 300; + margin-top: $theme-spacing * 2; + } + } + + &-a { + background-color: $yellow; + + .btn { + background-color: $darkyellow; + } + } + + &-b { + background-color: $purple; + + .btn { + background-color: $darkpurple; + } + } + } + } +} diff --git a/src/css/partials/_device.scss b/src/css/partials/_device.scss new file mode 100644 index 0000000..3ce952a --- /dev/null +++ b/src/css/partials/_device.scss @@ -0,0 +1,383 @@ +// .device { +// @extend .cell-xs; + +// position: relative; + +// &-frame { + +// &--outter { +// background-color: #fff; +// border: 2px solid rgba(#C9CDC0, 1); +// border-bottom: none; +// border-top-left-radius: 38px; +// border-top-right-radius: 38px; +// display: flex; +// flex: 1; +// flex-direction: column; +// padding-left: 10px; +// padding-right: 10px; + +// @include media("screen", "sm") { +// padding-left: 25px; +// padding-right: 25px; +// } + +// @include media("screen", "md") { +// background-color: #000; +// padding-left: 50px; +// padding-right: 50px; +// } + +// @include media("screen", "lg") { +// border: none; +// } +// } + +// &--inner { +// background-color: #fff; +// border: 1px solid rgba(#C9CDC0, 1); +// border-bottom: none; +// border-top-left-radius: 2px; +// border-top-right-radius: 2px; +// display: flex; +// flex: 1; +// height: 100%; +// overflow: auto; +// position: relative; + +// @include media("screen", "md") { +// border: none; +// border-top-left-radius: 0; +// border-top-right-radius: 0; +// } +// } +// } + +// &-camera { +// align-self: center; +// background-color: #C9CDC0; +// border-radius: 100%; +// height: 6px; +// margin-top: 1em; +// width: 6px; + +// @include media("screen", "sm") { +// display: none; +// } + +// @include media("screen", "md") { +// background-color: rgba($green, 1); +// display: block; +// margin-bottom: 1.5em; +// margin-top: 1.5em; +// } + +// @include media("screen", "lg") { +// margin-bottom: 2em; +// margin-top: 1em; +// } +// } + +// &-speaker { +// align-self: center; +// background-color: #C9CDC0; +// border-radius: 50px; +// height: 4px; +// margin-bottom: 2.5em; +// margin-top: 1em; +// position: relative; +// width: 45px; + +// @include media("screen", "sm") { +// height: 10px; +// margin-bottom: 2em; +// margin-top: 2em; +// width: 10px; +// } + +// @include media("screen", "md") { +// display: none; +// } + +// &:before { +// background: #C9CDC0; +// border-radius: 100%; +// content: ''; +// height: 10px; +// left: -25px; +// position: absolute; +// top: -3px; +// width: 10px; + +// @include media("screen", "sm") { +// height: 5px; +// width: 5px; +// top: 2.5px; +// left: -15px; +// } +// } +// } +// } + +.column { + + // display: flex; + // justify-content: flex-end; + // align-items: flex-end; + justify-content: flex-end; +} + +.pca-hold { + width: 100%; +} + +.pca-hold .pca-main { + display: block; + background-color: #e7e7e7; + position: relative; + height: 100%; +} + + +@include media("screen", "xs") { + .pca-hold .pca-main { + border: 15px solid #1d2d2d; + border-top: 115px solid #1d2d2d; + border-bottom: 118px solid #1d2d2d; + border-radius: 56.5px; + box-shadow: 0 0 0 5px #C6C7CA; + } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -65px; + left: 55%; + transform: translate(-50%,0); + width: 15px; + height: 15px; + background-color: #959595; + border-radius: 100%; + transform: translate(-90px,0); + } + .pca-hold .pca-main:before { + content: ""; + position: absolute; + top: -25px; + left: 55%; + opacity: 1; + width: 100px; + height: 5px; + transform: translate(-45px,-37.5px); + border-radius: 5px; + background-color: #959595; + } + .pca-hold .pca-inner { + display: block; + } + .pca-hold .pca-sub { + display: block; + text-align: center; + position: relative; + height: 0; + } + .pca-hold .pca-sub .pca-bot { + border-radius: 100%; + width: 70px; + height: 70px; + display: block; + margin: 0 auto; + background-color: transparent; + z-index: 2; + box-shadow: 0 0 0 5.5px #636670; + transform: translate(0,-94px); + } +} +@include media("screen", "sm") { + + .pca-hold .pca-main { + border: 35px solid #1d2d2d; + border-bottom: 50px solid #1d2d2d; + border-radius: 25px; + // height: 620px; + } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -12px; + left: 50%; + transform: translate(-50%,0); + width: 5.5px; + height: 5.5px; + background-color: #959595; + border-radius: 100%; + } + .pca-hold .pca-inner { + display: block; + } + .pca-hold .pca-sub { + display: block; + text-align: center; + position: relative; + height: 0; + } + .pca-hold .pca-sub .pca-bot { + border-radius: 100%; + width: 30px; + height: 30px; + display: block; + background-color: transparent; + z-index: 2; + margin: -10px auto 0 auto; + box-shadow: 0 0 0 1px rgba(255,255,255,0.6); + transform: translate(0,-100%); + } + +} + +@include media("screen", "md") { +.pca-hold { + // margin: 0 62.5px; + width: 70%; + margin: 0 auto; +} +.pca-hold .pca-main { + border: 15px solid #2d2d2d; + // height: 100%; + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} +.pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -12px; + left: 50%; + transform: translate(-50%,0); + width: 5px; + height: 5px; + background-color: #959595; + border-radius: 100%; +} +.pca-hold .pca-inner { + display: block; +} +.pca-hold .pca-sub { + display: block; + text-align: center; + position: relative; + height: 25px; +} +.pca-hold .pca-sub .pca-top { + position: absolute; + bottom: 0; + left: -62.5px; + display: block; + width: calc(100% + ( 62.5px * 2 )); + height: 25px; + border-bottom-left-radius: 55px; + border-bottom-right-radius: 55px; + background-color: #e8e8e8; + opacity: 1; + z-index: 2; +} +.pca-hold .pca-sub .pca-bot { + display: block; + width: 200px; + height: 15px; + position: absolute; + top: 0; + left: 50%; + background-color: #B1B1B1; + border-radius: 0 0 225px 225px; + opacity: 1; + z-index: 2; + transform: translate(-50%,0); +} + +} + +@include media("screen", "lg") { + .pca-hold { + width: 70%; + } + .pca-hold .pca-main { + background-color: #dcdcdc; + // height: 100%; + border: 18px solid #2d2d2d; + border-radius: 0; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } + .pca-hold .pca-main:after { + content: ''; + position: absolute; + top: -13.5px; + left: 50%; + transform: translate(-50%,0); + width: 9.5px; + height: 9.5px; + background-color: #959595; + border-radius: 100%; + } + .pca-hold .pca-main:before { + content: ''; + opacity: 0; + } + .pca-hold .pca-inner { + display: block; + } + .pca-hold .pca-sub { + display: block; + text-align: center; + } + .pca-hold .pca-sub .pca-top { + position: relative; + display: block; + width: 100%; + left: 0; + height: 40px; + background-color: #e8e8e8; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + opacity: 1; + z-index: 2; + } + .pca-hold .pca-sub .pca-top:after { + content: ''; + position: absolute; + width: 20px; + height: 20px; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAADAsLiYiIycjJColJysmKC0mKjMtLykkJiMfIJJeh/oAAAAJdFJOUwAq68uOQmUTrzcLkcAAAADuSURBVCjPbZI7DwFREIVn41mugkSn8NpuEwnZTqskRHQqiQ6JfkMhSruI829Z99rMNXOKW3yZx5mZS8RUOpNQKUok3CKVgcBdwANwE3ACjAWMlJKVABcJ0f0D9SlRjfab6S5n3gkY+jQPgPaO9QX65+xFx7IquNYsMFf4G4/pZYoWHBib7BVniW/8OCWfJrAccWj3VAw4bFmoGPqzHmqRPa3mQ+tuT+f6tOY/5+YaGdh0YKotBN1vgbILk+/xPRfefWXzN61TrAz6M0qR3DLRTGY7pvJsM2ky4B8kCw3QXlLjitRn3+64yEb2Foa9AZ6l7piHRtOVAAAAAElFTkSuQmCC); + background-size: cover; + } + .pca-hold .pca-sub .pca-mid { + display: block; + text-align: center; + height: 40px; + width: 100%; + position: relative; + z-index: 1; + } + .pca-hold .pca-sub .pca-mid .pca-part { + display: block; + margin: 0 auto; + border-bottom: 50px solid #cdcdcd; + border-left: 25px solid transparent; + border-right: 25px solid transparent; + height: 0; + width: 150px; + } + .pca-hold .pca-sub .pca-bot { + position: relative; + display: block; + width: 200px; + height: 15px; + margin: 0 auto; + background-color: #e8e8e8; + border-radius: 10px 10px 0 0; + opacity: 1; + z-index: 2; + } +} diff --git a/src/css/partials/_footer.scss b/src/css/partials/_footer.scss new file mode 100644 index 0000000..4db75cd --- /dev/null +++ b/src/css/partials/_footer.scss @@ -0,0 +1,53 @@ +.footer { + background-color: #fff; + color: $darkgray; + padding: ( $theme-spacing * 2 ) 0; + margin-top: $theme-spacing; + text-align: center; + + &-links { + display: flex; + flex: 1; + margin-left: -( $theme-spacing / 2 ); + margin-right: -( $theme-spacing / 2 ); + + li { + display: flex; + flex: 1 0 auto; + margin: 0 ( $theme-spacing / 2 ); + text-align: center; + + @include media("screen", "sm") { + flex: 0 1 auto; + margin-right: $theme-spacing * 2; + text-align: left; + } + + a { + padding: $theme-spacing 0; + width: 100%; + } + } + } + + hr { + border: $theme-border--size solid $gray; + margin-bottom: $theme-spacing * 2; + margin-top: $theme-spacing; + } + + p { + font-weight: 300; + margin-bottom: ( $theme-spacing / 3 ); + } + + span { + color: $red; + margin: 0 3px; + } + + @include media("screen", "sm") { + &-copyright { text-align: left; } + &-credits { text-align: right; } + } +} diff --git a/src/css/partials/_header.scss b/src/css/partials/_header.scss new file mode 100644 index 0000000..7d2ae64 --- /dev/null +++ b/src/css/partials/_header.scss @@ -0,0 +1,40 @@ +@mixin background-animation($color-list, $duration) { + + $size: 200 * length($color-list); + $size: unquote("#{ $size }%"); + + background: linear-gradient(105deg, $color-list); + background-size: $size $size; + animation: rotate #{ $duration }s ease infinite; +} + +.header { + @include background-animation( ($blue, $green, $yellow), 30 ); + + height: 100%; + overflow: hidden; + + .column { + height: 100%; + padding: $theme-spacing; + } + + .brand { + color: #fff; + font-size: 80%; + line-height: 1; + padding: $theme-spacing 0; + + @include media('screen', 'sm') { font-size: 100%; } + + &-name { + margin-bottom: $theme-spacing / 4; + + &--pronunciation { + font-size: .7em; + font-weight: 100; + margin-left: $theme-spacing / 2; + } + } + } +} diff --git a/src/css/partials/_navigation.scss b/src/css/partials/_navigation.scss new file mode 100644 index 0000000..9630001 --- /dev/null +++ b/src/css/partials/_navigation.scss @@ -0,0 +1,26 @@ +.nav-menu { + display: flex; +} + +.list-header { + display: flex; + padding: 16px 0 8px 0; + font-weight: 600; + color: #fff; + font-size: 1em; +} + +.list-item { + display: inline-flex; + + margin: 0 !important; + padding: 16px 32px; + background-color: #fff; + border-bottom: 1px solid #efefef; + font-size: .8em; + border-radius: 3px; +} + +.list-item:last-child { + border: none; +} diff --git a/src/css/partials/_social.scss b/src/css/partials/_social.scss new file mode 100644 index 0000000..14fd2d6 --- /dev/null +++ b/src/css/partials/_social.scss @@ -0,0 +1,104 @@ +.row--social { + background-color: #fff; + box-shadow: 0 0 30px 0 rgba($black, .4); + padding: $theme-spacing 0; + position: relative; + z-index: 1; + + @include media("screen", "md") { padding: ( $theme-spacing * 2 ) 0; } + + > .cell { + @extend .cell-align--center; + } + + &:before, + &:after { + background-color: #fff; + content: ''; + height: 100%; + position: absolute; + top: 0; + width: 100%; + } + + &:before { left: -100%; } + &:after { right: -100%; } + + ul { + @extend .row; + } +} + +.social { + + &-btn { + flex: 1; + margin-left: $theme-spacing / 2; + + .btn { + padding: 0; + width: 100%; + justify-content: center; + + /* TODO: Fix media queries to only apply to current viewport */ + + @include media("screen", "sm") { padding: 10px; } + @include media("screen", "lg") { padding: 0; } + + .fa { + align-self: center; + min-width: 40px; + text-align: center; + + &-googleplus:before { content: "\f0d5"; } + } + + $social-media-list: "facebook", "twitter", "googleplus", "pinterest", "reddit", "digg"; + $social-media-colors: $color-facebook, $color-twitter, $color-googleplus, $color-pinterest, $color-reddit, $color-digg; + + @for $i from 1 through length($social-media-list) { + + &--#{ nth($social-media-list, $i) } { + border-color: nth($social-media-colors, $i); + + .social-counter { background-color: nth($social-media-colors, $i); } + .fa { color: nth($social-media-colors, $i); } + + &:hover { + + .social-counter { + &:before { border-right-color: nth($social-media-colors, $i); } + } + } + } + } + } + } + + &-counter { + border-radius: 100%; + flex: 1; + font-size: .5em; + justify-content: center; + margin: $theme-spacing / 2; + padding: 3px 0; + position: relative; + text-align: center; + + /* TODO: Fix media queries to only apply to current viewport */ + + @include media("screen", "sm") { display: none; } + @include media("screen", "lg") { display: flex; } + + &:before { + border-bottom: 5px dashed transparent; + border-left: 5px dashed transparent; + border-right: 5px dashed transparent; + border-top: 5px dashed transparent; + content: ''; + left: -8px; + position: absolute; + top: 5px; + } + } +} diff --git a/src/css/partials/_theme.scss b/src/css/partials/_theme.scss new file mode 100644 index 0000000..ded2d5b --- /dev/null +++ b/src/css/partials/_theme.scss @@ -0,0 +1,71 @@ +.main .cell:not(.unstyled) { + background-color: rgba($darkgray, .1); + font-size: 80%; + margin-top: 1px; + margin-bottom: 1px; + padding: $theme-spacing / 2; +} + +.cells-container { + padding: $theme-spacing / 2; + background-color: rgba($darkgray, .1); + border-radius: $theme-border--size; +} + +.module { + $module-box-shadow--size: 25px; + + &-content { + background-color: #fff; + padding: $theme-spacing * 2; + border-left: 1px solid rgba($darkgray, .15); + border-right: 1px solid rgba($darkgray, .15); + border-radius: $theme-border--size; + box-shadow: 0 $module-box-shadow--size 0 0 #fff, + 0 ( -$module-box-shadow--size ) 0 0 #fff, + 0 0 ( $module-box-shadow--size * 2 ) 0 rgba($darkgray, .1); + margin-bottom: $theme-spacing; + } + + &-section { + } + + &-title { + margin-bottom: $theme-spacing; + font-weight: 300 !important; + } + + &-description { + background-color: rgba($lightblue, 0.05); + border-radius: $theme-border--size; + border-left: $theme-border--size solid rgba($lightblue, 0.5); + color: #666; + font-size: 90%; + font-weight: 200; + line-height: 1.3; + margin-bottom: $theme-spacing; + padding: $theme-spacing; + + &::before { + border: $theme-border--size solid rgba($lightblue, 0.5); + border-radius: 100%; + color: rgba($lightblue, 0.5); + content: '\f129'; + display: inline-block; + font-family: 'FontAwesome'; + font-size: 80%; + margin-right: $theme-spacing / 2; + padding: ( $theme-spacing / 4 ) ( $theme-spacing / 2 + 2px ); + } + } +} + +.demo { + + &-alignment { + + &-cross { + height: 150px; + } + } +} diff --git a/src/dictionary.jade b/src/dictionary.jade new file mode 100644 index 0000000..9116cc9 --- /dev/null +++ b/src/dictionary.jade @@ -0,0 +1,53 @@ +- var name = 'GridleCSS' +- var description = 'Yet another flex grid framework!' +- var version = '1.0.rc1' + +- var basic = 'GridleCSS' +- var basic_description = 'GridleCSS in all it\'s glory! Flexible cells, viewport specific rules and more..' + +- var responsive = 'Responsive' +- var responsive_description = 'Responsive modifiers enable specifing different column sizes, offsets alignment and distribution at certain viewport widths.' + +- var fluid = 'Fluid Layout' +- var fluid_description = 'Percent based widths allow fluid resizing of columns and rows' + +- var offset = 'Offsets' +- var offset_description = '' +- var offset_viewport = 'Offsets by viewport' +- var offset_viewport_description = 'You can also specify on which viewport the offset should apply' + +- var nested = 'Gridcellceptional!' +- var nested_description = 'A cell, inside a row, inside a cell, inside a row.. oh you get it!' + +- var auto = 'Auto GridleCSS' +- var auto_additional = 'Auto Width' +- var auto_additional_two = 'Auto Width on Viewport' +- var auto_description = '' +- var auto_additional_description = 'Add any number of auto sizing cells to a row. Let the grid figure it out' +- var auto_additional_two_description = 'You can also specify on which viewport the grid should figure it out whether or not it should apply it.' + +- var alignment = 'Alignments' +- var alignment_description = '' +- var alignment_additional = 'Alignments on Parent elements' +- var alignment_additional_description = 'This defines the alignment along the main axis. It helps distribute extra free space left over when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size.' +- var alignment_additional_two = '' +- var alignment_additional_two_description = 'Similar to the above except you can specify the behaviour of how flex-items are laid out along the cross axis, instead of main axis, of the current line.' +- var alignment_additional_three = 'Alignments on Child elements' +- var alignment_additional_three_description = 'This property will allow the default alignment, or the one specified on the parent to be overridden for indvidual flex items' +- var alignment_additional_four = 'Alignment by Viewport' +- var alignment_additional_four_description = 'You can also specify what alignment rule should be considered depending on the viewport by adding the viewport class' + +- var distribution = 'Distribution' +- var distribution_description = '' +- var distribution_between = '' +- var distribution_between_description = 'Flex items are displayed with equal spacing between them, first and last flex items are aligned to the edges of the flex container' +- var distribution_around = '' +- var distribution_around_description = 'Flex items are displayed with equal spacing around every flex item, even the first and the last flex items' +- var distribution_viewport = 'Distribution by Viewport' +- var distribution_viewport_description = 'You can also specify what distribution rule should be considered depending on the viewport by adding the viewport class' + +- var reversed = 'Reversing' +- var reversed_description = 'Add classes to reverse cells direction' + +- var reordered = 'Reordering' +- var reordered_description = 'Add classes to reorder cells' diff --git a/src/index.jade b/src/index.jade new file mode 100644 index 0000000..3e66c5f --- /dev/null +++ b/src/index.jade @@ -0,0 +1,88 @@ +!!! 5 + +include dictionary + +html(lang="en") + head + + meta(charset='utf-8') + meta(http-equiv='X-UA-Compatible', content='IE=edge') + + title #{ name } | #{ description } + + meta(name='description', content='A simple to use 12/24 columns Grid created with CSS Flex in SASS. Crafted with love by Vlad Radulescu @ Studio51') + meta(name='viewport', content='width=device-width, initial-scale=1') + + link(rel='stylesheet', href='css/main.min.css') + + body.body + + header.header + + .grid + .row + .cell.cell-xs-10 + + .brand + h1.brand-name #{ name } + span.brand-name--pronunciation /ɡrɪd.lɛx/ + + p.brand-motto #{ description } + + .cell.cell-xs-2 + + .social-buttons--container + ul.social-buttons + + .row.column + .cell + + .pca-hold + .pca-main + .pca-inner + + include templates/device-content.jade + + .pca-sub + .pca-top + .pca-mid + .pca-part + + .pca-bot + + main.main + .grid + + include templates/module-grid.jade + include templates/module-offsets.jade + include templates/module-alignment.jade + include templates/module-distribution.jade + + footer.footer + + .grid + .row + .cell.cell-xs-12.cell-sm-3 + + ul.list-unstyled.footer-links + li + a(href="//github.com/studio51/gridlecss/blob/master/DOCUMENTATION.md") Documentation + li + a(href="//github.com/studio51/gridlecss/blob/master/CHANGELOG.md") Changelog + li + a(href="//github.com/studio51/gridlecss/releases/tag/v#{version}") #{ name } v#{version} + + .cell.cell-xs.cell-sm + + .row + .cell + +

    Crafted with ♥ by Vlad Radulescu and maintained by Studio51 + + .cell + + p.footer-copyright + © #{ name } 2015 + + script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js') + script(src='js/main.min.js') diff --git a/src/js/main.js b/src/js/main.js new file mode 100644 index 0000000..58a1f99 --- /dev/null +++ b/src/js/main.js @@ -0,0 +1,72 @@ +$(document).ready(function() { + + + // var responsiveAnimationTransform = function() { + var macbook, ipad, iphone, imac; + var animTime = 1000; + + macbook = setTimeout(function() { + $('#animated .pca-anim-wrap').addClass('macbook'); + }, animTime * 1); + ipad = setTimeout(function() { + $('#animated .pca-anim-wrap').addClass('ipad'); + }, animTime * 2); + iphone = setTimeout(function() { + $('#animated .pca-anim-wrap').addClass('iphone'); + }, animTime * 3); + imac = setTimeout(function() { + $('#animated .pca-anim-wrap').removeClass('macbook ipad iphone'); + responsiveAnimationTransform(); + }, animTime * 4); + // }; + // responsiveAnimationTransform(); + + $('.nav-menu a.btn').on('click', function(e) { + e.preventDefault(); + var target = $(this).data('target'); + $('html, body').stop().animate({ + scrollTop: $(target).offset().top + }, 1000); + }); + + $('.show-css').on('click', function(e) { + e.preventDefault(); + + var target = $(this).attr('href'), + parent = $('section' + target); + + parent.toggleClass('css'); + }); + + $('.social-buttons--container ul').sharegg({ + data: { + url: 'http://studio51.github.io/gridlecss', + title: 'GridleCSS, yet another flexbox grid!' + }, + buttons: { + googleplus: { + show: true, + count: true + }, + twitter: { + show: true, + count: true + }, + digg: { + show: true, + count: true + } + } + }); + + /* open folding content */ + $('#toggle-menu').on('click', function(event){ + event.preventDefault(); + openItemInfo($(this).attr('href')); + var menu = $('.nav-menu'); + + $(menu).toggleClass('open'); + $(this).toggleClass('close'); + + }); +}); diff --git a/src/js/sharegg.js b/src/js/sharegg.js new file mode 100644 index 0000000..4053e72 --- /dev/null +++ b/src/js/sharegg.js @@ -0,0 +1,398 @@ +// Slightly modified to support custom Theme styles and use FontAwesome social +// icons instead of old pngs +// + +(function($) { + "use strict"; + var services = { + buffer: { + url: 'https://bufferapp.com/add?url={url}&title={description}&source=button', + supportCount: true, + screenSize: { + height: 350, + width: 800 + } + }, + delicious: { + url: 'http://www.delicious.com/save?v=5&noui&jump=close&url={url}&title={title}', + supportCount: false, + screenSize: { + height: 650, + width: 1024 + } + }, + digg: { + url: 'http://digg.com/submit?url={url}', + supportCount: false, + screenSize: { + height: 650, + width: 1024 + } + }, + facebook: { + url: 'https://www.facebook.com/sharer/sharer.php?u={url}&display=popup&ref=plugin', + supportCount: true, + screenSize: { + height: 306, + width: 650 + } + }, + googleplus: { + url: 'https://plus.google.com/share?url={url}', + supportCount: true, + screenSize: { + height: 620, + width: 620 + } + }, + linkedin: { + url: 'http://www.linkedin.com/shareArticle?url={url}&title={title}&summary={description}&source=sharegg', + supportCount: true, + screenSize: { + height: 650, + width: 1024 + } + }, + pinterest: { + url: 'https://pinterest.com/pin/create/bookmarklet/?url={url}&description={description}&media={image}', + supportCount: true, + screenSize: { + height: 650, + width: 1024 + } + }, + pocket: { + url: 'https://getpocket.com/save?url={url}&title={title}', + supportCount: false, + screenSize: { + height: 360, + width: 576 + } + }, + reddit: { + url: 'http://reddit.com/submit?url={url}&title={title}', + supportCount: true, + screenSize: { + height: 650, + width: 1024 + } + }, + stumbleupon: { + url: 'http://www.stumbleupon.com/badge/?url={url}', + supportCount: true, + screenSize: { + height: 602, + width: 480 + } + }, + tumblr: { + url: 'http://www.tumblr.com/share/link?url={url}&name={title}&description={description}', + //url: 'http://www.tumblr.com/share/quote?quote={description}&source={url}', + //url: 'http://www.tumblr.com/share/photo?source={image}&clickthru={url}&caption={description}', + //url: 'http://www.tumblr.com/share/video?embed={url}&caption={description}', + supportCount: false, + screenSize: { + height: 650, + width: 1024 + } + }, + twitter: { + url: 'https://twitter.com/share?url={url}&text={title}', + supportCount: true, + screenSize: { + height: 420, + width: 550 + } + }, + vkontakte: { + url: 'https://vk.com/share.php?url={url}', + supportCount: true, + screenSize: { + height: 445, + width: 642 + } + } + }, + locales = { + 'en_US': { + name: 'English (United States)', + alias: ['en', 'en-US'], + messages: { + buffer: { + title: 'Share on Buffer' + }, + delicious: { + title: 'Share on Delicious' + }, + digg: { + title: 'Share on Digg' + }, + facebook: { + title: 'Share on Facebook' + }, + googleplus: { + title: 'Share on Google Plus' + }, + linkedin: { + title: 'Share on Linkedin' + }, + pinterest: { + title: 'Share on Pinterest' + }, + pocket: { + title: 'Share on Pocket' + }, + reddit: { + title: 'Share on Reddit' + }, + stumbleupon: { + title: 'Share on StumbleUpon' + }, + tumblr: { + title: 'Share on Tumblr' + }, + twitter: { + title: 'Share on Twitter' + }, + vkontakte: { + title: 'Share on VK' + } + } + } + }; + + function fmt(str, args) { + var s = str.toString(); + Object.keys(args).forEach(function(k) { + var re = new RegExp('\\{' + k + '\\}', 'gm'); + s = s.replace(re, args[k]); + }); + return s; + } + + function slash(url) { + if (!(/\/$/.test(url))) { + return url + '/'; + } + return url; + } + + function getStats(serviceName, url, callback) { + $.ajax({ + url: slash($.fn.sharegg.defaults.apiUrl) + 'stats/' + serviceName + '?url=' + encodeURIComponent(url), + dataType: 'json', + type: 'GET' + }).complete(function(xhr) { + if (xhr.status === 200) { + callback(xhr.responseJSON); + } else { + callback(); + } + }); + } + + function getShareCount(serviceName, url, callback) { + getStats(serviceName, url, function(data) { + if (serviceName === 'reddit') { + callback(data ? data.score : 0); + } else if (serviceName === 'stumbleupon') { + callback(data ? data.views : 0); + } else if (serviceName === 'pocket' || serviceName === 'vkontakte') { + callback(data ? data.count : 0); + } else { + callback(data ? data.shares : 0); + } + }); + } + + function getService(serviceName) { + var s = services[serviceName]; + if (!s) { + throw new Error('Invalid service name: ' + serviceName); + } + return s; + } + + function serviceExists(serviceName) { + return services[serviceName] !== undefined; + } + + function getLocale(locale) { + var l = locales[locale]; + if (!l) { + l = locales.en_US; + console.warn('Invalid locale: ' + locale); + } + return l; + } + + function registerLocale(id, info) { + locales[id] = info; + } + + function popup(elem) { + var e = $(elem), + serviceName = e.data('service-name'), + service = getService(serviceName), + parent = e.closest('.sharegg-widget'), + url = encodeURIComponent(parent.data('url')), + title = encodeURIComponent(parent.data('title')), + description = encodeURIComponent(parent.data('description')), + image = encodeURIComponent(parent.data('image')); + var w = window.open(fmt(service.url, { + url: url, + title: title, + description: description, + image: image + }), 'sharegg', fmt('width={width}, height={height}, resizable=1, scrollbars=1, top=0, left=0', service.screenSize)); + // FIX-ME: Find a better way to do this. + var timer = setInterval(function() { + if (w.closed) { + clearInterval(timer); + getShareCount(serviceName, url, function(count) { + e.find('span').text(count); + }); + } + }, 600); + } + + function loadCount(elem) { + var buttons; + if (elem) { + buttons = elem.find('li.social-btn'); + } else { + buttons = $('li.social-btn'); + } + $.each(buttons, function() { + var e = $(this).find('a'); + getShareCount(e.data('service-name'), e.closest('.sharegg-widget').data('url'), function(count) { + e.find('span').text(count); + }); + }); + } + + function createShareButtons(elem, opt) { + opt = $.extend({}, $.fn.sharegg.defaults, opt); + $.each(opt.buttons, function(item) { + if (this.show === true) { + var serviceName = item.toString(); + if (!serviceExists(serviceName)) { + throw new Error('Invalid service name: ' + serviceName); + } + var title = getLocale('en_US').messages[serviceName].title; + /* jshint multistr: true */ + elem.append('

    '); + var icon = elem.find('.' + serviceName + '-btn'); + if (this.count === true) { + icon.parent().append(''); + } else { + icon.addClass('social-no-counter'); + } + } + }); + } + $.fn.sharegg = function() { + var opt; + if (arguments.length === 0) { + opt = $.fn.sharegg.defaults; + } else if (arguments.length === 1) { + if (typeof arguments[0] === 'string') { + if (arguments[0] === 'count') { + return this.each(function() { + loadCount($(this)); + }); + } + throw new Error('Invalid arguments value: ' + arguments[0]); + } + opt = arguments[0]; + } else { + throw new Error('Invalid number of arguments: ' + arguments.length); + } + return this.each(function() { + var e = $(this); + e.addClass('sharegg-widget'); + if (e.data('url') === undefined) { + e.data('url', (opt.data !== undefined && opt.data.url) ? opt.data.url : 'http://www.sharegg.org'); + } + if (e.data('title') === undefined) { + e.data('title', (opt.data !== undefined && opt.data.title) ? opt.data.title : 'Sharegg'); + } + if (e.data('description') === undefined) { + e.data('description', (opt.data !== undefined && opt.data.description) ? opt.data.description : ''); + } + if (e.data('image') === undefined) { + e.data('image', (opt.data !== undefined && opt.data.image) ? opt.data.image : ''); + } + createShareButtons($('.social-buttons--container ul'), opt); + loadCount(e); + }); + }; + $.fn.sharegg.defaults = { + apiUrl: 'http://api.sharegg.org/', + buttons: { + buffer: { + show: true, + count: true, + }, + delicious: { + show: true, + count: true, + }, + digg: { + show: true, + count: true, + }, + facebook: { + show: true, + count: true, + }, + googleplus: { + show: true, + count: true, + }, + linkedin: { + show: true, + count: true, + }, + pinterest: { + show: true, + count: true, + }, + pocket: { + show: true, + count: true, + }, + reddit: { + show: true, + count: true, + }, + stumbleupon: { + show: true, + count: true, + }, + tumblr: { + show: true, + count: true, + }, + twitter: { + show: true, + count: true, + }, + vkontakte: { + show: true, + count: true, + } + } + }; + window.sharegg = { + popup: popup + }; +}(jQuery)); diff --git a/src/templates/device-content.jade b/src/templates/device-content.jade new file mode 100644 index 0000000..45984d8 --- /dev/null +++ b/src/templates/device-content.jade @@ -0,0 +1,30 @@ +.grid + .row + .cell + + nav.nav-menu(role='navigation') + ul.list-unstyled + + - var nav_items = ['basic', 'responsive', 'fluid', 'offset', 'nested', 'auto', 'alignment', 'distribution', 'reversed', 'reordered'] + - var i = 1 + + each val in nav_items + + li(class="list-item animated-#{i++}") + a.btn.btn-sm.list-item-link(href="#", data-target="#grid-#{val}") #{val} + + .cell + + .device-demo--container + .device-demo--content.device-demo--side_a + a.btn.btn-round.btn-yellow(href="", title="Check out some Demos") + i.fa.fa-lightbulb-o + + p + | More demos will be made available soon. + + .device-demo--side.device-demo--side_b + a.btn.btn-round.btn-purple(href="https://github.com/studio51/gridlecss/archive/v#{version}.zip", title="GridleCSS v#{version}") + i.fa.fa-arrow-down + p + | Download GridleCSS v#{version} diff --git a/src/templates/module-alignment.jade b/src/templates/module-alignment.jade new file mode 100644 index 0000000..14a9326 --- /dev/null +++ b/src/templates/module-alignment.jade @@ -0,0 +1,62 @@ +.module + h1.module-title Module: Aligments + + section.module-content#grid-alignment + + .row + .cell.cell-md.unstyled + + .row + .cell.unstyled + + section.module-section + header + h3.module-title #{alignment_additional} + p.module-description #{alignment_additional_description} + + article + + include modules/alignment-main + + .margin.mh16 + + .cell.unstyled + + section.module-section + header + //- h3.module-title #{alignment_additional_two} + p.module-description #{alignment_additional_two_description} + + article + + include modules/alignment-cross + + .margin.mv16 + + .cell.cell-md.unstyled + + .row + .cell.unstyled + + section.module-section + header + h3.module-title #{alignment_additional_three} + p.module-description #{alignment_additional_three_description} + + article + + include modules/alignment-child + + .margin.mh16 + + .cell.unstyled + + section.module-section + header + h3.module-title #{alignment_additional_four} + p.module-description #{alignment_additional_four_description} + + article + + include modules/alignment-viewport + diff --git a/src/templates/module-distribution.jade b/src/templates/module-distribution.jade new file mode 100644 index 0000000..3efb0c4 --- /dev/null +++ b/src/templates/module-distribution.jade @@ -0,0 +1,43 @@ +.module + h1.module-title Module: Distribution + + section.module-content#grid-distribution + + .row + .cell.cell-sm.unstyled + + section.module-section + header + //- h3.module-title #{distribution_between} + p.module-description #{distribution_between_description} + + article + + include modules/distribution-between + + .margin.mv16 + + .cell.cell-sm.unstyled + + section.module-section + header + //- h3.module-title #{distribution_around} + p.module-description #{distribution_around_description} + + article + + include modules/distribution-around + + .margin.mh16 + + .row + .cell.unstyled + + section.module-section + header + h3.module-title #{distribution_viewport} + p.module-description #{distribution_viewport_description} + + article + + include modules/distribution-viewport diff --git a/src/templates/module-grid.jade b/src/templates/module-grid.jade new file mode 100644 index 0000000..eaea250 --- /dev/null +++ b/src/templates/module-grid.jade @@ -0,0 +1,126 @@ +.module + h1.module-title Module: The Grid + section.module-content + + .row + .cell.cell-sm.unstyled + + #grid-basic + + section.module-section + header + h3.module-title #{basic} + p.module-description #{basic_description} + + article + + include modules/grid-gridlecss.jade + + .margin.mh16 + + .row + .cell.cell-sm.unstyled + + #grid-responsive + + section.module-section + header + h3.module-title #{responsive} + p.module-description #{responsive_description} + + article + + include modules/grid-responsive.jade + + .margin.mh16 + + .row + .cell.cell-sm.unstyled + + #grid-fluid + + section.module-section + header + h3.module-title #{fluid} + p.module-description #{fluid_description} + + article + + include modules/grid-fluid.jade + + .margin.mh16 + + .row + .cell.cell-sm.unstyled + + #grid-reversed + + section.module-section + header + h3.module-title #{reversed} + p.module-description #{reversed_description} + + article + + include modules/grid-reversed.jade + + .margin.mv16 + + .cell.cell-sm-5.unstyled + + #grid-reordered + + section.module-section + header + h3.module-title #{reordered} + p.module-description #{reordered_description} + + article + + include modules/grid-reordered.jade + + .margin.mh16 + + .row + .cell.cell-sm.unstyled + + #grid-auto + + section.module-section + header + h3.module-title #{auto_additional} + p.module-description #{auto_additional_description} + + article + + include modules/grid-auto.jade + + .margin.mv16 + + .cell.cell-sm.unstyled + + section.module-section + header + h3.module-title #{auto_additional_two} + p.module-description #{auto_additional_two_description} + + article + + include modules/grid-auto-viewport.jade + + .margin.mh16 + + .row + .cell.cell-sm.unstyled + + #grid-nested + + section.module-section + + header + h2.module-title #{nested} + p.module-description #{nested_description} + + article + + include modules/grid-nested.jade diff --git a/src/templates/module-offsets.jade b/src/templates/module-offsets.jade new file mode 100644 index 0000000..c2e6a3f --- /dev/null +++ b/src/templates/module-offsets.jade @@ -0,0 +1,25 @@ +.module + h1.module-title Module: Offsets + + section.module-content#grid-offset + + .row + .cell.cell-sm.unstyled + + section.module-section + article + + include modules/offsets-offsets + + .margin.mv16 + + .cell.cell-sm-6.cell-md-5.unstyled + + section.module-section + header + h3.module-title #{offset_viewport} + p.module-description #{offset_viewport_description} + + article + + include modules/offsets-viewport diff --git a/src/templates/modules/alignment-child.jade b/src/templates/modules/alignment-child.jade new file mode 100644 index 0000000..de30bf2 --- /dev/null +++ b/src/templates/modules/alignment-child.jade @@ -0,0 +1,6 @@ +.cells-container.text-center + .row.demo-alignment-cross + .cell.cell-xs.cell-align--top cell-align--top + .cell.cell-xs.cell-align--middle cell-align--middle + .cell.cell-xs.cell-align--bottom cell-align--bottom + .cell.cell-xs.cell-align--stretch cell-align--stretch diff --git a/src/templates/modules/alignment-cross.jade b/src/templates/modules/alignment-cross.jade new file mode 100644 index 0000000..720ab25 --- /dev/null +++ b/src/templates/modules/alignment-cross.jade @@ -0,0 +1,48 @@ +.cells-container.text-center + .row + .cell.cell-xs.unstyled + .row.demo-alignment-cross + .cell align-stretch + + .cell.cell-xs.unstyled + .row.align-top.demo-alignment-cross + .cell .align-top + + .cell.cell-xs.unstyled + .row.align-middle.demo-alignment-cross + .cell align-middle + + .cell.cell-xs.unstyled + .row.align-bottom.demo-alignment-cross + .cell align-bottom + + .row + .cell.unstyled + .row.demo-alignment-baseline + .cell.cell-xs.demo-alignment-baseline-1 + span baseline + .cell.cell-xs.demo-alignment-baseline-2 + span baseline + .cell.cell-xs + span baseline + + .row + .cell.unstyled + .row.align-sm-top.align-md-middle.align-lg-bottom + .cell.cell-xs + | Lorem ipsum dolor sit amet, consectetur adipisicing elit. + | Saepe, reprehenderit ipsum atque distinctio ad, nihil + | repudiandae ut omnis dignissimos suscipit non quos debitis + | inventore fuga alias. Quod ut nesciunt aut. + + .cell.cell-xs-3 + .visible-xs stretch + .visible-sm align-sm-top + .visible-md align-md-middle + .visible-lg align-lg-bottom + + .cell.cell-xs-3 + .visible-xs stretch + .visible-sm align-sm-top + .visible-md align-md-middle + .visible-lg align-lg-bottom diff --git a/src/templates/modules/alignment-main.jade b/src/templates/modules/alignment-main.jade new file mode 100644 index 0000000..219ebbc --- /dev/null +++ b/src/templates/modules/alignment-main.jade @@ -0,0 +1,13 @@ +.cells-container.text-center + .row + .cell.cell-xs.unstyled + .row.align-left + .cell.cell-xs-7 align-left + + .cell.cell-xs.unstyled + .row.align-center + .cell.cell-xs-7 align-center + + .cell.cell-xs.unstyled + .row.align-right + .cell.cell-xs-7 align-right diff --git a/src/templates/modules/alignment-viewport.jade b/src/templates/modules/alignment-viewport.jade new file mode 100644 index 0000000..a551e02 --- /dev/null +++ b/src/templates/modules/alignment-viewport.jade @@ -0,0 +1,25 @@ +.cells-container.text-center + .row.demo-alignment-cross + .cell.cell-xs.cell-xs-align--stretch.cell-sm-align--middle.cell-md-align--stretch.cell-lg-align--top + .visible-xs cell-xs-align--stretch + .visible-sm cell-sm-align--middle + .visible-md cell-md-align--stretch + .visible-lg cell-lg-align--top + + .cell.cell-xs.cell-xs-align--stretch.cell-sm-align--middle.cell-md-align--bottom.cell-lg-align--middle + .visible-xs cell-xs-align--stretch + .visible-sm cell-sm-align--middle + .visible-md cell-md-align--bottom + .visible-lg cell-lg-align--middle + + .cell.cell-xs.cell-xs-align--stretch.cell-sm-align--middle.cell-md-align--middle.cell-lg-align--bottom + .visible-xs cell-xs-align--stretch + .visible-sm cell-sm-align--middle + .visible-md cell-md-align--middle + .visible-lg cell-lg-align--bottom + + .cell.cell-xs.cell-xs-align--stretch.cell-sm-align--middle.cell-md-align--top.cell-lg-align--stretch + .visible-xs cell-xs-align--stretch + .visible-sm cell-sm-align--middle + .visible-md cell-md-align--top + .visible-lg cell-lg-align--stretch diff --git a/src/templates/modules/distribution-around.jade b/src/templates/modules/distribution-around.jade new file mode 100644 index 0000000..d8c264d --- /dev/null +++ b/src/templates/modules/distribution-around.jade @@ -0,0 +1,5 @@ +.cells-container.text-center + .row.distribute-around + .cell.cell-xs-3 distribute-around + .cell.cell-xs-3 distribute-around + .cell.cell-xs-3 distribute-around diff --git a/src/templates/modules/distribution-between.jade b/src/templates/modules/distribution-between.jade new file mode 100644 index 0000000..be18dfd --- /dev/null +++ b/src/templates/modules/distribution-between.jade @@ -0,0 +1,5 @@ +.cells-container.text-center + .row.distribute-between + .cell.cell-xs-3 distribute-between + .cell.cell-xs-3 distribute-between + .cell.cell-xs-3 distribute-between diff --git a/src/templates/modules/distribution-viewport.jade b/src/templates/modules/distribution-viewport.jade new file mode 100644 index 0000000..fd655a6 --- /dev/null +++ b/src/templates/modules/distribution-viewport.jade @@ -0,0 +1,19 @@ +.cells-container.text-center + .row.distribute-around.distribute-sm-between.distribute-md-around.distribute-lg-between + .cell.cell-xs-3 + .visible-xs distribute-xs-around + .visible-sm distribute-sm-between + .visible-md distribute-md-around + .visible-lg distribute-lg-between + + .cell.cell-xs-3 + .visible-xs distribute-xs-around + .visible-sm distribute-sm-between + .visible-md distribute-md-around + .visible-lg distribute-lg-between + + .cell.cell-xs-3 + .visible-xs distribute-xs-around + .visible-sm distribute-sm-between + .visible-md distribute-md-around + .visible-lg distribute-lg-between diff --git a/src/templates/modules/grid-auto-viewport.jade b/src/templates/modules/grid-auto-viewport.jade new file mode 100644 index 0000000..8d457c4 --- /dev/null +++ b/src/templates/modules/grid-auto-viewport.jade @@ -0,0 +1,25 @@ +.cells-container + .row + .cell.cell-sm.cell-md-3.cell-lg + span.visible-xs full-xs + span.visible-sm auto-sm + span.visible-md cell-md-3 + span.visible-lg auto-lg + + .cell.cell-sm.cell-md.cell-lg + span.visible-xs full-xs + span.visible-sm auto-sm + span.visible-md auto-md + span.visible-lg auto-lg + + .cell.cell-sm.cell-md-2.cell-lg + span.visible-xs full-xs + span.visible-sm auto-sm + span.visible-md cell-md-2 + span.visible-lg auto-lg + + .cell.cell-sm.cell-md.cell-lg + span.visible-xs full-xs + span.visible-sm auto-sm + span.visible-md auto-md + span.visible-lg auto-lg diff --git a/src/templates/modules/grid-auto.jade b/src/templates/modules/grid-auto.jade new file mode 100644 index 0000000..6069b45 --- /dev/null +++ b/src/templates/modules/grid-auto.jade @@ -0,0 +1,12 @@ +.cells-container + .row + + - for( var i = 0; i < 4; ++i ) + + .cell.cell-xs auto + + .row + .cell.cell-xs-3 cell-xs-3 + .cell.cell-xs auto + .cell.cell-xs-2 cell-xs-2 + .cell.cell-xs auto diff --git a/src/templates/modules/grid-fluid.jade b/src/templates/modules/grid-fluid.jade new file mode 100644 index 0000000..f7afa0b --- /dev/null +++ b/src/templates/modules/grid-fluid.jade @@ -0,0 +1,27 @@ +.cells-container + .row + .cell.cell-lg auto-xs + + .row + .cell.cell-xs-1 cell-xs-1 + .cell.cell-xs-11 cell-xs-11 + + .row + .cell.cell-xs-2 cell-xs-2 + .cell.cell-xs-10 cell-xs-10 + + .row + .cell.cell-xs-3 cell-xs-3 + .cell.cell-xs-9 cell-xs-9 + + .row + .cell.cell-xs-4 cell-xs-4 + .cell.cell-xs-8 cell-xs-8 + + .row + .cell.cell-xs-5 cell-xs-5 + .cell.cell-xs-7 cell-xs-7 + + .row + .cell.cell-xs-6 cell-xs-6 + .cell.cell-xs-6 cell-xs-6 diff --git a/src/templates/modules/grid-gridlecss.jade b/src/templates/modules/grid-gridlecss.jade new file mode 100644 index 0000000..62910ab --- /dev/null +++ b/src/templates/modules/grid-gridlecss.jade @@ -0,0 +1,52 @@ +.cells-container + .row + .cell.cell-xs auto-xs + .cell.cell-xs.cell-sm-3.cell-md-7.cell-lg + span.visible-xs auto-xs + span.visible-sm cell-sm-3 + span.visible-md cell-md-7 + span.visible-lg auto-lg + + .cell.cell-xs auto-xs + + .row + .cell.cell-xs-9.cell-sm-7.cell-md-5.cell-lg-3 + span.visible-xs cell-xs-9 + span.visible-sm cell-sm-7 + span.visible-md cell-md-5 + span.visible-lg cell-lg-3 + + .cell.cell-xs auto + + .row + .cell.cell-xs + | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos + | blanditiis odit et ratione, id laboriosam sapiente consequuntur + | laborum officia, impedit eligendi natus quisquam dolor in at + | aliquam, tempore maiores est. + + .cell.cell-sm-10 + .row + .cell.cell-xs xs-auto + .cell.cell-xs-3 cell-xs-3 + .cell.cell-xs xs-auto + .cell.cell-xs-1 cel-xs-1 + + .row + .cell.cell-xs-4 cell-xs-4 + .cell.cell-xs-3 cell-xs-3 + .cell.cell-xs-4 cell-xs-4 + .cell.cell-xs-1 cell-xs-1 + + .row + + - for( var i = 0; i < 6; ++i ) + .cell.cell-xs-2 cell-xs-2 + + .row + + - for( var i = 0; i < 12; ++i ) + .cell.cell-xs-1 cell-xs-1 + + .row + .cell.cell-xs-12 cell-xs-12 diff --git a/src/templates/modules/grid-nested.jade b/src/templates/modules/grid-nested.jade new file mode 100644 index 0000000..1244f4b --- /dev/null +++ b/src/templates/modules/grid-nested.jade @@ -0,0 +1,26 @@ +.cells-container + .row + .cell.cell-sm + + .row + .cell + + .row + + - for( var na = 0; na < 4; na++ ) + + .cell.cell-xs + .row + + - for( var nb = 0; nb < 3; nb++ ) + + .cell.cell-xs + + .cell.cell-sm + + .row + .cell + .row + .cell + .row + .cell diff --git a/src/templates/modules/grid-reordered.jade b/src/templates/modules/grid-reordered.jade new file mode 100644 index 0000000..793ce4b --- /dev/null +++ b/src/templates/modules/grid-reordered.jade @@ -0,0 +1,7 @@ +.cells-container + .row + .cell.cell-xs.cell-order--last 1 + .cell.cell-xs 2 + .cell.cell-xs.cell-order--first 3 + .cell.cell-xs 4 + .cell.cell-xs 5 diff --git a/src/templates/modules/grid-responsive.jade b/src/templates/modules/grid-responsive.jade new file mode 100644 index 0000000..db1be66 --- /dev/null +++ b/src/templates/modules/grid-responsive.jade @@ -0,0 +1,38 @@ +.cells-container + .row + .cell.cell-xs-5.cell-sm-4.cell-md-3.cell-lg-2 + span.visible-xs cell-xs-5 + span.visible-sm cell-sm-4 + span.visible-md cell-md-3 + span.visible-lg cell-lg-2 + + .cell.cell-xs-2.cell-sm-4.cell-md-6.cell-lg-8 + span.visible-xs cell-xs-2 + span.visible-sm cell-sm-4 + span.visible-md cell-md-6 + span.visible-lg cell-lg-8 + + .cell.cell-xs-5.cell-sm-4.cell-md-3.cell-lg-2 + span.visible-xs cell-xs-5 + span.visible-sm cell-sm-4 + span.visible-md cell-md-3 + span.visible-lg cell-lg-2 + + .row + .cell.cell-xs-3.cell-sm-3.cell-md-2.cell-lg-2 + span.visible-xs cell-xs-3 + span.visible-sm cell-sm-3 + span.visible-md cell-md-2 + span.visible-lg cell-lg-2 + + .cell.cell-xs-9.cell-sm-6.cell-md-2.cell-lg-2 + span.visible-xs cell-xs-9 + span.visible-sm cell-sm-6 + span.visible-md cell-md-2 + span.visible-lg cell-lg-2 + + .cell.cell-xs.cell-sm-3.cell-md-8.cell-lg + span.visible-xs cell-xs + span.visible-sm cell-sm-3 + span.visible-md cell-md-8 + span.visible-lg cell-lg diff --git a/src/templates/modules/grid-reversed.jade b/src/templates/modules/grid-reversed.jade new file mode 100644 index 0000000..7443cb8 --- /dev/null +++ b/src/templates/modules/grid-reversed.jade @@ -0,0 +1,6 @@ +.cells-container + .row.row--reverse + + - for( var i = 1; i < 13; ++i ) + + .cell.cell-xs #{i} diff --git a/src/templates/modules/offsets-offsets.jade b/src/templates/modules/offsets-offsets.jade new file mode 100644 index 0000000..d90e660 --- /dev/null +++ b/src/templates/modules/offsets-offsets.jade @@ -0,0 +1,10 @@ +.cells-container + + - for( var i = 1; i < 12; ++i ) + - var offset = (i - 12) + + .row + div(class="cell cell-xs-offset#{offset} cell-xs-#{i}") offset#{offset} + + .row + .cell.cell-xs-12 no-offset diff --git a/src/templates/modules/offsets-viewport.jade b/src/templates/modules/offsets-viewport.jade new file mode 100644 index 0000000..a5e4114 --- /dev/null +++ b/src/templates/modules/offsets-viewport.jade @@ -0,0 +1,28 @@ +.cells-container.text-center + .row + .cell.cell-xs-3.cell-sm-offset-9.cell-md-4.cell-md-offset-4.cell-lg-2.cell-lg-offset-4 + span.visible-xs xs, cell-xs-3 + span.visible-sm sm, cell-xs-3 cell-sm-offset-9 + span.visible-md md, cell-md-4 cell-md-offset-4 + span.visible-lg lg, cell-lg-2 cell-lg-offset-4 + + .row + .cell.cell-xs-3.cell-xs-offset-3.cell-sm-offset-6.cell-md-4.cell-md-offset-4.cell-lg-2.cell-lg-offset-5 + span.visible-xs xs, cell-xs-3 cell-xs-offset-3 + span.visible-sm sm, cell-xs-3 cell-sm-offset-6 + span.visible-md md, cell-md-4 cell-md-offset-4 + span.visible-lg lg, cell-lg-2 cell-lg-offset-5 + + .row + .cell.cell-xs-3.cell-xs-offset-6.cell-sm-offset-3.cell-md-4.cell-md-offset-4.cell-lg-2.cell-lg-offset-6 + span.visible-xs xs, cell-xs-3 cell-xs-offset-6 + span.visible-sm sm, cell-xs-3 cell-sm-offset-3 + span.visible-md md, cell-md-4 cell-md-offset-4 + span.visible-lg lg, cell-lg-2 cell-lg-offset-6 + + .row + .cell.cell-xs-3.cell-xs-offset-9.cell-sm-offset.cell-md-4.cell-md-offset-4.cell-lg-2.cell-lg-offset-7 + span.visible-xs xs, cell-xs-3 cell-xs-offset-9 + span.visible-sm sm, cell-xs-3 cell-sm-offset + span.visible-md md, cell-md-4 cell-md-offset-4 + span.visible-lg lg, cell-lg-2 cell-lg-offset-7