diff --git a/.bowerrc b/.bowerrc deleted file mode 100644 index 1f98498..0000000 --- a/.bowerrc +++ /dev/null @@ -1,5 +0,0 @@ -{ - "directory": "vendor", - "json": "bower.json" -} - diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 7d3f714..0000000 --- a/.editorconfig +++ /dev/null @@ -1,22 +0,0 @@ -# This file is for unifying the coding style for different editors and IDEs. -# More information at http://EditorConfig.org - -# No .editorconfig files above the root directory -root = true - -[*] -indent_style = space -end_of_line = lf -charset = utf-8 -trim_trailing_whitespace = true -insert_final_newline = true - -# Use 2 spaces for indentation in HTML, JavaScript, Ruby, SCSS, and XML - -[*.{html,js,rb,css,scss,xml}] -indent_size = 2 - -# Use 4 spaces for indentation in Markdown files - -[*.md] -indent_size = 2 \ No newline at end of file diff --git a/.eslintrc b/.eslintrc deleted file mode 100644 index b85482e..0000000 --- a/.eslintrc +++ /dev/null @@ -1,129 +0,0 @@ -{ - "plugins": ["angular"], - - "env": { - "browser": true, - "node": true, - "amd" : true, - "mocha" : true, - "jasmine" : true, - "phantomjs" : true, - "jquery" : true - }, - - "rules": { - "strict": 0, - "no-alert": 2, - "no-caller": 2, - "no-bitwise": 0, - "no-console": 2, - "no-debugger": 1, - "no-empty": 1, - "no-eval": 2, - "no-ex-assign": 1, - "no-floating-decimal": 0, - "no-implied-eval": 1, - "no-with": 1, - "no-fallthrough": 1, - "no-unreachable": 2, - "no-underscore-dangle": 0, - "no-undef-init": 1, - "no-octal": 1, - "no-obj-calls": 1, - "no-new-wrappers": 1, - "no-new": 1, - "no-new-func": 1, - "no-native-reassign": 1, - "no-plusplus": 0, - "no-delete-var": 1, - "no-return-assign": 1, - "no-new-object": 1, - "no-label-var": 1, - "no-ternary": 0, - "no-self-compare": 0, - "smarter-eqeqeq": 0, - "brace-style": 1, - "camelcase": 1, - "curly": 1, - "dot-notation": 1, - "eqeqeq": 2, - "new-parens": 1, - "guard-for-in": 0, - "radix": 0, - "new-cap": 0, - "quote-props": 0, - "semi": 2, - "use-isnan": 1, - "quotes": [1, "single"], - "max-params": [0, 3], - "max-statements": [0, 10], - "complexity": [0, 11], - "wrap-iife": 1, - "no-multi-str": 1, - "no-multi-spaces": 1, - "key-spacing": 0, - "brace-style": 0, - "no-unused-vars": 2, - "no-shadow": 0, - "no-undef": 1, - "camelcase": 0, - "comma-spacing": 1, - "no-use-before-define": 0, - - // ANGULAR RULES - "angular/controller-as": 0, - "angular/typecheck-object": 0, - "angular/timeout-service": 0, - "angular/controller-as-vm": 0, - "angular/controller-as-route": 0, - "angular/controller-name": [1, "/[A-Z].*Controller|Ctrl$/"], //e.g HomeController or HomeCtrl - "angular/on-watch": 0, - "angular/di": 0 - }, - - "globals": { - "document": true, - "window": true, - "before": true, - "beforeEach": true, - "inject": true, - "$log": true, - "_": true, - "after": true, - "afterEach": true, - "angular": true, - "require": true, - "module": true, - "define": true, - "brackets": true, - "jQuery": true, - "$": true, - "Mustache": true, - "CallManager": true, - "getEncodedServerAddr": true, - "log4javascript": true, - "console": true, - "atmosphere": true, - "jasmine": true, - "exports": true, - "describe": true, - "browser": true, - "it": true, - "by": true, - "waits": true, - "expect": true, - "runs": true, - "element": true, - "waitsFor": true, - "it": false, - "xit": false, - "describe": false, - "xdescribe": false, - "beforeEach": false, - "afterEach": false, - "expect": false, - "spyOn": false - } - -} - diff --git a/.gitignore b/.gitignore deleted file mode 100644 index c230dcd..0000000 --- a/.gitignore +++ /dev/null @@ -1,12 +0,0 @@ -.DS_Store -.idea/ -.sass-cache/ -npm-debug.log -junit-report.xml -tmp/ -build/ -public/ -node_modules/ -reports/ -coverage/ -vendor/ diff --git a/Gruntfile.js b/Gruntfile.js deleted file mode 100644 index 8cde42a..0000000 --- a/Gruntfile.js +++ /dev/null @@ -1,769 +0,0 @@ -/* eslint-disable */ - -module.exports = function (grunt) { - - /* - * Load required Grunt tasks. These are installed based on the versions listed - * in `package.json` when you do `npm install` in this directory. - */ - grunt.loadNpmTasks('grunt-contrib-clean'); - grunt.loadNpmTasks('grunt-contrib-copy'); - grunt.loadNpmTasks('grunt-contrib-concat'); - grunt.loadNpmTasks('grunt-contrib-watch'); - grunt.loadNpmTasks('grunt-contrib-uglify'); - grunt.loadNpmTasks('grunt-ng-annotate'); - grunt.loadNpmTasks('grunt-contrib-htmlmin'); - grunt.loadNpmTasks('grunt-express'); - grunt.loadNpmTasks('grunt-karma'); - grunt.loadNpmTasks('grunt-html2js'); - grunt.loadNpmTasks('grunt-run'); - grunt.loadNpmTasks('grunt-newer'); - grunt.loadNpmTasks('grunt-continue'); - grunt.loadNpmTasks('grunt-eslint'); - grunt.loadNpmTasks('grunt-sass'); - - /* - * Load in our JavaScript Libraries - */ - var vendorConfig = require('./vendor.config.js'); - - /* - * Load in our build configuration - */ - var userConfig = { - /* - * The `dev_build_dir` folder is where our projects are compiled during - * development and the `prod_build_dir` folder is where our app resides once it's - * completely built. - */ - dev_build_dir: 'public', - prod_build_dir: 'production', - - /* - * This is a collection of file patterns that refer to our app source code - */ - app_files: { - js: ['src/app/**/*.js', '!src/app/**/*.spec.js', '!src/app/**/*.e2e.js', '!src/assets/**/*.js'], - jsunit: ['src/app/**/*.spec.js'], - e2e: ['src/app/**/*.e2e.js'], - atpl: ['src/app/**/*.tpl.html'], - html: ['src/index.html'], - sass: 'src/styles/main.scss' - }, - - /* - * Configure the JavaScript vendor files - */ - vendor_files: vendorConfig - - }; - - /* - * This is the configuration object Grunt uses to give each plugin its - * instructions. - */ - var taskConfig = { - /* - * We read in our `package.json` file so we can access the package name and - * version. It's already there, so we don't repeat ourselves here. - */ - pkg: grunt.file.readJSON('package.json'), - - /* - * The banner is the comment that is placed at the top of our compiled - * source files. It is first processed as a Grunt template, where the `<%=` - * pairs are evaluated based on this very configuration object. - */ - meta: { - banner: '/**\n' + - ' * <%= pkg.name %> v<%= pkg.version %> <%= grunt.template.today("dd-mm-yyyy") %>\n' + - ' * <%= pkg.homepage %>\n' + - ' *\n' + - ' * Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' + - ' */\n' - }, - - /* - * The directories to delete when `grunt clean` is executed. - */ - clean: { - build: { - src: ['<%= dev_build_dir %>', 'reports/'], - options: { - force: true - } - }, - compile: { - src: ['<%= prod_build_dir %>'], - options: { - force: true - } - } - }, - - /* - * The `copy` task just copies files from A to B. We use it here to copy - * our project assets (images, fonts, etc.) and Javascript files into - * `dev_build_dir`, and then to copy the assets to `prod_build_dir`. - */ - copy: { - build_module_assets: { - files: [ - { - dest: '<%= dev_build_dir %>/assets/', - src: ['src/app/**/assets/**/*.*'], - cwd: '.', - expand: true, - flatten: true - } - ] - }, - - build_app_assets: { - files: [ - { - src: ['**'], - dest: '<%= dev_build_dir %>/assets/', - cwd: 'src/assets', - expand: true - } - ] - }, - build_appjs: { - files: [ - { - src: ['<%= app_files.js %>'], - dest: '<%= dev_build_dir %>/', - cwd: '.', - expand: true - } - ] - }, - build_vendorjs: { - files: [ - { - src: ['<%= vendor_files.js %>'], - dest: '<%= dev_build_dir %>/', - cwd: '.', - expand: true - } - ] - }, - compile_assets: { - files: [ - { - src: ['**'], - dest: '<%= prod_build_dir %>/assets', - cwd: '<%= dev_build_dir %>/assets', - expand: true - } - ] - } - }, - - /* - * `grunt concat` concatenates multiple source files into a single file. - */ - concat: { - - /* - * The `build_css` target concatenates compiled CSS and vendor CSS - * together. - */ - build_css: { - src: [ - '<%= dev_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css' - ], - dest: '<%= dev_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css' - }, - - /* - * The `compile_js` target is the concatenation of our application source - * code and all specified vendor source code into a single file. - */ - compile_js: { - - options: { - banner: '<%= meta.banner %>' - }, - - /* - * Wraps all javascript app code into a closure - * to prevent polluting the global namespace - */ - src: [ - '(function ( window, angular, undefined ) {', - '<%= vendor_files.js %>', - '<%= dev_build_dir %>/src/**/*.js', - '<%= html2js.app.dest %>', - '})( window, window.angular );' - ], - dest: '<%= prod_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.js' - } - }, - - /* - * `ngAnnotate` annotates the sources before minifying. That is, it allows us - * to code without the array syntax. - */ - ngAnnotate: { - compile: { - files: [ - { - src: ['<%= app_files.js %>'], - cwd: '<%= dev_build_dir %>', - dest: '<%= dev_build_dir %>', - expand: true - } - ] - } - }, - - /* - * Minify the sources! - */ - uglify: { - compile: { - files: { - '<%= concat.compile_js.dest %>': '<%= concat.compile_js.dest %>' - } - } - }, - - /* - * This task handles our SASS compilation and uglification automatically. - * Only our `main.scss` file is included in compilation. All other files - * must be imported from this file. - */ - sass: { - build: { - options: { - sourceMap: true, - outputStyle: 'expanded' - }, - files: { - '<%= dev_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css': '<%= app_files.sass %>' - } - }, - compile: { - options: { - sourceMap: false, - outputStyle: 'compressed' - }, - files: { - '<%= dev_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css': '<%= app_files.sass %>' - } - } - }, - - /* - * HTMLMIN is a Grunt plugin that takes all of your html template files and - * and minifies them by removing comments, white spaces, etc. - * This plugin is used in combination with the 'html2js' and it's called before - * to minimise the html before is put in the AngularJS templateCache. - */ - htmlmin: { - index: { // Selects only the main 'index.html' file - options: { // Target options - removeComments: true, // Strip HTML comments - removeCommentsFromCDATA: true, // Strip HTML comments from scripts and styles - minifyJS: true, // Minify JavaScript inside script tags - collapseWhitespace: true // Remove white spaces - }, - files: { - '<%= prod_build_dir %>/index.html': '<%= prod_build_dir %>/index.html' - } - } - }, - - /* - * HTML2JS is a Grunt plugin that takes all of your template files and - * places them into JavaScript files as strings that are added to - * AngularJS's template cache. This means that the templates too become - * part of the initial payload as one JavaScript file. Neat! - */ - html2js: { - /* - * These are the templates from `src/app`. - */ - app: { - options: { - module: 'app.templates', - quoteChar: '\'', - fileHeaderString: '/* eslint-disable */', - fileFooterString: '/* eslint-enable */', - base: 'src/app' - }, - src: ['<%= app_files.atpl %>'], - dest: '<%= dev_build_dir %>/app.templates.js' - }, - - /* - * These are the minified templates - */ - min: { - options: { - module: 'app.templates', - quoteChar: '\'', - fileHeaderString: '/* eslint-disable */', - fileFooterString: '/* eslint-enable */', - base: 'src/app', - htmlmin: { - collapseBooleanAttributes: true, - collapseWhitespace: true, - removeAttributeQuotes: true, - removeComments: true, - removeEmptyAttributes: true, - removeRedundantAttributes: true, - removeScriptTypeAttributes: true, - removeStyleLinkTypeAttributes: true - } - }, - src: ['<%= app_files.atpl %>'], - dest: '<%= dev_build_dir %>/app.templates.js' - } - - }, - - /* - * The Karma configurations. - */ - karma: { - options: { - configFile: '<%= dev_build_dir %>/karma-unit.js' - }, - continuous: { - singleRun: true - } - }, - - /* - * This task compiles the karma template so that changes to its file array - * don't have to be managed manually. - */ - karmaconfig: { - unit: { - dir: '<%= dev_build_dir %>', - src: ['<%= vendor_files.js %>', '<%= html2js.app.dest %>'] - } - }, - - parseUnit: { - all: { - dir: '<%= dev_build_dir %>', - src: ['<%= app_files.jsunit %>'] - } - }, - - parseE2E: { - all: { - dir: '<%= dev_build_dir %>', - src: ['<%= app_files.e2e %>'] - } - }, - - /* - * The `index` task compiles the `index.html` file as a Grunt template. CSS - * and JS files co-exist here but they get split apart later. - */ - index: { - - /* - * During development, we don't want to have wait for compilation, - * concatenation, minification, etc. So to avoid these steps, we simply - * add all script files directly to the `` of `index.html`. The - * `src` property contains the list of included files. - */ - build: { - dir: '<%= dev_build_dir %>', - src: [ - '<%= vendor_files.js %>', - '<%= dev_build_dir %>/src/**/*.js', - '<%= html2js.app.dest %>', - '<%= dev_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css' - ] - }, - /* - * When it is time to have a completely compiled application, we can - * alter the above to include only a single JavaScript and a single CSS - * file. Now we're back! - */ - compile: { - dir: '<%= prod_build_dir %>', - src: [ - '<%= concat.compile_js.dest %>', - '<%= dev_build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css' - ] - } - }, - - /* - * Configure Express server --port 9000 - */ - express: { - development: { - options: { - port: 9000, - //hostname: 'localhost', - serverreload: false, - bases: '<%= dev_build_dir %>', - livereload: true - } - }, - production: { - options: { - port: 9000, - serverreload: false, - bases: '<%= prod_build_dir %>', - livereload: false - } - } - }, - - /* - * This task allows Grunt to run external tools (e.g. nodejs, serve, etc) - */ - run: { - public: { - exec: 'serve --cors --port 31000 ' + '<%= dev_build_dir %>/' - }, - production: { - exec: 'serve --cors --port 32000 ' + '<%= prod_build_dir %>/' - }, - reports: { - exec: 'serve --port 22000 reports/coverage/lcov-report' - }, - protractor: { - exec: 'protractor protractor.config.js' - } - }, - - eslint: { - options: { - configFile: '.eslintrc', - - /* Available formats: stylish, compact, checkstyle, junit, */ - format: 'stylish' - }, - target: ['src/app/**/*.js', '!src/app/**/*.spec.js', '!src/app/**/*.e2e.js'] - }, - - /* - * And for rapid development, we have a watch set up that checks to see if - * any of the files listed below change, and then to execute the listed - * tasks when they do. This just saves us from having to type 'grunt' into - * the command-line every time we want to see what we're working on; we can - * instead just leave 'grunt watch' running in a background terminal. - * - * But we don't need the same thing to happen for all the files. - */ - delta: { - /* - * When our JavaScript source files change, we want to run lint them and - * run our unit tests. - */ - jssrc: { - files: ['<%= app_files.js %>'], - /* - * Changes are detected but unit tests are not run - * this creates faster live reload sessions - */ - tasks: ['newer:eslint', 'newer:copy:build_appjs' ], - options: { - spawn: false, - livereload: true - } - }, - - /* - * When a JavaScript unit test file changes, we only want to lint it and - * run the unit tests. We don't want to do any live reloading. - */ - jsunit: { - files: [ - '<%= app_files.jsunit %>' - ], - tasks: [ 'newer:eslint', 'karmaconfig:unit', 'karma:continuous'], - options: { - spawn: false, - livereload: false - } - }, - - e2e: { - files: ['<%= app_files.e2e %>'], - tasks: ['newer:eslint', 'run:protractor'], - options: { - spawn: false, - livereload: false - } - }, - - /* - * When assets are changed, copy them. Note that this will *not* copy new - * files, so this is probably not very useful. - */ - assets: { - files: ['src/assets/**/*'], - tasks: ['newer:copy:build_app_assets'], - options: { - spawn: false, - livereload: true - } - }, - - /* - * When index.html changes, we need to compile it. - */ - html: { - files: ['<%= app_files.html %>'], - tasks: ['index:build'], - options: { - spawn: false, - livereload: true - } - }, - - /* - * When our templates change, we only rewrite the template cache. - */ - tpls: { - files: ['<%= app_files.atpl %>'], - tasks: [ 'html2js:app' ], - options: { - spawn: false, - livereload: true - } - }, - - /* - * When any SASS or CSS changes, we need to compile them. - */ - sass: { - files: ['src/**/*.scss'], - tasks: ['sass:build'], - options: { - spawn: false, - livereload: true - } - } - - } - - }; - - /* - * Track how long each task takes to run, used to optimize - * grunt build times - */ - require('time-grunt')(grunt); - - /* - * Use this function to catch events when watch is called: - * - * grunt.event.on('watch', function(action, filepath) { - * grunt.log.write('message to console'); - * }); - */ - - grunt.initConfig(grunt.util._.extend(taskConfig, userConfig)); - - /* - * In order to make it safe to just compile or copy *only* what was changed, - * we need to ensure we are starting from a clean, fresh build. So we rename - * the `watch` task to `delta` (that's why the configuration var above is - * `delta`) and then add a new task called `watch` that does a clean build - * before watching for changes. - */ - grunt.renameTask('watch', 'delta'); - grunt.registerTask('watch', ['development', 'express:development', 'delta']); - - /* - * Register our own grunt tasks. The default task is the development build - */ - grunt.registerTask('default', ['development']); - grunt.registerTask('deploy', ['production', 'copy:deploy']); - - /* - * The `build` task gets your app ready to run for development and testing. - */ - grunt.registerTask('development', [ - 'clean:build', - 'html2js:app', - 'eslint', - 'sass:build', - 'concat:build_css', - 'copy:build_app_assets', 'copy:build_module_assets', - 'copy:build_appjs', - 'copy:build_vendorjs', 'index:build' - ]); - - /* - * Run E2E tests - */ - grunt.registerTask('run:e2e', [ - 'express:development', - 'run:protractor' - ]); - - /* - * Run unit tests - */ - grunt.registerTask('run:unit', [ - 'karmaconfig', - 'karma:continuous' - ]); - - /* - * Creates and runs code coverage reports. - */ - grunt.registerTask('reports', [ - 'run:unit', - 'run:reports' - ]); - - /* - * This task runs code checks (ESLint), Unit Tests and E2E tests. - * It produces reports on code coverage and unit test results. - * Reports are stored in a 'reports' folder. - */ - grunt.registerTask('test', [ - 'clean:build', - 'eslint', - 'html2js:app', - 'sass:build', - 'concat:build_css', - 'copy:build_app_assets', 'copy:build_module_assets', - 'copy:build_appjs', 'copy:build_vendorjs', 'index:build', - 'run:unit', - 'run:e2e' - ]); - - /* - * The `production` task gets your app ready for deployment by concatenating and - * minifying your code. - */ - grunt.registerTask('production', [ - 'clean:build', - 'clean:compile', - 'html2js:min', - 'test', - 'sass:compile', - 'concat:build_css', - 'copy:build_app_assets', - 'copy:build_module_assets', - 'copy:build_appjs', - 'copy:build_vendorjs', - 'index:build', - 'copy:compile_assets', - 'ngAnnotate', - 'concat:compile_js', - 'uglify', - 'index:compile', - 'htmlmin:index' - ]); - - /* - * A utility function to get all app JavaScript sources. - */ - function filterForJS(files) { - return files.filter(function (file) { - return file.match(/\.js$/); - }); - } - - /* - * A utility function to get all app CSS sources. - */ - function filterForCSS(files) { - return files.filter(function (file) { - return file.match(/\.css$/); - }); - } - - /* - * A utility function to get all app unit tests - */ - function filterForSpecFiles(files) { - return files.filter(function (file) { - return file.match(/\.spec.js$/); - }); - } - - /* - * A utility function to get all app unit tests - */ - function filterForE2EFiles(files) { - return files.filter(function (file) { - return file.match(/\.e2e.js$/); - }); - } - - /* - * The index.html template includes the stylesheet and javascript sources - * based on dynamic names calculated in this Gruntfile. This task assembles - * the list into variables for the template to use and then runs the - * compilation. - */ - grunt.registerMultiTask('index', 'Process index.html template', function () { - var dirRE = new RegExp('^(' + grunt.config('dev_build_dir') + '|' + grunt.config('prod_build_dir') + ')\/', 'g'); - - var jsFiles = filterForJS(this.filesSrc).map(function (file) { - return file.replace(dirRE, ''); - }); - - var cssFiles = filterForCSS(this.filesSrc).map(function (file) { - return file.replace(dirRE, ''); - }); - - grunt.file.copy('src/index.html', this.data.dir + '/index.html', { - process: function (contents, path) { - return grunt.template.process(contents, { - data: { - scripts: jsFiles, - styles: cssFiles, - version: grunt.config('pkg.version'), - author: grunt.config('pkg.author'), - date: grunt.template.today("yyyy") - } - }); - } - }); - }); - - /* - * In order to avoid having to specify manually the files needed for karma to - * run, we use grunt to manage the list for us. The `karma/*` files are - * compiled as grunt templates for use by Karma. Yay! - */ - grunt.registerMultiTask('karmaconfig', 'Process karma config templates', function () { - var scripts = filterForJS(this.filesSrc); - - grunt.file.copy('karma/karma-unit.tpl.js', grunt.config('dev_build_dir') + '/karma-unit.js', { - process: function (contents, path) { - return grunt.template.process(contents, { - data: { - scripts: scripts - } - }); - } - }); - - }); - - grunt.registerMultiTask('parseUnit', 'Parse unit test files', function () { - var jsFiles = filterForSpecFiles(this.filesSrc); - - grunt.log.writeln('Unit test files:'); - grunt.log.writeln(JSON.stringify(jsFiles)); - }); - - grunt.registerMultiTask('parseE2E', 'Parse E2E test file', function () { - var jsFiles = filterForE2EFiles(this.filesSrc); - - grunt.log.writeln('E2E test files:'); - grunt.log.writeln(JSON.stringify(jsFiles)); - }); - -}; -/* eslint-enable */ diff --git a/LICENSE.md b/LICENSE.md deleted file mode 100644 index 62798ad..0000000 --- a/LICENSE.md +++ /dev/null @@ -1,21 +0,0 @@ -The MIT License (MIT) - -Copyright (c) 2015 Cathal Mac Donnacha - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md deleted file mode 100644 index 21dfcb1..0000000 --- a/README.md +++ /dev/null @@ -1,179 +0,0 @@ -# angularjs-foundation-boilerplate -A simple and well structured boilerplate project based on AngularJS and Zurb's Foundation - -## Features -* Responsive layout -* Mobile ready -* SASS support -* Grunt watch, build and local server tasks -* Live reload -* Organised folder structure -* Minified CSS, HTML and JS build files -* [Font Awesome](http://fortawesome.github.io/Font-Awesome/icons/) icons -* Support for Unit & E2E Testing -* Unit Test reporting -* ESLint to detect incorrect coding patterns. -* [Jasmine](http://jasmine.github.io/2.3/introduction.html) testing framework -* [Karma](http://karma-runner.github.io/0.13/index.html) test runner -* [Protractor](https://angular.github.io/protractor/#/) end-to-end test framework - -## Live Demo -[Check out the live demo](http://cmacdonnacha.github.io/angularjs-foundation-boilerplate/) - -## Setup -1. Install [Git](https://git-scm.com/downloads) and [NodeJS](http://nodejs.org/) -2. Install Grunt and Bower globally: `npm install -g grunt-cli bower` -3. Install Karma globally: `npm install -g karma` -4. Install PhantomJS headless browser globally: `npm install -g phantomjs` -5. Install Protractor globally: `npm install -g protractor` -6. Install Selenium web driver binaries by running: `webdriver-manager update` (installs the Chrome driver by default) -7. Install a local Http server: `npm install -g serve` (for local web testing) - -**NOTE:** If you have previous versions of any of the above packages, it's recommended that you update them: `npm update -g` - -## Install Project Dependencies -1. `git clone https://github.com/cmacdonnacha/angularjs-foundation-boilerplate.git myApp` -2. `cd myApp` -3. `npm install` - this installs both the required NodeJS modules and the bower component libraries. - -**IMPORTANT:** If you run into any issues please have a look at the **"Troubleshooting"** section at the bottom of this page. - -## Quick Usage -* `grunt watch` : Creates a development build folder called 'public' and serves it on: [`http://localhost:9000/`](http://localhost:9000/) -* `grunt test` : Runs code checks, unit tests and E2E tests -* `grunt run:unit` : Runs unit tests only -* `grunt run:e2e` : Runs E2E tests only -* `grunt production` : Creates a production build in a folder called **'production'** -* `grunt run:production` : Serves the **'production'** build on: [`http://localhost:9000/`](http://localhost:9000/) if it exists. -* `grunt eslint` : Runs an ESLint code check - -## Running unit test reports -1. `grunt reports`: will create and serve the **'reports'** folder -2. Navigate to [`http://localhost:22000/`](http://localhost:22000/) - -## Project Structure -This project follows a **"Folders-by-Feature"** structure very similar to [John Papa's Styleguide](https://github.com/johnpapa/angular-styleguide#application-structure). From the folder structure below you can see that there are 6 separate components, a folder for each one. -Each component is treated as a mini Angular app. This structure allows us developers to easily locate code and identify what each file represents at a glance. -By retaining this structure the project is much more manageable as it grows. - -![alt text](http://i.imgur.com/OaqOEI0.png "Folders-by-Feature structure") - -* The `app` folder contains the individual components: - * `about`: Contains the about page related files. - * `common`: Contains all common services, directives etc. used across the entire app. - * `home`: Contains the home page related files. - * `layout`: Acts as a container for other layout components (about, home, topbar etc.) - * `sample`: A template component that can be duplicated whenever you want to create your own component (Copy and paste). - * `topbar`: Contains the topbar related files. - - -* Each component has its own sub-folder containing files associated with that component: - * assets - * controllers - * directives - * e2e tests - * services - * styles - * unit tests - * views - - **Note:** Not every component will contain all of these sub-folders, just add them as you need them. -* The `assets` folder contains the globally used fonts and images. -* The `styles` folder contains all of the global sass files needed to style the app. Let's have a closer look at each file: - - * `_font-awesome.scss`: Contains all of the font awesome icons taken from the `vendor/font-awesome` folder. Check [this](http://fortawesome.github.io/Font-Awesome/icons/) out to see all available icons. - * `_mixins.scss`: This is where you can put your very own Sass Mixins that can be used globally throughout the app. This should only contain Mixins. - * `_settings.scss`: Allows you to override the default Foundation styles with your own. This is detailed in a section below. - * `_shared.scss`: This is where you can put your very own Sass that can be used globally throughout the app. Typically it's where you would add globally used Sass classes which would then use mixins from the `_mixins.scss` file. - * `main.scss`: Brings everything together. Contains all of the Sass file imports. It's what tells the app where to grab the styles from. - -#### Adding a new component -As you can see in this boilerpate project we have 6 sample components: `about`, `common`, `home`, `layout`, `sample` and `topbar`. Check out the [wiki](https://github.com/cmacdonnacha/angularjs-foundation-boilerplate/wiki/How-to-add-a-new-component) to see how you can go about adding your very own component. - -## Making Foundation Styles your own -Foundation is great because it comes with basic styling, leaving it up to you to give it your very own touch. You can do this by changing the `_settings.scss` file inside the `styles` folder: - -![alt text](http://i.imgur.com/ScJMdQ6.png "Foundation _settings.scss file") - -Simply uncomment any of the sections in the `_settings.scss` file and you will override the default Foundation styling. Don't like the color of the topbar? No problem, change to a nice bright pink instead. Find out more [here.](http://foundation.zurb.com/docs/using-sass.html) - -## Troubleshooting -Even crème de menthe projects have their issues. Here are some problems you may face along with some suggestions on how to resolve them: - -#### 1. Issue: I'm getting the following error when running `npm install`: ***"Error: EPERM or operation not permitted or permission denied"*** -This error means that NPM was not able to install one of the node modules to the file system. There are three major reasons why this could happen: - -* You don't have write access to the installation directory. -* The permissions in the NPM cache got messed up. -* You have over-zealous anti-virus software installed, and it's blocking file system writes. - -**Suggestion:** - -1. Run `npm cache clean`. -2. Run `npm install` again. - -#### 2. Issue: I'm getting the following error when running `npm install`: ***"Error: Can't find Python executable 'python', you can set the PYTHON env variable."*** -**Suggestion:** This error can be ignored (it's a warning really) as the node modules will install successfully anyway. The reason this error appears is because -some node modules have dependencies on a clunky build tool called `node-gyp` that compiles C++ extensions for NodeJS, and it requires python. Long story short, -if you don't have Python installed on your machine you will see these errors but it's nothing to worry about. - -#### 3. Issue: I'm getting an error when running the `grunt production` task. -**Suggestion:** Make sure you have administrator permissions to delete folders from the directory. If you're still seeing the issue then manually delete the `production` folder and run `grunt production` again. -
-
- -#### 4. Issue: I'm getting the following error when running the `grunt test` task: ***"No selenium server jar found at the specified location"*** -**Suggestion:** Run the following command and try again: `webdriver-manager update` -
-
- -#### 5. Issue: I'm still getting an error when running the `grunt test` task. -**Suggestion:** Make sure you have Java installed. Close and re-launch the command line and try again. -
-
- -#### 6. Issue: I'm getting the following error ***"Error: Cannot find module 'stylus'"*** -**Suggestion:** Run the following command: `npm install stylus -g` -
-
- -#### 7. Issue: I'm getting the following error when running the `grunt watch` task: ***"Error: 'libsass' bindings" not found. Try reinstalling 'node-sass'*** -**Suggestion:** Run the following command: `npm install grunt-sass` -
-
- -#### 8. Issue: Bower hangs and cannot fetch the libraries when running `npm install` -**Suggestion:** -Set Git global options to fetch components over 'https' instead of 'git' by running the following command: -`git config --global url."https://".insteadOf git://` -
-
- -#### 9. Issue: None of the above solutions have helped -**Suggestion 1:** - -1. Stop the `grunt watch` task. -2. Run `grunt clean` -3. Run `grunt watch` again. - -**Suggestion 2:** - -This project has been tested with the following tools: -* **NodeJs:** 4.2.1 -* **Npm:** 2.14.7 - -If you are running into issues while installing node packages then ensure you have the versions above installed. - -## Contribute -Believe it or not, **angularjs-foundation-boilerplate** is not perfect. If you want to improve it somehow then by all means go ahead and create a pull request :-) - -## Changelog -### 1.0.1 -**06/11/2015** -* Updated font awesome icons -* Reduced size of favicon -* Updated grunt file - -### 1.0.0 -**30/10/2015** -* Initial Release diff --git a/production/assets/angularjs-foundation-boilerplate-1.0.0.css b/assets/angularjs-foundation-boilerplate-1.0.0.css similarity index 100% rename from production/assets/angularjs-foundation-boilerplate-1.0.0.css rename to assets/angularjs-foundation-boilerplate-1.0.0.css diff --git a/production/assets/angularjs-foundation-boilerplate-1.0.0.css.map b/assets/angularjs-foundation-boilerplate-1.0.0.css.map similarity index 100% rename from production/assets/angularjs-foundation-boilerplate-1.0.0.css.map rename to assets/angularjs-foundation-boilerplate-1.0.0.css.map diff --git a/production/assets/angularjs-foundation-boilerplate-1.0.0.js b/assets/angularjs-foundation-boilerplate-1.0.0.js similarity index 100% rename from production/assets/angularjs-foundation-boilerplate-1.0.0.js rename to assets/angularjs-foundation-boilerplate-1.0.0.js diff --git a/production/assets/fonts/FontAwesome.otf b/assets/fonts/FontAwesome.otf similarity index 100% rename from production/assets/fonts/FontAwesome.otf rename to assets/fonts/FontAwesome.otf diff --git a/production/assets/fonts/fontawesome-webfont.eot b/assets/fonts/fontawesome-webfont.eot similarity index 100% rename from production/assets/fonts/fontawesome-webfont.eot rename to assets/fonts/fontawesome-webfont.eot diff --git a/production/assets/fonts/fontawesome-webfont.svg b/assets/fonts/fontawesome-webfont.svg similarity index 100% rename from production/assets/fonts/fontawesome-webfont.svg rename to assets/fonts/fontawesome-webfont.svg diff --git a/production/assets/fonts/fontawesome-webfont.ttf b/assets/fonts/fontawesome-webfont.ttf similarity index 100% rename from production/assets/fonts/fontawesome-webfont.ttf rename to assets/fonts/fontawesome-webfont.ttf diff --git a/production/assets/fonts/fontawesome-webfont.woff b/assets/fonts/fontawesome-webfont.woff similarity index 100% rename from production/assets/fonts/fontawesome-webfont.woff rename to assets/fonts/fontawesome-webfont.woff diff --git a/production/assets/fonts/fontawesome-webfont.woff2 b/assets/fonts/fontawesome-webfont.woff2 similarity index 100% rename from production/assets/fonts/fontawesome-webfont.woff2 rename to assets/fonts/fontawesome-webfont.woff2 diff --git a/production/assets/foundation-yeti.png b/assets/foundation-yeti.png similarity index 100% rename from production/assets/foundation-yeti.png rename to assets/foundation-yeti.png diff --git a/production/assets/images/foundation-fav-icon.ico b/assets/images/foundation-fav-icon.ico similarity index 100% rename from production/assets/images/foundation-fav-icon.ico rename to assets/images/foundation-fav-icon.ico diff --git a/bower.json b/bower.json deleted file mode 100644 index 61bbb0d..0000000 --- a/bower.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "name": "angularjs-foundation-boilerplate", - "version": "1.0.0", - "author": "Cathal Mac Donnacha", - "description": "A simple and well structured boilerplate project based on AngularJS and Zurb's Foundation", - "license": "MIT", - "dependencies": {}, - "devDependencies": { - "angular": "~1.3.4", - "angular-mocks": "~1.3.4", - "angular-resource": "~1.3.4", - "angular-ui-router": "~0.2.15", - "angular-local-storage": "~0.2.2", - "jquery": "~2.1.3", - "animate.css": "~3.4.0", - "font-awesome": "~4.4.0", - "underscore": "~1.8.3", - "foundation": "~5.5.3" - }, - "keywords": [ - "angular", - "foundation", - "foundation for sites", - "angularjs", - "boilerplate", - "starter", - "front-end", - "zurb" - ] -} diff --git a/production/index.html b/index.html similarity index 100% rename from production/index.html rename to index.html diff --git a/karma/karma-unit.tpl.js b/karma/karma-unit.tpl.js deleted file mode 100644 index d5188e0..0000000 --- a/karma/karma-unit.tpl.js +++ /dev/null @@ -1,80 +0,0 @@ -/* eslint-disable */ - -module.exports = function ( karma ) { - karma.set({ - /** - * From where to look for files, starting with the location of this file. - */ - basePath: '../', - - /** - * This is the list of file patterns to load into the browser during testing. - */ - files: [ <% scripts.forEach( function ( file ) { %> '<%= file %>', <% }); %> 'src/app/**/*.js'], - - exclude: ['src/app/**/*.e2e.js', 'src/assets/**/*.js'], - - frameworks: [ 'jasmine' ], - - plugins: [ 'karma-jasmine', 'karma-phantomjs-launcher', 'karma-coverage', 'karma-junit-reporter' ], - - preprocessors: { - - /** - * Exclude unit test code from the coverage report - */ - 'src/**/!(*spec).js': ['coverage'] - }, - - /** - * Configure the reporters - */ - reporters: ['progress', 'coverage', 'junit'], - - junitReporter: { - outputFile: 'reports/junit/junit-report.xml', - suite: '' - }, - - coverageReporter: { - type : 'lcov', - dir : 'reports', - subdir: 'coverage' - }, - - /** - * On which port should the browser connect, on which port is the test runner - * operating, and what is the URL path for the browser to use. - */ - colors: true, - port: 9018, - runnerPort: 9100, - urlRoot: '/', - - /** - * Log Level - * Possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG - */ - logLevel: karma.LOG_DISABLE, - - /** - * Disable file watching by default. - */ - singleRun: false, - autoWatch: false, - - /** - * The list of browsers to launch to test on. This includes only "Firefox" by - * default, but other browser names include: - * Chrome, ChromeCanary, Firefox, Opera, Safari, PhantomJS - * - * You may also leave this blank and manually navigate your browser to - * http://localhost:9018/ when you're running tests. The window/tab can be left - * open and the tests will automatically occur there during the build. This has - * the aesthetic advantage of not launching a browser every time you save. - */ - browsers: ['PhantomJS'] - - }); -}; -/* eslint-enable */ diff --git a/package.json b/package.json deleted file mode 100644 index b940f09..0000000 --- a/package.json +++ /dev/null @@ -1,59 +0,0 @@ -{ - "author": "Cathal Mac Donnacha", - "name": "angularjs-foundation-boilerplate", - "version": "1.0.0", - "license": "MIT", - "docs": "", - "description": "A simple and well structured boilerplate project based on AngularJS and Zurb's Foundation", - "licenses": { - "type": "", - "url": "" - }, - "repository": { - "type": "git", - "url": "" - }, - "dependencies": {}, - "devDependencies": { - "eslint": "^1.7.3", - "eslint-plugin-angular": "^0.13.0", - "grunt": "^0.4.5", - "grunt-cli": "^0.1.13", - "grunt-continue": "^0.1.0", - "grunt-ng-annotate": "^1.0.1", - "grunt-contrib-clean": "^0.6.0", - "grunt-contrib-compass": "^1.0.2", - "grunt-contrib-concat": "^0.5.0", - "grunt-contrib-copy": "^0.8.0", - "grunt-contrib-htmlmin": "^0.6.0", - "grunt-contrib-uglify": "^0.10.0", - "grunt-contrib-watch": "^0.6.1", - "grunt-eslint": "^17.3.1", - "grunt-express": "^1.4.1", - "grunt-html2js": "^0.3.0", - "grunt-karma": "^0.12.1", - "grunt-newer": "^1.1.0", - "grunt-run": "^0.5.2", - "grunt-sass": "^1.0.0", - "karma": "^0.13.14", - "karma-coverage": "^0.5.3", - "karma-jasmine": "^0.3.1", - "karma-junit-reporter": "^0.3.8", - "karma-phantomjs-launcher": "^0.2.1", - "time-grunt": "^1.0.0" - }, - "scripts": { - "postinstall": "bower install --no-interactive --allow-root" - }, - "keywords": [ - "angular", - "foundation", - "foundation for sites", - "angularjs", - "boilerplate", - "starter", - "project", - "front-end", - "zurb" - ] -} diff --git a/protractor.config.js b/protractor.config.js deleted file mode 100644 index 7925984..0000000 --- a/protractor.config.js +++ /dev/null @@ -1,29 +0,0 @@ -exports.config = { - // commenting this line auto-starts the selenium server - //seleniumAddress: 'http://localhost:4444/wd/hub', - - // A base URL for your application under test. Calls to protractor.get() - // with relative paths will be prepended with this. - baseUrl: 'http://localhost:9000/', - - // Jasmine is fully supported as a test and assertion framework. - framework: 'jasmine', - - // Options to be passed to minijasminenode. - // See the full list at https://github.com/juliemr/minijasminenode/tree/jasmine1 - jasmineNodeOpts: { - // If true, display spec names. - isVerbose: true, - // If true, print colors to the terminal. - showColors: true, - // If true, include stack traces in failures. - includeStackTrace: false, - // Default time to wait in ms before a test fails. - defaultTimeoutInterval: 30000 - }, - - // Spec patterns are relative to the location of this config. - specs: [ - 'src/app/**/*.e2e.js' - ] -}; diff --git a/src/app/about/about.module.js b/src/app/about/about.module.js deleted file mode 100644 index b6fe844..0000000 --- a/src/app/about/about.module.js +++ /dev/null @@ -1,11 +0,0 @@ -angular.module('app.about', [ - 'ui.router', - 'about.controllers' -]) - -.config(function config($stateProvider) { - $stateProvider.state('about', { - url: '/about', - templateUrl: 'about/views/about.tpl.html' - }); -}); diff --git a/src/app/about/controllers/AboutCtrl.js b/src/app/about/controllers/AboutCtrl.js deleted file mode 100644 index 497a1a9..0000000 --- a/src/app/about/controllers/AboutCtrl.js +++ /dev/null @@ -1,4 +0,0 @@ -angular.module('about.controllers.AboutCtrl', []) - .controller('AboutCtrl', function($scope) { - $scope.title = 'About Page'; - }); diff --git a/src/app/about/controllers/controllers.js b/src/app/about/controllers/controllers.js deleted file mode 100644 index 7b25b85..0000000 --- a/src/app/about/controllers/controllers.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('about.controllers', [ - 'about.controllers.AboutCtrl' -]); diff --git a/src/app/about/e2e/about.e2e.js b/src/app/about/e2e/about.e2e.js deleted file mode 100644 index 4d6309e..0000000 --- a/src/app/about/e2e/about.e2e.js +++ /dev/null @@ -1,7 +0,0 @@ -describe('test about page', function () { - - beforeEach(function() { - browser.get('#/about'); - }); - -}); diff --git a/src/app/about/styles/_about.scss b/src/app/about/styles/_about.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/app/about/styles/_styles.scss b/src/app/about/styles/_styles.scss deleted file mode 100644 index 9bca3a0..0000000 --- a/src/app/about/styles/_styles.scss +++ /dev/null @@ -1,2 +0,0 @@ -// Import all separate styles for this component here. Don't add any actual Sass to this file. -@import "about"; diff --git a/src/app/about/unit/AboutCtrl.spec.js b/src/app/about/unit/AboutCtrl.spec.js deleted file mode 100644 index b980f28..0000000 --- a/src/app/about/unit/AboutCtrl.spec.js +++ /dev/null @@ -1,18 +0,0 @@ -describe('AboutCtrl ', function () { - - var controller, scope; - - beforeEach(module('app.about')); - - beforeEach(inject(function ($controller, $rootScope) { - scope = $rootScope.$new(); - controller = $controller('AboutCtrl', { - $scope: scope - }); - })); - - it('should set correct page title', function () { - expect(scope.title).toBe('About Page'); - }); - -}); diff --git a/src/app/about/views/about.tpl.html b/src/app/about/views/about.tpl.html deleted file mode 100644 index 4e00d1e..0000000 --- a/src/app/about/views/about.tpl.html +++ /dev/null @@ -1,12 +0,0 @@ -
-
-
-

