├── .gitignore
├── Assets
    ├── .gitignore
    └── src
    │   ├── .editorconfig
    │   ├── Field Guide to Browserify.md
    │   ├── build-dev.cmd
    │   ├── build-dev.command
    │   ├── build-production.cmd
    │   ├── build-production.command
    │   ├── build-watch.cmd
    │   ├── build-watch.command
    │   ├── build
    │       ├── build.cmd
    │       ├── build.sh
    │       ├── drivers
    │       │   ├── css.js
    │       │   ├── example-driver.js
    │       │   ├── img.js
    │       │   └── js.js
    │       ├── lib
    │       │   ├── StreamLoader.js
    │       │   ├── TaskLoader.js
    │       │   ├── WatchLoader.js
    │       │   └── gulp-filter.mod.js
    │       └── tasks.js
    │   ├── css
    │       ├── base
    │       │   ├── _all.scss
    │       │   ├── _defaults.scss
    │       │   ├── _fonts.scss
    │       │   ├── _reset.scss
    │       │   ├── defaults
    │       │   │   ├── _forms.scss
    │       │   │   ├── _icons.scss
    │       │   │   ├── _lists.scss
    │       │   │   ├── _media.scss
    │       │   │   ├── _root.scss
    │       │   │   ├── _tables.scss
    │       │   │   └── _typography.scss
    │       │   └── fonts
    │       │   │   └── _icomoon.scss
    │       ├── functions
    │       │   ├── _all.scss
    │       │   ├── _color.scss
    │       │   ├── _em.scss
    │       │   ├── _grid-calc.scss
    │       │   ├── _icon.scss
    │       │   ├── _image.scss
    │       │   ├── _is-direction.scss
    │       │   ├── _parse-int.scss
    │       │   ├── _rem.scss
    │       │   └── _z.scss
    │       ├── layout
    │       │   ├── _all.scss
    │       │   ├── _content.scss
    │       │   ├── _footer.scss
    │       │   └── _header.scss
    │       ├── mixins
    │       │   ├── _all.scss
    │       │   ├── _aspect-ratio.scss
    │       │   ├── _font-size.scss
    │       │   ├── _gradients.scss
    │       │   ├── _high-dpi.scss
    │       │   ├── _icon.scss
    │       │   ├── _media.scss
    │       │   ├── _placeholder-color.scss
    │       │   ├── _retina-image.scss
    │       │   ├── _rgba-background-color.scss
    │       │   ├── _transition.scss
    │       │   └── grid
    │       │   │   ├── _all.scss
    │       │   │   ├── _grid.scss
    │       │   │   └── _semantic-grid.scss
    │       ├── modules
    │       │   ├── _all.scss
    │       │   ├── _badges.scss
    │       │   ├── _buttons.scss
    │       │   ├── _callout.scss
    │       │   ├── _dividers.scss
    │       │   ├── _fancybox.scss
    │       │   ├── _icons.scss
    │       │   ├── _lists.scss
    │       │   ├── _quick-columns.scss
    │       │   ├── _responsive-tabs.scss
    │       │   ├── _tooltips.scss
    │       │   ├── _utility-responsive.scss
    │       │   ├── _utility.scss
    │       │   └── _valign.scss
    │       ├── style.scss
    │       └── variables
    │       │   ├── _all.scss
    │       │   ├── _breakpoints.scss
    │       │   ├── _colors.scss
    │       │   ├── _folders.scss
    │       │   ├── _grid.scss
    │       │   ├── _icons.scss
    │       │   ├── _measurements.scss
    │       │   ├── _options.scss
    │       │   ├── _placeholders.scss
    │       │   ├── _transitions.scss
    │       │   ├── _typography.scss
    │       │   └── _z-index.scss
    │   ├── fonts
    │       ├── README.md
    │       ├── icomoon.eot
    │       ├── icomoon.svg
    │       ├── icomoon.ttf
    │       ├── icomoon.woff
    │       └── selection.json
    │   ├── gulpfile.js
    │   ├── img
    │       ├── content
    │       │   ├── favicon.png
    │       │   ├── logo-placeholder.png
    │       │   ├── logo-placeholder@2x.png
    │       │   └── touch-icon.png
    │       └── css
    │       │   ├── bg-select-arrow.png
    │       │   ├── checkbox-checked.svg
    │       │   ├── checkbox-unchecked.svg
    │       │   ├── fancybox-loading.gif
    │       │   ├── fancybox-loading@2x.gif
    │       │   ├── fancybox-overlay.png
    │       │   ├── fancybox-sprite.png
    │       │   ├── fancybox-sprite@2x.png
    │       │   ├── radio-checked.svg
    │       │   └── radio-unchecked.svg
    │   ├── js
    │       ├── README.md
    │       ├── head.js
    │       ├── lib
    │       │   ├── README.md
    │       │   ├── cookies.js
    │       │   ├── documentReady.js
    │       │   ├── triggerPlugins.js
    │       │   └── utility.js
    │       ├── main.js
    │       ├── modules
    │       │   ├── README.md
    │       │   └── Template.js
    │       └── vendor
    │       │   ├── README.md
    │       │   ├── jquery.fancybox.js
    │       │   ├── jquery.placeholder.js
    │       │   ├── jquery.responsive-tabs.js
    │       │   ├── jquery.tipsy.js
    │       │   └── modernizr.js
    │   ├── package.json
    │   ├── readme.md
    │   ├── sassdoc-theme
    │       ├── .gitignore
    │       ├── .jshintrc
    │       ├── LICENSE.md
    │       ├── Makefile
    │       ├── README.md
    │       ├── assets
    │       │   ├── css
    │       │   │   └── main.css
    │       │   ├── images
    │       │   │   ├── logo-horizontal.png
    │       │   │   ├── logo_full_compact.svg
    │       │   │   ├── logo_full_inline.svg
    │       │   │   ├── logo_light_compact.svg
    │       │   │   └── logo_light_inline.svg
    │       │   └── js
    │       │   │   ├── main.js
    │       │   │   ├── main.min.js
    │       │   │   ├── search.js
    │       │   │   ├── sidebar.js
    │       │   │   └── vendor
    │       │   │       ├── fuse.min.js
    │       │   │       ├── jquery.min.js
    │       │   │       └── prism.min.js
    │       ├── default.json
    │       ├── dist
    │       │   ├── index.js
    │       │   └── swig.js
    │       ├── package.json
    │       ├── scss
    │       │   ├── base
    │       │   │   ├── _base.scss
    │       │   │   ├── _helpers.scss
    │       │   │   └── _layout.scss
    │       │   ├── main.scss
    │       │   ├── partials
    │       │   │   ├── _footer.scss
    │       │   │   ├── _header.scss
    │       │   │   ├── _item.scss
    │       │   │   ├── _main.scss
    │       │   │   ├── _searchbar.scss
    │       │   │   └── _sidebar.scss
    │       │   ├── utils
    │       │   │   ├── _functions.scss
    │       │   │   ├── _helpers.scss
    │       │   │   ├── _mixins.scss
    │       │   │   └── _variables.scss
    │       │   └── vendors
    │       │   │   └── _prism.scss
    │       ├── src
    │       │   ├── index.js
    │       │   └── swig.js
    │       └── views
    │       │   ├── documentation
    │       │       └── index.html.swig
    │       │   ├── includes
    │       │       ├── annotations
    │       │       │   ├── author.html.swig
    │       │       │   ├── content.html.swig
    │       │       │   ├── deprecated.html.swig
    │       │       │   ├── description.html.swig
    │       │       │   ├── example.html.swig
    │       │       │   ├── link.html.swig
    │       │       │   ├── name.html.swig
    │       │       │   ├── output.html.swig
    │       │       │   ├── parameter.html.swig
    │       │       │   ├── preview.html.swig
    │       │       │   ├── property.html.swig
    │       │       │   ├── require.html.swig
    │       │       │   ├── return.html.swig
    │       │       │   ├── see.html.swig
    │       │       │   ├── since.html.swig
    │       │       │   ├── throw.html.swig
    │       │       │   ├── todo.html.swig
    │       │       │   ├── type.html.swig
    │       │       │   └── usedby.html.swig
    │       │       └── partials
    │       │       │   ├── description.html.swig
    │       │       │   ├── footer.html.swig
    │       │       │   ├── head.html.swig
    │       │       │   ├── header.html.swig
    │       │       │   ├── item.html.swig
    │       │       │   ├── scripts.html.swig
    │       │       │   └── sidebar.html.swig
    │       │   └── layouts
    │       │       └── base.html.swig
    │   └── templates
    │       ├── complex-layout-test.php
    │       ├── grid-system-test.php
    │       ├── inc
    │           ├── foot.php
    │           ├── functions.php
    │           └── head.php
    │       ├── index.php
    │       ├── semantic-grid-system-test-three-column.php
    │       ├── semantic-grid-system-test-two-column.php
    │       └── style-guide.php
├── README.md
└── favicon.ico


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Metadata
 2 | *.DS_Store
 3 | *._*
 4 | 
 5 | # Config and documentation
 6 | web.config
 7 | codekit-config.json
 8 | /documentation
 9 | 
10 | # Built templates
11 | /*.php
12 | /*.html
13 | /inc


--------------------------------------------------------------------------------
/Assets/.gitignore:
--------------------------------------------------------------------------------
1 | /*
2 | !/src/
3 | !.gitignore
4 | /src/node_modules
5 | npm-debug.log


--------------------------------------------------------------------------------
/Assets/src/.editorconfig:
--------------------------------------------------------------------------------
 1 | # http://editorconfig.org
 2 | 
 3 | root = true
 4 | 
 5 | [*]
 6 | charset = utf-8
 7 | indent_style = tab
 8 | indent_size = 4
 9 | insert_final_newline = true
10 | trim_trailing_whitespace = true
11 | 


--------------------------------------------------------------------------------
/Assets/src/build-dev.cmd:
--------------------------------------------------------------------------------
1 | @echo off
2 | echo Running Gulp Dev Build...
3 | cmd /c "%~dp0\build\build.cmd" default
4 | if %errorlevel% neq 0 echo Build exited with code %errorlevel%
5 | 
6 | if not [%1]==[] exit /b %errorlevel%
7 | 
8 | PAUSE


--------------------------------------------------------------------------------
/Assets/src/build-dev.command:
--------------------------------------------------------------------------------
1 | echo "Running Gulp Dev Build..."
2 | DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
3 | "$DIR/build/build.sh" default


--------------------------------------------------------------------------------
/Assets/src/build-production.cmd:
--------------------------------------------------------------------------------
1 | @echo off
2 | echo Running Gulp Production Build...
3 | cmd /c "%~dp0\build\build.cmd" production
4 | if %errorlevel% neq 0 echo Build exited with code %errorlevel%
5 | 
6 | if not [%1]==[] exit /b %errorlevel%
7 | 
8 | PAUSE


--------------------------------------------------------------------------------
/Assets/src/build-production.command:
--------------------------------------------------------------------------------
1 | echo "Running Gulp Production Build..."
2 | DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
3 | "$DIR/build/build.sh" production


--------------------------------------------------------------------------------
/Assets/src/build-watch.cmd:
--------------------------------------------------------------------------------
1 | @echo off
2 | echo Running Gulp Watch Build...
3 | cmd /c "%~dp0\build\build.cmd" watch
4 | if %errorlevel% neq 0 echo Build exited with code %errorlevel%
5 | 
6 | if not [%1]==[] exit /b %errorlevel%
7 | 
8 | PAUSE


--------------------------------------------------------------------------------
/Assets/src/build-watch.command:
--------------------------------------------------------------------------------
1 | echo "Running Gulp Watch Build..."
2 | DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
3 | "$DIR/build/build.sh" watch


--------------------------------------------------------------------------------
/Assets/src/build/build.cmd:
--------------------------------------------------------------------------------
 1 | @echo off
 2 | 
 3 | if [%1]==[] goto usage
 4 | 
 5 | for %%X in (node.exe) do (set FOUND=%%~$PATH:X)
 6 | if not defined FOUND (
 7 | 	echo Node.exe is not in the PATH. Install Node.js or temporarily modify the PATH for a portable install.
 8 | 	exit /b 1
 9 | )
10 | 
11 | for %%X in (npm) do (set FOUND=%%~$PATH:X)
12 | if not defined FOUND (
13 | 	echo npm is not in the PATH. Install Node.js or temporarily modify the PATH for a portable install.
14 | 	exit /b 1
15 | )
16 | 
17 | cd /d "%~dp0\.."
18 | 
19 | REM check for a missing node_modules folder, which definitely means we need to npm install
20 | if not exist sassdoc-theme/node_modules GOTO :sassdoc_theme_npm_install
21 | if not exist node_modules GOTO :npm_install
22 | 
23 | REM in production we want to always use npm install; this will prevent CI builds from failing due to missing deps
24 | if '%1' == 'production' GOTO :npm_install
25 | 
26 | :run_gulp
27 | node node_modules\gulp\bin\gulp.js %1
28 | 
29 | if %errorlevel% neq 0 (
30 | 	if [%noretry%] == [] (
31 | 		echo Build failed - exit %errorlevel%. Attempting npm install in case of out of date or new dependencies.
32 | 		GOTO :sassdoc_theme_npm_install
33 | 		GOTO :npm_install
34 | 	)
35 | 
36 | 	echo Build failed both attempts. Aborting.
37 | 	exit /b %errorlevel%
38 | )
39 | 
40 | exit /b 0
41 | 
42 | :sassdoc_theme_npm_install
43 | REM don't ask why you need to cmd /c this, but if you don't the script exits thereafter without running gulp!
44 | echo Running npm install for Sassdoc theme
45 | cmd /c "cd sassdoc-theme && npm install"
46 | if %errorlevel% neq 0 (
47 | 	echo npm install exited with code %errorlevel%
48 | 	exit /b %errorlevel%
49 | )
50 | 
51 | :npm_install
52 | REM don't ask why you need to cmd /c this, but if you don't the script exits thereafter without running gulp!
53 | echo Running npm install
54 | cmd /c "npm install"
55 | if %errorlevel% neq 0 (
56 | 	echo npm install exited with code %errorlevel%
57 | 	exit /b %errorlevel%
58 | )
59 | 
60 | REM this noretry flag is used to prevent the build from retrying npm install to fix itself more than once
61 | REM (except for watches, which restart infinitely)
62 | 
63 | if '%1' NEQ 'watch' (
64 | 	SET noretry=1
65 | )
66 | GOTO :run_gulp
67 | 
68 | :usage
69 | echo Usage: %0 ^<GulpTaskName^>
70 | exit /b 1


--------------------------------------------------------------------------------
/Assets/src/build/build.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | [ -z "$1" ] && echo "Missing configuration argument" && exit 1
 4 | 
 5 | hash node 2>/dev/null || { echo >&2 "Node is not in the PATH. Install Node.js to correct this."; exit 1; }
 6 | hash npm 2>/dev/null || { echo >&2 "NPM is not in the PATH. Install Node.js to correct this."; exit 1; }
 7 | 
 8 | DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
 9 | 
10 | cd "$DIR/.."
11 | 
12 | # check for a missing node_modules folder, which definitely means we need to npm install
13 | # in production we want to always use npm install on the src directory, but not for the Sassdoc theme; this will prevent CI builds from failing due to missing deps
14 | if [ ! -d sassdoc-theme/node_modules ];
15 | then
16 | 	echo "Running npm install for Sassdoc theme"
17 | 	NORETRY=1
18 | 
19 | 	cd sassdoc-theme
20 | 
21 | 	if ! npm install;
22 | 		then
23 | 		echo "npm failed for Sassdoc theme. Exiting."
24 | 		exit 1;
25 | 	else
26 | 		cd ..
27 | 	fi
28 | fi
29 | 
30 | if [ ! -d node_modules ] || [ "$1" == "production" ];
31 | then
32 | 	echo "Running npm install"
33 | 	NORETRY=1
34 | 
35 | 	if ! npm install;
36 | 		then
37 | 		echo "npm failed. Exiting."
38 | 		exit 1;
39 | 	fi
40 | fi
41 | 
42 | if [ "$1" != "watch" ];
43 | then
44 | 	NORETRY=1
45 | fi
46 | 
47 | if ! node node_modules/gulp/bin/gulp.js $1;
48 | then
49 | 	echo "Gulp failed."
50 | 	if [ -z "$NORETRY" ];
51 | 		then
52 | 		echo "Retrying after an npm install in case of new dependencies"
53 | 
54 | 		if ! npm install;
55 | 			then
56 | 			echo "npm failed. Exiting."
57 | 			exit 1;
58 | 		fi
59 | 
60 | 		cd sassdoc-theme
61 | 
62 | 		if ! npm install;
63 | 			then
64 | 			echo "npm failed for Sassdoc theme. Exiting."
65 | 			exit 1;
66 | 		else
67 | 			cd ..
68 | 		fi
69 | 
70 | 		node node_modules/gulp/bin/gulp.js $1
71 | 	fi
72 | fi


--------------------------------------------------------------------------------
/Assets/src/build/drivers/css.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | var	 base64 = require('gulp-base64'),
 6 | 		cssmin = require('gulp-minify-css'),
 7 | 		gulpif = require('gulp-if'),
 8 | 		sass = require('gulp-sass'),
 9 | 		postcss = require('gulp-postcss'),
10 | 		prefix = require('autoprefixer'),
11 | 		sourcemaps = require('gulp-sourcemaps'),
12 | 		sassdoc = require('sassdoc');
13 | 
14 | var cssDriver = {
15 | 	build: function(pipeline, debug) {
16 | 		return pipeline
17 | 			.pipe(gulpif(debug, sourcemaps.init()))
18 | 			.pipe(gulpif(debug, sassdoc({
19 | 				basePath: 'https://github.com/connectivedx/Phoenix/tree/master/Assets/src',
20 | 				dest: '../../documentation/sass-api',
21 | 				groups: {
22 | 					"grid": "Grid System",
23 | 					"semantic-grid": "Semantic Grid System",
24 | 					"measurements": "Measurements",
25 | 					"options": "Options",
26 | 					"transitions": "Transitions",
27 | 					"typography": "Typography",
28 | 					"undefined": "Helper"
29 | 				},
30 | 				shortcutIcon: "../dist/img/content/favicon.png",
31 | 				sort: ["group", "file"],
32 | 				theme: "./sassdoc-theme"
33 | 			})))
34 | 			.pipe(sass())
35 | 			.pipe(postcss([ prefix({
36 | 				browsers: ['last 2 versions', 'IE >= 9', 'Android >= 4'] })
37 | 			]))
38 | 			.pipe(gulpif(debug, sourcemaps.write('./')))
39 | 			.pipe(base64({
40 | 				exclude: [/\icomoon/]
41 | 			}))
42 | 			.pipe(gulpif(!debug, cssmin({
43 | 				advanced: false
44 | 			})));
45 | 	}
46 | };
47 | 
48 | module.exports = cssDriver;
49 | 


--------------------------------------------------------------------------------
/Assets/src/build/drivers/example-driver.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | var exampleDriver = {
 6 | 	// Hook to allow the driver to respond to global configurations and driver-specific customizations
 7 | 	// optional.
 8 | 	// param: globalConfiguration (the configuration var in the gulpfile)
 9 | 	// param: taskConfiguration (the configuration object for this task within the configuration)
10 | 	//init: function(globalConfiguration, taskConfiguration) {
11 | 	//	console.log('inited example driver', taskConfiguration)
12 | 	//},
13 | 
14 | 	// Hook to override default behavior when loading included paths. Generally NOT needed.
15 | 	// Use this when you have a plugin that needs to control the source of the stream, such as Browserify.
16 | 	// param: paths (the included paths in the config. An array of glob strings)
17 | 	// param: debug (whether the build is in debug mode - eg minify, etc)
18 | 	// return: a vinyl stream should be returned (e.g. gulp.src())
19 | 	//createStream: function(paths, debug) {
20 | 		// return gulp.src(paths); - this is what happens if you do not define this function
21 | 	//},
22 | 
23 | 	// Perform cleaning actions on previously generated output or temp files before a build
24 | 	// Note: if autoClean is passed to the task configuration, the relative input paths in the output folder are
25 | 	// automatically cleaned by the framework without the need for this method. If both clean and autoclean are defined, both will be called.
26 | 	// optional.
27 | 	// param: outputDirectory (the root directory where the build output is heading to)
28 | 	// return: the return value will be sent to the gulp stream as if this was a gulp task
29 | 	//clean: function(outputDirectory) {
30 | 	//	console.log('clean example driver: ' + outputDirectory);
31 | 	//},
32 | 
33 | 	// Perform the primary build action of the driver. Not optional.
34 | 	// param: pipeline (the gulp stream containing the files for this driver to process)
35 | 	// param: debug (if true, this driver should not perform production optimizations such as minifying - use gulp-if if needed)
36 | 	// return: return the pipeline after you have appended your pipes to it
37 | 	build: function(pipeline, debug) {
38 | 		return pipeline;
39 | 			// for example:
40 | 			//.pipe(browserify({ debug:debug }))
41 | 			//.pipe(gulpif(!debug, uglify()))
42 | 	}
43 | };
44 | 
45 | module.exports = exampleDriver;


--------------------------------------------------------------------------------
/Assets/src/build/drivers/img.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | var GulpFilter = require('gulp-filter'),
 6 | 	imagemin = require('gulp-imagemin');
 7 | 
 8 | var imageDriver = {
 9 | 	build: function(pipeline, debug) {
10 | 		if(debug) return pipeline; // in debug we do no image processing
11 | 
12 | 		var imageFilter = new GulpFilter(['**/*.jpg', '**/*.png', '**/*.gif', '**/*.svg']);
13 | 
14 | 		return pipeline
15 | 			.pipe(imageFilter)
16 | 			.pipe(imagemin({ progressive: true, interlaced: true }))
17 | 			.pipe(imageFilter.restore());
18 | 	}
19 | };
20 | 
21 | module.exports = imageDriver;


--------------------------------------------------------------------------------
/Assets/src/build/drivers/js.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | var browserify = require('browserify'),
 6 | 	buffer = require('gulp-buffer'),
 7 | 	glob = require('glob'),
 8 | 	gulpif = require('gulp-if'),
 9 | 	gutil = require('gulp-util'),
10 | 	merge = require('merge-stream'),
11 | 	source = require('vinyl-source-stream'),
12 | 	uglify = require('gulp-uglify');
13 | 
14 | var jsDriver = {
15 | 	// browserify creates its own streams, so we need to src for ourselves here
16 | 	createStream: function(paths, debug) {
17 | 		var browserifyStream,
18 | 			files,
19 | 			i,
20 | 			j,
21 | 			streams = false;
22 | 
23 | 		for(i = 0; i < paths.length; i++) {
24 | 			files = glob.sync(paths[i]); // unglob all paths from config (browserify does one file at a time)
25 | 
26 | 			for(j = 0; j < files.length; j++) {
27 | 				// create the individual browserify stream, and concat the results to any other browserify streams
28 | 				browserifyStream = createBrowserifyStream(files[j], debug);
29 | 				if(!streams) streams = browserifyStream;
30 | 				else streams = merge(streams, browserifyStream);
31 | 			}
32 | 		}
33 | 
34 | 		return streams; // this is now the concatenated vinyl of all the browserify streams
35 | 	},
36 | 
37 | 	build: function(pipeline, debug) {
38 | 		return pipeline
39 | 			// note lack of browserify here - this is because that's run as part of creating the source stream
40 | 			.pipe(gulpif(!debug, buffer())) // uglify can't handle browserify streams, so we have to buffer it first
41 | 			.pipe(gulpif(!debug, uglify()));
42 | 	}
43 | };
44 | 
45 | function createBrowserifyStream(path, debug) {
46 | 	var bundler = browserify(path, { standalone: 'noscope', debug: debug });
47 | 
48 | 	return bundler.bundle()
49 | 		.on('error', function(error) {
50 | 			gutil.log('Browserify error: ' + error.message);
51 | 			process.exit(1);
52 | 		})
53 | 		.pipe(source(path));
54 | }
55 | 
56 | module.exports = jsDriver;


--------------------------------------------------------------------------------
/Assets/src/build/lib/StreamLoader.js:
--------------------------------------------------------------------------------
  1 | /*jshint strict: true, node: true */
  2 | /*global console */
  3 | 'use strict';
  4 | 
  5 | var filter = require('./gulp-filter.mod'),
  6 | 	merge = require('merge-stream'),
  7 | 	path = require('path'),
  8 | 	plumber = require('gulp-plumber');
  9 | 
 10 | var StreamLoader = function(gulp, globalConfiguration) {
 11 | 	this.gulp = gulp;
 12 | 	this.globalConfiguration = globalConfiguration;
 13 | };
 14 | 
 15 | StreamLoader.prototype = {
 16 | 	// augments the streams with stream factories that can later be used to create real result streams
 17 | 	// (useful so we don't always create every stream, say for watches)
 18 | 	loadStreams: function(debug) {
 19 | 		var currentTask,
 20 | 			i;
 21 | 		for(i = 0; i < this.globalConfiguration.tasks.length; i++) {
 22 | 			currentTask = this.globalConfiguration.tasks[i];
 23 | 
 24 | 			this.generateBuildStreamFactory(currentTask, debug);
 25 | 		}
 26 | 	},
 27 | 
 28 | 	// gets one or more tasks' result streams, merged into a superstream
 29 | 	getTaskStreams: function(tasks) {
 30 | 		var currentTask,
 31 | 			i,
 32 | 			streams = false;
 33 | 
 34 | 		if(!tasks) tasks = this.globalConfiguration.tasks;
 35 | 
 36 | 		for(i = 0; i < tasks.length; i++) {
 37 | 			currentTask = tasks[i];
 38 | 
 39 | 			if(!streams) streams = currentTask.streamFactory();
 40 | 			else streams = merge(streams, currentTask.streamFactory());
 41 | 		}
 42 | 
 43 | 		return streams;
 44 | 	},
 45 | 
 46 | 	// augments the task object with the factory method that can be called to get the stream for the task
 47 | 	generateBuildStreamFactory: function(task, debug) {
 48 | 		var self = this;
 49 | 		task.streamFactory = function() {
 50 | 			var base,
 51 | 				stream;
 52 | 
 53 | 			if(task.driverInstance && task.driverInstance.createStream)
 54 | 				stream = task.driverInstance.createStream(task.paths, debug);
 55 | 			else {
 56 | 				base = task.base ? task.base : self.globalConfiguration.base;
 57 | 				stream = self.gulp.src(task.paths, { base: base });
 58 | 			}
 59 | 
 60 | 			if(!stream) throw "Stream from driver '" + task.driver + "' was falsy! This may mean the files or directories do not exist, or other error condition.";
 61 | 
 62 | 			stream = stream.pipe(plumber());
 63 | 
 64 | 			if(task.driverInstance && task.driverInstance.build)
 65 | 				stream = task.driverInstance.build(stream, debug);
 66 | 
 67 | 			return stream;
 68 | 		};
 69 | 	},
 70 | 
 71 | 	// runs any custom output directives on tasks
 72 | 	// this function must be run after all build is complete and we have the final merged stream
 73 | 	// and after all other transforms (e.g. rev) are run on the stream
 74 | 	executeCustomOutput: function(mergedOutputStream, tasks) {
 75 | 		var base,
 76 | 			currentFilter,
 77 | 			currentTask,
 78 | 			excludeFilter,
 79 | 			filterInputPaths,
 80 | 			i,
 81 | 			j;
 82 | 
 83 | 		if(!tasks) tasks = this.globalConfiguration.tasks;
 84 | 
 85 | 		for(i = 0; i < tasks.length; i++) {
 86 | 			currentTask = tasks[i];
 87 | 
 88 | 			if(!currentTask.output) continue;
 89 | 
 90 | 			filterInputPaths = currentTask.paths.slice();
 91 | 
 92 | 			for(j = 0; j < filterInputPaths.length; j++) {
 93 | 				base = currentTask.base ? currentTask.base : this.globalConfiguration.base;
 94 | 				filterInputPaths[j] = path.relative(base, path.normalize(filterInputPaths[j])); // the paths may have inverted \ and / in them; normalize that, and account for bases
 95 | 			}
 96 | 
 97 | 			currentFilter = filter(filterInputPaths);
 98 | 			excludeFilter = filter(filterInputPaths, { invert: true });
 99 | 
100 | 			// take the whole stream, filter it to just this task, output the items, restore everything, then set this task's files to be ignored henceforth
101 | 			mergedOutputStream = mergedOutputStream.pipe(currentFilter)
102 | 				.pipe(this.gulp.dest(currentTask.output))
103 | 				.pipe(currentFilter.restore())
104 | 				.pipe(excludeFilter);
105 | 		}
106 | 
107 | 		return mergedOutputStream;
108 | 	}
109 | };
110 | 
111 | module.exports = StreamLoader;


--------------------------------------------------------------------------------
/Assets/src/build/lib/TaskLoader.js:
--------------------------------------------------------------------------------
  1 | /*jshint strict: true, node: true */
  2 | /*global console */
  3 | 'use strict';
  4 | 
  5 | var del = require('del'),
  6 | 	path = require('path');
  7 | 
  8 | // initializes and loads registered tasks
  9 | // including:
 10 | // * driver resolution
 11 | // * registration of clean and autoclean tasks with Gulp
 12 | // * calculating build dependencies
 13 | 
 14 | var TaskLoader = function(gulp, globalConfiguration) {
 15 | 	this.gulp = gulp;
 16 | 	this.globalConfiguration = globalConfiguration;
 17 | };
 18 | 
 19 | TaskLoader.prototype = {
 20 | 	loadTasks: function() {
 21 | 		var currentTask,
 22 | 			hasAutoClean,
 23 | 			hasClean,
 24 | 			i;
 25 | 
 26 | 		this.loadDrivers(this.globalConfiguration);
 27 | 
 28 | 		for(i = 0; i < this.globalConfiguration.tasks.length; i++) {
 29 | 			currentTask = this.globalConfiguration.tasks[i];
 30 | 
 31 | 			hasClean = this.registerCleanTask(currentTask, this.globalConfiguration);
 32 | 
 33 | 			hasAutoClean = this.registerAutoCleanTask(currentTask, this.globalConfiguration, hasClean);
 34 | 
 35 | 			currentTask.buildDependencies = hasAutoClean ? [currentTask.driver + '-autoclean'] : (hasClean ? [currentTask.driver + '-clean'] : []);
 36 | 		}
 37 | 	},
 38 | 
 39 | 	getBuildDependencies: function(tasks) {
 40 | 		var deps = [],
 41 | 			i,
 42 | 			j;
 43 | 
 44 | 		if(!tasks) tasks = this.globalConfiguration.tasks;
 45 | 
 46 | 		for(i = 0; i < tasks.length; i++) {
 47 | 			if(!tasks[i].buildDependencies) continue;
 48 | 
 49 | 			for(j = 0; j < tasks[i].buildDependencies.length; j++) {
 50 | 				deps.push(tasks[i].buildDependencies[j]);
 51 | 			}
 52 | 		}
 53 | 
 54 | 		return deps;
 55 | 	},
 56 | 
 57 | 	loadDrivers: function(globalConfiguration) {
 58 | 		var currentTask,
 59 | 			i,
 60 | 			tasksConfiguration = globalConfiguration.tasks;
 61 | 
 62 | 		for(i = 0; i < tasksConfiguration.length; i++) {
 63 | 			currentTask = tasksConfiguration[i];
 64 | 
 65 | 			// load the driver instance (class)
 66 | 			currentTask.driverInstance = this.getDriver(currentTask);
 67 | 
 68 | 			// init the driver if it needs it
 69 | 			if(currentTask.driverInstance && currentTask.driverInstance.init) currentTask.driverInstance.init(globalConfiguration, currentTask);
 70 | 
 71 | 			// if a task has no driver (copy only task), we assign it an arbitrary name for its gulp tasks
 72 | 			if(!currentTask.driver) currentTask.driver = 'task' + i;
 73 | 		}
 74 | 	},
 75 | 
 76 | 	getDriver: function(taskConfiguration) {
 77 | 		if(taskConfiguration.driver) {
 78 | 			return require('../drivers/' + taskConfiguration.driver);
 79 | 		}
 80 | 
 81 | 		return undefined;
 82 | 	},
 83 | 
 84 | 	registerCleanTask: function(task, globalConfiguration) {
 85 | 		if(task.driverInstance && task.driverInstance.clean) {
 86 | 			this.gulp.task(task.driver + '-clean', function() {
 87 | 				return task.driverInstance.clean(globalConfiguration.output);
 88 | 			});
 89 | 			return true;
 90 | 		}
 91 | 	},
 92 | 
 93 | 	registerAutoCleanTask : function(task, globalConfiguration, hasClean) {
 94 | 		var dependencies = hasClean ? [task.driver + '-clean'] : [],
 95 | 			i,
 96 | 			self = this;
 97 | 
 98 | 		if(!task.autoClean) return false;
 99 | 
100 | 		this.gulp.task(task.driver + '-autoclean', dependencies, function(cb) {
101 | 			var outputPath = globalConfiguration.output;
102 | 			var inputPaths = task.autoCleanPaths;
103 | 
104 | 			if(task.output) outputPath = task.output;
105 | 			if(!inputPaths) inputPaths = task.paths;
106 | 
107 | 			if(!outputPath || !inputPaths) return;
108 | 
109 | 			if(task.base && !task.autoCleanPaths) {
110 | 				console.log('I will not autoclean a task with a custom base to avoid damage. Manually specify the autoclean paths.');
111 | 				cb();
112 | 				return;
113 | 			}
114 | 
115 | 			inputPaths = inputPaths.slice(); // make a copy for ourselves
116 | 
117 | 			for(var i = 0; i < inputPaths.length; i++) {
118 | 				inputPaths[i] = path.join(outputPath, inputPaths[i]);
119 | 			}
120 | 
121 | 			console.log('Autocleaning: ', inputPaths);
122 | 
123 | 			del(inputPaths, { force:true }, cb);
124 | 		});
125 | 
126 | 		return true;
127 | 	}
128 | };
129 | 
130 | module.exports = TaskLoader;


