{{>layout_content}}
npm install wrench
-npm install optimist
-npm -g install yuidocjs
-
-h2. Building the Source
-
-Build Task Manager
-Usage
-node ./build.js [-h] [-l] --tasks=TASK [--version=DOC_VERSION][--format=STANDARD]
-
-Options:
- -l, --list List all available tasks [boolean]
- -h, --help Display usage [boolean]
- --version Build version number (x.x.x) [string] [default:"NEXT"]
- --tasks Task to run options: [ALL, CLEAN, BUILDSOURCE, BUILDDOCS] [default: "ALL"]
- --format Formatting minified JS :[STANDARD, PRETTY_PRINT] [string] [default: "STANDARD"]
-node ./build.js --tasks=ALL --version=0.5.0
-
-h4. Build Source
-
-node ./build.js --tasks=BUILDSOURCE
-
-h4. Build Docs
-
-node ./build.js --tasks=BUILDDOCS --version=0.5.0
-
-h4. Clean Build Directories
-
-node ./build.js --tasks=CLEAN
-
-h4. Build Source with Pretty printing
-
-node ./build.js --format=PRETTY_PRINT
-
-There is a good reference on tagging at
-
-"http://book.git-scm.com/3_git_tag.html":http://book.git-scm.com/3_git_tag.html
diff --git a/build/build.js b/build/build.js
deleted file mode 100755
index 4432334d..00000000
--- a/build/build.js
+++ /dev/null
@@ -1,421 +0,0 @@
-#!/usr/bin/env node
-
-// TODO: add support for recursively checking to see if we are ommiting any files
-
-
-var FILE = require("fs");
-var PATH = require("path");
-var CHILD_PROCESS = require("child_process");
-var OS = require("os");
-
-//file system utils
-var WRENCH = require("wrench");
-
-//for parsing command line args
-var OPTIMIST = require("optimist");
-
-/************************************************************
-CONFIGURATION
-*/
-
-var json = FILE.readFileSync(PATH.resolve("./config.json"), "UTF-8");
-json = JSON.parse(json);
-var config =json.config_preloadjs;
-
-var SOURCE_FILES = [];
-// listing of all source files, with dependencies listed in order:
-SOURCE_FILES = config.SOURCE_FILES;
-
-// default name for lib output:
-var JS_FILE_NAME = config.JS_FILE_NAME;
-// project name:
-var PROJECT_NAME = config.PROJECT_NAME;
-
-// url for website or github repo for project:
-var PROJECT_URL = config.PROJECT_URL;
-
-// name of directory for docs:
-var DOCS_DIR_NAME = PROJECT_NAME + config.DOCS_DIR_NAME;
-
-// name of file for zipped docs:
-var DOCS_FILE_NAME = DOCS_DIR_NAME + config.DOCS_FILE_NAME
-
-// name of directory where generated files are placed
-var OUTPUT_DIR_NAME = __dirname + config.OUTPUT_DIR_NAME;
-
-// path to directory that includes YUI Doc templates
-var TEMPLATE_DIR_PATH = __dirname + config.TEMPLATE_DIR_PATH;
-
-// tmp directory used when running scripts:
-var TMP_DIR_NAME = __dirname + config.TMP_DIR_NAME;
-
-// paths to tools:
-var GOOGLE_CLOSURE_PATH = PATH.resolve("../"+PATH.normalize(config.GOOGLE_CLOSURE_PATH))
-
-/*
-END CONFIGURATION
-************************************************************/
-OPTIMIST
- .describe("l", "List all available tasks")
- .alias("l", "list")
- .boolean("l")
- .describe("h", "Display usage")
- .alias("h", "help")
- .boolean("h")
- .describe("version", "Build version number (x.x.x) defaults 'NEXT'")
- .string("version")
- .default("version", "NEXT")
- .describe("tasks", "Task to run options: [ALL, BUILDDOCS, BUILDSOURCE, CLEAN]")
- .default("tasks", "ALL")
- .describe("format", "Formatting minified JS :[STANDARD, PRETTY_PRINT]")
- .string("format")
- .default("format", "STANDARD")
- .usage("Build Task Manager for "+PROJECT_NAME+"\nUsage\n$0 [-h] [-l] --tasks=TASK [--version=DOC_VERSION] [--format=STANDARD]");
-
-//name of minified js file.
-var js_file_name = JS_FILE_NAME;
-
-var version;
-var verbose;
-var format;
-
-var TASK = {
- ALL:"ALL",
- BUILDDOCS:"BUILDDOCS",
- BUILDSOURCE:"BUILDSOURCE",
- CLEAN:"CLEAN"
-};
-
-var extraSourceFiles;
-
-//main entry point for script. Takes optimist argv object which
-//contains command line arguments.
-//This function is called at the bottom of the script
-function main(argv)
-{
- if(argv.h || argv.help)
- {
- displayUsage();
- process.exit(0);
- }
-
- if(argv.l || argv.list)
- {
- displayTasks();
- process.exit(0);
- }
-
- //default doesn't seem to be working for OPTIMIST right now
- //if task is not specified, we default to ALL
- var task = (!argv.tasks)?"ALL":argv.tasks.toUpperCase();
- format = (!argv.format)? "STANDARD" : argv.format.toUpperCase() ;
-
- if(!taskIsRecognized(task))
- {
- print(setColorText("Unrecognized task : " + task, "red"));
- displayUsage();
- process.exit(1);
- }
-
- version = argv.version || "NEXT";
- var type = OS.type().toLowerCase();
- if (type.indexOf("windows") != -1) {
- os = type;
- } else if (type.indexOf("darwin") != -1) {
- os = type;
- }
-
- if(argv.o)
- {
- js_file_name = argv.o;
- }
-
- var shouldBuildSource = (task == TASK.BUILDSOURCE);
- var shouldBuildDocs = (task == TASK.BUILDDOCS);
-
- if(task==TASK.CLEAN)
- {
- cleanTask(
- function(success)
- {
- print(setColorText("Clean Task Completed", "green"));
- }
- );
- }
-
- if(task == TASK.ALL)
- {
- shouldBuildSource = true;
- shouldBuildDocs = true;
- }
-
- if(shouldBuildDocs && (version == undefined))
- {
- displayUsage();
- process.exit(0);
- }
-
- if(shouldBuildSource)
- {
- buildSourceTask(function(success)
- {
- print(setColorText("\nBuild Source Task Complete", "green"));
- if(shouldBuildDocs)
- {
- buildDocsTask(version,
- function(success)
- {
- print(setColorText("Build Docs Task Complete", "green"));
- }
- );
- }
-
- });
- }
-
- if(shouldBuildDocs && task != "ALL")
- {
- buildDocsTask(version,
- function(success)
- {
- print(setColorText("Build Docs Task Complete","green"));
- }
- );
- }
-}
-
-
-/********** TASKS *************/
-
-
-function cleanTask(completeHandler)
-{
- if(FILE.existsSync(TMP_DIR_NAME))
- {
- WRENCH.rmdirSyncRecursive(TMP_DIR_NAME);
- }
-
- if(FILE.existsSync(OUTPUT_DIR_NAME))
- {
- WRENCH.rmdirSyncRecursive(OUTPUT_DIR_NAME);
- }
-}
-
-function buildSourceTask(completeHandler)
-{
- if(!FILE.existsSync(OUTPUT_DIR_NAME))
- {
- FILE.mkdirSync(OUTPUT_DIR_NAME);
- }
-
- js_file_name = js_file_name.split("%VERSION%").join(version);
-
- var file_args = [];
- var len = SOURCE_FILES.length;
- for(var i = 0; i < len; i++)
- {
- file_args.push("--js");
-
- var dirName = '"'+PATH.resolve(__dirname + SOURCE_FILES[i])+'"';
- var pattern = /[\w.\/% ]+version.js/g;
- var result = pattern.test(dirName);
-
- if (result) {
- var versionData = FILE.readFileSync(PATH.resolve(__dirname + SOURCE_FILES[i]), "UTF-8");
- pattern = /\/\*version\*\/"([\w.]+)"/g;
- var hasVersionFile = pattern.test(versionData);
- if (hasVersionFile) {
- var updateValues = {date:new Date().toUTCString(), version:version};
- updatedVersionData = replaceMetaData(versionData, updateValues);
-
- if (updatedVersionData.length != 0 || updatedVersionData != null || updatedVersionData != "") {
- FILE.writeFileSync(PATH.resolve(__dirname + SOURCE_FILES[i]), updatedVersionData, "UTF-8");
- } else {
- console.log(setColorText("Error -- updating version.js","red"));
- }
-
- }
- }
-
- file_args.push(dirName);
- }
-
- var tmp_file = '"'+PATH.join(OUTPUT_DIR_NAME,"tmp.js")+'"';
- var final_file = PATH.join(OUTPUT_DIR_NAME, js_file_name);
-
- GOOGLE_CLOSURE_PATH = '"'+GOOGLE_CLOSURE_PATH+'"';
-
- var cmd;
- if (format == "STANDARD") {
- cmd = [
- "java", "-jar", GOOGLE_CLOSURE_PATH
- ].concat(
- file_args
- ).concat(
- ["--js_output_file", tmp_file]
- );
- } else if (format == "PRETTY_PRINT") {
- cmd = [ "java", "-jar", GOOGLE_CLOSURE_PATH ].concat(file_args).concat(["--js_output_file", tmp_file]).concat(["--formatting", "PRETTY_PRINT"]).concat(["--compilation_level", "WHITESPACE_ONLY"]);
- }
-
- CHILD_PROCESS.exec(
- cmd.join(" "),
- function(error, stdout, stderr)
- {
-
- if (error !== null)
- {
- print(setColorText("Error Running Google Closure : " + error, "red"));
- exitWithFailure();
- }
-
- var license_data = FILE.readFileSync(__dirname + "/license.txt", "UTF-8");
- var path = tmp_file.substring(1, tmp_file.length-1);
- var final_data = FILE.readFileSync(path, "UTF-8");
-
- FILE.writeFileSync(final_file, license_data + final_data, "UTF-8");
-
- FILE.unlinkSync(path);
-
- completeHandler(true);
- }
- );
-}
-
-function buildDocsTask(version, completeHandler)
-{
- var parser_in="../src";
- var parser_out= PATH.join(TMP_DIR_NAME , "parser");
-
- var doc_dir=DOCS_DIR_NAME.split("%VERSION%").join(version);
- var doc_file=DOCS_FILE_NAME.split("%VERSION%").join(version);
-
- var generator_out=PATH.join(OUTPUT_DIR_NAME, doc_dir);
-
- var zipCommand = "";
- var yuidocCommand = ["yuidoc -q --themedir ./createjsTheme --outdir "+"./output/"+doc_dir+" --project-version", version];
- var type = OS.type().toLowerCase();
- if(type.indexOf("windows") != -1){
- //If 7zip.exe is currently with the /build directory.
- zipCommand = "..\\tools\\7-Zip\\7z a "+"output\\"+doc_file+" "+"output\\"+ doc_dir +" > %temp%\\7z-log.txt";
- } else {
- zipCommand = "cd ./output;zip -rq " + doc_file + " " + ""+doc_dir+" " + "*.DS_Store";
- }
-
- CHILD_PROCESS.exec(
- yuidocCommand.join(" "),
- function(error, stdout, stderr)
- {
-
- if (error !== null)
- {
- print(setColorText("Error Running YUI DOC : " + error, "red"));
- exitWithFailure();
- }
-
- CHILD_PROCESS.exec(
- zipCommand,
- function(error, stdout, stderr)
- {
-
- if (error !== null)
- {
- print(setColorText("Error ZIPPING Docs :" + error, "red"));
- exitWithFailure();
- }
- completeHandler(true);
- });
- });
-}
-
-/*************** some util methods ******************/
-
-function setColorText(str, color) {
- var type = color.toLowerCase();
- var colorStr = ""
- switch(type) {
- case "red":
- colorStr = "\033[31m"+str+"\033[0m";
- break;
- case "green":
- colorStr = "\033[32m"+str+"\033[0m";
- break;
- case "blue":
- colorStr = "\033[34m"+str+"\033[0m"
- break;
- case "magenta":
- colorStr = "\033[35m"+str+"\033[0m"
- break;
- case "white":
- colorStr = "\033[37m"+str+"\033[0m"
- break;
- case "cyan":
- colorStr = "\033[36m"+str+"\033[0m";
- break;
- case "yellow":
- colorStr = "\033[33m"+str+"\033[0m";
- break;
- default:
- colorStr = str;
- }
-
- return colorStr;
-}
-
-function replaceMetaData(data, values) {
- var finalResult = "";
- var newData = data;
- for(var n in values) {
- var pattern = new RegExp("(\/\\*"+n+"\\*\/\")(.*)(\";)", "i");
- var result = pattern.test(data);
- if (result) {
- finalResult = newData.replace(pattern, "$1"+values[n]+"$3");
- newData = finalResult;
- } else {
- console.log(setColorText("Error -- Unable to resolve value:"+ pattern, "red"));
- }
- }
- return finalResult;
-}
-
-
-function exitWithFailure()
-{
- process.exit(1);
-}
-
-function displayUsage()
-{
- print(setColorText(OPTIMIST.help(), "yellow"));
-}
-
-function displayTasks()
-{
- var out = "Available tasks: ";
-
- for(var _t in TASK)
- {
- out += TASK[_t] +", "
- }
-
- print(setColorText(out.slice(0, -2), "Cyan"));
-}
-
-function taskIsRecognized(task)
-{
- return TASK.hasOwnProperty(task);
-}
-
-function print(msg)
-{
- console.log(msg);
-}
-
-//call the main script entry point
-main(OPTIMIST.argv);
-
-
-
-
-
-
diff --git a/build/config.json b/build/config.json
index 33fd47fc..d8c1c258 100644
--- a/build/config.json
+++ b/build/config.json
@@ -1,21 +1,47 @@
-{
- "config_preloadjs": {
- "SOURCE_FILES": [
- "/../src/preloadjs/version.js",
- "/../src/easeljs/events/EventDispatcher.js",
- "/../src/preloadjs/AbstractLoader.js",
- "/../src/preloadjs/LoadQueue.js",
- "/../src/preloadjs/TagLoader.js",
- "/../src/preloadjs/XHRLoader.js"
- ],
- "JS_FILE_NAME" : "preloadjs-%VERSION%.min.js",
- "PROJECT_NAME" : "PreloadJS",
- "PROJECT_URL" : "http://createjs.com/",
- "DOCS_DIR_NAME" : "_docs-%VERSION%",
- "DOCS_FILE_NAME": ".zip",
- "OUTPUT_DIR_NAME" : "/output",
- "TEMPLATE_DIR_PATH" : "/template",
- "TMP_DIR_NAME" : "/tmp",
- "GOOGLE_CLOSURE_PATH" : "/../tools/google-closure/compiler.jar"
- }
-}
+{
+ "source": [
+ "../src/preloadjs/version.js",
+ "../src/createjs/utils/extend.js",
+ "../src/createjs/utils/promote.js",
+ "../src/createjs/utils/deprecate.js",
+ "../src/createjs/utils/proxy.js",
+ "../src/createjs/utils/indexOf.js",
+ "../src/createjs/events/Event.js",
+ "../src/createjs/events/ErrorEvent.js",
+ "../src/createjs/events/EventDispatcher.js",
+
+ "../src/preloadjs/events/ProgressEvent.js",
+ "../src/preloadjs/utils/json3.js",
+ "../src/preloadjs/utils/Elements.js",
+ "../src/preloadjs/utils/URLUtils.js",
+ "../src/preloadjs/utils/DomUtils.js",
+ "../src/preloadjs/utils/DataUtils.js",
+ "../src/preloadjs/data/Types.js",
+ "../src/preloadjs/data/Methods.js",
+ "../src/preloadjs/data/LoadItem.js",
+ "../src/preloadjs/utils/RequestUtils.js",
+ "../src/preloadjs/loaders/AbstractLoader.js",
+ "../src/preloadjs/loaders/AbstractMediaLoader.js",
+ "../src/preloadjs/net/AbstractRequest.js",
+ "../src/preloadjs/net/TagRequest.js",
+ "../src/preloadjs/net/MediaTagRequest.js",
+ "../src/preloadjs/net/XHRRequest.js",
+ "../src/preloadjs/LoadQueue.js",
+ "../src/preloadjs/loaders/TextLoader.js",
+ "../src/preloadjs/loaders/BinaryLoader.js",
+ "../src/preloadjs/loaders/CSSLoader.js",
+ "../src/preloadjs/loaders/FontLoader.js",
+ "../src/preloadjs/loaders/ImageLoader.js",
+ "../src/preloadjs/loaders/JavaScriptLoader.js",
+ "../src/preloadjs/loaders/JSONLoader.js",
+ "../src/preloadjs/loaders/JSONPLoader.js",
+ "../src/preloadjs/loaders/ManifestLoader.js",
+ "../src/preloadjs/loaders/SoundLoader.js",
+ "../src/preloadjs/loaders/VideoLoader.js",
+ "../src/preloadjs/loaders/SpriteSheetLoader.js",
+ "../src/preloadjs/loaders/SVGLoader.js",
+ "../src/preloadjs/loaders/XMLLoader.js"
+ ],
+
+ "docs_out_path": "../../createjs-com_version2/docs/preloadjs/"
+}
diff --git a/build/createjsTheme/assets/PreloadJS_16x16.png b/build/createjsTheme/assets/PreloadJS_16x16.png
deleted file mode 100755
index 14fcb351..00000000
Binary files a/build/createjsTheme/assets/PreloadJS_16x16.png and /dev/null differ
diff --git a/build/createjsTheme/assets/css/yui-cssgrids-min.css b/build/createjsTheme/assets/css/yui-cssgrids-min.css
new file mode 100644
index 00000000..52a2262b
--- /dev/null
+++ b/build/createjsTheme/assets/css/yui-cssgrids-min.css
@@ -0,0 +1 @@
+.yui3-g{letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em}.yui3-u{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top}.yui3-u-1,.yui3-u-1-2,.yui3-u-1-3,.yui3-u-2-3,.yui3-u-1-4,.yui3-u-3-4,.yui3-u-1-5,.yui3-u-2-5,.yui3-u-3-5,.yui3-u-4-5,.yui3-u-1-6,.yui3-u-5-6,.yui3-u-1-8,.yui3-u-3-8,.yui3-u-5-8,.yui3-u-7-8,.yui3-u-1-12,.yui3-u-5-12,.yui3-u-7-12,.yui3-u-11-12,.yui3-u-1-24,.yui3-u-5-24,.yui3-u-7-24,.yui3-u-11-24,.yui3-u-13-24,.yui3-u-17-24,.yui3-u-19-24,.yui3-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top}.yui3-u-1{display:block}.yui3-u-1-2{width:50%}.yui3-u-1-3{width:33.33333%}.yui3-u-2-3{width:66.66666%}.yui3-u-1-4{width:25%}.yui3-u-3-4{width:75%}.yui3-u-1-5{width:20%}.yui3-u-2-5{width:40%}.yui3-u-3-5{width:60%}.yui3-u-4-5{width:80%}.yui3-u-1-6{width:16.656%}.yui3-u-5-6{width:83.33%}.yui3-u-1-8{width:12.5%}.yui3-u-3-8{width:37.5%}.yui3-u-5-8{width:62.5%}.yui3-u-7-8{width:87.5%}.yui3-u-1-12{width:8.3333%}.yui3-u-5-12{width:41.6666%}.yui3-u-7-12{width:58.3333%}.yui3-u-11-12{width:91.6666%}.yui3-u-1-24{width:4.1666%}.yui3-u-5-24{width:20.8333%}.yui3-u-7-24{width:29.1666%}.yui3-u-11-24{width:45.8333%}.yui3-u-13-24{width:54.1666%}.yui3-u-17-24{width:70.8333%}.yui3-u-19-24{width:79.1666%}.yui3-u-23-24{width:95.8333%}#yui3-css-stamp.cssgrids{display:none}.yui3-widget-hidden{display:none}.yui3-widget-content{overflow:hidden}.yui3-widget-content-expanded{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:100%}.yui3-widget-tmp-forcesize{overflow:hidden !important}#yui3-css-stamp.skin-sam-widget-base{display:none}.yui3-tab-panel{display:none}.yui3-tab-panel-selected{display:block}.yui3-tabview-list,.yui3-tab{margin:0;padding:0;list-style:none}.yui3-tabview{position:relative}.yui3-tabview,.yui3-tabview-list,.yui3-tabview-panel,.yui3-tab,.yui3-tab-panel{zoom:1}.yui3-tab{display:inline-block;*display:inline;vertical-align:bottom;cursor:pointer}.yui3-tab-label{display:block;display:inline-block;padding:6px 10px;position:relative;text-decoration:none;vertical-align:bottom}.yui3-skin-sam .yui3-tabview-list{border:solid #2647a0;border-width:0 0 5px;zoom:1}.yui3-skin-sam .yui3-tab{margin:0 .2em 0 0;padding:1px 0 0;zoom:1}.yui3-skin-sam .yui3-tab-selected{margin-bottom:-1px}.yui3-skin-sam .yui3-tab-label{background:#d8d8d8 url(https://yui.yahooapis.com/3.10.1/build/assets/skins/sam/sprite.png) repeat-x;border:solid #a3a3a3;border-width:1px 1px 0 1px;color:#000;cursor:pointer;font-size:85%;padding:.3em .75em;text-decoration:none}.yui3-skin-sam .yui3-tab-label:hover,.yui3-skin-sam .yui3-tab-label:focus{background:#bfdaff url(http://yui.yahooapis.com/3.10.1/build/assets/skins/sam/sprite.png) repeat-x left -1300px;outline:0}.yui3-skin-sam .yui3-tab-selected .yui3-tab-label,.yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus,.yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover{background:#2647a0 url(http://yui.yahooapis.com/3.10.1/build/assets/skins/sam/sprite.png) repeat-x left -1400px;color:#fff}.yui3-skin-sam .yui3-tab-selected .yui3-tab-label{padding:.4em .75em}.yui3-skin-sam .yui3-tab-selected .yui3-tab-label{border-color:#243356}.yui3-skin-sam .yui3-tabview-panel{background:#edf5ff}.yui3-skin-sam .yui3-tabview-panel{border:1px solid gray;border-top-color:#243356;padding:.25em .5em}#yui3-css-stamp.skin-sam-tabview{display:none}
\ No newline at end of file
diff --git a/build/createjsTheme/assets/docs-icon-PreloadJS.png b/build/createjsTheme/assets/docs-icon-PreloadJS.png
new file mode 100644
index 00000000..9a6cae63
Binary files /dev/null and b/build/createjsTheme/assets/docs-icon-PreloadJS.png differ
diff --git a/build/createjsTheme/assets/favicon.ico b/build/createjsTheme/assets/favicon.ico
new file mode 100644
index 00000000..628a4793
Binary files /dev/null and b/build/createjsTheme/assets/favicon.ico differ
diff --git a/build/createjsTheme/assets/js/api-filter.js b/build/createjsTheme/assets/js/api-filter.js
deleted file mode 100755
index 37aefbab..00000000
--- a/build/createjsTheme/assets/js/api-filter.js
+++ /dev/null
@@ -1,52 +0,0 @@
-YUI.add('api-filter', function (Y) {
-
-Y.APIFilter = Y.Base.create('apiFilter', Y.Base, [Y.AutoCompleteBase], {
- // -- Initializer ----------------------------------------------------------
- initializer: function () {
- this._bindUIACBase();
- this._syncUIACBase();
- },
- getDisplayName: function(name) {
-
- Y.each(Y.YUIDoc.meta.allModules, function(i) {
- if (i.name === name && i.displayName) {
- name = i.displayName;
- }
- });
-
- return name;
- }
-
-}, {
- // -- Attributes -----------------------------------------------------------
- ATTRS: {
- resultHighlighter: {
- value: 'phraseMatch'
- },
-
- // May be set to "classes" or "modules".
- queryType: {
- value: 'classes'
- },
-
- source: {
- valueFn: function() {
- var self = this;
- return function(q) {
- var data = Y.YUIDoc.meta[self.get('queryType')],
- out = [];
- Y.each(data, function(v) {
- if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {
- out.push(v);
- }
- });
- return out;
- };
- }
- }
- }
-});
-
-}, '3.4.0', {requires: [
- 'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources'
-]});
diff --git a/build/createjsTheme/assets/js/api-list.js b/build/createjsTheme/assets/js/api-list.js
deleted file mode 100755
index 88905b52..00000000
--- a/build/createjsTheme/assets/js/api-list.js
+++ /dev/null
@@ -1,251 +0,0 @@
-YUI.add('api-list', function (Y) {
-
-var Lang = Y.Lang,
- YArray = Y.Array,
-
- APIList = Y.namespace('APIList'),
-
- classesNode = Y.one('#api-classes'),
- inputNode = Y.one('#api-filter'),
- modulesNode = Y.one('#api-modules'),
- tabviewNode = Y.one('#api-tabview'),
-
- tabs = APIList.tabs = {},
-
- filter = APIList.filter = new Y.APIFilter({
- inputNode : inputNode,
- maxResults: 1000,
-
- on: {
- results: onFilterResults
- }
- }),
-
- search = APIList.search = new Y.APISearch({
- inputNode : inputNode,
- maxResults: 100,
-
- on: {
- clear : onSearchClear,
- results: onSearchResults
- }
- }),
-
- tabview = APIList.tabview = new Y.TabView({
- srcNode : tabviewNode,
- panelNode: '#api-tabview-panel',
- render : true,
-
- on: {
- selectionChange: onTabSelectionChange
- }
- }),
-
- focusManager = APIList.focusManager = tabviewNode.plug(Y.Plugin.NodeFocusManager, {
- circular : true,
- descendants: '#api-filter, .yui3-tab-panel-selected .api-list-item a, .yui3-tab-panel-selected .result a',
- keys : {next: 'down:40', previous: 'down:38'}
- }).focusManager,
-
- LIST_ITEM_TEMPLATE =
- '' + - 'Some items are not shown due to the current visibility ' + - 'settings. Use the checkboxes at the upper right of this ' + - 'page to change the visibility settings.' + - '
' + - '' + - 'This class doesn\'t provide any methods, properties, ' + - 'attributes, or events.' + - '
' + - 'Some items are not shown due to the current visibility settings. Use the checkboxes at the upper right of this page to change the visibility settings.
This class doesn\'t provide any methods, properties, attributes, or events.
// elements inside
- blocks. */
-pre code,
-pre kbd,
-pre samp {
- font-size: 100%;
+pre.cmd,
+pre.code {
+ background: $color_gray-darkest;
+ border-left: $gridUnit-smallest solid $color_gray-dark;
+ margin: $gridUnit-large 0;
}
+
+.description,
+.box.intro,
+.param-description,
+.returns-description {
+ code {
+ background-color: $color-gray-lighter;
+ }
+}
+pre code { background-color: transparent !important; }
+
+
+
/* Used to denote text that shouldn't be selectable, such as line numbers or
- shell prompts. Guess which browser this doesn't work in. */
+shell prompts. Guess which browser this doesn't work in. */
.noselect {
-moz-user-select: -moz-none;
-khtml-user-select: none;
@@ -191,12 +188,12 @@ table {
}
td,
th {
- border: 1px solid #fff;
+ border: 1px solid $color_gray-lightest;
padding: 5px 12px;
vertical-align: top;
}
td {
- background: #E6E9F5;
+ background: $color_gray-lighter;
}
td dl {
margin: 0;
@@ -208,13 +205,12 @@ td pre:first-child {
margin-top: 0;
}
th {
- background: #D2D7E6;
- /*#97A0BF*/
+ background: $color_gray-light;
border-bottom: none;
border-top: none;
- color: #000;
- /*#FFF1D5*/
+ color: $color_gray-darker;
+ /*$color_gray-lightest1D5*/
font-family: 'Trebuchet MS', sans-serif;
font-weight: bold;
@@ -228,18 +224,22 @@ th {
}
.content {
padding: 0 20px 0 25px;
+ max-width: 104rem;
+}
+.content.source-content{
+ max-width: none;
}
.sidebar {
padding: 0 2em;
}
#bd {
- padding: 7px 0 130px;
+ padding: $gridUnit-large 0 $gridUnit-larger;
position: relative;
width: 99%;
}
/* -- Table of Contents ----------------------------------------------------- */
/* The #toc id refers to the single global table of contents, while the .toc
- class refers to generic TOC lists that could be used throughout the page. */
+class refers to generic TOC lists that could be used throughout the page. */
.toc code,
.toc kbd,
.toc samp {
@@ -269,29 +269,29 @@ th {
*/
/* -- Other Styles ---------------------------------------------------------- */
/* These are probably YUI-specific, and should be moved out of Selleck's default
- theme. */
+theme. */
.button {
- border: 1px solid #dadada;
+ border: 1px solid $color_gray-lighter;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
- color: #444;
+ color: $color_gray-darker;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 92.308%;
font-weight: bold;
padding: 4px 13px 3px;
- -moz-text-shadow: 1px 1px 0 #fff;
- -webkit-text-shadow: 1px 1px 0 #fff;
- text-shadow: 1px 1px 0 #fff;
+ -moz-text-shadow: 1px 1px 0 $color_gray-lightest;
+ -webkit-text-shadow: 1px 1px 0 $color_gray-lightest;
+ text-shadow: 1px 1px 0 $color_gray-lightest;
white-space: nowrap;
- background: #EFEFEF;
+ background: $color_gray-lighter;
/* old browsers */
- background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%);
+ background: -moz-linear-gradient(top, #f5f5f5 0%, $color_gray-lighter 50%, #e5e5e5 51%, #dfdfdf 100%);
/* firefox */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(50%, #efefef), color-stop(51%, #e5e5e5), color-stop(100%, #dfdfdf));
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(50%, $color_gray-lighter), color-stop(51%, #e5e5e5), color-stop(100%, #dfdfdf));
/* webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf', GradientType=0);
@@ -300,7 +300,7 @@ th {
}
.button:hover {
border-color: #466899;
- color: #fff;
+ color: $color_gray-lightest;
text-decoration: none;
-moz-text-shadow: 1px 1px 0 #222;
-webkit-text-shadow: 1px 1px 0 #222;
@@ -321,27 +321,35 @@ th {
.newwindow {
text-align: center;
}
-#hd h1 {
- font-size: 250%;
- text-transform: uppercase;
-}
.header {
- padding: 2em !important;
+ padding: 1em 0 0 0 !important;
+ background-color: $color_gray-dark;
+ a:hover {
+ background: transparent;
+ }
+ .yui3-u-3-4 {
+ width: 100%;
+ }
+}
+.header .version {
+ display: block;
+ background: $color_gray-dark;
+ padding: 0 $gridUnit-smaller;
+ width: 100%;
+ text-align: right;
}
.header .version em {
display: block;
text-align: right;
- line-height: 60px;
- color: #444444;
+ line-height: 32px;
+ color: $color_gray-default;
+ margin-bottom: 0;
}
#classdocs .item {
- border-bottom: 1px solid #c3c3c3;
+ border-bottom: 1px solid $color_gray-light;
margin: 0 !important;
padding: 2em;
}
-#classdocs h2 {
- padding-top: 0 !important;
-}
#classdocs .item .params p,
#classdocs .item .returns p {
display: inline;
@@ -389,20 +397,38 @@ ul li p {
.apidocs .attrs .extends .attr,
.apidocs .events .extends .event {
font-weight: bold;
+ a {
+ font-weight: bold;
+ }
}
.apidocs .methods .extends .inherited,
.apidocs .properties .extends .inherited,
.apidocs .attrs .extends .inherited,
.apidocs .events .extends .inherited {
font-weight: normal;
+ a {
+ font-weight: normal;
+ }
}
+
#hd {
padding: 0 15px 1px 20px;
}
-#hd img {
- margin-right: 10px;
+#hd a {
+ display: block;
+ margin: 0 auto;
vertical-align: middle;
+ text-align: center;
+ img {
+ display: inline-block;
+ height: 60px;
+ margin-bottom: $gridUnit-small;
+ }
+}
+#hd a:hover {
+ background: transparent;
}
+
/* -- API Docs CSS ---------------------------------------------------------- */
/*
This file is organized so that more generic styles are nearer the top, and more
@@ -425,239 +451,227 @@ specific tabview, see the other sections below.
visibility: visible;
}
.apidocs .tabview .yui3-tabview-panel {
- background: #f3f3f3;
- padding: 1em;
- border-radius: 0 0 1em 1em !important;
- border: 1px solid #c3c3c3 !important;
+ padding: 0;
}
/* -- Generic Content Styles ------------------------------------------------ */
-/* Headings */
-h2,
-h3,
-h4,
-h5,
-h6 {
- border: none;
- color: #30418C;
- font-weight: bold;
- text-decoration: none;
-}
+
.link-docs {
float: right;
font-size: 15px;
margin: 4px 4px 6px;
padding: 6px 30px 5px;
}
-.apidocs {
- zoom: 1;
-}
+
/* Generic box styles. */
.apidocs .box {
- border: 1px solid;
- border-radius: 3px;
margin: 1em 0;
padding: 0 1em;
}
/* A flag is a compact, capsule-like indicator of some kind. It's used to
indicate private and protected items, item return types, etc. in an
attractive and unobtrusive way. */
-.apidocs .flag {
- background: #444444;
- border-radius: 3px;
- color: #fff;
- font-size: 11px;
- margin: 0 0.5em;
- padding: 4px;
- position: relative;
- top: -2px;
-}
-/* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
-.apidocs .meta {
- border: none;
- border-top: 1px solid #c3c3c3;
- color: #555;
- font-size: 11px;
- padding: 1em 0;
-}
-.apidocs .meta p {
- margin: 0;
-}
-/* Deprecation warning. */
-.apidocs .box.deprecated,
-.apidocs .flag.deprecated {
- background: #fdac9f;
- border: 1px solid #fd7775;
-}
-.apidocs .box.deprecated p {
- margin: 0.5em 0;
-}
-.apidocs .flag.deprecated {
- color: #444444;
-}
-/* Module/Class intro description. */
-.apidocs .intro {
- background: none;
- border: none;
- padding: 0 !important;
-}
-/* Loading spinners. */
-#bd.loading .apidocs,
-#api-list.loading .yui3-tabview-panel {
- background: #ffffff url(../img/spinner.gif) no-repeat center 70px;
- min-height: 150px;
-}
-#bd.loading .apidocs .content,
-#api-list.loading .yui3-tabview-panel .apis {
- display: none;
-}
-.apidocs .no-visible-items {
- color: #666;
-}
-/* Generic inline list. */
-.apidocs ul.inline {
- display: inline;
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.apidocs ul.inline li {
- display: inline;
-}
-/* Comma-separated list. */
-.apidocs ul.commas li:after {
- content: ',';
-}
-.apidocs ul.commas li:last-child:after {
- content: '';
-}
-/* Keyboard shortcuts. */
-kbd .cmd {
- font-family: Monaco, Helvetica;
-}
-/* -- Generic Access Level styles ------------------------------------------- */
-.apidocs .item.protected,
-.apidocs .item.private,
-.apidocs .index-item.protected,
-.apidocs .index-item.deprecated,
-.apidocs .index-item.private {
- display: none;
-}
-.show-deprecated .item.deprecated,
-.show-deprecated .index-item.deprecated,
-.show-protected .item.protected,
-.show-protected .index-item.protected,
-.show-private .item.private,
-.show-private .index-item.private {
- display: block;
-}
-.hide-inherited .item.inherited,
-.hide-inherited .index-item.inherited {
- display: none;
-}
-/* -- Generic Item Index styles --------------------------------------------- */
-.apidocs .index h3 {
- border-bottom: 1px solid #efefef;
- color: #444444;
- font-size: 13px;
- margin: 2em 0 0.6em;
- padding-bottom: 2px;
-}
-.apidocs .index .no-visible-items {
- margin-top: 2em;
-}
-.apidocs .index-list {
- border-color: #efefef;
+ .apidocs .flag {
+ background: transparentize($color_gray-darker, 0.9);
+ color: $color_gray-darker;
+ font-size: 11px;
+ margin: 0 0.5em;
+ padding: 4px;
+ position: relative;
+ top: 0;
+ }
+ /* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
+ .apidocs .meta {
+ color: $color_gray-default;
+ font-size: $fontSize-smallest;
+ padding: 1em 0;
+ }
+ .apidocs .meta p {
+ margin: 0;
+ }
+ .module-class {
+ font-size: $fontSize-smaller;
+ }
+ /* Deprecation warning. */
+ .apidocs .box.deprecated,
+ .apidocs .flag.deprecated {
+ background: $color_tweenjs-default-transparent;
+ border: 1px solid #fd7775;
+ p {
+ color: $color_gray-darkest;
+ }
+ }
+ .apidocs .box.deprecated p {
+ margin: 0.5em 0;
+ }
+ .apidocs .flag.deprecated {
+ color: $color_gray-darker;
+ }
+ /* Module/Class intro description. */
+ .apidocs .intro {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
+ border: medium none;
+ font-family: $fontFamily-secondary;
+ font-size: $fontSize-smaller;
+ line-height: $gridUnit-small;
+ padding: 0 !important;
+ }
+ /* Loading spinners. */
+ #bd.loading .apidocs,
+ #api-list.loading .yui3-tabview-panel {
+ background: $color_gray-lightest url(../img/spinner.gif) no-repeat center 70px;
+ min-height: 150px;
+ }
+ #bd.loading .apidocs .content,
+ #api-list.loading .yui3-tabview-panel .apis {
+ display: none;
+ }
+ .apidocs .no-visible-items {
+ color: $color_gray-default;
+ }
+ /* Generic inline list. */
+ .apidocs ul.inline {
+ display: inline;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ }
+ .apidocs ul.inline li {
+ display: inline;
+ }
+ /* Comma-separated list. */
+ .apidocs ul.commas li:after {
+ content: ',';
+ font-size: $fontSize-smaller;
+ }
+ .apidocs ul.commas li:last-child:after {
+ content: '';
+ }
+ /* Keyboard shortcuts. */
+ kbd .cmd {
+ font-family: $fontFamily-monospace;
+ }
+ /* -- Generic Access Level styles ------------------------------------------- */
+ .apidocs .item.protected,
+ .apidocs .item.private,
+ .apidocs .index-item.protected,
+ .apidocs .index-item.deprecated,
+ .apidocs .index-item.private {
+ display: none;
+ }
+ .show-deprecated .item.deprecated,
+ .show-deprecated .index-item.deprecated,
+ .show-protected .item.protected,
+ .show-protected .index-item.protected,
+ .show-private .item.private,
+ .show-private .index-item.private {
+ display: block;
+ }
+ .hide-inherited .item.inherited,
+ .hide-inherited .index-item.inherited {
+ display: none;
+ }
+ /* -- Generic Item Index styles --------------------------------------------- */
+ .apidocs .index h3 {
+ border-bottom: 1px solid $color_gray-light;
+ color: $color_gray-darker;
+ font-size: 13px;
+ margin: 1em 0 0.6em;
+ padding-bottom: 2px;
+ }
+ .apidocs .index .no-visible-items {
+ margin-top: 2em;
+ }
+ .apidocs .index-list {
+ border-color: $color_gray-lighter;
+ font-size: 12px;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ -moz-column-count: 4;
+ -moz-column-gap: 10px;
+ -moz-column-width: 170px;
+ -ms-column-count: 4;
+ -ms-column-gap: 10px;
+ -ms-column-width: 170px;
+ -o-column-count: 4;
+ -o-column-gap: 10px;
+ -o-column-width: 170px;
+ -webkit-column-count: 4;
+ -webkit-column-gap: 10px;
+ -webkit-column-width: 170px;
+ column-count: 4;
+ column-gap: 10px;
+ column-width: 170px;
+ }
+ .apidocs .no-columns .index-list {
+ -moz-column-count: 1;
+ -ms-column-count: 1;
+ -o-column-count: 1;
+ -webkit-column-count: 1;
+ column-count: 1;
+ }
+ .apidocs .index-item {
+ white-space: nowrap;
+ }
+ .apidocs .index-item .flag {
+ background: none;
+ border: none;
+ color: #afafaf;
+ display: inline;
+ margin: 0 0 0 0.2em;
+ padding: 0;
+ }
+ /* -- Generic API item styles ----------------------------------------------- */
+ .apidocs .args {
+ display: inline;
+ margin: 0 0.5em;
+ }
+ .apidocs .flag.chainable {
+ background: #46ca3b;
+ }
+ .apidocs .flag.protected {
+ background: #9b86fc;
+ }
+ .apidocs .flag.private {
+ background: #fd6b1b;
+ }
+ .apidocs .flag.async {
+ background: $color_gray-darker;
+ }
+ .apidocs .flag.required {
+ background: #e60923;
+ }
+ .apidocs .item {
+ border-bottom: 1px solid $color_gray-lighter;
+ margin: 1.5em 0 2em;
+ padding-bottom: 2em;
+ }
+ .apidocs .item .description p,
+ .apidocs .item pre.code {
+ margin: 1em 0 0;
+ }
+ .apidocs .item .description {
+ font-size: $fontSize-smaller;
+ }
+ .apidocs .item .meta {
+ background: none;
+ border: none;
+ padding: 0;
+ }
+ .apidocs .item .name {
+ display: inline;
+ font-size: 14px;
+ }
+ .apidocs .item .type,
+ .apidocs .item .type a,
+ .apidocs .returns-inline {
+ //color: $color_gray-default;
+ text-decoration: none;
font-size: 12px;
- list-style: none;
- margin: 0;
- padding: 0;
- -moz-column-count: 4;
- -moz-column-gap: 10px;
- -moz-column-width: 170px;
- -ms-column-count: 4;
- -ms-column-gap: 10px;
- -ms-column-width: 170px;
- -o-column-count: 4;
- -o-column-gap: 10px;
- -o-column-width: 170px;
- -webkit-column-count: 4;
- -webkit-column-gap: 10px;
- -webkit-column-width: 170px;
- column-count: 4;
- column-gap: 10px;
- column-width: 170px;
-}
-.apidocs .no-columns .index-list {
- -moz-column-count: 1;
- -ms-column-count: 1;
- -o-column-count: 1;
- -webkit-column-count: 1;
- column-count: 1;
-}
-.apidocs .index-item {
- white-space: nowrap;
-}
-.apidocs .index-item .flag {
- background: none;
- border: none;
- color: #afafaf;
- display: inline;
- margin: 0 0 0 0.2em;
- padding: 0;
-}
-/* -- Generic API item styles ----------------------------------------------- */
-.apidocs .args {
- display: inline;
- margin: 0 0.5em;
-}
-.apidocs .flag.chainable {
- background: #46ca3b;
-}
-.apidocs .flag.protected {
- background: #9b86fc;
-}
-.apidocs .flag.private {
- background: #fd6b1b;
-}
-.apidocs .flag.async {
- background: #356de4;
-}
-.apidocs .flag.required {
- background: #e60923;
-}
-.apidocs .item {
- border-bottom: 1px solid #efefef;
- margin: 1.5em 0 2em;
- padding-bottom: 2em;
-}
-.apidocs .item h4,
-.apidocs .item h5,
-.apidocs .item h6 {
- color: #444444;
- font-family: inherit;
- font-size: 100%;
-}
-.apidocs .item .description p,
-.apidocs .item pre.code {
- margin: 1em 0 0;
-}
-.apidocs .item .meta {
- background: none;
- border: none;
- padding: 0;
-}
-.apidocs .item .name {
- display: inline;
- font-size: 14px;
-}
-.apidocs .item .type,
-.apidocs .item .type a,
-.apidocs .returns-inline {
- color: #555;
}
.apidocs .item .type,
.apidocs .returns-inline {
- font-size: 11px;
+ font-size: 12px;
margin: 0 0 0 0;
}
.apidocs .item .type a {
@@ -675,16 +689,22 @@ kbd .cmd {
.apidocs .param {
margin-bottom: 1em;
}
+.apidocs .param-description {
+ font-size: $fontSize-smaller;
+ code {
+ font-size: $fontSize-smallest
+ }
+}
.apidocs .param .type,
.apidocs .param .type a {
- color: #666;
+ //color: $color_gray-default;
}
.apidocs .param .type {
margin: 0 0 0 0.5em;
*margin-left: 0.5em;
}
.apidocs .param-name {
- font-weight: bold;
+ // font-weight: bold;
}
/* -- Item "Emits" block ---------------------------------------------------- */
.apidocs .item .emits {
@@ -694,7 +714,7 @@ kbd .cmd {
/* -- Item "Returns" block -------------------------------------------------- */
.apidocs .item .returns .type,
.apidocs .item .returns .type a {
- font-size: 100%;
+ font-size: 12px;
margin: 0;
}
/* -- Class Constructor block ----------------------------------------------- */
@@ -710,6 +730,11 @@ kbd .cmd {
overflow: visible;
padding: 0;
}
+pre.prettyprint {
+ border-top: inherit;
+ border-right: inherit;
+ border-bottom: inherit;
+}
.apidocs .L0,
.apidocs .L1,
.apidocs .L2,
@@ -736,7 +761,7 @@ kbd .cmd {
}
#api-tabview-filter,
#api-tabview-panel {
- background: #f3f3f3;
+ background: $color_gray-lighter;
border: none !important;
}
#api-tabview-filter {
@@ -775,44 +800,39 @@ kbd .cmd {
/*#api-options label { margin-right: 0.6em; }*/
/* -- API list -------------------------------------------------------------- */
#api-list {
- margin-top: -2em;
- *zoom: 1;
+ margin-top: 0em;
}
#api-modules {
- border-bottom: 1px solid #c3c3c3;
+ background-color: $color_gray-light
}
.apis {
font-size: 12px;
line-height: 1.4;
list-style: none;
margin: 0;
- padding: 0.5em 0 0.5em 0.4em;
+ padding: 0 0 0 0.4em;
}
.apis a {
- border: 1px solid transparent;
display: block;
+ font-size: 1.3rem;
+ font-weight: 700;
margin: 0 0 0 -4px;
- padding: 0.4em;
+ padding: 0.1rem 1.4em;
text-decoration: none;
- _border: none;
- _display: inline;
- color: #444444 !important;
-}
-.apis a:hover,
-.apis a:focus {
- background: #444444;
- color: white !important;
- border-radius: 3px;
- color: #444444;
- outline: none;
+}
+#api-modules.apis a {
+ font-size: $fontSize-smaller;
+}
+.apis li {
+ margin: 0;
}
.api-list-item a:hover,
.api-list-item a:focus {
font-weight: bold;
- text-shadow: 1px 1px 1px #fff;
+ text-shadow: 1px 1px 1px $color_gray-lightest;
}
.apis .message {
- color: #888;
+ color: $color_gray-light;
}
.apis .result a {
padding: 3px 5px 2px;
@@ -825,34 +845,94 @@ kbd .cmd {
font-weight: bold;
}
/* -- YUI Overrides -------------------------------------------------------------- */
-.yui3-skin-sam .yui3-tab-selected .yui3-tab-label {
+.yui3-skin-sam .yui3-tab-selected a.yui3-tab-label {
border: none !important;
+ &::after {
+ display: none !important;
+ }
}
.yui3-skin-sam .yui3-tab-label {
padding: 1em !important;
border: none !important;
background: none !important;
- background-color: #c3c3c3 !important;
+ background-color: $color_gray-light !important;
}
.yui3-skin-sam .yui3-tab-label:hover {
- background-color: #444444 !important;
- color: white !important;
-}
-/* Important Library Specifics, find and replace
- @color-CreateJS: #e7841d;
- @color-EaselJS: #3399ff;
- @color-TweenJS: #f12528;
- @color-SoundJS: #8765d6;
- @color-PreloadJS: #bb2ee5;
- @color-Zoe: #00b224;
- */
-.yui3-skin-sam .yui3-tab-selected .yui3-tab-label,
-.yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus,
-.yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover {
- background: none !important;
- border: none !important;
- background-color: #bb2ee5 !important;
+ background-color: $color_gray-darker !important;
+ color: $color_gray-lightest !important;
}
-.yui3-skin-sam .yui3-tabview-list {
- border-bottom: 5px solid #bb2ee5 !important;
+
+.yui3-tab-panel-selected {
+ padding: $gridUnit-smaller;
+}
+div#hd.yui3-g.header {
+ word-spacing: normal;
+ letter-spacing: normal;
+}
+
+// Syntax Highlighting
+.pln {
+ color: $color_gray-lighter;
+}
+.com {
+ color: lighten($color_gray-dark, 10%);
+}
+.kwd {
+ color: $color_easeljs-default;
+}
+.str {
+ color: $color_createjs-default;
+}
+.typ {
+ color: $color_tweenjs-default;
+}
+.lit {
+ color: $color_preloadjs-default;
+}
+.pun,
+.opn,
+.clo {
+ color: $color_soundjs-default;
+}
+
+ol.linenums {
+ position: relative;
+ padding-left: 60px;
+ &::before {
+ content: '';
+ position: absolute;
+ top:0;
+ bottom:0;
+ left:0;
+ width: 5.5rem;
+ background-color: $color_gray-dark;;
+ }
+ .file-line {
+ position: relative;
+ z-index: 2;
+ color:$color_gray-darkest;
+ }
+}
+
+.yui3-skin-sam .yui3-tab-label,
+.yui3-skin-sam .yui3-tab-selected a.yui3-tab-label {
+ font-size: $fontSize-smallest;
+ &::after {
+ top:0;
+ bottom:0;
+ left:0;
+ right:0;
+ }
+}
+
+ol.linenums .file-line {
+ color: $color_gray-light;
+}
+
+.apidocs .file pre.code, #doc .apidocs .file pre.prettyprint {
+ overflow-x: auto;
+ background-color: $color_gray-darkest;
+}
+#doc {
+ overflow-x: hidden;
}
diff --git a/build/createjsTheme/assets/scss/settings/breakpoint.scss b/build/createjsTheme/assets/scss/settings/breakpoint.scss
new file mode 100644
index 00000000..a11bdbd3
--- /dev/null
+++ b/build/createjsTheme/assets/scss/settings/breakpoint.scss
@@ -0,0 +1,51 @@
+//*******************************************
+//
+// BREAKPOINT SETTINGS
+// Default breakpoint settings used by gBootstrap
+//
+// Contents
+// 1) GENERIC WIDTHS
+// 2) MAX-WIDTH
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// GENERIC WIDTHS
+//
+//*******************************************
+// Small Devices i.e. "Phones"
+//$bp_width-320: 320px;
+$bp_width-480: 480px;
+$bp_width-500: 500px;
+$bp_width-600: 600px;
+
+// Medium Devices i.e. "Tablets"
+//$bp_width-640: 640px;
+$bp_width-700: 700px;
+
+// iFrame width
+$bp_width-960: 960px;
+
+// Standard Devices i.e. "Laptops or Desktops"
+$bp_width-1024: 1024px;
+
+// Large Devices i.e. "Large Monitors"
+//$bp_width-1300: 1300px;
+//$bp_width-1400: 1400px;
+//$bp_width-1600: 1600px;
+//$bp_width-1700: 1700px;
+//$bp_width-2000: 2000px;
+
+
+
+//*******************************************
+//
+// MAX-WIDTH
+//
+//*******************************************
+$bp_width-max: 1140px;
+$bp_width-1300: 1300px;
+$bp_width-1600: 1600px;
diff --git a/build/createjsTheme/assets/scss/settings/color.scss b/build/createjsTheme/assets/scss/settings/color.scss
new file mode 100644
index 00000000..280a72f7
--- /dev/null
+++ b/build/createjsTheme/assets/scss/settings/color.scss
@@ -0,0 +1,194 @@
+//*******************************************
+//
+// COLOR SETTINGS
+// Colors and brand gradients used in your project
+//
+// Contents
+// 1) createjs
+// 2) easeljs
+// 3) preloadjs
+// 4) soundjs
+// 5) tweenjs
+// 6) zoe
+// 7) notifications (green)
+// 8) grey
+// 9) grey transparent
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// createjs
+//
+//*******************************************
+$color_createjs-default: rgba(255, 210, 20, 1);
+.color-createjs {color: $color_createjs-default;}
+%color_createjs-gradient {
+ background: $color_createjs-default;
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjI5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ3MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgb(255,242,157) 0%, rgb(255,215,15) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,242,157)), color-stop(100%,rgb(255,215,15)));
+ background: -webkit-linear-gradient(top, rgb(255,242,157) 0%,rgb(255,215,15) 100%);
+ background: -o-linear-gradient(top, rgb(255,242,157) 0%,rgb(255,215,15) 100%);
+ background: -ms-linear-gradient(top, rgb(255,242,157) 0%,rgb(255,215,15) 100%);
+ background: linear-gradient(to bottom, rgb(255,242,157) 0%,rgb(255,215,15) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff29d', endColorstr='#ffd70f',GradientType=0 );
+}
+
+
+
+//*******************************************
+//
+// easeljs
+//
+//*******************************************
+$color_easeljs-default: rgba(73, 207, 239, 1);
+%color_easeljs-gradient {
+ background: $color_easeljs-default;
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWNmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgb(167,243,242) 0%, rgb(73,207,239) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(167,243,242)), color-stop(100%,rgb(73,207,239)));
+ background: -webkit-linear-gradient(top, rgb(167,243,242) 0%,rgb(73,207,239) 100%);
+ background: -o-linear-gradient(top, rgb(167,243,242) 0%,rgb(73,207,239) 100%);
+ background: -ms-linear-gradient(top, rgb(167,243,242) 0%,rgb(73,207,239) 100%);
+ background: linear-gradient(to bottom, rgb(167,243,242) 0%,rgb(73,207,239) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7f3f2', endColorstr='#49cfef',GradientType=0 );
+}
+
+
+
+//*******************************************
+//
+// preloadjs
+//
+//*******************************************
+$color_preloadjs-default: rgba(230,115,222,1);
+%color_preloadjs-gradient {
+ background: $color_preloadjs-default;
+ background: rgb(240,170,220);
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYWFkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjczZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(240,170,220,1) 0%, rgba(230,115,222,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,170,220,1)), color-stop(100%,rgba(230,115,222,1)));
+ background: -webkit-linear-gradient(top, rgba(240,170,220,1) 0%,rgba(230,115,222,1) 100%);
+ background: -o-linear-gradient(top, rgba(240,170,220,1) 0%,rgba(230,115,222,1) 100%);
+ background: -ms-linear-gradient(top, rgba(240,170,220,1) 0%,rgba(230,115,222,1) 100%);
+ background: linear-gradient(to bottom, rgba(240,170,220,1) 0%,rgba(230,115,222,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0aadc', endColorstr='#e673de',GradientType=0 );
+}
+
+
+
+//*******************************************
+//
+// soundjs
+//
+//*******************************************
+$color_soundjs-default: rgba(37,229,130,1);
+%color_soundjs-gradient {
+ background: $color_soundjs-default;
+ background: rgb(97,232,176);
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxZThiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNWU1ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(97,232,176,1) 0%, rgba(37,229,130,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,232,176,1)), color-stop(100%,rgba(37,229,130,1)));
+ background: -webkit-linear-gradient(top, rgba(97,232,176,1) 0%,rgba(37,229,130,1) 100%);
+ background: -o-linear-gradient(top, rgba(97,232,176,1) 0%,rgba(37,229,130,1) 100%);
+ background: -ms-linear-gradient(top, rgba(97,232,176,1) 0%,rgba(37,229,130,1) 100%);
+ background: linear-gradient(to bottom, rgba(97,232,176,1) 0%,rgba(37,229,130,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61e8b0', endColorstr='#25e582',GradientType=0 );
+}
+
+
+
+//*******************************************
+//
+// tweenjs
+//
+//*******************************************
+$color_tweenjs-default: rgba(255,97,106,1);
+%color_tweenjs-gradient {
+ background: $color_tweenjs-default;
+ background: rgb(255,125,149);
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2Q5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYxNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(255,125,149,1) 0%, rgba(255,97,106,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,125,149,1)), color-stop(100%,rgba(255,97,106,1)));
+ background: -webkit-linear-gradient(top, rgba(255,125,149,1) 0%,rgba(255,97,106,1) 100%);
+ background: -o-linear-gradient(top, rgba(255,125,149,1) 0%,rgba(255,97,106,1) 100%);
+ background: -ms-linear-gradient(top, rgba(255,125,149,1) 0%,rgba(255,97,106,1) 100%);
+ background: linear-gradient(to bottom, rgba(255,125,149,1) 0%,rgba(255,97,106,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d95', endColorstr='#ff616a',GradientType=0 );
+}
+
+
+
+//*******************************************
+//
+// zoe
+//
+//*******************************************
+$color_zoe-default: rgba(208, 238, 55, 1);
+%color_zoe-gradient {
+ background: $color_zoe-default;
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZWUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmVlMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgb(225,238,27) 0%, rgb(191,238,55) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(225,238,27)), color-stop(100%,rgb(191,238,55)));
+ background: -webkit-linear-gradient(top, rgb(225,238,27) 0%,rgb(191,238,55) 100%);
+ background: -o-linear-gradient(top, rgb(225,238,27) 0%,rgb(191,238,55) 100%);
+ background: -ms-linear-gradient(top, rgb(225,238,27) 0%,rgb(191,238,55) 100%);
+ background: linear-gradient(to bottom, rgb(225,238,27) 0%,rgb(191,238,55) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ee1b', endColorstr='#bfee37',GradientType=0 );
+}
+
+
+
+//*******************************************
+//
+// notifications (green)
+//
+//*******************************************
+$color_green-default: rgba(63, 185, 6, 1);
+
+
+
+//*******************************************
+//
+// grey
+//
+//*******************************************
+$color_gray-darkest: rgba( 55, 66, 82, 1 );
+$color_gray-darker: rgba( 64, 82, 97, 1 );
+$color_gray-dark: rgba( 76, 101, 117, 1 );
+$color_gray-default: rgba( 156, 166, 179, 1 );
+$color_gray-light: rgba( 201, 209, 216, 1 );
+$color_gray-lighter: rgba( 236, 238, 244, 1 );
+$color_gray-lightest: rgba( 250, 252, 255, 1 );
+
+$color_gray-backToTop: rgba( 52, 59, 78, 1.0 );
+
+
+
+//*******************************************
+//
+// grey transparent/gradients
+//
+//*******************************************
+$color_gray-darker-transparent: rgba( 64, 82, 97, 0 );
+$color_gray-lighter-transparent: rgba( 236, 238, 244, 0 );
+
+$color_gray-darkest-translucent: rgba( 55, 66, 82, 0.7 );
+$color_gray-dark-translucent-high: rgba( 76, 101, 117, 0.7 );
+$color_gray-dark-translucent-low: rgba( 76, 101, 117, 0.4 );
+$color_tweenjs-default-transparent: rgba(255,97,106,0.5);
+
+%color_gray-dark-gradient {
+ background: $color_gray-dark;
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNjU3NSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjNjU3NSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
+ background: -moz-linear-gradient(top, rgba(76,101,117,0.4) 0%, rgba(76,101,117,0.9) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,101,117,0.4)), color-stop(100%,rgba(76,101,117,0.9)));
+ background: -webkit-linear-gradient(top, rgba(76,101,117,0.4) 0%,rgba(76,101,117,0.9) 100%);
+ background: -o-linear-gradient(top, rgba(76,101,117,0.4) 0%,rgba(76,101,117,0.9) 100%);
+ background: -ms-linear-gradient(top, rgba(76,101,117,0.4) 0%,rgba(76,101,117,0.9) 100%);
+ background: linear-gradient(to bottom, rgba(76,101,117,0.4) 0%,rgba(76,101,117,0.9) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664c6575', endColorstr='#e64c6575',GradientType=0 );
+}
diff --git a/build/createjsTheme/assets/scss/settings/fonts.scss b/build/createjsTheme/assets/scss/settings/fonts.scss
new file mode 100644
index 00000000..7992d9bf
--- /dev/null
+++ b/build/createjsTheme/assets/scss/settings/fonts.scss
@@ -0,0 +1,105 @@
+//*******************************************
+//
+// FONT SETTINGS
+// families, sizes, and REM value used in your project
+//
+// Contents
+// 1) ROOT ELEMENT (REM)
+// 2) FAMILIES
+// 3) SIZE RAMP
+// 4) MODULAR SCALE
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// REM VALUE
+// Controls root element font size(rem) applied to
+//
+//*******************************************
+$fontSize-root: 9px; // (1rem)
+
+
+
+//*******************************************
+//
+// FAMILIES
+// Define your font families here
+//
+//*******************************************
+/*
+
+
+*/
+
+// Default Font
+$fontFamily-default: 'effra', sans-serif;
+// Weights: 400, 400 italic, 700
+
+
+// Secondary Font
+$fontFamily-secondary: 'Proxima Nova', sans-serif;
+// Weights: 400, 500
+
+// Monospace Font
+@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro&subset=latin,latin-ext");
+$fontFamily-monospace: 'Source Code Pro', monospace;
+// Weights: 400
+
+
+
+//*******************************************
+//
+// SIZE RAMP
+// Define your font sizes below
+//
+//*******************************************
+$fontSize-smallest: 1.5rem;
+$fontSize-smaller: 1.6rem;
+$fontSize-small: 2.2rem;
+$fontSize-default: 2.8rem;
+$fontSize-large: 3.8rem;
+$fontSize-larger: 5rem;
+$fontSize-largest: 9rem;
+$fontSize-display: 12rem;
+
+
+
+//*******************************************
+//
+// MODULAR SCALE
+//
+// 16px @ 1:1.333
+//
+// Pixels Ems
+// 1,192.803 74.55
+// 894.826 55.927
+// 671.287 41.955
+// 503.591 31.474
+// 377.788 23.612
+// 283.412 17.713
+// 212.612 13.288
+// 159.499 9.969
+// 119.654 7.478
+// 89.763 5.61
+// 67.339 4.209
+// 50.517 3.157
+// 37.897 2.369
+// 28.430 1.777
+// 21.328 1.333
+// 16.000 1
+// 12.003 0.75
+// 9.005 0.563
+// 6.755 0.422
+// 5.068 0.317
+// 3.802 0.238
+// 2.852 0.178
+// 2.140 0.134
+// 1.605 0.1
+// 1.204 0.075
+//
+// (source: http://modularscale.com/)
+//
+//*******************************************
diff --git a/build/createjsTheme/assets/scss/settings/layout.scss b/build/createjsTheme/assets/scss/settings/layout.scss
new file mode 100644
index 00000000..8284e2a1
--- /dev/null
+++ b/build/createjsTheme/assets/scss/settings/layout.scss
@@ -0,0 +1,24 @@
+//*******************************************
+//
+// LAYOUT SETTINGS
+// Default grid units settings used for layout by gBootstrap
+//
+// Sections
+// 1) GRID UNITS
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// GRID UNITS
+//
+//*******************************************
+$gridUnit-smallest: 0.9rem;
+$gridUnit-smaller: 1.6rem;
+$gridUnit-small: 2.1rem;
+$gridUnit-default: 2.8rem;
+$gridUnit-large: 3.8rem;
+$gridUnit-larger: 5rem;
+$gridUnit-largest: 9rem;
\ No newline at end of file
diff --git a/build/createjsTheme/assets/scss/settings/path.scss b/build/createjsTheme/assets/scss/settings/path.scss
new file mode 100644
index 00000000..ab5da454
--- /dev/null
+++ b/build/createjsTheme/assets/scss/settings/path.scss
@@ -0,0 +1,29 @@
+//*******************************************
+//
+// PATH SETTINGS
+// Variables for defining file paths in your project
+//
+// Contents
+// 1) MY PROJECT
+// 2) PROJECT ASSETS
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// MY PROJECT
+//
+//*******************************************
+$path-myProject: "../../";
+
+
+
+//*******************************************
+//
+// PROJECT ASSETS
+//
+//*******************************************
+$path-fonts: $path-myProject + "assets/fonts/";
+$path-images: $path-myProject + "assets/images/";
diff --git a/build/createjsTheme/assets/scss/settings/transition.scss b/build/createjsTheme/assets/scss/settings/transition.scss
new file mode 100644
index 00000000..ca4aef4a
--- /dev/null
+++ b/build/createjsTheme/assets/scss/settings/transition.scss
@@ -0,0 +1,57 @@
+//*******************************************
+//
+// TRANSITION SETTINGS
+// Default transition settings used by gBootstrap
+//
+// Contents
+// 1) DURATIONS
+// 2) EASING
+// 3) COMBINATIONS
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// DURATIONS
+//
+//*******************************************
+$duration-short: 0.1s;
+$duration-default: 0.2s;
+$duration-long: 0.4s;
+$duration-longer: 0.6s;
+// $duration-longest: 0.8s;
+
+
+//*******************************************
+//
+// EASING
+//
+//*******************************************
+$ease-default: cubic-bezier( 0.6, 0.18, 0.32, 0.95 );
+$ease-inOut: cubic-bezier( 0.55, 0, 0.45, 1 );
+$ease-out: cubic-bezier( 0.4, 0.18, 0.32, 1 );
+
+
+
+//*******************************************
+//
+// COMBINATIONS
+//
+//*******************************************
+$transition-short-default: $duration-short $ease-default;
+$transition-short-out: $duration-short $ease-out;
+$transition-short-inOut: $duration-short $ease-inOut;
+
+$transition-default-default: $duration-default $ease-default;
+$transition-default-inOut: $duration-default $ease-inOut;
+$transition-default-out: $duration-default $ease-out;
+
+$transition-long-default: $duration-long $ease-default;
+$transition-long-inOut: $duration-long $ease-inOut;
+$transition-long-out: $duration-long $ease-out;
+
+$transition-longer-default: $duration-longer $ease_default;
+$transition-longer-out: $duration-longer $ease_out;
+
diff --git a/build/createjsTheme/assets/scss/utilities/breakpoint.scss b/build/createjsTheme/assets/scss/utilities/breakpoint.scss
new file mode 100755
index 00000000..8f4f4410
--- /dev/null
+++ b/build/createjsTheme/assets/scss/utilities/breakpoint.scss
@@ -0,0 +1,144 @@
+//*******************************************
+//
+// BREAKPOINT UTILITY
+//
+// Description
+// - Utilities for creating breakpoints
+//
+// Contents
+// 1) WIDTH
+// 2) HEIGHT
+// 3) ASPEECT RATIO
+// 4) ORIENTATION
+// 5) PIXEL DENSITY
+//
+// Notes
+// - Default prefix favors mobile and portrait first design principles.
+//
+// Acknowledgements:
+// Chris Coyier: http://css-tricks.com/media-queries-sass-3-2-and-codekit/
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// WIDTH OR HEIGHT
+//
+// Notes
+// - also accepts orientation, and prefix params (min-, max-, min-device-, max-device-)
+// - supports end range
+//
+//*******************************************
+
+@mixin bp ($bp, $prefix: min-, $bpEndRange: null, $orientation: null, $direction: width, $endRangePrefix: max-) {
+
+ // Define focus direction of breakpoint statement (width or height)
+ @if $direction == "height" {
+ $prefix: $prefix + "height: ";
+ } @else {
+ $prefix: $prefix + "width: ";
+ }
+
+ // Re-define orientation variable if value exists
+ @if $orientation != null {
+ $orientation: "orientation:" + $orientation;
+ }
+
+ // Output statement for single condition value (includes orientation if applied)
+ @if $bpEndRange == null {
+
+ @if $orientation == null { // Checks to see if there is an orientation value
+ @media ($prefix $bp) { @content };
+ } @else {
+ @media ($prefix $bp) and ($orientation) { @content; }
+ }
+
+ // Output statement for end range condition value (includes orientation if applied)
+ } @else {
+
+ // Define focus direction of breakpoint end range statement (width or height)
+ @if $direction == "height" {
+ $endRangePrefix: $endRangePrefix + "height: ";
+ } @else {
+ $endRangePrefix: $endRangePrefix + "width: ";
+ }
+
+ @if $orientation == null { // Checks to see if there is an orientation value
+ @media ($prefix $bp) and ($endRangePrefix $bpEndRange) { @content };
+ } @else {
+ @media ($prefix $bp) and ($endRangePrefix $bpEndRange) and ($orientation) { @content; }
+ }
+
+ }
+}
+
+
+//*******************************************
+//
+// ASPECT RATIO
+//
+// Notes
+// - $aspectRatio syntax '16/9'
+//
+//*******************************************
+// Aspect Ratio with width limitation
+@mixin bpAspectRatio ($aspectRatio: null, $width: null) {
+ @if $aspectRatio != null {
+ @if $width == null {
+ @media (max-aspect-ratio: $aspectRatio) { @content; }
+ } @else {
+ @media (max-aspect-ratio: $aspectRatio) and (min-width: $width) { @content; }
+ }
+ }
+}
+
+
+
+//*******************************************
+//
+// ORIENTATION
+//
+//*******************************************
+@mixin bpOrientation ($orientation: portrait, $width: null, $prefix: min-) {
+ $width-prefix: $prefix + "width: ";
+ @if $width == null {
+ @media (orientation: $orientation) { @content; }
+ } @else {
+ @media (orientation: $orientation) and ($width-prefix $width) { @content; }
+ }
+}
+
+
+
+//*******************************************
+//
+// PIXEL DENSITIES
+//
+// Common Device Pixel Ratios
+// 1.25, 1.3, 1.5, 2
+//
+//*******************************************
+@mixin bpPixelDensity ($pd: 2) {
+ // 1.25
+ @if $pd == 1.25 {
+ @media (-webkit-min-device-pixel-ratio: $pd),
+ (min-resolution: 120dpi) { @content; }
+ }
+ // 1.3
+ @if $pd == 1.3 {
+ @media (-webkit-min-device-pixel-ratio: $pd),
+ (min-resolution: 124.8dpi) { @content; }
+ }
+ // 1.5
+ @if $pd == 1.5 {
+ @media (-webkit-min-device-pixel-ratio: $pd),
+ (min-resolution: 144dpi) { @content; }
+ }
+ // 2
+ @if $pd == 2 {
+ @media (-webkit-min-device-pixel-ratio: $pd),
+ (min-resolution: 192dpi) { @content; }
+ }
+}
\ No newline at end of file
diff --git a/build/createjsTheme/assets/scss/utilities/clearfix.scss b/build/createjsTheme/assets/scss/utilities/clearfix.scss
new file mode 100644
index 00000000..cf99750a
--- /dev/null
+++ b/build/createjsTheme/assets/scss/utilities/clearfix.scss
@@ -0,0 +1,28 @@
+//*******************************************
+//
+// CLEAR FIX UTILITIES
+//
+// Details
+// - Utility for clearing floats
+//
+// Contents
+// 1) CLEARFIX
+//
+//*******************************************
+
+
+
+//*******************************************
+//
+// CLEARFIX
+//
+//*******************************************
+%clearfix {
+ zoom: 1; // For IE 6/7 (trigger hasLayout)
+ &::before,
+ &::after {
+ content: "";
+ display: table;
+ }
+ &::after { clear: both; }
+}
diff --git a/build/createjsTheme/layouts/main.handlebars b/build/createjsTheme/layouts/main.handlebars
index 60b7921e..71f49b0c 100755
--- a/build/createjsTheme/layouts/main.handlebars
+++ b/build/createjsTheme/layouts/main.handlebars
@@ -2,12 +2,12 @@
-
+
-
-
- {{projectName}} v{{projectVersion}} API Documentation : {{name}}
+
+
+ {{projectName}} v{{projectVersion}} API Documentation : {{name}}
@@ -35,7 +35,7 @@
{{>options}}
-
+
{{>layout_content}}
@@ -52,4 +52,4 @@
-
\ No newline at end of file
+
diff --git a/build/createjsTheme/partials/props.handlebars b/build/createjsTheme/partials/props.handlebars
index 8385ad17..a94b44d9 100755
--- a/build/createjsTheme/partials/props.handlebars
+++ b/build/createjsTheme/partials/props.handlebars
@@ -18,6 +18,10 @@
static
{{/if}}
+ {{#if readonly}}
+ readonly
+ {{/if}}
+