Well would you look at that, it's the {{title}}.

-

Navigating between pages is really easy thanks to ui-router.

-
- - Go back home -
-
-
- diff --git a/src/app/app.js b/src/app/app.js deleted file mode 100644 index e6face8..0000000 --- a/src/app/app.js +++ /dev/null @@ -1,33 +0,0 @@ -angular.module('angularjs-foundation-boilerplate', [ - - /** - * Dependencies must be injected in specific order: - * 1) AngularJS dependencies - * 2) Compiled HTML templates - * 3) Common Services, Directives, Filters and Utilities - * 4) App Layout component (e.g. Layout or Frame) - * 5) Other App components (e.g. Topbar, About, etc) - */ - - // AngularJS dependencies - 'ui.router', - 'ngResource', - - // Include compiled HTML templates - 'app.templates', - - // Common/shared code - 'app.common', - - // Layout - 'app.layout', - - // Components - 'app.topbar', - 'app.home', - 'app.about' -]) - - .run(['$state', function ($state) { - $state.go('home'); - }]); diff --git a/src/app/common/common.module.js b/src/app/common/common.module.js deleted file mode 100644 index 39bd39c..0000000 --- a/src/app/common/common.module.js +++ /dev/null @@ -1,4 +0,0 @@ -angular.module('app.common', [ - 'common.directives', - 'common.services' -]); diff --git a/src/app/common/directives/backButton.js b/src/app/common/directives/backButton.js deleted file mode 100644 index 09e595f..0000000 --- a/src/app/common/directives/backButton.js +++ /dev/null @@ -1,12 +0,0 @@ -angular.module('common.directives.backButton', []) - - .directive('backButton', ['$window', function($window) { - return { - restrict: 'A', - link: function (scope, elem) { - elem.bind('click', function () { - $window.history.back(); - }); - } - }; - }]); diff --git a/src/app/common/directives/directives.js b/src/app/common/directives/directives.js deleted file mode 100644 index 6d5eb2f..0000000 --- a/src/app/common/directives/directives.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('common.directives', [ - 'common.directives.backButton' -]); diff --git a/src/app/common/services/Utils.js b/src/app/common/services/Utils.js deleted file mode 100644 index 5d8ca78..0000000 --- a/src/app/common/services/Utils.js +++ /dev/null @@ -1,31 +0,0 @@ -angular.module('common.services.Utils', []) - .factory('Utils', function Utils() { - - var utils = { - isNullOrUndefined: isNullOrUndefined, - isUndefinedOrWhitespace: isUndefinedOrWhitespace, - isNullOrWhitespace: isNullOrWhitespace, - isNullOrUndefinedOrWhitespace: isNullorUndefinedOrWhitespace - }; - return utils; - - function isNullOrUndefined(object) { - return object === null || angular.isUndefined(object) ? true : false; - } - - function isUndefinedOrWhitespace(stringText) { - return angular.isUndefined(stringText) || stringText.trim().length <= 0 ? true : false; - } - - function isNullorUndefinedOrWhitespace(stringText) { - if(stringText !== null) { - return angular.isUndefined(stringText) || stringText.trim().length <= 0 ? true : false; - } else { - return true; - } - } - - function isNullOrWhitespace(stringText) { - return stringText === null || stringText.trim().length <= 0 ? true : false; - } - }); diff --git a/src/app/common/services/services.js b/src/app/common/services/services.js deleted file mode 100644 index e3ca9b0..0000000 --- a/src/app/common/services/services.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('common.services', [ - 'common.services.Utils' -]); diff --git a/src/app/home/assets/foundation-yeti.png b/src/app/home/assets/foundation-yeti.png deleted file mode 100644 index 886c078..0000000 Binary files a/src/app/home/assets/foundation-yeti.png and /dev/null differ diff --git a/src/app/home/controllers/HomeCtrl.js b/src/app/home/controllers/HomeCtrl.js deleted file mode 100644 index 3efe2b0..0000000 --- a/src/app/home/controllers/HomeCtrl.js +++ /dev/null @@ -1,6 +0,0 @@ -angular.module('home.controllers.HomeCtrl', []) - .controller('HomeCtrl', function($scope, HomeService) { - $scope.title = 'Home Page'; - $scope.homepageMessage = HomeService.getHelloMessage(); - $scope.foundationItems = HomeService.foundationItems; - }); diff --git a/src/app/home/controllers/controllers.js b/src/app/home/controllers/controllers.js deleted file mode 100644 index 0ff7ddb..0000000 --- a/src/app/home/controllers/controllers.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('home.controllers', [ - 'home.controllers.HomeCtrl' -]); diff --git a/src/app/home/directives/directives.js b/src/app/home/directives/directives.js deleted file mode 100644 index 8f483ec..0000000 --- a/src/app/home/directives/directives.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('home.directives', [ - -]); diff --git a/src/app/home/e2e/home.e2e.js b/src/app/home/e2e/home.e2e.js deleted file mode 100644 index 85e54ed..0000000 --- a/src/app/home/e2e/home.e2e.js +++ /dev/null @@ -1,10 +0,0 @@ -describe('test home page', function () { - - beforeEach(function() { - browser.get('#/home'); - }); - - it('should ensure the page title is correct', function () { - expect(browser.getTitle()).toEqual('AngularJS Foundation Boilerplate'); - }); -}); diff --git a/src/app/home/home.module.js b/src/app/home/home.module.js deleted file mode 100644 index 113bab9..0000000 --- a/src/app/home/home.module.js +++ /dev/null @@ -1,13 +0,0 @@ -angular.module('app.home', [ - 'ui.router', - 'home.controllers', - 'home.services', - 'home.directives' -]) - -.config(function config($stateProvider) { - $stateProvider.state('home', { - url: '/home', - templateUrl: 'home/views/home.tpl.html' - }); -}); diff --git a/src/app/home/services/HomeService.js b/src/app/home/services/HomeService.js deleted file mode 100644 index fc45228..0000000 --- a/src/app/home/services/HomeService.js +++ /dev/null @@ -1,29 +0,0 @@ - -angular.module('home.services.HomeService', []) - .factory('HomeService', function() { - - var foundationItems = [ - { - title: 'CheatSheet', - link: 'http://sudheerdev.github.io/Foundation5CheatSheet/' - }, - { - title: 'Kitchen Sink', - link: 'http://foundation.zurb.com/docs/components/kitchen_sink.html' - }, - { - title: 'Foundation Documentation', - link: 'http://foundation.zurb.com/docs/' - } - ]; - - var HomeService = { - getHelloMessage: getHelloMessage, - foundationItems: foundationItems - }; - return HomeService; - - function getHelloMessage() { - return 'Ready to get started? Great! Below are some resources to help you out.'; - } - }); diff --git a/src/app/home/services/services.js b/src/app/home/services/services.js deleted file mode 100644 index c7abe74..0000000 --- a/src/app/home/services/services.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('home.services', [ - 'home.services.HomeService' -]); diff --git a/src/app/home/styles/_home.scss b/src/app/home/styles/_home.scss deleted file mode 100644 index 72d0dc4..0000000 --- a/src/app/home/styles/_home.scss +++ /dev/null @@ -1,4 +0,0 @@ -.img-circle-yeti { - @include circle(30%, 30%); - margin-bottom: 40px; -} diff --git a/src/app/home/styles/_styles.scss b/src/app/home/styles/_styles.scss deleted file mode 100644 index 1126ae8..0000000 --- a/src/app/home/styles/_styles.scss +++ /dev/null @@ -1,2 +0,0 @@ -// Import all separate styles for this component here. Don't add any actual Sass to this file. -@import "home"; diff --git a/src/app/home/unit/HomeCtrl.spec.js b/src/app/home/unit/HomeCtrl.spec.js deleted file mode 100644 index 460c166..0000000 --- a/src/app/home/unit/HomeCtrl.spec.js +++ /dev/null @@ -1,18 +0,0 @@ -describe('HomeCtrl ', function () { - - var controller, scope; - - beforeEach(module('app.home')); - - beforeEach(inject(function ($controller, $rootScope) { - scope = $rootScope.$new(); - controller = $controller('HomeCtrl', { - $scope: scope - }); - })); - - it('should set correct page title', function () { - expect(scope.title).toBe('Home Page'); - }); - -}); diff --git a/src/app/home/unit/HomeService.service.spec.js b/src/app/home/unit/HomeService.service.spec.js deleted file mode 100644 index 0bd900f..0000000 --- a/src/app/home/unit/HomeService.service.spec.js +++ /dev/null @@ -1,26 +0,0 @@ -describe('Service: HomeService -', function () { - - var service, rootScope; - - beforeEach(module('home.services.HomeService')); - beforeEach(inject(function ($rootScope, HomeService) { - rootScope = $rootScope; - service = HomeService; - })); - - describe('getHelloMessage function', function () { - beforeEach(function() { - spyOn(service, 'getHelloMessage').and.callThrough(); - }); - - it('should exist as a function', function () { - service.getHelloMessage(); - expect(service.getHelloMessage).toHaveBeenCalled(); - }); - - it('should return the correct message', function () { - var message = service.getHelloMessage(); - expect(message).toBe('Ready to get started? Great! Below are some resources to help you out.'); - }); - }); -}); diff --git a/src/app/home/views/home.tpl.html b/src/app/home/views/home.tpl.html deleted file mode 100644 index d32b2b2..0000000 --- a/src/app/home/views/home.tpl.html +++ /dev/null @@ -1,49 +0,0 @@ -
-
-
-

Behold, a Foundation AngularJS app!

-

{{homepageMessage}}

-
- -
- - -
-
- -
-
- -
-
-
-
diff --git a/src/app/layout/controllers/LayoutCtrl.js b/src/app/layout/controllers/LayoutCtrl.js deleted file mode 100644 index 6820dff..0000000 --- a/src/app/layout/controllers/LayoutCtrl.js +++ /dev/null @@ -1,4 +0,0 @@ -angular.module('layout.controllers.LayoutCtrl', []) - .controller('LayoutCtrl', function($scope) { - $scope.sampleArray = ['Item1', 'Item2', 'Item3']; - }); diff --git a/src/app/layout/controllers/controllers.js b/src/app/layout/controllers/controllers.js deleted file mode 100644 index 30334ea..0000000 --- a/src/app/layout/controllers/controllers.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('layout.controllers', [ - 'layout.controllers.LayoutCtrl' -]); diff --git a/src/app/layout/layout.module.js b/src/app/layout/layout.module.js deleted file mode 100644 index 94810c6..0000000 --- a/src/app/layout/layout.module.js +++ /dev/null @@ -1,22 +0,0 @@ -angular.module('app.layout', [ - 'ui.router', - 'layout.controllers' -]) - -.config(function config($stateProvider) { - $stateProvider.state('layout', { - url: '/home', - templateUrl: 'home/views/home.tpl.html' - }); -}) - - // Initialize Foundation -.run(function($rootScope, $document) { - $rootScope.$on('$viewContentLoaded', function () { - $document.foundation({ - offcanvas: { - close_on_click: true - } - }); - }); -}); diff --git a/src/app/layout/styles/_layout.scss b/src/app/layout/styles/_layout.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/app/layout/styles/_styles.scss b/src/app/layout/styles/_styles.scss deleted file mode 100644 index 1270ba1..0000000 --- a/src/app/layout/styles/_styles.scss +++ /dev/null @@ -1,2 +0,0 @@ -// Import all separate styles for this component here. Don't add any actual Sass to this file. -@import "layout"; diff --git a/src/app/layout/views/layout.tpl.html b/src/app/layout/views/layout.tpl.html deleted file mode 100644 index 83ee0da..0000000 --- a/src/app/layout/views/layout.tpl.html +++ /dev/null @@ -1,6 +0,0 @@ - -
-
UI VIew
- - -
diff --git a/src/app/sample/controllers/SampleCtrl.js b/src/app/sample/controllers/SampleCtrl.js deleted file mode 100644 index bc25d1f..0000000 --- a/src/app/sample/controllers/SampleCtrl.js +++ /dev/null @@ -1,4 +0,0 @@ -angular.module('sample.controllers.SampleCtrl', []) - .controller('SampleCtrl', function($scope) { - $scope.title = 'This is a sample component'; - }); diff --git a/src/app/sample/controllers/controllers.js b/src/app/sample/controllers/controllers.js deleted file mode 100644 index 832b89f..0000000 --- a/src/app/sample/controllers/controllers.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('sample.controllers', [ - 'sample.controllers.SampleCtrl' -]); diff --git a/src/app/sample/directives/directives.js b/src/app/sample/directives/directives.js deleted file mode 100644 index d0d5a3c..0000000 --- a/src/app/sample/directives/directives.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('sample.directives', [ - 'sample.directives.sampleDirective' -]); diff --git a/src/app/sample/directives/sampleDirective.js b/src/app/sample/directives/sampleDirective.js deleted file mode 100644 index 2ea0472..0000000 --- a/src/app/sample/directives/sampleDirective.js +++ /dev/null @@ -1,8 +0,0 @@ -angular.module('sample.directives.sampleDirective', []) - - .directive('sampleDirective', ['$window', function() { - return { - restrict: 'A' - - }; - }]); diff --git a/src/app/sample/e2e/sample.e2e.js b/src/app/sample/e2e/sample.e2e.js deleted file mode 100644 index 153201a..0000000 --- a/src/app/sample/e2e/sample.e2e.js +++ /dev/null @@ -1,10 +0,0 @@ -describe('test sample', function () { - - beforeEach(function() { - browser.get('#/home'); - }); - - it('should test the UI somehow', function () { - expect(browser.getTitle()).toEqual('AngularJS Foundation Boilerplate'); - }); -}); diff --git a/src/app/sample/sample.module.js b/src/app/sample/sample.module.js deleted file mode 100644 index f3a01dd..0000000 --- a/src/app/sample/sample.module.js +++ /dev/null @@ -1,13 +0,0 @@ -angular.module('app.sample', [ - 'ui.router', - 'sample.controllers', - 'sample.services', - 'sample.directives' -]) - -.config(function config($stateProvider) { - $stateProvider.state('sample', { - url: '/sample', - sampleUrl: 'sample/views/sample.tpl.html' - }); -}); diff --git a/src/app/sample/services/SampleService.js b/src/app/sample/services/SampleService.js deleted file mode 100644 index 407bbf3..0000000 --- a/src/app/sample/services/SampleService.js +++ /dev/null @@ -1,17 +0,0 @@ -angular.module('sample.services.SampleService', []) - .factory('SampleService', function() { - - var SampleService = { - getMessage: getMessage, - addNumbers: addNumbers - }; - return SampleService; - - function getMessage() { - return 'Hello, this is a sample service!'; - } - - function addNumbers(num1, num2) { - return num1 + num2; - } - }); diff --git a/src/app/sample/services/services.js b/src/app/sample/services/services.js deleted file mode 100644 index 0767a13..0000000 --- a/src/app/sample/services/services.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('sample.services', [ - 'sample.services.SampleService' -]); diff --git a/src/app/sample/styles/_sample.scss b/src/app/sample/styles/_sample.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/app/sample/styles/_styles.scss b/src/app/sample/styles/_styles.scss deleted file mode 100644 index 7ef743e..0000000 --- a/src/app/sample/styles/_styles.scss +++ /dev/null @@ -1,2 +0,0 @@ -// Import all separate styles for this component here. Don't add any actual Sass to this file. -@import "sample"; diff --git a/src/app/sample/unit/SampleCtrl.spec.js b/src/app/sample/unit/SampleCtrl.spec.js deleted file mode 100644 index 727840d..0000000 --- a/src/app/sample/unit/SampleCtrl.spec.js +++ /dev/null @@ -1,18 +0,0 @@ -describe('SampleCtrl ', function () { - - var controller, scope; - - beforeEach(module('app.sample')); - - beforeEach(inject(function ($controller, $rootScope) { - scope = $rootScope.$new(); - controller = $controller('SampleCtrl', { - $scope: scope - }); - })); - - it('should set correct page title', function () { - expect(scope.title).toBe('This is a sample component'); - }); - -}); diff --git a/src/app/sample/unit/SampleService.service.spec.js b/src/app/sample/unit/SampleService.service.spec.js deleted file mode 100644 index 7cc845c..0000000 --- a/src/app/sample/unit/SampleService.service.spec.js +++ /dev/null @@ -1,26 +0,0 @@ -describe('Service: SampleService -', function () { - - var service, rootScope; - - beforeEach(module('sample.services.SampleService')); - beforeEach(inject(function ($rootScope, SampleService) { - rootScope = $rootScope; - service = SampleService; - })); - - describe('getMessage function', function () { - beforeEach(function() { - spyOn(service, 'getMessage').and.callThrough(); - }); - - it('should exist as a function', function () { - service.getMessage(); - expect(service.getMessage).toHaveBeenCalled(); - }); - - it('should return the correct message', function () { - var message = service.getMessage(); - expect(message).toBe('Hello, this is a sample service!'); - }); - }); -}); diff --git a/src/app/sample/views/sample.tpl.html b/src/app/sample/views/sample.tpl.html deleted file mode 100644 index 51f844e..0000000 --- a/src/app/sample/views/sample.tpl.html +++ /dev/null @@ -1,3 +0,0 @@ -
-

{{title}}

-
diff --git a/src/app/topbar/controllers/TopbarCtrl.js b/src/app/topbar/controllers/TopbarCtrl.js deleted file mode 100644 index 3d22a29..0000000 --- a/src/app/topbar/controllers/TopbarCtrl.js +++ /dev/null @@ -1,8 +0,0 @@ -angular.module('topbar.controllers.TopbarCtrl', []) - .controller('TopbarCtrl', function($state, $scope) { - - // Go to the 'about' state which shows the about page content. - $scope.showAboutPage = function(){ - $state.go('about'); - }; - }); diff --git a/src/app/topbar/controllers/controllers.js b/src/app/topbar/controllers/controllers.js deleted file mode 100644 index a27bc8a..0000000 --- a/src/app/topbar/controllers/controllers.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('topbar.controllers', [ - 'topbar.controllers.TopbarCtrl' -]); diff --git a/src/app/topbar/e2e/topbar.e2e.js b/src/app/topbar/e2e/topbar.e2e.js deleted file mode 100644 index ccf6079..0000000 --- a/src/app/topbar/e2e/topbar.e2e.js +++ /dev/null @@ -1,15 +0,0 @@ -describe('test topbar', function () { - - beforeEach(function() { - browser.get('#/home'); - }); - - it('should display the dropdown button', function () { - expect(element(by.id('dropdownButton')).isDisplayed()).toBeTruthy(); - }); - - it('should click on the dropdown button and show the dropdown menu', function () { - element(by.id('dropdownButton')).click(); - expect(element(by.id('dropdownMenu')).isDisplayed()).toBeTruthy(); - }); -}); diff --git a/src/app/topbar/styles/_styles.scss b/src/app/topbar/styles/_styles.scss deleted file mode 100644 index 2eae868..0000000 --- a/src/app/topbar/styles/_styles.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Import all separate styles for this component here. Don't add any actual Sass to this file. -@import "topbar"; -@import "tabbar"; diff --git a/src/app/topbar/styles/_tabbar.scss b/src/app/topbar/styles/_tabbar.scss deleted file mode 100644 index 010083d..0000000 --- a/src/app/topbar/styles/_tabbar.scss +++ /dev/null @@ -1,5 +0,0 @@ -.off-canvas-wrap { - .inner-wrap{ - min-height: 100vh; - } -} diff --git a/src/app/topbar/styles/_topbar.scss b/src/app/topbar/styles/_topbar.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/app/topbar/topbar.module.js b/src/app/topbar/topbar.module.js deleted file mode 100644 index 03e1aeb..0000000 --- a/src/app/topbar/topbar.module.js +++ /dev/null @@ -1,3 +0,0 @@ -angular.module('app.topbar', [ - 'topbar.controllers' -]); diff --git a/src/app/topbar/unit/topbar.spec.js b/src/app/topbar/unit/topbar.spec.js deleted file mode 100644 index d111031..0000000 --- a/src/app/topbar/unit/topbar.spec.js +++ /dev/null @@ -1,14 +0,0 @@ -describe('TopbarCtrl ', function () { - - var controller, scope; - - beforeEach(module('app.topbar')); - - beforeEach(inject(function ($controller, $rootScope) { - scope = $rootScope.$new(); - controller = $controller('TopbarCtrl', { - $scope: scope - }); - })); - -}); diff --git a/src/app/topbar/views/tabbar.tpl.html b/src/app/topbar/views/tabbar.tpl.html deleted file mode 100644 index d380004..0000000 --- a/src/app/topbar/views/tabbar.tpl.html +++ /dev/null @@ -1,30 +0,0 @@ -
-
- - - - -
-
UI VIew
-
- - - -
-
diff --git a/src/app/topbar/views/topbar.tpl.html b/src/app/topbar/views/topbar.tpl.html deleted file mode 100644 index a64432c..0000000 --- a/src/app/topbar/views/topbar.tpl.html +++ /dev/null @@ -1,30 +0,0 @@ -
- -
diff --git a/src/assets/fonts/FontAwesome.otf b/src/assets/fonts/FontAwesome.otf deleted file mode 100644 index 681bdd4..0000000 Binary files a/src/assets/fonts/FontAwesome.otf and /dev/null differ diff --git a/src/assets/fonts/fontawesome-webfont.eot b/src/assets/fonts/fontawesome-webfont.eot deleted file mode 100644 index a30335d..0000000 Binary files a/src/assets/fonts/fontawesome-webfont.eot and /dev/null differ diff --git a/src/assets/fonts/fontawesome-webfont.svg b/src/assets/fonts/fontawesome-webfont.svg deleted file mode 100644 index 6fd19ab..0000000 --- a/src/assets/fonts/fontawesome-webfont.svg +++ /dev/null @@ -1,640 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/fonts/fontawesome-webfont.ttf b/src/assets/fonts/fontawesome-webfont.ttf deleted file mode 100644 index d7994e1..0000000 Binary files a/src/assets/fonts/fontawesome-webfont.ttf and /dev/null differ diff --git a/src/assets/fonts/fontawesome-webfont.woff b/src/assets/fonts/fontawesome-webfont.woff deleted file mode 100644 index 6fd4ede..0000000 Binary files a/src/assets/fonts/fontawesome-webfont.woff and /dev/null differ diff --git a/src/assets/fonts/fontawesome-webfont.woff2 b/src/assets/fonts/fontawesome-webfont.woff2 deleted file mode 100644 index 5560193..0000000 Binary files a/src/assets/fonts/fontawesome-webfont.woff2 and /dev/null differ diff --git a/src/assets/images/foundation-fav-icon.ico b/src/assets/images/foundation-fav-icon.ico deleted file mode 100644 index fc7d766..0000000 Binary files a/src/assets/images/foundation-fav-icon.ico and /dev/null differ diff --git a/src/index.html b/src/index.html deleted file mode 100644 index 082b94d..0000000 --- a/src/index.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - AngularJS Foundation Boilerplate - - - <% styles.forEach( function ( file ) { %> - - <% }); %> - - - - -
- - -<% scripts.forEach( function ( file ) { %> - -<% }); %> - - - diff --git a/src/styles/_font-awesome.scss b/src/styles/_font-awesome.scss deleted file mode 100644 index 6f71a7f..0000000 --- a/src/styles/_font-awesome.scss +++ /dev/null @@ -1,2026 +0,0 @@ -/*! - * 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('../assets/fonts/fontawesome-webfont.eot?v=4.4.0'); - src: url('../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../assets/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../assets/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../assets/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../assets/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.33333333em; - 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.28571429em; - text-align: center; -} -.fa-ul { - padding-left: 0; - margin-left: 2.14285714em; - list-style-type: none; -} -.fa-ul > li { - position: relative; -} -.fa-li { - position: absolute; - left: -2.14285714em; - width: 2.14285714em; - top: 0.14285714em; - text-align: center; -} -.fa-li.fa-lg { - left: -1.85714286em; -} -.fa-border { - padding: .2em .25em .15em; - border: solid 0.08em #eeeeee; - 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, mirror=1); - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.fa-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); - -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 { - 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: #ffffff; -} -/* 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: "\f000"; -} -.fa-music:before { - content: "\f001"; -} -.fa-search:before { - content: "\f002"; -} -.fa-envelope-o:before { - content: "\f003"; -} -.fa-heart:before { - content: "\f004"; -} -.fa-star:before { - content: "\f005"; -} -.fa-star-o:before { - content: "\f006"; -} -.fa-user:before { - content: "\f007"; -} -.fa-film:before { - content: "\f008"; -} -.fa-th-large:before { - content: "\f009"; -} -.fa-th:before { - content: "\f00a"; -} -.fa-th-list:before { - content: "\f00b"; -} -.fa-check:before { - content: "\f00c"; -} -.fa-remove:before, -.fa-close:before, -.fa-times:before { - content: "\f00d"; -} -.fa-search-plus:before { - content: "\f00e"; -} -.fa-search-minus:before { - content: "\f010"; -} -.fa-power-off:before { - content: "\f011"; -} -.fa-signal:before { - content: "\f012"; -} -.fa-gear:before, -.fa-cog:before { - content: "\f013"; -} -.fa-trash-o:before { - content: "\f014"; -} -.fa-home:before { - content: "\f015"; -} -.fa-file-o:before { - content: "\f016"; -} -.fa-clock-o:before { - content: "\f017"; -} -.fa-road:before { - content: "\f018"; -} -.fa-download:before { - content: "\f019"; -} -.fa-arrow-circle-o-down:before { - content: "\f01a"; -} -.fa-arrow-circle-o-up:before { - content: "\f01b"; -} -.fa-inbox:before { - content: "\f01c"; -} -.fa-play-circle-o:before { - content: "\f01d"; -} -.fa-rotate-right:before, -.fa-repeat:before { - content: "\f01e"; -} -.fa-refresh:before { - content: "\f021"; -} -.fa-list-alt:before { - content: "\f022"; -} -.fa-lock:before { - content: "\f023"; -} -.fa-flag:before { - content: "\f024"; -} -.fa-headphones:before { - content: "\f025"; -} -.fa-volume-off:before { - content: "\f026"; -} -.fa-volume-down:before { - content: "\f027"; -} -.fa-volume-up:before { - content: "\f028"; -} -.fa-qrcode:before { - content: "\f029"; -} -.fa-barcode:before { - content: "\f02a"; -} -.fa-tag:before { - content: "\f02b"; -} -.fa-tags:before { - content: "\f02c"; -} -.fa-book:before { - content: "\f02d"; -} -.fa-bookmark:before { - content: "\f02e"; -} -.fa-print:before { - content: "\f02f"; -} -.fa-camera:before { - content: "\f030"; -} -.fa-font:before { - content: "\f031"; -} -.fa-bold:before { - content: "\f032"; -} -.fa-italic:before { - content: "\f033"; -} -.fa-text-height:before { - content: "\f034"; -} -.fa-text-width:before { - content: "\f035"; -} -.fa-align-left:before { - content: "\f036"; -} -.fa-align-center:before { - content: "\f037"; -} -.fa-align-right:before { - content: "\f038"; -} -.fa-align-justify:before { - content: "\f039"; -} -.fa-list:before { - content: "\f03a"; -} -.fa-dedent:before, -.fa-outdent:before { - content: "\f03b"; -} -.fa-indent:before { - content: "\f03c"; -} -.fa-video-camera:before { - content: "\f03d"; -} -.fa-photo:before, -.fa-image:before, -.fa-picture-o:before { - content: "\f03e"; -} -.fa-pencil:before { - content: "\f040"; -} -.fa-map-marker:before { - content: "\f041"; -} -.fa-adjust:before { - content: "\f042"; -} -.fa-tint:before { - content: "\f043"; -} -.fa-edit:before, -.fa-pencil-square-o:before { - content: "\f044"; -} -.fa-share-square-o:before { - content: "\f045"; -} -.fa-check-square-o:before { - content: "\f046"; -} -.fa-arrows:before { - content: "\f047"; -} -.fa-step-backward:before { - content: "\f048"; -} -.fa-fast-backward:before { - content: "\f049"; -} -.fa-backward:before { - content: "\f04a"; -} -.fa-play:before { - content: "\f04b"; -} -.fa-pause:before { - content: "\f04c"; -} -.fa-stop:before { - content: "\f04d"; -} -.fa-forward:before { - content: "\f04e"; -} -.fa-fast-forward:before { - content: "\f050"; -} -.fa-step-forward:before { - content: "\f051"; -} -.fa-eject:before { - content: "\f052"; -} -.fa-chevron-left:before { - content: "\f053"; -} -.fa-chevron-right:before { - content: "\f054"; -} -.fa-plus-circle:before { - content: "\f055"; -} -.fa-minus-circle:before { - content: "\f056"; -} -.fa-times-circle:before { - content: "\f057"; -} -.fa-check-circle:before { - content: "\f058"; -} -.fa-question-circle:before { - content: "\f059"; -} -.fa-info-circle:before { - content: "\f05a"; -} -.fa-crosshairs:before { - content: "\f05b"; -} -.fa-times-circle-o:before { - content: "\f05c"; -} -.fa-check-circle-o:before { - content: "\f05d"; -} -.fa-ban:before { - content: "\f05e"; -} -.fa-arrow-left:before { - content: "\f060"; -} -.fa-arrow-right:before { - content: "\f061"; -} -.fa-arrow-up:before { - content: "\f062"; -} -.fa-arrow-down:before { - content: "\f063"; -} -.fa-mail-forward:before, -.fa-share:before { - content: "\f064"; -} -.fa-expand:before { - content: "\f065"; -} -.fa-compress:before { - content: "\f066"; -} -.fa-plus:before { - content: "\f067"; -} -.fa-minus:before { - content: "\f068"; -} -.fa-asterisk:before { - content: "\f069"; -} -.fa-exclamation-circle:before { - content: "\f06a"; -} -.fa-gift:before { - content: "\f06b"; -} -.fa-leaf:before { - content: "\f06c"; -} -.fa-fire:before { - content: "\f06d"; -} -.fa-eye:before { - content: "\f06e"; -} -.fa-eye-slash:before { - content: "\f070"; -} -.fa-warning:before, -.fa-exclamation-triangle:before { - content: "\f071"; -} -.fa-plane:before { - content: "\f072"; -} -.fa-calendar:before { - content: "\f073"; -} -.fa-random:before { - content: "\f074"; -} -.fa-comment:before { - content: "\f075"; -} -.fa-magnet:before { - content: "\f076"; -} -.fa-chevron-up:before { - content: "\f077"; -} -.fa-chevron-down:before { - content: "\f078"; -} -.fa-retweet:before { - content: "\f079"; -} -.fa-shopping-cart:before { - content: "\f07a"; -} -.fa-folder:before { - content: "\f07b"; -} -.fa-folder-open:before { - content: "\f07c"; -} -.fa-arrows-v:before { - content: "\f07d"; -} -.fa-arrows-h:before { - content: "\f07e"; -} -.fa-bar-chart-o:before, -.fa-bar-chart:before { - content: "\f080"; -} -.fa-twitter-square:before { - content: "\f081"; -} -.fa-facebook-square:before { - content: "\f082"; -} -.fa-camera-retro:before { - content: "\f083"; -} -.fa-key:before { - content: "\f084"; -} -.fa-gears:before, -.fa-cogs:before { - content: "\f085"; -} -.fa-comments:before { - content: "\f086"; -} -.fa-thumbs-o-up:before { - content: "\f087"; -} -.fa-thumbs-o-down:before { - content: "\f088"; -} -.fa-star-half:before { - content: "\f089"; -} -.fa-heart-o:before { - content: "\f08a"; -} -.fa-sign-out:before { - content: "\f08b"; -} -.fa-linkedin-square:before { - content: "\f08c"; -} -.fa-thumb-tack:before { - content: "\f08d"; -} -.fa-external-link:before { - content: "\f08e"; -} -.fa-sign-in:before { - content: "\f090"; -} -.fa-trophy:before { - content: "\f091"; -} -.fa-github-square:before { - content: "\f092"; -} -.fa-upload:before { - content: "\f093"; -} -.fa-lemon-o:before { - content: "\f094"; -} -.fa-phone:before { - content: "\f095"; -} -.fa-square-o:before { - content: "\f096"; -} -.fa-bookmark-o:before { - content: "\f097"; -} -.fa-phone-square:before { - content: "\f098"; -} -.fa-twitter:before { - content: "\f099"; -} -.fa-facebook-f:before, -.fa-facebook:before { - content: "\f09a"; -} -.fa-github:before { - content: "\f09b"; -} -.fa-unlock:before { - content: "\f09c"; -} -.fa-credit-card:before { - content: "\f09d"; -} -.fa-feed:before, -.fa-rss:before { - content: "\f09e"; -} -.fa-hdd-o:before { - content: "\f0a0"; -} -.fa-bullhorn:before { - content: "\f0a1"; -} -.fa-bell:before { - content: "\f0f3"; -} -.fa-certificate:before { - content: "\f0a3"; -} -.fa-hand-o-right:before { - content: "\f0a4"; -} -.fa-hand-o-left:before { - content: "\f0a5"; -} -.fa-hand-o-up:before { - content: "\f0a6"; -} -.fa-hand-o-down:before { - content: "\f0a7"; -} -.fa-arrow-circle-left:before { - content: "\f0a8"; -} -.fa-arrow-circle-right:before { - content: "\f0a9"; -} -.fa-arrow-circle-up:before { - content: "\f0aa"; -} -.fa-arrow-circle-down:before { - content: "\f0ab"; -} -.fa-globe:before { - content: "\f0ac"; -} -.fa-wrench:before { - content: "\f0ad"; -} -.fa-tasks:before { - content: "\f0ae"; -} -.fa-filter:before { - content: "\f0b0"; -} -.fa-briefcase:before { - content: "\f0b1"; -} -.fa-arrows-alt:before { - content: "\f0b2"; -} -.fa-group:before, -.fa-users:before { - content: "\f0c0"; -} -.fa-chain:before, -.fa-link:before { - content: "\f0c1"; -} -.fa-cloud:before { - content: "\f0c2"; -} -.fa-flask:before { - content: "\f0c3"; -} -.fa-cut:before, -.fa-scissors:before { - content: "\f0c4"; -} -.fa-copy:before, -.fa-files-o:before { - content: "\f0c5"; -} -.fa-paperclip:before { - content: "\f0c6"; -} -.fa-save:before, -.fa-floppy-o:before { - content: "\f0c7"; -} -.fa-square:before { - content: "\f0c8"; -} -.fa-navicon:before, -.fa-reorder:before, -.fa-bars:before { - content: "\f0c9"; -} -.fa-list-ul:before { - content: "\f0ca"; -} -.fa-list-ol:before { - content: "\f0cb"; -} -.fa-strikethrough:before { - content: "\f0cc"; -} -.fa-underline:before { - content: "\f0cd"; -} -.fa-table:before { - content: "\f0ce"; -} -.fa-magic:before { - content: "\f0d0"; -} -.fa-truck:before { - content: "\f0d1"; -} -.fa-pinterest:before { - content: "\f0d2"; -} -.fa-pinterest-square:before { - content: "\f0d3"; -} -.fa-google-plus-square:before { - content: "\f0d4"; -} -.fa-google-plus:before { - content: "\f0d5"; -} -.fa-money:before { - content: "\f0d6"; -} -.fa-caret-down:before { - content: "\f0d7"; -} -.fa-caret-up:before { - content: "\f0d8"; -} -.fa-caret-left:before { - content: "\f0d9"; -} -.fa-caret-right:before { - content: "\f0da"; -} -.fa-columns:before { - content: "\f0db"; -} -.fa-unsorted:before, -.fa-sort:before { - content: "\f0dc"; -} -.fa-sort-down:before, -.fa-sort-desc:before { - content: "\f0dd"; -} -.fa-sort-up:before, -.fa-sort-asc:before { - content: "\f0de"; -} -.fa-envelope:before { - content: "\f0e0"; -} -.fa-linkedin:before { - content: "\f0e1"; -} -.fa-rotate-left:before, -.fa-undo:before { - content: "\f0e2"; -} -.fa-legal:before, -.fa-gavel:before { - content: "\f0e3"; -} -.fa-dashboard:before, -.fa-tachometer:before { - content: "\f0e4"; -} -.fa-comment-o:before { - content: "\f0e5"; -} -.fa-comments-o:before { - content: "\f0e6"; -} -.fa-flash:before, -.fa-bolt:before { - content: "\f0e7"; -} -.fa-sitemap:before { - content: "\f0e8"; -} -.fa-umbrella:before { - content: "\f0e9"; -} -.fa-paste:before, -.fa-clipboard:before { - content: "\f0ea"; -} -.fa-lightbulb-o:before { - content: "\f0eb"; -} -.fa-exchange:before { - content: "\f0ec"; -} -.fa-cloud-download:before { - content: "\f0ed"; -} -.fa-cloud-upload:before { - content: "\f0ee"; -} -.fa-user-md:before { - content: "\f0f0"; -} -.fa-stethoscope:before { - content: "\f0f1"; -} -.fa-suitcase:before { - content: "\f0f2"; -} -.fa-bell-o:before { - content: "\f0a2"; -} -.fa-coffee:before { - content: "\f0f4"; -} -.fa-cutlery:before { - content: "\f0f5"; -} -.fa-file-text-o:before { - content: "\f0f6"; -} -.fa-building-o:before { - content: "\f0f7"; -} -.fa-hospital-o:before { - content: "\f0f8"; -} -.fa-ambulance:before { - content: "\f0f9"; -} -.fa-medkit:before { - content: "\f0fa"; -} -.fa-fighter-jet:before { - content: "\f0fb"; -} -.fa-beer:before { - content: "\f0fc"; -} -.fa-h-square:before { - content: "\f0fd"; -} -.fa-plus-square:before { - content: "\f0fe"; -} -.fa-angle-double-left:before { - content: "\f100"; -} -.fa-angle-double-right:before { - content: "\f101"; -} -.fa-angle-double-up:before { - content: "\f102"; -} -.fa-angle-double-down:before { - content: "\f103"; -} -.fa-angle-left:before { - content: "\f104"; -} -.fa-angle-right:before { - content: "\f105"; -} -.fa-angle-up:before { - content: "\f106"; -} -.fa-angle-down:before { - content: "\f107"; -} -.fa-desktop:before { - content: "\f108"; -} -.fa-laptop:before { - content: "\f109"; -} -.fa-tablet:before { - content: "\f10a"; -} -.fa-mobile-phone:before, -.fa-mobile:before { - content: "\f10b"; -} -.fa-circle-o:before { - content: "\f10c"; -} -.fa-quote-left:before { - content: "\f10d"; -} -.fa-quote-right:before { - content: "\f10e"; -} -.fa-spinner:before { - content: "\f110"; -} -.fa-circle:before { - content: "\f111"; -} -.fa-mail-reply:before, -.fa-reply:before { - content: "\f112"; -} -.fa-github-alt:before { - content: "\f113"; -} -.fa-folder-o:before { - content: "\f114"; -} -.fa-folder-open-o:before { - content: "\f115"; -} -.fa-smile-o:before { - content: "\f118"; -} -.fa-frown-o:before { - content: "\f119"; -} -.fa-meh-o:before { - content: "\f11a"; -} -.fa-gamepad:before { - content: "\f11b"; -} -.fa-keyboard-o:before { - content: "\f11c"; -} -.fa-flag-o:before { - content: "\f11d"; -} -.fa-flag-checkered:before { - content: "\f11e"; -} -.fa-terminal:before { - content: "\f120"; -} -.fa-code:before { - content: "\f121"; -} -.fa-mail-reply-all:before, -.fa-reply-all:before { - content: "\f122"; -} -.fa-star-half-empty:before, -.fa-star-half-full:before, -.fa-star-half-o:before { - content: "\f123"; -} -.fa-location-arrow:before { - content: "\f124"; -} -.fa-crop:before { - content: "\f125"; -} -.fa-code-fork:before { - content: "\f126"; -} -.fa-unlink:before, -.fa-chain-broken:before { - content: "\f127"; -} -.fa-question:before { - content: "\f128"; -} -.fa-info:before { - content: "\f129"; -} -.fa-exclamation:before { - content: "\f12a"; -} -.fa-superscript:before { - content: "\f12b"; -} -.fa-subscript:before { - content: "\f12c"; -} -.fa-eraser:before { - content: "\f12d"; -} -.fa-puzzle-piece:before { - content: "\f12e"; -} -.fa-microphone:before { - content: "\f130"; -} -.fa-microphone-slash:before { - content: "\f131"; -} -.fa-shield:before { - content: "\f132"; -} -.fa-calendar-o:before { - content: "\f133"; -} -.fa-fire-extinguisher:before { - content: "\f134"; -} -.fa-rocket:before { - content: "\f135"; -} -.fa-maxcdn:before { - content: "\f136"; -} -.fa-chevron-circle-left:before { - content: "\f137"; -} -.fa-chevron-circle-right:before { - content: "\f138"; -} -.fa-chevron-circle-up:before { - content: "\f139"; -} -.fa-chevron-circle-down:before { - content: "\f13a"; -} -.fa-html5:before { - content: "\f13b"; -} -.fa-css3:before { - content: "\f13c"; -} -.fa-anchor:before { - content: "\f13d"; -} -.fa-unlock-alt:before { - content: "\f13e"; -} -.fa-bullseye:before { - content: "\f140"; -} -.fa-ellipsis-h:before { - content: "\f141"; -} -.fa-ellipsis-v:before { - content: "\f142"; -} -.fa-rss-square:before { - content: "\f143"; -} -.fa-play-circle:before { - content: "\f144"; -} -.fa-ticket:before { - content: "\f145"; -} -.fa-minus-square:before { - content: "\f146"; -} -.fa-minus-square-o:before { - content: "\f147"; -} -.fa-level-up:before { - content: "\f148"; -} -.fa-level-down:before { - content: "\f149"; -} -.fa-check-square:before { - content: "\f14a"; -} -.fa-pencil-square:before { - content: "\f14b"; -} -.fa-external-link-square:before { - content: "\f14c"; -} -.fa-share-square:before { - content: "\f14d"; -} -.fa-compass:before { - content: "\f14e"; -} -.fa-toggle-down:before, -.fa-caret-square-o-down:before { - content: "\f150"; -} -.fa-toggle-up:before, -.fa-caret-square-o-up:before { - content: "\f151"; -} -.fa-toggle-right:before, -.fa-caret-square-o-right:before { - content: "\f152"; -} -.fa-euro:before, -.fa-eur:before { - content: "\f153"; -} -.fa-gbp:before { - content: "\f154"; -} -.fa-dollar:before, -.fa-usd:before { - content: "\f155"; -} -.fa-rupee:before, -.fa-inr:before { - content: "\f156"; -} -.fa-cny:before, -.fa-rmb:before, -.fa-yen:before, -.fa-jpy:before { - content: "\f157"; -} -.fa-ruble:before, -.fa-rouble:before, -.fa-rub:before { - content: "\f158"; -} -.fa-won:before, -.fa-krw:before { - content: "\f159"; -} -.fa-bitcoin:before, -.fa-btc:before { - content: "\f15a"; -} -.fa-file:before { - content: "\f15b"; -} -.fa-file-text:before { - content: "\f15c"; -} -.fa-sort-alpha-asc:before { - content: "\f15d"; -} -.fa-sort-alpha-desc:before { - content: "\f15e"; -} -.fa-sort-amount-asc:before { - content: "\f160"; -} -.fa-sort-amount-desc:before { - content: "\f161"; -} -.fa-sort-numeric-asc:before { - content: "\f162"; -} -.fa-sort-numeric-desc:before { - content: "\f163"; -} -.fa-thumbs-up:before { - content: "\f164"; -} -.fa-thumbs-down:before { - content: "\f165"; -} -.fa-youtube-square:before { - content: "\f166"; -} -.fa-youtube:before { - content: "\f167"; -} -.fa-xing:before { - content: "\f168"; -} -.fa-xing-square:before { - content: "\f169"; -} -.fa-youtube-play:before { - content: "\f16a"; -} -.fa-dropbox:before { - content: "\f16b"; -} -.fa-stack-overflow:before { - content: "\f16c"; -} -.fa-instagram:before { - content: "\f16d"; -} -.fa-flickr:before { - content: "\f16e"; -} -.fa-adn:before { - content: "\f170"; -} -.fa-bitbucket:before { - content: "\f171"; -} -.fa-bitbucket-square:before { - content: "\f172"; -} -.fa-tumblr:before { - content: "\f173"; -} -.fa-tumblr-square:before { - content: "\f174"; -} -.fa-long-arrow-down:before { - content: "\f175"; -} -.fa-long-arrow-up:before { - content: "\f176"; -} -.fa-long-arrow-left:before { - content: "\f177"; -} -.fa-long-arrow-right:before { - content: "\f178"; -} -.fa-apple:before { - content: "\f179"; -} -.fa-windows:before { - content: "\f17a"; -} -.fa-android:before { - content: "\f17b"; -} -.fa-linux:before { - content: "\f17c"; -} -.fa-dribbble:before { - content: "\f17d"; -} -.fa-skype:before { - content: "\f17e"; -} -.fa-foursquare:before { - content: "\f180"; -} -.fa-trello:before { - content: "\f181"; -} -.fa-female:before { - content: "\f182"; -} -.fa-male:before { - content: "\f183"; -} -.fa-gittip:before, -.fa-gratipay:before { - content: "\f184"; -} -.fa-sun-o:before { - content: "\f185"; -} -.fa-moon-o:before { - content: "\f186"; -} -.fa-archive:before { - content: "\f187"; -} -.fa-bug:before { - content: "\f188"; -} -.fa-vk:before { - content: "\f189"; -} -.fa-weibo:before { - content: "\f18a"; -} -.fa-renren:before { - content: "\f18b"; -} -.fa-pagelines:before { - content: "\f18c"; -} -.fa-stack-exchange:before { - content: "\f18d"; -} -.fa-arrow-circle-o-right:before { - content: "\f18e"; -} -.fa-arrow-circle-o-left:before { - content: "\f190"; -} -.fa-toggle-left:before, -.fa-caret-square-o-left:before { - content: "\f191"; -} -.fa-dot-circle-o:before { - content: "\f192"; -} -.fa-wheelchair:before { - content: "\f193"; -} -.fa-vimeo-square:before { - content: "\f194"; -} -.fa-turkish-lira:before, -.fa-try:before { - content: "\f195"; -} -.fa-plus-square-o:before { - content: "\f196"; -} -.fa-space-shuttle:before { - content: "\f197"; -} -.fa-slack:before { - content: "\f198"; -} -.fa-envelope-square:before { - content: "\f199"; -} -.fa-wordpress:before { - content: "\f19a"; -} -.fa-openid:before { - content: "\f19b"; -} -.fa-institution:before, -.fa-bank:before, -.fa-university:before { - content: "\f19c"; -} -.fa-mortar-board:before, -.fa-graduation-cap:before { - content: "\f19d"; -} -.fa-yahoo:before { - content: "\f19e"; -} -.fa-google:before { - content: "\f1a0"; -} -.fa-reddit:before { - content: "\f1a1"; -} -.fa-reddit-square:before { - content: "\f1a2"; -} -.fa-stumbleupon-circle:before { - content: "\f1a3"; -} -.fa-stumbleupon:before { - content: "\f1a4"; -} -.fa-delicious:before { - content: "\f1a5"; -} -.fa-digg:before { - content: "\f1a6"; -} -.fa-pied-piper:before { - content: "\f1a7"; -} -.fa-pied-piper-alt:before { - content: "\f1a8"; -} -.fa-drupal:before { - content: "\f1a9"; -} -.fa-joomla:before { - content: "\f1aa"; -} -.fa-language:before { - content: "\f1ab"; -} -.fa-fax:before { - content: "\f1ac"; -} -.fa-building:before { - content: "\f1ad"; -} -.fa-child:before { - content: "\f1ae"; -} -.fa-paw:before { - content: "\f1b0"; -} -.fa-spoon:before { - content: "\f1b1"; -} -.fa-cube:before { - content: "\f1b2"; -} -.fa-cubes:before { - content: "\f1b3"; -} -.fa-behance:before { - content: "\f1b4"; -} -.fa-behance-square:before { - content: "\f1b5"; -} -.fa-steam:before { - content: "\f1b6"; -} -.fa-steam-square:before { - content: "\f1b7"; -} -.fa-recycle:before { - content: "\f1b8"; -} -.fa-automobile:before, -.fa-car:before { - content: "\f1b9"; -} -.fa-cab:before, -.fa-taxi:before { - content: "\f1ba"; -} -.fa-tree:before { - content: "\f1bb"; -} -.fa-spotify:before { - content: "\f1bc"; -} -.fa-deviantart:before { - content: "\f1bd"; -} -.fa-soundcloud:before { - content: "\f1be"; -} -.fa-database:before { - content: "\f1c0"; -} -.fa-file-pdf-o:before { - content: "\f1c1"; -} -.fa-file-word-o:before { - content: "\f1c2"; -} -.fa-file-excel-o:before { - content: "\f1c3"; -} -.fa-file-powerpoint-o:before { - content: "\f1c4"; -} -.fa-file-photo-o:before, -.fa-file-picture-o:before, -.fa-file-image-o:before { - content: "\f1c5"; -} -.fa-file-zip-o:before, -.fa-file-archive-o:before { - content: "\f1c6"; -} -.fa-file-sound-o:before, -.fa-file-audio-o:before { - content: "\f1c7"; -} -.fa-file-movie-o:before, -.fa-file-video-o:before { - content: "\f1c8"; -} -.fa-file-code-o:before { - content: "\f1c9"; -} -.fa-vine:before { - content: "\f1ca"; -} -.fa-codepen:before { - content: "\f1cb"; -} -.fa-jsfiddle:before { - content: "\f1cc"; -} -.fa-life-bouy:before, -.fa-life-buoy:before, -.fa-life-saver:before, -.fa-support:before, -.fa-life-ring:before { - content: "\f1cd"; -} -.fa-circle-o-notch:before { - content: "\f1ce"; -} -.fa-ra:before, -.fa-rebel:before { - content: "\f1d0"; -} -.fa-ge:before, -.fa-empire:before { - content: "\f1d1"; -} -.fa-git-square:before { - content: "\f1d2"; -} -.fa-git:before { - content: "\f1d3"; -} -.fa-y-combinator-square:before, -.fa-yc-square:before, -.fa-hacker-news:before { - content: "\f1d4"; -} -.fa-tencent-weibo:before { - content: "\f1d5"; -} -.fa-qq:before { - content: "\f1d6"; -} -.fa-wechat:before, -.fa-weixin:before { - content: "\f1d7"; -} -.fa-send:before, -.fa-paper-plane:before { - content: "\f1d8"; -} -.fa-send-o:before, -.fa-paper-plane-o:before { - content: "\f1d9"; -} -.fa-history:before { - content: "\f1da"; -} -.fa-circle-thin:before { - content: "\f1db"; -} -.fa-header:before { - content: "\f1dc"; -} -.fa-paragraph:before { - content: "\f1dd"; -} -.fa-sliders:before { - content: "\f1de"; -} -.fa-share-alt:before { - content: "\f1e0"; -} -.fa-share-alt-square:before { - content: "\f1e1"; -} -.fa-bomb:before { - content: "\f1e2"; -} -.fa-soccer-ball-o:before, -.fa-futbol-o:before { - content: "\f1e3"; -} -.fa-tty:before { - content: "\f1e4"; -} -.fa-binoculars:before { - content: "\f1e5"; -} -.fa-plug:before { - content: "\f1e6"; -} -.fa-slideshare:before { - content: "\f1e7"; -} -.fa-twitch:before { - content: "\f1e8"; -} -.fa-yelp:before { - content: "\f1e9"; -} -.fa-newspaper-o:before { - content: "\f1ea"; -} -.fa-wifi:before { - content: "\f1eb"; -} -.fa-calculator:before { - content: "\f1ec"; -} -.fa-paypal:before { - content: "\f1ed"; -} -.fa-google-wallet:before { - content: "\f1ee"; -} -.fa-cc-visa:before { - content: "\f1f0"; -} -.fa-cc-mastercard:before { - content: "\f1f1"; -} -.fa-cc-discover:before { - content: "\f1f2"; -} -.fa-cc-amex:before { - content: "\f1f3"; -} -.fa-cc-paypal:before { - content: "\f1f4"; -} -.fa-cc-stripe:before { - content: "\f1f5"; -} -.fa-bell-slash:before { - content: "\f1f6"; -} -.fa-bell-slash-o:before { - content: "\f1f7"; -} -.fa-trash:before { - content: "\f1f8"; -} -.fa-copyright:before { - content: "\f1f9"; -} -.fa-at:before { - content: "\f1fa"; -} -.fa-eyedropper:before { - content: "\f1fb"; -} -.fa-paint-brush:before { - content: "\f1fc"; -} -.fa-birthday-cake:before { - content: "\f1fd"; -} -.fa-area-chart:before { - content: "\f1fe"; -} -.fa-pie-chart:before { - content: "\f200"; -} -.fa-line-chart:before { - content: "\f201"; -} -.fa-lastfm:before { - content: "\f202"; -} -.fa-lastfm-square:before { - content: "\f203"; -} -.fa-toggle-off:before { - content: "\f204"; -} -.fa-toggle-on:before { - content: "\f205"; -} -.fa-bicycle:before { - content: "\f206"; -} -.fa-bus:before { - content: "\f207"; -} -.fa-ioxhost:before { - content: "\f208"; -} -.fa-angellist:before { - content: "\f209"; -} -.fa-cc:before { - content: "\f20a"; -} -.fa-shekel:before, -.fa-sheqel:before, -.fa-ils:before { - content: "\f20b"; -} -.fa-meanpath:before { - content: "\f20c"; -} -.fa-buysellads:before { - content: "\f20d"; -} -.fa-connectdevelop:before { - content: "\f20e"; -} -.fa-dashcube:before { - content: "\f210"; -} -.fa-forumbee:before { - content: "\f211"; -} -.fa-leanpub:before { - content: "\f212"; -} -.fa-sellsy:before { - content: "\f213"; -} -.fa-shirtsinbulk:before { - content: "\f214"; -} -.fa-simplybuilt:before { - content: "\f215"; -} -.fa-skyatlas:before { - content: "\f216"; -} -.fa-cart-plus:before { - content: "\f217"; -} -.fa-cart-arrow-down:before { - content: "\f218"; -} -.fa-diamond:before { - content: "\f219"; -} -.fa-ship:before { - content: "\f21a"; -} -.fa-user-secret:before { - content: "\f21b"; -} -.fa-motorcycle:before { - content: "\f21c"; -} -.fa-street-view:before { - content: "\f21d"; -} -.fa-heartbeat:before { - content: "\f21e"; -} -.fa-venus:before { - content: "\f221"; -} -.fa-mars:before { - content: "\f222"; -} -.fa-mercury:before { - content: "\f223"; -} -.fa-intersex:before, -.fa-transgender:before { - content: "\f224"; -} -.fa-transgender-alt:before { - content: "\f225"; -} -.fa-venus-double:before { - content: "\f226"; -} -.fa-mars-double:before { - content: "\f227"; -} -.fa-venus-mars:before { - content: "\f228"; -} -.fa-mars-stroke:before { - content: "\f229"; -} -.fa-mars-stroke-v:before { - content: "\f22a"; -} -.fa-mars-stroke-h:before { - content: "\f22b"; -} -.fa-neuter:before { - content: "\f22c"; -} -.fa-genderless:before { - content: "\f22d"; -} -.fa-facebook-official:before { - content: "\f230"; -} -.fa-pinterest-p:before { - content: "\f231"; -} -.fa-whatsapp:before { - content: "\f232"; -} -.fa-server:before { - content: "\f233"; -} -.fa-user-plus:before { - content: "\f234"; -} -.fa-user-times:before { - content: "\f235"; -} -.fa-hotel:before, -.fa-bed:before { - content: "\f236"; -} -.fa-viacoin:before { - content: "\f237"; -} -.fa-train:before { - content: "\f238"; -} -.fa-subway:before { - content: "\f239"; -} -.fa-medium:before { - content: "\f23a"; -} -.fa-yc:before, -.fa-y-combinator:before { - content: "\f23b"; -} -.fa-optin-monster:before { - content: "\f23c"; -} -.fa-opencart:before { - content: "\f23d"; -} -.fa-expeditedssl:before { - content: "\f23e"; -} -.fa-battery-4:before, -.fa-battery-full:before { - content: "\f240"; -} -.fa-battery-3:before, -.fa-battery-three-quarters:before { - content: "\f241"; -} -.fa-battery-2:before, -.fa-battery-half:before { - content: "\f242"; -} -.fa-battery-1:before, -.fa-battery-quarter:before { - content: "\f243"; -} -.fa-battery-0:before, -.fa-battery-empty:before { - content: "\f244"; -} -.fa-mouse-pointer:before { - content: "\f245"; -} -.fa-i-cursor:before { - content: "\f246"; -} -.fa-object-group:before { - content: "\f247"; -} -.fa-object-ungroup:before { - content: "\f248"; -} -.fa-sticky-note:before { - content: "\f249"; -} -.fa-sticky-note-o:before { - content: "\f24a"; -} -.fa-cc-jcb:before { - content: "\f24b"; -} -.fa-cc-diners-club:before { - content: "\f24c"; -} -.fa-clone:before { - content: "\f24d"; -} -.fa-balance-scale:before { - content: "\f24e"; -} -.fa-hourglass-o:before { - content: "\f250"; -} -.fa-hourglass-1:before, -.fa-hourglass-start:before { - content: "\f251"; -} -.fa-hourglass-2:before, -.fa-hourglass-half:before { - content: "\f252"; -} -.fa-hourglass-3:before, -.fa-hourglass-end:before { - content: "\f253"; -} -.fa-hourglass:before { - content: "\f254"; -} -.fa-hand-grab-o:before, -.fa-hand-rock-o:before { - content: "\f255"; -} -.fa-hand-stop-o:before, -.fa-hand-paper-o:before { - content: "\f256"; -} -.fa-hand-scissors-o:before { - content: "\f257"; -} -.fa-hand-lizard-o:before { - content: "\f258"; -} -.fa-hand-spock-o:before { - content: "\f259"; -} -.fa-hand-pointer-o:before { - content: "\f25a"; -} -.fa-hand-peace-o:before { - content: "\f25b"; -} -.fa-trademark:before { - content: "\f25c"; -} -.fa-registered:before { - content: "\f25d"; -} -.fa-creative-commons:before { - content: "\f25e"; -} -.fa-gg:before { - content: "\f260"; -} -.fa-gg-circle:before { - content: "\f261"; -} -.fa-tripadvisor:before { - content: "\f262"; -} -.fa-odnoklassniki:before { - content: "\f263"; -} -.fa-odnoklassniki-square:before { - content: "\f264"; -} -.fa-get-pocket:before { - content: "\f265"; -} -.fa-wikipedia-w:before { - content: "\f266"; -} -.fa-safari:before { - content: "\f267"; -} -.fa-chrome:before { - content: "\f268"; -} -.fa-firefox:before { - content: "\f269"; -} -.fa-opera:before { - content: "\f26a"; -} -.fa-internet-explorer:before { - content: "\f26b"; -} -.fa-tv:before, -.fa-television:before { - content: "\f26c"; -} -.fa-contao:before { - content: "\f26d"; -} -.fa-500px:before { - content: "\f26e"; -} -.fa-amazon:before { - content: "\f270"; -} -.fa-calendar-plus-o:before { - content: "\f271"; -} -.fa-calendar-minus-o:before { - content: "\f272"; -} -.fa-calendar-times-o:before { - content: "\f273"; -} -.fa-calendar-check-o:before { - content: "\f274"; -} -.fa-industry:before { - content: "\f275"; -} -.fa-map-pin:before { - content: "\f276"; -} -.fa-map-signs:before { - content: "\f277"; -} -.fa-map-o:before { - content: "\f278"; -} -.fa-map:before { - content: "\f279"; -} -.fa-commenting:before { - content: "\f27a"; -} -.fa-commenting-o:before { - content: "\f27b"; -} -.fa-houzz:before { - content: "\f27c"; -} -.fa-vimeo:before { - content: "\f27d"; -} -.fa-black-tie:before { - content: "\f27e"; -} -.fa-fonticons:before { - content: "\f280"; -} diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss deleted file mode 100644 index 284b091..0000000 --- a/src/styles/_mixins.scss +++ /dev/null @@ -1,12 +0,0 @@ -// ** This is where you can put your very own put Sass Mixins that can be used globally. ** // - -// Mixin: circle ($width:50%, $height:50%) -// Description: Used to make a circular element. (e.g Change a square to a circle) -// @params $width: [ number ]: Specify the width of the element. Set to 50% if an argument is not passed. -// @params $height: [ number ]: Specify the height of the element. Set to 50% if an argument is not passed. -@mixin circle ($width:50%, $height:50%) { - width: $width; - height: $height; - border-radius: 50%; -} - diff --git a/src/styles/_settings.scss b/src/styles/_settings.scss deleted file mode 100644 index 466329c..0000000 --- a/src/styles/_settings.scss +++ /dev/null @@ -1,1489 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// - -// Table of Contents -// Foundation Settings - -// a. Base -// b. Grid -// c. Global -// d. Media Query Ranges -// e. Typography -// 01. Accordion -// 02. Alert Boxes -// 03. Block Grid -// 04. Breadcrumbs -// 05. Buttons -// 06. Button Groups -// 07. Clearing -// 08. Dropdown -// 09. Dropdown Buttons -// 10. Flex Video -// 11. Forms -// 12. Icon Bar -// 13. Inline Lists -// 14. Joyride -// 15. Keystrokes -// 16. Labels -// 17. Magellan -// 18. Off-canvas -// 19. Orbit -// 20. Pagination -// 21. Panels -// 22. Pricing Tables -// 23. Progress Bar -// 24. Range Slider -// 25. Reveal -// 26. Side Nav -// 27. Split Buttons -// 28. Sub Nav -// 29. Switch -// 30. Tables -// 31. Tabs -// 32. Thumbnails -// 33. Tooltips -// 34. Top Bar -// 36. Visibility Classes - -// a. Base -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// This is the default html and body font-size for the base rem value. -// $rem-base: 16px; - -// Allows the use of rem-calc() or lower-bound() in your settings -@import '../../vendor/foundation/scss/foundation/_functions'; - -// The default font-size is set to 100% of the browser style sheet (usually 16px) -// for compatibility with browser-based text zoom or user-set defaults. - -// Since the typical default browser font-size is 16px, that makes the calculation for grid size. -// If you want your base font-size to be different and not have it affect the grid breakpoints, -// set $rem-base to $base-font-size and make sure $base-font-size is a px value. -// $base-font-size: 100%; - -// The $base-font-size is 100% while $base-line-height is 150% -// $base-line-height: 150%; - -// We use this to control whether or not CSS classes come through in the gem files. -$include-html-classes: true; -// $include-print-styles: true; -$include-html-global-classes: $include-html-classes; - -// b. Grid -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-grid-classes: $include-html-classes; -// $include-xl-html-grid-classes: false; - -// $row-width: rem-calc(1000); -// $total-columns: 12; -// $column-gutter: rem-calc(30); - -// c. Global -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// We use these to define default font stacks -// $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; -// $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif; -// $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; - -// We use these to define default font weights -// $font-weight-normal: normal; -// $font-weight-bold: bold; - -// $white : #FFFFFF; -// $ghost : #FAFAFA; -// $snow : #F9F9F9; -// $vapor : #F6F6F6; -// $white-smoke : #F5F5F5; -// $silver : #EFEFEF; -// $smoke : #EEEEEE; -// $gainsboro : #DDDDDD; -// $iron : #CCCCCC; -// $base : #AAAAAA; -// $aluminum : #999999; -// $jumbo : #888888; -// $monsoon : #777777; -// $steel : #666666; -// $charcoal : #555555; -// $tuatara : #444444; -// $oil : #333333; -// $jet : #222222; -// $black : #000000; - -// We use these as default colors throughout -// $primary-color: #008CBA; -// $secondary-color: #e7e7e7; -// $alert-color: #f04124; -// $success-color: #43AC6A; -// $warning-color: #f08a24; -// $info-color: #a0d3e8; - -// We use these to control various global styles -// $body-bg: $white; -// $body-font-color: $jet; -// $body-font-family: $font-family-sans-serif; -// $body-font-weight: $font-weight-normal; -// $body-font-style: normal; - -// We use this to control font-smoothing -// $font-smoothing: antialiased; - -// We use these to control text direction settings -// $text-direction: ltr; -// $opposite-direction: right; -// $default-float: left; -// $last-child-float: $opposite-direction; - -// We use these to make sure border radius matches unless we want it different. -// $global-radius: 3px; -// $global-rounded: 1000px; - -// We use these to control inset shadow shiny edges and depressions. -// $shiny-edge-size: 0 1px 0; -// $shiny-edge-color: rgba($white, .5); -// $shiny-edge-active-color: rgba($black, .2); - -// d. Media Query Ranges -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $small-breakpoint: em-calc(640); -// $medium-breakpoint: em-calc(1024); -// $large-breakpoint: em-calc(1440); -// $xlarge-breakpoint: em-calc(1920); - -// $small-range: (0, $small-breakpoint); -// $medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint); -// $large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint); -// $xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint); -// $xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)); - -// $screen: "only screen"; - -// $landscape: "#{$screen} and (orientation: landscape)"; -// $portrait: "#{$screen} and (orientation: portrait)"; - -// $small-up: $screen; -// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; - -// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; -// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; - -// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; -// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; - -// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; -// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; - -// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; -// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; - -// $retina: ( -// "#{$screen} and (-webkit-min-device-pixel-ratio: 2)", -// "#{$screen} and (min--moz-device-pixel-ratio: 2)", -// "#{$screen} and (-o-min-device-pixel-ratio: 2/1)", -// "#{$screen} and (min-device-pixel-ratio: 2)", -// "#{$screen} and (min-resolution: 192dpi)", -// "#{$screen} and (min-resolution: 2dppx)" -// ); - -// Legacy -// $small: $medium-up; -// $medium: $medium-up; -// $large: $large-up; - -// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet -// $cursor-crosshair-value: crosshair; -// $cursor-default-value: default; -// $cursor-disabled-value: not-allowed; -// $cursor-pointer-value: pointer; -// $cursor-help-value: help; -// $cursor-text-value: text; - -// e. Typography -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-type-classes: $include-html-classes; - -// We use these to control header font styles -// $header-font-family: $body-font-family; -// $header-font-weight: $font-weight-normal; -// $header-font-style: normal; -// $header-font-color: $jet; -// $header-line-height: 1.4; -// $header-top-margin: .2rem; -// $header-bottom-margin: .5rem; -// $header-text-rendering: optimizeLegibility; - -// We use these to control header font sizes -// $h1-font-size: rem-calc(44); -// $h2-font-size: rem-calc(37); -// $h3-font-size: rem-calc(27); -// $h4-font-size: rem-calc(23); -// $h5-font-size: rem-calc(18); -// $h6-font-size: 1rem; - -// We use these to control header size reduction on small screens -// $h1-font-reduction: rem-calc(10); -// $h2-font-reduction: rem-calc(10); -// $h3-font-reduction: rem-calc(5); -// $h4-font-reduction: rem-calc(5); -// $h5-font-reduction: 0; -// $h6-font-reduction: 0; - -// These control how subheaders are styled. -// $subheader-line-height: 1.4; -// $subheader-font-color: scale-color($header-font-color, $lightness: 35%); -// $subheader-font-weight: $font-weight-normal; -// $subheader-top-margin: .2rem; -// $subheader-bottom-margin: .5rem; - -// A general styling -// $small-font-size: 60%; -// $small-font-color: scale-color($header-font-color, $lightness: 35%); - -// We use these to style paragraphs -// $paragraph-font-family: inherit; -// $paragraph-font-weight: $font-weight-normal; -// $paragraph-font-size: 1rem; -// $paragraph-line-height: 1.6; -// $paragraph-margin-bottom: rem-calc(20); -// $paragraph-aside-font-size: rem-calc(14); -// $paragraph-aside-line-height: 1.35; -// $paragraph-aside-font-style: italic; -// $paragraph-text-rendering: optimizeLegibility; - -// We use these to style tags -// $code-color: $oil; -// $code-font-family: $font-family-monospace; -// $code-font-weight: $font-weight-normal; -// $code-background-color: scale-color($secondary-color, $lightness: 70%); -// $code-border-size: 1px; -// $code-border-style: solid; -// $code-border-color: scale-color($code-background-color, $lightness: -10%); -// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1); - -// We use these to style anchors -// $anchor-text-decoration: none; -// $anchor-text-decoration-hover: none; -// $anchor-font-color: $primary-color; -// $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%); - -// We use these to style the
element -// $hr-border-width: 1px; -// $hr-border-style: solid; -// $hr-border-color: $gainsboro; -// $hr-margin: rem-calc(20); - -// We use these to style lists -// $list-font-family: $paragraph-font-family; -// $list-font-size: $paragraph-font-size; -// $list-line-height: $paragraph-line-height; -// $list-margin-bottom: $paragraph-margin-bottom; -// $list-style-position: outside; -// $list-side-margin: 1.1rem; -// $list-ordered-side-margin: 1.4rem; -// $list-side-margin-no-bullet: 0; -// $list-nested-margin: rem-calc(20); -// $definition-list-header-weight: $font-weight-bold; -// $definition-list-header-margin-bottom: .3rem; -// $definition-list-margin-bottom: rem-calc(12); - -// We use these to style blockquotes -// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); -// $blockquote-padding: rem-calc(9 20 0 19); -// $blockquote-border: 1px solid $gainsboro; -// $blockquote-cite-font-size: rem-calc(13); -// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); -// $blockquote-cite-link-color: $blockquote-cite-font-color; - -// Acronym styles -// $acronym-underline: 1px dotted $gainsboro; - -// We use these to control padding and margin -// $microformat-padding: rem-calc(10 12); -// $microformat-margin: rem-calc(0 0 20 0); - -// We use these to control the border styles -// $microformat-border-width: 1px; -// $microformat-border-style: solid; -// $microformat-border-color: $gainsboro; - -// We use these to control full name font styles -// $microformat-fullname-font-weight: $font-weight-bold; -// $microformat-fullname-font-size: rem-calc(15); - -// We use this to control the summary font styles -// $microformat-summary-font-weight: $font-weight-bold; - -// We use this to control abbr padding -// $microformat-abbr-padding: rem-calc(0 1); - -// We use this to control abbr font styles -// $microformat-abbr-font-weight: $font-weight-bold; -// $microformat-abbr-font-decoration: none; - -// 01. Accordion -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-accordion-classes: $include-html-classes; - -// $accordion-navigation-padding: rem-calc(16); -// $accordion-navigation-bg-color: $silver; -// $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%); -// $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%); -// $accordion-navigation-active-font-color: $jet; -// $accordion-navigation-font-color: $jet; -// $accordion-navigation-font-size: rem-calc(16); -// $accordion-navigation-font-family: $body-font-family; - -// $accordion-content-padding: ($column-gutter/2); -// $accordion-content-active-bg-color: $white; - -// 02. Alert Boxes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-alert-classes: $include-html-classes; - -// We use this to control alert padding. -// $alert-padding-top: rem-calc(14); -// $alert-padding-default-float: $alert-padding-top; -// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); -// $alert-padding-bottom: $alert-padding-top; - -// We use these to control text style. -// $alert-font-weight: $font-weight-normal; -// $alert-font-size: rem-calc(13); -// $alert-font-color: $white; -// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); - -// We use this for close hover effect. -// $alert-function-factor: -14%; - -// We use these to control border styles. -// $alert-border-style: solid; -// $alert-border-width: 1px; -// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); -// $alert-bottom-margin: rem-calc(20); - -// We use these to style the close buttons -// $alert-close-color: $oil; -// $alert-close-top: 50%; -// $alert-close-position: rem-calc(4); -// $alert-close-font-size: rem-calc(22); -// $alert-close-opacity: .3; -// $alert-close-opacity-hover: .5; -// $alert-close-padding: 9px 6px 4px; -// $alert-close-background: inherit; - -// We use this to control border radius -// $alert-radius: $global-radius; - -// $alert-transition-speed: 300ms; -// $alert-transition-ease: ease-out; - -// 03. Block Grid -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-block-grid-classes: $include-html-classes; -// $include-xl-html-block-grid-classes: false; - -// We use this to control the maximum number of block grid elements per row -// $block-grid-elements: 12; -// $block-grid-default-spacing: rem-calc(20); - -// $align-block-grid-to-grid: false; -// @if $align-block-grid-to-grid {$block-grid-default-spacing: $column-gutter;} - -// Enables media queries for block-grid classes. Set to false if writing semantic HTML. -// $block-grid-media-queries: true; - -// 04. Breadcrumbs -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use this to set the background color for the breadcrumb container. -// $crumb-bg: scale-color($secondary-color, $lightness: 55%); - -// We use these to set the padding around the breadcrumbs. -// $crumb-padding: rem-calc(9 14 9); -// $crumb-side-padding: rem-calc(12); - -// We use these to control border styles. -// $crumb-function-factor: -10%; -// $crumb-border-size: 1px; -// $crumb-border-style: solid; -// $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor); -// $crumb-radius: $global-radius; - -// We use these to set various text styles for breadcrumbs. -// $crumb-font-size: rem-calc(11); -// $crumb-font-color: $primary-color; -// $crumb-font-color-current: $oil; -// $crumb-font-color-unavailable: $aluminum; -// $crumb-font-transform: uppercase; -// $crumb-link-decor: underline; - -// We use these to control the slash between breadcrumbs -// $crumb-slash-color: $base; -// $crumb-slash: "/"; -// $crumb-slash-position: 1px; - -// 05. Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to build padding for buttons. -// $button-tny: rem-calc(10); -// $button-sml: rem-calc(14); -// $button-med: rem-calc(16); -// $button-lrg: rem-calc(18); - -// We use this to control the display property. -// $button-display: inline-block; -// $button-margin-bottom: rem-calc(20); - -// We use these to control button text styles. -// $button-font-family: $body-font-family; -// $button-font-color: $white; -// $button-font-color-alt: $oil; -// $button-font-tny: rem-calc(11); -// $button-font-sml: rem-calc(13); -// $button-font-med: rem-calc(16); -// $button-font-lrg: rem-calc(20); -// $button-font-weight: $font-weight-normal; -// $button-font-align: center; - -// We use these to control various hover effects. -// $button-function-factor: -20%; - -// We use these to control button border styles. -// $button-border-width: 0; -// $button-border-style: solid; -// $button-bg-color: $primary-color; -// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor); -// $button-border-color: $button-bg-hover; -// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor); -// $secondary-button-border-color: $secondary-button-bg-hover; -// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor); -// $success-button-border-color: $success-button-bg-hover; -// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor); -// $alert-button-border-color: $alert-button-bg-hover; -// $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor); -// $warning-button-border-color: $warning-button-bg-hover; -// $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor); -// $info-button-border-color: $info-button-bg-hover; - -// We use this to set the default radius used throughout the core. -// $button-radius: $global-radius; -// $button-round: $global-rounded; - -// We use this to set default opacity and cursor for disabled buttons. -// $button-disabled-opacity: .7; -// $button-disabled-cursor: $cursor-default-value; - -// 06. Button Groups -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// Sets the margin for the right side by default, and the left margin if right-to-left direction is used -// $button-bar-margin-opposite: rem-calc(10); -// $button-group-border-width: 1px; - -// 07. Clearing -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-clearing-classes: $include-html-classes; - -// We use these to set the background colors for parts of Clearing. -// $clearing-bg: $oil; -// $clearing-caption-bg: $clearing-bg; -// $clearing-carousel-bg: rgba(51,51,51,0.8); -// $clearing-img-bg: $clearing-bg; - -// We use these to style the close button -// $clearing-close-color: $iron; -// $clearing-close-size: 30px; - -// We use these to style the arrows -// $clearing-arrow-size: 12px; -// $clearing-arrow-color: $clearing-close-color; - -// We use these to style captions -// $clearing-caption-font-color: $iron; -// $clearing-caption-font-size: .875em; -// $clearing-caption-padding: 10px 30px 20px; - -// We use these to make the image and carousel height and style -// $clearing-active-img-height: 85%; -// $clearing-carousel-height: 120px; -// $clearing-carousel-thumb-width: 120px; -// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); - -// 08. Dropdown -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-dropdown-classes: $include-html-classes; - -// We use these to controls height and width styles. -// $f-dropdown-max-width: 200px; -// $f-dropdown-height: auto; -// $f-dropdown-max-height: none; - -// Used for bottom position -// $f-dropdown-margin-top: 2px; - -// Used for right position -// $f-dropdown-margin-left: $f-dropdown-margin-top; - -// Used for left position -// $f-dropdown-margin-right: $f-dropdown-margin-top; - -// Used for top position -// $f-dropdown-margin-bottom: $f-dropdown-margin-top; - -// We use this to control the background color -// $f-dropdown-bg: $white; - -// We use this to set the border styles for dropdowns. -// $f-dropdown-border-style: solid; -// $f-dropdown-border-width: 1px; -// $f-dropdown-border-color: scale-color($white, $lightness: -20%); - -// We use these to style the triangle pip. -// $f-dropdown-triangle-size: 6px; -// $f-dropdown-triangle-color: $white; -// $f-dropdown-triangle-side-offset: 10px; - -// We use these to control styles for the list elements. -// $f-dropdown-list-style: none; -// $f-dropdown-font-color: $charcoal; -// $f-dropdown-font-size: rem-calc(14); -// $f-dropdown-list-padding: rem-calc(5, 10); -// $f-dropdown-line-height: rem-calc(18); -// $f-dropdown-list-hover-bg: $smoke; -// $dropdown-mobile-default-float: 0; - -// We use this to control the styles for when the dropdown has custom content. -// $f-dropdown-content-padding: rem-calc(20); - -// Default radius for dropdown. -// $f-dropdown-radius: $global-radius; - - -// 09. Dropdown Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to set the color of the pip in dropdown buttons -// $dropdown-button-pip-color: $white; -// $dropdown-button-pip-color-alt: $oil; - -// We use these to set the size of the pip in dropdown buttons -// $button-pip-tny: rem-calc(6); -// $button-pip-sml: rem-calc(7); -// $button-pip-med: rem-calc(9); -// $button-pip-lrg: rem-calc(11); - -// We use these to style tiny dropdown buttons -// $dropdown-button-padding-tny: $button-pip-tny * 7; -// $dropdown-button-pip-size-tny: $button-pip-tny; -// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; -// $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1); - -// We use these to style small dropdown buttons -// $dropdown-button-padding-sml: $button-pip-sml * 7; -// $dropdown-button-pip-size-sml: $button-pip-sml; -// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; -// $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1); - -// We use these to style medium dropdown buttons -// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); -// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); -// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; -// $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2); - -// We use these to style large dropdown buttons -// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); -// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); -// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; -// $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3); - -// 10. Flex Video -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use these to control video container padding and margins -// $flex-video-padding-top: rem-calc(25); -// $flex-video-padding-bottom: 67.5%; -// $flex-video-margin-bottom: rem-calc(16); - -// We use this to control widescreen bottom padding -// $flex-video-widescreen-padding-bottom: 56.34%; - -// 11. Forms -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-form-classes: $include-html-classes; - -// We use this to set the base for lots of form spacing and positioning styles -// $form-spacing: rem-calc(16); - -// We use these to style the labels in different ways -// $form-label-pointer: pointer; -// $form-label-font-size: rem-calc(14); -// $form-label-font-weight: $font-weight-normal; -// $form-label-line-height: 1.5; -// $form-label-font-color: scale-color($black, $lightness: 30%); -// $form-label-small-transform: capitalize; -// $form-label-bottom-margin: 0; -// $input-font-family: inherit; -// $input-font-color: rgba(0,0,0,0.75); -// $input-font-size: rem-calc(14); -// $input-placeholder-font-color: #cccccc; -// $input-bg-color: $white; -// $input-focus-bg-color: scale-color($white, $lightness: -2%); -// $input-border-color: scale-color($white, $lightness: -20%); -// $input-focus-border-color: scale-color($white, $lightness: -40%); -// $input-border-style: solid; -// $input-border-width: 1px; -// $input-border-radius: $global-radius; -// $input-disabled-bg: $gainsboro; -// $input-disabled-cursor: $cursor-default-value; -// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -// $input-include-glowing-effect: false; - -// We use these to style the fieldset border and spacing. -// $fieldset-border-style: solid; -// $fieldset-border-width: 1px; -// $fieldset-border-color: $gainsboro; -// $fieldset-padding: rem-calc(20); -// $fieldset-margin: rem-calc(18 0); - -// We use these to style the legends when you use them -// $legend-bg: $white; -// $legend-font-weight: $font-weight-bold; -// $legend-padding: rem-calc(0 3); - -// We use these to style the prefix and postfix input elements -// $input-prefix-bg: scale-color($white, $lightness: -5%); -// $input-prefix-border-color: scale-color($white, $lightness: -20%); -// $input-prefix-border-size: 1px; -// $input-prefix-border-type: solid; -// $input-prefix-overflow: hidden; -// $input-prefix-font-color: $oil; -// $input-prefix-font-color-alt: $white; - -// We use this setting to turn on/off HTML5 number spinners (the up/down arrows) -// $input-number-spinners: true; - -// We use these to style the error states for inputs and labels -// $input-error-message-padding: rem-calc(6 9 9); -// $input-error-message-top: -1px; -// $input-error-message-font-size: rem-calc(12); -// $input-error-message-font-weight: $font-weight-normal; -// $input-error-message-font-style: italic; -// $input-error-message-font-color: $white; -// $input-error-message-bg-color: $alert-color; -// $input-error-message-font-color-alt: $oil; - -// We use this to style the glowing effect of inputs when focused -// $glowing-effect-fade-time: .45s; -// $glowing-effect-color: $input-focus-border-color; - -// We use this to style the transition when inputs are focused and when the glowing effect is disabled. -// $input-transition-fade-time: 0.15s; -// $input-transition-fade-timing-function: linear; - -// Select variables -// $select-bg-color: $ghost; -// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); - - -// 12. Icon Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// We use these to style the icon-bar and items -// $icon-bar-bg: $oil; -// $icon-bar-font-color: $white; -// $icon-bar-font-color-hover: $icon-bar-font-color; -// $icon-bar-font-size: 1rem; -// $icon-bar-hover-color: $primary-color; -// $icon-bar-icon-color: $white; -// $icon-bar-icon-color-hover: $icon-bar-icon-color; -// $icon-bar-icon-size: 1.875rem; -// $icon-bar-image-width: 1.875rem; -// $icon-bar-image-height: 1.875rem; -// $icon-bar-active-color: $primary-color; -// $icon-bar-item-padding: 1.25rem; - -// We use this to set default opacity and cursor for disabled icons. -// $icon-bar-disabled-opacity: .7; - -// 13. Inline Lists -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-inline-list-classes: $include-html-classes; - -// We use this to control the margins and padding of the inline list. -// $inline-list-top-margin: 0; -// $inline-list-opposite-margin: 0; -// $inline-list-bottom-margin: rem-calc(17); -// $inline-list-default-float-margin: rem-calc(-22); -// $inline-list-default-float-list-margin: rem-calc(22); - -// $inline-list-padding: 0; - -// We use this to control the overflow of the inline list. -// $inline-list-overflow: hidden; - -// We use this to control the list items -// $inline-list-display: block; - -// We use this to control any elements within list items -// $inline-list-children-display: block; - -// 14. Joyride -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-joyride-classes: $include-html-classes; - -// Controlling default Joyride styles -// $joyride-tip-bg: $oil; -// $joyride-tip-default-width: 300px; -// $joyride-tip-padding: rem-calc(18 20 24); -// $joyride-tip-border: solid 1px $charcoal; -// $joyride-tip-radius: 4px; -// $joyride-tip-position-offset: 22px; - -// Here, we're setting the tip font styles -// $joyride-tip-font-color: $white; -// $joyride-tip-font-size: rem-calc(14); -// $joyride-tip-header-weight: $font-weight-bold; - -// This changes the nub size -// $joyride-tip-nub-size: 10px; - -// This adjusts the styles for the timer when its enabled -// $joyride-tip-timer-width: 50px; -// $joyride-tip-timer-height: 3px; -// $joyride-tip-timer-color: $steel; - -// This changes up the styles for the close button -// $joyride-tip-close-color: $monsoon; -// $joyride-tip-close-size: 24px; -// $joyride-tip-close-weight: $font-weight-normal; - -// When Joyride is filling the screen, we use this style for the bg -// $joyride-screenfill: rgba(0,0,0,0.5); - -// 15. Keystrokes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-keystroke-classes: $include-html-classes; - -// We use these to control text styles. -// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; -// $keystroke-font-size: inherit; -// $keystroke-font-color: $jet; -// $keystroke-font-color-alt: $white; -// $keystroke-function-factor: -7%; - -// We use this to control keystroke padding. -// $keystroke-padding: rem-calc(2 4 0); - -// We use these to control background and border styles. -// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor); -// $keystroke-border-style: solid; -// $keystroke-border-width: 1px; -// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); -// $keystroke-radius: $global-radius; - -// 16. Labels -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-label-classes: $include-html-classes; - -// We use these to style the labels -// $label-padding: rem-calc(4 8 4); -// $label-radius: $global-radius; - -// We use these to style the label text -// $label-font-sizing: rem-calc(11); -// $label-font-weight: $font-weight-normal; -// $label-font-color: $oil; -// $label-font-color-alt: $white; -// $label-font-family: $body-font-family; - -// 17. Magellan -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-magellan-classes: $include-html-classes; - -// $magellan-bg: $white; -// $magellan-padding: 10px; - -// 18. Off-canvas -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// Off Canvas Tab Bar Variables -// $include-html-off-canvas-classes: $include-html-classes; - -// $tabbar-bg: $oil; -// $tabbar-height: rem-calc(45); -// $tabbar-icon-width: $tabbar-height; -// $tabbar-line-height: $tabbar-height; -// $tabbar-color: $white; -// $tabbar-middle-padding: 0 rem-calc(10); - -// Off Canvas Divider Styles -// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); -// $tabbar-right-section-border: $tabbar-left-section-border; - - -// Off Canvas Tab Bar Headers -// $tabbar-header-color: $white; -// $tabbar-header-weight: $font-weight-bold; -// $tabbar-header-line-height: $tabbar-height; -// $tabbar-header-margin: 0; - -// Off Canvas Menu Variables -// $off-canvas-width: rem-calc(250); -// $off-canvas-bg: $oil; -// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%); -// $off-canvas-bg-active: scale-color($tabbar-bg, $lightness: -30%); - -// Off Canvas Menu List Variables -// $off-canvas-label-padding: .3rem rem-calc(15); -// $off-canvas-label-color: $aluminum; -// $off-canvas-label-text-transform: uppercase; -// $off-canvas-label-font-size: rem-calc(12); -// $off-canvas-label-font-weight: $font-weight-bold; -// $off-canvas-label-bg: $tuatara; -// $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); -// $off-canvas-label-border-bottom: none; -// $off-canvas-label-margin:0; -// $off-canvas-link-padding: rem-calc(10, 15); -// $off-canvas-link-color: rgba($white, .7); -// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%); -// $off-canvas-back-bg: #444; -// $off-canvas-back-border-top: $off-canvas-label-border-top; -// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom; -// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%); -// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); -// $off-canvas-back-hover-border-bottom: none; - -// Off Canvas Menu Icon Variables -// $tabbar-menu-icon-color: $white; -// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); - -// $tabbar-menu-icon-text-indent: rem-calc(35); -// $tabbar-menu-icon-width: $tabbar-icon-width; -// $tabbar-menu-icon-height: $tabbar-height; -// $tabbar-menu-icon-padding: 0; - -// $tabbar-hamburger-icon-width: rem-calc(16); -// $tabbar-hamburger-icon-left: false; -// $tabbar-hamburger-icon-top: false; -// $tabbar-hamburger-icon-thickness: 1px; -// $tabbar-hamburger-icon-gap: 6px; - -// Off Canvas Back-Link Overlay -// $off-canvas-overlay-transition: background 300ms ease; -// $off-canvas-overlay-cursor: pointer; -// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, .5), 4px 0 4px rgba($black, .5); -// $off-canvas-overlay-background: rgba($white, .2); -// $off-canvas-overlay-background-hover: rgba($white, .05); - -// Transition Variables -// $menu-slide: "transform 500ms ease"; - -// 19. Orbit -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-orbit-classes: $include-html-classes; - -// We use these to control the caption styles -// $orbit-container-bg: none; -// $orbit-caption-bg: rgba(51,51,51, .8); -// $orbit-caption-font-color: $white; -// $orbit-caption-font-size: rem-calc(14); -// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" -// $orbit-caption-padding: rem-calc(10 14); -// $orbit-caption-height: auto; - -// We use these to control the left/right nav styles -// $orbit-nav-bg: transparent; -// $orbit-nav-bg-hover: rgba(0,0,0,0.3); -// $orbit-nav-arrow-color: $white; -// $orbit-nav-arrow-color-hover: $white; - -// We use these to control the timer styles -// $orbit-timer-bg: rgba(255,255,255,0.3); -// $orbit-timer-show-progress-bar: true; - -// We use these to control the bullet nav styles -// $orbit-bullet-nav-color: $iron; -// $orbit-bullet-nav-color-active: $aluminum; -// $orbit-bullet-radius: rem-calc(9); - -// We use these to controls the style of slide numbers -// $orbit-slide-number-bg: rgba(0,0,0,0); -// $orbit-slide-number-font-color: $white; -// $orbit-slide-number-padding: rem-calc(5); - -// Graceful Loading Wrapper and preloader -// $wrapper-class: "slideshow-wrapper"; -// $preloader-class: "preloader"; - -// Hide controls on small -// $orbit-nav-hide-for-small: true; -// $orbit-bullet-hide-for-small: true; -// $orbit-timer-hide-for-small: true; - -// 20. Pagination -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-pagination-classes: $include-html-classes; - -// We use these to control the pagination container -// $pagination-height: rem-calc(24); -// $pagination-margin: rem-calc(-5); - -// We use these to set the list-item properties -// $pagination-li-float: $default-float; -// $pagination-li-height: rem-calc(24); -// $pagination-li-font-color: $jet; -// $pagination-li-font-size: rem-calc(14); -// $pagination-li-margin: rem-calc(5); - -// We use these for the pagination anchor links -// $pagination-link-pad: rem-calc(1 10 1); -// $pagination-link-font-color: $aluminum; -// $pagination-link-active-bg: scale-color($white, $lightness: -10%); - -// We use these for disabled anchor links -// $pagination-link-unavailable-cursor: default; -// $pagination-link-unavailable-font-color: $aluminum; -// $pagination-link-unavailable-bg-active: transparent; - -// We use these for currently selected anchor links -// $pagination-link-current-background: $primary-color; -// $pagination-link-current-font-color: $white; -// $pagination-link-current-font-weight: $font-weight-bold; -// $pagination-link-current-cursor: default; -// $pagination-link-current-active-bg: $primary-color; - -// 21. Panels -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-panel-classes: $include-html-classes; - -// We use these to control the background and border styles -// $panel-bg: scale-color($white, $lightness: -5%); -// $panel-border-style: solid; -// $panel-border-size: 1px; -// $callout-panel-bg: scale-color($primary-color, $lightness: 94%); - -// We use this % to control how much we darken things on hover -// $panel-border-color: scale-color($panel-bg, $lightness: -11%); - -// We use these to set default inner padding and bottom margin -// $panel-margin-bottom: rem-calc(20); -// $panel-padding: rem-calc(20); - -// We use these to set default font colors -// $panel-font-color: $oil; -// $panel-font-color-alt: $white; - -// $panel-header-adjust: true; -// $callout-panel-link-color: $primary-color; -// $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%); - -// 22. Pricing Tables -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-pricing-classes: $include-html-classes; - -// We use this to control the border color -// $price-table-border: solid 1px $gainsboro; - -// We use this to control the bottom margin of the pricing table -// $price-table-margin-bottom: rem-calc(20); - -// We use these to control the title styles -// $price-title-bg: $oil; -// $price-title-padding: rem-calc(15 20); -// $price-title-align: center; -// $price-title-color: $smoke; -// $price-title-weight: $font-weight-normal; -// $price-title-size: rem-calc(16); -// $price-title-font-family: $body-font-family; - -// We use these to control the price styles -// $price-money-bg: $vapor; -// $price-money-padding: rem-calc(15 20); -// $price-money-align: center; -// $price-money-color: $oil; -// $price-money-weight: $font-weight-normal; -// $price-money-size: rem-calc(32); -// $price-money-font-family: $body-font-family; - - -// We use these to control the description styles -// $price-bg: $white; -// $price-desc-color: $monsoon; -// $price-desc-padding: rem-calc(15); -// $price-desc-align: center; -// $price-desc-font-size: rem-calc(12); -// $price-desc-weight: $font-weight-normal; -// $price-desc-line-height: 1.4; -// $price-desc-bottom-border: dotted 1px $gainsboro; - -// We use these to control the list item styles -// $price-item-color: $oil; -// $price-item-padding: rem-calc(15); -// $price-item-align: center; -// $price-item-font-size: rem-calc(14); -// $price-item-weight: $font-weight-normal; -// $price-item-bottom-border: dotted 1px $gainsboro; - -// We use these to control the CTA area styles -// $price-cta-bg: $white; -// $price-cta-align: center; -// $price-cta-padding: rem-calc(20 20 0); - -// 23. Progress Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use this to set the progress bar height -// $progress-bar-height: rem-calc(25); -// $progress-bar-color: $vapor; - -// We use these to control the border styles -// $progress-bar-border-color: scale-color($white, $lightness: 20%); -// $progress-bar-border-size: 1px; -// $progress-bar-border-style: solid; -// $progress-bar-border-radius: $global-radius; - -// We use these to control the margin & padding -// $progress-bar-margin-bottom: rem-calc(10); - -// We use these to set the meter colors -// $progress-meter-color: $primary-color; -// $progress-meter-secondary-color: $secondary-color; -// $progress-meter-success-color: $success-color; -// $progress-meter-alert-color: $alert-color; - -// 24. Range Slider -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-range-slider-classes: $include-html-classes; - -// These variables define the slider bar styles -// $range-slider-bar-width: 100%; -// $range-slider-bar-height: rem-calc(16); - -// $range-slider-bar-border-width: 1px; -// $range-slider-bar-border-style: solid; -// $range-slider-bar-border-color: $gainsboro; -// $range-slider-radius: $global-radius; -// $range-slider-round: $global-rounded; -// $range-slider-bar-bg-color: $ghost; -// $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%); - -// Vertical bar styles -// $range-slider-vertical-bar-width: rem-calc(16); -// $range-slider-vertical-bar-height: rem-calc(200); - -// These variables define the slider handle styles -// $range-slider-handle-width: rem-calc(32); -// $range-slider-handle-height: rem-calc(22); -// $range-slider-handle-position-top: rem-calc(-5); -// $range-slider-handle-bg-color: $primary-color; -// $range-slider-handle-border-width: 1px; -// $range-slider-handle-border-style: solid; -// $range-slider-handle-border-color: none; -// $range-slider-handle-radius: $global-radius; -// $range-slider-handle-round: $global-rounded; -// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); -// $range-slider-handle-cursor: pointer; - -// $range-slider-disabled-opacity: .7; -// $range-slider-disabled-cursor: $cursor-disabled-value; - -// 25. Reveal -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-reveal-classes: $include-html-classes; - -// We use these to control the style of the reveal overlay. -// $reveal-overlay-bg: rgba($black, .45); -// $reveal-overlay-bg-old: $black; - -// We use these to control the style of the modal itself. -// $reveal-modal-bg: $white; -// $reveal-position-top: rem-calc(100); -// $reveal-default-width: 80%; -// $reveal-max-width: $row-width; -// $reveal-modal-padding: rem-calc(20); -// $reveal-box-shadow: 0 0 10px rgba($black,.4); - -// We use these to style the reveal close button -// $reveal-close-font-size: rem-calc(40); -// $reveal-close-top: rem-calc(10); -// $reveal-close-side: rem-calc(22); -// $reveal-close-color: $base; -// $reveal-close-weight: $font-weight-bold; - -// We use this to set the default radius used throughout the core. -// $reveal-radius: $global-radius; -// $reveal-round: $global-rounded; - -// We use these to control the modal border -// $reveal-border-style: solid; -// $reveal-border-width: 1px; -// $reveal-border-color: $steel; - -// $reveal-modal-class: "reveal-modal"; -// $close-reveal-modal-class: "close-reveal-modal"; - -// 26. Side Nav -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use this to control padding. -// $side-nav-padding: rem-calc(14 0); - -// We use these to control list styles. -// $side-nav-list-type: none; -// $side-nav-list-position: outside; -// $side-nav-list-margin: rem-calc(0 0 7 0); - -// We use these to control link styles. -// $side-nav-link-color: $primary-color; -// $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%); -// $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%); -// $side-nav-link-bg-hover: hsla(0, 0, 0, .025); -// $side-nav-link-margin: 0; -// $side-nav-link-padding: rem-calc(7 14); -// $side-nav-font-size: rem-calc(14); -// $side-nav-font-weight: $font-weight-normal; -// $side-nav-font-weight-active: $side-nav-font-weight; -// $side-nav-font-family: $body-font-family; -// $side-nav-font-family-active: $side-nav-font-family; - -// We use these to control heading styles. -// $side-nav-heading-color: $side-nav-link-color; -// $side-nav-heading-font-size: $side-nav-font-size; -// $side-nav-heading-font-weight: bold; -// $side-nav-heading-text-transform: uppercase; - -// We use these to control border styles -// $side-nav-divider-size: 1px; -// $side-nav-divider-style: solid; -// $side-nav-divider-color: scale-color($white, $lightness: 10%); - -// 27. Split Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to control different shared styles for Split Buttons -// $split-button-function-factor: 10%; -// $split-button-pip-color: $white; -// $split-button-span-border-color: rgba(255,255,255,0.5); -// $split-button-pip-color-alt: $oil; -// $split-button-active-bg-tint: rgba(0,0,0,0.1); - -// We use these to control tiny split buttons -// $split-button-padding-tny: $button-pip-tny * 10; -// $split-button-span-width-tny: $button-pip-tny * 6; -// $split-button-pip-size-tny: $button-pip-tny; -// $split-button-pip-top-tny: $button-pip-tny * 2; -// $split-button-pip-default-float-tny: rem-calc(-6); - -// We use these to control small split buttons -// $split-button-padding-sml: $button-pip-sml * 10; -// $split-button-span-width-sml: $button-pip-sml * 6; -// $split-button-pip-size-sml: $button-pip-sml; -// $split-button-pip-top-sml: $button-pip-sml * 1.5; -// $split-button-pip-default-float-sml: rem-calc(-6); - -// We use these to control medium split buttons -// $split-button-padding-med: $button-pip-med * 9; -// $split-button-span-width-med: $button-pip-med * 5.5; -// $split-button-pip-size-med: $button-pip-med - rem-calc(3); -// $split-button-pip-top-med: $button-pip-med * 1.5; -// $split-button-pip-default-float-med: rem-calc(-6); - -// We use these to control large split buttons -// $split-button-padding-lrg: $button-pip-lrg * 8; -// $split-button-span-width-lrg: $button-pip-lrg * 5; -// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); -// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); -// $split-button-pip-default-float-lrg: rem-calc(-6); - -// 28. Sub Nav -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use these to control margin and padding -// $sub-nav-list-margin: rem-calc(-4 0 18); -// $sub-nav-list-padding-top: rem-calc(4); - -// We use this to control the definition -// $sub-nav-font-family: $body-font-family; -// $sub-nav-font-size: rem-calc(14); -// $sub-nav-font-color: $aluminum; -// $sub-nav-font-weight: $font-weight-normal; -// $sub-nav-text-decoration: none; -// $sub-nav-padding: rem-calc(3 16); -// $sub-nav-border-radius: 3px; -// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); - - -// We use these to control the active item styles - -// $sub-nav-active-font-weight: $font-weight-normal; -// $sub-nav-active-bg: $primary-color; -// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); -// $sub-nav-active-color: $white; -// $sub-nav-active-padding: $sub-nav-padding; -// $sub-nav-active-cursor: default; - -// $sub-nav-item-divider: ""; -// $sub-nav-item-divider-margin: rem-calc(12); - -// 29. Switch -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-form-classes: $include-html-classes; - -// Controlling background color for the switch container -// $switch-bg: $gainsboro; - -// We use these to control the switch heights for our default classes -// $switch-height-tny: 1.5rem; -// $switch-height-sml: 1.75rem; -// $switch-height-med: 2rem; -// $switch-height-lrg: 2.5rem; -// $switch-bottom-margin: 1.5rem; - -// We use these to style the switch-paddle -// $switch-paddle-bg: $white; -// $switch-paddle-transition-speed: .15s; -// $switch-paddle-transition-ease: ease-out; -// $switch-active-color: $primary-color; - -// 30. Tables -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-table-classes: $include-html-classes; - -// These control the background color for the table and even rows -// $table-bg: $white; -// $table-even-row-bg: $snow; - -// These control the table cell border style -// $table-border-style: solid; -// $table-border-size: 1px; -// $table-border-color: $gainsboro; - -// These control the table head styles -// $table-head-bg: $white-smoke; -// $table-head-font-size: rem-calc(14); -// $table-head-font-color: $jet; -// $table-head-font-weight: $font-weight-bold; -// $table-head-padding: rem-calc(8 10 10); - -// These control the table foot styles -// $table-foot-bg: $table-head-bg; -// $table-foot-font-size: $table-head-font-size; -// $table-foot-font-color: $table-head-font-color; -// $table-foot-font-weight: $table-head-font-weight; -// $table-foot-padding: $table-head-padding; - -// These control the caption -// $table-caption-bg: transparent; -// $table-caption-font-color: $table-head-font-color; -// $table-caption-font-size: rem-calc(16); -// $table-caption-font-weight: bold; - -// These control the row padding and font styles -// $table-row-padding: rem-calc(9 10); -// $table-row-font-size: rem-calc(14); -// $table-row-font-color: $jet; -// $table-line-height: rem-calc(18); - -// These are for controlling the layout, display and margin of tables -// $table-layout: auto; -// $table-display: table-cell; -// $table-margin-bottom: rem-calc(20); - - -// 31. Tabs -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-tabs-classes: $include-html-classes; - -// $tabs-navigation-padding: rem-calc(16); -// $tabs-navigation-bg-color: $silver; -// $tabs-navigation-active-bg-color: $white; -// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); -// $tabs-navigation-font-color: $jet; -// $tabs-navigation-active-font-color: $tabs-navigation-font-color; -// $tabs-navigation-font-size: rem-calc(16); -// $tabs-navigation-font-family: $body-font-family; - -// $tabs-content-margin-bottom: rem-calc(24); -// $tabs-content-padding: ($column-gutter/2); - -// $tabs-vertical-navigation-margin-bottom: 1.25rem; - -// 32. Thumbnails -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use these to control border styles -// $thumb-border-style: solid; -// $thumb-border-width: 4px; -// $thumb-border-color: $white; -// $thumb-box-shadow: 0 0 0 1px rgba($black,.2); -// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); - -// Radius and transition speed for thumbs -// $thumb-radius: $global-radius; -// $thumb-transition-speed: 200ms; - -// 33. Tooltips -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-tooltip-classes: $include-html-classes; - -// $has-tip-border-bottom: dotted 1px $iron; -// $has-tip-font-weight: $font-weight-bold; -// $has-tip-font-color: $oil; -// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); -// $has-tip-font-color-hover: $primary-color; -// $has-tip-cursor-type: help; - -// $tooltip-padding: rem-calc(12); -// $tooltip-bg: $oil; -// $tooltip-font-size: rem-calc(14); -// $tooltip-font-weight: $font-weight-normal; -// $tooltip-font-color: $white; -// $tooltip-line-height: 1.3; -// $tooltip-close-font-size: rem-calc(10); -// $tooltip-close-font-weight: $font-weight-normal; -// $tooltip-close-font-color: $monsoon; -// $tooltip-font-size-sml: rem-calc(14); -// $tooltip-radius: $global-radius; -// $tooltip-rounded: $global-rounded; -// $tooltip-pip-size: 5px; -// $tooltip-max-width: 300px; - -// 34. Top Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-top-bar-classes: $include-html-classes; - -// Background color for the top bar -// $topbar-bg-color: $oil; -// $topbar-bg: $topbar-bg-color; - -// Height and margin -// $topbar-height: rem-calc(45); -// $topbar-margin-bottom: 0; - -// Controlling the styles for the title in the top bar -// $topbar-title-weight: $font-weight-normal; -// $topbar-title-font-size: rem-calc(17); - -// Set the link colors and styles for top-level nav -// $topbar-link-color: $white; -// $topbar-link-color-hover: $white; -// $topbar-link-color-active: $white; -// $topbar-link-color-active-hover: $white; -// $topbar-link-weight: $font-weight-normal; -// $topbar-link-font-size: rem-calc(13); -// $topbar-link-hover-lightness: -10%; // Darken by 10% -// $topbar-link-bg: $topbar-bg; -// $topbar-link-bg-hover: $jet; -// $topbar-link-bg-color-hover: $charcoal; -// $topbar-link-bg-active: $primary-color; -// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); -// $topbar-link-font-family: $body-font-family; -// $topbar-link-text-transform: none; -// $topbar-link-padding: ($topbar-height / 3); -// $topbar-back-link-size: rem-calc(18); -// $topbar-link-dropdown-padding: rem-calc(20); -// $topbar-button-font-size: .75rem; -// $topbar-button-top: 7px; - -// Style the top bar dropdown elements -// $topbar-dropdown-bg: $oil; -// $topbar-dropdown-link-color: $white; -// $topbar-dropdown-link-color-hover: $topbar-link-color-hover; -// $topbar-dropdown-link-bg: $oil; -// $topbar-dropdown-link-bg-hover: $jet; -// $topbar-dropdown-link-weight: $font-weight-normal; -// $topbar-dropdown-toggle-size: 5px; -// $topbar-dropdown-toggle-color: $white; -// $topbar-dropdown-toggle-alpha: .4; - -// $topbar-dropdown-label-color: $monsoon; -// $topbar-dropdown-label-text-transform: uppercase; -// $topbar-dropdown-label-font-weight: $font-weight-bold; -// $topbar-dropdown-label-font-size: rem-calc(10); -// $topbar-dropdown-label-bg: $oil; - -// Top menu icon styles -// $topbar-menu-link-transform: uppercase; -// $topbar-menu-link-font-size: rem-calc(13); -// $topbar-menu-link-weight: $font-weight-bold; -// $topbar-menu-link-color: $white; -// $topbar-menu-icon-color: $white; -// $topbar-menu-link-color-toggled: $jumbo; -// $topbar-menu-icon-color-toggled: $jumbo; -// $topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon - -// Transitions and breakpoint styles -// $topbar-transition-speed: 300ms; -// Using rem-calc for the below breakpoint causes issues with top bar -// $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout -// $topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})"; - -// Top-bar input styles -// $topbar-input-height: rem-calc(28); - -// Divider Styles -// $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); -// $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); - -// Sticky Class -// $topbar-sticky-class: ".sticky"; -// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item -// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li// - -// 36. Visibility Classes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-visibility-classes: $include-html-classes; -// $include-accessibility-classes: true; -// $include-table-visibility-classes: true; -// $include-legacy-visibility-classes: true; diff --git a/src/styles/_shared.scss b/src/styles/_shared.scss deleted file mode 100644 index 004fcb6..0000000 --- a/src/styles/_shared.scss +++ /dev/null @@ -1,8 +0,0 @@ -// ** This is where you can put Sass that is used globally across the entire app ** // -@import "mixins"; - -// Class: circle -// Description: Used to make a circular element. (e.g Change a square to a circle) -.circle { - @include circle; -} diff --git a/src/styles/main.scss b/src/styles/main.scss deleted file mode 100644 index 3918feb..0000000 --- a/src/styles/main.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Include global Sass files needed to style the app. You shouldn't have to change anything here. -@import "../../vendor/foundation/scss/normalize"; -@import "settings"; -@import "../../vendor/foundation/scss/foundation"; -@import "font-awesome"; -@import "mixins"; -@import "shared"; - -// Include custom styles per component. If you add a new component, you should the path to its styles file here. -@import "../app/about/styles/styles"; -@import "../app/home/styles/styles"; -@import "../app/layout/styles/styles"; -@import "../app/topbar/styles/styles"; diff --git a/vendor.config.js b/vendor.config.js deleted file mode 100644 index 749b3af..0000000 --- a/vendor.config.js +++ /dev/null @@ -1,32 +0,0 @@ -/** - * The `vendor_files.js` property in Gruntfile.js holds files to be automatically - * concatenated and minified with our project source files. - * - * NOTE: Use the *.min.js version when compiling for production. - * Otherwise, use the normal *.js version for development - * - */ - -module.exports = { - js: [ - // utility libraries - 'vendor/jquery/dist/jquery.min.js', - - // Angular components - 'vendor/angular/angular.js', - 'vendor/angular-ui-router/release/angular-ui-router.min.js', - 'vendor/angular-resource/angular-resource.min.js', - 'vendor/angular-mocks/angular-mocks.js', - - // Local storage - 'vendor/angular-local-storage/dist/angular-local-storage.min.js', - - // Modernizer - 'vendor/modernizr/modernizr.js', - - // Foundation - 'vendor/foundation/js/foundation.min.js' - ], - css: [ ], - assets: [ ] -};