--------------------------------------------------------------------------------
/Assets/src/build/lib/WatchLoader.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | var gulp = require('gulp'),
 6 | 	livereload = require('gulp-livereload'),
 7 | 	path = require('path');
 8 | 
 9 | var WatchLoader = function(globalConfiguration) {
10 | 	this.configuration = globalConfiguration;
11 | };
12 | 
13 | WatchLoader.prototype = {
14 | 	startWatching: function(tasks) {
15 | 		var currentTask,
16 | 			i;
17 | 
18 | 		for(i = 0; i < tasks.length; i++) {
19 | 			currentTask = tasks[i];
20 | 
21 | 			this.setWatch(currentTask);
22 | 		}
23 | 
24 | 		livereload.listen();
25 | 	},
26 | 
27 | 	setWatch : function(task) {
28 | 		var paths,
29 | 			self = this;
30 | 
31 | 		if(task.watchPaths) paths = task.watchPaths;
32 | 		else if(task.paths) paths = task.paths;
33 | 
34 | 		if(typeof paths === 'undefined') return;
35 | 
36 | 		gulp.watch(paths, function(event) {
37 | 			var output = task.output ? task.output : self.configuration.output;
38 | 			
39 | 			console.log('WATCH > ' + path.relative(process.cwd(), event.path) + ' ' + event.type);
40 | 
41 | 			if(typeof task.streamFactory !== 'function') return;
42 | 
43 | 			task.streamFactory()
44 | 				.pipe(gulp.dest(output))
45 | 				.pipe(livereload({ auto: false }));
46 | 		});
47 | 
48 | 		console.log('Registered watcher for ', paths);
49 | 	}
50 | };
51 | 
52 | module.exports = WatchLoader;


--------------------------------------------------------------------------------
/Assets/src/build/lib/gulp-filter.mod.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | // this is gulp-filter@2.0.0 with the 'invert' option added on line 24.
 6 | 
 7 | var gutil = require('gulp-util'),
 8 | 	multimatch = require('multimatch'),
 9 | 	through = require('through2');
10 | 
11 | module.exports = function (pattern, options) {
12 | 	var restoreStream = through.obj(),
13 | 		stream;
14 | 	pattern = typeof pattern === 'string' ? [pattern] : pattern;
15 | 	options = options || {};
16 | 
17 | 	if (!Array.isArray(pattern) && typeof pattern !== 'function') {
18 | 		throw new gutil.PluginError('gulp-filter', '`pattern` should be a string, array, or function');
19 | 	}
20 | 
21 | 	stream = through.obj(function (file, enc, cb) {
22 | 		var match = typeof pattern === 'function' ? pattern(file) :
23 | 					multimatch(file.relative, pattern, options).length > 0;
24 | 
25 | 		if (options.invert ? !match : match) {
26 | 			cb(null, file);
27 | 			return;
28 | 		}
29 | 
30 | 		restoreStream.write(file);
31 | 		cb();
32 | 	}, function (cb) {
33 | 		restoreStream.end();
34 | 		cb();
35 | 	});
36 | 
37 | 	stream.restore = function (options) {
38 | 		options = options || {};
39 | 
40 | 		if (options.end) {
41 | 			return restoreStream;
42 | 		}
43 | 
44 | 		return restoreStream.pipe(through.obj(), {end: false});
45 | 	};
46 | 
47 | 	return stream;
48 | };


--------------------------------------------------------------------------------
/Assets/src/build/tasks.js:
--------------------------------------------------------------------------------
 1 | /*jshint strict: true, node: true */
 2 | /*global console */
 3 | 'use strict';
 4 | 
 5 | var gulp = require('gulp'),
 6 | 	rev = require('gulp-rev-all'),
 7 | 	rimraf = require('rimraf'),
 8 | 	StreamLoader = require('./lib/StreamLoader'),
 9 | 	TaskLoader = require('./lib/TaskLoader'),
10 | 	WatchLoader = require('./lib/WatchLoader');
11 | 
12 | 
13 | module.exports = function(configuration) {
14 | 	// load up autoclean tasks and drivers
15 | 	var loader = new TaskLoader(gulp, configuration);
16 | 	loader.loadTasks();
17 | 
18 | 	// this is the debug build task
19 | 	gulp.task('default', loader.getBuildDependencies(), function() {
20 | 		var masterStream,
21 | 			sLoader = new StreamLoader(gulp, configuration);
22 | 
23 | 		sLoader.loadStreams(true);
24 | 
25 | 		masterStream = sLoader.getTaskStreams();
26 | 
27 | 		masterStream = sLoader.executeCustomOutput(masterStream);
28 | 
29 | 		return masterStream.pipe(gulp.dest(configuration.output));
30 | 	});
31 | 
32 | 	// this is the top level production task (minified, no sourcemaps, rev'd)
33 | 	gulp.task('production', loader.getBuildDependencies(), function() {
34 | 		var masterStream,
35 | 			sLoader = new StreamLoader(gulp, configuration);
36 | 
37 | 		if(configuration.cleanProduction) {
38 | 			rimraf.sync(configuration.output);
39 | 		}
40 | 
41 | 		sLoader.loadStreams(false);
42 | 
43 | 		masterStream = sLoader.getTaskStreams();
44 | 
45 | 		if (configuration.cacheBusting) {
46 | 			// rev stamps all files with a hash for cache-busting
47 | 			// ignores php files and contents of /img/content directory.
48 | 			masterStream = masterStream.pipe(rev({ ignore: ['.php', /img\/content/] }));
49 | 		}
50 | 
51 | 		masterStream = sLoader.executeCustomOutput(masterStream);
52 | 
53 | 		return masterStream.pipe(gulp.dest(configuration.output));
54 | 	});
55 | 
56 | 	gulp.task('watch', ['default'], function() {
57 | 		var watches = new WatchLoader(configuration);
58 | 
59 | 		watches.startWatching(configuration.tasks);
60 | 
61 | 		console.log('\nPress Ctrl-C to stop watching.');
62 | 	});
63 | };


--------------------------------------------------------------------------------
/Assets/src/css/base/_all.scss:
--------------------------------------------------------------------------------
1 | @import "fonts";
2 | @import "reset";
3 | @import "defaults";


--------------------------------------------------------------------------------
/Assets/src/css/base/_defaults.scss:
--------------------------------------------------------------------------------
1 | @import "defaults/root";
2 | 
3 | @import "defaults/typography";
4 | @import "defaults/lists";
5 | @import "defaults/forms";
6 | @import "defaults/tables";
7 | @import "defaults/media";
8 | @import "defaults/icons";


--------------------------------------------------------------------------------
/Assets/src/css/base/_fonts.scss:
--------------------------------------------------------------------------------
1 | @import "fonts/icomoon";


--------------------------------------------------------------------------------
/Assets/src/css/base/_reset.scss:
--------------------------------------------------------------------------------
  1 | // normalize.css v2.1.2 | MIT License | git.io/normalize
  2 | 
  3 | // ==============HTML5 display definitions==============
  4 | 
  5 | // Correct `block` display not defined in IE 8/9.
  6 | article,
  7 | aside,
  8 | details,
  9 | figcaption,
 10 | figure,
 11 | footer,
 12 | header,
 13 | hgroup,
 14 | main,
 15 | nav,
 16 | section,
 17 | summary {
 18 | 	display: block;
 19 | }
 20 | 
 21 | // Correct `inline-block` display not defined in IE 8/9.
 22 | audio,
 23 | canvas,
 24 | video {
 25 | 	display: inline-block;
 26 | }
 27 | 
 28 | // Prevent modern browsers from displaying `audio` without controls.  Remove excess height in iOS 5 devices.
 29 | audio:not([controls]) {
 30 | 	display: none;
 31 | 	height: 0;
 32 | }
 33 | 
 34 | // Address styling not present in IE 8/9.
 35 | [hidden] {
 36 | 	display: none;
 37 | }
 38 | 
 39 | // ===============Links===============
 40 | 
 41 | // Address `outline` inconsistency between Chrome and other browsers.
 42 | a:focus {
 43 | 	outline: thin dotted;
 44 | }
 45 | 
 46 | // Improve readability when focused and also mouse hovered in all browsers.
 47 | a:active,
 48 | a:hover {
 49 | 	outline: 0;
 50 | }
 51 | 
 52 | // ==================Typography==================
 53 | 
 54 | // Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome.
 55 | h1 {
 56 | 	font-size: 2em;
 57 | 	margin: 0.67em 0;
 58 | }
 59 | 
 60 | // Address styling not present in IE 8/9, Safari 5, and Chrome.
 61 | abbr[title] {
 62 | 	border-bottom: 1px dotted;
 63 | }
 64 | 
 65 | // Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 66 | b,
 67 | strong {
 68 | 	font-weight: bold;
 69 | }
 70 | 
 71 | // Address styling not present in Safari 5 and Chrome.
 72 | dfn {
 73 | 	font-style: italic;
 74 | }
 75 | 
 76 | // Address differences between Firefox and other browsers.
 77 | hr {
 78 | 	height: 0;
 79 | }
 80 | 
 81 | // Address styling not present in IE 8/9.
 82 | mark {
 83 | 	background: #ff0;
 84 | 	color: #000;
 85 | }
 86 | 
 87 | // Correct font family set oddly in Safari 5 and Chrome.
 88 | code,
 89 | kbd,
 90 | pre,
 91 | samp {
 92 | 	font-family: monospace, serif;
 93 | 	font-size: 1em;
 94 | }
 95 | 
 96 | // Improve readability of pre-formatted text in all browsers.
 97 | pre {
 98 | 	white-space: pre-wrap;
 99 | }
100 | 
101 | // Set consistent quote types.
102 | q {
103 | 	quotes: "\201C" "\201D" "\2018" "\2019";
104 | }
105 | 
106 | // Address inconsistent and variable font size in all browsers.
107 | small {
108 | 	font-size: 80%;
109 | }
110 | 
111 | // Prevent `sub` and `sup` affecting `line-height` in all browsers.
112 | sub,
113 | sup {
114 | 	font-size: 75%;
115 | 	line-height: 0;
116 | 	position: relative;
117 | 	vertical-align: baseline;
118 | }
119 | 
120 | sup {
121 | 	top: -0.5em;
122 | }
123 | 
124 | sub {
125 | 	bottom: -0.25em;
126 | }
127 | 
128 | // =================Embedded content=================
129 | 
130 | // Remove border when inside `a` element in IE 8/9.
131 | img {
132 | 	border: 0;
133 | }
134 | 
135 | // ====================Figures====================
136 | 
137 | // Address margin not present in IE 8/9 and Safari 5.
138 | figure {
139 | 	margin: 0;
140 | }
141 | 
142 | // =====================Forms=====================
143 | 
144 | // 1. Correct font family not being inherited in all browsers.
145 | // 2. Correct font size not being inherited in all browsers.
146 | // 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
147 | button,
148 | input,
149 | select,
150 | textarea {
151 | 	font-family: inherit; // 1
152 | 	font-size: 100%; // 2
153 | 	margin: 0; // 3
154 | }
155 | 
156 | // Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
157 | button,
158 | input {
159 | 	line-height: $lineHeight;
160 | }
161 | 
162 | // Address inconsistent `text-transform` inheritance for `button` and `select`.
163 | // All other form control elements do not inherit `text-transform` values.
164 | // Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
165 | // Correct `select` style inheritance in Firefox 4+ and Opera.
166 | button,
167 | select {
168 | 	text-transform: none;
169 | }
170 | 
171 | // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
172 | // 2. Correct inability to style clickable `input` types in iOS.
173 | // 3. Improve usability and consistency of cursor style between image-type `input` and others.
174 | button,
175 | html input[type="button"], // 1
176 | input[type="reset"],
177 | input[type="submit"] {
178 | 	-webkit-appearance: button; // 2
179 | 	cursor: pointer; // 3
180 | }
181 | 
182 | // Re-set default cursor for disabled elements.
183 | button[disabled],
184 | html input[disabled] {
185 | 	cursor: default;
186 | }
187 | 
188 | // 1. Remove excess padding in IE 8/9.
189 | input[type="checkbox"],
190 | input[type="radio"] {
191 | 	padding: 0; // 1
192 | }
193 | 
194 | // Remove inner padding and border in Firefox 4+.
195 | button::-moz-focus-inner,
196 | input::-moz-focus-inner {
197 | 	border: 0;
198 | 	padding: 0;
199 | }
200 | 
201 | // 1. Remove default vertical scrollbar in IE 8/9.
202 | // 2. Improve readability and alignment in all browsers.
203 | textarea {
204 | 	overflow: auto; // 1
205 | 	vertical-align: top; // 2
206 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_forms.scss:
--------------------------------------------------------------------------------
  1 | form {
  2 | 	margin: 0;
  3 | }
  4 | 
  5 | fieldset {
  6 | 	border: none;
  7 | 	margin: em(12) 0 0;
  8 | 	padding: 0;
  9 | 
 10 | 	&:first-child,
 11 | 	&.flush {
 12 | 		margin-top: 0;
 13 | 	}
 14 | 
 15 | 	legend {
 16 | 		display: none;
 17 | 	}
 18 | 
 19 | 	ol {
 20 | 		list-style-type: none;
 21 | 		margin: 0;
 22 | 		padding: 0;
 23 | 	}
 24 | 
 25 | 	li {
 26 | 		margin-top: em(12);
 27 | 
 28 | 		&:first-child {
 29 | 			margin-top: 0;
 30 | 		}
 31 | 	}
 32 | 
 33 | 	label,
 34 | 	label + select {
 35 | 		display: block;
 36 | 	}
 37 | 
 38 | 	label {
 39 | 		&.inline {
 40 | 			display: inline-block;
 41 | 			padding-right: 5px;
 42 | 		}
 43 | 	}
 44 | 
 45 | 	input[type="text"],
 46 | 	input[type="number"],
 47 | 	input[type="password"],
 48 | 	input[type="email"],
 49 | 	input[type="tel"] {
 50 | 		// height is set explicitly in pixels to match the custom selects
 51 | 		height: $inputHeight;
 52 | 	}
 53 | 
 54 | 	input[type="text"],
 55 | 	input[type="number"],
 56 | 	input[type="password"],
 57 | 	input[type="email"],
 58 | 	input[type="tel"],
 59 | 	textarea {
 60 | 		background-color: color(greyLight);
 61 | 		border: 1px solid color(greyMedium);
 62 | 		border-radius: $formElementBorderRadius;
 63 | 		max-width: 100%;
 64 | 		padding: em(8);
 65 | 		@include placeholder-color(color(greyDark));
 66 | 		width: 100%;
 67 | 	}
 68 | 
 69 | 	textarea {
 70 | 		resize: vertical;
 71 | 	}
 72 | 
 73 | 	input[type="radio"],
 74 | 	input[type="checkbox"] {
 75 | 		float: left;
 76 | 		height: 1px;
 77 | 		margin: 0;
 78 | 		opacity: 0;
 79 | 		padding: 0;
 80 | 		width: 1px;
 81 | 
 82 | 		& + label {
 83 | 			clear: none;
 84 | 			display: block;
 85 | 			padding: em(6) em(5) em(4) em(27);
 86 | 
 87 | 			&::before {
 88 | 				display: inline-block;
 89 | 				margin-left: em(-26);
 90 | 				margin-right: em(8);
 91 | 				vertical-align: middle;
 92 | 			}
 93 | 
 94 | 			&.inline {
 95 | 				display: inline-block;
 96 | 			}
 97 | 		}
 98 | 	}
 99 | 
100 | 	input[type="radio"] {
101 | 		& + label {
102 | 			&::before {
103 | 				content: image('radio-unchecked.svg');
104 | 			}
105 | 		}
106 | 		&:focus + label {
107 | 			color: color(primary);
108 | 		}
109 | 		&:checked + label {
110 | 			&::before {
111 | 				content: image('radio-checked.svg');
112 | 			}
113 | 		}
114 | 	}
115 | 
116 | 	input[type="checkbox"] {
117 | 		& + label {
118 | 			&::before {
119 | 				content: image('checkbox-unchecked.svg');
120 | 			}
121 | 		}
122 | 		&:focus + label {
123 | 			color: color(primary);
124 | 		}
125 | 		&:checked + label {
126 | 			&::before {
127 | 				content: image('checkbox-checked.svg');
128 | 			}
129 | 		}
130 | 	}
131 | 
132 | 	& + button {
133 | 		margin-top: em(12);
134 | 	}
135 | 
136 | 	.radio-list,
137 | 	.checkbox-list {
138 | 		> li {
139 | 			margin: 0 0 0 em(12);
140 | 		}
141 | 	}
142 | }
143 | 
144 | $decoratorSelectBorderSize: 1px;
145 | $decoratorSelectHeight: $inputHeight - (2 * $decoratorSelectBorderSize);
146 | 
147 | %decorator-select {
148 | 	@include gradient(color(greyLight), color(greyMedium));
149 | 	border: $decoratorSelectBorderSize solid color(greyMedium);
150 | 	border-radius: $formElementBorderRadius;
151 | 	display: inline-block;
152 | 	width: 100%;
153 | 
154 | 	select {
155 | 		-webkit-appearance: none;
156 | 		background: transparent;
157 | 		border: none;
158 | 		color: black;
159 | 		display: block;
160 | 		outline: none;
161 | 		padding: 6px 10px 6px 10px;
162 | 		position: relative;
163 | 		width: 100%;
164 | 	}
165 | }
166 | 
167 | .decorator-select {
168 | 	@extend %decorator-select;
169 | 	position: relative;
170 | 
171 | 	&::after {
172 | 		content: image('bg-select-arrow.png');
173 | 		height: $decoratorSelectHeight;	// the content image's height should fit within the confines of the input's height
174 | 		pointer-events: none;
175 | 		position: absolute;
176 | 		right: 0;
177 | 		top: 0;
178 | 	}
179 | 
180 | 	select {
181 | 		height: $decoratorSelectHeight;
182 | 	}
183 | }
184 | 
185 | .decorator-select-multiple {
186 | 	@extend %decorator-select;
187 | 
188 | 	select {
189 | 		min-height: $decoratorSelectHeight;
190 | 	}
191 | }
192 | 
193 | .custom-file-upload {
194 | 	.no-js & {
195 | 		display: none;
196 | 	}
197 | }
198 | 
199 | input[type="file"] {
200 | 	.js & {
201 | 		visibility: hidden;
202 | 		width: 0px;
203 | 	}
204 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_icons.scss:
--------------------------------------------------------------------------------
 1 | %icon-config {
 2 | 	font-family: $iconFontFamily;
 3 | 	-webkit-font-smoothing: antialiased;
 4 | 	-moz-osx-font-smoothing: grayscale;
 5 | 	font-style: normal;
 6 | 	font-variant: normal;
 7 | 	font-weight: normal;
 8 | 	line-height: 1;
 9 | 	speak: none;
10 | 	text-transform: none;
11 | }
12 | 
13 | [class^="icon-"], [class*=" icon-"] {
14 | 	@extend %icon-config;
15 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_lists.scss:
--------------------------------------------------------------------------------
 1 | ul {
 2 | 	list-style-image: none;
 3 | 	list-style: none;
 4 | 	padding-left: em($listBulletSize);
 5 | 
 6 | 	li::before {
 7 | 		color: color(primary);
 8 | 		content: "\2022";
 9 | 		display: inline-block;
10 | 		float: left;
11 | 		font-size: em($listBulletSize);
12 | 		line-height: ($baseFontSize / $listBulletSize) * $lineHeight;
13 | 		margin-left: em($baseFontSize, (context: -$listBulletSize));
14 | 		text-align: left;
15 | 		width: em($baseFontSize, (context: $listBulletSize));
16 | 	}
17 | }
18 | 
19 | ul, ol {
20 | 	margin: em(10) 0 0;
21 | 	padding: 0 0 0 em(20);
22 | 
23 | 	ul {
24 | 		margin-left: em(18);
25 | 		margin-top: 0;
26 | 	}
27 | }
28 | 
29 | dd {
30 | 	margin: 0;
31 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_media.scss:
--------------------------------------------------------------------------------
 1 | img, object, embed {
 2 | 	height: auto;
 3 | 	max-width: 100%;
 4 | 
 5 | 	@include media(print) {
 6 | 		max-width: 100% !important;
 7 | 	}
 8 | }
 9 | 
10 | img {
11 | 	-ms-interpolation-mode: bicubic;
12 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_root.scss:
--------------------------------------------------------------------------------
 1 | // http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 2 | *, *::before, *::after {
 3 | 	box-sizing: border-box;
 4 | 
 5 | 	// print defaults
 6 |     @include media(print) {
 7 |         background: transparent !important;
 8 |         box-shadow: none !important;
 9 |         color: #000 !important; // black prints faster
10 |         text-shadow: none !important;
11 |     }
12 | }
13 | 
14 | html {
15 | 	font: #{$baseFontPercentage}/#{$lineHeight} $baseFontFamily;
16 | }
17 | 
18 | body {
19 | 	background: white;
20 | 	color: black;
21 | 	margin: 0;
22 | 	min-width: 0;
23 | 	-ms-text-size-adjust: none;
24 | 	-webkit-text-size-adjust: none;
25 | 	width: 100%;
26 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_tables.scss:
--------------------------------------------------------------------------------
 1 | table {
 2 | 	border-collapse: collapse;
 3 | 	@include font-size(12);
 4 | 	width: 100%;
 5 | 
 6 | 	@include media(medium) {
 7 | 		@include font-size(14);
 8 | 	}
 9 | 
10 | 	thead {
11 | 		@include media(print) {
12 | 			display: table-header-group;
13 | 		}
14 | 	}
15 | 
16 | 	th {
17 | 		background-color: color(primary);
18 | 		color: white;
19 | 		font-weight: normal;
20 | 		vertical-align: middle;
21 | 	}
22 | 
23 | 	td {
24 | 		background-color: white;
25 | 	}
26 | 
27 | 	th, td {
28 | 		border: 1px solid black;
29 | 		padding: em(8);
30 | 		text-align: left;
31 | 	}
32 | 
33 | 	tr:nth-child(2n) {
34 | 		> td {
35 | 			background-color: color(greyLight);
36 | 
37 | 			&.empty,
38 | 			&.plain {
39 | 				background-color: transparent;
40 | 			}
41 | 		}
42 | 	}
43 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/defaults/_typography.scss:
--------------------------------------------------------------------------------
 1 | h1, h2, h3, h4, h5, h6 {
 2 | 	font-weight: 300;
 3 | 	line-height: 1;
 4 | 	margin-top: 0;
 5 | 
 6 | 	&:first-child {
 7 | 		margin-top: 0;
 8 | 	}
 9 | }
10 | 
11 | h1 {
12 | 	@include font-size(44);
13 | 	margin-top: em(28, (context: 44));
14 | 
15 | 	small {
16 | 		display: block;
17 | 	}
18 | }
19 | 
20 | h2 {
21 | 	@include font-size(36);
22 | 	margin-top: em(28, (context: 36));
23 | }
24 | 
25 | h3 {
26 | 	@include font-size(24);
27 | 	margin-top: em(28, (context: 24));
28 | }
29 | 
30 | h4 {
31 | 	@include font-size(14);
32 | 	margin-top: em(28, (context: 14));
33 | }
34 | 
35 | h2, h3 {
36 | 	@include media(print) {
37 | 		page-break-after: avoid;
38 | 	}
39 | }
40 | 
41 | p {
42 | 	margin: em(12) 0 0;
43 | 
44 | 	&:first-child {
45 | 		margin-top: 0;
46 | 	}
47 | }
48 | 
49 | a {
50 | 	color: black;
51 | 	@include transition((property: color));
52 | 
53 | 	@include media(print) {
54 | 		text-decoration: underline;
55 | 
56 | 		&[href]::after {
57 | 			content: " (" attr(href) ")";
58 | 		}
59 | 
60 | 		&[href^="#"],
61 | 		&[href^="javascript:"] {
62 | 			&::after {
63 | 				content: " ";
64 | 			}
65 | 		}
66 | 
67 | 		&:visited {
68 | 			text-decoration: underline;
69 | 		}
70 | 	}
71 | 
72 | 	&:hover,
73 | 	&:active,
74 | 	&:focus {
75 | 		color: color(greyMedium);
76 | 	}
77 | }
78 | 
79 | p, h2, h3, h4 {
80 | 	@include media(print) {
81 | 		orphans: 3;
82 | 		widows: 3;
83 | 	}
84 | }
85 | 
86 | abbr[title]::after {
87 | 	@include media(print) {
88 | 		content: " (" attr(title) ")";
89 | 	}
90 | }
91 | 
92 | ::selection {
93 | 	background: black;
94 | 	color: white;
95 | }


--------------------------------------------------------------------------------
/Assets/src/css/base/fonts/_icomoon.scss:
--------------------------------------------------------------------------------
 1 | @font-face {
 2 | 	font-family: 'icomoon';
 3 | 	src:url('#{$fontsFolder}icomoon.eot');
 4 | 	src:url('#{$fontsFolder}icomoon.eot?#iefix') format('embedded-opentype'),
 5 | 		url('#{$fontsFolder}icomoon.woff') format('woff'),
 6 | 		url('#{$fontsFolder}icomoon.ttf') format('truetype'),
 7 | 		url('#{$fontsFolder}icomoon.svg#icomoon') format('svg');
 8 | 	font-weight: normal;
 9 | 	font-style: normal;
10 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_all.scss:
--------------------------------------------------------------------------------
1 | @import "color";
2 | @import "em";
3 | @import "grid-calc";
4 | @import "icon";
5 | @import "is-direction";
6 | @import "image";
7 | @import "parse-int";
8 | @import "rem";
9 | @import "z";


--------------------------------------------------------------------------------
/Assets/src/css/functions/_color.scss:
--------------------------------------------------------------------------------
 1 | /// Returns the requested color from a color map.
 2 | /// @param {String} $color - The requested key from the color map.
 3 | /// @param {String} $colorMap [$colors] - The map containing your colors.
 4 | /// @return {String} The key's value from the color map.
 5 | /// @example
 6 | /// color(primary)
 7 | /// // returns the result of map-get($colors, primary)
 8 | /// @example
 9 | /// color(action, (colorMap: $otherColorMap))
10 | /// // returns the result of map-get($otherColorMap, action)
11 | @function color($color, $options: ()) {
12 | 	$options: map-merge((
13 | 		colorMap: $colors
14 | 	), $options);
15 | 
16 | 	$colorMap: map-get($options, colorMap);
17 | 
18 | 	// check if the color is in the map
19 | 	@if map-has-key($colorMap, $color) {
20 | 		$color: map-get($colorMap, $color);
21 | 
22 | 		// recursive call to double-check for semantic color references
23 | 		@if map-has-key($colorMap, $color) {
24 | 			$color: color($color, $colorMap);
25 | 		}
26 | 	}
27 | 	@else {
28 | 		@warn "The color `#{$color}` is not a key in your color map.";
29 | 
30 | 		@return null;
31 | 	}
32 | 
33 | 	@return $color;
34 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_em.scss:
--------------------------------------------------------------------------------
 1 | /// Converts a target value in pixels to its associated value in ems based on a context.
 2 | /// @param {Integer | Pixels | List} $target - The target size in either pixels or its integer equivalent.
 3 | /// @param {Map} $context [$baseFontSize] - The context size in either pixels or its integer equivalent.
 4 | /// @return {Number} The target's value in ems within the given context.
 5 | /// @example
 6 | /// em(12)
 7 | /// // 0.75em
 8 | /// @example
 9 | /// em(12 16, (context: 24))
10 | /// // 0.5em 0.6666em
11 | @function em($target, $options: ()) {
12 | 	$options: map-merge((
13 | 		context: $baseFontSize
14 | 	), $options);
15 | 
16 | 	$output: null;
17 | 	$context: map-get($options, context);
18 | 
19 | 	@if type-of($target) == list {
20 | 		$output: unquote('') !default;
21 | 
22 | 		@each $value in $target {
23 | 			$value: em($value, (context: $context));
24 | 
25 | 			$output: append($output, $value);
26 | 		}
27 | 	}
28 | 	@else {
29 | 		$target: parseInt($target);
30 | 		$context: parseInt($context);
31 | 
32 | 		$output: ($target / $context) * 1em;
33 | 	}
34 | 
35 | 	@return $output;
36 | }
37 | 


--------------------------------------------------------------------------------
/Assets/src/css/functions/_grid-calc.scss:
--------------------------------------------------------------------------------
 1 | ////
 2 | /// @group grid
 3 | ////
 4 | 
 5 | // Change $gutterWidth to a percentage
 6 | @if unit($gutterWidth) == 'px' {
 7 | 	$gutterWidth: percentage($gutterWidth / $rowMaxWidth);
 8 | }
 9 | 
10 | /// Calculates the width of a single column.
11 | /// @param {String} $columns [$columns] - The total number of columns in the grid to use as the basis of a single column width.
12 | /// @param {Boolean} $includeGutterWidth [true] - Whether or not the column width will include the gutter width in its calculation.
13 | /// @return {Percentage} The width of a single column.
14 | @function oneColumn($options: ()) {
15 | 	$options: map-merge((
16 | 		columns: $columns,
17 | 		includeGutterWidth: true
18 | 	), $options);
19 | 
20 | 	$columns: map-get($options, columns);
21 | 
22 | 	@if map-get($options, includeGutterWidth) == true {
23 | 		@return (100% - ($columns - 1) * $gutterWidth) / $columns;
24 | 	}
25 | 	@else {
26 | 		@return 100% / $columns;
27 | 	}
28 | }
29 | 
30 | /// Calculates the width of `$n` columns.
31 | /// @param {Number} $n - The number of columns for which you wish to calculate the width.
32 | /// @param {Boolean} $includeGutterWidth [true] - Whether or not the column width will include the gutter width in its calculation.
33 | /// @return {Percentage} The width of n columns.
34 | @function columns($n, $options: ()){
35 | 	$options: map-merge((
36 | 		includeGutterWidth: true
37 | 	), $options);
38 | 
39 | 	$columnWidth: oneColumn($options) * $n;
40 | 
41 | 	@if map-get($options, includeGutterWidth) == true {
42 | 		$columnWidth: $columnWidth + ($gutterWidth * ($n - 1));
43 | 	}
44 | 
45 | 	@return $columnWidth;
46 | }
47 | 
48 | /// Calculates margin to position an element within the grid system.
49 | /// @param {Number} $n - The column position in which you wish to position an element.
50 | /// @param {Boolean} $includeGutterWidth [true] - Whether or not the column will include the gutter width in its position.
51 | /// @return {Percentage} The position in percentage width of the parent container.
52 | @function columnPosition($n, $options: ()) {
53 | 	$options: map-merge((
54 | 		includeGutterWidth: true
55 | 	), $options);
56 | 
57 | 	// re-index to 0-based for proper margin calculations
58 | 	$n: $n - 1;
59 | 
60 | 	$position: columns($n, $options);
61 | 
62 | 	@if map-get($options, includeGutterWidth) == true {
63 | 		$position: $position + $gutterWidth;
64 | 	}
65 | 
66 | 	@return $position;
67 | }
68 | 
69 | /// Calculates the margin to properly center an element.
70 | /// @param {Number} $n - The width (in columns) of the element being centered.
71 | /// @return {Percentage} The margin necessary to center an element.
72 | @function centered($n, $options: ()) {
73 | 	@return 50% - (columns($n, $options) / 2);
74 | }
75 | 
76 | /// Changes a numeric value `$n` into its English word representation.
77 | /// @param {Integer} $n - The number of columns.
78 | /// @return {String} A word representation of the number of columns requested.
79 | @function number-as-word($n) {
80 | 	$words: "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen", "twenty", "twenty-one", "twenty-two", "twenty-three", "twenty-four", "twenty-five", "twenty-six", "twenty-seven", "twenty-eight", "twenty-nine", "thirty", "thirty-one", "thirty-two", "thirty-three", "thirty-four", "thirty-five", "thirty-six";
81 | 
82 | 	@return nth($words, $n);
83 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_icon.scss:
--------------------------------------------------------------------------------
 1 | /// Returns a named icon from a specified icon map.
 2 | /// @param {String} $icon - The name of the icon as defined in its icon map.
 3 | /// @param {String} $iconMap [$icons] - The name of the icon map to retrieve the icon from.
 4 | /// @return {String} The value for the named icon.
 5 | /// @example
 6 | /// icon(arrowUp)
 7 | /// // "\e601"
 8 | /// @example
 9 | /// icon(facebook, (iconMap: $socialIcons))
10 | /// // "\e708" from the `$socialIcons` map
11 | @function icon($icon, $options: ()) {
12 | 	$options: map-merge((
13 | 		iconMap: $icons
14 | 	), $options);
15 | 
16 | 	$thisIcons: map-get($options, iconMap);
17 | 
18 | 	// check $icon exists in $iconMap
19 | 	@if map-has-key($thisIcons, $icon) {
20 | 		$icon: map-get($thisIcons, $icon);
21 | 
22 | 		// recursive call to check for self-referencing icon keys
23 | 		// i.e.: $icons: ( check: "\e007", tick: check )
24 | 		// @include icon(tick) will return check => "\e007"
25 | 		@if map-has-key($thisIcons, $icon) {
26 | 			$icon: icon($icon);
27 | 		}
28 | 	}
29 | 	@else {
30 | 		@warn "The icon `#{$icon}` is not a key in your icon map.";
31 | 		@return null;
32 | 	}
33 | 
34 | 	@return $icon;
35 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_image.scss:
--------------------------------------------------------------------------------
 1 | /// Simplifies image import.
 2 | /// @param {String} $imageName - The image's filename.
 3 | /// @param {String} $directory [$imagesFolder] - The directory containing the image.
 4 | /// @return {String} The compiled url()
 5 | /// @example
 6 | /// image('feed.png')
 7 | /// // url('../img/css/feed.png')
 8 | /// @example
 9 | /// image('feed.png', 'img/css/')
10 | /// // url('img/css/feed.png')
11 | @function image($imageName, $options: ()) {
12 | 	$options: map-merge((
13 | 		directory: $imagesFolder
14 | 	), $options);
15 | 
16 | 	$directory: map-get($options, directory);
17 | 
18 | 	$imageName: unquote($imageName);
19 | 	$directory: unquote($directory);
20 | 
21 | 	@return url('#{$directory}#{$imageName}');
22 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_is-direction.scss:
--------------------------------------------------------------------------------
 1 | /// Test if `$value` is a valid gradient angle
 2 | /// @param {*} $value - Value to test
 3 | /// @return {Bool}
 4 | /// @see {mixin} gradient
 5 | @function is-direction($value) {
 6 |   $is-direction: index((
 7 |     top,
 8 |     top right,
 9 |     right top,
10 |     right,
11 |     bottom right,
12 |     right bottom,
13 |     bottom,
14 |     bottom left,
15 |     left bottom,
16 |     left,
17 |     left top,
18 |     top left
19 |   ), $value);
20 | 
21 |   $is-angle: type-of($value) == 'number' and index('deg' 'grad' 'turn' 'rad', unit($value));
22 | 
23 |   @return $is-direction or $is-angle;
24 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_parse-int.scss:
--------------------------------------------------------------------------------
 1 | /// Returns a unitless integer equivalent of a measurement.
 2 | /// @param {Pixels | Em | Percentage} $n - A measurement of any kind.
 3 | /// @return {Integer} Integer equivalent of `$n`.
 4 | /// @example
 5 | /// parseInt(16px)
 6 | /// // 16
 7 | /// @link http://hugogiraudel.com/2013/03/18/ultimate-rem-mixin/
 8 | @function parseInt($n) {
 9 | 	@return $n / ($n * 0 + 1);
10 | }


--------------------------------------------------------------------------------
/Assets/src/css/functions/_rem.scss:
--------------------------------------------------------------------------------
 1 | /// Converts a target value in pixels to its associated value in rems based on the $baseFontSize.
 2 | /// @param {Integer | Pixels | List} $target - The target size in either pixels or its integer equivalent.
 3 | /// @return {Rem} The target's value in rems based on the `$baseFontSize`.
 4 | /// @example
 5 | /// rem(12)
 6 | /// // 0.75em
 7 | /// @example
 8 | /// rem(12 16)
 9 | /// // 0.75em 1em
10 | @function rem($target) {
11 | 
12 | 	$output: null;
13 | 
14 | 	@if type-of($target) == list {
15 | 
16 | 		$output: unquote('') !default;
17 | 
18 | 		@each $value in $target {
19 | 			$value: rem($value);
20 | 
21 | 			$output: append($output, $value);
22 | 		}
23 | 	}
24 | 	@else {
25 | 		$target: parseInt($target);
26 | 
27 | 		$output: ($target / $baseFontSize) * 1rem;
28 | 	}
29 | 
30 | 	@return $output;
31 | }
32 | 


--------------------------------------------------------------------------------
/Assets/src/css/functions/_z.scss:
--------------------------------------------------------------------------------
 1 | /// Returns the requested z-index from a map of z-indexes.
 2 | /// @param {String} $z - The requested key from the z-index map.
 3 | /// @param {String} $zMap [$zIndex] - The z-index map.
 4 | /// @return {String} The key's value from the z-index map.
 5 | /// @example
 6 | /// z(base)
 7 | /// // returns the result of map-get($zIndex, base)
 8 | /// @example
 9 | /// z(modal, (zMap: $otherZMap))
10 | /// // returns the result of map-get($otherZMap, modal)
11 | @function z($z, $options: ()) {
12 | 	$options: map-merge((
13 | 		zMap: $zIndex
14 | 	), $options);
15 | 
16 | 	$zMap: map-get($options, zMap);
17 | 
18 | 	// check $icon exists in $iconMap
19 | 	@if map-has-key($zMap, $z) {
20 | 		$z: map-get($zMap, $z);
21 | 	}
22 | 	@else {
23 | 		@warn "The z-index `#{$z}` is not a key in your z-index map.";
24 | 		@return null;
25 | 	}
26 | 
27 | 	@return $z;
28 | }


--------------------------------------------------------------------------------
/Assets/src/css/layout/_all.scss:
--------------------------------------------------------------------------------
1 | @import "header";
2 | @import "content";
3 | @import "footer";


--------------------------------------------------------------------------------
/Assets/src/css/layout/_content.scss:
--------------------------------------------------------------------------------
  1 | .wrapper {
  2 | 	@include row((padding: 0));
  3 | }
  4 | 
  5 | // semantic grid
  6 | .layout-primary,
  7 | .layout-centered {
  8 | 	border: 1px dashed color(primary);
  9 | }
 10 | 
 11 | .layout-secondary,
 12 | .layout-tertiary {
 13 | 	background-color: color(secondary);
 14 | }
 15 | 
 16 | .layout-primary,
 17 | .layout-secondary,
 18 | .layout-tertiary {
 19 | 	@include transition();
 20 | 	@include column(12, (includeGutterWidth: false));
 21 | }
 22 | 
 23 | .layout-centered {
 24 | 	@include column(12, (includeGutterWidth: false));
 25 | 
 26 | 	@include media(medium) {
 27 | 		@include column(8, (centered: true, includeGutterWidth: false));
 28 | 	}
 29 | }
 30 | 
 31 | .template-two-column {
 32 | 	&.not-shifted {
 33 | 		&.no-gutters {
 34 | 			.layout-primary {
 35 | 				@include media(medium) {
 36 | 					@include column(9, (includeGutterWidth: false));
 37 | 				}
 38 | 			}
 39 | 
 40 | 			.layout-secondary {
 41 | 				@include media(medium) {
 42 | 					@include column(3, (includeGutterWidth: false));
 43 | 				}
 44 | 			}
 45 | 		}
 46 | 
 47 | 		&.gutters {
 48 | 			.layout-primary {
 49 | 				@include media(medium) {
 50 | 					@include column(9);
 51 | 				}
 52 | 			}
 53 | 
 54 | 			.layout-secondary {
 55 | 				@include media(medium) {
 56 | 					@include column(3);
 57 | 				}
 58 | 			}
 59 | 		}
 60 | 	}
 61 | 
 62 | 	&.shifted {
 63 | 		&.no-gutters {
 64 | 			.layout-primary {
 65 | 				@include media(medium) {
 66 | 					@include column(9, (includeGutterWidth: false, position: 4));
 67 | 				}
 68 | 			}
 69 | 
 70 | 			.layout-secondary {
 71 | 				@include media(medium) {
 72 | 					@include column(3, (includeGutterWidth: false, position: 1));
 73 | 				}
 74 | 			}
 75 | 		}
 76 | 
 77 | 		&.gutters {
 78 | 			.layout-primary {
 79 | 				@include media(medium) {
 80 | 					@include column(9, (position: 4));
 81 | 				}
 82 | 			}
 83 | 
 84 | 			.layout-secondary {
 85 | 				@include media(medium) {
 86 | 					@include column(3, (position: 1));
 87 | 				}
 88 | 			}
 89 | 		}
 90 | 	}
 91 | }
 92 | 
 93 | .template-three-column {
 94 | 	&.not-shifted {
 95 | 		&.no-gutters {
 96 | 			.layout-primary {
 97 | 				@include media(medium) {
 98 | 					@include column(6, (includeGutterWidth: false));
 99 | 				}
100 | 			}
101 | 
102 | 			.layout-secondary {
103 | 				@include media(medium) {
104 | 					@include column(3, (includeGutterWidth: false));
105 | 				}
106 | 			}
107 | 
108 | 			.layout-tertiary {
109 | 				@include media(medium) {
110 | 					@include column(3, (includeGutterWidth: false));
111 | 				}
112 | 			}
113 | 		}
114 | 
115 | 		&.gutters {
116 | 			.layout-primary {
117 | 				@include media(medium) {
118 | 					@include column(6);
119 | 				}
120 | 			}
121 | 
122 | 			.layout-secondary {
123 | 				@include media(medium) {
124 | 					@include column(3);
125 | 				}
126 | 			}
127 | 
128 | 			.layout-tertiary {
129 | 				@include media(medium) {
130 | 					@include column(3);
131 | 				}
132 | 			}
133 | 		}
134 | 	}
135 | 
136 | 	&.shifted {
137 | 		&.no-gutters {
138 | 			.layout-primary {
139 | 				@include media(medium) {
140 | 					@include column(6, (includeGutterWidth: false, position: 4));
141 | 				}
142 | 			}
143 | 
144 | 			.layout-secondary {
145 | 				@include media(medium) {
146 | 					@include column(3, (includeGutterWidth: false, position: 1));
147 | 				}
148 | 			}
149 | 
150 | 			.layout-tertiary {
151 | 				@include media(medium) {
152 | 					@include column(3, (includeGutterWidth: false, position: 10));
153 | 				}
154 | 			}
155 | 		}
156 | 
157 | 		&.gutters {
158 | 			.layout-primary {
159 | 				@include media(medium) {
160 | 					@include column(6, (position: 4));
161 | 				}
162 | 			}
163 | 
164 | 			.layout-secondary {
165 | 				@include media(medium) {
166 | 					@include column(3, (position: 1));
167 | 				}
168 | 			}
169 | 
170 | 			.layout-tertiary {
171 | 				@include media(medium) {
172 | 					@include column(3, (position: 10));
173 | 				}
174 | 			}
175 | 		}
176 | 	}
177 | }
178 | 
179 | // complex layout
180 | .layout-complex-wrapper {
181 | 	@include row((padding: 0, maxWidth: 100%));
182 | }
183 | 
184 | .layout-complex-primary {
185 | 	@include column(12, (includeGutterWidth: false));
186 | 	border: 1px dashed color(primary);
187 | 
188 | 	@include media(medium) {
189 | 		@include column(7, (includeGutterWidth: false));
190 | 	}
191 | 
192 | 	@include media(large) {
193 | 		@include column(6, (includeGutterWidth: false));
194 | 	}
195 | }
196 | 
197 | .layout-complex-nav {
198 | 	@include column(12, (includeGutterWidth: false));
199 | 	background-color: color(secondary);
200 | 
201 | 	@include media(extraLarge) {
202 | 		@include column(1.5, (includeGutterWidth: false));
203 | 	}
204 | }
205 | 
206 | .layout-complex-tertiary {
207 | 	@include column(12, (includeGutterWidth: false));
208 | 	background-color: color(secondary);
209 | 
210 | 	@include media(medium) {
211 | 		@include column(5, (includeGutterWidth: false));
212 | 	}
213 | 
214 | 	@include media(large) {
215 | 		@include column(3, (includeGutterWidth: false));
216 | 	}
217 | }
218 | 
219 | .layout-complex-footer {
220 | 	@include column(12, (includeGutterWidth: false));
221 | 
222 | 	@include media(large) {
223 | 		@include column(3, (includeGutterWidth: false));
224 | 	}
225 | 
226 | 	@include media(extraLarge) {
227 | 		@include column(1.5, (includeGutterWidth: false));
228 | 	}
229 | }
230 | 
231 | .nested,
232 | aside {
233 | 	@include row((nested: true));
234 | }


--------------------------------------------------------------------------------
/Assets/src/css/layout/_footer.scss:
--------------------------------------------------------------------------------
 1 | footer {
 2 | 	background: color(greyLight);
 3 | 
 4 | 	.column, .columns {
 5 | 		margin-top: 0;
 6 | 	}
 7 | }
 8 | 
 9 | .meta {
10 | 	@extend .list-plain;
11 | }


--------------------------------------------------------------------------------
/Assets/src/css/layout/_header.scss:
--------------------------------------------------------------------------------
1 | header {
2 | 	background: color(greyLight);
3 | 
4 | 	.column, .columns {
5 | 		margin-top: 0;
6 | 	}
7 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_all.scss:
--------------------------------------------------------------------------------
 1 | @import "aspect-ratio";
 2 | @import "font-size";
 3 | @import "gradients";
 4 | @import "high-dpi";
 5 | @import "icon";
 6 | @import "media";
 7 | @import "placeholder-color";
 8 | @import "retina-image";
 9 | @import "rgba-background-color";
10 | @import "transition";
11 | 
12 | // the grid has dependencies on other mixins
13 | @import "grid/all";


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_aspect-ratio.scss:
--------------------------------------------------------------------------------
 1 | %aspect-ratio-content {
 2 | 	height: 100%;
 3 | 	left: 0;
 4 | 	position: absolute;
 5 | 	top: 0;
 6 | 	width: 100%;
 7 | }
 8 | 
 9 | /// Creates the necessary dimensions for an element to have a fixed aspect ratio.
10 | /// @param {Pixels | Integer} $width - The desired width of the element's aspect ratio.
11 | /// @param {Pixels | Integer} $height - The desired height of the element's aspect ratio.
12 | /// @param {String} $selector [false] - The selector of the child.
13 | /// @example
14 | /// aspect-ratio(4, 3)
15 | /// @example
16 | /// aspect-ratio(4, 3, (selector: iframe))
17 | @mixin aspect-ratio($width, $height, $options: ()) {
18 | 	$options: map-merge((
19 | 		selector: false
20 | 	), $options);
21 | 
22 | 	$selector: map-get($options, selector);
23 | 
24 | 	position: relative;	// context for direct descendant
25 | 
26 | 	// container to maintain aspect ratio
27 | 	&::before {
28 | 		content: '';
29 | 		display: block;
30 | 		padding-top: percentage(parseInt($height) / parseInt($width));
31 | 	}
32 | 
33 | 	@if $selector == false {
34 | 		& > embed,
35 | 		& > iframe,
36 | 		& > object,
37 | 		& > video,
38 | 		& > img {
39 | 			@extend %aspect-ratio-content;
40 | 		}
41 | 	}
42 | 	@else if $selector != none {
43 | 		& > #{$selector} {
44 | 			@extend %aspect-ratio-content;
45 | 		}
46 | 	}
47 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_font-size.scss:
--------------------------------------------------------------------------------
 1 | /// Outputs the desired font-size in rems with a px fallback.
 2 | /// @group typography
 3 | /// @param {Pixels | Integer} $size - The desired font-size in pixels or its integer equivalent.
 4 | /// @example
 5 | /// font-size(12)
 6 | /// // 0.75rem
 7 | @mixin font-size($size) {
 8 | 	font-size: parseInt($size) + px;
 9 | 	font-size: rem($size);
10 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_gradients.scss:
--------------------------------------------------------------------------------
 1 | /// Adds a background color gradient. *Note:* Only supports IE10+ syntax. IE9 and below will fallback to a single background color.
 2 | /// @param {String} $direction - The position the gradient starts from (e.g.: top, bottom, left, right, 45deg).
 3 | /// @param {List | String} $colorStops - Variable length list of color stops.
 4 | /// @require {function} is-direction - Uses the `is-direction` function internally.
 5 | /// @example
 6 | /// gradient(#000, #fff);
 7 | /// gradient(right, transparent, color($primary));
 8 | /// gradient(45deg, color(greyLight), darken(color($greyLight), 5%));
 9 | @mixin gradient($direction, $colorStops...) {
10 | 
11 | 	// add "to" prefix on valid $directions and set default fallback
12 | 	@if is-direction($direction) {
13 | 		$direction: to $direction;
14 | 	}
15 | 	@else {
16 | 		$colorStops: join($direction, $colorStops, comma); // ensure colors are passed if no direction is passed
17 | 		$direction: to bottom; // set default direction
18 | 	}
19 | 
20 | 	//Styles
21 | 	background-color: nth(nth($colorStops, 1), 1); // All else fails
22 | 	background-image: linear-gradient($direction, $colorStops);	// W3C
23 | 
24 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_high-dpi.scss:
--------------------------------------------------------------------------------
 1 | /// Adds a media query to enable content specific for high DPI displays.
 2 | @mixin high-dpi() {
 3 | 	@media
 4 | 	only screen and (-webkit-min-device-pixel-ratio: 2),
 5 | 	only screen and (   min--moz-device-pixel-ratio: 2),
 6 | 	only screen and (     -o-min-device-pixel-ratio: 2/1),
 7 | 	only screen and (        min-device-pixel-ratio: 2),
 8 | 	only screen and (                min-resolution: 192dpi),
 9 | 	only screen and (                min-resolution: 2dppx) {
10 | 		@content;
11 | 	}
12 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_icon.scss:
--------------------------------------------------------------------------------
 1 | /// Adds an icon as pseudo element content as well as any passed styles
 2 | /// @param {String} $icon - The name of the icon as defined in its icon map.
 3 | /// @param {String} $pseudo [before] - The name of the pseduo element you want to target, either before or after.
 4 | /// @param {String} $iconMap [$icons] - The name of the icon map to retrieve the icon from.
 5 | /// @example
 6 | /// icon(arrowUp)
 7 | /// // ::before { content: "\e601" }
 8 | /// @example
 9 | /// icon(arrowUp, (pseudo: after)) { color: red; }
10 | /// // ::after { content: "\e601"; color: red;}
11 | @mixin icon($name, $options: ()) {
12 | 	$options: map-merge((
13 | 		pseudo: before,
14 | 		iconMap: $icons
15 | 	), $options);
16 | 
17 | 	&::#{map-get($options, pseudo)} {
18 | 		content: icon($name, map-get($options, iconMap));
19 | 		@content; // allows additional CSS declarations to be passed
20 | 	}
21 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_media.scss:
--------------------------------------------------------------------------------
 1 | /// Adds a media query at the pre-defined breakpoint for the given content.
 2 | /// @param {String} $query - The name of the breakpoint for which the styles are to be applied.
 3 | /// @example
 4 | /// media(medium)
 5 | @mixin media($query) {
 6 | 	@if map-has-key($breakpoints, $query) {
 7 | 		@media only screen and (min-width: em(map-get($breakpoints, $query), (context: 16))) { @content; }
 8 | 	}
 9 | 
10 | 	@if $query == rotateDevice {
11 | 		@media only screen and (max-width: em(map-get($breakpoints, small), (context: 16))) and (orientation: portrait) { @content; }
12 | 	}
13 | 
14 | 	@if $query == print {
15 | 		@media print { @content; }
16 | 	}
17 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_placeholder-color.scss:
--------------------------------------------------------------------------------
 1 | /// Adds color control ability across major browsers for placeholder attribute.
 2 | /// @param {Color} $color - The hex color you wish to change placeholder input text into.
 3 | /// @example - scss
 4 | /// placeholder-color(#999);
 5 | @mixin placeholder-color($color) {
 6 | 	&::-webkit-input-placeholder 	{ color: $color; } /* WebKit browsers */
 7 | 	&:-moz-placeholder 				{ color: $color; } /* Mozilla Firefox 4 to 18 */
 8 | 	&::-moz-placeholder 			{ color: $color; } /* Mozilla Firefox 19+ */
 9 | 	&:-ms-input-placeholder 		{ color: $color; } /* Internet Explorer 10+ */
10 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_retina-image.scss:
--------------------------------------------------------------------------------
 1 | /// Outputs a high DPI "retina" image for the given property with a low DPI fallback.
 2 | /// @param {String} $imageName - The filename, without an extension, of the image file.
 3 | /// @param {String} $backgroundSize ['none'] - The size of the background image (used to scale down 2x images).
 4 | /// @param {String} $retinaFileSuffix ['@2x'] - The filename suffix used for the "retina" version of the image.
 5 | /// @param {String} $backgroundRepeat [no-repeat] - Whether to repeat the background image.
 6 | /// @param {String} $property [background-image] - The CSS property to which you wish to apply the image.
 7 | /// @example
 8 | /// retina-image(logo)
 9 | /// @example
10 | /// retina-image(bullet-blue, (property: list-style-image))
11 | @mixin retina-image($imageName, $options: ()) {
12 | 	$options: map-merge((
13 | 		backgroundSize: 'none',
14 | 		retinaFileSuffix: '@2x',
15 | 		backgroundRepeat: no-repeat,
16 | 		property: background-image
17 | 	), $options);
18 | 
19 | 	$backgroundSize: map-get($options, backgroundSize);
20 | 	$retinaFileSuffix: map-get($options, retinaFileSuffix);
21 | 	$backgroundRepeat: map-get($options, backgroundRepeat);
22 | 	$property: map-get($options, property);
23 | 
24 | 	$imageNameRetina: str-insert($imageName, $retinaFileSuffix, -5);
25 | 
26 | 	#{$property}: image($imageName);
27 | 	background-repeat: $backgroundRepeat;
28 | 
29 | 	@if ($backgroundSize != 'none') {
30 | 		background-size: $backgroundSize;
31 | 	}
32 | 
33 | 	@include high-dpi() {
34 | 		#{$property}: image($imageNameRetina);
35 | 	}
36 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_rgba-background-color.scss:
--------------------------------------------------------------------------------
1 | /// Outputs an rgba background-color with an opaque fallback.
2 | /// @param {Color} $color - The desired color.
3 | /// @param {Number} $alpha - The desired level of opacity.
4 | /// @example
5 | /// rgba-background-color(#ff0000, 0.2);
6 | @mixin rgba-background-color($color, $alpha) {
7 | 	background-color: $color;
8 | 	background-color: rgba($color, $alpha);
9 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/_transition.scss:
--------------------------------------------------------------------------------
 1 | /// Adds a CSS transition with the given property, time, easing, and delay parameters.
 2 | /// @param {String} $property [all] - The CSS property to which you wish to apply the transition.
 3 | /// @param {Time} $duration [$transitionDuration] - The amount of time for the transition to take.
 4 | /// @param {String} $easing [$transitionEasing] - The easing function to use with the transition.
 5 | /// @param {Time} $delay [$transitionDelay] - The amount of time to delay the transition.
 6 | /// @example
 7 | /// transition()
 8 | /// @example
 9 | /// transition((property: background-color))
10 | /// @example
11 | /// transition((property: background-color, duration: 0.5s, easing: ease-in-out))
12 | @mixin transition($options: ()) {
13 | 	$options: map-merge((
14 | 		property: all,
15 | 		duration: $transitionDuration,
16 | 		easing: $transitionEasing,
17 | 		delay: $transitionDelay
18 | 	), $options);
19 | 
20 | 	$property: map-get($options, property);
21 | 	$duration: map-get($options, duration);
22 | 	$easing: map-get($options, easing);
23 | 	$delay: map-get($options, delay);
24 | 
25 | 	@if (parseInt($delay) > 0) {
26 | 		transition: $property $duration $easing $delay;
27 | 	}
28 | 	@else {
29 | 		transition: $property $duration $easing;
30 | 	}
31 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/grid/_all.scss:
--------------------------------------------------------------------------------
1 | @import "semantic-grid";
2 | @import "grid";
3 | @if ($enableGrid) {
4 | 	@include grid;
5 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/grid/_grid.scss:
--------------------------------------------------------------------------------
 1 | /// The natural language grid system (using class names like "columns" and "row").  This is enabled or disabled with the `$enableGrid` variable in `variables/_options.scss`.
 2 | /// @group grid
 3 | @mixin grid {
 4 | 	.row {
 5 | 		@include row();
 6 | 
 7 | 		& + .row {
 8 | 			padding-top: 0;
 9 | 		}
10 | 
11 | 		.row {
12 | 			@include row((nested: true));
13 | 
14 | 			.column,
15 | 			.columns {
16 | 				padding: 0;
17 | 			}
18 | 		}
19 | 
20 | 		.column,
21 | 		.columns {
22 | 			@include column($columns, (includeGutterWidth: false));
23 | 
24 | 			@include media($columnBreakpoint) {
25 | 				margin-left: $gutterWidth;
26 | 			}
27 | 
28 | 			&:first-child {
29 | 				@include media($columnBreakpoint) {
30 | 					margin-left: 0;
31 | 				}
32 | 			}
33 | 
34 | 			+ .column,
35 | 			+ .columns {
36 | 				margin-top: $columnPadding;
37 | 
38 | 				@include media($columnBreakpoint) {
39 | 					margin-top: 0;
40 | 				}
41 | 			}
42 | 		}
43 | 
44 | 		// Generate Column Classes
45 | 		@for $i from 1 through $columns{
46 | 			@if $i == 1 and (index($enabledColumns, $i) or length($enabledColumns) == 0 ) {
47 | 				.one.column,
48 | 				.one.columns {
49 | 					@include media($columnBreakpoint) {
50 | 						width: columns($i);
51 | 					}
52 | 				}
53 | 			}
54 | 			@else if (index($enabledColumns, $i) or length($enabledColumns) == 0 ) {
55 | 				.#{number-as-word($i)}.columns {
56 | 					@include media($columnBreakpoint) {
57 | 						width: columns($i);
58 | 					}
59 | 				}
60 | 			}
61 | 		}
62 | 
63 | 		// Generate Position Classes
64 | 		@for $i from 1 through $columns {
65 | 			@if ($enablePosition) and (index($enabledPositions, $i) or length($enabledPositions) == 0 ) {
66 | 				.position-#{number-as-word($i)} {
67 | 					@include media($columnBreakpoint) {
68 | 						margin-left: columnPosition($i) !important;	// override :first-child rule
69 | 						margin-right: -100%;
70 | 					}
71 | 				}
72 | 			}
73 | 		}
74 | 
75 | 		// Generate Centered Classes
76 | 		@if ($enableCentered) {
77 | 			@for $i from 1 through $columns - 1 {
78 | 				.#{number-as-word($i)}.centered {
79 | 					@include media($columnBreakpoint) {
80 | 						margin-left: centered($i);
81 | 					}
82 | 				}
83 | 			}
84 | 		}
85 | 	}
86 | }


--------------------------------------------------------------------------------
/Assets/src/css/mixins/grid/_semantic-grid.scss:
--------------------------------------------------------------------------------
  1 | ////
  2 | /// @group semantic-grid
  3 | ////
  4 | 
  5 | /// Creates a semantic-grid row.
  6 | /// @param {String} $nested [false] - Whether or not the row will be nested within other rows.
  7 | /// @param {Pixels | Ems} $padding [$gutterInPx] - A padding override to be set on the row.
  8 | /// @param {Pixels | Percentage} $maxWidth [$rowMaxWidth] - A max-width override to be set on the row.
  9 | /// @example
 10 | /// row()
 11 | /// @example
 12 | /// row((nested: false))
 13 | /// @example
 14 | /// row((padding: 0 50px 0 0))
 15 | @mixin row($options: ()) {
 16 | 	$options: map-merge((
 17 | 		nested: false,
 18 | 		padding: $columnPadding,
 19 | 		maxWidth: $rowMaxWidth
 20 | 	), $options);
 21 | 
 22 | 	$nested: map-get($options, nested);
 23 | 	$padding: map-get($options, padding);
 24 | 	$maxWidth: map-get($options, maxWidth);
 25 | 
 26 | 	@extend %clearfix;
 27 | 	margin-left: 0;
 28 | 	margin-right: 0;
 29 | 	min-width: 0;
 30 | 	width: 100%;
 31 | 
 32 | 	@if $nested == true {
 33 | 		margin-top: $columnPadding;
 34 | 		max-width: none;
 35 | 		padding: 0;
 36 | 
 37 | 		&:first-child {
 38 | 			margin-top: 0;
 39 | 		}
 40 | 	}
 41 | 	@else {
 42 | 		margin: 0 auto;
 43 | 		max-width: $maxWidth;
 44 | 		padding: $padding;
 45 | 	}
 46 | }
 47 | 
 48 | /// Creates a semantic-grid set of columns based on the base grid system settings.  On low resolutions, the columns will stack and will break at the breakpoint provided to the number of columns specified.
 49 | /// @param {Number} $columns - The number of columns you wish your element's width to occupy.  Note that this can be an integer or decimal.
 50 | /// @param {Number} $position [false] - The column where you want your element's position to begin.  This is 1-indexed, so possible values are 1 through `$columns` defined in `variables/_grid.scss`.
 51 | /// @param {Pixels | Ems} $padding [$gutterInPx] - A padding override to be set on the row.
 52 | /// @param {Boolean} $nested [false] - Whether or not the columns will be contained within a nested row.
 53 | /// @param {Boolean} $centered [false] - Whether or not the columns will be centered within a row.
 54 | /// @param {Boolean} $includeGutterWidth [true] - Whether or not the column width will include the gutter width in its calculation.
 55 | /// @example
 56 | /// column(8)
 57 | /// @example
 58 | /// column(8, (padding: 10px))
 59 | @mixin column($columns, $options: ()) {
 60 | 	$options: map-merge((
 61 | 		position: false,
 62 | 		padding: $columnPadding,
 63 | 		nested: false,
 64 | 		centered: false,
 65 | 		includeGutterWidth: true
 66 | 	), $options);
 67 | 
 68 | 	$position: map-get($options, position);
 69 | 	$padding: map-get($options, padding);
 70 | 	$breakpoint: map-get($options, breakpoint);
 71 | 	$nested: map-get($options, nested);
 72 | 	$centered: map-get($options, centered);
 73 | 	$includeGutterWidth: map-get($options, includeGutterWidth);
 74 | 
 75 | 	float: $defaultFloat;
 76 | 	margin: 0;
 77 | 	min-height: 1px;
 78 | 
 79 | 	@if $centered == true {
 80 | 		clear: both;
 81 | 		margin-left: centered($columns, $options);
 82 | 		margin-top: 0;
 83 | 		padding: $padding;
 84 | 		width: columns($columns, $options);
 85 | 
 86 | 		&:first-child {
 87 | 			margin-top: 0;
 88 | 		}
 89 | 	}
 90 | 	@else {
 91 | 		padding: $padding;
 92 | 		margin-top: 0;
 93 | 		width: columns($columns, $options);
 94 | 
 95 | 		@if $nested == true {
 96 | 			margin-top: $columnPadding;
 97 | 
 98 | 			&:first-child {
 99 | 				margin-top: 0;
100 | 			}
101 | 		}
102 | 
103 | 		@if $position != false {
104 | 			margin-left: columnPosition($position, $options);
105 | 			margin-right: -100%;
106 | 		}
107 | 		@else if $includeGutterWidth == true {
108 | 			margin-left: $gutterWidth;
109 | 
110 | 			&:first-child {
111 | 				margin-left: 0;
112 | 			}
113 | 		}
114 | 	}
115 | }
116 | 


--------------------------------------------------------------------------------
/Assets/src/css/modules/_all.scss:
--------------------------------------------------------------------------------
 1 | @import "badges";
 2 | @import "buttons";
 3 | @import "callout";
 4 | @import "dividers";
 5 | @import "fancybox";
 6 | @import "icons";
 7 | @import "lists";
 8 | @import "quick-columns";
 9 | @import "responsive-tabs";
10 | @import "tooltips";
11 | @import "utility";
12 | @import "utility-responsive";
13 | @import "valign";


--------------------------------------------------------------------------------
/Assets/src/css/modules/_badges.scss:
--------------------------------------------------------------------------------
 1 | $badgeBorderRadius: 8px;
 2 | 
 3 | %badge-config {
 4 | 	border-radius: $badgeBorderRadius;
 5 | 	cursor: default;
 6 | 	display: inline-block;
 7 | 	@include font-size(12);
 8 | 	margin-right: em(6, (context: 12));
 9 | 	padding: em(6, (context: 12));
10 | }
11 | 
12 | .badge-primary {
13 | 	@extend %badge-config;
14 | 	background-color: color(primary);
15 | 	color: white;
16 | }
17 | 
18 | .badge-secondary {
19 | 	@extend %badge-config;
20 | 	background-color: color(secondary);
21 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_buttons.scss:
--------------------------------------------------------------------------------
 1 | %button-config {
 2 | 	border-radius: $formElementBorderRadius;
 3 | 	border-style: none;
 4 | 	color: white;
 5 | 	display: inline-block;
 6 | 	@include font-size(18);
 7 | 	margin-right: em(5, (context: 18));
 8 | 	padding: em(6 12, (context: 18));
 9 | 	text-align: center;
10 | 	text-decoration: none;
11 | 	@include transition((property: background-color));
12 | 
13 | 	// media mixin is used here instead of inside above selector due to @extend bug of libsass
14 | 	@include media(medium) {
15 | 		+ button,
16 | 		+ .btn {
17 | 			margin-top: 0;
18 | 		}
19 | 	}
20 | 
21 | 	&.btn-full-width {
22 | 		display: block;
23 | 		margin-right: 0;
24 | 		margin-top: em(16);
25 | 
26 | 		&:first-child {
27 | 			margin-top: 0;
28 | 		}
29 | 	}
30 | 
31 | 	&.btn-small {
32 | 		@include font-size(14);
33 | 		padding: em(6 12, (context: 14));
34 | 	}
35 | 
36 | 	// sibling buttons may be too wide on low resolutions and wrap to multiple lines
37 | 	+ button,
38 | 	+ .btn {
39 | 		margin-top: em(5);
40 | 	}
41 | }
42 | 
43 | button,
44 | .btn {
45 | 	@extend %button-config;
46 | 	background-color: color(primary);
47 | 	border: 1px solid darken(color(primary), 10%);
48 | 
49 | 	@include media(print) {
50 | 		display: none;
51 | 	}
52 | 
53 | 	&:hover,
54 | 	&:active,
55 | 	&:focus {
56 | 		background-color: lighten(color(primary), 10%);
57 | 		color: white;
58 | 	}
59 | }
60 | 
61 | .btn-secondary {
62 | 	@extend %button-config;
63 | 	background-color: color(secondary);
64 | 	border: 1px solid darken(color(secondary), 10%);
65 | 	color: black;
66 | 
67 | 	@include media(print) {
68 | 		display: none;
69 | 	}
70 | 
71 | 	&:hover,
72 | 	&:active,
73 | 	&:focus {
74 | 		background-color: lighten(color(secondary), 10%);
75 | 		color: black;
76 | 	}
77 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_callout.scss:
--------------------------------------------------------------------------------
1 | .callout {
2 | 	background: color(greyLight);
3 | 	margin-top: em(10);
4 | 	padding: $columnPadding;
5 | 
6 | 	&:first-child {
7 | 		margin-top: 0;
8 | 	}
9 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_dividers.scss:
--------------------------------------------------------------------------------
 1 | %divider-config {
 2 | 	border: none;	// reset border to none; this allows the class to be used on horizontal rules
 3 | 	margin-top: $columnPadding * 2;
 4 | 	padding-top: $columnPadding * 2;
 5 | }
 6 | 
 7 | .divider {
 8 | 	@extend %divider-config;
 9 | 	border-top: 1px solid color(greyMedium);
10 | 
11 | 	&.row {
12 | 		margin-top: 0;
13 | 	}
14 | }
15 | 
16 | .divider-secondary {
17 | 	@extend %divider-config;
18 | 	border-top: 1px dashed color(greyMedium);
19 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_icons.scss:
--------------------------------------------------------------------------------
1 | .icon-arrow-down {
2 | 	@include icon(arrowDown);
3 | }
4 | 
5 | .icon-arrow-up {
6 | 	@include icon(arrowUp);
7 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_lists.scss:
--------------------------------------------------------------------------------
1 | .list-plain {
2 | 	padding-left: 0;
3 | 
4 | 	li {
5 | 		&::before {
6 | 			display: none;		// hides custom bullets
7 | 		}
8 | 	}
9 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_quick-columns.scss:
--------------------------------------------------------------------------------
  1 | // space, in columns, between quick column elements
  2 | $quickColumnGapWidth: 0.3;
  3 | 
  4 | .two-up,
  5 | .three-up,
  6 | .four-up {
  7 | 	display: inline-block;
  8 | 	vertical-align: top;
  9 | 	width: 100%;
 10 | 
 11 | 	@include media(large) {
 12 | 		margin-left: columns($quickColumnGapWidth, (includeGutterWidth: false));
 13 | 		margin-right: -0.25em;	// eliminate whitespace created by inline-block
 14 | 	}
 15 | 
 16 | 	// reset any potential top margin issues
 17 | 	&:first-child {
 18 | 		margin-top: 0;
 19 | 	}
 20 | 
 21 | 	// starting on the second item
 22 | 	&:nth-child(n+2) {
 23 | 		margin-top: columns($quickColumnGapWidth, (includeGutterWidth: false));
 24 | 
 25 | 		@include media(large) {
 26 | 			margin-top: 0;
 27 | 		}
 28 | 	}
 29 | }
 30 | 
 31 | .two-up,
 32 | .four-up {
 33 | 	@include media(large) {
 34 | 		width: columns( ($columns - $quickColumnGapWidth) / 2, (includeGutterWidth: false));
 35 | 	}
 36 | 
 37 | 	// first of each row
 38 | 	&:nth-child(2n+1) {
 39 | 		@include media(large) {
 40 | 			margin-left: 0;
 41 | 		}
 42 | 	}
 43 | 
 44 | 	// starting on the second row
 45 | 	&:nth-child(n+3) {
 46 | 		@include media(large) {
 47 | 			margin-top: columns($quickColumnGapWidth, (includeGutterWidth: false));
 48 | 		}
 49 | 	}
 50 | }
 51 | 
 52 | .three-up {
 53 | 	@include media(large) {
 54 | 		width: columns( ($columns - 2 * $quickColumnGapWidth) / 3, (includeGutterWidth: false));
 55 | 	}
 56 | 
 57 | 	// first of each row
 58 | 	&:nth-child(3n+1) {
 59 | 		@include media(large) {
 60 | 			margin-left: 0;
 61 | 		}
 62 | 	}
 63 | 
 64 | 	// starting on the second row
 65 | 	&:nth-child(n+4) {
 66 | 		@include media(large) {
 67 | 			margin-top: columns($quickColumnGapWidth, (includeGutterWidth: false));
 68 | 		}
 69 | 	}
 70 | }
 71 | 
 72 | .four-up {
 73 | 	@include media(extraLarge) {
 74 | 		width: columns( ($columns - 3 * $quickColumnGapWidth) / 4, (includeGutterWidth: false));
 75 | 	}
 76 | 
 77 | 	// first of each row (override from large)
 78 | 	&:nth-child(2n+1) {
 79 | 		@include media(extraLarge) {
 80 | 			margin-left: columns($quickColumnGapWidth, (includeGutterWidth: false));
 81 | 		}
 82 | 	}
 83 | 
 84 | 	// first of each row
 85 | 	&:nth-child(4n+1) {
 86 | 		@include media(extraLarge) {
 87 | 			margin-left: 0;
 88 | 		}
 89 | 	}
 90 | 
 91 | 	// starting on the second row (override from large)
 92 | 	&:nth-child(n+3) {
 93 | 		@include media(extraLarge) {
 94 | 			margin-top: 0;
 95 | 		}
 96 | 	}
 97 | 
 98 | 	// starting on the second row
 99 | 	&:nth-child(n+5) {
100 | 		@include media(extraLarge) {
101 | 			margin-top: columns($quickColumnGapWidth, (includeGutterWidth: false));
102 | 		}
103 | 	}
104 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_tooltips.scss:
--------------------------------------------------------------------------------
  1 | // measurements
  2 | $tooltipArrowSize: 5px; // note: keep this under 10px to avoid issues
  3 | $tooltipPadding: 10px;
  4 | 
  5 | // colors
  6 | $tooltipBackgroundColor: color(primary);
  7 | $tooltipTextColor: white;
  8 | $tooltipShadowColor: black;
  9 | $tooltipShadowBlurRadius: 10px;
 10 | 
 11 | .tooltip {
 12 | 	cursor: help;
 13 | 
 14 | 	&.high-res-only {
 15 | 		cursor: auto;
 16 | 
 17 | 		@include media(medium) {
 18 | 			cursor: help;
 19 | 		}
 20 | 	}
 21 | }
 22 | 
 23 | .tipsy {
 24 | 	@include font-size(14);
 25 | 	padding: $tooltipPadding;
 26 | 	position: absolute;
 27 | 	z-index: z(tooltip);
 28 | }
 29 | 	.tipsy-inner {
 30 | 		background-color: $tooltipBackgroundColor;
 31 | 		border-radius: 3px;
 32 | 		color: $tooltipTextColor;
 33 | 		max-width: 200px;
 34 | 		padding: $tooltipPadding;
 35 | 		text-align: center;
 36 | 	}
 37 | 
 38 | 	.tipsy-inner {
 39 | 		box-shadow: 0 0 $tooltipShadowBlurRadius $tooltipShadowColor;
 40 | 	}
 41 | 
 42 | 	.tipsy-arrow {
 43 | 		border: $tooltipArrowSize dashed $tooltipBackgroundColor;
 44 | 		height: 0;
 45 | 		line-height: 0;
 46 | 		position: absolute;
 47 | 		width: 0;
 48 | 	}
 49 | 
 50 | 	// Rules to color arrows
 51 | 	.tipsy-arrow-n {
 52 | 		border-bottom-color: $tooltipBackgroundColor;
 53 | 	}
 54 | 	.tipsy-arrow-s {
 55 | 		border-top-color: $tooltipBackgroundColor;
 56 | 	}
 57 | 	.tipsy-arrow-e {
 58 | 		border-left-color: $tooltipBackgroundColor;
 59 | 	}
 60 | 	.tipsy-arrow-w {
 61 | 		border-right-color: $tooltipBackgroundColor;
 62 | 	}
 63 | 
 64 | 	.tipsy-n .tipsy-arrow {
 65 | 		border-bottom-style: solid;
 66 | 		border-left-color: transparent;
 67 | 		border-right-color: transparent;
 68 | 		border-top: none;
 69 | 		left: 50%;
 70 | 		margin-left: -$tooltipArrowSize;
 71 | 		top: -$tooltipArrowSize + $tooltipPadding;
 72 | 	}
 73 | 		.tipsy-nw .tipsy-arrow {
 74 | 			border-bottom-style: solid;
 75 | 			border-left-color: transparent;
 76 | 			border-right-color: transparent;
 77 | 			border-top: none;
 78 | 			left: $tooltipArrowSize;
 79 | 			top: -$tooltipArrowSize + $tooltipPadding;
 80 | 		}
 81 | 		.tipsy-ne .tipsy-arrow {
 82 | 			border-bottom-style: solid;
 83 | 			border-left-color: transparent;
 84 | 			border-right-color: transparent;
 85 | 			border-top: none;
 86 | 			right: $tooltipArrowSize;
 87 | 			top: -$tooltipArrowSize + $tooltipPadding;
 88 | 		}
 89 | 
 90 | 	.tipsy-s .tipsy-arrow {
 91 | 		border-bottom: none;
 92 | 		border-left-color: transparent;
 93 | 		border-right-color: transparent;
 94 | 		border-top-style: solid;
 95 | 		bottom: -$tooltipArrowSize + $tooltipPadding;
 96 | 		left: 50%;
 97 | 		margin-left: -$tooltipArrowSize;
 98 | 	}
 99 | 		.tipsy-sw .tipsy-arrow {
100 | 			border-bottom: none;
101 | 			border-left-color: transparent;
102 | 			border-right-color: transparent;
103 | 			border-top-style: solid;
104 | 			bottom: -$tooltipArrowSize + $tooltipPadding;
105 | 			left: $tooltipArrowSize;
106 | 		}
107 | 		.tipsy-se .tipsy-arrow {
108 | 			border-bottom: none;
109 | 			border-left-color: transparent;
110 | 			border-right-color: transparent;
111 | 			border-top-style: solid;
112 | 			bottom: -$tooltipArrowSize + $tooltipPadding;
113 | 			right: $tooltipArrowSize;
114 | 		}
115 | 	.tipsy-e .tipsy-arrow {
116 | 		border-bottom-color: transparent;
117 | 		border-left-style: solid;
118 | 		border-right: none;
119 | 		border-top-color: transparent;
120 | 		margin-top: -$tooltipArrowSize;
121 | 		right: -$tooltipArrowSize + $tooltipPadding;
122 | 		top: 50%;
123 | 	}
124 | 	.tipsy-w .tipsy-arrow {
125 | 		border-bottom-color: transparent;
126 | 		border-left: none;
127 | 		border-right-style: solid;
128 | 		border-top-color: transparent;
129 | 		left: -$tooltipArrowSize + $tooltipPadding;
130 | 		margin-top: -$tooltipArrowSize;
131 | 		top: 50%;
132 | 	}


--------------------------------------------------------------------------------
/Assets/src/css/modules/_utility-responsive.scss:
--------------------------------------------------------------------------------
1 | .rotate-device {
2 | 	display: none;
3 | 
4 | 	@include media(rotateDevice) {
5 | 		display: block;
6 | 	}
7 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_utility.scss:
--------------------------------------------------------------------------------
 1 | .accessibility {
 2 |     height: 0;
 3 |     left: -999em;
 4 |     line-height: 0;
 5 |     position: absolute;
 6 | }
 7 | 
 8 | .browser-alert {
 9 | 	background-color: color(primary);
10 | 	color: white;
11 | 	@include font-size(24);
12 | 	padding: em(16);
13 | 	text-align: center;
14 | 
15 | 	a {
16 | 		color: color(greyLight);
17 | 	}
18 | }
19 | 
20 | .img-align-center {
21 | 	display: block;
22 | 	margin: 0 auto;
23 | }
24 | 
25 | .img-full-width {
26 | 	display: block;
27 | 	width: 100%;
28 | }
29 | 
30 | .map-container {
31 | 	@include aspect-ratio(4, 3, (selector: iframe));
32 | 
33 | 	img {
34 | 		max-width: none; // resets map controls
35 | 	}
36 | }
37 | 
38 | .video-container {
39 | 	@include aspect-ratio(16, 9, (selector: iframe));
40 | }


--------------------------------------------------------------------------------
/Assets/src/css/modules/_valign.scss:
--------------------------------------------------------------------------------
 1 | .valign {
 2 | 	display: table;
 3 | 	width: 100%;
 4 | 
 5 | 	> div {
 6 | 		display: table-cell;
 7 | 		vertical-align: middle;
 8 | 	}
 9 | 	> article {
10 | 		display: table-cell;
11 | 		vertical-align: middle;
12 | 	}
13 | }


--------------------------------------------------------------------------------
/Assets/src/css/style.scss:
--------------------------------------------------------------------------------
 1 | @import "variables/all";
 2 | 
 3 | @import "functions/all";
 4 | 
 5 | @import "mixins/all";
 6 | 
 7 | @import "base/all";
 8 | 
 9 | @import "layout/all";
10 | 
11 | @import "modules/all";


--------------------------------------------------------------------------------
/Assets/src/css/variables/_all.scss:
--------------------------------------------------------------------------------
 1 | // grid and breakpoints are dependencies for the other variables
 2 | @import "grid";
 3 | @import "breakpoints";
 4 | @import "colors";
 5 | @import "folders";
 6 | @import "icons";
 7 | @import "measurements";
 8 | @import "options";
 9 | @import "placeholders";
10 | @import "transitions";
11 | @import "typography";
12 | @import "z-index";


--------------------------------------------------------------------------------
/Assets/src/css/variables/_breakpoints.scss:
--------------------------------------------------------------------------------
 1 | /// The breakpoints for all resolutions represented as pairs with the breakpoint name and its associated pixel width.
 2 | /// @group grid
 3 | /// @type Map
 4 | /// @prop {Pixels} extraSmall [320px]
 5 | /// @prop {Pixels} small [480px]
 6 | /// @prop {Pixels} medium [768px]
 7 | /// @prop {Pixels} large [960px]
 8 | /// @prop {Pixels} extraLarge [1220px]
 9 | $breakpoints: (
10 | 	extraSmall: 320px,
11 | 	small: 480px,
12 | 	medium: 768px,
13 | 	large: 960px,
14 | 	extraLarge: 1220px
15 | );


--------------------------------------------------------------------------------
/Assets/src/css/variables/_colors.scss:
--------------------------------------------------------------------------------
 1 | /// The color palette for the project.
 2 | /// @type Map
 3 | /// @prop {Color} primary [#e55030] - The color palette's primary color.
 4 | /// @prop {Color} secondary [#d1d2d4] - The color palette's secondary color.
 5 | /// @prop {Color} greyLight [#eeeeee] - A light grey intended for use as a shaded background color.
 6 | /// @prop {Color} greyMedium [#cccccc] - A medium grey intended for use as a border or accent color in conjunction with `greyLight`.
 7 | /// @prop {Color} greyDark [#6d6d6d] - A dark grey intended for us as a text or border color in conjunction with `greyLight` or `greyMedium`.
 8 | $colors: (
 9 | 	primary: #e55030,
10 | 	secondary: #d1d2d4,
11 | 	greyLight: #eeeeee,
12 | 	greyMedium: #cccccc,
13 | 	greyDark: #6d6d6d
14 | );
15 | 


--------------------------------------------------------------------------------
/Assets/src/css/variables/_folders.scss:
--------------------------------------------------------------------------------
 1 | /// Path to the parent assets folder.
 2 | /// @type String
 3 | $assetsFolder: '../';
 4 | 
 5 | /// Path to the images folder, relative to the `$assetsFolder`.
 6 | /// @type String
 7 | $imagesFolder: $assetsFolder + 'img/css/';
 8 | 
 9 | /// Path to the folder containing font files (e.g. .ttf, eot), relative to the `$assetsFolder`.
10 | /// @type String
11 | $fontsFolder: $assetsFolder + 'fonts/';


--------------------------------------------------------------------------------
/Assets/src/css/variables/_grid.scss:
--------------------------------------------------------------------------------
 1 | ////
 2 | /// @group grid
 3 | ////
 4 | 
 5 | /// The number of columns in the grid system.
 6 | /// @type Integer
 7 | $columns: 12 !default;
 8 | 
 9 | /// The default breakpoint at which columns in the grid and semantic grid systems change from 100% to the column width specified.
10 | /// @type String
11 | $columnBreakpoint: medium !default;
12 | 
13 | /// The default amount of padding within columns in pixels.
14 | /// @type Pixels
15 | $columnPadding: 16px !default;
16 | 
17 | /// The default gutter width between columns in pixels or percent.  If defined as pixels, it will be converted to a percentage and will represent the gutter width at `$rowMaxWidth`.
18 | /// @type Pixels | Percentage
19 | $gutterWidth: 16px !default;
20 | 
21 | /// The maximum width of a row on the page.<p>**NOTE**: if `$gutterWidth` is in pixels, `$rowMaxWidth` must be in pixels.</p>
22 | /// @type Pixels | Percentage
23 | $rowMaxWidth: 1220px !default;
24 | 
25 | /// The default direction in which to float content.
26 | /// @type String
27 | $defaultFloat: left;
28 | 
29 | /// The opposite float of `$defaultFloat`.
30 | /// @type String
31 | $switchFloat: right;


--------------------------------------------------------------------------------
/Assets/src/css/variables/_icons.scss:
--------------------------------------------------------------------------------
1 | /// Named icons that can be referenced with the icon() mixin and icon() function.
2 | /// @type Map
3 | /// @prop {String} arrowDown ["\e600"]
4 | /// @prop {String} arrowUp ["\e601"]
5 | $icons: (
6 | 	arrowDown: "\e600",
7 | 	arrowUp: "\e601"
8 | );


--------------------------------------------------------------------------------
/Assets/src/css/variables/_measurements.scss:
--------------------------------------------------------------------------------
 1 | ////
 2 | /// @group measurements
 3 | ////
 4 | 
 5 | /// The default border radius for all form elements.
 6 | /// @type Pixels | Percentage
 7 | $formElementBorderRadius: 0px;
 8 | 
 9 | /// The height of form inputs.
10 | /// @type Pixels
11 | $inputHeight: 42px;


--------------------------------------------------------------------------------
/Assets/src/css/variables/_options.scss:
--------------------------------------------------------------------------------
 1 | ////
 2 | /// Options for enabling or disabling features, including the grid system, push, and pull.  NOTE: these options do not affect the semantic grid, they only minimize the output of classes for the grid system.
 3 | /// @group options
 4 | ////
 5 | 
 6 | /// Enable or disable the standard grid system.
 7 | /// @type Boolean
 8 | $enableGrid: true;
 9 | 
10 | /// Comma separated value list of column widths you want to support in the standard grid system; set to () to include all possible columns.  If `$enableGrid` is set to false, this is a moot option since no column classes will be output.
11 | /// @type List
12 | $enabledColumns: ();
13 | 
14 | /// Enable or disable centering of columns in the standard grid system.  If `$enableGrid` is set to false, this is a moot option since no position classes will be output.
15 | /// @type Boolean
16 | $enableCentered: true;
17 | 
18 | /// Enable or disable positioning of columns in the standard grid system.  If `$enableGrid` is set to false, this is a moot option since no position classes will be output.
19 | /// @type Boolean
20 | $enablePosition: true;
21 | 
22 | /// Comma separated value list of positions you want to support in the standard grid system; set to ( ) to include all possible positions.  If `$enableGrid` is set to false, this is a moot option since no position classes will be output.
23 | /// @type List
24 | $enabledPositions: ();


--------------------------------------------------------------------------------
/Assets/src/css/variables/_placeholders.scss:
--------------------------------------------------------------------------------
 1 | /// Applies a clearfix to the applied container to combat the zero-height container problem.
 2 | /// @link https://css-tricks.com/snippets/css/clear-fix/
 3 | %clearfix {
 4 | 	&::after {
 5 | 		clear: both;
 6 | 		content: "";
 7 | 		display: table;
 8 | 	}
 9 | }
10 | 
11 | /// Defines defaults for column elements.
12 | /// @group grid
13 | %column-config {
14 | 	float: $defaultFloat;
15 | 	margin: 0;
16 | 	min-height: 1px;
17 | }


--------------------------------------------------------------------------------
/Assets/src/css/variables/_transitions.scss:
--------------------------------------------------------------------------------
 1 | ////
 2 | /// Default transition properties to be used with the transition mixin.
 3 | /// @group transitions
 4 | ////
 5 | 
 6 | /// The amount of time for transitions to take.
 7 | /// @type Time
 8 | $transitionDuration: 0.3s;
 9 | 
10 | /// The easing function to use with transitions.
11 | /// @type String
12 | $transitionEasing: linear;
13 | 
14 | /// The amount of time to delay transitions.
15 | /// @type Time
16 | $transitionDelay: 0s;


--------------------------------------------------------------------------------
/Assets/src/css/variables/_typography.scss:
--------------------------------------------------------------------------------
 1 | ////
 2 | /// @group typography
 3 | ////
 4 | 
 5 | /// The base font-size for the root html element.  The value represents its pixel equivalent, e.g. 16 = 16px.
 6 | /// @type Integer
 7 | $baseFontSize: 16;
 8 | 
 9 | /// The percentage of the font-size to be used on the root html element.
10 | /// @type Percentage
11 | $baseFontPercentage: percentage($baseFontSize / 16);
12 | 
13 | /// The base line height for the root html element.
14 | /// @type Number
15 | $lineHeight: 1.5;
16 | 
17 | /// The base font-family for the root html element.
18 | /// @type String
19 | $baseFontFamily: 'Source Sans Pro', Helvetica, Arial, sans-serif;
20 | 
21 | /// The base font-family for icons.
22 | /// @type String
23 | $iconFontFamily: 'icomoon';
24 | 
25 | /// The font-size for unordered list bullets.
26 | /// @type Integer
27 | $listBulletSize: 24;


--------------------------------------------------------------------------------
/Assets/src/css/variables/_z-index.scss:
--------------------------------------------------------------------------------
 1 | /// The z-indexes for the project.
 2 | /// @type Map
 3 | /// @prop {Number} hidden [-100] - For content that sits below content on the main content layer.
 4 | /// @prop {Number} base [1] - A non-zero default.
 5 | /// @prop {Number} content [10] - For content that sits between the main navigation and any modals.
 6 | /// @prop {Number} nav [50] - The navigation layer, which should sit above content but below any modals.
 7 | /// @prop {Number} tooltip [1000] - For tooltips which should sit above content and the nav.  In the case of a fixed header, the tooltip should appear on top of nav.
 8 | /// @prop {Number} modal [8000] - The modal layer, which should sit above everything else on the page.
 9 | $zIndex: (
10 |     hidden: -100,
11 |     base: 1,
12 |     content: 10,
13 |     nav: 50,
14 |     tooltip: 1000,
15 |     modal: 8000
16 | );


--------------------------------------------------------------------------------
/Assets/src/fonts/README.md:
--------------------------------------------------------------------------------
1 | # Icomoon
2 | When updating the icomoon font, import selection.json back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.
3 | 
4 | Then, when you download the new font, replace the icomoon font files and selection.json in this folder.


--------------------------------------------------------------------------------
/Assets/src/fonts/icomoon.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/fonts/icomoon.eot


--------------------------------------------------------------------------------
/Assets/src/fonts/icomoon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <svg xmlns="http://www.w3.org/2000/svg">
 4 | <metadata>Generated by IcoMoon</metadata>
 5 | <defs>
 6 | <font id="icomoon" horiz-adv-x="1024">
 7 | <font-face units-per-em="1024" ascent="960" descent="-64" />
 8 | <missing-glyph horiz-adv-x="1024" />
 9 | <glyph unicode="&#x20;" d="" horiz-adv-x="512" />
10 | <glyph unicode="&#xe600;" d="M792.73 534.374c-20.838-21.402-240.384-230.554-240.384-230.554-11.162-11.418-25.754-17.101-40.346-17.101-14.643 0-29.235 5.683-40.346 17.101 0 0-219.546 209.152-240.435 230.554-20.838 21.402-22.272 59.853 0 82.739 22.323 22.835 53.402 24.627 80.691 0l200.090-191.898 200.038 191.846c27.341 24.627 58.47 22.835 80.691 0 22.323-22.835 20.941-61.338 0-82.688z" />
11 | <glyph unicode="&#xe601;" d="M792.73 387.226c-20.838 21.402-240.384 230.502-240.384 230.502-11.162 11.418-25.754 17.152-40.346 17.152-14.643 0-29.235-5.734-40.346-17.152 0 0-219.546-209.101-240.435-230.502-20.838-21.402-22.272-59.904 0-82.739 22.323-22.784 53.402-24.627 80.691 0l200.090 191.846 200.038-191.846c27.341-24.627 58.47-22.784 80.691 0 22.323 22.886 20.941 61.389 0 82.739z" />
12 | </font></defs></svg>


--------------------------------------------------------------------------------
/Assets/src/fonts/icomoon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/fonts/icomoon.ttf


--------------------------------------------------------------------------------
/Assets/src/fonts/icomoon.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/fonts/icomoon.woff


--------------------------------------------------------------------------------
/Assets/src/fonts/selection.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"IcoMoonType": "selection",
 3 | 	"icons": [
 4 | 		{
 5 | 			"icon": {
 6 | 				"paths": [
 7 | 					"M792.73 425.626c-20.838 21.402-240.384 230.554-240.384 230.554-11.162 11.418-25.754 17.101-40.346 17.101-14.643 0-29.235-5.683-40.346-17.101 0 0-219.546-209.152-240.435-230.554-20.838-21.402-22.272-59.853 0-82.739 22.323-22.835 53.402-24.627 80.691 0l200.090 191.898 200.038-191.846c27.341-24.627 58.47-22.835 80.691 0 22.323 22.835 20.941 61.338 0 82.688z"
 8 | 				],
 9 | 				"attrs": [
10 | 					{}
11 | 				],
12 | 				"isMulticolor": false,
13 | 				"defaultCode": 58880,
14 | 				"grid": 0
15 | 			},
16 | 			"attrs": [
17 | 				{}
18 | 			],
19 | 			"properties": {
20 | 				"id": 0,
21 | 				"order": 5,
22 | 				"prevSize": 32,
23 | 				"code": 58880,
24 | 				"name": "uniE600",
25 | 				"ligatures": ""
26 | 			},
27 | 			"setIdx": 0,
28 | 			"setId": 6,
29 | 			"iconIdx": 0
30 | 		},
31 | 		{
32 | 			"icon": {
33 | 				"paths": [
34 | 					"M792.73 572.774c-20.838-21.402-240.384-230.502-240.384-230.502-11.162-11.418-25.754-17.152-40.346-17.152-14.643 0-29.235 5.734-40.346 17.152 0 0-219.546 209.101-240.435 230.502-20.838 21.402-22.272 59.904 0 82.739 22.323 22.784 53.402 24.627 80.691 0l200.090-191.846 200.038 191.846c27.341 24.627 58.47 22.784 80.691 0 22.323-22.886 20.941-61.389 0-82.739z"
35 | 				],
36 | 				"attrs": [
37 | 					{}
38 | 				],
39 | 				"isMulticolor": false,
40 | 				"defaultCode": 58881,
41 | 				"grid": 0
42 | 			},
43 | 			"attrs": [
44 | 				{}
45 | 			],
46 | 			"properties": {
47 | 				"id": 1,
48 | 				"order": 6,
49 | 				"prevSize": 32,
50 | 				"code": 58881,
51 | 				"name": "uniE601",
52 | 				"ligatures": ""
53 | 			},
54 | 			"setIdx": 0,
55 | 			"setId": 6,
56 | 			"iconIdx": 1
57 | 		}
58 | 	],
59 | 	"height": 1024,
60 | 	"metadata": {
61 | 		"name": "icomoon"
62 | 	},
63 | 	"preferences": {
64 | 		"showGlyphs": true,
65 | 		"showQuickUse": true,
66 | 		"showQuickUse2": true,
67 | 		"showSVGs": true,
68 | 		"fontPref": {
69 | 			"prefix": "icon-",
70 | 			"metadata": {
71 | 				"fontFamily": "icomoon"
72 | 			},
73 | 			"metrics": {
74 | 				"emSize": 1024,
75 | 				"baseline": 6.25,
76 | 				"whitespace": 50
77 | 			}
78 | 		},
79 | 		"imagePref": {
80 | 			"prefix": "icon-",
81 | 			"png": true,
82 | 			"useClassSelector": true,
83 | 			"color": 4473924,
84 | 			"bgColor": 16777215
85 | 		},
86 | 		"historySize": 100
87 | 	}
88 | }


--------------------------------------------------------------------------------
/Assets/src/gulpfile.js:
--------------------------------------------------------------------------------
 1 | /*global require */
 2 | 'use strict';
 3 | 
 4 | var configuration = {
 5 | 	output: '../dist', // where to write output to
 6 | 	base: '.', // base path from which globs are considered relative. Usually should be .
 7 | 	cleanProduction: true, // if true the output directory is rimraf'd before a build when debug = false
 8 | 	cacheBusting: true, // if true rev is used to add a hash to filenames in production builds
 9 | 	tasks: [
10 | 		{
11 | 			driver: 'js',
12 | 			paths: ['./js/**/*.js'],
13 | 			watchPaths: ['js/**'],
14 | 			autoClean: true
15 | 		},
16 | 		{
17 | 			driver: 'css',
18 | 			paths: ['./css/**/*.scss'],
19 | 			watchPaths: ['css/**'],
20 | 			autoClean: true,
21 | 			autoCleanPaths: ['./css/*.css']
22 | 		},
23 | 		{
24 | 			// fonts are just a plain ol' copy, so they do not need a driver to process them on their way.
25 | 			paths: ['./fonts/**/*.{eot,ttf,woff,woff2,svg}'],
26 | 			watchPaths: ['fonts/**'],
27 | 		},
28 | 		{
29 | 			driver: 'img',
30 | 			paths: ['./img/**/*.{jpg,png,gif,ico,svg}'],
31 | 			watchPaths: ['img/**'],
32 | 		},
33 | 		{
34 | 			paths: ['./templates/**/*.{php,html}'],
35 | 			base: './templates',
36 | 			watchPaths: ['templates/**'],
37 | 			output: './../..',
38 | 			autoClean: true,
39 | 			autoCleanPaths: ['*.{php,html}', 'inc']
40 | 		}
41 | 		/*
42 | 			Tasks are a unit of work. At their simplest tasks act as a simple file copy from [paths] to [output] (maintaining relative paths).
43 | 			By adding a driver your can intercept the sources the task gets and do things to them before they get to the output.
44 | 			The task below illustrates all the options for a task:
45 | 
46 | 		{
47 | 			driver: // [optional] this is the name of the driver to use. A driver is a file in /lib/drivers that transforms the task items (eg minification). Without a driver, the task becomes a file watch/copy.
48 | 			paths: // Required. Array of paths to include in the task. Globbing syntax is allowed. Paths are relative to this folder.
49 | 			base: // [optional] Overrides the base location for this task only (e.g. if path = ./css/foo and base = ./css, and you write to ./lol, the files from /css/foo will go in /lol/foo not /lol/css/foo)
50 | 			watchPaths: // [optional] Array of paths to watch when doing file watching. Note that only simple globs (foo/**) should be used or new and renamed files cannot be watched. A change to these files triggers the task being run.
51 | 			autoClean: // [optional] true/false. If true, the paths in the output directory will be deleted before we start the build.
52 | 			autoCleanPaths: // [optional] Array of path globs. This overrides the autoclean behavior and specifies exactly what to clean before build. These paths are relative to the OUTPUT directory.
53 | 			output: // [optional] Overrides the output location for this task only
54 | 		}*/
55 | 	]
56 | };
57 | 
58 | require('./build/tasks')(configuration);


--------------------------------------------------------------------------------
/Assets/src/img/content/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/content/favicon.png


--------------------------------------------------------------------------------
/Assets/src/img/content/logo-placeholder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/content/logo-placeholder.png


--------------------------------------------------------------------------------
/Assets/src/img/content/logo-placeholder@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/content/logo-placeholder@2x.png


--------------------------------------------------------------------------------
/Assets/src/img/content/touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/content/touch-icon.png


--------------------------------------------------------------------------------
/Assets/src/img/css/bg-select-arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/css/bg-select-arrow.png


--------------------------------------------------------------------------------
/Assets/src/img/css/checkbox-checked.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px"
 5 | 	 height="16px" viewBox="-391 393 16 16" enable-background="new -391 393 16 16" xml:space="preserve">
 6 | <g id="Layer_2">
 7 | 	<rect x="-388.5" y="395.5" fill="#FFFFFF" width="11" height="11.1"/>
 8 | </g>
 9 | <g id="Layer_1">
10 | 	<path fill="#CCCCCC" d="M-375,409.1h-16V393h16V409.1L-375,409.1z M-388.5,406.6h11v-11.1h-11V406.6z"/>
11 | 	<polygon points="-375,396.4 -376.9,394.5 -384.9,402.5 -387.5,399.9 -389.4,401.9 -384.9,406.3 -384.9,406.2 -384.9,406.3 	"/>
12 | </g>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/Assets/src/img/css/checkbox-unchecked.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="-391 393 16 16" enable-background="new -391 393 16 16" xml:space="preserve">
6 | <path fill="#CCCCCC" d="M-375,409.1h-16V393h16V409.1L-375,409.1z M-388.5,406.6h11v-11.1h-11V406.6z"/>
7 | <rect x="-388.5" y="395.5" fill="#FFFFFF" width="11" height="11.1"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/Assets/src/img/css/fancybox-loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/css/fancybox-loading.gif


--------------------------------------------------------------------------------
/Assets/src/img/css/fancybox-loading@2x.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/css/fancybox-loading@2x.gif


--------------------------------------------------------------------------------
/Assets/src/img/css/fancybox-overlay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/css/fancybox-overlay.png


--------------------------------------------------------------------------------
/Assets/src/img/css/fancybox-sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/css/fancybox-sprite.png


--------------------------------------------------------------------------------
/Assets/src/img/css/fancybox-sprite@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/img/css/fancybox-sprite@2x.png


--------------------------------------------------------------------------------
/Assets/src/img/css/radio-checked.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px"
 5 | 	 height="16px" viewBox="-391 393 16 16" enable-background="new -391 393 16 16" xml:space="preserve">
 6 | <g id="Layer_2">
 7 | 	<circle fill="#FFFFFF" cx="-383" cy="400.9" r="5.6"/>
 8 | </g>
 9 | <g id="Layer_1">
10 | 	<path d="M-383,409c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S-378.6,409-383,409z M-383,395.3c-3.1,0-5.6,2.4-5.6,5.6
11 | 		c0,3.1,2.4,5.6,5.6,5.6s5.6-2.4,5.6-5.6C-377.4,397.9-380,395.3-383,395.3z"/>
12 | 	<path d="M-383,404.7c-2.1,0-3.8-1.7-3.8-3.8c0-2.1,1.7-3.8,3.8-3.8s3.8,1.7,3.8,3.8C-379.3,403-381,404.7-383,404.7z"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/Assets/src/img/css/radio-unchecked.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="-391 393 16 16" enable-background="new -391 393 16 16" xml:space="preserve">
 6 | <path fill="#CCCCCC" d="M-383,409c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S-378.6,409-383,409z M-383,395.3c-3.1,0-5.6,2.4-5.6,5.6
 7 | 	c0,3.1,2.4,5.6,5.6,5.6s5.6-2.4,5.6-5.6C-377.4,397.9-380,395.3-383,395.3z"/>
 8 | <circle fill="#FFFFFF" cx="-382.9" cy="400.9" r="5.6"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/Assets/src/js/README.md:
--------------------------------------------------------------------------------
1 | # JavaScript Directory
2 | This top-level js directory is where your files to be compiled exist (these will be entered in config.jsSourcePath in the file [build/js.js](../build/js.js)).  Each of these files will use Browserify's require statements to manage dependencies.


--------------------------------------------------------------------------------
/Assets/src/js/head.js:
--------------------------------------------------------------------------------
1 | require('./vendor/modernizr');


--------------------------------------------------------------------------------
/Assets/src/js/lib/README.md:
--------------------------------------------------------------------------------
1 | # Lib Directory
2 | The lib directory is where custom, common libraries will exist.  Examples could include utilities that get, set, and delete cookies.


--------------------------------------------------------------------------------
/Assets/src/js/lib/cookies.js:
--------------------------------------------------------------------------------
 1 | // @cookie
 2 | // Cookies get/set/delete
 3 | // there is also a jQuery cookie plugin that does more magic but seems to usually be overkill
 4 | 
 5 | // cookie reader by Lea Verou: http://lea.verou.me/2009/12/reading-cookies-the-regular-expression-way/
 6 | function getCookie(name) {
 7 | 	// Escape regexp special characters
 8 | 	name = name.replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
 9 | 
10 | 	var regex = new RegExp('(?:^|;)\\s?' + name + '=(.*?)(?:;|$)','i'),
11 | 		match = document.cookie.match(regex);
12 | 
13 | 	return match && unescape(match[1]);
14 | }
15 | 
16 | function setCookie(cookie) {
17 | 	var MILS = 1000 * 60 * 60 * 24; // value to convert days to miliseconds
18 | 	var now = Date.now();
19 | 	var name = cookie.name ? cookie.name + '=' : false;
20 | 	var val = cookie.val ? cookie.val : '';
21 | 	var expires = cookie.days ? '; expires=' + new Date((cookie.days * MILS) + now).toUTCString() : cookie.mils? '; expires=' + new Date(cookie.mils + now).toUTCString()  : '';
22 | 	var path = cookie.path ? '; path=' + cookie.path : '; path=/';
23 | 	var domain = cookie.domain ? '; domain=' + cookie.domain : '';
24 | 	var secure = cookie.secure ? '; secure' : '';
25 | 
26 | 	if (name) {
27 | 		document.cookie = name + val + expires + path + domain + secure;
28 | 	}
29 | }
30 | 
31 | function deleteCookie(cookieName) {
32 | 	setCookie({name:cookieName,expires:false});
33 | }
34 | 
35 | exports.get = getCookie;
36 | exports.set = setCookie;
37 | exports.delete = deleteCookie;


--------------------------------------------------------------------------------
/Assets/src/js/lib/documentReady.js:
--------------------------------------------------------------------------------
 1 | $('select:not([multiple])').wrap('<div class="decorator-select" />');
 2 | $('select[multiple]').wrap('<div class="decorator-select-multiple" />');
 3 | 
 4 | $('.custom-file-upload').click(function(e) {
 5 | 	e.preventDefault();
 6 | 
 7 | 	$(this).next('input[type="file"]').click();
 8 | });
 9 | 
10 | // toggle buttons for test pages
11 | $('.toggle-position').on('click', function(e) {
12 | 	e.preventDefault();
13 | 	$('body').toggleClass('not-shifted shifted');
14 | });
15 | $('.toggle-gutters').on('click', function(e) {
16 | 	e.preventDefault();
17 | 	$('body').toggleClass('no-gutters gutters');
18 | });


--------------------------------------------------------------------------------
/Assets/src/js/lib/triggerPlugins.js:
--------------------------------------------------------------------------------
1 | $('.fancybox').fancybox();
2 | 
3 | $('.tooltip-tipsy').tipsy({
4 | 	gravity: 'w'
5 | });
6 | 
7 | $('input, textarea').placeholder();


--------------------------------------------------------------------------------
/Assets/src/js/lib/utility.js:
--------------------------------------------------------------------------------
 1 | function breakpoint(breakpointName) {
 2 | 	var breakpoints = {
 3 | 		"extraSmall": 320,
 4 | 		"small": 480,
 5 | 		"medium": 768,
 6 | 		"large": 960,
 7 | 		"extraLarge": 1220
 8 | 	};
 9 | 
10 | 	// use the Modernizr function if available; it's more accurate
11 | 	if (mediaQuerySupport()) {
12 | 		return Modernizr.mq('(min-width: ' + breakpoints[breakpointName] + 'px)');
13 | 	}
14 | 	else {
15 | 		// According to http://quirksmode.org/mobile/tableViewport.html
16 | 		// documentElement.clientWidth/Height gets us the most reliable info
17 | 		return document.documentElement.clientWidth > breakpoints[breakpointName];
18 | 	}
19 | }
20 | 
21 | function mediaQuerySupport() {
22 | 	return Modernizr.mq('only all');
23 | }
24 | 
25 | exports.breakpoint = breakpoint;


--------------------------------------------------------------------------------
/Assets/src/js/main.js:
--------------------------------------------------------------------------------
 1 | // put jQuery on the global namespace to access via the console and allow plugins to be dropped-in
 2 | global.jQuery = require('jquery');
 3 | global.$ = global.jQuery;
 4 | 
 5 | // load plugins
 6 | require('./vendor/jquery.responsive-tabs');
 7 | require('./vendor/jquery.fancybox');
 8 | require('./vendor/jquery.tipsy');
 9 | require('./vendor/jquery.placeholder.js');
10 | 
11 | // execute plugins and jQuery bindings
12 | require('./lib/documentReady.js');
13 | require('./lib/triggerPlugins.js');


--------------------------------------------------------------------------------
/Assets/src/js/modules/README.md:
--------------------------------------------------------------------------------
1 | # Modules Directory
2 | The modules directory is for custom developed modules.  These may includes items such as wrappers and extensions for jQuery plugins or entirely new classes that you've built.


--------------------------------------------------------------------------------
/Assets/src/js/modules/Template.js:
--------------------------------------------------------------------------------
 1 | /*global require, module, $ */
 2 | 'use strict';
 3 | 
 4 | function Template(templateString, options) {
 5 | 
 6 | 	options = options || {};
 7 | 	this.settings = $.extend({
 8 | 		tokenPrefix: '%',
 9 | 		tokenSuffix: '%',
10 | 		regexpModifiers: 'gi'
11 | 	}, options);
12 | 
13 | 	this.templateString = templateString;
14 | }
15 | 
16 | Template.prototype = Object.create({
17 | 	buildRegExp: function buildRegExp(token) {
18 | 		return new RegExp(this.settings.tokenPrefix + token + this.settings.tokenSuffix, this.settings.regexpModifiers);
19 | 	},
20 | 	replaceToken: function replaceToken(token, value, template) {
21 | 		var pattern = this.buildRegExp(token);
22 | 
23 | 		template = template || this.templateString;
24 | 		return template.replace(pattern, value);
25 | 	},
26 | 	populate: function populate(hash) {
27 | 		var populated = this.template;
28 | 		var self = this;
29 | 
30 | 		$.each(hash, function(token, value) {
31 | 			populated = self.replaceToken(token, value, populated);
32 | 		});
33 | 
34 | 		return populated;
35 | 	}
36 | 		
37 | });
38 | 
39 | module.exports = {
40 | 	createTemplate: function createTemplate(templateString, options) {
41 | 		return new Template(templateString, options);
42 | 	}
43 | }


--------------------------------------------------------------------------------
/Assets/src/js/vendor/README.md:
--------------------------------------------------------------------------------
1 | # Vendor Directory
2 | The vendor directory is for vendor provided libraries such as jQuery, Modernizr, Respond, and any related plugins.


--------------------------------------------------------------------------------
/Assets/src/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Phoenix",
 3 |   "version": "2.3.0",
 4 |   "description": "A scalable, modular front-end framework for the modern web.",
 5 |   "repository": {
 6 | 	  "type": "git",
 7 | 	  "url": "https://github.com/connectivedx/Phoenix"
 8 |   },
 9 |  "author": "Connective DX",
10 |   "bugs": {
11 | 	"url": "https://github.com/connectivedx/Phoenix/issues"
12 |   },
13 |   "homepage": "https://github.com/connectivedx/Phoenix#readme",
14 |   "license": "MIT",
15 |   "devDependencies": {
16 | 	"autoprefixer": "^6.4.0",
17 | 	"browserify": "~9.0.6",
18 | 	"del": "~1.1.1",
19 | 	"glob": "~4.4.1",
20 | 	"gulp": "~3.9.0",
21 | 	"gulp-base64": "~0.1.3",
22 | 	"gulp-buffer": "~0.0.2",
23 | 	"gulp-filter": "~2.0.2",
24 | 	"gulp-if": "~1.2.5",
25 | 	"gulp-ignore": "~1.2.1",
26 | 	"gulp-imagemin": "~2.2.1",
27 | 	"gulp-livereload": "~3.8.0",
28 | 	"gulp-minify-css": "~1.2.1",
29 | 	"gulp-plumber": "~0.6.6",
30 | 	"gulp-postcss": "^6.1.1",
31 | 	"gulp-rev-all": "~0.7.6",
32 | 	"gulp-sass": "^2.2.0",
33 | 	"gulp-sourcemaps": "~1.5.2",
34 | 	"gulp-uglify": "~1.1.0",
35 | 	"gulp-util": "~3.0.4",
36 | 	"jquery": "~> 3.0.0",
37 | 	"merge-stream": "~0.1.6",
38 | 	"multimatch": "^2.0.0",
39 | 	"rimraf": "~2.2.8",
40 | 	"sassdoc": "~2.1.8",
41 | 	"through2": "^0.6.3",
42 | 	"vinyl-source-stream": "~1.0.0"
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/Assets/src/readme.md:
--------------------------------------------------------------------------------
1 | SRC Directory
2 | =============
3 | 
4 | This directory is where all source code, images, and fonts should be stored.  They will be compiled by Gulp and placed in the appropriate structure directly under the Assets directory.
5 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/.gitignore:
--------------------------------------------------------------------------------
1 | /assets/css/main.css.map
2 | /node_modules
3 | /sassdoc
4 | .DS_Store
5 | .sass-cache
6 | npm-debug.log
7 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/.jshintrc:
--------------------------------------------------------------------------------
1 | {
2 |   "esnext": true
3 | }
4 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014 SassDoc
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/Makefile:
--------------------------------------------------------------------------------
 1 | PATH := $(PWD)/node_modules/.bin:$(PATH)
 2 | 
 3 | SOURCES := $(wildcard src/*.js)
 4 | DIST := $(SOURCES:src/%=dist/%)
 5 | 
 6 | all: lint dist min sass
 7 | 
 8 | publish: lint dist
 9 | 	npm publish
10 | 
11 | lint:
12 | 	jshint $(SOURCES)
13 | 
14 | dist: $(DIST)
15 | 
16 | dist/%.js: src/%.js
17 | 	mkdir -p $(@D)
18 | 	babel $< -o $@
19 | 
20 | min: assets/js/main.min.js
21 | 
22 | assets/js/main.min.js: \
23 | 	assets/js/vendor/fuse.min.js \
24 | 	assets/js/sidebar.js \
25 | 	assets/js/search.js \
26 | 	assets/js/main.js \
27 | 	assets/js/vendor/prism.min.js
28 | 	cat $^ | uglifyjs > $@
29 | 
30 | sass:
31 | 	sass --update scss:assets/css --style compressed --sourcemap=none
32 | 
33 | sass-dev:
34 | 	sass --update scss:assets/css --style compressed --sourcemap=inline
35 | 
36 | clean:
37 | 	rm -rf $(DIST) assets/js/main.min.js assets/css
38 | 
39 | rebuild:
40 | 	rm -rf node_modules && npm install
41 | 
42 | .PHONY: all dist min sass clean
43 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/README.md:
--------------------------------------------------------------------------------
 1 | # SassDoc Default Theme
 2 | 
 3 | This is [SassDoc](https://github.com/SassDoc/sassdoc)'s default theme which means this is the theme that will be used when running SassDoc without a custom theme.
 4 | 
 5 | This theme uses [Themeleon](https://github.com/themeleon/themeleon) as a theme engine, and [themeleon-swig](https://github.com/themeleon/themeleon-swig) as a template engine, directly plugged into Themeleon.
 6 | 
 7 | Because this is likely to be the most used theme of all, it is not as simple as a theme can get. For instance, there is quite a bit of logic in both `index.js` and the Swig templates. Fortunately, you don't have to deal with that at all.
 8 | 
 9 | ## Customising the view
10 | 
11 | There are some possibilites to customise the theme's view. Essentially what's being displayed, what's not, and what are the project informations to be displayed in the header and footer.
12 | 
13 | To learn how to customise the theme's view, please read [the documentation on SassDoc's site](http://sassdoc.com/customising-the-view/). Fear not! It's all about creating a configuration file. No big deal.
14 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/assets/images/logo-horizontal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/Assets/src/sassdoc-theme/assets/images/logo-horizontal.png


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/assets/js/main.js:
--------------------------------------------------------------------------------
 1 | /* global document */
 2 | 
 3 | (function ($, global) {
 4 |   'use strict';
 5 | 
 6 |   // Constructor
 7 |   var App = function (conf) {
 8 |     this.conf = $.extend({
 9 |       // Search module
10 |       search: new global.Search(),
11 | 
12 |       // Sidebar module
13 |       sidebar: new global.Sidebar(),
14 | 
15 |       // Initialisation
16 |       init: true
17 |     }, conf || {});
18 | 
19 |     // Launch the module
20 |     if (this.conf.init !== false) {
21 |       this.initialize();
22 |     }
23 |   };
24 | 
25 |   // Initialisation method
26 |   App.prototype.initialize = function () {
27 |     this.codePreview();
28 |   };
29 | 
30 |   // Toggle code preview collapsed/expanded modes
31 |   App.prototype.codePreview = function () {
32 |     var $item;
33 |     var $code;
34 |     var switchTo;
35 | 
36 |     $('.item__code--togglable').on('click', function () {
37 |       $item = $(this);
38 |       $code = $item.find('code');
39 |       switchTo = $item.attr('data-current-state') === 'expanded' ? 'collapsed' : 'expanded';
40 | 
41 |       $item.attr('data-current-state', switchTo);
42 |       $code.html($item.attr('data-' + switchTo));
43 |       Prism.highlightElement($code[0]);
44 |     });
45 |   };
46 | 
47 |   global.App = App;
48 | }(window.jQuery, window));
49 | 
50 | (function ($, global) {
51 | 
52 |   $(document).ready(function () {
53 |     var app = new global.App();
54 |   });
55 | 
56 | }(window.jQuery, window));


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/assets/js/search.js:
--------------------------------------------------------------------------------
  1 | (function ($, global) {
  2 | 
  3 |   var Search = function (conf) {
  4 |     this.conf = $.extend({
  5 |       // Search DOM
  6 |       search: {
  7 |         items: '.sassdoc__item',
  8 |         input: '#js-search-input',
  9 |         form: '#js-search',
 10 |         suggestionsWrapper: '#js-search-suggestions'
 11 |       },
 12 | 
 13 |       // Fuse options
 14 |       fuse: {
 15 |         keys: ['name'],
 16 |         threshold: 0.3
 17 |       },
 18 | 
 19 |       init: true
 20 |     }, conf || {});
 21 | 
 22 |     if (this.conf.init === true) {
 23 |       this.initialize();
 24 |     }
 25 |   };
 26 | 
 27 |   Search.prototype.initialize = function () {
 28 |     // Fuse engine instanciation
 29 |     this.index = new Fuse($.map($(this.conf.search.items), function (item) {
 30 |       var $item = $(item);
 31 | 
 32 |       return {
 33 |         name: $item.data('name'),
 34 |         type: $item.data('type'),
 35 |         node: $item
 36 |       };
 37 |     }), this.conf.fuse);
 38 | 
 39 |     this.initializeSearch();
 40 |   };
 41 | 
 42 |   // Fill DOM with search suggestions
 43 |   Search.prototype.fillSuggestions = function (items) {
 44 |     var searchSuggestions = $(this.conf.search.suggestionsWrapper);
 45 |     searchSuggestions.html('');
 46 | 
 47 |     var suggestions = $.map(items.slice(0, 10), function (item) {
 48 |       var $li = $('<li />', {
 49 |         'data-type': item.type,
 50 |         'data-name': item.name,
 51 |         'html': '<a href="#' + item.type + '-' + item.name + '"><code>' + item.type.slice(0, 3) + '</code> ' + item.name + '</a>'
 52 |       });
 53 | 
 54 |       searchSuggestions.append($li);
 55 |       return $li;
 56 |     });
 57 | 
 58 |     return suggestions;
 59 |   };
 60 | 
 61 |   // Perform a search on a given term
 62 |   Search.prototype.search = function (term) {
 63 |     return this.fillSuggestions(this.index.search(term));
 64 |   };
 65 | 
 66 |   // Search logic
 67 |   Search.prototype.initializeSearch = function () {
 68 |     var searchForm = $(this.conf.search.form);
 69 |     var searchInput = $(this.conf.search.input);
 70 |     var searchSuggestions = $(this.conf.search.suggestionsWrapper);
 71 | 
 72 |     var currentSelection = -1;
 73 |     var suggestions = [];
 74 |     var selected;
 75 | 
 76 |     var self = this;
 77 | 
 78 |     // Clicking on a suggestion
 79 |     searchSuggestions.on('click', function (e) {
 80 |       var target = $(event.target);
 81 | 
 82 |       if (target.nodeName === 'A') {
 83 |         searchInput.val(target.parent().data('name'));
 84 |         suggestions = self.fillSuggestions([]);
 85 |       }
 86 |     });
 87 | 
 88 |     // Filling the form
 89 |     searchForm.on('keyup', function (e) {
 90 |       e.preventDefault();
 91 | 
 92 |       // Enter
 93 |       if (e.keyCode === 13) {
 94 |         if (selected) {
 95 |           suggestions = self.fillSuggestions([]);
 96 |           searchInput.val(selected.data('name'));
 97 |           window.location = selected.children().first().attr('href');
 98 |         }
 99 | 
100 |         e.stopPropagation();
101 |       }
102 | 
103 |       // KeyDown
104 |       if (e.keyCode === 40) {
105 |         currentSelection = (currentSelection + 1) % suggestions.length;
106 |       }
107 | 
108 |       // KeyUp
109 |       if (e.keyCode === 38) {
110 |         currentSelection = currentSelection - 1;
111 | 
112 |         if (currentSelection < 0) {
113 |           currentSelection =  suggestions.length - 1;
114 |         }
115 |       }
116 | 
117 |       if (suggestions[currentSelection]) {
118 |         if (selected) {
119 |           selected.removeClass('selected');
120 |         }
121 | 
122 |         selected = suggestions[currentSelection];
123 |         selected.addClass('selected');
124 |       }
125 | 
126 |     });
127 | 
128 |     searchInput.on('keyup', function (e) {
129 |       if (e.keyCode !== 40 && e.keyCode !== 38) {
130 |         currentSelection = -1;
131 |         suggestions = self.search($(this).val());
132 |       }
133 | 
134 |       else {
135 |         e.preventDefault();
136 |       }
137 |     }).on('search', function () {
138 |       suggestions = self.search($(this).val());
139 |     });
140 |   };
141 | 
142 |   global.Search = Search;
143 | 
144 | }(window.jQuery, window));


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/assets/js/sidebar.js:
--------------------------------------------------------------------------------
  1 | (function ($, global) {
  2 | 
  3 |   var Sidebar = function (conf) {
  4 |     this.conf = $.extend({
  5 | 
  6 |       // Collapsed class
  7 |       collapsedClass: 'is-collapsed',
  8 | 
  9 |       // Storage key
 10 |       storageKey: '_sassdoc_sidebar_index',
 11 | 
 12 |       // Index attribute
 13 |       indexAttribute: 'data-slug',
 14 | 
 15 |       // Toggle button
 16 |       toggleBtn: '.js-btn-toggle',
 17 | 
 18 |       // Automatic initialization
 19 |       init: true
 20 |     }, conf || {});
 21 | 
 22 |     if (this.conf.init === true) {
 23 |       this.initialize();
 24 |     }
 25 |   };
 26 | 
 27 |   /**
 28 |    * Initialize module
 29 |    */
 30 |   Sidebar.prototype.initialize = function () {
 31 |     this.conf.nodes = $('[' + this.conf.indexAttribute + ']');
 32 | 
 33 |     this.load();
 34 |     this.updateDOM();
 35 |     this.bind();
 36 |     this.loadToggle();
 37 |   };
 38 | 
 39 | 
 40 |   /**
 41 |    * Load sidebar toggle
 42 |    */
 43 |   Sidebar.prototype.loadToggle = function () {
 44 |     $('<span />', {
 45 |       'class': 'layout-toggle',
 46 |       'html': '&times;',
 47 |       'data-alt': '&#8594;'
 48 |     }).appendTo( $('.header') );
 49 | 
 50 |     $('.layout-toggle').on('click', function () {
 51 |       var $this = $(this);
 52 |       var alt;
 53 | 
 54 |       $('body').toggleClass('sidebar-closed');
 55 | 
 56 |       alt = $this.html();
 57 |       $this.html($this.data('alt'));
 58 |       $this.data('alt', alt);
 59 |     });
 60 |   };
 61 | 
 62 |   /**
 63 |    * Load data from storage or create fresh index
 64 |    */
 65 |   Sidebar.prototype.load = function () {
 66 |     var index = 'localStorage' in global ?
 67 |       global.localStorage.getItem(this.conf.storageKey) :
 68 |       null;
 69 | 
 70 |     this.index = index ? JSON.parse(index) : this.buildIndex();
 71 |   };
 72 | 
 73 |   /**
 74 |    * Build a fresh index
 75 |    */
 76 |   Sidebar.prototype.buildIndex = function () {
 77 |     var index = {};
 78 |     var $item;
 79 | 
 80 |     this.conf.nodes.each($.proxy(function (index, item) {
 81 |       $item = $(item);
 82 | 
 83 |       index[$item.attr(this.conf.indexAttribute)] = !$item.hasClass(this.conf.collapsedClass);
 84 |     }, this));
 85 | 
 86 |     return index;
 87 |   };
 88 | 
 89 |   /**
 90 |    * Update DOM based on index
 91 |    */
 92 |   Sidebar.prototype.updateDOM = function () {
 93 |     var item;
 94 | 
 95 |     for (item in this.index) {
 96 |       if (this.index[item] === false) {
 97 |         $('[' + this.conf.indexAttribute + '="' + item + '"]').addClass(this.conf.collapsedClass);
 98 |       }
 99 |     }
100 |   };
101 | 
102 |   /**
103 |    * Save index in storage
104 |    */
105 |   Sidebar.prototype.save = function () {
106 |     if (!('localStorage' in global)) {
107 |       return;
108 |     }
109 | 
110 |     global.localStorage.setItem(this.conf.storageKey, JSON.stringify(this.index));
111 |   };
112 | 
113 |   /**
114 |    * Bind UI events
115 |    */
116 |   Sidebar.prototype.bind = function () {
117 |     var $item, slug, fn, text;
118 |     var collapsed = false;
119 | 
120 |     // Save index in localStorage
121 |     global.onbeforeunload = $.proxy(function () {
122 |       this.save();
123 |     }, this);
124 | 
125 |     // Toggle all
126 |     $(this.conf.toggleBtn).on('click', $.proxy(function (event) {
127 |       $node = $(event.target);
128 | 
129 |       text = $node.attr('data-alt');
130 |       $node.attr('data-alt', $node.text());
131 |       $node.text(text);
132 | 
133 |       fn = collapsed === true ? 'removeClass' : 'addClass';
134 | 
135 |       this.conf.nodes.each($.proxy(function (index, item) {
136 |         $item = $(item);
137 |         slug = $item.attr(this.conf.indexAttribute);
138 | 
139 |         this.index[slug] = collapsed;
140 | 
141 |         $('[' + this.conf.indexAttribute + '="' + slug + '"]')[fn](this.conf.collapsedClass);
142 |       }, this));
143 | 
144 |       collapsed = !collapsed;
145 |       this.save();
146 |     }, this));
147 | 
148 |     // Toggle item
149 |     this.conf.nodes.on('click', $.proxy(function (event) {
150 |       $item = $(event.target);
151 |       slug = $item.attr(this.conf.indexAttribute);
152 | 
153 |       // Update index
154 |       this.index[slug] = !this.index[slug];
155 | 
156 |       // Update DOM
157 |       $item.toggleClass(this.conf.collapsedClass);
158 |     }, this));
159 |   };
160 | 
161 |   global.Sidebar = Sidebar;
162 | 
163 | }(window.jQuery, window));
164 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/assets/js/vendor/fuse.min.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @license
 3 |  * Fuse - Lightweight fuzzy-search
 4 |  *
 5 |  * Copyright (c) 2012 Kirollos Risk <kirollos@gmail.com>.
 6 |  * All Rights Reserved. Apache Software License 2.0
 7 |  *
 8 |  * Licensed under the Apache License, Version 2.0 (the "License");
 9 |  * you may not use this file except in compliance with the License.
10 |  * You may obtain a copy of the License at
11 |  *
12 |  * http://www.apache.org/licenses/LICENSE-2.0
13 |  *
14 |  * Unless required by applicable law or agreed to in writing, software
15 |  * distributed under the License is distributed on an "AS IS" BASIS,
16 |  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 |  * See the License for the specific language governing permissions and
18 |  * limitations under the License.
19 |  */
20 | !function(t){function e(t,n){this.list=t,this.options=n=n||{};var i,o,s;for(i=0,keys=["sort","includeScore","shouldSort"],o=keys.length;o>i;i++)s=keys[i],this.options[s]=s in n?n[s]:e.defaultOptions[s];for(i=0,keys=["searchFn","sortFn","keys","getFn"],o=keys.length;o>i;i++)s=keys[i],this.options[s]=n[s]||e.defaultOptions[s]}var n=function(t,e){if(e=e||{},this.options=e,this.options.location=e.location||n.defaultOptions.location,this.options.distance="distance"in e?e.distance:n.defaultOptions.distance,this.options.threshold="threshold"in e?e.threshold:n.defaultOptions.threshold,this.options.maxPatternLength=e.maxPatternLength||n.defaultOptions.maxPatternLength,this.pattern=e.caseSensitive?t:t.toLowerCase(),this.patternLen=t.length,this.patternLen>this.options.maxPatternLength)throw new Error("Pattern length is too long");this.matchmask=1<<this.patternLen-1,this.patternAlphabet=this._calculatePatternAlphabet()};n.defaultOptions={location:0,distance:100,threshold:.6,maxPatternLength:32},n.prototype._calculatePatternAlphabet=function(){var t={},e=0;for(e=0;e<this.patternLen;e++)t[this.pattern.charAt(e)]=0;for(e=0;e<this.patternLen;e++)t[this.pattern.charAt(e)]|=1<<this.pattern.length-e-1;return t},n.prototype._bitapScore=function(t,e){var n=t/this.patternLen,i=Math.abs(this.options.location-e);return this.options.distance?n+i/this.options.distance:i?1:n},n.prototype.search=function(t){if(t=this.options.caseSensitive?t:t.toLowerCase(),this.pattern===t)return{isMatch:!0,score:0};var e,n,i,o,s,r,a,h,p,c=t.length,l=this.options.location,u=this.options.threshold,f=t.indexOf(this.pattern,l),d=this.patternLen+c,g=1,m=[];for(-1!=f&&(u=Math.min(this._bitapScore(0,f),u),f=t.lastIndexOf(this.pattern,l+this.patternLen),-1!=f&&(u=Math.min(this._bitapScore(0,f),u))),f=-1,e=0;e<this.patternLen;e++){for(i=0,o=d;o>i;)this._bitapScore(e,l+o)<=u?i=o:d=o,o=Math.floor((d-i)/2+i);for(d=o,s=Math.max(1,l-o+1),r=Math.min(l+o,c)+this.patternLen,a=Array(r+2),a[r+1]=(1<<e)-1,n=r;n>=s;n--)if(p=this.patternAlphabet[t.charAt(n-1)],a[n]=0===e?(a[n+1]<<1|1)&p:(a[n+1]<<1|1)&p|((h[n+1]|h[n])<<1|1)|h[n+1],a[n]&this.matchmask&&(g=this._bitapScore(e,n-1),u>=g)){if(u=g,f=n-1,m.push(f),!(f>l))break;s=Math.max(1,2*l-f)}if(this._bitapScore(e+1,l)>u)break;h=a}return{isMatch:f>=0,score:g}};var i={deepValue:function(t,e){for(var n=0,e=e.split("."),i=e.length;i>n;n++){if(!t)return null;t=t[e[n]]}return t}};e.defaultOptions={id:null,caseSensitive:!1,includeScore:!1,shouldSort:!0,searchFn:n,sortFn:function(t,e){return t.score-e.score},getFn:i.deepValue,keys:[]},e.prototype.search=function(t){var e,n,o,s,r,a=new this.options.searchFn(t,this.options),h=this.list,p=h.length,c=this.options,l=this.options.keys,u=l.length,f=[],d={},g=[],m=function(t,e,n){void 0!==t&&null!==t&&"string"==typeof t&&(s=a.search(t),s.isMatch&&(r=d[n],r?r.score=Math.min(r.score,s.score):(d[n]={item:e,score:s.score},f.push(d[n]))))};if("string"==typeof h[0])for(var e=0;p>e;e++)m(h[e],e,e);else for(var e=0;p>e;e++)for(o=h[e],n=0;u>n;n++)m(this.options.getFn(o,l[n]),o,e);c.shouldSort&&f.sort(c.sortFn);for(var y=c.includeScore?function(t){return f[t]}:function(t){return f[t].item},L=c.id?function(t){return i.deepValue(y(t),c.id)}:function(t){return y(t)},e=0,v=f.length;v>e;e++)g.push(L(e));return g},"object"==typeof exports?module.exports=e:"function"==typeof define&&define.amd?define(function(){return e}):t.Fuse=e}(this);


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/default.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "display": {
 3 |     "annotations": {
 4 |       "function": ["description", "parameter", "return", "example", "throw", "require", "usedby", "since", "see", "todo", "link", "author"],
 5 |       "mixin": ["description", "parameter", "content", "output", "example", "throw", "require", "usedby", "since", "see", "todo", "link", "author"],
 6 |       "placeholder": ["description", "example", "throw", "require", "usedby", "since", "see", "todo", "link", "author"],
 7 |       "variable": ["description", "type", "property", "require", "example", "usedby", "since", "see", "todo", "link", "author"]
 8 |     },
 9 |     "access": ["public", "private"],
10 |     "alias": false,
11 |     "watermark": true
12 |   },
13 |   "groups": {
14 |     "undefined": "General"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/dist/index.js:
--------------------------------------------------------------------------------
 1 | "use strict";
 2 | 
 3 | var _interopRequire = function (obj) { return obj && obj.__esModule ? obj["default"] : obj; };
 4 | 
 5 | var chroma = _interopRequire(require("chroma-js"));
 6 | 
 7 | var def = _interopRequire(require("../default"));
 8 | 
 9 | var Promise = require("es6-promise").Promise;
10 | 
11 | var denodeify = _interopRequire(require("es6-denodeify"));
12 | 
13 | var extend = _interopRequire(require("extend"));
14 | 
15 | var fs = _interopRequire(require("fs"));
16 | 
17 | var fse = _interopRequire(require("fs-extra"));
18 | 
19 | var minify = require("html-minifier").minify;
20 | 
21 | var path = _interopRequire(require("path"));
22 | 
23 | var sassdocExtras = _interopRequire(require("sassdoc-extras"));
24 | 
25 | var swig = _interopRequire(require("./swig"));
26 | 
27 | denodeify = denodeify(Promise);
28 | 
29 | var copy = denodeify(fse.copy);
30 | var renderFile = denodeify(swig.renderFile);
31 | var writeFile = denodeify(fs.writeFile);
32 | 
33 | var applyDefaults = function (ctx) {
34 |   return extend({}, def, ctx, {
35 |     groups: extend(def.groups, ctx.groups),
36 |     display: extend(def.display, ctx.display) });
37 | };
38 | 
39 | var shortcutIcon = function (dest, ctx) {
40 |   if (!ctx.shortcutIcon) {
41 |     ctx.shortcutIcon = { type: "internal", url: "assets/images/favicon.png" };
42 |   } else if (ctx.shortcutIcon.type === "internal") {
43 |     ctx.shortcutIcon.url = "assets/images/" + ctx.shortcutIcon.url;
44 | 
45 |     return function () {
46 |       return copy(ctx.shortcutIcon.path, path.resolve(dest, ctx.shortcutIcon.url));
47 |     };
48 |   }
49 | };
50 | 
51 | module.exports = function (dest, ctx) {
52 |   ctx = applyDefaults(ctx);
53 |   sassdocExtras(ctx, "description", "markdown", "display", "groupName", "shortcutIcon", "sort");
54 |   ctx.data.byGroupAndType = sassdocExtras.byGroupAndType(ctx.data);
55 | 
56 |   var index = path.resolve(__dirname, "../views/documentation/index.html.swig");
57 | 
58 |   return Promise.all([copy(path.resolve(__dirname, "../assets"), path.resolve(dest, "assets")).then(shortcutIcon(dest, ctx)), renderFile(index, ctx).then(function (html) {
59 |     return minify(html, { collapseWhitespace: true });
60 |   }).then(function (html) {
61 |     return writeFile(path.resolve(dest, "index.html"), html);
62 |   })]);
63 | };
64 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/dist/swig.js:
--------------------------------------------------------------------------------
 1 | "use strict";
 2 | 
 3 | var _interopRequire = function (obj) { return obj && obj.__esModule ? obj["default"] : obj; };
 4 | 
 5 | var _slicedToArray = function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; for (var _iterator = arr[Symbol.iterator](), _step; !(_step = _iterator.next()).done;) { _arr.push(_step.value); if (i && _arr.length === i) break; } return _arr; } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } };
 6 | 
 7 | var assert = _interopRequire(require("assert"));
 8 | 
 9 | var chroma = _interopRequire(require("chroma-js"));
10 | 
11 | var Swig = require("swig").Swig;
12 | 
13 | var swigExtras = _interopRequire(require("swig-extras"));
14 | 
15 | var swigFilters = _interopRequire(require("swig/lib/filters"));
16 | 
17 | var swig = new Swig();
18 | module.exports = swig;
19 | 
20 | swigExtras.useFilter(swig, "split");
21 | swigExtras.useFilter(swig, "trim");
22 | swigExtras.useFilter(swig, "groupby");
23 | 
24 | var safe = function (fn) {
25 |   return fn.safe = true && fn;
26 | };
27 | 
28 | var isColor = function (value) {
29 |   try {
30 |     chroma(value);
31 |     return true;
32 |   } catch (e) {
33 |     return false;
34 |   }
35 | };
36 | 
37 | var displayAsType = function (input) {
38 |   return input.split("|").map(function (x) {
39 |     return x.trim();
40 |   }).map(swigFilters.capitalize).join("</code> or <code>");
41 | };
42 | 
43 | var yiq = function (_ref) {
44 |   var _ref2 = _slicedToArray(_ref, 3);
45 | 
46 |   var red = _ref2[0];
47 |   var green = _ref2[1];
48 |   var blue = _ref2[2];
49 |   return (red * 299 + green * 587 + blue * 114) / 1000;
50 | };
51 | 
52 | var yiqContrast = function (rgb) {
53 |   return yiq(rgb) >= 128 ? "#000" : "#fff";
54 | };
55 | 
56 | var getChannel = function (start, hex) {
57 |   return parseInt(hex.substr(start, 2), 16);
58 | };
59 | 
60 | var hexToRgb = function (hex) {
61 |   return [0, 2, 4].map(function (x) {
62 |     return getChannel(x, hex);
63 |   });
64 | };
65 | 
66 | var colorToHex = function (color) {
67 |   return chroma(color).hex().substr(1);
68 | };
69 | 
70 | /**
71 |  * Normalises a CSS color, then uses the YIQ algorithm to get the
72 |  * correct contrast.
73 |  *
74 |  * @param {String} color
75 |  * @return {String} `#000` or `#fff` depending on which one is a better.
76 |  * @see {@link http://stackoverflow.com/questions/11867545/change-text-color-based-on-brightness-of-the-covered-background-area}
77 |  */
78 | var maybeYiqContrast = function (color) {
79 |   return isColor(color) ? yiqContrast(hexToRgb(colorToHex(color))) : "#000";
80 | };
81 | 
82 | swig.setFilter("in", function (key, object) {
83 |   return key in object;
84 | });
85 | swig.setFilter("is_color", isColor);
86 | swig.setFilter("display_as_type", safe(displayAsType));
87 | swig.setFilter("yiq", maybeYiqContrast);
88 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "sassdoc-theme-phoenix",
 3 |   "description": "A fork of SassDoc's default theme built for Phoenix",
 4 |   "title": "Phoenix Default Theme",
 5 |   "author": "Connective DX",
 6 |   "version": "1.0.0",
 7 |   "license": "MIT",
 8 |   "keywords": [
 9 |     "sassdoc-theme"
10 |   ],
11 |   "files": [
12 |     "assets",
13 |     "views",
14 |     "dist",
15 |     "default.json",
16 |     "index.js",
17 |     "LICENSE.md",
18 |     "README.md"
19 |   ],
20 |   "main": "dist",
21 |   "dependencies": {
22 |     "chroma-js": "^0.6.3",
23 |     "es6-denodeify": "^0.1.0",
24 |     "es6-promise": "^2.0.1",
25 |     "extend": "^2.0.0",
26 |     "fs-extra": "^0.16.3",
27 |     "html-minifier": "^0.7.0",
28 |     "sassdoc-extras": "^2.2.0",
29 |     "swig": "1.4.0",
30 |     "swig-extras": "^0.0.1"
31 |   },
32 |   "devDependencies": {
33 |     "babel": "^4.4.0",
34 |     "jshint": "^2.6.0",
35 |     "uglify-js": "^2.4.15"
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/base/_base.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Univeral box-sizing reset
 3 |  */
 4 | html {
 5 |   @include prefixer(box-sizing, border-box, 'webkit' 'moz');
 6 | }
 7 | 
 8 | *, *::after, *::before {
 9 |   @include prefixer(box-sizing, inherit, 'webkit' 'moz');
10 | }
11 | 
12 | /**
13 |  * Body rules
14 |  */
15 | body {
16 |   font: 1em/1.35 $text-font-stack;
17 |   overflow: auto;
18 |   margin: 0;
19 | }
20 | 
21 | /**
22 |  * Links
23 |  */
24 | a {
25 |   transition: 0.15s;
26 |   text-decoration: none;
27 |   color: $primary-color;
28 | 
29 |   &:hover {
30 |     &, code {
31 |       color: $black;
32 |     }
33 |   }
34 | }
35 | 
36 | /**
37 |  * Vertical rhythm
38 |  */
39 | table p {
40 |   margin: 0 0 ($vertical-rhythm / 3);
41 | }
42 | 
43 | /**
44 |  * Code
45 |  */
46 | :not(pre) > code {
47 |   color: $primary-color;
48 |   white-space: nowrap;
49 |   font-weight: normal;
50 | }
51 | 
52 | /**
53 |  * Tables
54 |  */
55 | @include respond-to('small') {
56 |   table, tbody, tr, td, th {
57 |     display: block;
58 |   }
59 | 
60 |   thead {
61 |     @include visually-hidden($extend: false);
62 |   }
63 | 
64 |   tr {
65 |     padding-bottom: 1em;
66 |     margin-bottom: 1em;
67 |     border-bottom: 2px solid $medium-grey;
68 |   }
69 | 
70 |   td, th {
71 |     &::before {
72 |       content: attr(data-label) ': ';
73 |       text-transform: capitalize;
74 |       font-weight: bold;
75 |     }
76 | 
77 |     p {
78 |       display: inline;
79 |     }
80 |   }
81 | }
82 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/base/_helpers.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Lists
 3 |  */
 4 | .list-unstyled {
 5 |   padding-left: 0;
 6 |   list-style: none;
 7 |   line-height: 1.5;
 8 |   margin-top: 0;
 9 |   margin-bottom: $vertical-rhythm;
10 | }
11 | 
12 | .list-inline li {
13 |   @include inline-block;
14 | }
15 | 
16 | /**
17 |  * Main container
18 |  */
19 | .container {
20 |   @include clearfix;
21 |   max-width: 100%;
22 |   width: 1170px;
23 |   margin: 0 auto;
24 |   padding: 0 2rem;
25 | }
26 | 
27 | /**
28 |  * Visually-hidden
29 |  */
30 | .visually-hidden {
31 |   @include visually-hidden;
32 | }
33 | 
34 | /**
35 |  * Relative
36 |  */
37 | .relative {
38 |   position: relative;
39 | }
40 | 
41 | /**
42 |  * Clear
43 |  */
44 | .clear {
45 |   clear: both;
46 | }
47 | 
48 | /**
49 |  * Logo
50 | */
51 | .logo {
52 |   display: block;
53 |   margin-bottom: 1em;
54 |   max-width: 100%;
55 | }
56 | 
57 | /**
58 |  * Text Center
59 | */
60 | .text-center {
61 |   text-align: center;
62 | }


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/base/_layout.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Sidebar toggle
 3 |  */
 4 | .layout-toggle {
 5 |   display: none;
 6 | 
 7 |   @include respond-to('medium') {
 8 |     @include absolute($top: 8px, $left: 20px);
 9 |     font-size: 2em;
10 |     cursor: pointer;
11 |     color: white;
12 |     display: block;
13 |   }
14 | }
15 | 
16 | .sidebar-closed {
17 |   @include respond-to('medium') {
18 |     .sidebar {
19 |       @include prefixer(transform, translateX(-$sidebar-width), 'webkit' 'ms');
20 |     }
21 | 
22 |     .main {
23 |       padding-left: 0;
24 |     }
25 | 	
26 | 	.header {
27 | 	  left: 0;
28 | 	}
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/main.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Sass utils
 3 |  */
 4 | @import "utils/variables";
 5 | @import "utils/functions";
 6 | @import "utils/mixins";
 7 | @import "utils/helpers";
 8 | 
 9 | /**
10 |  * Vendors
11 |  */
12 | @import "vendors/prism";
13 | 
14 | /**
15 |  * Base stuff
16 |  */
17 | @import "base/base";
18 | @import "base/layout";
19 | @import "base/helpers";
20 | 
21 | /**
22 |  * Partials
23 |  */
24 | @import "partials/header";
25 | @import "partials/searchbar";
26 | @import "partials/sidebar";
27 | @import "partials/main";
28 | @import "partials/footer";
29 | @import "partials/item";
30 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/partials/_footer.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Footer
 3 |  */
 4 | .footer {
 5 |   background: $light-grey;
 6 |   padding: 1em 0;
 7 | 
 8 |   .container {
 9 |     position: relative;
10 |   }
11 | }
12 | 
13 | /**
14 |  * Project info
15 |  */
16 | .footer__project-info {
17 |   float: left;
18 | }
19 | 
20 | /**
21 |  * 'Built with SassDoc' mark.
22 |  */
23 | .footer__watermark {
24 |   position: absolute;
25 |   right: 0;
26 |   top: -0.7em;
27 | 
28 |   img {
29 |     display: block;
30 |     max-width: 7em;
31 |   }
32 | }
33 | 
34 | /**
35 |  * Make all three spans inline-blocks
36 |  */
37 | .project-info__name,
38 | .project-info__version,
39 | .project-info__license {
40 |   @include inline-block;
41 | }
42 | 
43 | /**
44 |  * Make extra informations less prominent
45 |  */
46 | .project-info__version,
47 | .project-info__license {
48 |   color: #555;
49 | }
50 | 
51 | /**
52 |  * Negates a space width
53 |  */
54 | .project-info__license {
55 |   text-indent: -0.25em;
56 | }
57 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/partials/_header.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Header
 3 |  */
 4 | .header {
 5 |   @include clearfix;
 6 |   @include fixed($left: $sidebar-width, $top: 0, $right: 0);
 7 |   box-shadow: 0 2px 5px rgba(0,0,0,.26);
 8 |   padding: 1em 0;
 9 |   background: $primary-color;
10 |   color: $light-grey;
11 |   z-index: z('dropdown');
12 | 
13 |   @include respond-to('small') {
14 | 	left: 0;
15 |   }
16 | 
17 |   @include respond-to('medium') {
18 | 	transition: .2s cubic-bezier(0.215, 0.61, 0.355, 1);
19 |   }
20 | }
21 | 
22 | /**
23 |  * Main title
24 |  */
25 | .header__title {
26 |   font-weight: 500;
27 |   text-align: center;
28 |   margin: 0 0 0.5em 0;
29 | 
30 |   a {
31 |     color: $light-grey;
32 |   }
33 | 
34 |   @include respond-to('medium') {
35 |     float: left;
36 |     font-size: 1em;
37 |     margin-top: .25em;
38 |     margin-bottom: 0;
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/partials/_item.scss:
--------------------------------------------------------------------------------
  1 | .main__section {
  2 | 	margin-bottom: $vertical-rhythm * 3;
  3 | }
  4 | 
  5 | /**
  6 |  * Function name
  7 |  */
  8 | .item__heading {
  9 |   color: $black;
 10 |   margin: $vertical-rhythm * 3 0 $vertical-rhythm 0;
 11 |   position: relative;
 12 |   font-size: 2em;
 13 |   font-weight: 300;
 14 |   float: left;
 15 | }
 16 | 
 17 | /**
 18 |  * Name
 19 |  */
 20 | .item__name {
 21 |   color: $primary-color;
 22 | }
 23 | 
 24 | /**
 25 |  * Code blocks
 26 |  */
 27 | .item__example {
 28 |   margin-bottom: $vertical-rhythm;
 29 | }
 30 | 
 31 | .item__example,
 32 | .item__code {
 33 |   @include card(1);
 34 |   word-wrap: break-word;
 35 |   line-height: 1.42;
 36 | }
 37 | 
 38 | /**
 39 |  * Leaves room for view source link
 40 |  */
 41 | .item__code {
 42 |   padding-right: 7em;
 43 |   clear: both;
 44 |   cursor: pointer;
 45 | }
 46 | 
 47 | /**
 48 |  * Display a hint to expand/collapse code
 49 |  */
 50 | .item__code--togglable {
 51 |   &::after {
 52 |     @include absolute($bottom: -2.5em, $right: 0);
 53 |     @include opacity(0);
 54 |     color: darken($medium-grey, 10%);
 55 |     font-size: 0.8em;
 56 |     transition: 0.2s ease-out;
 57 |   }
 58 | 
 59 |   @include on-event {
 60 |     &::after {
 61 |       @include opacity(1);
 62 |     }
 63 |   }
 64 | 
 65 |   &[data-current-state='expanded']::after {
 66 |     content: 'Click to collapse.';
 67 |   }
 68 | 
 69 |   &[data-current-state='collapsed']::after {
 70 |     content: 'Click to expand.';
 71 |   }
 72 | }
 73 | 
 74 | /**
 75 |  * Example description
 76 |  */
 77 | .example__description {
 78 |   padding: 1em;
 79 |   background: #EFEFEF;
 80 | 
 81 |   p {
 82 |     margin: 0;
 83 |   }
 84 | }
 85 | 
 86 | /**
 87 |  * Example code
 88 |  */
 89 | .example__code[class*='language-'] {
 90 |   margin: 0;
 91 | }
 92 | 
 93 | /**
 94 |  * Anchor
 95 |  */
 96 | .item__anchor {
 97 |   font-size: 0.6em;
 98 |   color: lighten($primary-color, 20%);
 99 | 
100 |   @include respond-to('medium') {
101 |     @include absolute($right: 101%, $bottom: 0.25em);
102 |     @include opacity(0);
103 | 
104 |     .item:hover & {
105 |       @include opacity(1);
106 |     }
107 |   }
108 | }
109 | 
110 | /**
111 |  * Deprecated flag
112 |  */
113 | .item__deprecated {
114 |   @include inline-block;
115 |   overflow: hidden;
116 |   margin-top: 5.5em;
117 |   margin-left: 1em;
118 | 
119 |   strong {
120 |     float: left;
121 |     color: darken(red, 10%);
122 |     text-transform: uppercase;
123 |   }
124 | 
125 |   p {
126 |     float: left;
127 |     margin: 0;
128 |     padding-left: 0.5em;
129 |   }
130 | }
131 | 
132 | /**
133 |  * Type
134 |  */
135 | .item__type {
136 |   color: $medium-grey;
137 |   text-transform: capitalize;
138 |   font-size: 0.75em;
139 | }
140 | 
141 | /**
142 |  * Aliases
143 |  */
144 | .item__alias,
145 | .item__aliased {
146 |   color: $medium-grey;
147 |   font-size: 0.8em;
148 | }
149 | 
150 | 
151 | .item__sub-heading {
152 |   color: $black;
153 |   margin-top: 0;
154 |   margin-bottom: $vertical-rhythm;
155 |   font-size: 1.2em;
156 | }
157 | 
158 | /**
159 |  * Parameters table
160 |  */
161 | .item__parameters {
162 |   width: 100%;
163 |   margin-bottom: 1em;
164 |   border-collapse: collapse;
165 | 
166 |   thead th {
167 |     vertical-align: bottom;
168 |     border-bottom: 2px solid $medium-grey;
169 |     border-top: none;
170 |     text-align: left;
171 |     color: mix($black, white, 70%);
172 |   }
173 | 
174 |   tbody th {
175 |     text-align: left;
176 |   }
177 | 
178 |   td, th {
179 |     padding: 0.5em 0.5em 0.5em 0;
180 |     vertical-align: top;
181 |   }
182 | }
183 | 
184 | @include respond-to('medium') {
185 |   tbody > .item__parameter:first-of-type > td {
186 |     border-top: none;
187 |   }
188 | 
189 |   .item__parameters td,
190 |   .item__parameters th {
191 |     border-top: 1px solid $medium-grey;
192 |   }
193 | }
194 | 
195 | /**
196 |  * Scope/access
197 |  */
198 | .item__access {
199 |   text-transform: capitalize;
200 |   color: $tertiary-color;
201 |   font-size: 0.8em;
202 | }
203 | 
204 | /**
205 |  * Since
206 |  */
207 | .item__since {
208 |   float: right;
209 |   padding-top: 0.9em;
210 |   color: darken($medium-grey, 10%);
211 |   margin-bottom: 1em;
212 | }
213 | 
214 | /**
215 |  * Link to source
216 |  */
217 | .item__source-link {
218 |   @include absolute($top: 1px, $right: 1px);
219 |   background: white;
220 |   padding: 1em;
221 |   z-index: z('default') + 1;
222 |   color: darken($medium-grey, 10%);
223 | }
224 | 
225 | .item__cross-type {
226 |   color: lighten($black, 10%);
227 |   font-family: 'Consolas', 'Monaco', 'Andale Mono', monospace;
228 |   font-size: 0.8em;
229 | }
230 | 
231 | .item__description {
232 |   margin-bottom: $vertical-rhythm;
233 | }
234 | 
235 | li.item__description {
236 |   margin-bottom: 0;
237 | }
238 | 
239 | .item__description--inline > * {
240 |   @include inline-block;
241 |   margin: 0;
242 | }
243 | 
244 | .item__code-wrapper {
245 |   position: relative;
246 |   clear: both;
247 |   margin-bottom: $vertical-rhythm;
248 | }
249 | 
250 | .color-preview--inline {
251 |   padding: 2px 4px;
252 |   border: 1px solid rgba(black, 0.1);
253 |   border-radius: 3px;
254 | }
255 | 
256 | .color-preview--block {
257 |   @include size(2em);
258 |   @include absolute($top: 0.75em, $right: 0.75em);
259 |   border: 1px solid rgba(black, 0.1);
260 |   border-radius: 3px;
261 | }
262 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/partials/_main.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Main wrapper
 3 |  */
 4 | .main {
 5 |   background: #f9f9f9;
 6 |   position: relative;
 7 | 
 8 |   @include respond-to('medium') {
 9 |     transition: .2s cubic-bezier(0.215, 0.61, 0.355, 1);
10 |     padding-left: $sidebar-width;
11 | 	padding-top: 4em;
12 |     min-height: 45em;
13 |   }
14 | }
15 | 
16 | /**
17 |  * Main sections
18 |  */
19 | .main__section {
20 |   margin-top: 5em;
21 |   border-top: 5px solid rgba($tertiary-color, .2);
22 | 
23 |   .header + & {
24 |     margin-top: 0;
25 |     border-top: none;
26 |   }
27 | }
28 | 
29 | /**
30 |  * Main titles
31 |  */
32 | .main__heading,
33 | .main__heading--secondary {
34 |   padding: 1em 0;
35 |   margin-top: 0;
36 | 
37 |   @include respond-to('medium') {
38 |     padding: 2em 0 0;
39 |   }
40 | }
41 | 
42 | /**
43 |  * Primary headings
44 |  */
45 | .main__heading {
46 |   color: $tertiary-color;
47 |   font-size: 3.5em;
48 |   text-align: center;
49 | 
50 |   border-bottom: 5px solid rgba($tertiary-color, .2);
51 |   padding-bottom: .5em;
52 |   margin-bottom: 1em;
53 | 
54 |   background: rgba($tertiary-color, .1);
55 | }
56 | 
57 | /**
58 |  * Secondary headings
59 |  */
60 | .main__heading--secondary {
61 |   font-size: 3em;
62 |   color: $primary-color;
63 |   text-transform: uppercase;
64 |   font-weight: bold;
65 |   padding-top: 0;
66 |   margin-bottom: $vertical-rhythm * -2;
67 |   position: relative;
68 | 
69 |   .container {
70 |     overflow: hidden;
71 |     white-space: nowrap;
72 |     text-overflow: ellipsis;
73 |   }
74 | 
75 |   &::before {
76 |     content: '';
77 |     position: absolute;
78 |     left: 0;
79 |     right: 0;
80 |     bottom: 0.15em;
81 |     height: 0.2em;
82 |     background-color: $primary-color;
83 |   }
84 | }
85 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/partials/_searchbar.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Searchbar
 3 |  */
 4 | .searchbar {
 5 |   @include clearfix;
 6 |   display: inline-block;
 7 |   float: right;
 8 | 
 9 |   @include respond-to('small') {
10 |     display: block;
11 |     float: none;
12 |   }
13 | }
14 | 
15 | /**
16 |  * Searchbar form
17 |  */
18 | .searchbar__form {
19 |   float: right;
20 |   position: relative;
21 | 
22 |   @include respond-to('small') {
23 |     float: none;
24 |   }
25 | 
26 |   @include respond-to('medium') {
27 |     min-width: 15em;
28 |   }
29 | }
30 | 
31 | /**
32 |  * Searchbar input
33 |  */
34 | .searchbar__field {
35 |   border: none;
36 |   padding: 0.5em;
37 |   font-size: 1em;
38 |   margin: 0;
39 |   width: 100%;
40 |   @include card(1);
41 | }
42 | 
43 | /**
44 |  * Searchbar dropdown
45 |  */
46 | .searchbar__suggestions {
47 |   @include absolute($top: 100%, $right: 0, $left: 0);
48 |   @include card(1);
49 |   background: white;
50 |   padding: 0;
51 |   margin: 0;
52 |   list-style: none;
53 |   z-index: z('default') + 1;
54 | 
55 |   /**
56 |    * Hidden when empty
57 |    */
58 |   &:empty {
59 |     display: none;
60 |   }
61 | 
62 |   .selected {
63 |     background: $medium-grey;
64 |   }
65 | 
66 |   li {
67 |     border-bottom: 1px solid $light-grey;
68 | 
69 |     &:last-of-type {
70 |       border: none;
71 |     }
72 |   }
73 | 
74 |   a {
75 |     display: block;
76 |     padding: 0.5em;
77 |     font-size: 0.9em;
78 | 
79 |     @include on-event {
80 |       background: $light-grey;
81 |     }
82 |   }
83 | 
84 |   code {
85 |     margin-right: .5em;
86 |   }
87 | }
88 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/partials/_sidebar.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Sidebar
  3 |  */
  4 | .sidebar {
  5 |   @include respond-to('medium') {
  6 |     @include fixed($top: 0, $bottom: 0, $left: 0);
  7 |     overflow: auto;
  8 |     box-shadow: 1px 0 1.5px rgba(black, 0.12);
  9 |     width: $sidebar-width;
 10 |     z-index: z('default') + 1;
 11 |     border-right: 1px solid $light-grey;
 12 |     transition: .2s cubic-bezier(0.215, 0.61, 0.355, 1);
 13 |   }
 14 |   @include respond-to('small') {
 15 | 	margin-top: 4em;
 16 |   }
 17 | }
 18 | 
 19 | /**
 20 |  * Private and alias annotations
 21 |  */
 22 | .sidebar__annotation {
 23 |   color: $tertiary-color;
 24 | }
 25 | 
 26 | $level-1: 1.5em;
 27 | $level-2: $level-1 + 1em;
 28 | $level-3: $level-2 + 2em;
 29 | 
 30 | /**
 31 |  * Sidebar items
 32 |  */
 33 | .sidebar__item {
 34 |   font-size: 0.9em;
 35 | 
 36 |   a {
 37 |     padding: 0.5em $level-3;
 38 |     display: block;
 39 |     text-decoration: none;
 40 |     color: $black;
 41 |   }
 42 | 
 43 |   @include on-event {
 44 |     background: $light-grey;
 45 |   }
 46 | 
 47 |   &.is-collapsed + * {
 48 |     display: none;
 49 |   }
 50 | }
 51 | 
 52 | /**
 53 |  * List item heading
 54 |  */
 55 | .sidebar__item--heading {
 56 |   padding: 1em $level-1;
 57 | 
 58 |   a {
 59 |     font-weight: bold;
 60 |   }
 61 | }
 62 | 
 63 | /**
 64 |  * List item sub-heading
 65 |  */
 66 | .sidebar__item--sub-heading {
 67 |   padding: 0.5em $level-2;
 68 | 
 69 |   a {
 70 |     color: #888;
 71 |   }
 72 | }
 73 | 
 74 | /**
 75 |  * List item headings and sub-headings
 76 |  */
 77 | .sidebar__item--heading,
 78 | .sidebar__item--sub-heading {
 79 |   position: relative;
 80 | 
 81 |   &:after {
 82 |     @include absolute($right: 2em, $top: 50%);
 83 |     content: '\25BC';
 84 |     margin-top: -0.5em;
 85 |     color: $medium-grey;
 86 |     font-size: 0.7em;
 87 |   }
 88 | 
 89 |   &.is-collapsed:after {
 90 |     content: '\25B6';
 91 |   }
 92 | 
 93 |   a {
 94 |     padding: 0;
 95 |     display: inline;
 96 |   }
 97 | }
 98 | 
 99 | /**
100 |  * Project description
101 |  */
102 | .sidebar__description {
103 |   color: $light-grey;
104 |   padding-right: 2em;
105 | }
106 | 
107 | /**
108 |  * Sidebar header with title
109 |  */
110 | .sidebar__header {
111 |   border-bottom: 1px solid $light-grey;
112 | }
113 | 
114 | /**
115 |  * Sidebar main title
116 |  */
117 | .sidebar__title {
118 |   @include ellipsis;
119 |   font-size: 1em;
120 |   margin: 0;
121 |   padding: 1.45em;
122 | }
123 | 
124 | /**
125 |  * Sidebar toggle button
126 |  */
127 | .btn-toggle {
128 |   background: #EFEFEF;
129 |   border: none;
130 |   border-bottom: 1px solid $light-grey;
131 |   display: block;
132 |   padding: 1em;
133 |   width: 100%;
134 |   cursor: pointer;
135 |   color: #999;
136 |   font-weight: bold;
137 |   margin: 0;
138 |   transition: 0.15s ease-out;
139 | 
140 |   @include on-event {
141 |     background: #DFDFDF;
142 |   }
143 | }
144 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/utils/_functions.scss:
--------------------------------------------------------------------------------
 1 | /// Returns the opposite direction of every direction in `$directions`.
 2 | /// @param {List} $directions - Positions to revert
 3 | /// @throws No opposite direction found for `$direction`.
 4 | /// @return {List | Null}
 5 | @function opposite-direction($directions) {
 6 |   $opposite-directions: ();
 7 |   $direction-map: (
 8 |     'top':    'bottom',
 9 |     'right':    'left',
10 |     'bottom':    'top',
11 |     'left':    'right',
12 |     'ltr':       'rtl',
13 |     'rtl':       'ltr'
14 |   );
15 | 
16 |   @each $direction in $directions {
17 |     @if not map-has-key($direction-map, $direction) {
18 |       @warn 'No opposite direction found for `#{$direction}`.';
19 |       @return null;
20 |     }
21 | 
22 |     $opposite-directions: append($opposite-directions, unquote(map-get($direction-map, $direction)));
23 |   }
24 | 
25 |   @return $opposite-directions;
26 | }
27 | 
28 | 
29 | /// Clamp `$value` between `$min` and `$max`.
30 | /// @param {Number} $value - Value to clamp between `$min` and `$max`
31 | /// @param {Number} $min   - Minimum value
32 | /// @param {Number} $max   - Maximum value
33 | /// @throws All parameters must be numbers for `clamp`.
34 | /// @return {Number | Null}
35 | @function clamp($value, $min, $max) {
36 |   @if type-of($value) != 'number' or type-of($min) != 'number' or type-of($max) != 'number' {
37 |     @error 'All parameters must be numbers for `clamp`.';
38 |   }
39 | 
40 |   @return if($value > $max, $max, if($value < $min, $min, $value));
41 | }
42 | 
43 | 
44 | /// Helper to manage `z-index`.
45 | /// Tries to fetch the z-index mapped to `$layer` in `$z-indexes` map.
46 | /// If found, returns it, else returns `null`.
47 | /// @requires {variable} z-indexes
48 | /// @example scss
49 | /// z-index: z("default")
50 | /// @param {String} $layer - Layer
51 | /// @throws No z-index found for `$layer`.
52 | /// @return {Number | Null}
53 | @function z($layer) {
54 |   @if not map-has-key($z-indexes, $layer) {
55 |     @warn 'No z-index found for `#{$layer}`.';
56 |   }
57 | 
58 |   @return map-get($z-indexes, $layer);
59 | }
60 | 
61 | 
62 | /// Tests whether the value is a valid length.
63 | /// @param {*} $value - Value to test
64 | /// @return {Bool}
65 | @function is-valid-length($value) {
66 |   @return (type-of($value) == 'number' and not unitless($value)) or index('auto' 'initial' 'inherit' 0, $value);
67 | }
68 | 
69 | 
70 | /// Computes a top-shadow for a card effect.
71 | /// @param {Number} $depth - depth level
72 | /// @return {List}
73 | @function top-shadow($depth) {
74 |   $primary-offset: nth(1.5 3 10 14 19, $depth) * 1px;
75 |   $blur: nth(1.5 3 10 14 19, $depth) * 4px;
76 |   $color: rgba(black, nth(0.12 0.16 0.19 0.25 0.30, $depth));
77 | 
78 |   @return 0 $primary-offset $blur $color;
79 | }
80 | 
81 | /// Computes a bottom-shadow for a card effect.
82 | /// @param {Number} $depth - depth level
83 | /// @return {List}
84 | @function bottom-shadow($depth) {
85 |   $primary-offset: nth(1.5 3 6 10 15, $depth) * 1px;
86 |   $blur: nth(1 3 3 5 6, $depth) * 4px;
87 |   $color: rgba(black, nth(0.24 0.23 0.23 0.22 0.22, $depth));
88 | 
89 |   @return 0 $primary-offset $blur $color;
90 | }
91 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/utils/_helpers.scss:
--------------------------------------------------------------------------------
 1 | /// Float clearing helper.
 2 | /// @group helpers
 3 | /// @param {Bool} $extend [true] - Whether or not extend a placeholder.
 4 | @mixin clearfix($extend: true) {
 5 |   @if $extend {
 6 |     @extend %clearfix;
 7 |   }
 8 | 
 9 |   @else {
10 |     &:after {
11 |       content: "";
12 |       display: table;
13 |       clear: both;
14 |     }
15 |   }
16 | }
17 | 
18 | /// Clearfix helper
19 | /// @requires {mixin} clearfix
20 | %clearfix {
21 |   @include clearfix($extend: false);
22 | }
23 | 
24 | /// Accessibility hiding helper.
25 | /// @group helpers
26 | /// @param {Bool} $extend [true] - Whether or not extend a placeholder.
27 | /// @requires {mixin} size
28 | @mixin visually-hidden($extend: true) {
29 |   @if $extend {
30 |     @extend %visually-hidden;
31 |   }
32 | 
33 |   @else {
34 |     @include size(1px);
35 |     position: absolute;
36 |     padding: 0;
37 |     margin: -1px;
38 |     overflow: hidden;
39 |     clip: rect(0 0 0 0);
40 |     border: 0;
41 |   }
42 | }
43 | 
44 | /// Accessibility hiding helper.
45 | /// @requires {mixin} visually-hidden
46 | %visually-hidden {
47 |   @include visually-hidden($extend: false);
48 | }
49 | 
50 | 
51 | /// Accessibility ellipsis helper.
52 | /// @group helpers
53 | /// @param {Bool} $extend [true] - Whether or not extend a placeholder.
54 | @mixin ellipsis($extend: true) {
55 |   @if $extend {
56 |     @extend %ellipsis;
57 |   }
58 | 
59 |   @else {
60 |     text-overflow: ellipsis;
61 |     overflow: hidden;
62 |     white-space: nowrap;
63 |   }
64 | }
65 | 
66 | /// Accessibility ellipsis helper.
67 | /// @requires {mixin} ellipsis
68 | %ellipsis {
69 |   @include ellipsis($extend: false);
70 | }
71 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/utils/_variables.scss:
--------------------------------------------------------------------------------
 1 | /// Orange
 2 | /// @type Color
 3 | $orange: #e55030;
 4 | 
 5 | /// Yellow
 6 | /// @type Color
 7 | $yellow: #ffc93c;
 8 | 
 9 | 
10 | /// Black
11 | /// @type Color
12 | $black: #333;
13 | 
14 | 
15 | /// Light grey
16 | /// @type Color
17 | $light-grey: #e0e0e0;
18 | 
19 | 
20 | /// Medium
21 | /// @type Color
22 | $medium-grey: #ddd;
23 | 
24 | 
25 | /// Dark
26 | /// @type Color
27 | $dark-grey: #6d6d6d;
28 | 
29 | 
30 | /// Primary color
31 | /// @type Color
32 | $primary-color: $orange;
33 | 
34 | 
35 | /// Primary color
36 | /// @type Color
37 | $secondary-color: $yellow;
38 | 
39 | 
40 | /// Tertiary color
41 | /// @type Color
42 | $tertiary-color: $dark-grey;
43 | 
44 | 
45 | /// Map of breakpoints for responsive design.
46 | /// @prop {Map} small [(max-width: 800px)] - small screens
47 | /// @prop {Map} medium [(min-width: 801px)] - regular screens
48 | /// @see {mixin} respond-to
49 | /// @type Map
50 | $breakpoints: (
51 |   'small':  (max-width: 800px),
52 |   'medium': (min-width: 801px)
53 | ) !global;
54 | 
55 | 
56 | /// Z-indexes layers.
57 | /// @prop {Number} key   - aliases for specific z-indexes
58 | /// @see {function} z
59 | /// @type Map
60 | $z-indexes: (
61 |   'goku':       9001,
62 |   'modal':      5000,
63 |   'dropdown':   4000,
64 |   'social':     3000,
65 |   'default':       1,
66 |   'below':        -1
67 | ) !global;
68 | 
69 | 
70 | /// Sidebar width
71 | /// @type Number
72 | $sidebar-width: 280px;
73 | 
74 | 
75 | /// Vertical rhythm
76 | /// @type Number
77 | $vertical-rhythm: 1.5rem;
78 | 
79 | 
80 | /// Text font stack
81 | /// @type List
82 | $text-font-stack: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
83 | 
84 | 
85 | /// Code font stack
86 | /// @type List
87 | $code-font-stack: 'Courier New', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Monaco', monospace;
88 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/scss/vendors/_prism.scss:
--------------------------------------------------------------------------------
  1 | /* http://prismjs.com/download.html?themes=prism&languages=css+scss */
  2 | /**
  3 |  * prism.js default theme for JavaScript, CSS and HTML
  4 |  * Based on dabblet (http://dabblet.com)
  5 |  * @author Lea Verou
  6 |  */
  7 | 
  8 | code[class*='language-'],
  9 | pre[class*='language-'] {
 10 |   color: black;
 11 |   text-shadow: 0 1px white;
 12 |   font-family: Consolas, Monaco, 'Andale Mono', monospace;
 13 |   direction: ltr;
 14 |   text-align: left;
 15 |   white-space: pre;
 16 |   word-spacing: normal;
 17 |   word-break: normal;
 18 | 
 19 | 
 20 |   -moz-tab-size: 4;
 21 |   -o-tab-size: 4;
 22 |   tab-size: 4;
 23 | 
 24 |   -webkit-hyphens: none;
 25 |   -moz-hyphens: none;
 26 |   -ms-hyphens: none;
 27 |   hyphens: none;
 28 | }
 29 | 
 30 | pre[class*='language-']::-moz-selection, pre[class*='language-'] ::-moz-selection,
 31 | code[class*='language-']::-moz-selection, code[class*='language-'] ::-moz-selection {
 32 |   text-shadow: none;
 33 |   background: #b3d4fc;
 34 | }
 35 | 
 36 | pre[class*='language-']::selection, pre[class*='language-'] ::selection,
 37 | code[class*='language-']::selection, code[class*='language-'] ::selection {
 38 |   text-shadow: none;
 39 |   background: #b3d4fc;
 40 | }
 41 | 
 42 | @media print {
 43 |   code[class*='language-'],
 44 |   pre[class*='language-'] {
 45 |     text-shadow: none;
 46 |   }
 47 | }
 48 | 
 49 | /* Code blocks */
 50 | pre[class*='language-'] {
 51 |   padding: 1em;
 52 |   margin: .5em 0;
 53 |   overflow: auto;
 54 | }
 55 | 
 56 | :not(pre) > code[class*='language-'],
 57 | pre[class*='language-'] {
 58 |   background: white;
 59 | }
 60 | 
 61 | /* Inline code */
 62 | :not(pre) > code[class*='language-'] {
 63 |   padding: .1em;
 64 |   border-radius: .3em;
 65 | }
 66 | 
 67 | .token.comment,
 68 | .token.prolog,
 69 | .token.doctype,
 70 | .token.cdata {
 71 |   color: slategray;
 72 | }
 73 | 
 74 | .token.punctuation {
 75 |   color: #999;
 76 | }
 77 | 
 78 | .namespace {
 79 |   opacity: .7;
 80 | }
 81 | 
 82 | .token.property,
 83 | .token.tag,
 84 | .token.boolean,
 85 | .token.number,
 86 | .token.constant,
 87 | .token.symbol {
 88 |   color: #905;
 89 | }
 90 | 
 91 | .token.selector,
 92 | .token.attr-name,
 93 | .token.string,
 94 | .token.builtin {
 95 |   color: #690;
 96 | }
 97 | 
 98 | .token.operator,
 99 | .token.entity,
100 | .token.url,
101 | .language-css .token.string,
102 | .style .token.string,
103 | .token.variable {
104 |   color: #a67f59;
105 |   background: hsla(0,0%,100%,.5);
106 | }
107 | 
108 | .token.atrule,
109 | .token.attr-value,
110 | .token.keyword {
111 |   color: #07a;
112 | }
113 | 
114 | 
115 | .token.regex,
116 | .token.important {
117 |   color: #e90;
118 | }
119 | 
120 | .token.important {
121 |   font-weight: bold;
122 | }
123 | 
124 | .token.entity {
125 |   cursor: help;
126 | }
127 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/src/index.js:
--------------------------------------------------------------------------------
 1 | import chroma from 'chroma-js';
 2 | import def from '../default';
 3 | import { Promise } from 'es6-promise';
 4 | import denodeify from 'es6-denodeify';
 5 | import extend  from 'extend';
 6 | import fs from 'fs';
 7 | import fse from 'fs-extra';
 8 | import { minify } from 'html-minifier';
 9 | import path from 'path';
10 | import sassdocExtras from 'sassdoc-extras';
11 | import swig from './swig';
12 | 
13 | denodeify = denodeify(Promise);
14 | 
15 | const copy = denodeify(fse.copy);
16 | const renderFile = denodeify(swig.renderFile);
17 | const writeFile = denodeify(fs.writeFile);
18 | 
19 | const applyDefaults = ctx =>
20 |   extend({}, def, ctx, {
21 |     groups: extend(def.groups, ctx.groups),
22 |     display: extend(def.display, ctx.display),
23 |   });
24 | 
25 | const shortcutIcon = (dest, ctx) => {
26 |   if (!ctx.shortcutIcon) {
27 |     ctx.shortcutIcon = { type: 'internal', url: 'assets/images/favicon.png' };
28 |   } else if (ctx.shortcutIcon.type === 'internal') {
29 |     ctx.shortcutIcon.url = 'assets/images/' + ctx.shortcutIcon.url;
30 | 
31 |     return () =>
32 |       copy(ctx.shortcutIcon.path, path.resolve(dest, ctx.shortcutIcon.url));
33 |   }
34 | };
35 | 
36 | export default (dest, ctx) => {
37 |   ctx = applyDefaults(ctx);
38 |   sassdocExtras(ctx, 'description', 'markdown', 'display', 'groupName', 'shortcutIcon', 'sort');
39 |   ctx.data.byGroupAndType = sassdocExtras.byGroupAndType(ctx.data);
40 | 
41 |   const index = path.resolve(__dirname, '../views/documentation/index.html.swig');
42 | 
43 |   return Promise.all([
44 |     copy(path.resolve(__dirname, '../assets'), path.resolve(dest, 'assets'))
45 |       .then(shortcutIcon(dest, ctx)),
46 | 
47 |     renderFile(index, ctx)
48 |       .then(html => minify(html, { collapseWhitespace: true }))
49 |       .then(html => writeFile(path.resolve(dest, 'index.html'), html)),
50 |   ]);
51 | };
52 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/src/swig.js:
--------------------------------------------------------------------------------
 1 | import assert from 'assert';
 2 | import chroma from 'chroma-js';
 3 | import { Swig } from 'swig';
 4 | import swigExtras from 'swig-extras';
 5 | import swigFilters from 'swig/lib/filters';
 6 | 
 7 | const swig = new Swig();
 8 | export default swig;
 9 | 
10 | swigExtras.useFilter(swig, 'split');
11 | swigExtras.useFilter(swig, 'trim');
12 | swigExtras.useFilter(swig, 'groupby');
13 | 
14 | const safe = fn =>
15 |   fn.safe = true && fn;
16 | 
17 | const isColor = value => {
18 |   try {
19 |     chroma(value);
20 |     return true;
21 |   } catch (e) {
22 |     return false;
23 |   }
24 | };
25 | 
26 | const displayAsType = input =>
27 |   input.split('|')
28 |     .map(x => x.trim())
29 |     .map(swigFilters.capitalize)
30 |     .join('</code> or <code>');
31 | 
32 | const yiq = ([red, green, blue]) =>
33 |   ((red * 299) + (green * 587) + (blue * 114)) / 1000;
34 | 
35 | const yiqContrast = rgb =>
36 |   (yiq(rgb) >= 128) ? '#000' : '#fff';
37 | 
38 | const getChannel = (start, hex) =>
39 |   parseInt(hex.substr(start, 2), 16);
40 | 
41 | const hexToRgb = hex =>
42 |   [0, 2, 4].map(x => getChannel(x, hex));
43 | 
44 | const colorToHex = color =>
45 |   chroma(color).hex().substr(1);
46 | 
47 | /**
48 |  * Normalises a CSS color, then uses the YIQ algorithm to get the
49 |  * correct contrast.
50 |  *
51 |  * @param {String} color
52 |  * @return {String} `#000` or `#fff` depending on which one is a better.
53 |  * @see {@link http://stackoverflow.com/questions/11867545/change-text-color-based-on-brightness-of-the-covered-background-area}
54 |  */
55 | const maybeYiqContrast = color =>
56 |   isColor(color) ?
57 |     yiqContrast(hexToRgb(colorToHex(color))) :
58 |     '#000';
59 | 
60 | swig.setFilter('in', (key, object) => key in object);
61 | swig.setFilter('is_color', isColor);
62 | swig.setFilter('display_as_type', safe(displayAsType));
63 | swig.setFilter('yiq', maybeYiqContrast);
64 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/documentation/index.html.swig:
--------------------------------------------------------------------------------
 1 | {% extends '../layouts/base.html.swig' %}
 2 | 
 3 | {% block content %}
 4 | 
 5 |   {# No item documented #}
 6 |   {% if data.length == 0 %}
 7 |     <section class="main__section">
 8 |       <h2 class="main__heading">Seems like nothing has been documented yet!</h2>
 9 |     </section>
10 | 
11 |   {# Some items documented #}
12 |   {% else %}
13 | 
14 |     {# Loop over the groups #}
15 |     {% for group_name, group in data.byGroupAndType %}
16 |       <section class="main__section">
17 |         <h1 class="main__heading" id="{{ group_name }}">
18 |           <div class="container">
19 |             {{ groups[group_name] }}
20 |           </div>
21 |         </h1>
22 | 
23 |         {# Loop over the types #}
24 |         {% for type, items in group %}
25 | 
26 |           {# If items to be displayed in type #}
27 |           {% if items.length > 0 %}
28 |             <section class="main__sub-section" id="{{ group_name }}-{{ type }}">
29 |               <h2 class="main__heading--secondary">
30 |                 <div class="container">
31 |                   {{ (type + 's') }}
32 |                 </div>
33 |               </h2>
34 | 
35 |               {# Loop over the items #}
36 |               {% for item in items %}
37 |                 {% include "../includes/partials/item.html.swig" with context %}
38 |               {% endfor %}
39 |             </section>
40 |           {% endif %}
41 |         {% endfor %}
42 | 
43 |       </section>
44 |     {% endfor %}
45 | 
46 |   {% endif %}
47 | 
48 | {% endblock %}
49 | 
50 | {# Include sidebar #}
51 | {% block sidebar %}
52 |   {% include "../includes/partials/sidebar.html.swig" %}
53 | {% endblock %}
54 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/author.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.author.length > 0 %}
 2 |   <h3 class="item__sub-heading">Author{% if item.author.length > 1 %}s{% endif %}</h3>
 3 | 
 4 |   <ul class="list-unstyled">
 5 |     {% for author in item.author %}
 6 |       <li>{{ author|safe }}</li>
 7 |     {% endfor %}
 8 |   </ul>
 9 | {% endif %}
10 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/content.html.swig:
--------------------------------------------------------------------------------
1 | {% if 'content'|in(item) %}
2 |   <h3 class="item__sub-heading">Content</h3>
3 | 
4 |   <p>This mixin allows extra content to be passed (through the <code>@content</code> directive).{% if item.content !== "" %} Role: {{ item.content }}</p>
5 | {% endif %}
6 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/deprecated.html.swig:
--------------------------------------------------------------------------------
1 | {% if 'deprecated'|in(item) %}
2 |   <div class="item__deprecated"><strong>Deprecated!</strong> {{ item.deprecated|safe }}</div>
3 | {% endif %}
4 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/description.html.swig:
--------------------------------------------------------------------------------
1 | {% if item.description %}
2 |   <h3 class="item__sub-heading">Description</h3>
3 |   <div class="item__description">{{ item.description|safe }}</div>
4 | {% endif %}
5 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/example.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.example.length > 0 %}
 2 |   <h3 class="item__sub-heading">Example</h3>
 3 | 
 4 |   {% for example in item.example %}
 5 |   <div class="item__example  example">
 6 |     {% if example.description %}
 7 |     <div class="example__description">{{ example.description|safe }}</div>
 8 |     {% endif %}
 9 |     <pre class="example__code  language-{{ example.type }}"><code>{{ example.code|escape|safe }}</code></pre>
10 |   </div>
11 |   {% endfor %}
12 | {% endif %}
13 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/link.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.link.length > 0 %}
 2 |   <h3 class="item__sub-heading">Links</h3>
 3 | 
 4 |   <ul class="list-unstyled">
 5 |   {% for link in item.link %}
 6 |     <li>
 7 |       <a href="{{ link.url }}">
 8 |         {% if link.caption %}
 9 |           {{ link.caption }}
10 |         {% else %}
11 |           {{ link.url }}
12 |         {% endif %}
13 |       </a>
14 |     </li>
15 |   {% endfor %}
16 |   </ul>
17 | {% endif %}


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/name.html.swig:
--------------------------------------------------------------------------------
 1 | <h3 class="item__heading">
 2 |   {% if item.access != "public" %}
 3 |     <span class="item__access">[{{ item.access }}]</span>
 4 |   {% endif %}
 5 | 
 6 |   <a class="item__name" href="#{{ item.context.type }}-{{ item.context.name }}">{{ item.context.name }}</a>
 7 | 
 8 |   {% if display.alias and item.aliased.length > 0 %}
 9 |     <span class="item__aliased">(aliased as
10 |     {% for alias in item.aliased %}
11 |       <a href="#{{ item.context.type }}-{{ alias }}"><code>{{ alias }}</code></a>
12 |     {% endfor %}
13 |     )</span>
14 |   {% endif %}
15 | 
16 |   {% if item.alias %}
17 |     <span class="item__alias">(alias for <a href="#{{ item.context.type }}-{{ item.alias }}"><code>{{ item.alias }}</code></a>)</span>
18 |   {% endif %}
19 | </h3>
20 | 
21 | {% if item.since.length == 1 %}
22 |   <span class="item__since">Since {{ item.since[0].version }}{% if item.since[0].description %} &mdash; {{ item.since[0].description }}{% endif %}</span>
23 | {% endif %}
24 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/output.html.swig:
--------------------------------------------------------------------------------
1 | {% if item.output %}
2 |   <h3 class="item__sub-heading">Output</h3>
3 |   <div class="item__description">{{ item.output|safe }}</div>
4 | {% endif %}
5 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/parameter.html.swig:
--------------------------------------------------------------------------------
 1 | <h3 class="item__sub-heading">Parameters</h3>
 2 | 
 3 | {% if item.parameter.length > 0 %}
 4 | 
 5 |   <table class="item__parameters">
 6 |     <thead>
 7 |       <tr>
 8 |         <th scope="col"><span class="visually-hidden">{{ item.type }} parameter </span>Name</th>
 9 |         <th scope="col"><span class="visually-hidden">{{ item.type }} parameter </span>Description</th>
10 |         <th scope="col"><span class="visually-hidden">{{ item.type }} parameter </span>Type</th>
11 |         <th scope="col"><span class="visually-hidden">{{ item.type }} parameter </span>Default value</th>
12 |       </tr>
13 |     </thead>
14 |     <tbody>
15 |       {% for parameter in item.parameter %}
16 |         <tr class="item__parameter">
17 |           <th scope="row" data-label="name"><code>${{ parameter.name }}</code></th>
18 |           <td data-label="desc">{{ parameter.description|default('&mdash;<span class="visually-hidden"> none</span>')|safe }}</td>
19 |           <td data-label="type">
20 |             <code>
21 |               {% if parameter.type == '*' %}
22 |                 Any
23 |               {% else %}
24 |                 {{ parameter.type | display_as_type }}
25 |               {% endif %}
26 |             </code>
27 |           </td>
28 |           <td data-label="default">
29 |           {% if not parameter.default %}
30 |             &mdash;<span class="visually-hidden"> none</span>
31 |           {% else %}
32 |             {% if (parameter.type|lower).indexOf('color') > -1 and parameter.default|is_color == true %}
33 |               <code class="color-preview--inline" style="background:{{ parameter.default }}; color: {{ parameter.default | yiq }}">{{ parameter.default }}</code>
34 |             {% else %}
35 |               <code>{{ parameter.default }}</code>
36 |             {% endif %}
37 |           {% endif %}
38 |           </td>
39 |         </tr>
40 |       {% endfor %}
41 |     </tbody>
42 |   </table>
43 | 
44 | {% else %}
45 | 
46 |   <p>None.</p>
47 | 
48 | {% endif %}
49 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/preview.html.swig:
--------------------------------------------------------------------------------
 1 | {# Placeholders #}
 2 | {% if item.context.type == "placeholder" %}
 3 | 
 4 | <div class="item__code-wrapper">
 5 |   <pre class="item__code  item__code--togglable  language-scss"
 6 |     data-current-state="collapsed"
 7 |     data-expanded="%{{ item.context.name }} { {{ item.context.code }} }"
 8 |     data-collapsed="%{{ item.context.name }} { ... }"><code>%{{ item.context.name }} { ... }</code></pre>
 9 | 
10 |   {% if basePath %}
11 |     <a href="{{ basePath }}/{{ item.file.path }}#L{{ item.context.line.start }}-L{{ item.context.line.end }}" class="item__source-link" target="_blank">View source</a>
12 |   {% endif %}
13 | </div>
14 | 
15 | {# Variables #}
16 | {% elseif item.context.type == "variable" %}
17 | 
18 | <div class="item__code-wrapper">
19 |   <pre class="item__code  language-scss"><code>${{ item.context.name }}: {{ item.context.value }}{% if item.context.scope !== "private" %} !{{ item.context.scope }}{% endif %};</code></pre>
20 | 
21 |   {% if (item.type|lower).indexOf('color') > -1 and item.context.value|is_color == true %}
22 |     <span class="color-preview--block" style="background: {{ item.context.value }};"></span>
23 |   {% endif %}
24 | 
25 |   {% if basePath %}
26 |     <a href="{{ basePath }}/{{ item.file.path }}#L{{ item.context.line.start }}-L{{ item.context.line.end }}" class="item__source-link" target="_blank">View source</a>
27 |   {% endif %}
28 | </div>
29 | 
30 | {# Functions and mixins #}
31 | {% else %}
32 | 
33 | {% set parameters_string = '' %}
34 | {% for parameter in item.parameter %}
35 |   {% set value = '$' + parameter.name %}
36 | 
37 |   {% if parameter.default %}
38 |     {% set value = value + ': ' + parameter.default %}
39 |   {% endif %}
40 | 
41 |   {% if parameter.type|lower === "arglist" %}
42 |     {% set value = value + '...' %}
43 |   {% endif %}
44 | 
45 |   {% if loop.first %}
46 |     {% set parameters_string = value %}
47 |   {% else %}
48 |     {% set parameters_string = parameters_string + ', ' + value %}
49 |   {% endif %}
50 | {% endfor %}
51 | 
52 | <div class="item__code-wrapper">
53 |   <pre class="item__code  item__code--togglable  language-scss"
54 |     data-current-state="collapsed"
55 |     data-expanded="@{{ item.context.type }} {{ item.context.name }}({{ parameters_string }}) { {{ item.context.code }} }"
56 |     data-collapsed="@{{ item.context.type }} {{ item.context.name }}({{ parameters_string }}) { ... }"><code>@{{ item.context.type }} {{ item.context.name }}({{ parameters_string }}) { ... }</code></pre>
57 | 
58 |   {% if basePath %}
59 |     <a href="{{ basePath }}/{{ item.file.path }}#L{{ item.context.line.start }}-L{{ item.context.line.end }}" class="item__source-link" target="_blank">View source</a>
60 |   {% endif %}
61 | </div>
62 | 
63 | {% endif %}
64 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/property.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.property.length > 0 %}
 2 | 
 3 | <h3 class="item__sub-heading">Map structure</h3>
 4 | 
 5 | <table class="item__parameters">
 6 |   <thead>
 7 |     <tr>
 8 |       <th scope="col"><span class="visually-hidden">{{ item.type }} key </span>Name</th>
 9 |       <th scope="col"><span class="visually-hidden">{{ item.type }} key </span>Description</th>
10 |       <th scope="col"><span class="visually-hidden">{{ item.type }} key </span>Type</th>
11 |       <th scope="col"><span class="visually-hidden">{{ item.type }} key </span>Value</th>
12 |     </tr>
13 |   </thead>
14 | 
15 |   <tbody>
16 |     {% for prop in item.property %}
17 |       <tr class="item__parameter">
18 |         <th scope="row" data-label="name"><code>{{ prop.name }}</code></th>
19 |         <td data-label="desc">{{ prop.description | default('&mdash;<span class="visually-hidden"> none</span>') | safe }}</td>
20 |         <td data-label="type">
21 |           <code>{{ prop.type | display_as_type }}</code>
22 |         </td>
23 |         <td data-label="default">
24 |         {% if not prop.default %}
25 |           &mdash;<span class="visually-hidden"> none</span>
26 |         {% else %}
27 |           {% if (prop.type|lower).indexOf('color') > -1 and prop.default|is_color == true %}
28 |             <code class="color-preview--inline" style="background: {{ prop.default }}; color: {{ prop.default | yiq }};">{{ prop.default }}</code>
29 |           {% else %}
30 |             <code>{{ prop.default }}</code>
31 |           {% endif %}
32 |         {% endif %}
33 |         </td>
34 |       </tr>
35 |     {% endfor %}
36 |   </tbody>
37 | </table>
38 | 
39 | {% endif %}
40 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/require.html.swig:
--------------------------------------------------------------------------------
 1 | {% set title_displayed = false %}
 2 | {% for require in item.require %}
 3 | 
 4 |   {% if (display.access.indexOf(require.item.access) != -1) and not (not display.alias and require.item.alias) or require.external %}
 5 |     {% if not title_displayed %}
 6 |       {% set title_displayed = true %}
 7 |       <h3 class="item__sub-heading">Requires</h3>
 8 |       <ul class="list-unstyled">
 9 |     {% endif %}
10 | 
11 |     {% if require.external %}
12 |       <li class="item__description  item__description--inline"><span class="item__cross-type">[external]</span>
13 |         {% if require.url %}
14 |           <a href="{{ require.url }}"><code>{{ require.name }}</code></a>  {{ require.description }}</li>
15 |         {% else %}
16 |           <code>{{ require.name }}</code>
17 |         {% endif %}
18 |         {% if require.description %}
19 |           &mdash; {{ require.description }}
20 |         {% endif %}
21 |       </li>
22 |     {% else %}
23 |       <li class="item__description  item__description--inline"><span class="item__cross-type">[{{ require.item.context.type }}]</span>
24 |         <a href="#{{ require.item.context.type }}-{{ require.item.context.name }}"><code>{{ require.item.context.name }}</code></a>
25 |         {% if require.description %}
26 |           &mdash; {{ require.description }}
27 |         {% endif %}
28 |       </li>
29 |     {% endif %}
30 |   {% endif %}
31 | 
32 | {% endfor %}
33 | 
34 | {% if title_displayed %}
35 | </ul>
36 | {% endif %}
37 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/return.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.return %}
 2 |   <h3 class="item__sub-heading">Returns</h3>
 3 | 
 4 |   <div class="item__description  item__description--inline">
 5 |   {% if item.return.type == '*' %}
 6 |     Any type
 7 |   {% else %}
 8 |     <code>{{ item.return.type | display_as_type }}</code>
 9 |   {% endif %}
10 |   {% if item.return.description %} &mdash; {{ item.return.description|safe }}{% endif %}
11 |   </div>
12 | {% endif %}
13 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/see.html.swig:
--------------------------------------------------------------------------------
 1 | {% set title_displayed = false %}
 2 | {% for see in item.see %}
 3 | 
 4 |   {% if (display.access.indexOf(see.access) != -1) and not (not display.alias and see.alias) %}
 5 |     {% if not title_displayed %}
 6 |       {% set title_displayed = true %}
 7 |       <h3 class="item__sub-heading">See</h3>
 8 |       <ul class="list-unstyled">
 9 |     {% endif %}
10 | 
11 |     <li><span class="item__cross-type">[{{ see.context.type }}]</span> <a href="#{{ see.context.type }}-{{ see.context.name }}"><code>{{ see.context.name }}</code></a></li>
12 |   {% endif %}
13 | 
14 | {% endfor %}
15 | 
16 | {% if title_displayed %}
17 | </ul>
18 | {% endif %}
19 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/since.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.since.length > 1 %}
 2 |   <h3 class="item__sub-heading">Changelog</h3>
 3 | 
 4 |   <ul class="list-unstyled">
 5 |     {% for since in item.since %}
 6 |       <li>{{ since.version }}{% if since.description %} &mdash; {{ since.description|safe }}{% endif %}</li>
 7 |     {% endfor %}
 8 |   </ul>
 9 | {% endif %}
10 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/throw.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.throw.length > 0 %}
 2 |   <h3 class="item__sub-heading">Throws</h3>
 3 | 
 4 |   <ul class="list-unstyled">
 5 |     {% for _throw in item.throw %}
 6 |       <li>{{ _throw|safe }}</li>
 7 |     {% endfor %}
 8 |   </ul>
 9 | {% endif %}
10 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/todo.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.todo.length > 0 %}
 2 |   <h3 class="item__sub-heading">TODO's</h3>
 3 | 
 4 |   <ul class="list-unstyled">
 5 |     {% for todo in item.todo %}
 6 |       <li>{{ todo|safe }}</li>
 7 |     {% endfor %}
 8 |   </ul>
 9 | {% endif %}
10 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/type.html.swig:
--------------------------------------------------------------------------------
 1 | {% if item.type %}
 2 |   <h3 class="item__sub-heading">Type</h3>
 3 | 
 4 |   <p>
 5 |   {% if item.type == "*" %}
 6 |     Any
 7 |   {% else %}
 8 |     <code>{{ item.type | display_as_type }}</code>
 9 |   {% endif %}
10 |   </p>
11 | {% endif %}
12 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/annotations/usedby.html.swig:
--------------------------------------------------------------------------------
 1 | {% set title_displayed = false %}
 2 | 
 3 | {% for usedBy in item.usedBy %}
 4 | 
 5 |   {% if (display.access.indexOf(usedBy.access) != -1) and not (not display.alias and usedBy.alias) %}
 6 | 
 7 |     {% if not title_displayed %}
 8 |       {% set title_displayed = true %}
 9 |       <h3 class="item__sub-heading">Used by</h3>
10 |       <ul class="list-unstyled">
11 |     {% endif %}
12 | 
13 |     <li><span class="item__cross-type">[{{ usedBy.context.type }}]</span> <a href="#{{ usedBy.context.type }}-{{ usedBy.context.name }}"><code>{{ usedBy.context.name }}</code></a></li>
14 |   {% endif %}
15 | 
16 | {% endfor %}
17 | 
18 | {% if title_displayed %}
19 | </ul>
20 | {% endif %}
21 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/description.html.swig:
--------------------------------------------------------------------------------
1 | {% if description %}
2 | <section class="main__section">
3 |   <div class="container">
4 |     {{ description | raw }}
5 |   </div>
6 | </section>
7 | {% endif %}
8 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/footer.html.swig:
--------------------------------------------------------------------------------
 1 | {% if project_title or display.watermark %}
 2 |   <footer class="footer" role="contentinfo">
 3 |     <div class="container">
 4 |       {% if project_title %}
 5 |         <div class="footer__project-info  project-info">
 6 |           <!-- Name and URL -->
 7 |           {% if package.homepage %}
 8 |             <a class="project-info__name" href="{{ package.homepage }}">{{ project_title }}</a>
 9 |           {% else %}
10 |             <span class="project-info__name">{{ project_title }}</span>
11 |           {% endif %}
12 | 
13 |           <!-- Version -->
14 |           {% if package.version %}<span class="project-info__version"> - v{{ package.version }}</span>{% endif %}
15 | 
16 |           <!-- License -->
17 |           {% if package.license %}
18 |           <span class="project-info__license">, under
19 |             {% if package.license.type %}
20 |               {% if package.license.url %}
21 |                 <a href="{{ package.license.url }}">{{ package.license.type }}</a>
22 |               {% else %}
23 |                 {{ package.license.type }}
24 |               {% endif %}
25 |             {% else %}
26 |               {{ package.license }}
27 |             {% endif %}
28 |             </span>
29 |           {% endif %}
30 |         </div>
31 |       {% endif %}
32 | 
33 |       {% if display.watermark %}
34 |         <a class="footer__watermark" href="http://sassdoc.com">
35 |           <img src="assets/images/logo_light_inline.svg" alt="SassDoc Logo" />
36 |         </a>
37 |       {% endif %}
38 |     </div>
39 |   </footer>
40 | {% endif %}
41 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/head.html.swig:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8" />
 2 | 
 3 | <title>{{ project_title }}{% if package.version %} - v{{ package.version }}{% endif %}</title>
 4 | <link rel="stylesheet" href="assets/css/main.css" />
 5 | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,500,700' rel='stylesheet' type='text/css'>
 6 | <meta name="viewport" content="width=device-width">
 7 | <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible">
 8 | 
 9 | <!-- Open Graph tags -->
10 | <meta property="og:title" content="{{ project_title }} - SassDoc" />
11 | <meta property="og:type" content="website" />
12 | 
13 | {% if package.description %}
14 | <meta property="og:description" content="{{ package.description | safe }}" />
15 | {% else %}
16 | <meta property="og:description" content="Release the docs!" />
17 | {% endif %}
18 | 
19 | <!-- Thanks to Sass-lang.com for the icons -->
20 | <link href="{{ shortcutIcon.url }}" rel="shortcut icon">
21 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/header.html.swig:
--------------------------------------------------------------------------------
 1 | <header class="header" role="banner">
 2 |   <div class="container">
 3 |     <div class="sassdoc__searchbar  searchbar">
 4 |        <label for="js-search-input" class="visually-hidden">Search</label>
 5 |        <div class="searchbar__form" id="js-search">
 6 |          <input name="search" type="search" class="searchbar__field" autocomplete="off" autofocus id="js-search-input" placeholder="Search" />
 7 |          <ul class="searchbar__suggestions" id="js-search-suggestions"></ul>
 8 |        </div>
 9 |      </div>
10 |   </div>
11 | </header>
12 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/item.html.swig:
--------------------------------------------------------------------------------
 1 | <section class="main__item  container  item{% if item.alias %}  item--alias{% endif %}{% if 'deprecated'|in(item) %}  item--deprecated{% endif %}" id="{{ item.context.type }}-{{ item.context.name }}">
 2 | 
 3 | {% include '../annotations/name.html.swig' %}
 4 | 
 5 | {% include '../annotations/deprecated.html.swig' %}
 6 | 
 7 | {% include '../annotations/preview.html.swig' %}
 8 | 
 9 | {% if not item.alias %}
10 | 
11 |   {% for annotation in display.annotations[item.context.type] %}
12 |     {% set path = '../annotations/' + annotation + '.html.swig' %}
13 |     {% include path %}
14 |   {% endfor %}
15 | 
16 | {% else %}
17 | 
18 |   <p>Refer to <a href="#{{ item.context.type }}-{{ item.alias }}">{{ item.alias }}</a>.</p>
19 | 
20 | {% endif %}
21 | 
22 | </section>
23 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/scripts.html.swig:
--------------------------------------------------------------------------------
 1 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 2 | <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script>
 3 | {% if googleAnalytics %}
 4 | <script>
 5 |   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 6 |   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 7 |   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 8 |   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 9 | 
10 |   ga('create', '{{ googleAnalytics }}', 'auto');
11 |   ga('send', 'pageview');
12 | 
13 | </script>
14 | {% endif %}
15 | {% if trackingCode %}
16 | {{ trackingCode }}
17 | {% endif %}
18 | <script src="assets/js/main.min.js"></script>
19 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/includes/partials/sidebar.html.swig:
--------------------------------------------------------------------------------
 1 | <div class="sidebar__header text-center">
 2 |   <h1 class="sidebar__title">
 3 |     <a href="../../index.php">
 4 |       <img src="assets/images/logo-horizontal.png" alt="Phoenix by Connective DX" class="logo">
 5 |     </a>
 6 |     {% if package.homepage %}
 7 |       <a href="{{ package.homepage }}">{{ project_title }}{% if package.version %} - v{{ package.version }}{% endif %}</a>
 8 |     {% else %}
 9 |       {{ project_title }}{% if package.version %} - {{ package.version }}{% endif %}
10 |     {% endif %}
11 |   </h1>
12 | </div>
13 | 
14 | <div class="sidebar__body">
15 |   {# No item documented #}
16 |   {% if data.length == 0 %}
17 |     <p class="sidebar__item  sidebar__item--heading">No documented item.</p>
18 | 
19 |   {# Some items documented #}
20 |   {% else %}
21 |     <button type="button" class="btn-toggle  js-btn-toggle" data-alt="Open all">Close all</button>
22 | 
23 |     {# Loop over the groups #}
24 |     {% for group_name, group in data.byGroupAndType %}
25 |       <p class="sidebar__item  sidebar__item--heading" data-slug="{{ group_name }}"><a href="#{{ group_name }}">{{ groups[group_name] }}</a></p>
26 | 
27 |       {# Loop over the types #}
28 |       {% for type, items in group %}
29 |         {% if loop.first %}<div>{% endif %}
30 | 
31 |         {# If items to be displayed in type #}
32 |         {% if items.length > 0 %}
33 |           <p class="sidebar__item  sidebar__item--sub-heading" data-slug="{{ group_name + '-' + type }}"><a href="#{{ group_name }}-{{ type }}">{{ (type + 's') }}</a></p>
34 | 
35 |           {# Loop over the items #}
36 |           {% for item in items %}
37 |             {% if loop.first %}<ul class="list-unstyled">{% endif %}
38 |             <li class="sidebar__item  sassdoc__item" data-name="{{ item.context.name }}" data-type="{{ item.context.type }}">
39 |               <a href="#{{ item.context.type }}-{{ item.context.name }}">{{ item.context.name }}
40 |               {% if item.access[0] == "private" %}<span class="sidebar__annotation  sidebar__annotation--private">private</span>{% endif %}
41 |               {% if item.alias != false %}<span class="sidebar__annotation  sidebar__annotation--alias">alias</span>{% endif %}
42 |               </a>
43 |             </li>
44 |             {% if loop.last %}</ul>{% endif %}
45 |           {% endfor %}
46 |         {% endif %}
47 |         {% if loop.last %}</div>{% endif %}
48 |       {% endfor %}
49 | 
50 |     {% endfor %}
51 |   {% endif %}
52 | </div>
53 | 


--------------------------------------------------------------------------------
/Assets/src/sassdoc-theme/views/layouts/base.html.swig:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | 
 3 | {% set project_title = "SassDoc" %}
 4 | 
 5 | {% if package.name %}
 6 |   {% set project_title = (package.name|capitalize) %}
 7 | {% endif %}
 8 | 
 9 | {% if package.title %}
10 |   {% set project_title = package.title %}
11 | {% endif %}
12 | 
13 | <html lang="en">
14 | <head>
15 |   {# Include head content #}
16 |   {% include "../includes/partials/head.html.swig" with project_title %}
17 | </head>
18 | <body>
19 | 
20 |   {# Sidebar #}
21 |   <aside class="sidebar" role="nav">
22 |     {% block sidebar %}{% endblock %}
23 |   </aside>
24 | 
25 |   {# Main container #}
26 |   <article class="main" role="main">
27 | 
28 |     {# Include top navbar #}
29 |     {% include "../includes/partials/header.html.swig" with project_title %}
30 | 
31 |     {# Include description #}
32 |     {% include "../includes/partials/description.html.swig" %}
33 | 
34 |     {% block content %}{% endblock %}
35 | 
36 |     {# Include footer #}
37 |     {% include "../includes/partials/footer.html.swig" with project_title %}
38 |   </article>
39 | 
40 | 
41 |   {# Include scripts #}
42 |   {% include "../includes/partials/scripts.html.swig" %}
43 | </body>
44 | </html>
45 | 


--------------------------------------------------------------------------------
/Assets/src/templates/complex-layout-test.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$pageTitle = 'Complex Layout Test';
 3 | 	include_once 'inc/head.php';
 4 | ?>
 5 | 	<section class="layout-complex-wrapper">
 6 | 		<nav class="layout-complex-nav">
 7 | 			<h3>Nav</h3>
 8 | 			<p>This is where your primary navigation items will be.</p>
 9 | 		</nav>
10 | 
11 | 		<article class="layout-complex-primary">
12 | 			<h2>Primary content</h2>
13 | 			<p>This container will hold your primary site content.  Things like:</p>
14 | 			<h3 class="divider">Lists</h3>
15 | 			<ul>
16 | 				<li>List item</li>
17 | 				<li>List item</li>
18 | 				<li>List item</li>
19 | 				<li>List item</li>
20 | 			</ul>
21 | 			<h3 class="divider">Forms</h3>
22 | 			<fieldset>
23 | 				<legend>Text Input</legend>
24 | 				<ol>
25 | 					<li>
26 | 						<label for="testinput">Label for the input</label>
27 | 						<input type="text" id="testinput">
28 | 					</li>
29 | 					<li>
30 | 						<label for="testtextarea">Label for the Textarea</label>
31 | 						<textarea id="testtextarea" cols="30" rows="5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit vestibulum. </textarea>
32 | 					</li>
33 | 				</ol>
34 | 			</fieldset>
35 | 		</article>
36 | 
37 | 		<aside class="layout-complex-tertiary">
38 | 			<h3>Aside</h3>
39 | 			<p>This will contain content related to your primary content.  Things like:</p>
40 | 			<h3 class="divider">Related links</h3>
41 | 			<ul>
42 | 				<li><a href="#">Link</a></li>
43 | 				<li><a href="#">Link</a></li>
44 | 				<li><a href="#">Link</a></li>
45 | 				<li><a href="#">Link</a></li>
46 | 			</ul>
47 | 		</aside>
48 | 
49 | 		<footer class="layout-complex-footer">
50 | 			<h2>Footer</h2>
51 | 			<ul class="meta">
52 | 				<li>Meta item</li>
53 | 				<li>Meta item</li>
54 | 				<li>Meta item</li>
55 | 				<li>Meta item</li>
56 | 			</ul>
57 | 		</footer>
58 | 	</section>
59 | <?php
60 | 	include_once 'inc/foot.php';
61 | ?>


--------------------------------------------------------------------------------
/Assets/src/templates/grid-system-test.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 	$pageTitle = 'Grid System Test';
  3 | 	include_once 'inc/head.php';
  4 | ?>
  5 | 	<style>
  6 | 		.column, .columns {
  7 | 			border: 1px solid black;
  8 | 			text-align: center;
  9 | 		}
 10 | 	</style>
 11 | 
 12 | 	<?php
 13 | 		$numbers = array("one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen", "twenty", "twenty-one", "twenty-two", "twenty-three", "twenty-four", "twenty-five", "twenty-six", "twenty-seven", "twenty-eight", "twenty-nine", "thirty", "thirty-one", "thirty-two", "thirty-three", "thirty-four", "thirty-five", "thirty-six");
 14 | 		$gridSize = 12;
 15 | 	?>
 16 | 
 17 | 	<section>
 18 | 		<div class="row">
 19 | 			<h1>Grid System Test</h1>
 20 | 		</div>
 21 | 		<div class="row">
 22 | 			<h2>Standard classes</h2>
 23 | 		</div>
 24 | 
 25 | 		<?php
 26 | 			// output all column widths for divisors of your gridSize
 27 | 			for ($divisor = 1; $divisor < $gridSize; $divisor++) {
 28 | 				if ($gridSize % $divisor === 0) {
 29 | 					echo '<div class="row">';
 30 | 
 31 | 					$columnText = ($divisor === 1) ? ' column' : ' columns';
 32 | 
 33 | 					for ($j = 0; $j < ($gridSize / $divisor); $j++) {
 34 | 						echo '<div class="' . $numbers[$divisor - 1] . $columnText . '">' . $numbers[$divisor - 1] . '</div>';
 35 | 					}
 36 | 
 37 | 					echo '</div>';
 38 | 				}
 39 | 			}
 40 | 
 41 | 			// output all classes from 1 to gridSize
 42 | 			for ($i = 0; $i < $gridSize; $i++) {
 43 | 				if (array_key_exists($i, $numbers)) {
 44 | 					$firstColumnWidth = $numbers[$i];
 45 | 				}
 46 | 
 47 | 				if (array_key_exists(($gridSize - $i - 2), $numbers)) {
 48 | 					$secondColumnWidth = $numbers[$gridSize - $i - 2];
 49 | 				}
 50 | 
 51 | 				echo '<div class="row">';
 52 | 
 53 | 				// adjust text
 54 | 				if ($i == 0) {
 55 | 					$firstColumnText = 'column';
 56 | 					$secondColumnText = 'columns';
 57 | 				}
 58 | 				else if ($i == $gridSize - 1) {
 59 | 					$firstColumnText = 'columns';
 60 | 					$secondColumnText = 'column';
 61 | 				}
 62 | 				else {
 63 | 					$firstColumnText = 'columns';
 64 | 					$secondColumnText = 'columns';
 65 | 				}
 66 | 
 67 | 				// display columns
 68 | 				echo '<div class="' . $firstColumnWidth . ' ' . $firstColumnText . '">' . $firstColumnWidth . '</div>';
 69 | 
 70 | 				if ($i < $gridSize - 1) {
 71 | 					echo '<div class="' . $secondColumnWidth . ' ' . $secondColumnText . '">' . $secondColumnWidth . '</div>';
 72 | 				}
 73 | 
 74 | 				// end row
 75 | 				echo '</div>';
 76 | 			}
 77 | 		?>
 78 | 	</section>
 79 | 
 80 | 	<section>
 81 | 		<div class="row">
 82 | 			<h2>Position classes</h2>
 83 | 		</div>
 84 | 
 85 | 		<?php
 86 | 			for ($i = 0; $i < $gridSize; $i++) {
 87 | 				if (array_key_exists($i, $numbers)) {
 88 | 					$firstColumnWidth = $numbers[$i];
 89 | 				}
 90 | 
 91 | 				if (array_key_exists(($gridSize - $i - 2), $numbers)) {
 92 | 					$secondColumnWidth = $numbers[$gridSize - $i - 2];
 93 | 				}
 94 | 
 95 | 				if (array_key_exists(($gridSize - $i - 1), $numbers)) {
 96 | 					$secondColumnPosition = $numbers[$gridSize - $i - 1];
 97 | 				}
 98 | 
 99 | 				echo '<div class="row">';
100 | 
101 | 				// adjust text
102 | 				if ($i == 0) {
103 | 					$firstColumnText = 'column';
104 | 					$secondColumnText = 'columns';
105 | 				}
106 | 				else if ($i == $gridSize - 2) {
107 | 					$firstColumnText = 'columns';
108 | 					$secondColumnText = 'column';
109 | 				}
110 | 				else {
111 | 					$firstColumnText = 'columns';
112 | 					$secondColumnText = 'columns';
113 | 				}
114 | 
115 | 				// display columns
116 | 				if ($i < $gridSize - 1) {
117 | 					echo '<div class="' . $firstColumnWidth . ' ' . $firstColumnText . ' position-' . $secondColumnPosition . '">' . $firstColumnWidth . ' position ' . $secondColumnPosition . '</div>';
118 | 					echo '<div class="' . $secondColumnWidth . ' ' . $secondColumnText . ' position-one">' . $secondColumnWidth . ' position one</div>';
119 | 				}
120 | 
121 | 				// end row
122 | 				echo '</div>';
123 | 			}
124 | 		?>
125 | 	</section>
126 | 
127 | 	<section>
128 | 		<div class="row">
129 | 			<h2>Centered classes</h2>
130 | 		</div>
131 | 
132 | 		<?php
133 | 			for ($i = 0; $i < $gridSize; $i++) {
134 | 				$columnWidth = $numbers[$i];
135 | 
136 | 				echo '<div class="row">';
137 | 
138 | 				// adjust text
139 | 				if ($i == 0) {
140 | 					$columnText = 'column';
141 | 				}
142 | 				else {
143 | 					$columnText = 'columns';
144 | 				}
145 | 
146 | 				// display columns
147 | 				if ($i < $gridSize - 1) {
148 | 					echo '<div class="' . $columnWidth . ' ' . $columnText . ' centered">' . $columnWidth . '</div>';
149 | 				}
150 | 
151 | 				// end row
152 | 				echo '</div>';
153 | 			}
154 | 		?>
155 | 	</section>
156 | <?php
157 | 	include_once 'inc/foot.php';
158 | ?>


--------------------------------------------------------------------------------
/Assets/src/templates/inc/foot.php:
--------------------------------------------------------------------------------
1 | 	<script src="<?php echo getAsset('Assets/dist/js/main.js');?>"></script>
2 | </body>
3 | </html>


--------------------------------------------------------------------------------
/Assets/src/templates/inc/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	// retrieves and asset from the filesystem, properly accounting for production hashes for cache busting
 3 | 	function getAsset($assetPath) {
 4 | 		$fileInfo = pathinfo($assetPath);
 5 | 		$fileExtension = $fileInfo['extension'];
 6 | 
 7 | 		$devAssets = glob($assetPath);
 8 | 		$productionAssets = glob(preg_replace('/\.' . $fileExtension . '$/', '.*$0', $assetPath));
 9 | 
10 | 		if (count($devAssets) > 0) {
11 | 			return $devAssets[0];
12 | 		}
13 | 		else {
14 | 			return $productionAssets[0];
15 | 		}
16 | 	}
17 | 
18 | 	function getBodyClass() {
19 | 		global $bodyClass;
20 | 		if (isset($bodyClass)) {
21 | 			echo ' class="'.$bodyClass.'"';
22 | 		}
23 | 	}


--------------------------------------------------------------------------------
/Assets/src/templates/inc/head.php:
--------------------------------------------------------------------------------
 1 | <?php include_once 'functions.php'; ?>
 2 | <!DOCTYPE html>
 3 | <html class="no-js" lang="en">
 4 | <head>
 5 | 	<title><?php echo $pageTitle; ?></title>
 6 | 	<meta charset="utf-8">
 7 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 8 | 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 9 | 	<meta name="robots" content="index, follow">
10 | 	<meta name="description" content="">
11 | 	<meta name="keywords" content="">
12 | 	<meta name="author" content="Connective DX">
13 | 	<meta name="apple-mobile-web-app-title" content="Phoenix">
14 | 
15 | 	<script src="<?php echo getAsset('Assets/dist/js/head.js');?>"></script>
16 | 	<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" rel="stylesheet" type="text/css">
17 | 
18 | 	<link rel="stylesheet" media="all" href="<?php echo getAsset('Assets/dist/css/style.css');?>">
19 | 
20 | 	<!-- Serve one icon for all Apple devices -->
21 | 	<link rel="apple-touch-icon-precomposed" href="<?php echo getAsset('Assets/dist/img/content/touch-icon.png');?>">
22 | 	<!-- icon and tile color in hex # for Windows phones -->
23 | 	<meta name="msapplication-TileImage" content="<?php echo getAsset('Assets/dist/img/content/touch-icon.png');?>">
24 | 	<meta name="msapplication-TileColor" content="#e55030">
25 | 	<!-- For everything else -->
26 | 	<link rel="icon" type="image/png" href="<?php echo getAsset('Assets/dist/img/content/favicon.png');?>">
27 | 	<!--[if IE]><link rel="shortcut icon" href="/favicon.ico"><![endif]-->
28 | </head>
29 | 
30 | <body<?php getBodyClass(); ?>>
31 | 	<!--[if lte IE 8]>
32 | 		<div class="browser-alert">
33 | 			You&rsquo;re using an older web browser version that may make your computer unsafe. <a href="http://browsehappy.com/">Download the latest version</a> to keep your information safe and improve your experience.
34 | 		</div>
35 | 	<![endif]-->
36 | 	<header>
37 | 		<div class="row">
38 | 			<div class="eight columns centered" style="border: none;">
39 | 				<a href="index.php">
40 | 					<img src="<?php echo getAsset('Assets/dist/img/content/logo-placeholder.png');?>" srcset="<?php echo getAsset('Assets/dist/img/content/logo-placeholder@2x.png');?> 2x" alt="Phoenix by Connective DX" class="img-align-center">
41 | 				</a>
42 | 			</div>
43 | 		</div>
44 | 	</header>
45 | 


--------------------------------------------------------------------------------
/Assets/src/templates/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$pageTitle = 'Phoenix by Connective DX';
 3 | 	include_once 'inc/head.php';
 4 | ?>
 5 | 	<div class="row">
 6 | 		<h1>Documentation</h1>
 7 | 		<ul>
 8 | 			<li><a href="documentation/sass-api/">Sass API</a></li>
 9 | 			<li><a href="style-guide.php">Style Guide</a></li>
10 | 		</ul>
11 | 		<h1>Sample Pages</h1>
12 | 		<ul>
13 | 			<li><a href="grid-system-test.php">Grid System Test</a></li>
14 | 			<li>
15 | 				Semantic Grid System Test
16 | 				<ul>
17 | 					<li><a href="semantic-grid-system-test-two-column.php">Two Column</a></li>
18 | 					<li><a href="semantic-grid-system-test-three-column.php">Three Column</a></li>
19 | 				</ul>
20 | 			</li>
21 | 			<li><a href="complex-layout-test.php">Complex Layout Test</a></li>
22 | 		</ul>
23 | 	</div>
24 | <?php
25 | 	include_once 'inc/foot.php';
26 | ?>


--------------------------------------------------------------------------------
/Assets/src/templates/semantic-grid-system-test-three-column.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$pageTitle = 'Semantic Grid System Test';
 3 | 	$bodyClass = 'template-three-column not-shifted no-gutters';
 4 | 	include_once 'inc/head.php';
 5 | ?>
 6 | 	<section class="wrapper">
 7 | 		<article class="layout-primary">
 8 | 			<h2>Primary</h2>
 9 | 			<p>This is a six column container.  It will hold your primary content.</p>
10 | 
11 | 			<section class="nested wrapper">
12 | 				<div class="two-up">
13 | 					This is a sub-layout using a class of "two-up".
14 | 				</div>
15 | 				<div class="two-up">
16 | 					This is a sub-layout using a class of "two-up".
17 | 				</div>
18 | 			</section>
19 | 		</article>
20 | 
21 | 		<nav class="layout-secondary">
22 | 			<h3>Secondary</h3>
23 | 			<p>This is a three column container.  It will hold navigation content.</p>
24 | 		</nav>
25 | 
26 | 		<aside class="layout-tertiary">
27 | 			<h3>Tertiary</h3>
28 | 			<p>This is a three column container.  It will hold tertiary content in the right rail on desktops and tablets.</p>
29 | 		</aside>
30 | 
31 | 		<div class="layout-centered">
32 | 			<h3>Centered</h3>
33 | 			<p>This is an eight column centered container.</p>
34 | 		</div>
35 | 	</section>
36 | 
37 | 	<footer class="wrapper">
38 | 		<div class="row">
39 | 			Footer
40 | 		</div>
41 | 	</footer>
42 | 
43 | 	<div class="wrapper">
44 | 		<div class="row">
45 | 			<button class="toggle-position">Toggle Position</button>
46 | 			<button class="toggle-gutters">Toggle Gutters</button>
47 | 		</div>
48 | 	</div>
49 | <?php
50 | 	include_once 'inc/foot.php';
51 | ?>


--------------------------------------------------------------------------------
/Assets/src/templates/semantic-grid-system-test-two-column.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$pageTitle = 'Semantic Grid System Test';
 3 | 	$bodyClass = 'template-two-column not-shifted no-gutters';
 4 | 	include_once 'inc/head.php';
 5 | ?>
 6 | 	<section class="wrapper">
 7 | 		<article class="layout-primary">
 8 | 			<h2>Primary</h2>
 9 | 			<p>This is a nine column container.  It will hold your primary content.</p>
10 | 
11 | 			<section class="nested wrapper">
12 | 				<div class="two-up">
13 | 					This is a sub-layout using a class of "two-up".
14 | 				</div>
15 | 				<div class="two-up">
16 | 					This is a sub-layout using a class of "two-up".
17 | 				</div>
18 | 			</section>
19 | 		</article>
20 | 
21 | 		<nav class="layout-secondary">
22 | 			<h3>Secondary</h3>
23 | 			<p>This is a three column container.  It will hold navigation content.</p>
24 | 		</nav>
25 | 
26 | 		<div class="layout-centered">
27 | 			<h3>Centered</h3>
28 | 			<p>This is an eight column centered container.</p>
29 | 		</div>
30 | 	</section>
31 | 
32 | 	<footer class="wrapper">
33 | 		<div class="row">
34 | 			Footer
35 | 		</div>
36 | 	</footer>
37 | 
38 | 	<div class="wrapper">
39 | 		<div class="row">
40 | 			<button class="toggle-position">Toggle Position</button>
41 | 			<button class="toggle-gutters">Toggle Gutters</button>
42 | 		</div>
43 | 	</div>
44 | <?php
45 | 	include_once 'inc/foot.php';
46 | ?>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # **This project is no longer being actively maintained. If you have some fixes, please feel free to open a PR.**
 2 |    
 3 |    
 4 | ![Phoenix](Assets/src/img/content/logo-placeholder.png)
 5 | ===================
 6 | 
 7 | Phoenix represents what we use at Connective DX for the basis of new projects. With a library of patterns ready at our fingertips, a powerful and flexible grid system, and a clean, modular organization, you don't need to reinvent the wheel. And you'll have more time to invent the next wheel.
 8 | 
 9 | # Documentation
10 | Full documentation is available in the documentation directory.  It will require the setup and build processes below to be followed; additional instructions can be found on the documentation page once loaded.
11 | 
12 | **NOTE**: Optional parameters for functions and mixins are all passed in together as keys in a map as the last parameter for the function or mixin.  The documentation for these is sub-optimal, but [Sassdoc is working on a method for better documenting maps as parameters](https://github.com/SassDoc/sassdoc/issues/386).
13 | 
14 | # Setup
15 | Once you've cloned or downloaded the project, you'll first need to install NodeJS.  It can be downloaded at http://nodejs.org/download/.  Once Node is installed, builds are done by executing a command file.
16 | 
17 | 1. Navigate to Assets/src
18 | 2. The type and name of the command file is dependent on your platform and which build you need.
19 |     * Windows - execute one of the .cmd files.  The builds are listed below.  
20 |     * Mac OS - execute one of the .command files.  The builds are listed below.
21 |     * **NOTE** - if you get an error when executing a build, make sure you have execute privileges on the file as well as the base build file in Assets/src/build.
22 | 
23 | # Builds
24 | 
25 | Each of the builds will compile the SCSS under Assets/src/css and place CSS, images, JavaScript, fonts, and markup templates into their respective folders under Assets/dist (or the root for markup templates).  These compiled files should never be edited and are ignored by the repository.  **All code editing must take place in Assets/src.**
26 | 
27 | ### Development
28 | The development build includes linting and debugging, but does not minify files so they are readable during development.
29 | * Windows - execute build-dev.cmd.
30 | * Mac OS - execute build-dev.command.
31 | 
32 | ### Watch
33 | The watch build will execute the development build and watch for file changes, automatically compiling your source code and reloading your browser if you have LiveReload installed.
34 | * Windows - execute build-watch.cmd.
35 | * Mac OS - execute build-watch.command.
36 | 
37 | ### Production
38 | The production build lints, concatenates, and minifies files.
39 | * Windows - execute build-production.cmd.
40 | * Mac OS - execute build-production.command.
41 | 
42 | # Node Packages
43 | 
44 | As of 2.2.0, the Node packages defined in Phoenix are no longer [shrinkwrapped](https://docs.npmjs.com/cli/shrinkwrap) by default at each release. However, we do recommend you shrinkwrap the dependencies at the outset of any new projects in order to ensure that builds are predictable no matter when they are executed. To do this, after your initial `npm install`, also run `npm shrinkwrap --dev`.
45 | 
46 | # Special Thanks
47 | This project would not be possible without contributions from these open-source projects:
48 | * [Gulp](https://github.com/gulpjs/gulp/)
49 | * [Gumby Framework](https://github.com/GumbyFramework/Gumby) - our grid system began as a fork of Gumby's grid system and has since morphed into the mobile-first grid system it is today
50 | * [Responsive Tabs](https://github.com/petelove666/Responsive-Tabs)
51 | * [Tipsy](https://github.com/jaz303/tipsy)
52 | * [Fancybox](https://github.com/fancyapps/fancyBox)
53 | 
54 | # License
55 | ## Phoenix
56 | Phoenix is licensed under The MIT License (MIT), unless otherwise noted below.
57 | 
58 | Copyright (c) 2015 Connective DX
59 | 
60 | Permission is hereby granted, free of charge, to any person obtaining a copy
61 | of this software and associated documentation files (the "Software"), to deal
62 | in the Software without restriction, including without limitation the rights
63 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
64 | copies of the Software, and to permit persons to whom the Software is
65 | furnished to do so, subject to the following conditions:
66 | 
67 | The above copyright notice and this permission notice shall be included in
68 | all copies or substantial portions of the Software.
69 | 
70 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
71 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
72 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
73 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
74 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
75 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
76 | THE SOFTWARE.
77 | 
78 | ## Fancybox
79 | Fancybox is protected by a [Creative Commons Attribution-NonCommercial 3.0](http://creativecommons.org/licenses/by-nc/3.0/) license.  You are free to use it for non-commercial purposes and may pay a license fee to use it on commercial sites.  For more information, please visit http://www.fancyapps.com/fancybox/#license.
80 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/connectivedx/Phoenix/fea94d3fb06adfdedee2dedd62f646cd859a2ba9/favicon.ico


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