+Lorem ipsum dolor sit amet, affert evertitur ad duo. Ius porro fugit corpora cu. Mundi verear ut pri, mei no dolor altera mandamus, dicta voluptua in usu. Ut vim modo nibh, sit epicurei reprehendunt an, veniam conceptam ei sed. Nec tale fierent disputando in, an fuisset antiopam deterruisset nam. Pri etiam minim eu, vel te intellegat instructior, diceret alterum patrioque ei qui. Meis placerat dissentiunt mei ei, moderatius referrentur his ad.
+ +
+
+
+ {{name}}
+ {{markup}}+ * For a fairly comprehensive set of languages see the + * README + * file that came with this source. At a minimum, the lexer should work on a + * number of languages including C and friends, Java, Python, Bash, SQL, HTML, + * XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP and Awk + * and a subset of Perl, but, because of commenting conventions, doesn't work on + * Smalltalk, Lisp-like, or CAML-like languages without an explicit lang class. + *
+ * Usage:
} and {@code } tags in your source with
+ * {@code class=prettyprint.}
+ * You can also use the (html deprecated) {@code } tag, but the pretty
+ * printer needs to do more substantial DOM manipulations to support that, so
+ * some css styles may not be preserved.
+ * </ol>
+ * That's it. I wanted to keep the API as simple as possible, so there's no
+ * need to specify which language the code is in, but if you wish, you can add
+ * another class to the {@code <pre>} or {@code <code>} element to specify the
+ * language, as in {@code <pre class="prettyprint lang-java">}. Any class that
+ * starts with "lang-" followed by a file extension, specifies the file type.
+ * See the "lang-*.js" files in this directory for code that implements
+ * per-language file handlers.
+ * <p>
+ * Change log:<br>
+ * cbeust, 2006/08/22
+ * <blockquote>
+ * Java annotations (start with "@") are now captured as literals ("lit")
+ * </blockquote>
+ * @requires console
+ */
+
+// JSLint declarations
+/*global console, document, navigator, setTimeout, window */
+
+/**
+ * Split {@code prettyPrint} into multiple timeouts so as not to interfere with
+ * UI events.
+ * If set to {@code false}, {@code prettyPrint()} is synchronous.
+ */
+window['PR_SHOULD_USE_CONTINUATION'] = true;
+
+(function () {
+ // Keyword lists for various languages.
+ // We use things that coerce to strings to make them compact when minified
+ // and to defeat aggressive optimizers that fold large string constants.
+ var FLOW_CONTROL_KEYWORDS = ["break,continue,do,else,for,if,return,while"];
+ var C_KEYWORDS = [FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default," +
+ "double,enum,extern,float,goto,int,long,register,short,signed,sizeof," +
+ "static,struct,switch,typedef,union,unsigned,void,volatile"];
+ var COMMON_KEYWORDS = [C_KEYWORDS,"catch,class,delete,false,import," +
+ "new,operator,private,protected,public,this,throw,true,try,typeof"];
+ var CPP_KEYWORDS = [COMMON_KEYWORDS,"alignof,align_union,asm,axiom,bool," +
+ "concept,concept_map,const_cast,constexpr,decltype," +
+ "dynamic_cast,explicit,export,friend,inline,late_check," +
+ "mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast," +
+ "template,typeid,typename,using,virtual,where"];
+ var JAVA_KEYWORDS = [COMMON_KEYWORDS,
+ "abstract,boolean,byte,extends,final,finally,implements,import," +
+ "instanceof,null,native,package,strictfp,super,synchronized,throws," +
+ "transient"];
+ var CSHARP_KEYWORDS = [JAVA_KEYWORDS,
+ "as,base,by,checked,decimal,delegate,descending,dynamic,event," +
+ "fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock," +
+ "object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed," +
+ "stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];
+ var COFFEE_KEYWORDS = "all,and,by,catch,class,else,extends,false,finally," +
+ "for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then," +
+ "true,try,unless,until,when,while,yes";
+ var JSCRIPT_KEYWORDS = [COMMON_KEYWORDS,
+ "debugger,eval,export,function,get,null,set,undefined,var,with," +
+ "Infinity,NaN"];
+ var PERL_KEYWORDS = "caller,delete,die,do,dump,elsif,eval,exit,foreach,for," +
+ "goto,if,import,last,local,my,next,no,our,print,package,redo,require," +
+ "sub,undef,unless,until,use,wantarray,while,BEGIN,END";
+ var PYTHON_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "and,as,assert,class,def,del," +
+ "elif,except,exec,finally,from,global,import,in,is,lambda," +
+ "nonlocal,not,or,pass,print,raise,try,with,yield," +
+ "False,True,None"];
+ var RUBY_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "alias,and,begin,case,class," +
+ "def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo," +
+ "rescue,retry,self,super,then,true,undef,unless,until,when,yield," +
+ "BEGIN,END"];
+ var SH_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "case,done,elif,esac,eval,fi," +
+ "function,in,local,set,then,until"];
+ var ALL_KEYWORDS = [
+ CPP_KEYWORDS, CSHARP_KEYWORDS, JSCRIPT_KEYWORDS, PERL_KEYWORDS +
+ PYTHON_KEYWORDS, RUBY_KEYWORDS, SH_KEYWORDS];
+ var C_TYPES = /^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;
+
+ // token style names. correspond to css classes
+ /**
+ * token style for a string literal
+ * @const
+ */
+ var PR_STRING = 'str';
+ /**
+ * token style for a keyword
+ * @const
+ */
+ var PR_KEYWORD = 'kwd';
+ /**
+ * token style for a comment
+ * @const
+ */
+ var PR_COMMENT = 'com';
+ /**
+ * token style for a type
+ * @const
+ */
+ var PR_TYPE = 'typ';
+ /**
+ * token style for a literal value. e.g. 1, null, true.
+ * @const
+ */
+ var PR_LITERAL = 'lit';
+ /**
+ * token style for a punctuation string.
+ * @const
+ */
+ var PR_PUNCTUATION = 'pun';
+ /**
+ * token style for a punctuation string.
+ * @const
+ */
+ var PR_PLAIN = 'pln';
+
+ /**
+ * token style for an sgml tag.
+ * @const
+ */
+ var PR_TAG = 'tag';
+ /**
+ * token style for a markup declaration such as a DOCTYPE.
+ * @const
+ */
+ var PR_DECLARATION = 'dec';
+ /**
+ * token style for embedded source.
+ * @const
+ */
+ var PR_SOURCE = 'src';
+ /**
+ * token style for an sgml attribute name.
+ * @const
+ */
+ var PR_ATTRIB_NAME = 'atn';
+ /**
+ * token style for an sgml attribute value.
+ * @const
+ */
+ var PR_ATTRIB_VALUE = 'atv';
+
+ /**
+ * A class that indicates a section of markup that is not code, e.g. to allow
+ * embedding of line numbers within code listings.
+ * @const
+ */
+ var PR_NOCODE = 'nocode';
+
+
+
+/**
+ * A set of tokens that can precede a regular expression literal in
+ * javascript
+ * http://web.archive.org/web/20070717142515/http://www.mozilla.org/js/language/js20/rationale/syntax.html
+ * has the full list, but I've removed ones that might be problematic when
+ * seen in languages that don't support regular expression literals.
+ *
+ * <p>Specifically, I've removed any keywords that can't precede a regexp
+ * literal in a syntactically legal javascript program, and I've removed the
+ * "in" keyword since it's not a keyword in many languages, and might be used
+ * as a count of inches.
+ *
+ * <p>The link a above does not accurately describe EcmaScript rules since
+ * it fails to distinguish between (a=++/b/i) and (a++/b/i) but it works
+ * very well in practice.
+ *
+ * @private
+ * @const
+ */
+var REGEXP_PRECEDER_PATTERN = '(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*';
+
+// CAVEAT: this does not properly handle the case where a regular
+// expression immediately follows another since a regular expression may
+// have flags for case-sensitivity and the like. Having regexp tokens
+// adjacent is not valid in any language I'm aware of, so I'm punting.
+// TODO: maybe style special characters inside a regexp as punctuation.
+
+
+ /**
+ * Given a group of {@link RegExp}s, returns a {@code RegExp} that globally
+ * matches the union of the sets of strings matched by the input RegExp.
+ * Since it matches globally, if the input strings have a start-of-input
+ * anchor (/^.../), it is ignored for the purposes of unioning.
+ * @param {Array.<RegExp>} regexs non multiline, non-global regexs.
+ * @return {RegExp} a global regex.
+ */
+ function combinePrefixPatterns(regexs) {
+ var capturedGroupIndex = 0;
+
+ var needToFoldCase = false;
+ var ignoreCase = false;
+ for (var i = 0, n = regexs.length; i < n; ++i) {
+ var regex = regexs[i];
+ if (regex.ignoreCase) {
+ ignoreCase = true;
+ } else if (/[a-z]/i.test(regex.source.replace(
+ /\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ''))) {
+ needToFoldCase = true;
+ ignoreCase = false;
+ break;
+ }
+ }
+
+ var escapeCharToCodeUnit = {
+ 'b': 8,
+ 't': 9,
+ 'n': 0xa,
+ 'v': 0xb,
+ 'f': 0xc,
+ 'r': 0xd
+ };
+
+ function decodeEscape(charsetPart) {
+ var cc0 = charsetPart.charCodeAt(0);
+ if (cc0 !== 92 /* \\ */) {
+ return cc0;
+ }
+ var c1 = charsetPart.charAt(1);
+ cc0 = escapeCharToCodeUnit[c1];
+ if (cc0) {
+ return cc0;
+ } else if ('0' <= c1 && c1 <= '7') {
+ return parseInt(charsetPart.substring(1), 8);
+ } else if (c1 === 'u' || c1 === 'x') {
+ return parseInt(charsetPart.substring(2), 16);
+ } else {
+ return charsetPart.charCodeAt(1);
+ }
+ }
+
+ function encodeEscape(charCode) {
+ if (charCode < 0x20) {
+ return (charCode < 0x10 ? '\\x0' : '\\x') + charCode.toString(16);
+ }
+ var ch = String.fromCharCode(charCode);
+ if (ch === '\\' || ch === '-' || ch === '[' || ch === ']') {
+ ch = '\\' + ch;
+ }
+ return ch;
+ }
+
+ function caseFoldCharset(charSet) {
+ var charsetParts = charSet.substring(1, charSet.length - 1).match(
+ new RegExp(
+ '\\\\u[0-9A-Fa-f]{4}'
+ + '|\\\\x[0-9A-Fa-f]{2}'
+ + '|\\\\[0-3][0-7]{0,2}'
+ + '|\\\\[0-7]{1,2}'
+ + '|\\\\[\\s\\S]'
+ + '|-'
+ + '|[^-\\\\]',
+ 'g'));
+ var groups = [];
+ var ranges = [];
+ var inverse = charsetParts[0] === '^';
+ for (var i = inverse ? 1 : 0, n = charsetParts.length; i < n; ++i) {
+ var p = charsetParts[i];
+ if (/\\[bdsw]/i.test(p)) { // Don't muck with named groups.
+ groups.push(p);
+ } else {
+ var start = decodeEscape(p);
+ var end;
+ if (i + 2 < n && '-' === charsetParts[i + 1]) {
+ end = decodeEscape(charsetParts[i + 2]);
+ i += 2;
+ } else {
+ end = start;
+ }
+ ranges.push([start, end]);
+ // If the range might intersect letters, then expand it.
+ // This case handling is too simplistic.
+ // It does not deal with non-latin case folding.
+ // It works for latin source code identifiers though.
+ if (!(end < 65 || start > 122)) {
+ if (!(end < 65 || start > 90)) {
+ ranges.push([Math.max(65, start) | 32, Math.min(end, 90) | 32]);
+ }
+ if (!(end < 97 || start > 122)) {
+ ranges.push([Math.max(97, start) & ~32, Math.min(end, 122) & ~32]);
+ }
+ }
+ }
+ }
+
+ // [[1, 10], [3, 4], [8, 12], [14, 14], [16, 16], [17, 17]]
+ // -> [[1, 12], [14, 14], [16, 17]]
+ ranges.sort(function (a, b) { return (a[0] - b[0]) || (b[1] - a[1]); });
+ var consolidatedRanges = [];
+ var lastRange = [NaN, NaN];
+ for (var i = 0; i < ranges.length; ++i) {
+ var range = ranges[i];
+ if (range[0] <= lastRange[1] + 1) {
+ lastRange[1] = Math.max(lastRange[1], range[1]);
+ } else {
+ consolidatedRanges.push(lastRange = range);
+ }
+ }
+
+ var out = ['['];
+ if (inverse) { out.push('^'); }
+ out.push.apply(out, groups);
+ for (var i = 0; i < consolidatedRanges.length; ++i) {
+ var range = consolidatedRanges[i];
+ out.push(encodeEscape(range[0]));
+ if (range[1] > range[0]) {
+ if (range[1] + 1 > range[0]) { out.push('-'); }
+ out.push(encodeEscape(range[1]));
+ }
+ }
+ out.push(']');
+ return out.join('');
+ }
+
+ function allowAnywhereFoldCaseAndRenumberGroups(regex) {
+ // Split into character sets, escape sequences, punctuation strings
+ // like ('(', '(?:', ')', '^'), and runs of characters that do not
+ // include any of the above.
+ var parts = regex.source.match(
+ new RegExp(
+ '(?:'
+ + '\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]' // a character set
+ + '|\\\\u[A-Fa-f0-9]{4}' // a unicode escape
+ + '|\\\\x[A-Fa-f0-9]{2}' // a hex escape
+ + '|\\\\[0-9]+' // a back-reference or octal escape
+ + '|\\\\[^ux0-9]' // other escape sequence
+ + '|\\(\\?[:!=]' // start of a non-capturing group
+ + '|[\\(\\)\\^]' // start/emd of a group, or line start
+ + '|[^\\x5B\\x5C\\(\\)\\^]+' // run of other characters
+ + ')',
+ 'g'));
+ var n = parts.length;
+
+ // Maps captured group numbers to the number they will occupy in
+ // the output or to -1 if that has not been determined, or to
+ // undefined if they need not be capturing in the output.
+ var capturedGroups = [];
+
+ // Walk over and identify back references to build the capturedGroups
+ // mapping.
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ var p = parts[i];
+ if (p === '(') {
+ // groups are 1-indexed, so max group index is count of '('
+ ++groupIndex;
+ } else if ('\\' === p.charAt(0)) {
+ var decimalValue = +p.substring(1);
+ if (decimalValue && decimalValue <= groupIndex) {
+ capturedGroups[decimalValue] = -1;
+ }
+ }
+ }
+
+ // Renumber groups and reduce capturing groups to non-capturing groups
+ // where possible.
+ for (var i = 1; i < capturedGroups.length; ++i) {
+ if (-1 === capturedGroups[i]) {
+ capturedGroups[i] = ++capturedGroupIndex;
+ }
+ }
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ var p = parts[i];
+ if (p === '(') {
+ ++groupIndex;
+ if (capturedGroups[groupIndex] === undefined) {
+ parts[i] = '(?:';
+ }
+ } else if ('\\' === p.charAt(0)) {
+ var decimalValue = +p.substring(1);
+ if (decimalValue && decimalValue <= groupIndex) {
+ parts[i] = '\\' + capturedGroups[groupIndex];
+ }
+ }
+ }
+
+ // Remove any prefix anchors so that the output will match anywhere.
+ // ^^ really does mean an anchored match though.
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ if ('^' === parts[i] && '^' !== parts[i + 1]) { parts[i] = ''; }
+ }
+
+ // Expand letters to groups to handle mixing of case-sensitive and
+ // case-insensitive patterns if necessary.
+ if (regex.ignoreCase && needToFoldCase) {
+ for (var i = 0; i < n; ++i) {
+ var p = parts[i];
+ var ch0 = p.charAt(0);
+ if (p.length >= 2 && ch0 === '[') {
+ parts[i] = caseFoldCharset(p);
+ } else if (ch0 !== '\\') {
+ // TODO: handle letters in numeric escapes.
+ parts[i] = p.replace(
+ /[a-zA-Z]/g,
+ function (ch) {
+ var cc = ch.charCodeAt(0);
+ return '[' + String.fromCharCode(cc & ~32, cc | 32) + ']';
+ });
+ }
+ }
+ }
+
+ return parts.join('');
+ }
+
+ var rewritten = [];
+ for (var i = 0, n = regexs.length; i < n; ++i) {
+ var regex = regexs[i];
+ if (regex.global || regex.multiline) { throw new Error('' + regex); }
+ rewritten.push(
+ '(?:' + allowAnywhereFoldCaseAndRenumberGroups(regex) + ')');
+ }
+
+ return new RegExp(rewritten.join('|'), ignoreCase ? 'gi' : 'g');
+ }
+
+
+ /**
+ * Split markup into a string of source code and an array mapping ranges in
+ * that string to the text nodes in which they appear.
+ *
+ * <p>
+ * The HTML DOM structure:</p>
+ * <pre>
+ * (Element "p"
+ * (Element "b"
+ * (Text "print ")) ; #1
+ * (Text "'Hello '") ; #2
+ * (Element "br") ; #3
+ * (Text " + 'World';")) ; #4
+ * </pre>
+ * <p>
+ * corresponds to the HTML
+ * {@code <p><b>print </b>'Hello '<br> + 'World';</p>}.</p>
+ *
+ * <p>
+ * It will produce the output:</p>
+ * <pre>
+ * {
+ * sourceCode: "print 'Hello '\n + 'World';",
+ * // 1 2
+ * // 012345678901234 5678901234567
+ * spans: [0, #1, 6, #2, 14, #3, 15, #4]
+ * }
+ * </pre>
+ * <p>
+ * where #1 is a reference to the {@code "print "} text node above, and so
+ * on for the other text nodes.
+ * </p>
+ *
+ * <p>
+ * The {@code} spans array is an array of pairs. Even elements are the start
+ * indices of substrings, and odd elements are the text nodes (or BR elements)
+ * that contain the text for those substrings.
+ * Substrings continue until the next index or the end of the source.
+ * </p>
+ *
+ * @param {Node} node an HTML DOM subtree containing source-code.
+ * @return {Object} source code and the text nodes in which they occur.
+ */
+ function extractSourceSpans(node) {
+ var nocode = /(?:^|\s)nocode(?:\s|$)/;
+
+ var chunks = [];
+ var length = 0;
+ var spans = [];
+ var k = 0;
+
+ var whitespace;
+ if (node.currentStyle) {
+ whitespace = node.currentStyle.whiteSpace;
+ } else if (window.getComputedStyle) {
+ whitespace = document.defaultView.getComputedStyle(node, null)
+ .getPropertyValue('white-space');
+ }
+ var isPreformatted = whitespace && 'pre' === whitespace.substring(0, 3);
+
+ function walk(node) {
+ switch (node.nodeType) {
+ case 1: // Element
+ if (nocode.test(node.className)) { return; }
+ for (var child = node.firstChild; child; child = child.nextSibling) {
+ walk(child);
+ }
+ var nodeName = node.nodeName;
+ if ('BR' === nodeName || 'LI' === nodeName) {
+ chunks[k] = '\n';
+ spans[k << 1] = length++;
+ spans[(k++ << 1) | 1] = node;
+ }
+ break;
+ case 3: case 4: // Text
+ var text = node.nodeValue;
+ if (text.length) {
+ if (!isPreformatted) {
+ text = text.replace(/[ \t\r\n]+/g, ' ');
+ } else {
+ text = text.replace(/\r\n?/g, '\n'); // Normalize newlines.
+ }
+ // TODO: handle tabs here?
+ chunks[k] = text;
+ spans[k << 1] = length;
+ length += text.length;
+ spans[(k++ << 1) | 1] = node;
+ }
+ break;
+ }
+ }
+
+ walk(node);
+
+ return {
+ sourceCode: chunks.join('').replace(/\n$/, ''),
+ spans: spans
+ };
+ }
+
+
+ /**
+ * Apply the given language handler to sourceCode and add the resulting
+ * decorations to out.
+ * @param {number} basePos the index of sourceCode within the chunk of source
+ * whose decorations are already present on out.
+ */
+ function appendDecorations(basePos, sourceCode, langHandler, out) {
+ if (!sourceCode) { return; }
+ var job = {
+ sourceCode: sourceCode,
+ basePos: basePos
+ };
+ langHandler(job);
+ out.push.apply(out, job.decorations);
+ }
+
+ var notWs = /\S/;
+
+ /**
+ * Given an element, if it contains only one child element and any text nodes
+ * it contains contain only space characters, return the sole child element.
+ * Otherwise returns undefined.
+ * <p>
+ * This is meant to return the CODE element in {@code <pre><code ...>} when
+ * there is a single child element that contains all the non-space textual
+ * content, but not to return anything where there are multiple child elements
+ * as in {@code <pre><code>...</code><code>...</code></pre>} or when there
+ * is textual content.
+ */
+ function childContentWrapper(element) {
+ var wrapper = undefined;
+ for (var c = element.firstChild; c; c = c.nextSibling) {
+ var type = c.nodeType;
+ wrapper = (type === 1) // Element Node
+ ? (wrapper ? element : c)
+ : (type === 3) // Text Node
+ ? (notWs.test(c.nodeValue) ? element : wrapper)
+ : wrapper;
+ }
+ return wrapper === element ? undefined : wrapper;
+ }
+
+ /** Given triples of [style, pattern, context] returns a lexing function,
+ * The lexing function interprets the patterns to find token boundaries and
+ * returns a decoration list of the form
+ * [index_0, style_0, index_1, style_1, ..., index_n, style_n]
+ * where index_n is an index into the sourceCode, and style_n is a style
+ * constant like PR_PLAIN. index_n-1 <= index_n, and style_n-1 applies to
+ * all characters in sourceCode[index_n-1:index_n].
+ *
+ * The stylePatterns is a list whose elements have the form
+ * [style : string, pattern : RegExp, DEPRECATED, shortcut : string].
+ *
+ * Style is a style constant like PR_PLAIN, or can be a string of the
+ * form 'lang-FOO', where FOO is a language extension describing the
+ * language of the portion of the token in $1 after pattern executes.
+ * E.g., if style is 'lang-lisp', and group 1 contains the text
+ * '(hello (world))', then that portion of the token will be passed to the
+ * registered lisp handler for formatting.
+ * The text before and after group 1 will be restyled using this decorator
+ * so decorators should take care that this doesn't result in infinite
+ * recursion. For example, the HTML lexer rule for SCRIPT elements looks
+ * something like ['lang-js', /<[s]cript>(.+?)<\/script>/]. This may match
+ * '<script>foo()<\/script>', which would cause the current decorator to
+ * be called with '<script>' which would not match the same rule since
+ * group 1 must not be empty, so it would be instead styled as PR_TAG by
+ * the generic tag rule. The handler registered for the 'js' extension would
+ * then be called with 'foo()', and finally, the current decorator would
+ * be called with '<\/script>' which would not match the original rule and
+ * so the generic tag rule would identify it as a tag.
+ *
+ * Pattern must only match prefixes, and if it matches a prefix, then that
+ * match is considered a token with the same style.
+ *
+ * Context is applied to the last non-whitespace, non-comment token
+ * recognized.
+ *
+ * Shortcut is an optional string of characters, any of which, if the first
+ * character, gurantee that this pattern and only this pattern matches.
+ *
+ * @param {Array} shortcutStylePatterns patterns that always start with
+ * a known character. Must have a shortcut string.
+ * @param {Array} fallthroughStylePatterns patterns that will be tried in
+ * order if the shortcut ones fail. May have shortcuts.
+ *
+ * @return {function (Object)} a
+ * function that takes source code and returns a list of decorations.
+ */
+ function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns) {
+ var shortcuts = {};
+ var tokenizer;
+ (function () {
+ var allPatterns = shortcutStylePatterns.concat(fallthroughStylePatterns);
+ var allRegexs = [];
+ var regexKeys = {};
+ for (var i = 0, n = allPatterns.length; i < n; ++i) {
+ var patternParts = allPatterns[i];
+ var shortcutChars = patternParts[3];
+ if (shortcutChars) {
+ for (var c = shortcutChars.length; --c >= 0;) {
+ shortcuts[shortcutChars.charAt(c)] = patternParts;
+ }
+ }
+ var regex = patternParts[1];
+ var k = '' + regex;
+ if (!regexKeys.hasOwnProperty(k)) {
+ allRegexs.push(regex);
+ regexKeys[k] = null;
+ }
+ }
+ allRegexs.push(/[\0-\uffff]/);
+ tokenizer = combinePrefixPatterns(allRegexs);
+ })();
+
+ var nPatterns = fallthroughStylePatterns.length;
+
+ /**
+ * Lexes job.sourceCode and produces an output array job.decorations of
+ * style classes preceded by the position at which they start in
+ * job.sourceCode in order.
+ *
+ * @param {Object} job an object like <pre>{
+ * sourceCode: {string} sourceText plain text,
+ * basePos: {int} position of job.sourceCode in the larger chunk of
+ * sourceCode.
+ * }</pre>
+ */
+ var decorate = function (job) {
+ var sourceCode = job.sourceCode, basePos = job.basePos;
+ /** Even entries are positions in source in ascending order. Odd enties
+ * are style markers (e.g., PR_COMMENT) that run from that position until
+ * the end.
+ * @type {Array.<number|string>}
+ */
+ var decorations = [basePos, PR_PLAIN];
+ var pos = 0; // index into sourceCode
+ var tokens = sourceCode.match(tokenizer) || [];
+ var styleCache = {};
+
+ for (var ti = 0, nTokens = tokens.length; ti < nTokens; ++ti) {
+ var token = tokens[ti];
+ var style = styleCache[token];
+ var match = void 0;
+
+ var isEmbedded;
+ if (typeof style === 'string') {
+ isEmbedded = false;
+ } else {
+ var patternParts = shortcuts[token.charAt(0)];
+ if (patternParts) {
+ match = token.match(patternParts[1]);
+ style = patternParts[0];
+ } else {
+ for (var i = 0; i < nPatterns; ++i) {
+ patternParts = fallthroughStylePatterns[i];
+ match = token.match(patternParts[1]);
+ if (match) {
+ style = patternParts[0];
+ break;
+ }
+ }
+
+ if (!match) { // make sure that we make progress
+ style = PR_PLAIN;
+ }
+ }
+
+ isEmbedded = style.length >= 5 && 'lang-' === style.substring(0, 5);
+ if (isEmbedded && !(match && typeof match[1] === 'string')) {
+ isEmbedded = false;
+ style = PR_SOURCE;
+ }
+
+ if (!isEmbedded) { styleCache[token] = style; }
+ }
+
+ var tokenStart = pos;
+ pos += token.length;
+
+ if (!isEmbedded) {
+ decorations.push(basePos + tokenStart, style);
+ } else { // Treat group 1 as an embedded block of source code.
+ var embeddedSource = match[1];
+ var embeddedSourceStart = token.indexOf(embeddedSource);
+ var embeddedSourceEnd = embeddedSourceStart + embeddedSource.length;
+ if (match[2]) {
+ // If embeddedSource can be blank, then it would match at the
+ // beginning which would cause us to infinitely recurse on the
+ // entire token, so we catch the right context in match[2].
+ embeddedSourceEnd = token.length - match[2].length;
+ embeddedSourceStart = embeddedSourceEnd - embeddedSource.length;
+ }
+ var lang = style.substring(5);
+ // Decorate the left of the embedded source
+ appendDecorations(
+ basePos + tokenStart,
+ token.substring(0, embeddedSourceStart),
+ decorate, decorations);
+ // Decorate the embedded source
+ appendDecorations(
+ basePos + tokenStart + embeddedSourceStart,
+ embeddedSource,
+ langHandlerForExtension(lang, embeddedSource),
+ decorations);
+ // Decorate the right of the embedded section
+ appendDecorations(
+ basePos + tokenStart + embeddedSourceEnd,
+ token.substring(embeddedSourceEnd),
+ decorate, decorations);
+ }
+ }
+ job.decorations = decorations;
+ };
+ return decorate;
+ }
+
+ /** returns a function that produces a list of decorations from source text.
+ *
+ * This code treats ", ', and ` as string delimiters, and \ as a string
+ * escape. It does not recognize perl's qq() style strings.
+ * It has no special handling for double delimiter escapes as in basic, or
+ * the tripled delimiters used in python, but should work on those regardless
+ * although in those cases a single string literal may be broken up into
+ * multiple adjacent string literals.
+ *
+ * It recognizes C, C++, and shell style comments.
+ *
+ * @param {Object} options a set of optional parameters.
+ * @return {function (Object)} a function that examines the source code
+ * in the input job and builds the decoration list.
+ */
+ function sourceDecorator(options) {
+ var shortcutStylePatterns = [], fallthroughStylePatterns = [];
+ if (options['tripleQuotedStrings']) {
+ // '''multi-line-string''', 'single-line-string', and double-quoted
+ shortcutStylePatterns.push(
+ [PR_STRING, /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
+ null, '\'"']);
+ } else if (options['multiLineStrings']) {
+ // 'multi-line-string', "multi-line-string"
+ shortcutStylePatterns.push(
+ [PR_STRING, /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,
+ null, '\'"`']);
+ } else {
+ // 'single-line-string', "single-line-string"
+ shortcutStylePatterns.push(
+ [PR_STRING,
+ /^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,
+ null, '"\'']);
+ }
+ if (options['verbatimStrings']) {
+ // verbatim-string-literal production from the C# grammar. See issue 93.
+ fallthroughStylePatterns.push(
+ [PR_STRING, /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
+ }
+ var hc = options['hashComments'];
+ if (hc) {
+ if (options['cStyleComments']) {
+ if (hc > 1) { // multiline hash comments
+ shortcutStylePatterns.push(
+ [PR_COMMENT, /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, '#']);
+ } else {
+ // Stop C preprocessor declarations at an unclosed open comment
+ shortcutStylePatterns.push(
+ [PR_COMMENT, /^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,
+ null, '#']);
+ }
+ fallthroughStylePatterns.push(
+ [PR_STRING,
+ /^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,
+ null]);
+ } else {
+ shortcutStylePatterns.push([PR_COMMENT, /^#[^\r\n]*/, null, '#']);
+ }
+ }
+ if (options['cStyleComments']) {
+ fallthroughStylePatterns.push([PR_COMMENT, /^\/\/[^\r\n]*/, null]);
+ fallthroughStylePatterns.push(
+ [PR_COMMENT, /^\/\*[\s\S]*?(?:\*\/|$)/, null]);
+ }
+ if (options['regexLiterals']) {
+ /**
+ * @const
+ */
+ var REGEX_LITERAL = (
+ // A regular expression literal starts with a slash that is
+ // not followed by * or / so that it is not confused with
+ // comments.
+ '/(?=[^/*])'
+ // and then contains any number of raw characters,
+ + '(?:[^/\\x5B\\x5C]'
+ // escape sequences (\x5C),
+ + '|\\x5C[\\s\\S]'
+ // or non-nesting character sets (\x5B\x5D);
+ + '|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+'
+ // finally closed by a /.
+ + '/');
+ fallthroughStylePatterns.push(
+ ['lang-regex',
+ new RegExp('^' + REGEXP_PRECEDER_PATTERN + '(' + REGEX_LITERAL + ')')
+ ]);
+ }
+
+ var types = options['types'];
+ if (types) {
+ fallthroughStylePatterns.push([PR_TYPE, types]);
+ }
+
+ var keywords = ("" + options['keywords']).replace(/^ | $/g, '');
+ if (keywords.length) {
+ fallthroughStylePatterns.push(
+ [PR_KEYWORD,
+ new RegExp('^(?:' + keywords.replace(/[\s,]+/g, '|') + ')\\b'),
+ null]);
+ }
+
+ shortcutStylePatterns.push([PR_PLAIN, /^\s+/, null, ' \r\n\t\xA0']);
+ fallthroughStylePatterns.push(
+ // TODO(mikesamuel): recognize non-latin letters and numerals in idents
+ [PR_LITERAL, /^@[a-z_$][a-z_$@0-9]*/i, null],
+ [PR_TYPE, /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null],
+ [PR_PLAIN, /^[a-z_$][a-z_$@0-9]*/i, null],
+ [PR_LITERAL,
+ new RegExp(
+ '^(?:'
+ // A hex number
+ + '0x[a-f0-9]+'
+ // or an octal or decimal number,
+ + '|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'
+ // possibly in scientific notation
+ + '(?:e[+\\-]?\\d+)?'
+ + ')'
+ // with an optional modifier like UL for unsigned long
+ + '[a-z]*', 'i'),
+ null, '0123456789'],
+ // Don't treat escaped quotes in bash as starting strings. See issue 144.
+ [PR_PLAIN, /^\\[\s\S]?/, null],
+ [PR_PUNCTUATION, /^.[^\s\w\.$@\'\"\`\/\#\\]*/, null]);
+
+ return createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns);
+ }
+
+ var decorateSource = sourceDecorator({
+ 'keywords': ALL_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ });
+
+ /**
+ * Given a DOM subtree, wraps it in a list, and puts each line into its own
+ * list item.
+ *
+ * @param {Node} node modified in place. Its content is pulled into an
+ * HTMLOListElement, and each line is moved into a separate list item.
+ * This requires cloning elements, so the input might not have unique
+ * IDs after numbering.
+ */
+ function numberLines(node, opt_startLineNum) {
+ var nocode = /(?:^|\s)nocode(?:\s|$)/;
+ var lineBreak = /\r\n?|\n/;
+
+ var document = node.ownerDocument;
+
+ var whitespace;
+ if (node.currentStyle) {
+ whitespace = node.currentStyle.whiteSpace;
+ } else if (window.getComputedStyle) {
+ whitespace = document.defaultView.getComputedStyle(node, null)
+ .getPropertyValue('white-space');
+ }
+ // If it's preformatted, then we need to split lines on line breaks
+ // in addition to <BR>s.
+ var isPreformatted = whitespace && 'pre' === whitespace.substring(0, 3);
+
+ var li = document.createElement('LI');
+ while (node.firstChild) {
+ li.appendChild(node.firstChild);
+ }
+ // An array of lines. We split below, so this is initialized to one
+ // un-split line.
+ var listItems = [li];
+
+ function walk(node) {
+ switch (node.nodeType) {
+ case 1: // Element
+ if (nocode.test(node.className)) { break; }
+ if ('BR' === node.nodeName) {
+ breakAfter(node);
+ // Discard the <BR> since it is now flush against a </LI>.
+ if (node.parentNode) {
+ node.parentNode.removeChild(node);
+ }
+ } else {
+ for (var child = node.firstChild; child; child = child.nextSibling) {
+ walk(child);
+ }
+ }
+ break;
+ case 3: case 4: // Text
+ if (isPreformatted) {
+ var text = node.nodeValue;
+ var match = text.match(lineBreak);
+ if (match) {
+ var firstLine = text.substring(0, match.index);
+ node.nodeValue = firstLine;
+ var tail = text.substring(match.index + match[0].length);
+ if (tail) {
+ var parent = node.parentNode;
+ parent.insertBefore(
+ document.createTextNode(tail), node.nextSibling);
+ }
+ breakAfter(node);
+ if (!firstLine) {
+ // Don't leave blank text nodes in the DOM.
+ node.parentNode.removeChild(node);
+ }
+ }
+ }
+ break;
+ }
+ }
+
+ // Split a line after the given node.
+ function breakAfter(lineEndNode) {
+ // If there's nothing to the right, then we can skip ending the line
+ // here, and move root-wards since splitting just before an end-tag
+ // would require us to create a bunch of empty copies.
+ while (!lineEndNode.nextSibling) {
+ lineEndNode = lineEndNode.parentNode;
+ if (!lineEndNode) { return; }
+ }
+
+ function breakLeftOf(limit, copy) {
+ // Clone shallowly if this node needs to be on both sides of the break.
+ var rightSide = copy ? limit.cloneNode(false) : limit;
+ var parent = limit.parentNode;
+ if (parent) {
+ // We clone the parent chain.
+ // This helps us resurrect important styling elements that cross lines.
+ // E.g. in <i>Foo<br>Bar</i>
+ // should be rewritten to <li><i>Foo</i></li><li><i>Bar</i></li>.
+ var parentClone = breakLeftOf(parent, 1);
+ // Move the clone and everything to the right of the original
+ // onto the cloned parent.
+ var next = limit.nextSibling;
+ parentClone.appendChild(rightSide);
+ for (var sibling = next; sibling; sibling = next) {
+ next = sibling.nextSibling;
+ parentClone.appendChild(sibling);
+ }
+ }
+ return rightSide;
+ }
+
+ var copiedListItem = breakLeftOf(lineEndNode.nextSibling, 0);
+
+ // Walk the parent chain until we reach an unattached LI.
+ for (var parent;
+ // Check nodeType since IE invents document fragments.
+ (parent = copiedListItem.parentNode) && parent.nodeType === 1;) {
+ copiedListItem = parent;
+ }
+ // Put it on the list of lines for later processing.
+ listItems.push(copiedListItem);
+ }
+
+ // Split lines while there are lines left to split.
+ for (var i = 0; // Number of lines that have been split so far.
+ i < listItems.length; // length updated by breakAfter calls.
+ ++i) {
+ walk(listItems[i]);
+ }
+
+ // Make sure numeric indices show correctly.
+ if (opt_startLineNum === (opt_startLineNum|0)) {
+ listItems[0].setAttribute('value', opt_startLineNum);
+ }
+
+ var ol = document.createElement('OL');
+ ol.className = 'linenums';
+ var offset = Math.max(0, ((opt_startLineNum - 1 /* zero index */)) | 0) || 0;
+ for (var i = 0, n = listItems.length; i < n; ++i) {
+ li = listItems[i];
+ // Stick a class on the LIs so that stylesheets can
+ // color odd/even rows, or any other row pattern that
+ // is co-prime with 10.
+ li.className = 'L' + ((i + offset) % 10);
+ if (!li.firstChild) {
+ li.appendChild(document.createTextNode('\xA0'));
+ }
+ ol.appendChild(li);
+ }
+
+ node.appendChild(ol);
+ }
+
+ /**
+ * Breaks {@code job.sourceCode} around style boundaries in
+ * {@code job.decorations} and modifies {@code job.sourceNode} in place.
+ * @param {Object} job like <pre>{
+ * sourceCode: {string} source as plain text,
+ * spans: {Array.<number|Node>} alternating span start indices into source
+ * and the text node or element (e.g. {@code <BR>}) corresponding to that
+ * span.
+ * decorations: {Array.<number|string} an array of style classes preceded
+ * by the position at which they start in job.sourceCode in order
+ * }</pre>
+ * @private
+ */
+ function recombineTagsAndDecorations(job) {
+ var isIE = /\bMSIE\b/.test(navigator.userAgent);
+ var newlineRe = /\n/g;
+
+ var source = job.sourceCode;
+ var sourceLength = source.length;
+ // Index into source after the last code-unit recombined.
+ var sourceIndex = 0;
+
+ var spans = job.spans;
+ var nSpans = spans.length;
+ // Index into spans after the last span which ends at or before sourceIndex.
+ var spanIndex = 0;
+
+ var decorations = job.decorations;
+ var nDecorations = decorations.length;
+ // Index into decorations after the last decoration which ends at or before
+ // sourceIndex.
+ var decorationIndex = 0;
+
+ // Remove all zero-length decorations.
+ decorations[nDecorations] = sourceLength;
+ var decPos, i;
+ for (i = decPos = 0; i < nDecorations;) {
+ if (decorations[i] !== decorations[i + 2]) {
+ decorations[decPos++] = decorations[i++];
+ decorations[decPos++] = decorations[i++];
+ } else {
+ i += 2;
+ }
+ }
+ nDecorations = decPos;
+
+ // Simplify decorations.
+ for (i = decPos = 0; i < nDecorations;) {
+ var startPos = decorations[i];
+ // Conflate all adjacent decorations that use the same style.
+ var startDec = decorations[i + 1];
+ var end = i + 2;
+ while (end + 2 <= nDecorations && decorations[end + 1] === startDec) {
+ end += 2;
+ }
+ decorations[decPos++] = startPos;
+ decorations[decPos++] = startDec;
+ i = end;
+ }
+
+ nDecorations = decorations.length = decPos;
+
+ var decoration = null;
+ while (spanIndex < nSpans) {
+ var spanStart = spans[spanIndex];
+ var spanEnd = spans[spanIndex + 2] || sourceLength;
+
+ var decStart = decorations[decorationIndex];
+ var decEnd = decorations[decorationIndex + 2] || sourceLength;
+
+ var end = Math.min(spanEnd, decEnd);
+
+ var textNode = spans[spanIndex + 1];
+ var styledText;
+ if (textNode.nodeType !== 1 // Don't muck with <BR>s or <LI>s
+ // Don't introduce spans around empty text nodes.
+ && (styledText = source.substring(sourceIndex, end))) {
+ // This may seem bizarre, and it is. Emitting LF on IE causes the
+ // code to display with spaces instead of line breaks.
+ // Emitting Windows standard issue linebreaks (CRLF) causes a blank
+ // space to appear at the beginning of every line but the first.
+ // Emitting an old Mac OS 9 line separator makes everything spiffy.
+ if (isIE) { styledText = styledText.replace(newlineRe, '\r'); }
+ textNode.nodeValue = styledText;
+ var document = textNode.ownerDocument;
+ var span = document.createElement('SPAN');
+ span.className = decorations[decorationIndex + 1];
+ var parentNode = textNode.parentNode;
+ parentNode.replaceChild(span, textNode);
+ span.appendChild(textNode);
+ if (sourceIndex < spanEnd) { // Split off a text node.
+ spans[spanIndex + 1] = textNode
+ // TODO: Possibly optimize by using '' if there's no flicker.
+ = document.createTextNode(source.substring(end, spanEnd));
+ parentNode.insertBefore(textNode, span.nextSibling);
+ }
+ }
+
+ sourceIndex = end;
+
+ if (sourceIndex >= spanEnd) {
+ spanIndex += 2;
+ }
+ if (sourceIndex >= decEnd) {
+ decorationIndex += 2;
+ }
+ }
+ }
+
+
+ /** Maps language-specific file extensions to handlers. */
+ var langHandlerRegistry = {};
+ /** Register a language handler for the given file extensions.
+ * @param {function (Object)} handler a function from source code to a list
+ * of decorations. Takes a single argument job which describes the
+ * state of the computation. The single parameter has the form
+ * {@code {
+ * sourceCode: {string} as plain text.
+ * decorations: {Array.<number|string>} an array of style classes
+ * preceded by the position at which they start in
+ * job.sourceCode in order.
+ * The language handler should assigned this field.
+ * basePos: {int} the position of source in the larger source chunk.
+ * All positions in the output decorations array are relative
+ * to the larger source chunk.
+ * } }
+ * @param {Array.<string>} fileExtensions
+ */
+ function registerLangHandler(handler, fileExtensions) {
+ for (var i = fileExtensions.length; --i >= 0;) {
+ var ext = fileExtensions[i];
+ if (!langHandlerRegistry.hasOwnProperty(ext)) {
+ langHandlerRegistry[ext] = handler;
+ } else if (window['console']) {
+ console['warn']('cannot override language handler %s', ext);
+ }
+ }
+ }
+ function langHandlerForExtension(extension, source) {
+ if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {
+ // Treat it as markup if the first non whitespace character is a < and
+ // the last non-whitespace character is a >.
+ extension = /^\s*</.test(source)
+ ? 'default-markup'
+ : 'default-code';
+ }
+ return langHandlerRegistry[extension];
+ }
+ registerLangHandler(decorateSource, ['default-code']);
+ registerLangHandler(
+ createSimpleLexer(
+ [],
+ [
+ [PR_PLAIN, /^[^<?]+/],
+ [PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],
+ [PR_COMMENT, /^<\!--[\s\S]*?(?:-\->|$)/],
+ // Unescaped content in an unknown language
+ ['lang-', /^<\?([\s\S]+?)(?:\?>|$)/],
+ ['lang-', /^<%([\s\S]+?)(?:%>|$)/],
+ [PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],
+ ['lang-', /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],
+ // Unescaped content in javascript. (Or possibly vbscript).
+ ['lang-js', /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],
+ // Contains unescaped stylesheet content
+ ['lang-css', /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],
+ ['lang-in.tag', /^(<\/?[a-z][^<>]*>)/i]
+ ]),
+ ['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);
+ registerLangHandler(
+ createSimpleLexer(
+ [
+ [PR_PLAIN, /^[\s]+/, null, ' \t\r\n'],
+ [PR_ATTRIB_VALUE, /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, '\"\'']
+ ],
+ [
+ [PR_TAG, /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],
+ [PR_ATTRIB_NAME, /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],
+ ['lang-uq.val', /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
+ [PR_PUNCTUATION, /^[=<>\/]+/],
+ ['lang-js', /^on\w+\s*=\s*\"([^\"]+)\"/i],
+ ['lang-js', /^on\w+\s*=\s*\'([^\']+)\'/i],
+ ['lang-js', /^on\w+\s*=\s*([^\"\'>\s]+)/i],
+ ['lang-css', /^style\s*=\s*\"([^\"]+)\"/i],
+ ['lang-css', /^style\s*=\s*\'([^\']+)\'/i],
+ ['lang-css', /^style\s*=\s*([^\"\'>\s]+)/i]
+ ]),
+ ['in.tag']);
+ registerLangHandler(
+ createSimpleLexer([], [[PR_ATTRIB_VALUE, /^[\s\S]+/]]), ['uq.val']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': CPP_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'types': C_TYPES
+ }), ['c', 'cc', 'cpp', 'cxx', 'cyc', 'm']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': 'null,true,false'
+ }), ['json']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': CSHARP_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'verbatimStrings': true,
+ 'types': C_TYPES
+ }), ['cs']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': JAVA_KEYWORDS,
+ 'cStyleComments': true
+ }), ['java']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': SH_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true
+ }), ['bsh', 'csh', 'sh']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': PYTHON_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'tripleQuotedStrings': true
+ }), ['cv', 'py']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': PERL_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ }), ['perl', 'pl', 'pm']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': RUBY_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ }), ['rb']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': JSCRIPT_KEYWORDS,
+ 'cStyleComments': true,
+ 'regexLiterals': true
+ }), ['js']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': COFFEE_KEYWORDS,
+ 'hashComments': 3, // ### style block comments
+ 'cStyleComments': true,
+ 'multilineStrings': true,
+ 'tripleQuotedStrings': true,
+ 'regexLiterals': true
+ }), ['coffee']);
+ registerLangHandler(createSimpleLexer([], [[PR_STRING, /^[\s\S]+/]]), ['regex']);
+
+ function applyDecorator(job) {
+ var opt_langExtension = job.langExtension;
+
+ try {
+ // Extract tags, and convert the source code to plain text.
+ var sourceAndSpans = extractSourceSpans(job.sourceNode);
+ /** Plain text. @type {string} */
+ var source = sourceAndSpans.sourceCode;
+ job.sourceCode = source;
+ job.spans = sourceAndSpans.spans;
+ job.basePos = 0;
+
+ // Apply the appropriate language handler
+ langHandlerForExtension(opt_langExtension, source)(job);
+
+ // Integrate the decorations and tags back into the source code,
+ // modifying the sourceNode in place.
+ recombineTagsAndDecorations(job);
+ } catch (e) {
+ if ('console' in window) {
+ console['log'](e && e['stack'] ? e['stack'] : e);
+ }
+ }
+ }
+
+ /**
+ * @param sourceCodeHtml {string} The HTML to pretty print.
+ * @param opt_langExtension {string} The language name to use.
+ * Typically, a filename extension like 'cpp' or 'java'.
+ * @param opt_numberLines {number|boolean} True to number lines,
+ * or the 1-indexed number of the first line in sourceCodeHtml.
+ */
+ function prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLines) {
+ var container = document.createElement('PRE');
+ // This could cause images to load and onload listeners to fire.
+ // E.g. <img onerror="alert(1337)" src="nosuchimage.png">.
+ // We assume that the inner HTML is from a trusted source.
+ container.innerHTML = sourceCodeHtml;
+ if (opt_numberLines) {
+ numberLines(container, opt_numberLines);
+ }
+
+ var job = {
+ langExtension: opt_langExtension,
+ numberLines: opt_numberLines,
+ sourceNode: container
+ };
+ applyDecorator(job);
+ return container.innerHTML;
+ }
+
+ function prettyPrint(opt_whenDone) {
+ function byTagName(tn) { return document.getElementsByTagName(tn); }
+ // fetch a list of nodes to rewrite
+ var codeSegments = [byTagName('pre'), byTagName('code'), byTagName('xmp')];
+ var elements = [];
+ for (var i = 0; i < codeSegments.length; ++i) {
+ for (var j = 0, n = codeSegments[i].length; j < n; ++j) {
+ elements.push(codeSegments[i][j]);
+ }
+ }
+ codeSegments = null;
+
+ var clock = Date;
+ if (!clock['now']) {
+ clock = { 'now': function () { return +(new Date); } };
+ }
+
+ // The loop is broken into a series of continuations to make sure that we
+ // don't make the browser unresponsive when rewriting a large page.
+ var k = 0;
+ var prettyPrintingJob;
+
+ var langExtensionRe = /\blang(?:uage)?-([\w.]+)(?!\S)/;
+ var prettyPrintRe = /\bprettyprint\b/;
+
+ function doWork() {
+ var endTime = (window['PR_SHOULD_USE_CONTINUATION'] ?
+ clock['now']() + 250 /* ms */ :
+ Infinity);
+ for (; k < elements.length && clock['now']() < endTime; k++) {
+ var cs = elements[k];
+ var className = cs.className;
+ if (className.indexOf('prettyprint') >= 0) {
+ // If the classes includes a language extensions, use it.
+ // Language extensions can be specified like
+ // <pre class="prettyprint lang-cpp">
+ // the language extension "cpp" is used to find a language handler as
+ // passed to PR.registerLangHandler.
+ // HTML5 recommends that a language be specified using "language-"
+ // as the prefix instead. Google Code Prettify supports both.
+ // http://dev.w3.org/html5/spec-author-view/the-code-element.html
+ var langExtension = className.match(langExtensionRe);
+ // Support <pre class="prettyprint"><code class="language-c">
+ var wrapper;
+ if (!langExtension && (wrapper = childContentWrapper(cs))
+ && "CODE" === wrapper.tagName) {
+ langExtension = wrapper.className.match(langExtensionRe);
+ }
+
+ if (langExtension) {
+ langExtension = langExtension[1];
+ }
+
+ // make sure this is not nested in an already prettified element
+ var nested = false;
+ for (var p = cs.parentNode; p; p = p.parentNode) {
+ if ((p.tagName === 'pre' || p.tagName === 'code' ||
+ p.tagName === 'xmp') &&
+ p.className && p.className.indexOf('prettyprint') >= 0) {
+ nested = true;
+ break;
+ }
+ }
+ if (!nested) {
+ // Look for a class like linenums or linenums:<n> where <n> is the
+ // 1-indexed number of the first line.
+ var lineNums = cs.className.match(/\blinenums\b(?::(\d+))?/);
+ lineNums = lineNums
+ ? lineNums[1] && lineNums[1].length ? +lineNums[1] : true
+ : false;
+ if (lineNums) { numberLines(cs, lineNums); }
+
+ // do the pretty printing
+ prettyPrintingJob = {
+ langExtension: langExtension,
+ sourceNode: cs,
+ numberLines: lineNums
+ };
+ applyDecorator(prettyPrintingJob);
+ }
+ }
+ }
+ if (k < elements.length) {
+ // finish up in a continuation
+ setTimeout(doWork, 250);
+ } else if (opt_whenDone) {
+ opt_whenDone();
+ }
+ }
+
+ doWork();
+ }
+
+ /**
+ * Find all the {@code <pre>} and {@code <code>} tags in the DOM with
+ * {@code class=prettyprint} and prettify them.
+ *
+ * @param {Function?} opt_whenDone if specified, called when the last entry
+ * has been finished.
+ */
+ window['prettyPrintOne'] = prettyPrintOne;
+ /**
+ * Pretty print a chunk of code.
+ *
+ * @param {string} sourceCodeHtml code as html
+ * @return {string} code as html, but prettier
+ */
+ window['prettyPrint'] = prettyPrint;
+ /**
+ * Contains functions for creating and registering new language handlers.
+ * @type {Object}
+ */
+ window['PR'] = {
+ 'createSimpleLexer': createSimpleLexer,
+ 'registerLangHandler': registerLangHandler,
+ 'sourceDecorator': sourceDecorator,
+ 'PR_ATTRIB_NAME': PR_ATTRIB_NAME,
+ 'PR_ATTRIB_VALUE': PR_ATTRIB_VALUE,
+ 'PR_COMMENT': PR_COMMENT,
+ 'PR_DECLARATION': PR_DECLARATION,
+ 'PR_KEYWORD': PR_KEYWORD,
+ 'PR_LITERAL': PR_LITERAL,
+ 'PR_NOCODE': PR_NOCODE,
+ 'PR_PLAIN': PR_PLAIN,
+ 'PR_PUNCTUATION': PR_PUNCTUATION,
+ 'PR_SOURCE': PR_SOURCE,
+ 'PR_STRING': PR_STRING,
+ 'PR_TAG': PR_TAG,
+ 'PR_TYPE': PR_TYPE
+ };
+})();
diff --git a/kss-orion-theme/dev/sass/style.scss b/kss-orion-theme/dev/sass/style.scss
new file mode 100644
index 0000000..08525d8
--- /dev/null
+++ b/kss-orion-theme/dev/sass/style.scss
@@ -0,0 +1,563 @@
+// ------------------------------------------------------------------------------
+// $group Variables - Colors, Fonts, etc.
+// ------------------------------------------------------------------------------
+
+$kss-colors-background: #fff;
+$kss-colors-heading: #2b2b2b;
+
+$kss-colors-body: #2b2b2b;
+
+$kss-colors-body-light:#929292;
+
+$kss-colors-link: $kss-colors-body;
+$kss-colors-link-visited: $kss-colors-body;
+$kss-colors-link-hover: $kss-colors-body;
+$kss-colors-link-active: $kss-colors-body;
+
+$kss-colors-quotes: #666;
+$kss-border-color: #cecece;
+$kss-accent-bg: #f6f6f6;
+
+$kss-font-body: Helvetica, 'Helvetica Neue', Arial, sans-serif;
+$kss-font-code: Menlo, 'Ubuntu Mono', 'Lucida Console', 'Courier New', Courier, monospace;
+$kss-font-size: 16px;
+$kss-vertical-rhythm: $kss-font-size * 1.5;
+$kss-nav-delimiter: ") ";
+
+
+// ------------------------------------------------------------------------------
+// Wrap all of this template's base HTML styling inside a .kss-style selector.
+// ------------------------------------------------------------------------------
+
+.kss-style {
+ color: $kss-colors-body;
+ font-family: $kss-font-body;
+ font-size: $kss-font-size;
+ line-height: $kss-vertical-rhythm;
+
+ a {
+ color: $kss-colors-link;
+ text-decoration: none;
+
+ &:visited { color: $kss-colors-link-visited; }
+ &:hover,
+ &:focus { color: $kss-colors-link-hover; }
+ &:active { color: $kss-colors-link-active; }
+
+ &:hover,
+ &:active {
+ outline: 0;
+ }
+ }
+
+ p {
+ margin: ($kss-vertical-rhythm/2) 0 $kss-vertical-rhythm 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ margin: $kss-vertical-rhythm 0 0 0;
+ font-family: $kss-font-body;
+ color: $kss-colors-heading;
+ line-height: 1.15em;
+ &:first-child {
+ margin-top:0;
+ }
+ }
+
+ h4, h5, h6 {
+ font-weight: bold;
+ }
+
+ h1 { font-size: $kss-font-size * 2.5; }
+ h2 { font-size: $kss-font-size * 2.25; }
+ h3 { font-size: $kss-font-size * 2.125; }
+ h4 { font-size: $kss-font-size * 2; }
+ h5 { font-size: $kss-font-size * 1.875; }
+ h6 { font-size: $kss-font-size * 1.75; }
+
+ blockquote {
+ color: $kss-colors-quotes;
+ margin: 0;
+ padding-left: $kss-vertical-rhythm;
+ border-left: 0.5em mix($kss-colors-quotes, $kss-colors-background, 25%) solid;
+ }
+
+ hr {
+ display: block;
+ height: 2px;
+ border: 0;
+ border-top: 1px solid lighten($kss-border-color, 60%);
+ border-bottom: 1px solid darken($kss-border-color, 10%);
+ margin: $kss-vertical-rhythm 0;
+ padding: 0;
+ }
+
+ pre, code, kbd, samp {
+ font-family: $kss-font-code;
+ color: mix($kss-colors-body, $kss-colors-heading, 50%);
+ font-size: 1em;
+ }
+
+ pre {
+ white-space: pre;
+ overflow: scroll;
+ }
+
+ ins {
+ color: $kss-colors-heading;
+ background: #ff9;
+ text-decoration: none;
+ }
+
+ mark {
+ color: $kss-colors-heading;
+ background: #ff0;
+ font-weight: bold;
+ }
+
+ sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+ sup { top: -0.5em; }
+ sub { bottom: -0.25em; }
+
+ ul, ol {
+ margin: 0 0 0 $kss-vertical-rhythm;
+ padding: 0;
+ }
+ li p:last-child {
+ margin: 0;
+ }
+ dd {
+ margin: 0 0 0 $kss-vertical-rhythm;
+ }
+
+ img {
+ max-width:100%;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+ td {
+ vertical-align: top;
+ }
+
+ @media print {
+ a, a:visited { text-decoration: underline; }
+ hr { height: 1px; border:0; border-bottom:1px solid black; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
+ tr, img { page-break-inside: avoid; }
+ img { max-width: 100% !important; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3 { page-break-after: avoid; }
+ }
+}
+
+// ------------------------------------------------------------------------------
+// Layout and page background
+// ------------------------------------------------------------------------------
+
+#kss-node {
+ margin: 0;
+ background: #fff;
+
+ .kss-body-container {
+ position:relative;
+ min-height:100vh;
+ }
+
+ .kss-main {
+ width: 100%;
+ margin: 0 auto;
+ padding:15px;
+ }
+
+ .kss-sidebar {
+ border-bottom:1px solid $kss-border-color;
+ margin-bottom:15px;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ #kss-node {
+ padding: 0;
+ background: #fff;
+
+ .kss-main,
+ .kss-sidebar {
+ margin-right: -100%;
+ box-sizing: border-box;
+ }
+
+ .kss-main {
+ width: 80%;
+ margin-left: 20%;
+ padding: 30px;
+ }
+
+ .kss-sidebar {
+ position: absolute;
+ width: 20%;
+ height: 100%;
+ overflow: auto;
+ border-right:1px solid $kss-border-color;
+ border-bottom: 0;
+ margin-bottom:0;
+ }
+
+ }
+}
+
+@media screen and (min-width: 1500px) {
+
+ #kss-node {
+
+ .kss-main {
+ width:85%;
+ margin-left: 15%;
+ }
+ .kss-sidebar {
+ width:15%;
+ }
+ }
+
+}
+
+// ------------------------------------------------------------------------------
+// Sidebar-area components
+// ------------------------------------------------------------------------------
+
+#kss-node {
+
+ .kss-nav {
+ text-transform:capitalize;
+ padding:0 0 30px 0;
+ }
+
+ .kss-header {
+ padding:30px 15px 15px 15px;
+ }
+
+ .kss-doc-title {
+ font-size: 1.5em;
+ margin:0;
+ text-align:center;
+ }
+
+ .kss-header__logo {
+ display:block;
+ margin:0 auto 15px auto;
+ max-width:80%;
+ height:auto;
+ }
+
+ .kss-nav__menu {
+ padding: 0 15px;
+ margin:0;
+ list-style-type: none;
+ }
+
+ .kss-nav__menu-item {
+ text-align:center;
+ }
+
+ .kss-nav__menu-child {
+ display: none;
+ }
+
+ .kss-nav__ref {
+ display:none;
+ color: $kss-colors-body;
+
+ &:after {
+ content: ' ';
+ }
+ }
+}
+
+@media screen and (min-width: 769px) {
+
+ #kss-node {
+
+ .kss-nav {
+ padding:0;
+ }
+
+ .kss-header {
+ padding:15px;
+ text-align:center;
+ }
+
+ .kss-nav__menu {
+ padding:0;
+ }
+
+ .kss-nav__menu-item {
+ display: list-item;
+ padding-right: 0;
+ text-align:left;
+
+ .kss-nav__menu-item__link {
+ display:block;
+ padding:20px;
+ border-top:1px solid $kss-border-color;
+ font-weight:bold;
+ }
+
+ }
+
+ // .kss-nav__menu-item.is-active, .kss-nav__menu-item:hover {
+ // background:$kss-accent-bg;
+ // }
+
+ .kss-nav__menu-item.is-active .kss-nav__menu-child-item__link:hover {
+ text-decoration:underline;
+ }
+
+ .kss-nav__menu-item:last-child {
+ border-bottom:1px solid $kss-border-color;
+ }
+
+ .kss-nav__menu-child {
+ display: block;
+ list-style-type: none;
+ margin: 0;
+ padding:0 20px 20px 20px;
+
+ .kss-nav__menu-child-item__link {
+ display:inline-block;
+ padding:5px 0;
+ }
+
+ }
+
+ .kss-nav__menu-child-item:first-child .kss-nav__menu-child-item__link {
+ padding-top:0;
+ }
+
+ .kss-nav__ref:after {
+ content: $kss-nav-delimiter;
+ }
+
+ }
+}
+
+
+@media screen and (min-width: 1000px) {
+
+ #kss-node {
+ .kss-header {
+ padding:30px;
+ }
+ }
+}
+
+// ------------------------------------------------------------------------------
+// Content-area components
+// ------------------------------------------------------------------------------
+
+#kss-node {
+
+ .kss-section {
+ max-width: 48em;
+ margin-bottom: ($kss-vertical-rhythm * 2);
+ }
+
+ .kss-section.kss-component > .kss-style:first-child {
+ border-bottom:1px solid #cecece;
+ margin-bottom:$kss-vertical-rhythm;
+ }
+
+ .kss-title {
+ margin-bottom: 0;
+ }
+
+ .kss-title__ref {
+ display: none;
+ font-size: $kss-font-size;
+ line-height: $kss-font-size;
+ color:$kss-colors-body-light;
+ font-weight:300;
+
+ &:before {
+ content: 'Section ';
+ }
+ }
+ .kss-title__permalink {
+ display: block;
+ color: $kss-colors-heading;
+ text-decoration: none;
+ text-transform:capitalize;
+ font-size:1.5rem;
+
+ &:hover,
+ &:focus,
+ &:active {
+ color: $kss-colors-link;
+
+ // @media screen and (min-width: 607px) {
+ // .kss-title__permalink-hash {
+ // display: inline;
+ // }
+ // }
+ }
+ }
+ .kss-title__permalink-hash {
+ display: none;
+ }
+
+ .kss-parameters {
+ display: table;
+ list-style-type: none;
+ margin-left: 0;
+ padding-left: 0;
+ }
+ .kss-parameters__item {
+ display: table-row;
+ }
+ .kss-parameters__name {
+ display: table-cell;
+ padding-right: 20px;
+ }
+ .kss-parameters__description {
+ display: table-cell;
+ }
+
+ .kss-modifier__wrapper {
+ margin: 0 0 ($kss-vertical-rhythm - 1px) 0;
+ }
+ .kss-modifier__heading {
+ margin: -10px -10px 10px -10px;
+ padding: 10px;
+ border-bottom: 1px solid $kss-border-color;
+ background-color: $kss-accent-bg;
+ font-weight: bold;
+ }
+ .kss-modifier__default-name {
+ font-weight: bold;
+ margin-bottom: ($kss-vertical-rhythm / 2);
+ }
+ .kss-modifier__name {
+ float: left;
+ padding-right: 10px;
+ font-weight: bold;
+ }
+ .kss-modifier__description {
+ margin-bottom: ($kss-vertical-rhythm / 2);
+ }
+ .kss-modifier__example {
+ clear: left;
+ padding: 1px 0; // Contain the example's margins.
+ position: relative; // Contain the example's absolute positioning.
+ margin: 0 0 ($kss-vertical-rhythm - 1px) 0;
+
+ &:last-child {
+ margin: 0;
+ }
+ }
+
+ .kss-markup {
+ margin: -1px 0 $kss-vertical-rhythm 0;
+ border: 1px solid $kss-border-color;
+ }
+ .kss-markup pre {
+ margin: 0;
+ }
+
+ .kss-github {
+ display:none;
+
+ @media screen and (min-width: 501px) {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ }
+
+ img {
+ border: 0;
+ }
+ }
+
+ // ------------------------------------------------------------------------------
+ // @group prettyprint.js styling
+ // ------------------------------------------------------------------------------
+ /* Pretty printing styles. Used with prettify.js. */
+
+ /* SPAN elements with the classes below are added by prettyprint. */
+ .pln { color: #000 } /* plain text */
+
+ .str { color: #080 } /* string content */
+ .kwd { color: #008 } /* a keyword */
+ .com { color: #800 } /* a comment */
+ .typ { color: #606 } /* a type name */
+ .lit { color: #066 } /* a literal value */
+ /* punctuation, lisp open bracket, lisp close bracket */
+ .pun, .opn, .clo { color: #660 }
+ .tag { color: #008 } /* a markup tag name */
+ .atn { color: #606 } /* a markup attribute name */
+ .atv { color: #080 } /* a markup attribute value */
+ .dec, .var { color: #606 } /* a declaration; a variable name */
+ .fun { color: red } /* a function name */
+
+ /* Use higher contrast and text-weight for printable form. */
+ @media print, projection {
+ .str { color: #060 }
+ .kwd { color: #006; font-weight: bold }
+ .com { color: #600; font-style: italic }
+ .typ { color: #404; font-weight: bold }
+ .lit { color: #044 }
+ .pun, .opn, .clo { color: #440 }
+ .tag { color: #006; font-weight: bold }
+ .atn { color: #404 }
+ .atv { color: #060 }
+ }
+
+ /* Specify class=linenums on a pre to get line numbering */
+ ol.linenums {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+
+ li {
+ min-height: $kss-vertical-rhythm;
+ padding: 0 10px;
+ background: #fff;
+
+ &:first-child {
+ padding-top: 3px;
+ }
+ }
+ /* Alternate shading for lines */
+ li.L0,
+ li.L2,
+ li.L4,
+ li.L6,
+ li.L8 {
+ background: #fcfcfc;
+ }
+ }
+}
+
+@media screen and (min-width: 769px) {
+
+ #kss-node {
+
+ .kss-title__permalink {
+ font-size:inherit;
+ }
+
+ }
+
+}
diff --git a/kss-orion-theme/dev/template_config.js b/kss-orion-theme/dev/template_config.js
new file mode 100644
index 0000000..602826b
--- /dev/null
+++ b/kss-orion-theme/dev/template_config.js
@@ -0,0 +1,46 @@
+'use strict';
+
+// This optional file is used to load the CLI options and KSS generator needed
+// by this template.
+//
+// The filename should follow standard node.js require() conventions. See
+// http://nodejs.org/api/modules.html#modules_folders_as_modules It should
+// either be named index.js or have its name set in the "main" property of the
+// template's package.json.
+
+var kssHandlebarsTemplate;
+
+module.exports = kssHandlebarsTemplate = {};
+
+// Tell kss-node which generator this template uses.
+try {
+ // In order for a template to be "kss-node clone"-able, it must use the
+ // require('kss/generator/path') syntax.
+ kssHandlebarsTemplate.generator = require('kss/generator/handlebars');
+} catch (e) {
+ // The above require() line will always fail while testing a git clone of this
+ // module because this code is not inside a "node_modules/kss" folder which
+ // would allow node.js to find it with require('kss/anything'). So we catch
+ // the error and use a relative path.
+ kssHandlebarsTemplate.generator = require('../kss_handlebars_generator.js');
+}
+
+// Tell kss-node which Yargs-like options this template has.
+// See https://github.com/bcoe/yargs/blob/master/README.md#optionskey-opt
+kssHandlebarsTemplate.options = {
+ 'title': {
+ group: 'Style guide:',
+ string: true,
+ multiple: false,
+ describe: 'Title of the style guide',
+ default: 'KSS Style Guide'
+ }
+};
+
+// If this template wants to modify the KssStyleguide object before the HTML is
+// generated, it can do so here. For example, doing special handling of "custom"
+// properties. It can also take this opportunity for other tasks, like running
+// Sass or Bower tasks.
+kssHandlebarsTemplate.generator.prepare = function(styleguide, cb) {
+ return cb(null, styleguide);
+};
diff --git a/kss-orion-theme/dist/homepage.md b/kss-orion-theme/dist/homepage.md
new file mode 100644
index 0000000..4fa6eb5
--- /dev/null
+++ b/kss-orion-theme/dist/homepage.md
@@ -0,0 +1,6 @@
+# Building style guides with kss-node
+
+This software is a Node.js implementation of [Knyle Style Sheets](https://github.com/kneath/kss) (KSS), "a documentation syntax for CSS" that's intended to have syntax readable by humans *and* machines. Hence, the kss-node software can be used to create a "living style guide".
+
+1. Write human-readable documentation using "KSS syntax" comments. Can be added to CSS, Sass, LESS, or any other CSS Preprocessor files.
+2. Have the `kss` tool automatically build a style guide from your stylesheets.
\ No newline at end of file
diff --git a/kss-orion-theme/dist/index.html b/kss-orion-theme/dist/index.html
new file mode 100644
index 0000000..ce091f0
--- /dev/null
+++ b/kss-orion-theme/dist/index.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<!--[if lte IE 6]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IEMobile 7]> <html class="no-js iem7" lang="en"> <![endif]-->
+<!--[if (IE 7)&(!IEMobile)]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|(gt IEMobile 7)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <title>{{options.title}}</title>
+
+ <meta name="description" content="">
+ <meta name="generator" content="kss-node">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="public/style.css">
+ {{{styles}}}
+</head>
+<body id="kss-node">
+
+<div class="kss-body-container">
+
+<div class="kss-sidebar kss-style">
+ <header class="kss-header">
+ <img src="public/logo.png" class="kss-header__logo" alt="logo">
+ <h1 class="kss-doc-title">
+ {{options.title}}
+ </h1>
+ </header>
+ <nav class="kss-nav">
+ <ul class="kss-nav__menu">
+ <li class="kss-nav__menu-item">
+ <a href="./" class="kss-nav__menu-item__link">
+ <span class="kss-nav__ref">0</span
+ ><span class="kss-nav__name">Overview</span>
+ </a>
+ </li>
+ {{#eachRoot}}
+ {{#ifReference ../rootName}}
+ <li class="kss-nav__menu-item is-active" >
+ {{else}}
+ <li class="kss-nav__menu-item" >
+ {{/ifReference}}
+ <a href="section-{{referenceURI}}.html" class="kss-nav__menu-item__link">
+ <span class="kss-nav__ref">{{#ifNumeric reference}}{{reference}}{{else}}{{autoincrement}}{{/ifNumeric}}</span
+ ><span class="kss-nav__name">{{header}}</span>
+ </a>
+ {{#ifReference ../rootName}}
+ <ul class="kss-nav__menu-child">
+ {{#eachSection reference}}
+ {{#ifDepth 2 ../../../options.[nav-depth]}}
+ <li class="kss-nav__menu-child-item">
+ <a href="section-{{../../referenceURI}}.html#kssref-{{referenceURI}}" class="kss-nav__menu-child-item__link">
+ <span class="kss-nav__ref {{#ifDepth 3 100}}kss-nav__ref-child{{/ifDepth}}">{{#ifNumeric reference}}{{reference}}{{else}}{{autoincrement}}{{/ifNumeric}}</span
+ ><span class="kss-nav__name">{{header}}</span>
+ </a>
+ </li>
+ {{/ifDepth}}
+ {{/eachSection}}
+ </ul>
+ {{/ifReference}}
+ </li>
+ {{/eachRoot}}
+ </ul>
+ </nav>
+</div>
+
+
+<article role="main" class="kss-main">
+{{#if homepage}}
+ <div id="kssref-0" class="kss-section kss-section--depth-0 kss-overview kss-style">
+ {{{homepage}}}
+ </div>
+{{else}}
+
+ {{!
+ Display each section, in order.
+
+ The "root" element comes first in this loop, and can be detected using
+ the "#ifDepth 1" block as seen below.
+ }}
+ {{#eachSection rootName}}
+ {{#ifDepth 1}}
+ <div id="kssref-{{referenceURI}}" class="kss-section kss-section--depth-{{depth}}">
+ {{else}}
+ <section id="kssref-{{referenceURI}}" class="kss-section kss-component kss-section--depth-{{depth}}">
+ {{/ifDepth}}
+
+ <div class="kss-style">
+ <h{{depth}} class="kss-title kss-title--level-{{depth}}">
+ <a class="kss-title__permalink" href="#kssref-{{referenceURI}}">
+ <span class="kss-title__ref">
+ {{#ifNumeric reference}}
+ {{reference}}
+ {{else}}
+ {{autoincrement}}
+ {{/ifNumeric}}
+ <span class="kss-title__permalink-hash">
+ {{#ifNumeric reference}}
+ #permalink
+ {{else}}
+ #{{reference}}
+ {{/ifNumeric}}
+ </span>
+ </span>
+ {{header}}
+ </a>
+ </h{{depth}}>
+
+ {{#if parameters}}
+ <ul class="kss-parameters">
+ {{#eachParameter}}
+ <li class="kss-parameters__item">
+ <code class="kss-parameters__name">{{name}}</code>
+ <div class="kss-parameters__description">{{{description}}}</div>
+ </li>
+ {{/eachParameter}}
+ </ul>
+ {{/if}}
+
+ {{#if description}}
+ <div class="kss-description">
+ {{{description}}}
+ </div>
+ {{/if}}
+ </div>
+
+ {{#if markup}}
+ <div class="kss-modifier__wrapper">
+ {{#if modifiers}}
+ <div class="kss-modifier__default-name kss-style">
+ Default styling
+ </div>
+ {{/if}}
+ <div class="kss-modifier__example">
+ {{{markup}}}
+ </div>
+ {{#eachModifier}}
+ <div class="kss-modifier__name kss-style">
+ {{name}}
+ </div>
+ <div class="kss-modifier__description kss-style">
+ {{{description}}}
+ </div>
+ <div class="kss-modifier__example">
+ {{{markup}}}
+ </div>
+ {{/eachModifier}}
+ </div>
+
+ <div class="kss-markup kss-style">
+ <pre class="prettyprint linenums lang-html"><code data-language="html">{{markup}}</code></pre>
+ </div>
+ {{/if}}
+
+ {{#ifDepth 1}}
+ </div>
+ {{else}}
+ </section>
+ {{/ifDepth}}
+ {{/eachSection}}
+{{/if}}
+</article>
+
+<!-- SCRIPTS -->
+<script src="public/kss.js"></script>
+<script src="public/prettify.js"></script>
+<script>
+ prettyPrint();
+</script>
+{{{scripts}}}
+
+{{! This will only be included in the demo page. }}
+{{#if options.xdemo}}
+ <footer class="kss-github">
+ <!-- https://github.com/blog/273-github-ribbons -->
+ <a href="https://github.com/kss-node/kss-node"><img src="img/github-fork--black.png" alt="Fork me on GitHub"></a>
+ </footer>
+{{/if}}
+
+</div>
+
+<!-- Automatically generated using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
+</body>
+</html>
diff --git a/kss-orion-theme/dist/package.json b/kss-orion-theme/dist/package.json
new file mode 100644
index 0000000..b1d551e
--- /dev/null
+++ b/kss-orion-theme/dist/package.json
@@ -0,0 +1,22 @@
+{
+ "name": "kss-orion-theme",
+ "version": "1.0.0",
+ "author": "Luke Harrison",
+ "description": "A flat simplistic theme for kss-node",
+ "homepage": "http://www.lukeharrison.net",
+ "license": "MIT",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/WebDevLuke/kss-orion-theme"
+ },
+ "main": "template_config.js",
+ "devDependencies": {
+ "del": "^2.2.2",
+ "gulp": "^3.9.1",
+ "gulp-sass": "^2.2.0",
+ "gulp-sass-glob": "^1.0.6",
+ "gulp-rename": "^1.2.2",
+ "gulp-if": "^2.0.0",
+ "run-sequence": "^1.1.5"
+ }
+}
diff --git a/kss-orion-theme/dist/public/github-fork--black.png b/kss-orion-theme/dist/public/github-fork--black.png
new file mode 100644
index 0000000..146ef8a
Binary files /dev/null and b/kss-orion-theme/dist/public/github-fork--black.png differ
diff --git a/kss-orion-theme/dist/public/kss.js b/kss-orion-theme/dist/public/kss.js
new file mode 100644
index 0000000..9523bf2
--- /dev/null
+++ b/kss-orion-theme/dist/public/kss.js
@@ -0,0 +1,53 @@
+(function() {
+ var KssStateGenerator;
+
+ KssStateGenerator = (function() {
+ var pseudo_selectors;
+
+ pseudo_selectors = ['hover', 'enabled', 'disabled', 'active', 'visited', 'focus', 'target', 'checked', 'empty', 'first-of-type', 'last-of-type', 'first-child', 'last-child'];
+
+ function KssStateGenerator() {
+ var idx, idxs, pseudos, replaceRule, rule, stylesheet, _i, _len, _len2, _ref, _ref2;
+ pseudos = new RegExp("(\\:" + (pseudo_selectors.join('|\\:')) + ")", "g");
+ try {
+ _ref = document.styleSheets;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ stylesheet = _ref[_i];
+ if (stylesheet.href && stylesheet.href.indexOf(document.domain) >= 0) {
+ idxs = [];
+ _ref2 = stylesheet.cssRules;
+ for (idx = 0, _len2 = _ref2.length; idx < _len2; idx++) {
+ rule = _ref2[idx];
+ if ((rule.type === CSSRule.STYLE_RULE) && pseudos.test(rule.selectorText)) {
+ replaceRule = function(matched, stuff) {
+ return matched.replace(/\:/g, '.pseudo-class-');
+ };
+ this.insertRule(rule.cssText.replace(pseudos, replaceRule));
+ }
+ pseudos.lastIndex = 0;
+ }
+ }
+ }
+ } catch (_error) {}
+ }
+
+ KssStateGenerator.prototype.insertRule = function(rule) {
+ var headEl, styleEl;
+ headEl = document.getElementsByTagName('head')[0];
+ styleEl = document.createElement('style');
+ styleEl.type = 'text/css';
+ if (styleEl.styleSheet) {
+ styleEl.styleSheet.cssText = rule;
+ } else {
+ styleEl.appendChild(document.createTextNode(rule));
+ }
+ return headEl.appendChild(styleEl);
+ };
+
+ return KssStateGenerator;
+
+ })();
+
+ new KssStateGenerator;
+
+}).call(this);
diff --git a/kss-orion-theme/dist/public/logo.png b/kss-orion-theme/dist/public/logo.png
new file mode 100644
index 0000000..c1f5222
Binary files /dev/null and b/kss-orion-theme/dist/public/logo.png differ
diff --git a/kss-orion-theme/dist/public/noise-low.png b/kss-orion-theme/dist/public/noise-low.png
new file mode 100644
index 0000000..105bee1
Binary files /dev/null and b/kss-orion-theme/dist/public/noise-low.png differ
diff --git a/kss-orion-theme/dist/public/prettify.js b/kss-orion-theme/dist/public/prettify.js
new file mode 100644
index 0000000..037c26d
--- /dev/null
+++ b/kss-orion-theme/dist/public/prettify.js
@@ -0,0 +1,1477 @@
+// Copyright (C) 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+/**
+ * @fileoverview
+ * some functions for browser-side pretty printing of code contained in html.
+ *
+ * <p>
+ * For a fairly comprehensive set of languages see the
+ * <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html#langs">README</a>
+ * file that came with this source. At a minimum, the lexer should work on a
+ * number of languages including C and friends, Java, Python, Bash, SQL, HTML,
+ * XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP and Awk
+ * and a subset of Perl, but, because of commenting conventions, doesn't work on
+ * Smalltalk, Lisp-like, or CAML-like languages without an explicit lang class.
+ * <p>
+ * Usage: <ol>
+ * <li> include this source file in an html page via
+ * {@code <script type="text/javascript" src="/path/to/prettify.js"></script>}
+ * <li> define style rules. See the example page for examples.
+ * <li> mark the {@code <pre>} and {@code <code>} tags in your source with
+ * {@code class=prettyprint.}
+ * You can also use the (html deprecated) {@code <xmp>} tag, but the pretty
+ * printer needs to do more substantial DOM manipulations to support that, so
+ * some css styles may not be preserved.
+ * </ol>
+ * That's it. I wanted to keep the API as simple as possible, so there's no
+ * need to specify which language the code is in, but if you wish, you can add
+ * another class to the {@code <pre>} or {@code <code>} element to specify the
+ * language, as in {@code <pre class="prettyprint lang-java">}. Any class that
+ * starts with "lang-" followed by a file extension, specifies the file type.
+ * See the "lang-*.js" files in this directory for code that implements
+ * per-language file handlers.
+ * <p>
+ * Change log:<br>
+ * cbeust, 2006/08/22
+ * <blockquote>
+ * Java annotations (start with "@") are now captured as literals ("lit")
+ * </blockquote>
+ * @requires console
+ */
+
+// JSLint declarations
+/*global console, document, navigator, setTimeout, window */
+
+/**
+ * Split {@code prettyPrint} into multiple timeouts so as not to interfere with
+ * UI events.
+ * If set to {@code false}, {@code prettyPrint()} is synchronous.
+ */
+window['PR_SHOULD_USE_CONTINUATION'] = true;
+
+(function () {
+ // Keyword lists for various languages.
+ // We use things that coerce to strings to make them compact when minified
+ // and to defeat aggressive optimizers that fold large string constants.
+ var FLOW_CONTROL_KEYWORDS = ["break,continue,do,else,for,if,return,while"];
+ var C_KEYWORDS = [FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default," +
+ "double,enum,extern,float,goto,int,long,register,short,signed,sizeof," +
+ "static,struct,switch,typedef,union,unsigned,void,volatile"];
+ var COMMON_KEYWORDS = [C_KEYWORDS,"catch,class,delete,false,import," +
+ "new,operator,private,protected,public,this,throw,true,try,typeof"];
+ var CPP_KEYWORDS = [COMMON_KEYWORDS,"alignof,align_union,asm,axiom,bool," +
+ "concept,concept_map,const_cast,constexpr,decltype," +
+ "dynamic_cast,explicit,export,friend,inline,late_check," +
+ "mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast," +
+ "template,typeid,typename,using,virtual,where"];
+ var JAVA_KEYWORDS = [COMMON_KEYWORDS,
+ "abstract,boolean,byte,extends,final,finally,implements,import," +
+ "instanceof,null,native,package,strictfp,super,synchronized,throws," +
+ "transient"];
+ var CSHARP_KEYWORDS = [JAVA_KEYWORDS,
+ "as,base,by,checked,decimal,delegate,descending,dynamic,event," +
+ "fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock," +
+ "object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed," +
+ "stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];
+ var COFFEE_KEYWORDS = "all,and,by,catch,class,else,extends,false,finally," +
+ "for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then," +
+ "true,try,unless,until,when,while,yes";
+ var JSCRIPT_KEYWORDS = [COMMON_KEYWORDS,
+ "debugger,eval,export,function,get,null,set,undefined,var,with," +
+ "Infinity,NaN"];
+ var PERL_KEYWORDS = "caller,delete,die,do,dump,elsif,eval,exit,foreach,for," +
+ "goto,if,import,last,local,my,next,no,our,print,package,redo,require," +
+ "sub,undef,unless,until,use,wantarray,while,BEGIN,END";
+ var PYTHON_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "and,as,assert,class,def,del," +
+ "elif,except,exec,finally,from,global,import,in,is,lambda," +
+ "nonlocal,not,or,pass,print,raise,try,with,yield," +
+ "False,True,None"];
+ var RUBY_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "alias,and,begin,case,class," +
+ "def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo," +
+ "rescue,retry,self,super,then,true,undef,unless,until,when,yield," +
+ "BEGIN,END"];
+ var SH_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "case,done,elif,esac,eval,fi," +
+ "function,in,local,set,then,until"];
+ var ALL_KEYWORDS = [
+ CPP_KEYWORDS, CSHARP_KEYWORDS, JSCRIPT_KEYWORDS, PERL_KEYWORDS +
+ PYTHON_KEYWORDS, RUBY_KEYWORDS, SH_KEYWORDS];
+ var C_TYPES = /^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;
+
+ // token style names. correspond to css classes
+ /**
+ * token style for a string literal
+ * @const
+ */
+ var PR_STRING = 'str';
+ /**
+ * token style for a keyword
+ * @const
+ */
+ var PR_KEYWORD = 'kwd';
+ /**
+ * token style for a comment
+ * @const
+ */
+ var PR_COMMENT = 'com';
+ /**
+ * token style for a type
+ * @const
+ */
+ var PR_TYPE = 'typ';
+ /**
+ * token style for a literal value. e.g. 1, null, true.
+ * @const
+ */
+ var PR_LITERAL = 'lit';
+ /**
+ * token style for a punctuation string.
+ * @const
+ */
+ var PR_PUNCTUATION = 'pun';
+ /**
+ * token style for a punctuation string.
+ * @const
+ */
+ var PR_PLAIN = 'pln';
+
+ /**
+ * token style for an sgml tag.
+ * @const
+ */
+ var PR_TAG = 'tag';
+ /**
+ * token style for a markup declaration such as a DOCTYPE.
+ * @const
+ */
+ var PR_DECLARATION = 'dec';
+ /**
+ * token style for embedded source.
+ * @const
+ */
+ var PR_SOURCE = 'src';
+ /**
+ * token style for an sgml attribute name.
+ * @const
+ */
+ var PR_ATTRIB_NAME = 'atn';
+ /**
+ * token style for an sgml attribute value.
+ * @const
+ */
+ var PR_ATTRIB_VALUE = 'atv';
+
+ /**
+ * A class that indicates a section of markup that is not code, e.g. to allow
+ * embedding of line numbers within code listings.
+ * @const
+ */
+ var PR_NOCODE = 'nocode';
+
+
+
+/**
+ * A set of tokens that can precede a regular expression literal in
+ * javascript
+ * http://web.archive.org/web/20070717142515/http://www.mozilla.org/js/language/js20/rationale/syntax.html
+ * has the full list, but I've removed ones that might be problematic when
+ * seen in languages that don't support regular expression literals.
+ *
+ * <p>Specifically, I've removed any keywords that can't precede a regexp
+ * literal in a syntactically legal javascript program, and I've removed the
+ * "in" keyword since it's not a keyword in many languages, and might be used
+ * as a count of inches.
+ *
+ * <p>The link a above does not accurately describe EcmaScript rules since
+ * it fails to distinguish between (a=++/b/i) and (a++/b/i) but it works
+ * very well in practice.
+ *
+ * @private
+ * @const
+ */
+var REGEXP_PRECEDER_PATTERN = '(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*';
+
+// CAVEAT: this does not properly handle the case where a regular
+// expression immediately follows another since a regular expression may
+// have flags for case-sensitivity and the like. Having regexp tokens
+// adjacent is not valid in any language I'm aware of, so I'm punting.
+// TODO: maybe style special characters inside a regexp as punctuation.
+
+
+ /**
+ * Given a group of {@link RegExp}s, returns a {@code RegExp} that globally
+ * matches the union of the sets of strings matched by the input RegExp.
+ * Since it matches globally, if the input strings have a start-of-input
+ * anchor (/^.../), it is ignored for the purposes of unioning.
+ * @param {Array.<RegExp>} regexs non multiline, non-global regexs.
+ * @return {RegExp} a global regex.
+ */
+ function combinePrefixPatterns(regexs) {
+ var capturedGroupIndex = 0;
+
+ var needToFoldCase = false;
+ var ignoreCase = false;
+ for (var i = 0, n = regexs.length; i < n; ++i) {
+ var regex = regexs[i];
+ if (regex.ignoreCase) {
+ ignoreCase = true;
+ } else if (/[a-z]/i.test(regex.source.replace(
+ /\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ''))) {
+ needToFoldCase = true;
+ ignoreCase = false;
+ break;
+ }
+ }
+
+ var escapeCharToCodeUnit = {
+ 'b': 8,
+ 't': 9,
+ 'n': 0xa,
+ 'v': 0xb,
+ 'f': 0xc,
+ 'r': 0xd
+ };
+
+ function decodeEscape(charsetPart) {
+ var cc0 = charsetPart.charCodeAt(0);
+ if (cc0 !== 92 /* \\ */) {
+ return cc0;
+ }
+ var c1 = charsetPart.charAt(1);
+ cc0 = escapeCharToCodeUnit[c1];
+ if (cc0) {
+ return cc0;
+ } else if ('0' <= c1 && c1 <= '7') {
+ return parseInt(charsetPart.substring(1), 8);
+ } else if (c1 === 'u' || c1 === 'x') {
+ return parseInt(charsetPart.substring(2), 16);
+ } else {
+ return charsetPart.charCodeAt(1);
+ }
+ }
+
+ function encodeEscape(charCode) {
+ if (charCode < 0x20) {
+ return (charCode < 0x10 ? '\\x0' : '\\x') + charCode.toString(16);
+ }
+ var ch = String.fromCharCode(charCode);
+ if (ch === '\\' || ch === '-' || ch === '[' || ch === ']') {
+ ch = '\\' + ch;
+ }
+ return ch;
+ }
+
+ function caseFoldCharset(charSet) {
+ var charsetParts = charSet.substring(1, charSet.length - 1).match(
+ new RegExp(
+ '\\\\u[0-9A-Fa-f]{4}'
+ + '|\\\\x[0-9A-Fa-f]{2}'
+ + '|\\\\[0-3][0-7]{0,2}'
+ + '|\\\\[0-7]{1,2}'
+ + '|\\\\[\\s\\S]'
+ + '|-'
+ + '|[^-\\\\]',
+ 'g'));
+ var groups = [];
+ var ranges = [];
+ var inverse = charsetParts[0] === '^';
+ for (var i = inverse ? 1 : 0, n = charsetParts.length; i < n; ++i) {
+ var p = charsetParts[i];
+ if (/\\[bdsw]/i.test(p)) { // Don't muck with named groups.
+ groups.push(p);
+ } else {
+ var start = decodeEscape(p);
+ var end;
+ if (i + 2 < n && '-' === charsetParts[i + 1]) {
+ end = decodeEscape(charsetParts[i + 2]);
+ i += 2;
+ } else {
+ end = start;
+ }
+ ranges.push([start, end]);
+ // If the range might intersect letters, then expand it.
+ // This case handling is too simplistic.
+ // It does not deal with non-latin case folding.
+ // It works for latin source code identifiers though.
+ if (!(end < 65 || start > 122)) {
+ if (!(end < 65 || start > 90)) {
+ ranges.push([Math.max(65, start) | 32, Math.min(end, 90) | 32]);
+ }
+ if (!(end < 97 || start > 122)) {
+ ranges.push([Math.max(97, start) & ~32, Math.min(end, 122) & ~32]);
+ }
+ }
+ }
+ }
+
+ // [[1, 10], [3, 4], [8, 12], [14, 14], [16, 16], [17, 17]]
+ // -> [[1, 12], [14, 14], [16, 17]]
+ ranges.sort(function (a, b) { return (a[0] - b[0]) || (b[1] - a[1]); });
+ var consolidatedRanges = [];
+ var lastRange = [NaN, NaN];
+ for (var i = 0; i < ranges.length; ++i) {
+ var range = ranges[i];
+ if (range[0] <= lastRange[1] + 1) {
+ lastRange[1] = Math.max(lastRange[1], range[1]);
+ } else {
+ consolidatedRanges.push(lastRange = range);
+ }
+ }
+
+ var out = ['['];
+ if (inverse) { out.push('^'); }
+ out.push.apply(out, groups);
+ for (var i = 0; i < consolidatedRanges.length; ++i) {
+ var range = consolidatedRanges[i];
+ out.push(encodeEscape(range[0]));
+ if (range[1] > range[0]) {
+ if (range[1] + 1 > range[0]) { out.push('-'); }
+ out.push(encodeEscape(range[1]));
+ }
+ }
+ out.push(']');
+ return out.join('');
+ }
+
+ function allowAnywhereFoldCaseAndRenumberGroups(regex) {
+ // Split into character sets, escape sequences, punctuation strings
+ // like ('(', '(?:', ')', '^'), and runs of characters that do not
+ // include any of the above.
+ var parts = regex.source.match(
+ new RegExp(
+ '(?:'
+ + '\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]' // a character set
+ + '|\\\\u[A-Fa-f0-9]{4}' // a unicode escape
+ + '|\\\\x[A-Fa-f0-9]{2}' // a hex escape
+ + '|\\\\[0-9]+' // a back-reference or octal escape
+ + '|\\\\[^ux0-9]' // other escape sequence
+ + '|\\(\\?[:!=]' // start of a non-capturing group
+ + '|[\\(\\)\\^]' // start/emd of a group, or line start
+ + '|[^\\x5B\\x5C\\(\\)\\^]+' // run of other characters
+ + ')',
+ 'g'));
+ var n = parts.length;
+
+ // Maps captured group numbers to the number they will occupy in
+ // the output or to -1 if that has not been determined, or to
+ // undefined if they need not be capturing in the output.
+ var capturedGroups = [];
+
+ // Walk over and identify back references to build the capturedGroups
+ // mapping.
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ var p = parts[i];
+ if (p === '(') {
+ // groups are 1-indexed, so max group index is count of '('
+ ++groupIndex;
+ } else if ('\\' === p.charAt(0)) {
+ var decimalValue = +p.substring(1);
+ if (decimalValue && decimalValue <= groupIndex) {
+ capturedGroups[decimalValue] = -1;
+ }
+ }
+ }
+
+ // Renumber groups and reduce capturing groups to non-capturing groups
+ // where possible.
+ for (var i = 1; i < capturedGroups.length; ++i) {
+ if (-1 === capturedGroups[i]) {
+ capturedGroups[i] = ++capturedGroupIndex;
+ }
+ }
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ var p = parts[i];
+ if (p === '(') {
+ ++groupIndex;
+ if (capturedGroups[groupIndex] === undefined) {
+ parts[i] = '(?:';
+ }
+ } else if ('\\' === p.charAt(0)) {
+ var decimalValue = +p.substring(1);
+ if (decimalValue && decimalValue <= groupIndex) {
+ parts[i] = '\\' + capturedGroups[groupIndex];
+ }
+ }
+ }
+
+ // Remove any prefix anchors so that the output will match anywhere.
+ // ^^ really does mean an anchored match though.
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ if ('^' === parts[i] && '^' !== parts[i + 1]) { parts[i] = ''; }
+ }
+
+ // Expand letters to groups to handle mixing of case-sensitive and
+ // case-insensitive patterns if necessary.
+ if (regex.ignoreCase && needToFoldCase) {
+ for (var i = 0; i < n; ++i) {
+ var p = parts[i];
+ var ch0 = p.charAt(0);
+ if (p.length >= 2 && ch0 === '[') {
+ parts[i] = caseFoldCharset(p);
+ } else if (ch0 !== '\\') {
+ // TODO: handle letters in numeric escapes.
+ parts[i] = p.replace(
+ /[a-zA-Z]/g,
+ function (ch) {
+ var cc = ch.charCodeAt(0);
+ return '[' + String.fromCharCode(cc & ~32, cc | 32) + ']';
+ });
+ }
+ }
+ }
+
+ return parts.join('');
+ }
+
+ var rewritten = [];
+ for (var i = 0, n = regexs.length; i < n; ++i) {
+ var regex = regexs[i];
+ if (regex.global || regex.multiline) { throw new Error('' + regex); }
+ rewritten.push(
+ '(?:' + allowAnywhereFoldCaseAndRenumberGroups(regex) + ')');
+ }
+
+ return new RegExp(rewritten.join('|'), ignoreCase ? 'gi' : 'g');
+ }
+
+
+ /**
+ * Split markup into a string of source code and an array mapping ranges in
+ * that string to the text nodes in which they appear.
+ *
+ * <p>
+ * The HTML DOM structure:</p>
+ * <pre>
+ * (Element "p"
+ * (Element "b"
+ * (Text "print ")) ; #1
+ * (Text "'Hello '") ; #2
+ * (Element "br") ; #3
+ * (Text " + 'World';")) ; #4
+ * </pre>
+ * <p>
+ * corresponds to the HTML
+ * {@code <p><b>print </b>'Hello '<br> + 'World';</p>}.</p>
+ *
+ * <p>
+ * It will produce the output:</p>
+ * <pre>
+ * {
+ * sourceCode: "print 'Hello '\n + 'World';",
+ * // 1 2
+ * // 012345678901234 5678901234567
+ * spans: [0, #1, 6, #2, 14, #3, 15, #4]
+ * }
+ * </pre>
+ * <p>
+ * where #1 is a reference to the {@code "print "} text node above, and so
+ * on for the other text nodes.
+ * </p>
+ *
+ * <p>
+ * The {@code} spans array is an array of pairs. Even elements are the start
+ * indices of substrings, and odd elements are the text nodes (or BR elements)
+ * that contain the text for those substrings.
+ * Substrings continue until the next index or the end of the source.
+ * </p>
+ *
+ * @param {Node} node an HTML DOM subtree containing source-code.
+ * @return {Object} source code and the text nodes in which they occur.
+ */
+ function extractSourceSpans(node) {
+ var nocode = /(?:^|\s)nocode(?:\s|$)/;
+
+ var chunks = [];
+ var length = 0;
+ var spans = [];
+ var k = 0;
+
+ var whitespace;
+ if (node.currentStyle) {
+ whitespace = node.currentStyle.whiteSpace;
+ } else if (window.getComputedStyle) {
+ whitespace = document.defaultView.getComputedStyle(node, null)
+ .getPropertyValue('white-space');
+ }
+ var isPreformatted = whitespace && 'pre' === whitespace.substring(0, 3);
+
+ function walk(node) {
+ switch (node.nodeType) {
+ case 1: // Element
+ if (nocode.test(node.className)) { return; }
+ for (var child = node.firstChild; child; child = child.nextSibling) {
+ walk(child);
+ }
+ var nodeName = node.nodeName;
+ if ('BR' === nodeName || 'LI' === nodeName) {
+ chunks[k] = '\n';
+ spans[k << 1] = length++;
+ spans[(k++ << 1) | 1] = node;
+ }
+ break;
+ case 3: case 4: // Text
+ var text = node.nodeValue;
+ if (text.length) {
+ if (!isPreformatted) {
+ text = text.replace(/[ \t\r\n]+/g, ' ');
+ } else {
+ text = text.replace(/\r\n?/g, '\n'); // Normalize newlines.
+ }
+ // TODO: handle tabs here?
+ chunks[k] = text;
+ spans[k << 1] = length;
+ length += text.length;
+ spans[(k++ << 1) | 1] = node;
+ }
+ break;
+ }
+ }
+
+ walk(node);
+
+ return {
+ sourceCode: chunks.join('').replace(/\n$/, ''),
+ spans: spans
+ };
+ }
+
+
+ /**
+ * Apply the given language handler to sourceCode and add the resulting
+ * decorations to out.
+ * @param {number} basePos the index of sourceCode within the chunk of source
+ * whose decorations are already present on out.
+ */
+ function appendDecorations(basePos, sourceCode, langHandler, out) {
+ if (!sourceCode) { return; }
+ var job = {
+ sourceCode: sourceCode,
+ basePos: basePos
+ };
+ langHandler(job);
+ out.push.apply(out, job.decorations);
+ }
+
+ var notWs = /\S/;
+
+ /**
+ * Given an element, if it contains only one child element and any text nodes
+ * it contains contain only space characters, return the sole child element.
+ * Otherwise returns undefined.
+ * <p>
+ * This is meant to return the CODE element in {@code <pre><code ...>} when
+ * there is a single child element that contains all the non-space textual
+ * content, but not to return anything where there are multiple child elements
+ * as in {@code <pre><code>...</code><code>...</code></pre>} or when there
+ * is textual content.
+ */
+ function childContentWrapper(element) {
+ var wrapper = undefined;
+ for (var c = element.firstChild; c; c = c.nextSibling) {
+ var type = c.nodeType;
+ wrapper = (type === 1) // Element Node
+ ? (wrapper ? element : c)
+ : (type === 3) // Text Node
+ ? (notWs.test(c.nodeValue) ? element : wrapper)
+ : wrapper;
+ }
+ return wrapper === element ? undefined : wrapper;
+ }
+
+ /** Given triples of [style, pattern, context] returns a lexing function,
+ * The lexing function interprets the patterns to find token boundaries and
+ * returns a decoration list of the form
+ * [index_0, style_0, index_1, style_1, ..., index_n, style_n]
+ * where index_n is an index into the sourceCode, and style_n is a style
+ * constant like PR_PLAIN. index_n-1 <= index_n, and style_n-1 applies to
+ * all characters in sourceCode[index_n-1:index_n].
+ *
+ * The stylePatterns is a list whose elements have the form
+ * [style : string, pattern : RegExp, DEPRECATED, shortcut : string].
+ *
+ * Style is a style constant like PR_PLAIN, or can be a string of the
+ * form 'lang-FOO', where FOO is a language extension describing the
+ * language of the portion of the token in $1 after pattern executes.
+ * E.g., if style is 'lang-lisp', and group 1 contains the text
+ * '(hello (world))', then that portion of the token will be passed to the
+ * registered lisp handler for formatting.
+ * The text before and after group 1 will be restyled using this decorator
+ * so decorators should take care that this doesn't result in infinite
+ * recursion. For example, the HTML lexer rule for SCRIPT elements looks
+ * something like ['lang-js', /<[s]cript>(.+?)<\/script>/]. This may match
+ * '<script>foo()<\/script>', which would cause the current decorator to
+ * be called with '<script>' which would not match the same rule since
+ * group 1 must not be empty, so it would be instead styled as PR_TAG by
+ * the generic tag rule. The handler registered for the 'js' extension would
+ * then be called with 'foo()', and finally, the current decorator would
+ * be called with '<\/script>' which would not match the original rule and
+ * so the generic tag rule would identify it as a tag.
+ *
+ * Pattern must only match prefixes, and if it matches a prefix, then that
+ * match is considered a token with the same style.
+ *
+ * Context is applied to the last non-whitespace, non-comment token
+ * recognized.
+ *
+ * Shortcut is an optional string of characters, any of which, if the first
+ * character, gurantee that this pattern and only this pattern matches.
+ *
+ * @param {Array} shortcutStylePatterns patterns that always start with
+ * a known character. Must have a shortcut string.
+ * @param {Array} fallthroughStylePatterns patterns that will be tried in
+ * order if the shortcut ones fail. May have shortcuts.
+ *
+ * @return {function (Object)} a
+ * function that takes source code and returns a list of decorations.
+ */
+ function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns) {
+ var shortcuts = {};
+ var tokenizer;
+ (function () {
+ var allPatterns = shortcutStylePatterns.concat(fallthroughStylePatterns);
+ var allRegexs = [];
+ var regexKeys = {};
+ for (var i = 0, n = allPatterns.length; i < n; ++i) {
+ var patternParts = allPatterns[i];
+ var shortcutChars = patternParts[3];
+ if (shortcutChars) {
+ for (var c = shortcutChars.length; --c >= 0;) {
+ shortcuts[shortcutChars.charAt(c)] = patternParts;
+ }
+ }
+ var regex = patternParts[1];
+ var k = '' + regex;
+ if (!regexKeys.hasOwnProperty(k)) {
+ allRegexs.push(regex);
+ regexKeys[k] = null;
+ }
+ }
+ allRegexs.push(/[\0-\uffff]/);
+ tokenizer = combinePrefixPatterns(allRegexs);
+ })();
+
+ var nPatterns = fallthroughStylePatterns.length;
+
+ /**
+ * Lexes job.sourceCode and produces an output array job.decorations of
+ * style classes preceded by the position at which they start in
+ * job.sourceCode in order.
+ *
+ * @param {Object} job an object like <pre>{
+ * sourceCode: {string} sourceText plain text,
+ * basePos: {int} position of job.sourceCode in the larger chunk of
+ * sourceCode.
+ * }</pre>
+ */
+ var decorate = function (job) {
+ var sourceCode = job.sourceCode, basePos = job.basePos;
+ /** Even entries are positions in source in ascending order. Odd enties
+ * are style markers (e.g., PR_COMMENT) that run from that position until
+ * the end.
+ * @type {Array.<number|string>}
+ */
+ var decorations = [basePos, PR_PLAIN];
+ var pos = 0; // index into sourceCode
+ var tokens = sourceCode.match(tokenizer) || [];
+ var styleCache = {};
+
+ for (var ti = 0, nTokens = tokens.length; ti < nTokens; ++ti) {
+ var token = tokens[ti];
+ var style = styleCache[token];
+ var match = void 0;
+
+ var isEmbedded;
+ if (typeof style === 'string') {
+ isEmbedded = false;
+ } else {
+ var patternParts = shortcuts[token.charAt(0)];
+ if (patternParts) {
+ match = token.match(patternParts[1]);
+ style = patternParts[0];
+ } else {
+ for (var i = 0; i < nPatterns; ++i) {
+ patternParts = fallthroughStylePatterns[i];
+ match = token.match(patternParts[1]);
+ if (match) {
+ style = patternParts[0];
+ break;
+ }
+ }
+
+ if (!match) { // make sure that we make progress
+ style = PR_PLAIN;
+ }
+ }
+
+ isEmbedded = style.length >= 5 && 'lang-' === style.substring(0, 5);
+ if (isEmbedded && !(match && typeof match[1] === 'string')) {
+ isEmbedded = false;
+ style = PR_SOURCE;
+ }
+
+ if (!isEmbedded) { styleCache[token] = style; }
+ }
+
+ var tokenStart = pos;
+ pos += token.length;
+
+ if (!isEmbedded) {
+ decorations.push(basePos + tokenStart, style);
+ } else { // Treat group 1 as an embedded block of source code.
+ var embeddedSource = match[1];
+ var embeddedSourceStart = token.indexOf(embeddedSource);
+ var embeddedSourceEnd = embeddedSourceStart + embeddedSource.length;
+ if (match[2]) {
+ // If embeddedSource can be blank, then it would match at the
+ // beginning which would cause us to infinitely recurse on the
+ // entire token, so we catch the right context in match[2].
+ embeddedSourceEnd = token.length - match[2].length;
+ embeddedSourceStart = embeddedSourceEnd - embeddedSource.length;
+ }
+ var lang = style.substring(5);
+ // Decorate the left of the embedded source
+ appendDecorations(
+ basePos + tokenStart,
+ token.substring(0, embeddedSourceStart),
+ decorate, decorations);
+ // Decorate the embedded source
+ appendDecorations(
+ basePos + tokenStart + embeddedSourceStart,
+ embeddedSource,
+ langHandlerForExtension(lang, embeddedSource),
+ decorations);
+ // Decorate the right of the embedded section
+ appendDecorations(
+ basePos + tokenStart + embeddedSourceEnd,
+ token.substring(embeddedSourceEnd),
+ decorate, decorations);
+ }
+ }
+ job.decorations = decorations;
+ };
+ return decorate;
+ }
+
+ /** returns a function that produces a list of decorations from source text.
+ *
+ * This code treats ", ', and ` as string delimiters, and \ as a string
+ * escape. It does not recognize perl's qq() style strings.
+ * It has no special handling for double delimiter escapes as in basic, or
+ * the tripled delimiters used in python, but should work on those regardless
+ * although in those cases a single string literal may be broken up into
+ * multiple adjacent string literals.
+ *
+ * It recognizes C, C++, and shell style comments.
+ *
+ * @param {Object} options a set of optional parameters.
+ * @return {function (Object)} a function that examines the source code
+ * in the input job and builds the decoration list.
+ */
+ function sourceDecorator(options) {
+ var shortcutStylePatterns = [], fallthroughStylePatterns = [];
+ if (options['tripleQuotedStrings']) {
+ // '''multi-line-string''', 'single-line-string', and double-quoted
+ shortcutStylePatterns.push(
+ [PR_STRING, /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
+ null, '\'"']);
+ } else if (options['multiLineStrings']) {
+ // 'multi-line-string', "multi-line-string"
+ shortcutStylePatterns.push(
+ [PR_STRING, /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,
+ null, '\'"`']);
+ } else {
+ // 'single-line-string', "single-line-string"
+ shortcutStylePatterns.push(
+ [PR_STRING,
+ /^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,
+ null, '"\'']);
+ }
+ if (options['verbatimStrings']) {
+ // verbatim-string-literal production from the C# grammar. See issue 93.
+ fallthroughStylePatterns.push(
+ [PR_STRING, /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
+ }
+ var hc = options['hashComments'];
+ if (hc) {
+ if (options['cStyleComments']) {
+ if (hc > 1) { // multiline hash comments
+ shortcutStylePatterns.push(
+ [PR_COMMENT, /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, '#']);
+ } else {
+ // Stop C preprocessor declarations at an unclosed open comment
+ shortcutStylePatterns.push(
+ [PR_COMMENT, /^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,
+ null, '#']);
+ }
+ fallthroughStylePatterns.push(
+ [PR_STRING,
+ /^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,
+ null]);
+ } else {
+ shortcutStylePatterns.push([PR_COMMENT, /^#[^\r\n]*/, null, '#']);
+ }
+ }
+ if (options['cStyleComments']) {
+ fallthroughStylePatterns.push([PR_COMMENT, /^\/\/[^\r\n]*/, null]);
+ fallthroughStylePatterns.push(
+ [PR_COMMENT, /^\/\*[\s\S]*?(?:\*\/|$)/, null]);
+ }
+ if (options['regexLiterals']) {
+ /**
+ * @const
+ */
+ var REGEX_LITERAL = (
+ // A regular expression literal starts with a slash that is
+ // not followed by * or / so that it is not confused with
+ // comments.
+ '/(?=[^/*])'
+ // and then contains any number of raw characters,
+ + '(?:[^/\\x5B\\x5C]'
+ // escape sequences (\x5C),
+ + '|\\x5C[\\s\\S]'
+ // or non-nesting character sets (\x5B\x5D);
+ + '|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+'
+ // finally closed by a /.
+ + '/');
+ fallthroughStylePatterns.push(
+ ['lang-regex',
+ new RegExp('^' + REGEXP_PRECEDER_PATTERN + '(' + REGEX_LITERAL + ')')
+ ]);
+ }
+
+ var types = options['types'];
+ if (types) {
+ fallthroughStylePatterns.push([PR_TYPE, types]);
+ }
+
+ var keywords = ("" + options['keywords']).replace(/^ | $/g, '');
+ if (keywords.length) {
+ fallthroughStylePatterns.push(
+ [PR_KEYWORD,
+ new RegExp('^(?:' + keywords.replace(/[\s,]+/g, '|') + ')\\b'),
+ null]);
+ }
+
+ shortcutStylePatterns.push([PR_PLAIN, /^\s+/, null, ' \r\n\t\xA0']);
+ fallthroughStylePatterns.push(
+ // TODO(mikesamuel): recognize non-latin letters and numerals in idents
+ [PR_LITERAL, /^@[a-z_$][a-z_$@0-9]*/i, null],
+ [PR_TYPE, /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null],
+ [PR_PLAIN, /^[a-z_$][a-z_$@0-9]*/i, null],
+ [PR_LITERAL,
+ new RegExp(
+ '^(?:'
+ // A hex number
+ + '0x[a-f0-9]+'
+ // or an octal or decimal number,
+ + '|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'
+ // possibly in scientific notation
+ + '(?:e[+\\-]?\\d+)?'
+ + ')'
+ // with an optional modifier like UL for unsigned long
+ + '[a-z]*', 'i'),
+ null, '0123456789'],
+ // Don't treat escaped quotes in bash as starting strings. See issue 144.
+ [PR_PLAIN, /^\\[\s\S]?/, null],
+ [PR_PUNCTUATION, /^.[^\s\w\.$@\'\"\`\/\#\\]*/, null]);
+
+ return createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns);
+ }
+
+ var decorateSource = sourceDecorator({
+ 'keywords': ALL_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ });
+
+ /**
+ * Given a DOM subtree, wraps it in a list, and puts each line into its own
+ * list item.
+ *
+ * @param {Node} node modified in place. Its content is pulled into an
+ * HTMLOListElement, and each line is moved into a separate list item.
+ * This requires cloning elements, so the input might not have unique
+ * IDs after numbering.
+ */
+ function numberLines(node, opt_startLineNum) {
+ var nocode = /(?:^|\s)nocode(?:\s|$)/;
+ var lineBreak = /\r\n?|\n/;
+
+ var document = node.ownerDocument;
+
+ var whitespace;
+ if (node.currentStyle) {
+ whitespace = node.currentStyle.whiteSpace;
+ } else if (window.getComputedStyle) {
+ whitespace = document.defaultView.getComputedStyle(node, null)
+ .getPropertyValue('white-space');
+ }
+ // If it's preformatted, then we need to split lines on line breaks
+ // in addition to <BR>s.
+ var isPreformatted = whitespace && 'pre' === whitespace.substring(0, 3);
+
+ var li = document.createElement('LI');
+ while (node.firstChild) {
+ li.appendChild(node.firstChild);
+ }
+ // An array of lines. We split below, so this is initialized to one
+ // un-split line.
+ var listItems = [li];
+
+ function walk(node) {
+ switch (node.nodeType) {
+ case 1: // Element
+ if (nocode.test(node.className)) { break; }
+ if ('BR' === node.nodeName) {
+ breakAfter(node);
+ // Discard the <BR> since it is now flush against a </LI>.
+ if (node.parentNode) {
+ node.parentNode.removeChild(node);
+ }
+ } else {
+ for (var child = node.firstChild; child; child = child.nextSibling) {
+ walk(child);
+ }
+ }
+ break;
+ case 3: case 4: // Text
+ if (isPreformatted) {
+ var text = node.nodeValue;
+ var match = text.match(lineBreak);
+ if (match) {
+ var firstLine = text.substring(0, match.index);
+ node.nodeValue = firstLine;
+ var tail = text.substring(match.index + match[0].length);
+ if (tail) {
+ var parent = node.parentNode;
+ parent.insertBefore(
+ document.createTextNode(tail), node.nextSibling);
+ }
+ breakAfter(node);
+ if (!firstLine) {
+ // Don't leave blank text nodes in the DOM.
+ node.parentNode.removeChild(node);
+ }
+ }
+ }
+ break;
+ }
+ }
+
+ // Split a line after the given node.
+ function breakAfter(lineEndNode) {
+ // If there's nothing to the right, then we can skip ending the line
+ // here, and move root-wards since splitting just before an end-tag
+ // would require us to create a bunch of empty copies.
+ while (!lineEndNode.nextSibling) {
+ lineEndNode = lineEndNode.parentNode;
+ if (!lineEndNode) { return; }
+ }
+
+ function breakLeftOf(limit, copy) {
+ // Clone shallowly if this node needs to be on both sides of the break.
+ var rightSide = copy ? limit.cloneNode(false) : limit;
+ var parent = limit.parentNode;
+ if (parent) {
+ // We clone the parent chain.
+ // This helps us resurrect important styling elements that cross lines.
+ // E.g. in <i>Foo<br>Bar</i>
+ // should be rewritten to <li><i>Foo</i></li><li><i>Bar</i></li>.
+ var parentClone = breakLeftOf(parent, 1);
+ // Move the clone and everything to the right of the original
+ // onto the cloned parent.
+ var next = limit.nextSibling;
+ parentClone.appendChild(rightSide);
+ for (var sibling = next; sibling; sibling = next) {
+ next = sibling.nextSibling;
+ parentClone.appendChild(sibling);
+ }
+ }
+ return rightSide;
+ }
+
+ var copiedListItem = breakLeftOf(lineEndNode.nextSibling, 0);
+
+ // Walk the parent chain until we reach an unattached LI.
+ for (var parent;
+ // Check nodeType since IE invents document fragments.
+ (parent = copiedListItem.parentNode) && parent.nodeType === 1;) {
+ copiedListItem = parent;
+ }
+ // Put it on the list of lines for later processing.
+ listItems.push(copiedListItem);
+ }
+
+ // Split lines while there are lines left to split.
+ for (var i = 0; // Number of lines that have been split so far.
+ i < listItems.length; // length updated by breakAfter calls.
+ ++i) {
+ walk(listItems[i]);
+ }
+
+ // Make sure numeric indices show correctly.
+ if (opt_startLineNum === (opt_startLineNum|0)) {
+ listItems[0].setAttribute('value', opt_startLineNum);
+ }
+
+ var ol = document.createElement('OL');
+ ol.className = 'linenums';
+ var offset = Math.max(0, ((opt_startLineNum - 1 /* zero index */)) | 0) || 0;
+ for (var i = 0, n = listItems.length; i < n; ++i) {
+ li = listItems[i];
+ // Stick a class on the LIs so that stylesheets can
+ // color odd/even rows, or any other row pattern that
+ // is co-prime with 10.
+ li.className = 'L' + ((i + offset) % 10);
+ if (!li.firstChild) {
+ li.appendChild(document.createTextNode('\xA0'));
+ }
+ ol.appendChild(li);
+ }
+
+ node.appendChild(ol);
+ }
+
+ /**
+ * Breaks {@code job.sourceCode} around style boundaries in
+ * {@code job.decorations} and modifies {@code job.sourceNode} in place.
+ * @param {Object} job like <pre>{
+ * sourceCode: {string} source as plain text,
+ * spans: {Array.<number|Node>} alternating span start indices into source
+ * and the text node or element (e.g. {@code <BR>}) corresponding to that
+ * span.
+ * decorations: {Array.<number|string} an array of style classes preceded
+ * by the position at which they start in job.sourceCode in order
+ * }</pre>
+ * @private
+ */
+ function recombineTagsAndDecorations(job) {
+ var isIE = /\bMSIE\b/.test(navigator.userAgent);
+ var newlineRe = /\n/g;
+
+ var source = job.sourceCode;
+ var sourceLength = source.length;
+ // Index into source after the last code-unit recombined.
+ var sourceIndex = 0;
+
+ var spans = job.spans;
+ var nSpans = spans.length;
+ // Index into spans after the last span which ends at or before sourceIndex.
+ var spanIndex = 0;
+
+ var decorations = job.decorations;
+ var nDecorations = decorations.length;
+ // Index into decorations after the last decoration which ends at or before
+ // sourceIndex.
+ var decorationIndex = 0;
+
+ // Remove all zero-length decorations.
+ decorations[nDecorations] = sourceLength;
+ var decPos, i;
+ for (i = decPos = 0; i < nDecorations;) {
+ if (decorations[i] !== decorations[i + 2]) {
+ decorations[decPos++] = decorations[i++];
+ decorations[decPos++] = decorations[i++];
+ } else {
+ i += 2;
+ }
+ }
+ nDecorations = decPos;
+
+ // Simplify decorations.
+ for (i = decPos = 0; i < nDecorations;) {
+ var startPos = decorations[i];
+ // Conflate all adjacent decorations that use the same style.
+ var startDec = decorations[i + 1];
+ var end = i + 2;
+ while (end + 2 <= nDecorations && decorations[end + 1] === startDec) {
+ end += 2;
+ }
+ decorations[decPos++] = startPos;
+ decorations[decPos++] = startDec;
+ i = end;
+ }
+
+ nDecorations = decorations.length = decPos;
+
+ var decoration = null;
+ while (spanIndex < nSpans) {
+ var spanStart = spans[spanIndex];
+ var spanEnd = spans[spanIndex + 2] || sourceLength;
+
+ var decStart = decorations[decorationIndex];
+ var decEnd = decorations[decorationIndex + 2] || sourceLength;
+
+ var end = Math.min(spanEnd, decEnd);
+
+ var textNode = spans[spanIndex + 1];
+ var styledText;
+ if (textNode.nodeType !== 1 // Don't muck with <BR>s or <LI>s
+ // Don't introduce spans around empty text nodes.
+ && (styledText = source.substring(sourceIndex, end))) {
+ // This may seem bizarre, and it is. Emitting LF on IE causes the
+ // code to display with spaces instead of line breaks.
+ // Emitting Windows standard issue linebreaks (CRLF) causes a blank
+ // space to appear at the beginning of every line but the first.
+ // Emitting an old Mac OS 9 line separator makes everything spiffy.
+ if (isIE) { styledText = styledText.replace(newlineRe, '\r'); }
+ textNode.nodeValue = styledText;
+ var document = textNode.ownerDocument;
+ var span = document.createElement('SPAN');
+ span.className = decorations[decorationIndex + 1];
+ var parentNode = textNode.parentNode;
+ parentNode.replaceChild(span, textNode);
+ span.appendChild(textNode);
+ if (sourceIndex < spanEnd) { // Split off a text node.
+ spans[spanIndex + 1] = textNode
+ // TODO: Possibly optimize by using '' if there's no flicker.
+ = document.createTextNode(source.substring(end, spanEnd));
+ parentNode.insertBefore(textNode, span.nextSibling);
+ }
+ }
+
+ sourceIndex = end;
+
+ if (sourceIndex >= spanEnd) {
+ spanIndex += 2;
+ }
+ if (sourceIndex >= decEnd) {
+ decorationIndex += 2;
+ }
+ }
+ }
+
+
+ /** Maps language-specific file extensions to handlers. */
+ var langHandlerRegistry = {};
+ /** Register a language handler for the given file extensions.
+ * @param {function (Object)} handler a function from source code to a list
+ * of decorations. Takes a single argument job which describes the
+ * state of the computation. The single parameter has the form
+ * {@code {
+ * sourceCode: {string} as plain text.
+ * decorations: {Array.<number|string>} an array of style classes
+ * preceded by the position at which they start in
+ * job.sourceCode in order.
+ * The language handler should assigned this field.
+ * basePos: {int} the position of source in the larger source chunk.
+ * All positions in the output decorations array are relative
+ * to the larger source chunk.
+ * } }
+ * @param {Array.<string>} fileExtensions
+ */
+ function registerLangHandler(handler, fileExtensions) {
+ for (var i = fileExtensions.length; --i >= 0;) {
+ var ext = fileExtensions[i];
+ if (!langHandlerRegistry.hasOwnProperty(ext)) {
+ langHandlerRegistry[ext] = handler;
+ } else if (window['console']) {
+ console['warn']('cannot override language handler %s', ext);
+ }
+ }
+ }
+ function langHandlerForExtension(extension, source) {
+ if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {
+ // Treat it as markup if the first non whitespace character is a < and
+ // the last non-whitespace character is a >.
+ extension = /^\s*</.test(source)
+ ? 'default-markup'
+ : 'default-code';
+ }
+ return langHandlerRegistry[extension];
+ }
+ registerLangHandler(decorateSource, ['default-code']);
+ registerLangHandler(
+ createSimpleLexer(
+ [],
+ [
+ [PR_PLAIN, /^[^<?]+/],
+ [PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],
+ [PR_COMMENT, /^<\!--[\s\S]*?(?:-\->|$)/],
+ // Unescaped content in an unknown language
+ ['lang-', /^<\?([\s\S]+?)(?:\?>|$)/],
+ ['lang-', /^<%([\s\S]+?)(?:%>|$)/],
+ [PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],
+ ['lang-', /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],
+ // Unescaped content in javascript. (Or possibly vbscript).
+ ['lang-js', /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],
+ // Contains unescaped stylesheet content
+ ['lang-css', /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],
+ ['lang-in.tag', /^(<\/?[a-z][^<>]*>)/i]
+ ]),
+ ['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);
+ registerLangHandler(
+ createSimpleLexer(
+ [
+ [PR_PLAIN, /^[\s]+/, null, ' \t\r\n'],
+ [PR_ATTRIB_VALUE, /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, '\"\'']
+ ],
+ [
+ [PR_TAG, /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],
+ [PR_ATTRIB_NAME, /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],
+ ['lang-uq.val', /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
+ [PR_PUNCTUATION, /^[=<>\/]+/],
+ ['lang-js', /^on\w+\s*=\s*\"([^\"]+)\"/i],
+ ['lang-js', /^on\w+\s*=\s*\'([^\']+)\'/i],
+ ['lang-js', /^on\w+\s*=\s*([^\"\'>\s]+)/i],
+ ['lang-css', /^style\s*=\s*\"([^\"]+)\"/i],
+ ['lang-css', /^style\s*=\s*\'([^\']+)\'/i],
+ ['lang-css', /^style\s*=\s*([^\"\'>\s]+)/i]
+ ]),
+ ['in.tag']);
+ registerLangHandler(
+ createSimpleLexer([], [[PR_ATTRIB_VALUE, /^[\s\S]+/]]), ['uq.val']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': CPP_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'types': C_TYPES
+ }), ['c', 'cc', 'cpp', 'cxx', 'cyc', 'm']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': 'null,true,false'
+ }), ['json']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': CSHARP_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'verbatimStrings': true,
+ 'types': C_TYPES
+ }), ['cs']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': JAVA_KEYWORDS,
+ 'cStyleComments': true
+ }), ['java']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': SH_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true
+ }), ['bsh', 'csh', 'sh']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': PYTHON_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'tripleQuotedStrings': true
+ }), ['cv', 'py']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': PERL_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ }), ['perl', 'pl', 'pm']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': RUBY_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ }), ['rb']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': JSCRIPT_KEYWORDS,
+ 'cStyleComments': true,
+ 'regexLiterals': true
+ }), ['js']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': COFFEE_KEYWORDS,
+ 'hashComments': 3, // ### style block comments
+ 'cStyleComments': true,
+ 'multilineStrings': true,
+ 'tripleQuotedStrings': true,
+ 'regexLiterals': true
+ }), ['coffee']);
+ registerLangHandler(createSimpleLexer([], [[PR_STRING, /^[\s\S]+/]]), ['regex']);
+
+ function applyDecorator(job) {
+ var opt_langExtension = job.langExtension;
+
+ try {
+ // Extract tags, and convert the source code to plain text.
+ var sourceAndSpans = extractSourceSpans(job.sourceNode);
+ /** Plain text. @type {string} */
+ var source = sourceAndSpans.sourceCode;
+ job.sourceCode = source;
+ job.spans = sourceAndSpans.spans;
+ job.basePos = 0;
+
+ // Apply the appropriate language handler
+ langHandlerForExtension(opt_langExtension, source)(job);
+
+ // Integrate the decorations and tags back into the source code,
+ // modifying the sourceNode in place.
+ recombineTagsAndDecorations(job);
+ } catch (e) {
+ if ('console' in window) {
+ console['log'](e && e['stack'] ? e['stack'] : e);
+ }
+ }
+ }
+
+ /**
+ * @param sourceCodeHtml {string} The HTML to pretty print.
+ * @param opt_langExtension {string} The language name to use.
+ * Typically, a filename extension like 'cpp' or 'java'.
+ * @param opt_numberLines {number|boolean} True to number lines,
+ * or the 1-indexed number of the first line in sourceCodeHtml.
+ */
+ function prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLines) {
+ var container = document.createElement('PRE');
+ // This could cause images to load and onload listeners to fire.
+ // E.g. <img onerror="alert(1337)" src="nosuchimage.png">.
+ // We assume that the inner HTML is from a trusted source.
+ container.innerHTML = sourceCodeHtml;
+ if (opt_numberLines) {
+ numberLines(container, opt_numberLines);
+ }
+
+ var job = {
+ langExtension: opt_langExtension,
+ numberLines: opt_numberLines,
+ sourceNode: container
+ };
+ applyDecorator(job);
+ return container.innerHTML;
+ }
+
+ function prettyPrint(opt_whenDone) {
+ function byTagName(tn) { return document.getElementsByTagName(tn); }
+ // fetch a list of nodes to rewrite
+ var codeSegments = [byTagName('pre'), byTagName('code'), byTagName('xmp')];
+ var elements = [];
+ for (var i = 0; i < codeSegments.length; ++i) {
+ for (var j = 0, n = codeSegments[i].length; j < n; ++j) {
+ elements.push(codeSegments[i][j]);
+ }
+ }
+ codeSegments = null;
+
+ var clock = Date;
+ if (!clock['now']) {
+ clock = { 'now': function () { return +(new Date); } };
+ }
+
+ // The loop is broken into a series of continuations to make sure that we
+ // don't make the browser unresponsive when rewriting a large page.
+ var k = 0;
+ var prettyPrintingJob;
+
+ var langExtensionRe = /\blang(?:uage)?-([\w.]+)(?!\S)/;
+ var prettyPrintRe = /\bprettyprint\b/;
+
+ function doWork() {
+ var endTime = (window['PR_SHOULD_USE_CONTINUATION'] ?
+ clock['now']() + 250 /* ms */ :
+ Infinity);
+ for (; k < elements.length && clock['now']() < endTime; k++) {
+ var cs = elements[k];
+ var className = cs.className;
+ if (className.indexOf('prettyprint') >= 0) {
+ // If the classes includes a language extensions, use it.
+ // Language extensions can be specified like
+ // <pre class="prettyprint lang-cpp">
+ // the language extension "cpp" is used to find a language handler as
+ // passed to PR.registerLangHandler.
+ // HTML5 recommends that a language be specified using "language-"
+ // as the prefix instead. Google Code Prettify supports both.
+ // http://dev.w3.org/html5/spec-author-view/the-code-element.html
+ var langExtension = className.match(langExtensionRe);
+ // Support <pre class="prettyprint"><code class="language-c">
+ var wrapper;
+ if (!langExtension && (wrapper = childContentWrapper(cs))
+ && "CODE" === wrapper.tagName) {
+ langExtension = wrapper.className.match(langExtensionRe);
+ }
+
+ if (langExtension) {
+ langExtension = langExtension[1];
+ }
+
+ // make sure this is not nested in an already prettified element
+ var nested = false;
+ for (var p = cs.parentNode; p; p = p.parentNode) {
+ if ((p.tagName === 'pre' || p.tagName === 'code' ||
+ p.tagName === 'xmp') &&
+ p.className && p.className.indexOf('prettyprint') >= 0) {
+ nested = true;
+ break;
+ }
+ }
+ if (!nested) {
+ // Look for a class like linenums or linenums:<n> where <n> is the
+ // 1-indexed number of the first line.
+ var lineNums = cs.className.match(/\blinenums\b(?::(\d+))?/);
+ lineNums = lineNums
+ ? lineNums[1] && lineNums[1].length ? +lineNums[1] : true
+ : false;
+ if (lineNums) { numberLines(cs, lineNums); }
+
+ // do the pretty printing
+ prettyPrintingJob = {
+ langExtension: langExtension,
+ sourceNode: cs,
+ numberLines: lineNums
+ };
+ applyDecorator(prettyPrintingJob);
+ }
+ }
+ }
+ if (k < elements.length) {
+ // finish up in a continuation
+ setTimeout(doWork, 250);
+ } else if (opt_whenDone) {
+ opt_whenDone();
+ }
+ }
+
+ doWork();
+ }
+
+ /**
+ * Find all the {@code <pre>} and {@code <code>} tags in the DOM with
+ * {@code class=prettyprint} and prettify them.
+ *
+ * @param {Function?} opt_whenDone if specified, called when the last entry
+ * has been finished.
+ */
+ window['prettyPrintOne'] = prettyPrintOne;
+ /**
+ * Pretty print a chunk of code.
+ *
+ * @param {string} sourceCodeHtml code as html
+ * @return {string} code as html, but prettier
+ */
+ window['prettyPrint'] = prettyPrint;
+ /**
+ * Contains functions for creating and registering new language handlers.
+ * @type {Object}
+ */
+ window['PR'] = {
+ 'createSimpleLexer': createSimpleLexer,
+ 'registerLangHandler': registerLangHandler,
+ 'sourceDecorator': sourceDecorator,
+ 'PR_ATTRIB_NAME': PR_ATTRIB_NAME,
+ 'PR_ATTRIB_VALUE': PR_ATTRIB_VALUE,
+ 'PR_COMMENT': PR_COMMENT,
+ 'PR_DECLARATION': PR_DECLARATION,
+ 'PR_KEYWORD': PR_KEYWORD,
+ 'PR_LITERAL': PR_LITERAL,
+ 'PR_NOCODE': PR_NOCODE,
+ 'PR_PLAIN': PR_PLAIN,
+ 'PR_PUNCTUATION': PR_PUNCTUATION,
+ 'PR_SOURCE': PR_SOURCE,
+ 'PR_STRING': PR_STRING,
+ 'PR_TAG': PR_TAG,
+ 'PR_TYPE': PR_TYPE
+ };
+})();
diff --git a/kss-orion-theme/dist/public/sample-inline.png b/kss-orion-theme/dist/public/sample-inline.png
new file mode 100644
index 0000000..30494c6
Binary files /dev/null and b/kss-orion-theme/dist/public/sample-inline.png differ
diff --git a/kss-orion-theme/dist/public/sample-inline.svg b/kss-orion-theme/dist/public/sample-inline.svg
new file mode 100644
index 0000000..d581ae5
--- /dev/null
+++ b/kss-orion-theme/dist/public/sample-inline.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<polygon fill="#bdad94" stroke="#bdad94" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>
+</svg>
diff --git a/kss-orion-theme/dist/public/sample.png b/kss-orion-theme/dist/public/sample.png
new file mode 100644
index 0000000..56a579d
Binary files /dev/null and b/kss-orion-theme/dist/public/sample.png differ
diff --git a/kss-orion-theme/dist/public/sample.svg b/kss-orion-theme/dist/public/sample.svg
new file mode 100644
index 0000000..878030b
--- /dev/null
+++ b/kss-orion-theme/dist/public/sample.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<polygon fill="#bdad94" stroke="#bdad94" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>
+</svg>
diff --git a/kss-orion-theme/dist/public/style.css b/kss-orion-theme/dist/public/style.css
new file mode 100644
index 0000000..3accb40
--- /dev/null
+++ b/kss-orion-theme/dist/public/style.css
@@ -0,0 +1,604 @@
+.kss-style {
+ color: #2b2b2b;
+ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+ font-size: 16px;
+ line-height: 24px;
+}
+
+.kss-style a {
+ color: #2b2b2b;
+ text-decoration: none;
+}
+
+.kss-style a:visited {
+ color: #2b2b2b;
+}
+
+.kss-style a:hover, .kss-style a:focus {
+ color: #2b2b2b;
+}
+
+.kss-style a:active {
+ color: #2b2b2b;
+}
+
+.kss-style a:hover, .kss-style a:active {
+ outline: 0;
+}
+
+.kss-style p {
+ margin: 12px 0 24px 0;
+}
+
+.kss-style h1, .kss-style h2, .kss-style h3, .kss-style h4, .kss-style h5, .kss-style h6 {
+ margin: 24px 0 0 0;
+ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+ color: #2b2b2b;
+ line-height: 1.15em;
+}
+
+.kss-style h1:first-child, .kss-style h2:first-child, .kss-style h3:first-child, .kss-style h4:first-child, .kss-style h5:first-child, .kss-style h6:first-child {
+ margin-top: 0;
+}
+
+.kss-style h4, .kss-style h5, .kss-style h6 {
+ font-weight: bold;
+}
+
+.kss-style h1 {
+ font-size: 40px;
+}
+
+.kss-style h2 {
+ font-size: 36px;
+}
+
+.kss-style h3 {
+ font-size: 34px;
+}
+
+.kss-style h4 {
+ font-size: 32px;
+}
+
+.kss-style h5 {
+ font-size: 30px;
+}
+
+.kss-style h6 {
+ font-size: 28px;
+}
+
+.kss-style blockquote {
+ color: #666;
+ margin: 0;
+ padding-left: 24px;
+ border-left: 0.5em #d9d9d9 solid;
+}
+
+.kss-style hr {
+ display: block;
+ height: 2px;
+ border: 0;
+ border-top: 1px solid white;
+ border-bottom: 1px solid #b5b5b5;
+ margin: 24px 0;
+ padding: 0;
+}
+
+.kss-style pre, .kss-style code, .kss-style kbd, .kss-style samp {
+ font-family: Menlo, "Ubuntu Mono", "Lucida Console", "Courier New", Courier, monospace;
+ color: #2b2b2b;
+ font-size: 1em;
+}
+
+.kss-style pre {
+ white-space: pre;
+ overflow: scroll;
+}
+
+.kss-style ins {
+ color: #2b2b2b;
+ background: #ff9;
+ text-decoration: none;
+}
+
+.kss-style mark {
+ color: #2b2b2b;
+ background: #ff0;
+ font-weight: bold;
+}
+
+.kss-style sub, .kss-style sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+.kss-style sup {
+ top: -0.5em;
+}
+
+.kss-style sub {
+ bottom: -0.25em;
+}
+
+.kss-style ul, .kss-style ol {
+ margin: 0 0 0 24px;
+ padding: 0;
+}
+
+.kss-style li p:last-child {
+ margin: 0;
+}
+
+.kss-style dd {
+ margin: 0 0 0 24px;
+}
+
+.kss-style img {
+ max-width: 100%;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+}
+
+.kss-style table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+.kss-style td {
+ vertical-align: top;
+}
+
+@media print {
+ .kss-style a, .kss-style a:visited {
+ text-decoration: underline;
+ }
+ .kss-style hr {
+ height: 1px;
+ border: 0;
+ border-bottom: 1px solid black;
+ }
+ .kss-style a[href]:after {
+ content: " (" attr(href) ")";
+ }
+ .kss-style a[href^="javascript:"]:after, .kss-style a[href^="#"]:after {
+ content: "";
+ }
+ .kss-style abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+ .kss-style pre, .kss-style blockquote {
+ border: 1px solid #999;
+ padding-right: 1em;
+ page-break-inside: avoid;
+ }
+ .kss-style tr, .kss-style img {
+ page-break-inside: avoid;
+ }
+ .kss-style img {
+ max-width: 100% !important;
+ }
+ .kss-style p, .kss-style h2, .kss-style h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ .kss-style h2, .kss-style h3 {
+ page-break-after: avoid;
+ }
+}
+
+#kss-node {
+ margin: 0;
+ background: #fff;
+}
+
+#kss-node .kss-body-container {
+ position: relative;
+ min-height: 100vh;
+}
+
+#kss-node .kss-main {
+ width: 100%;
+ margin: 0 auto;
+ padding: 15px;
+}
+
+#kss-node .kss-sidebar {
+ border-bottom: 1px solid #cecece;
+ margin-bottom: 15px;
+}
+
+@media screen and (min-width: 769px) {
+ #kss-node {
+ padding: 0;
+ background: #fff;
+ }
+ #kss-node .kss-main,
+ #kss-node .kss-sidebar {
+ margin-right: -100%;
+ box-sizing: border-box;
+ }
+ #kss-node .kss-main {
+ width: 80%;
+ margin-left: 20%;
+ padding: 30px;
+ }
+ #kss-node .kss-sidebar {
+ position: absolute;
+ width: 20%;
+ height: 100%;
+ overflow: auto;
+ border-right: 1px solid #cecece;
+ border-bottom: 0;
+ margin-bottom: 0;
+ }
+}
+
+@media screen and (min-width: 1500px) {
+ #kss-node .kss-main {
+ width: 85%;
+ margin-left: 15%;
+ }
+ #kss-node .kss-sidebar {
+ width: 15%;
+ }
+}
+
+#kss-node .kss-nav {
+ text-transform: capitalize;
+ padding: 0 0 30px 0;
+}
+
+#kss-node .kss-header {
+ padding: 30px 15px 15px 15px;
+}
+
+#kss-node .kss-doc-title {
+ font-size: 1.5em;
+ margin: 0;
+ text-align: center;
+}
+
+#kss-node .kss-header__logo {
+ display: block;
+ margin: 0 auto 15px auto;
+ max-width: 80%;
+ height: auto;
+}
+
+#kss-node .kss-nav__menu {
+ padding: 0 15px;
+ margin: 0;
+ list-style-type: none;
+}
+
+#kss-node .kss-nav__menu-item {
+ text-align: center;
+}
+
+#kss-node .kss-nav__menu-child {
+ display: none;
+}
+
+#kss-node .kss-nav__ref {
+ display: none;
+ color: #2b2b2b;
+}
+
+#kss-node .kss-nav__ref:after {
+ content: ' ';
+}
+
+@media screen and (min-width: 769px) {
+ #kss-node .kss-nav {
+ padding: 0;
+ }
+ #kss-node .kss-header {
+ padding: 15px;
+ text-align: center;
+ }
+ #kss-node .kss-nav__menu {
+ padding: 0;
+ }
+ #kss-node .kss-nav__menu-item {
+ display: list-item;
+ padding-right: 0;
+ text-align: left;
+ }
+ #kss-node .kss-nav__menu-item .kss-nav__menu-item__link {
+ display: block;
+ padding: 20px;
+ border-top: 1px solid #cecece;
+ font-weight: bold;
+ }
+ #kss-node .kss-nav__menu-item.is-active .kss-nav__menu-child-item__link:hover {
+ text-decoration: underline;
+ }
+ #kss-node .kss-nav__menu-item:last-child {
+ border-bottom: 1px solid #cecece;
+ }
+ #kss-node .kss-nav__menu-child {
+ display: block;
+ list-style-type: none;
+ margin: 0;
+ padding: 0 20px 20px 20px;
+ }
+ #kss-node .kss-nav__menu-child .kss-nav__menu-child-item__link {
+ display: inline-block;
+ padding: 5px 0;
+ }
+ #kss-node .kss-nav__menu-child-item:first-child .kss-nav__menu-child-item__link {
+ padding-top: 0;
+ }
+ #kss-node .kss-nav__ref:after {
+ content: ") ";
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ #kss-node .kss-header {
+ padding: 30px;
+ }
+}
+
+#kss-node {
+ /* Pretty printing styles. Used with prettify.js. */
+ /* SPAN elements with the classes below are added by prettyprint. */
+ /* plain text */
+ /* string content */
+ /* a keyword */
+ /* a comment */
+ /* a type name */
+ /* a literal value */
+ /* punctuation, lisp open bracket, lisp close bracket */
+ /* a markup tag name */
+ /* a markup attribute name */
+ /* a markup attribute value */
+ /* a declaration; a variable name */
+ /* a function name */
+ /* Use higher contrast and text-weight for printable form. */
+ /* Specify class=linenums on a pre to get line numbering */
+}
+
+#kss-node .kss-section {
+ max-width: 48em;
+ margin-bottom: 48px;
+}
+
+#kss-node .kss-section.kss-component > .kss-style:first-child {
+ border-bottom: 1px solid #cecece;
+ margin-bottom: 24px;
+}
+
+#kss-node .kss-title {
+ margin-bottom: 0;
+}
+
+#kss-node .kss-title__ref {
+ display: none;
+ font-size: 16px;
+ line-height: 16px;
+ color: #929292;
+ font-weight: 300;
+}
+
+#kss-node .kss-title__ref:before {
+ content: 'Section ';
+}
+
+#kss-node .kss-title__permalink {
+ display: block;
+ color: #2b2b2b;
+ text-decoration: none;
+ text-transform: capitalize;
+ font-size: 1.5rem;
+}
+
+#kss-node .kss-title__permalink:hover, #kss-node .kss-title__permalink:focus, #kss-node .kss-title__permalink:active {
+ color: #2b2b2b;
+}
+
+#kss-node .kss-title__permalink-hash {
+ display: none;
+}
+
+#kss-node .kss-parameters {
+ display: table;
+ list-style-type: none;
+ margin-left: 0;
+ padding-left: 0;
+}
+
+#kss-node .kss-parameters__item {
+ display: table-row;
+}
+
+#kss-node .kss-parameters__name {
+ display: table-cell;
+ padding-right: 20px;
+}
+
+#kss-node .kss-parameters__description {
+ display: table-cell;
+}
+
+#kss-node .kss-modifier__wrapper {
+ margin: 0 0 23px 0;
+}
+
+#kss-node .kss-modifier__heading {
+ margin: -10px -10px 10px -10px;
+ padding: 10px;
+ border-bottom: 1px solid #cecece;
+ background-color: #f6f6f6;
+ font-weight: bold;
+}
+
+#kss-node .kss-modifier__default-name {
+ font-weight: bold;
+ margin-bottom: 12px;
+}
+
+#kss-node .kss-modifier__name {
+ float: left;
+ padding-right: 10px;
+ font-weight: bold;
+}
+
+#kss-node .kss-modifier__description {
+ margin-bottom: 12px;
+}
+
+#kss-node .kss-modifier__example {
+ clear: left;
+ padding: 1px 0;
+ position: relative;
+ margin: 0 0 23px 0;
+}
+
+#kss-node .kss-modifier__example:last-child {
+ margin: 0;
+}
+
+#kss-node .kss-markup {
+ margin: -1px 0 24px 0;
+ border: 1px solid #cecece;
+}
+
+#kss-node .kss-markup pre {
+ margin: 0;
+}
+
+#kss-node .kss-github {
+ display: none;
+}
+
+@media screen and (min-width: 501px) {
+ #kss-node .kss-github {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ }
+}
+
+#kss-node .kss-github img {
+ border: 0;
+}
+
+#kss-node .pln {
+ color: #000;
+}
+
+#kss-node .str {
+ color: #080;
+}
+
+#kss-node .kwd {
+ color: #008;
+}
+
+#kss-node .com {
+ color: #800;
+}
+
+#kss-node .typ {
+ color: #606;
+}
+
+#kss-node .lit {
+ color: #066;
+}
+
+#kss-node .pun, #kss-node .opn, #kss-node .clo {
+ color: #660;
+}
+
+#kss-node .tag {
+ color: #008;
+}
+
+#kss-node .atn {
+ color: #606;
+}
+
+#kss-node .atv {
+ color: #080;
+}
+
+#kss-node .dec, #kss-node .var {
+ color: #606;
+}
+
+#kss-node .fun {
+ color: red;
+}
+
+@media print, projection {
+ #kss-node .str {
+ color: #060;
+ }
+ #kss-node .kwd {
+ color: #006;
+ font-weight: bold;
+ }
+ #kss-node .com {
+ color: #600;
+ font-style: italic;
+ }
+ #kss-node .typ {
+ color: #404;
+ font-weight: bold;
+ }
+ #kss-node .lit {
+ color: #044;
+ }
+ #kss-node .pun, #kss-node .opn, #kss-node .clo {
+ color: #440;
+ }
+ #kss-node .tag {
+ color: #006;
+ font-weight: bold;
+ }
+ #kss-node .atn {
+ color: #404;
+ }
+ #kss-node .atv {
+ color: #060;
+ }
+}
+
+#kss-node ol.linenums {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ /* Alternate shading for lines */
+}
+
+#kss-node ol.linenums li {
+ min-height: 24px;
+ padding: 0 10px;
+ background: #fff;
+}
+
+#kss-node ol.linenums li:first-child {
+ padding-top: 3px;
+}
+
+#kss-node ol.linenums li.L0,
+#kss-node ol.linenums li.L2,
+#kss-node ol.linenums li.L4,
+#kss-node ol.linenums li.L6,
+#kss-node ol.linenums li.L8 {
+ background: #fcfcfc;
+}
+
+@media screen and (min-width: 769px) {
+ #kss-node .kss-title__permalink {
+ font-size: inherit;
+ }
+}
diff --git a/kss-orion-theme/dist/template_config.js b/kss-orion-theme/dist/template_config.js
new file mode 100644
index 0000000..602826b
--- /dev/null
+++ b/kss-orion-theme/dist/template_config.js
@@ -0,0 +1,46 @@
+'use strict';
+
+// This optional file is used to load the CLI options and KSS generator needed
+// by this template.
+//
+// The filename should follow standard node.js require() conventions. See
+// http://nodejs.org/api/modules.html#modules_folders_as_modules It should
+// either be named index.js or have its name set in the "main" property of the
+// template's package.json.
+
+var kssHandlebarsTemplate;
+
+module.exports = kssHandlebarsTemplate = {};
+
+// Tell kss-node which generator this template uses.
+try {
+ // In order for a template to be "kss-node clone"-able, it must use the
+ // require('kss/generator/path') syntax.
+ kssHandlebarsTemplate.generator = require('kss/generator/handlebars');
+} catch (e) {
+ // The above require() line will always fail while testing a git clone of this
+ // module because this code is not inside a "node_modules/kss" folder which
+ // would allow node.js to find it with require('kss/anything'). So we catch
+ // the error and use a relative path.
+ kssHandlebarsTemplate.generator = require('../kss_handlebars_generator.js');
+}
+
+// Tell kss-node which Yargs-like options this template has.
+// See https://github.com/bcoe/yargs/blob/master/README.md#optionskey-opt
+kssHandlebarsTemplate.options = {
+ 'title': {
+ group: 'Style guide:',
+ string: true,
+ multiple: false,
+ describe: 'Title of the style guide',
+ default: 'KSS Style Guide'
+ }
+};
+
+// If this template wants to modify the KssStyleguide object before the HTML is
+// generated, it can do so here. For example, doing special handling of "custom"
+// properties. It can also take this opportunity for other tasks, like running
+// Sass or Bower tasks.
+kssHandlebarsTemplate.generator.prepare = function(styleguide, cb) {
+ return cb(null, styleguide);
+};
diff --git a/kss-orion-theme/gulpfile.js b/kss-orion-theme/gulpfile.js
new file mode 100644
index 0000000..4cd2ac7
--- /dev/null
+++ b/kss-orion-theme/gulpfile.js
@@ -0,0 +1,128 @@
+/*
+|--------------------------------------------------------------------
+| SET DEPENDENCIES
+|--------------------------------------------------------------------
+*/
+
+// Required for all tasks
+var gulp = require('gulp');
+// Required for SASS tags
+var sass = require('gulp-sass');
+// Adds support for SASS globbing
+var sassGlob = require('gulp-sass-glob');
+// Used to rename CSS and JS depending if minified
+var rename = require("gulp-rename");
+// Used to add conditional functionality
+var gulpif = require('gulp-if');
+// Used to delete folders during build process
+var del = require('del');
+// Used to create synchronous build tasks
+var runSequence = require('run-sequence');
+
+/*
+|--------------------------------------------------------------------
+| CONFIG
+|--------------------------------------------------------------------
+*/
+
+// If minify is true then css & js will be minified
+// This is in case the code needs to be maintained by a less-technical developer
+var minify = false;
+
+/*
+|--------------------------------------------------------------------
+| DELETE DIST FOLDER
+|--------------------------------------------------------------------
+*/
+
+gulp.task('deleteDist', function(){
+ return del('dist/');
+});
+
+/*
+|--------------------------------------------------------------------
+| COPY STATIC ASSETS
+|--------------------------------------------------------------------
+*/
+
+// Copy HTML files
+gulp.task('copyHTML', function() {
+ // Copy all non-directory files
+ gulp.src('dev/html/*.+(html|md)')
+ .pipe(gulp.dest('dist/'));
+});
+
+
+// Copy Package JSON to dist file as it needs the link to the template config is needed by kss
+gulp.task('copyPackage', function() {
+ // Copy all non-directory files
+ gulp.src('package.json')
+ .pipe(gulp.dest('dist/'));
+});
+
+// Copy template to public folder
+gulp.task('copyTemplate', function() {
+ // Copy all non-directory files
+ gulp.src('dev/template_config.js')
+ .pipe(gulp.dest('dist/'));
+});
+
+// Copy assets to public folder
+gulp.task('copyJS', function() {
+ // Copy all non-directory files
+ gulp.src('dev/js/*.+(js)')
+ .pipe(gulp.dest('dist/public/'));
+});
+
+// Copy IMG files
+gulp.task('copyIMG', function() {
+ // Copy all non-directory files
+ gulp.src('dev/img/*.+(png|jpg|gif|svg)')
+ .pipe(gulp.dest('dist/public/'));
+});
+
+/*
+|--------------------------------------------------------------------
+| SASS
+|--------------------------------------------------------------------
+*/
+
+gulp.task('sass', function () {
+ return gulp.src('dev/sass/*.scss')
+ .pipe(sassGlob())
+ .pipe(gulpif(minify, sass({outputStyle: 'compressed', precision: 8}), sass({outputStyle: 'expanded', precision: 8})))
+ .pipe(gulpif(minify, rename({ suffix: '.min' })))
+ .on('error', sass.logError)
+ .pipe(gulp.dest('./dist/public/'));
+});
+
+/*
+|--------------------------------------------------------------------
+| PRODUCTION FUNCTIONS
+|--------------------------------------------------------------------
+*/
+
+// Here we pull everything together into generic watch and build functions
+
+// WATCH FUNCTION
+gulp.task("watch", function() {
+ // HTML
+ gulp.watch('dev/html/**/*.html',['copyHTML']);
+ // Images
+ gulp.watch('dev/img/*.+(png|jpg|gif|svg)',['copyIMG']);
+ // SASS
+ gulp.watch('dev/sass/**/*.scss',['sass']);
+ // JS
+ gulp.watch('dev/js/**/*.js',['copyJS']);
+});
+
+// BUILD FUNCTION
+gulp.task('build',function() {
+ runSequence(
+ // Delete Dist Folder
+ "deleteDist",
+ // Run other tasks asynchronously
+ ["copyHTML", "copyJS", "copyIMG", "sass", "copyPackage", "copyTemplate"]
+ );
+});
+
diff --git a/kss-orion-theme/misc/screen.png b/kss-orion-theme/misc/screen.png
new file mode 100644
index 0000000..75cd34b
Binary files /dev/null and b/kss-orion-theme/misc/screen.png differ
diff --git a/kss-orion-theme/package.json b/kss-orion-theme/package.json
new file mode 100644
index 0000000..c9246cf
--- /dev/null
+++ b/kss-orion-theme/package.json
@@ -0,0 +1,53 @@
+{
+ "_from": "kss-orion-theme",
+ "_id": "kss-orion-theme@1.0.0",
+ "_inBundle": false,
+ "_integrity": "sha512-B/nukiO/rLsNswxXEQRKYsI+7g4zijwsnU3Af20YCTmTBObiE32a6WWInJzazbbHjY+MSh6+r0PEHiFaIT2kQw==",
+ "_location": "/kss-orion-theme",
+ "_phantomChildren": {},
+ "_requested": {
+ "type": "tag",
+ "registry": true,
+ "raw": "kss-orion-theme",
+ "name": "kss-orion-theme",
+ "escapedName": "kss-orion-theme",
+ "rawSpec": "",
+ "saveSpec": null,
+ "fetchSpec": "latest"
+ },
+ "_requiredBy": [
+ "#DEV:/",
+ "#USER"
+ ],
+ "_resolved": "https://registry.npmjs.org/kss-orion-theme/-/kss-orion-theme-1.0.0.tgz",
+ "_shasum": "f013d09d5d963c85d2ba8df5ba4b81397c11ae8c",
+ "_spec": "kss-orion-theme",
+ "_where": "/Users/millerb/work/focal-banger-css",
+ "author": {
+ "name": "Luke Harrison"
+ },
+ "bugs": {
+ "url": "https://github.com/WebDevLuke/kss-orion-theme/issues"
+ },
+ "bundleDependencies": false,
+ "deprecated": false,
+ "description": "A flat simplistic theme for kss-node",
+ "devDependencies": {
+ "del": "^2.2.2",
+ "gulp": "^3.9.1",
+ "gulp-if": "^2.0.0",
+ "gulp-rename": "^1.2.2",
+ "gulp-sass": "^2.2.0",
+ "gulp-sass-glob": "^1.0.6",
+ "run-sequence": "^1.1.5"
+ },
+ "homepage": "http://www.lukeharrison.net",
+ "license": "MIT",
+ "main": "dist/template_config.js",
+ "name": "kss-orion-theme",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/WebDevLuke/kss-orion-theme.git"
+ },
+ "version": "1.0.0"
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..59d90f0
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3897 @@
+{
+ "name": "news-theme-css",
+ "version": "1.0.0",
+ "lockfileVersion": 1,
+ "requires": true,
+ "dependencies": {
+ "a-sync-waterfall": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/a-sync-waterfall/-/a-sync-waterfall-1.0.1.tgz",
+ "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
+ "dev": true
+ },
+ "abbrev": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+ "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+ "dev": true
+ },
+ "ajv": {
+ "version": "6.10.2",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz",
+ "integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==",
+ "dev": true,
+ "requires": {
+ "fast-deep-equal": "^2.0.1",
+ "fast-json-stable-stringify": "^2.0.0",
+ "json-schema-traverse": "^0.4.1",
+ "uri-js": "^4.2.2"
+ }
+ },
+ "amdefine": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+ "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+ "dev": true
+ },
+ "ansi-regex": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+ "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+ "dev": true
+ },
+ "ansi-styles": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+ "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+ "dev": true
+ },
+ "anymatch": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+ "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "micromatch": "^3.1.4",
+ "normalize-path": "^2.1.1"
+ },
+ "dependencies": {
+ "normalize-path": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+ "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "remove-trailing-separator": "^1.0.1"
+ }
+ }
+ }
+ },
+ "aproba": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+ "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+ "dev": true
+ },
+ "are-we-there-yet": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
+ "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
+ "dev": true,
+ "requires": {
+ "delegates": "^1.0.0",
+ "readable-stream": "^2.0.6"
+ }
+ },
+ "argparse": {
+ "version": "1.0.10",
+ "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+ "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+ "dev": true,
+ "requires": {
+ "sprintf-js": "~1.0.2"
+ }
+ },
+ "arr-diff": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+ "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+ "dev": true,
+ "optional": true
+ },
+ "arr-flatten": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+ "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+ "dev": true,
+ "optional": true
+ },
+ "arr-union": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+ "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=",
+ "dev": true,
+ "optional": true
+ },
+ "array-find-index": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+ "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
+ "dev": true
+ },
+ "array-unique": {
+ "version": "0.3.2",
+ "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+ "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+ "dev": true,
+ "optional": true
+ },
+ "asap": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+ "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+ "dev": true
+ },
+ "asn1": {
+ "version": "0.2.4",
+ "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
+ "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
+ "dev": true,
+ "requires": {
+ "safer-buffer": "~2.1.0"
+ }
+ },
+ "assert-plus": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+ "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+ "dev": true
+ },
+ "assign-symbols": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+ "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
+ "dev": true,
+ "optional": true
+ },
+ "async-each": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
+ "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
+ "dev": true,
+ "optional": true
+ },
+ "async-foreach": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
+ "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
+ "dev": true
+ },
+ "asynckit": {
+ "version": "0.4.0",
+ "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+ "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
+ "dev": true
+ },
+ "atob": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+ "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+ "dev": true,
+ "optional": true
+ },
+ "aws-sign2": {
+ "version": "0.7.0",
+ "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+ "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+ "dev": true
+ },
+ "aws4": {
+ "version": "1.8.0",
+ "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
+ "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
+ "dev": true
+ },
+ "balanced-match": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+ "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+ "dev": true
+ },
+ "base": {
+ "version": "0.11.2",
+ "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+ "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "cache-base": "^1.0.1",
+ "class-utils": "^0.3.5",
+ "component-emitter": "^1.2.1",
+ "define-property": "^1.0.0",
+ "isobject": "^3.0.1",
+ "mixin-deep": "^1.2.0",
+ "pascalcase": "^0.1.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^1.0.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+ "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-data-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+ "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-descriptor": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+ "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-accessor-descriptor": "^1.0.0",
+ "is-data-descriptor": "^1.0.0",
+ "kind-of": "^6.0.2"
+ }
+ }
+ }
+ },
+ "bcrypt-pbkdf": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+ "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+ "dev": true,
+ "requires": {
+ "tweetnacl": "^0.14.3"
+ }
+ },
+ "binary-extensions": {
+ "version": "1.13.1",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+ "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+ "dev": true,
+ "optional": true
+ },
+ "block-stream": {
+ "version": "0.0.9",
+ "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
+ "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
+ "dev": true,
+ "requires": {
+ "inherits": "~2.0.0"
+ }
+ },
+ "bluebird": {
+ "version": "3.7.1",
+ "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.1.tgz",
+ "integrity": "sha512-DdmyoGCleJnkbp3nkbxTLJ18rjDsE4yCggEwKNXkeV123sPNfOCYeDoeuOY+F2FrSjO1YXcTU+dsy96KMy+gcg==",
+ "dev": true
+ },
+ "brace-expansion": {
+ "version": "1.1.11",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+ "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+ "dev": true,
+ "requires": {
+ "balanced-match": "^1.0.0",
+ "concat-map": "0.0.1"
+ }
+ },
+ "braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ },
+ "dependencies": {
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ }
+ }
+ },
+ "cache-base": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+ "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "collection-visit": "^1.0.0",
+ "component-emitter": "^1.2.1",
+ "get-value": "^2.0.6",
+ "has-value": "^1.0.0",
+ "isobject": "^3.0.1",
+ "set-value": "^2.0.0",
+ "to-object-path": "^0.3.0",
+ "union-value": "^1.0.0",
+ "unset-value": "^1.0.0"
+ }
+ },
+ "camelcase": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+ "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
+ "dev": true
+ },
+ "camelcase-keys": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+ "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+ "dev": true,
+ "requires": {
+ "camelcase": "^2.0.0",
+ "map-obj": "^1.0.0"
+ }
+ },
+ "caseless": {
+ "version": "0.12.0",
+ "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+ "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+ "dev": true
+ },
+ "chalk": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+ "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^2.2.1",
+ "escape-string-regexp": "^1.0.2",
+ "has-ansi": "^2.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^2.0.0"
+ }
+ },
+ "chokidar": {
+ "version": "2.1.8",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+ "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "anymatch": "^2.0.0",
+ "async-each": "^1.0.1",
+ "braces": "^2.3.2",
+ "fsevents": "^1.2.7",
+ "glob-parent": "^3.1.0",
+ "inherits": "^2.0.3",
+ "is-binary-path": "^1.0.0",
+ "is-glob": "^4.0.0",
+ "normalize-path": "^3.0.0",
+ "path-is-absolute": "^1.0.0",
+ "readdirp": "^2.2.1",
+ "upath": "^1.1.1"
+ }
+ },
+ "class-utils": {
+ "version": "0.3.6",
+ "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+ "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "arr-union": "^3.1.0",
+ "define-property": "^0.2.5",
+ "isobject": "^3.0.0",
+ "static-extend": "^0.1.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ }
+ }
+ },
+ "cliui": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+ "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+ "dev": true,
+ "requires": {
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1",
+ "wrap-ansi": "^2.0.0"
+ }
+ },
+ "code-point-at": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+ "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+ "dev": true
+ },
+ "collection-visit": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+ "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "map-visit": "^1.0.0",
+ "object-visit": "^1.0.0"
+ }
+ },
+ "combined-stream": {
+ "version": "1.0.8",
+ "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+ "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+ "dev": true,
+ "requires": {
+ "delayed-stream": "~1.0.0"
+ }
+ },
+ "commander": {
+ "version": "2.20.3",
+ "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+ "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+ "dev": true,
+ "optional": true
+ },
+ "component-emitter": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+ "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+ "dev": true,
+ "optional": true
+ },
+ "concat-map": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+ "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+ "dev": true
+ },
+ "console-control-strings": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+ "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+ "dev": true
+ },
+ "copy-descriptor": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+ "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
+ "dev": true,
+ "optional": true
+ },
+ "core-util-is": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+ "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+ "dev": true
+ },
+ "cross-spawn": {
+ "version": "6.0.5",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+ "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+ "dev": true,
+ "requires": {
+ "nice-try": "^1.0.4",
+ "path-key": "^2.0.1",
+ "semver": "^5.5.0",
+ "shebang-command": "^1.2.0",
+ "which": "^1.2.9"
+ }
+ },
+ "currently-unhandled": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+ "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+ "dev": true,
+ "requires": {
+ "array-find-index": "^1.0.1"
+ }
+ },
+ "dashdash": {
+ "version": "1.14.1",
+ "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+ "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+ "dev": true,
+ "requires": {
+ "assert-plus": "^1.0.0"
+ }
+ },
+ "debug": {
+ "version": "2.6.9",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+ "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "ms": "2.0.0"
+ }
+ },
+ "decamelize": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+ "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+ "dev": true
+ },
+ "decode-uri-component": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
+ "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
+ "dev": true,
+ "optional": true
+ },
+ "define-property": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+ "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^1.0.2",
+ "isobject": "^3.0.1"
+ },
+ "dependencies": {
+ "is-accessor-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+ "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-data-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+ "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-descriptor": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+ "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-accessor-descriptor": "^1.0.0",
+ "is-data-descriptor": "^1.0.0",
+ "kind-of": "^6.0.2"
+ }
+ }
+ }
+ },
+ "delayed-stream": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+ "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+ "dev": true
+ },
+ "delegates": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+ "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+ "dev": true
+ },
+ "ecc-jsbn": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+ "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+ "dev": true,
+ "requires": {
+ "jsbn": "~0.1.0",
+ "safer-buffer": "^2.1.0"
+ }
+ },
+ "end-of-stream": {
+ "version": "1.4.4",
+ "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+ "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+ "dev": true,
+ "requires": {
+ "once": "^1.4.0"
+ }
+ },
+ "entities": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+ "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+ "dev": true
+ },
+ "error-ex": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+ "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+ "dev": true,
+ "requires": {
+ "is-arrayish": "^0.2.1"
+ }
+ },
+ "es6-promise": {
+ "version": "4.2.8",
+ "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+ "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==",
+ "dev": true
+ },
+ "escape-string-regexp": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+ "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+ "dev": true
+ },
+ "execa": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+ "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+ "dev": true,
+ "requires": {
+ "cross-spawn": "^6.0.0",
+ "get-stream": "^4.0.0",
+ "is-stream": "^1.1.0",
+ "npm-run-path": "^2.0.0",
+ "p-finally": "^1.0.0",
+ "signal-exit": "^3.0.0",
+ "strip-eof": "^1.0.0"
+ }
+ },
+ "expand-brackets": {
+ "version": "2.1.4",
+ "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+ "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "debug": "^2.3.3",
+ "define-property": "^0.2.5",
+ "extend-shallow": "^2.0.1",
+ "posix-character-classes": "^0.1.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ }
+ }
+ },
+ "extend": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+ "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+ "dev": true
+ },
+ "extend-shallow": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+ "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "assign-symbols": "^1.0.0",
+ "is-extendable": "^1.0.1"
+ },
+ "dependencies": {
+ "is-extendable": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+ "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-plain-object": "^2.0.4"
+ }
+ }
+ }
+ },
+ "extglob": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+ "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "array-unique": "^0.3.2",
+ "define-property": "^1.0.0",
+ "expand-brackets": "^2.1.4",
+ "extend-shallow": "^2.0.1",
+ "fragment-cache": "^0.2.1",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^1.0.0"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+ "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-data-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+ "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-descriptor": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+ "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-accessor-descriptor": "^1.0.0",
+ "is-data-descriptor": "^1.0.0",
+ "kind-of": "^6.0.2"
+ }
+ }
+ }
+ },
+ "extsprintf": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+ "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+ "dev": true
+ },
+ "fast-deep-equal": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+ "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+ "dev": true
+ },
+ "fast-json-stable-stringify": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+ "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+ "dev": true
+ },
+ "fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ },
+ "dependencies": {
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ }
+ }
+ },
+ "find-up": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+ "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+ "dev": true,
+ "requires": {
+ "locate-path": "^3.0.0"
+ }
+ },
+ "for-in": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+ "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
+ "dev": true,
+ "optional": true
+ },
+ "foreachasync": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/foreachasync/-/foreachasync-3.0.0.tgz",
+ "integrity": "sha1-VQKYfchxS+M5IJfzLgBxyd7gfPY=",
+ "dev": true
+ },
+ "forever-agent": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+ "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+ "dev": true
+ },
+ "form-data": {
+ "version": "2.3.3",
+ "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+ "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+ "dev": true,
+ "requires": {
+ "asynckit": "^0.4.0",
+ "combined-stream": "^1.0.6",
+ "mime-types": "^2.1.12"
+ }
+ },
+ "fragment-cache": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+ "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "map-cache": "^0.2.2"
+ }
+ },
+ "fs-extra": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+ "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "jsonfile": "^4.0.0",
+ "universalify": "^0.1.0"
+ }
+ },
+ "fs.realpath": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+ "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+ "dev": true
+ },
+ "fsevents": {
+ "version": "1.2.9",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.9.tgz",
+ "integrity": "sha512-oeyj2H3EjjonWcFjD5NvZNE9Rqe4UW+nQBU2HNeKw0koVLEFIhtyETyAakeAM3de7Z/SW5kcA+fZUait9EApnw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "nan": "^2.12.1",
+ "node-pre-gyp": "^0.12.0"
+ },
+ "dependencies": {
+ "abbrev": {
+ "version": "1.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "ansi-regex": {
+ "version": "2.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "aproba": {
+ "version": "1.2.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "are-we-there-yet": {
+ "version": "1.1.5",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "delegates": "^1.0.0",
+ "readable-stream": "^2.0.6"
+ }
+ },
+ "balanced-match": {
+ "version": "1.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "brace-expansion": {
+ "version": "1.1.11",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "balanced-match": "^1.0.0",
+ "concat-map": "0.0.1"
+ }
+ },
+ "chownr": {
+ "version": "1.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "code-point-at": {
+ "version": "1.1.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "concat-map": {
+ "version": "0.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "console-control-strings": {
+ "version": "1.1.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "core-util-is": {
+ "version": "1.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "debug": {
+ "version": "4.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "ms": "^2.1.1"
+ }
+ },
+ "deep-extend": {
+ "version": "0.6.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "delegates": {
+ "version": "1.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "detect-libc": {
+ "version": "1.0.3",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "fs-minipass": {
+ "version": "1.2.5",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "minipass": "^2.2.1"
+ }
+ },
+ "fs.realpath": {
+ "version": "1.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "gauge": {
+ "version": "2.7.4",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "aproba": "^1.0.3",
+ "console-control-strings": "^1.0.0",
+ "has-unicode": "^2.0.0",
+ "object-assign": "^4.1.0",
+ "signal-exit": "^3.0.0",
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1",
+ "wide-align": "^1.1.0"
+ }
+ },
+ "glob": {
+ "version": "7.1.3",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "fs.realpath": "^1.0.0",
+ "inflight": "^1.0.4",
+ "inherits": "2",
+ "minimatch": "^3.0.4",
+ "once": "^1.3.0",
+ "path-is-absolute": "^1.0.0"
+ }
+ },
+ "has-unicode": {
+ "version": "2.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "iconv-lite": {
+ "version": "0.4.24",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "safer-buffer": ">= 2.1.2 < 3"
+ }
+ },
+ "ignore-walk": {
+ "version": "3.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "minimatch": "^3.0.4"
+ }
+ },
+ "inflight": {
+ "version": "1.0.6",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "once": "^1.3.0",
+ "wrappy": "1"
+ }
+ },
+ "inherits": {
+ "version": "2.0.3",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "ini": {
+ "version": "1.3.5",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "number-is-nan": "^1.0.0"
+ }
+ },
+ "isarray": {
+ "version": "1.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "minimatch": {
+ "version": "3.0.4",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "brace-expansion": "^1.1.7"
+ }
+ },
+ "minimist": {
+ "version": "0.0.8",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "minipass": {
+ "version": "2.3.5",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "safe-buffer": "^5.1.2",
+ "yallist": "^3.0.0"
+ }
+ },
+ "minizlib": {
+ "version": "1.2.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "minipass": "^2.2.1"
+ }
+ },
+ "mkdirp": {
+ "version": "0.5.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "minimist": "0.0.8"
+ }
+ },
+ "ms": {
+ "version": "2.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "needle": {
+ "version": "2.3.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "debug": "^4.1.0",
+ "iconv-lite": "^0.4.4",
+ "sax": "^1.2.4"
+ }
+ },
+ "node-pre-gyp": {
+ "version": "0.12.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "detect-libc": "^1.0.2",
+ "mkdirp": "^0.5.1",
+ "needle": "^2.2.1",
+ "nopt": "^4.0.1",
+ "npm-packlist": "^1.1.6",
+ "npmlog": "^4.0.2",
+ "rc": "^1.2.7",
+ "rimraf": "^2.6.1",
+ "semver": "^5.3.0",
+ "tar": "^4"
+ }
+ },
+ "nopt": {
+ "version": "4.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "abbrev": "1",
+ "osenv": "^0.1.4"
+ }
+ },
+ "npm-bundled": {
+ "version": "1.0.6",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "npm-packlist": {
+ "version": "1.4.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "ignore-walk": "^3.0.1",
+ "npm-bundled": "^1.0.1"
+ }
+ },
+ "npmlog": {
+ "version": "4.1.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "are-we-there-yet": "~1.1.2",
+ "console-control-strings": "~1.1.0",
+ "gauge": "~2.7.3",
+ "set-blocking": "~2.0.0"
+ }
+ },
+ "number-is-nan": {
+ "version": "1.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "object-assign": {
+ "version": "4.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "once": {
+ "version": "1.4.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "wrappy": "1"
+ }
+ },
+ "os-homedir": {
+ "version": "1.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "os-tmpdir": {
+ "version": "1.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "osenv": {
+ "version": "0.1.5",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "os-homedir": "^1.0.0",
+ "os-tmpdir": "^1.0.0"
+ }
+ },
+ "path-is-absolute": {
+ "version": "1.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "process-nextick-args": {
+ "version": "2.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "rc": {
+ "version": "1.2.8",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "deep-extend": "^0.6.0",
+ "ini": "~1.3.0",
+ "minimist": "^1.2.0",
+ "strip-json-comments": "~2.0.1"
+ },
+ "dependencies": {
+ "minimist": {
+ "version": "1.2.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ }
+ }
+ },
+ "readable-stream": {
+ "version": "2.3.6",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "core-util-is": "~1.0.0",
+ "inherits": "~2.0.3",
+ "isarray": "~1.0.0",
+ "process-nextick-args": "~2.0.0",
+ "safe-buffer": "~5.1.1",
+ "string_decoder": "~1.1.1",
+ "util-deprecate": "~1.0.1"
+ }
+ },
+ "rimraf": {
+ "version": "2.6.3",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "glob": "^7.1.3"
+ }
+ },
+ "safe-buffer": {
+ "version": "5.1.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "safer-buffer": {
+ "version": "2.1.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "sax": {
+ "version": "1.2.4",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "semver": {
+ "version": "5.7.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "set-blocking": {
+ "version": "2.0.0",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "signal-exit": {
+ "version": "3.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "string-width": {
+ "version": "1.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ }
+ },
+ "string_decoder": {
+ "version": "1.1.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "safe-buffer": "~5.1.0"
+ }
+ },
+ "strip-ansi": {
+ "version": "3.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "strip-json-comments": {
+ "version": "2.0.1",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "tar": {
+ "version": "4.4.8",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "chownr": "^1.1.1",
+ "fs-minipass": "^1.2.5",
+ "minipass": "^2.3.4",
+ "minizlib": "^1.1.1",
+ "mkdirp": "^0.5.0",
+ "safe-buffer": "^5.1.2",
+ "yallist": "^3.0.2"
+ }
+ },
+ "util-deprecate": {
+ "version": "1.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "wide-align": {
+ "version": "1.1.3",
+ "bundled": true,
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "string-width": "^1.0.2 || 2"
+ }
+ },
+ "wrappy": {
+ "version": "1.0.2",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ },
+ "yallist": {
+ "version": "3.0.3",
+ "bundled": true,
+ "dev": true,
+ "optional": true
+ }
+ }
+ },
+ "fstream": {
+ "version": "1.0.12",
+ "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
+ "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "inherits": "~2.0.0",
+ "mkdirp": ">=0.5 0",
+ "rimraf": "2"
+ }
+ },
+ "gauge": {
+ "version": "2.7.4",
+ "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+ "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+ "dev": true,
+ "requires": {
+ "aproba": "^1.0.3",
+ "console-control-strings": "^1.0.0",
+ "has-unicode": "^2.0.0",
+ "object-assign": "^4.1.0",
+ "signal-exit": "^3.0.0",
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1",
+ "wide-align": "^1.1.0"
+ }
+ },
+ "gaze": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
+ "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
+ "dev": true,
+ "requires": {
+ "globule": "^1.0.0"
+ }
+ },
+ "get-caller-file": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+ "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
+ "dev": true
+ },
+ "get-stdin": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+ "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+ "dev": true
+ },
+ "get-stream": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+ "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+ "dev": true,
+ "requires": {
+ "pump": "^3.0.0"
+ }
+ },
+ "get-value": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+ "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
+ "dev": true,
+ "optional": true
+ },
+ "getpass": {
+ "version": "0.1.7",
+ "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+ "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+ "dev": true,
+ "requires": {
+ "assert-plus": "^1.0.0"
+ }
+ },
+ "glob": {
+ "version": "7.1.5",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.5.tgz",
+ "integrity": "sha512-J9dlskqUXK1OeTOYBEn5s8aMukWMwWfs+rPTn/jn50Ux4MNXVhubL1wu/j2t+H4NVI+cXEcCaYellqaPVGXNqQ==",
+ "dev": true,
+ "requires": {
+ "fs.realpath": "^1.0.0",
+ "inflight": "^1.0.4",
+ "inherits": "2",
+ "minimatch": "^3.0.4",
+ "once": "^1.3.0",
+ "path-is-absolute": "^1.0.0"
+ }
+ },
+ "glob-parent": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+ "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-glob": "^3.1.0",
+ "path-dirname": "^1.0.0"
+ },
+ "dependencies": {
+ "is-glob": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+ "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extglob": "^2.1.0"
+ }
+ }
+ }
+ },
+ "globule": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
+ "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+ "dev": true,
+ "requires": {
+ "glob": "~7.1.1",
+ "lodash": "~4.17.10",
+ "minimatch": "~3.0.2"
+ }
+ },
+ "graceful-fs": {
+ "version": "4.2.3",
+ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz",
+ "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==",
+ "dev": true
+ },
+ "handlebars": {
+ "version": "4.5.1",
+ "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.5.1.tgz",
+ "integrity": "sha512-C29UoFzHe9yM61lOsIlCE5/mQVGrnIOrOq7maQl76L7tYPCgC1og0Ajt6uWnX4ZTxBPnjw+CUvawphwCfJgUnA==",
+ "dev": true,
+ "requires": {
+ "neo-async": "^2.6.0",
+ "optimist": "^0.6.1",
+ "source-map": "^0.6.1",
+ "uglify-js": "^3.1.4"
+ }
+ },
+ "har-schema": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+ "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+ "dev": true
+ },
+ "har-validator": {
+ "version": "5.1.3",
+ "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
+ "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
+ "dev": true,
+ "requires": {
+ "ajv": "^6.5.5",
+ "har-schema": "^2.0.0"
+ }
+ },
+ "has-ansi": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+ "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "has-unicode": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+ "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+ "dev": true
+ },
+ "has-value": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+ "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "get-value": "^2.0.6",
+ "has-values": "^1.0.0",
+ "isobject": "^3.0.0"
+ }
+ },
+ "has-values": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+ "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-number": "^3.0.0",
+ "kind-of": "^4.0.0"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+ "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "highlight.js": {
+ "version": "9.16.2",
+ "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.16.2.tgz",
+ "integrity": "sha512-feMUrVLZvjy0oC7FVJQcSQRqbBq9kwqnYE4+Kj9ZjbHh3g+BisiPgF49NyQbVLNdrL/qqZr3Ca9yOKwgn2i/tw==",
+ "dev": true
+ },
+ "hosted-git-info": {
+ "version": "2.8.5",
+ "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.5.tgz",
+ "integrity": "sha512-kssjab8CvdXfcXMXVcvsXum4Hwdq9XGtRD3TteMEvEbq0LXyiNQr6AprqKqfeaDXze7SxWvRxdpwE6ku7ikLkg==",
+ "dev": true
+ },
+ "http-signature": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+ "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+ "dev": true,
+ "requires": {
+ "assert-plus": "^1.0.0",
+ "jsprim": "^1.2.2",
+ "sshpk": "^1.7.0"
+ }
+ },
+ "in-publish": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz",
+ "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
+ "dev": true
+ },
+ "indent-string": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+ "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+ "dev": true,
+ "requires": {
+ "repeating": "^2.0.0"
+ }
+ },
+ "inflight": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+ "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+ "dev": true,
+ "requires": {
+ "once": "^1.3.0",
+ "wrappy": "1"
+ }
+ },
+ "inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+ "dev": true
+ },
+ "invert-kv": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+ "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
+ "dev": true
+ },
+ "is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-arrayish": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+ "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+ "dev": true
+ },
+ "is-binary-path": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+ "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "binary-extensions": "^1.0.0"
+ }
+ },
+ "is-buffer": {
+ "version": "1.1.6",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+ "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+ "dev": true,
+ "optional": true
+ },
+ "is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true,
+ "optional": true
+ }
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+ "dev": true,
+ "optional": true
+ },
+ "is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+ "dev": true,
+ "optional": true
+ },
+ "is-finite": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
+ "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
+ "dev": true,
+ "requires": {
+ "number-is-nan": "^1.0.0"
+ }
+ },
+ "is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+ "dev": true,
+ "requires": {
+ "number-is-nan": "^1.0.0"
+ }
+ },
+ "is-glob": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+ "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extglob": "^2.1.1"
+ }
+ },
+ "is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-plain-object": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+ "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "isobject": "^3.0.1"
+ }
+ },
+ "is-stream": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+ "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+ "dev": true
+ },
+ "is-typedarray": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+ "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+ "dev": true
+ },
+ "is-utf8": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+ "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
+ "dev": true
+ },
+ "is-windows": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+ "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+ "dev": true,
+ "optional": true
+ },
+ "isarray": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+ "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+ "dev": true
+ },
+ "isexe": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+ "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+ "dev": true
+ },
+ "isobject": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+ "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+ "dev": true,
+ "optional": true
+ },
+ "isstream": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+ "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+ "dev": true
+ },
+ "js-base64": {
+ "version": "2.5.1",
+ "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz",
+ "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==",
+ "dev": true
+ },
+ "jsbn": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+ "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+ "dev": true
+ },
+ "json-schema": {
+ "version": "0.2.3",
+ "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+ "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
+ "dev": true
+ },
+ "json-schema-traverse": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+ "dev": true
+ },
+ "json-stringify-safe": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+ "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
+ "dev": true
+ },
+ "jsonfile": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+ "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.6"
+ }
+ },
+ "jsprim": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
+ "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+ "dev": true,
+ "requires": {
+ "assert-plus": "1.0.0",
+ "extsprintf": "1.3.0",
+ "json-schema": "0.2.3",
+ "verror": "1.10.0"
+ }
+ },
+ "kind-of": {
+ "version": "6.0.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+ "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+ "dev": true,
+ "optional": true
+ },
+ "kss": {
+ "version": "3.0.0-beta.25",
+ "resolved": "https://registry.npmjs.org/kss/-/kss-3.0.0-beta.25.tgz",
+ "integrity": "sha512-jF8zh0HXUZfcysCyyKsftWyLAXkRh1Qt7ikd6WgmfKVhMRygq0x0YUFzTRB/SB57jSyk1DybbfopmFutY6Qo6Q==",
+ "dev": true,
+ "requires": {
+ "bluebird": "^3.3.3",
+ "fs-extra": "^7.0.0",
+ "glob": "^7.0.3",
+ "handlebars": "^4.0.0",
+ "highlight.js": "^9.12.0",
+ "markdown-it": "^8.4.1",
+ "nunjucks": "^3.0.1",
+ "resolve": "^1.6.0",
+ "twig": "^1.13.0",
+ "twig-drupal-filters": "^2.0.0",
+ "yargs": "^12.0.1"
+ }
+ },
+ "lcid": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+ "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
+ "dev": true,
+ "requires": {
+ "invert-kv": "^1.0.0"
+ }
+ },
+ "linkify-it": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+ "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+ "dev": true,
+ "requires": {
+ "uc.micro": "^1.0.1"
+ }
+ },
+ "load-json-file": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+ "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "parse-json": "^2.2.0",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0",
+ "strip-bom": "^2.0.0"
+ }
+ },
+ "locate-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+ "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+ "dev": true,
+ "requires": {
+ "p-locate": "^3.0.0",
+ "path-exists": "^3.0.0"
+ }
+ },
+ "locutus": {
+ "version": "2.0.11",
+ "resolved": "https://registry.npmjs.org/locutus/-/locutus-2.0.11.tgz",
+ "integrity": "sha512-C0q1L38lK5q1t+wE0KY21/9szrBHxye6o2z5EJzU+5B79tubNOC+nLAEzTTn1vPUGoUuehKh8kYKqiVUTWRyaQ==",
+ "dev": true,
+ "requires": {
+ "es6-promise": "^4.2.5"
+ }
+ },
+ "lodash": {
+ "version": "4.17.15",
+ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+ "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+ "dev": true
+ },
+ "loud-rejection": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+ "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+ "dev": true,
+ "requires": {
+ "currently-unhandled": "^0.4.1",
+ "signal-exit": "^3.0.0"
+ }
+ },
+ "lru-cache": {
+ "version": "4.1.5",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+ "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+ "dev": true,
+ "requires": {
+ "pseudomap": "^1.0.2",
+ "yallist": "^2.1.2"
+ }
+ },
+ "map-age-cleaner": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
+ "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
+ "dev": true,
+ "requires": {
+ "p-defer": "^1.0.0"
+ }
+ },
+ "map-cache": {
+ "version": "0.2.2",
+ "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+ "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
+ "dev": true,
+ "optional": true
+ },
+ "map-obj": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+ "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+ "dev": true
+ },
+ "map-visit": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+ "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "object-visit": "^1.0.0"
+ }
+ },
+ "markdown-it": {
+ "version": "8.4.2",
+ "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
+ "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+ "dev": true,
+ "requires": {
+ "argparse": "^1.0.7",
+ "entities": "~1.1.1",
+ "linkify-it": "^2.0.0",
+ "mdurl": "^1.0.1",
+ "uc.micro": "^1.0.5"
+ }
+ },
+ "mdurl": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+ "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=",
+ "dev": true
+ },
+ "mem": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
+ "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
+ "dev": true,
+ "requires": {
+ "map-age-cleaner": "^0.1.1",
+ "mimic-fn": "^2.0.0",
+ "p-is-promise": "^2.0.0"
+ }
+ },
+ "meow": {
+ "version": "3.7.0",
+ "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+ "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+ "dev": true,
+ "requires": {
+ "camelcase-keys": "^2.0.0",
+ "decamelize": "^1.1.2",
+ "loud-rejection": "^1.0.0",
+ "map-obj": "^1.0.1",
+ "minimist": "^1.1.3",
+ "normalize-package-data": "^2.3.4",
+ "object-assign": "^4.0.1",
+ "read-pkg-up": "^1.0.1",
+ "redent": "^1.0.0",
+ "trim-newlines": "^1.0.0"
+ },
+ "dependencies": {
+ "minimist": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+ "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+ "dev": true
+ }
+ }
+ },
+ "michelangelo": {
+ "version": "0.8.0",
+ "resolved": "https://registry.npmjs.org/michelangelo/-/michelangelo-0.8.0.tgz",
+ "integrity": "sha1-EQKRuTL2bsYI4D1UF/7KE/d4cSg=",
+ "dev": true
+ },
+ "micromatch": {
+ "version": "3.1.10",
+ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+ "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "arr-diff": "^4.0.0",
+ "array-unique": "^0.3.2",
+ "braces": "^2.3.1",
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "extglob": "^2.0.4",
+ "fragment-cache": "^0.2.1",
+ "kind-of": "^6.0.2",
+ "nanomatch": "^1.2.9",
+ "object.pick": "^1.3.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.2"
+ }
+ },
+ "mime-db": {
+ "version": "1.40.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
+ "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
+ "dev": true
+ },
+ "mime-types": {
+ "version": "2.1.24",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
+ "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
+ "dev": true,
+ "requires": {
+ "mime-db": "1.40.0"
+ }
+ },
+ "mimic-fn": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+ "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+ "dev": true
+ },
+ "minimatch": {
+ "version": "3.0.4",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+ "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+ "dev": true,
+ "requires": {
+ "brace-expansion": "^1.1.7"
+ }
+ },
+ "minimist": {
+ "version": "0.0.10",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+ "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
+ "dev": true
+ },
+ "mixin-deep": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+ "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "for-in": "^1.0.2",
+ "is-extendable": "^1.0.1"
+ },
+ "dependencies": {
+ "is-extendable": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+ "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-plain-object": "^2.0.4"
+ }
+ }
+ }
+ },
+ "mkdirp": {
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+ "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+ "dev": true,
+ "requires": {
+ "minimist": "0.0.8"
+ },
+ "dependencies": {
+ "minimist": {
+ "version": "0.0.8",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+ "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+ "dev": true
+ }
+ }
+ },
+ "ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+ "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+ "dev": true,
+ "optional": true
+ },
+ "nan": {
+ "version": "2.14.0",
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
+ "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
+ "dev": true
+ },
+ "nanomatch": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+ "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "arr-diff": "^4.0.0",
+ "array-unique": "^0.3.2",
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "fragment-cache": "^0.2.1",
+ "is-windows": "^1.0.2",
+ "kind-of": "^6.0.2",
+ "object.pick": "^1.3.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ }
+ },
+ "neo-async": {
+ "version": "2.6.1",
+ "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.1.tgz",
+ "integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==",
+ "dev": true
+ },
+ "nice-try": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+ "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+ "dev": true
+ },
+ "node-gyp": {
+ "version": "3.8.0",
+ "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz",
+ "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==",
+ "dev": true,
+ "requires": {
+ "fstream": "^1.0.0",
+ "glob": "^7.0.3",
+ "graceful-fs": "^4.1.2",
+ "mkdirp": "^0.5.0",
+ "nopt": "2 || 3",
+ "npmlog": "0 || 1 || 2 || 3 || 4",
+ "osenv": "0",
+ "request": "^2.87.0",
+ "rimraf": "2",
+ "semver": "~5.3.0",
+ "tar": "^2.0.0",
+ "which": "1"
+ },
+ "dependencies": {
+ "semver": {
+ "version": "5.3.0",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+ "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
+ "dev": true
+ }
+ }
+ },
+ "node-sass": {
+ "version": "4.13.0",
+ "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.0.tgz",
+ "integrity": "sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==",
+ "dev": true,
+ "requires": {
+ "async-foreach": "^0.1.3",
+ "chalk": "^1.1.1",
+ "cross-spawn": "^3.0.0",
+ "gaze": "^1.0.0",
+ "get-stdin": "^4.0.1",
+ "glob": "^7.0.3",
+ "in-publish": "^2.0.0",
+ "lodash": "^4.17.15",
+ "meow": "^3.7.0",
+ "mkdirp": "^0.5.1",
+ "nan": "^2.13.2",
+ "node-gyp": "^3.8.0",
+ "npmlog": "^4.0.0",
+ "request": "^2.88.0",
+ "sass-graph": "^2.2.4",
+ "stdout-stream": "^1.4.0",
+ "true-case-path": "^1.0.2"
+ },
+ "dependencies": {
+ "cross-spawn": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
+ "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
+ "dev": true,
+ "requires": {
+ "lru-cache": "^4.0.1",
+ "which": "^1.2.9"
+ }
+ }
+ }
+ },
+ "nopt": {
+ "version": "3.0.6",
+ "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
+ "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+ "dev": true,
+ "requires": {
+ "abbrev": "1"
+ }
+ },
+ "normalize-package-data": {
+ "version": "2.5.0",
+ "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+ "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+ "dev": true,
+ "requires": {
+ "hosted-git-info": "^2.1.4",
+ "resolve": "^1.10.0",
+ "semver": "2 || 3 || 4 || 5",
+ "validate-npm-package-license": "^3.0.1"
+ }
+ },
+ "normalize-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+ "dev": true,
+ "optional": true
+ },
+ "npm-run-path": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+ "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+ "dev": true,
+ "requires": {
+ "path-key": "^2.0.0"
+ }
+ },
+ "npmlog": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+ "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+ "dev": true,
+ "requires": {
+ "are-we-there-yet": "~1.1.2",
+ "console-control-strings": "~1.1.0",
+ "gauge": "~2.7.3",
+ "set-blocking": "~2.0.0"
+ }
+ },
+ "number-is-nan": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+ "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+ "dev": true
+ },
+ "nunjucks": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/nunjucks/-/nunjucks-3.2.0.tgz",
+ "integrity": "sha512-YS/qEQ6N7qCnUdm6EoYRBfJUdWNT0PpKbbRnogV2XyXbBm2STIP1O6yrdZHgwMVK7fIYUx7i8+yatEixnXSB1w==",
+ "dev": true,
+ "requires": {
+ "a-sync-waterfall": "^1.0.0",
+ "asap": "^2.0.3",
+ "chokidar": "^2.0.0",
+ "yargs": "^3.32.0"
+ },
+ "dependencies": {
+ "yargs": {
+ "version": "3.32.0",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.32.0.tgz",
+ "integrity": "sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=",
+ "dev": true,
+ "requires": {
+ "camelcase": "^2.0.1",
+ "cliui": "^3.0.3",
+ "decamelize": "^1.1.1",
+ "os-locale": "^1.4.0",
+ "string-width": "^1.0.1",
+ "window-size": "^0.1.4",
+ "y18n": "^3.2.0"
+ }
+ }
+ }
+ },
+ "oauth-sign": {
+ "version": "0.9.0",
+ "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+ "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+ "dev": true
+ },
+ "object-assign": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+ "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+ "dev": true
+ },
+ "object-copy": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+ "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "copy-descriptor": "^0.1.0",
+ "define-property": "^0.2.5",
+ "kind-of": "^3.0.3"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "object-visit": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+ "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "isobject": "^3.0.0"
+ }
+ },
+ "object.pick": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+ "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "isobject": "^3.0.1"
+ }
+ },
+ "once": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+ "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+ "dev": true,
+ "requires": {
+ "wrappy": "1"
+ }
+ },
+ "optimist": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+ "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+ "dev": true,
+ "requires": {
+ "minimist": "~0.0.1",
+ "wordwrap": "~0.0.2"
+ }
+ },
+ "os-homedir": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+ "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+ "dev": true
+ },
+ "os-locale": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+ "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
+ "dev": true,
+ "requires": {
+ "lcid": "^1.0.0"
+ }
+ },
+ "os-tmpdir": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+ "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+ "dev": true
+ },
+ "osenv": {
+ "version": "0.1.5",
+ "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+ "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+ "dev": true,
+ "requires": {
+ "os-homedir": "^1.0.0",
+ "os-tmpdir": "^1.0.0"
+ }
+ },
+ "p-defer": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
+ "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
+ "dev": true
+ },
+ "p-finally": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+ "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+ "dev": true
+ },
+ "p-is-promise": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
+ "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
+ "dev": true
+ },
+ "p-limit": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.1.tgz",
+ "integrity": "sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==",
+ "dev": true,
+ "requires": {
+ "p-try": "^2.0.0"
+ }
+ },
+ "p-locate": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+ "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+ "dev": true,
+ "requires": {
+ "p-limit": "^2.0.0"
+ }
+ },
+ "p-try": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+ "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+ "dev": true
+ },
+ "parse-json": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+ "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+ "dev": true,
+ "requires": {
+ "error-ex": "^1.2.0"
+ }
+ },
+ "pascalcase": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+ "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=",
+ "dev": true,
+ "optional": true
+ },
+ "path-dirname": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+ "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=",
+ "dev": true,
+ "optional": true
+ },
+ "path-exists": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+ "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+ "dev": true
+ },
+ "path-is-absolute": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+ "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+ "dev": true
+ },
+ "path-key": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+ "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+ "dev": true
+ },
+ "path-parse": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+ "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+ "dev": true
+ },
+ "path-type": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+ "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ }
+ },
+ "performance-now": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+ "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+ "dev": true
+ },
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+ "dev": true
+ },
+ "pinkie": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+ "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
+ "dev": true
+ },
+ "pinkie-promise": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+ "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+ "dev": true,
+ "requires": {
+ "pinkie": "^2.0.0"
+ }
+ },
+ "posix-character-classes": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+ "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=",
+ "dev": true,
+ "optional": true
+ },
+ "process-nextick-args": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+ "dev": true
+ },
+ "pseudomap": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+ "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
+ "dev": true
+ },
+ "psl": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/psl/-/psl-1.4.0.tgz",
+ "integrity": "sha512-HZzqCGPecFLyoRj5HLfuDSKYTJkAfB5thKBIkRHtGjWwY7p1dAyveIbXIq4tO0KYfDF2tHqPUgY9SDnGm00uFw==",
+ "dev": true
+ },
+ "pump": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+ "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+ "dev": true,
+ "requires": {
+ "end-of-stream": "^1.1.0",
+ "once": "^1.3.1"
+ }
+ },
+ "punycode": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+ "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+ "dev": true
+ },
+ "qs": {
+ "version": "6.5.2",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+ "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+ "dev": true
+ },
+ "read-pkg": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+ "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+ "dev": true,
+ "requires": {
+ "load-json-file": "^1.0.0",
+ "normalize-package-data": "^2.3.2",
+ "path-type": "^1.0.0"
+ }
+ },
+ "read-pkg-up": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+ "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+ "dev": true,
+ "requires": {
+ "find-up": "^1.0.0",
+ "read-pkg": "^1.0.0"
+ },
+ "dependencies": {
+ "find-up": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+ "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+ "dev": true,
+ "requires": {
+ "path-exists": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ }
+ },
+ "path-exists": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+ "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+ "dev": true,
+ "requires": {
+ "pinkie-promise": "^2.0.0"
+ }
+ }
+ }
+ },
+ "readable-stream": {
+ "version": "2.3.6",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+ "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+ "dev": true,
+ "requires": {
+ "core-util-is": "~1.0.0",
+ "inherits": "~2.0.3",
+ "isarray": "~1.0.0",
+ "process-nextick-args": "~2.0.0",
+ "safe-buffer": "~5.1.1",
+ "string_decoder": "~1.1.1",
+ "util-deprecate": "~1.0.1"
+ }
+ },
+ "readdirp": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+ "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "graceful-fs": "^4.1.11",
+ "micromatch": "^3.1.10",
+ "readable-stream": "^2.0.2"
+ }
+ },
+ "redent": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+ "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+ "dev": true,
+ "requires": {
+ "indent-string": "^2.1.0",
+ "strip-indent": "^1.0.1"
+ }
+ },
+ "regex-not": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+ "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "extend-shallow": "^3.0.2",
+ "safe-regex": "^1.1.0"
+ }
+ },
+ "remove-trailing-separator": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+ "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
+ "dev": true,
+ "optional": true
+ },
+ "repeat-element": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz",
+ "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==",
+ "dev": true,
+ "optional": true
+ },
+ "repeat-string": {
+ "version": "1.6.1",
+ "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+ "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
+ "dev": true,
+ "optional": true
+ },
+ "repeating": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+ "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+ "dev": true,
+ "requires": {
+ "is-finite": "^1.0.0"
+ }
+ },
+ "request": {
+ "version": "2.88.0",
+ "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
+ "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
+ "dev": true,
+ "requires": {
+ "aws-sign2": "~0.7.0",
+ "aws4": "^1.8.0",
+ "caseless": "~0.12.0",
+ "combined-stream": "~1.0.6",
+ "extend": "~3.0.2",
+ "forever-agent": "~0.6.1",
+ "form-data": "~2.3.2",
+ "har-validator": "~5.1.0",
+ "http-signature": "~1.2.0",
+ "is-typedarray": "~1.0.0",
+ "isstream": "~0.1.2",
+ "json-stringify-safe": "~5.0.1",
+ "mime-types": "~2.1.19",
+ "oauth-sign": "~0.9.0",
+ "performance-now": "^2.1.0",
+ "qs": "~6.5.2",
+ "safe-buffer": "^5.1.2",
+ "tough-cookie": "~2.4.3",
+ "tunnel-agent": "^0.6.0",
+ "uuid": "^3.3.2"
+ }
+ },
+ "require-directory": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+ "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+ "dev": true
+ },
+ "require-main-filename": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+ "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
+ "dev": true
+ },
+ "resolve": {
+ "version": "1.12.0",
+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz",
+ "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==",
+ "dev": true,
+ "requires": {
+ "path-parse": "^1.0.6"
+ }
+ },
+ "resolve-url": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+ "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
+ "dev": true,
+ "optional": true
+ },
+ "ret": {
+ "version": "0.1.15",
+ "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+ "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+ "dev": true,
+ "optional": true
+ },
+ "rimraf": {
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+ "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+ "dev": true,
+ "requires": {
+ "glob": "^7.1.3"
+ }
+ },
+ "safe-buffer": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+ "dev": true
+ },
+ "safe-regex": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+ "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "ret": "~0.1.10"
+ }
+ },
+ "safer-buffer": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+ "dev": true
+ },
+ "sass-graph": {
+ "version": "2.2.4",
+ "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
+ "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
+ "dev": true,
+ "requires": {
+ "glob": "^7.0.0",
+ "lodash": "^4.0.0",
+ "scss-tokenizer": "^0.2.3",
+ "yargs": "^7.0.0"
+ },
+ "dependencies": {
+ "camelcase": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+ "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+ "dev": true
+ },
+ "which-module": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+ "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
+ "dev": true
+ },
+ "yargs": {
+ "version": "7.1.0",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
+ "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
+ "dev": true,
+ "requires": {
+ "camelcase": "^3.0.0",
+ "cliui": "^3.2.0",
+ "decamelize": "^1.1.1",
+ "get-caller-file": "^1.0.1",
+ "os-locale": "^1.4.0",
+ "read-pkg-up": "^1.0.1",
+ "require-directory": "^2.1.1",
+ "require-main-filename": "^1.0.1",
+ "set-blocking": "^2.0.0",
+ "string-width": "^1.0.2",
+ "which-module": "^1.0.0",
+ "y18n": "^3.2.1",
+ "yargs-parser": "^5.0.0"
+ }
+ },
+ "yargs-parser": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
+ "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
+ "dev": true,
+ "requires": {
+ "camelcase": "^3.0.0"
+ }
+ }
+ }
+ },
+ "scss-tokenizer": {
+ "version": "0.2.3",
+ "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
+ "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
+ "dev": true,
+ "requires": {
+ "js-base64": "^2.1.8",
+ "source-map": "^0.4.2"
+ },
+ "dependencies": {
+ "source-map": {
+ "version": "0.4.4",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+ "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+ "dev": true,
+ "requires": {
+ "amdefine": ">=0.0.4"
+ }
+ }
+ }
+ },
+ "semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "dev": true
+ },
+ "set-blocking": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+ "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
+ "dev": true
+ },
+ "set-value": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+ "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "extend-shallow": "^2.0.1",
+ "is-extendable": "^0.1.1",
+ "is-plain-object": "^2.0.3",
+ "split-string": "^3.0.1"
+ },
+ "dependencies": {
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ }
+ }
+ },
+ "shebang-command": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+ "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+ "dev": true,
+ "requires": {
+ "shebang-regex": "^1.0.0"
+ }
+ },
+ "shebang-regex": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+ "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+ "dev": true
+ },
+ "signal-exit": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+ "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
+ "dev": true
+ },
+ "slugg": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/slugg/-/slugg-1.2.1.tgz",
+ "integrity": "sha1-51KvIkGvPycURjxd4iXOpHYIdAo=",
+ "dev": true
+ },
+ "snapdragon": {
+ "version": "0.8.2",
+ "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+ "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "base": "^0.11.1",
+ "debug": "^2.2.0",
+ "define-property": "^0.2.5",
+ "extend-shallow": "^2.0.1",
+ "map-cache": "^0.2.2",
+ "source-map": "^0.5.6",
+ "source-map-resolve": "^0.5.0",
+ "use": "^3.1.0"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "source-map": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+ "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+ "dev": true,
+ "optional": true
+ }
+ }
+ },
+ "snapdragon-node": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+ "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "define-property": "^1.0.0",
+ "isobject": "^3.0.0",
+ "snapdragon-util": "^3.0.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^1.0.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+ "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-data-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+ "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-descriptor": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+ "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-accessor-descriptor": "^1.0.0",
+ "is-data-descriptor": "^1.0.0",
+ "kind-of": "^6.0.2"
+ }
+ }
+ }
+ },
+ "snapdragon-util": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+ "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^3.2.0"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "source-map-resolve": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",
+ "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "atob": "^2.1.1",
+ "decode-uri-component": "^0.2.0",
+ "resolve-url": "^0.2.1",
+ "source-map-url": "^0.4.0",
+ "urix": "^0.1.0"
+ }
+ },
+ "source-map-url": {
+ "version": "0.4.0",
+ "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz",
+ "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
+ "dev": true,
+ "optional": true
+ },
+ "spdx-correct": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
+ "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
+ "dev": true,
+ "requires": {
+ "spdx-expression-parse": "^3.0.0",
+ "spdx-license-ids": "^3.0.0"
+ }
+ },
+ "spdx-exceptions": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
+ "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==",
+ "dev": true
+ },
+ "spdx-expression-parse": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
+ "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
+ "dev": true,
+ "requires": {
+ "spdx-exceptions": "^2.1.0",
+ "spdx-license-ids": "^3.0.0"
+ }
+ },
+ "spdx-license-ids": {
+ "version": "3.0.5",
+ "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
+ "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
+ "dev": true
+ },
+ "split-string": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+ "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "extend-shallow": "^3.0.0"
+ }
+ },
+ "sprintf-js": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+ "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+ "dev": true
+ },
+ "sshpk": {
+ "version": "1.16.1",
+ "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
+ "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
+ "dev": true,
+ "requires": {
+ "asn1": "~0.2.3",
+ "assert-plus": "^1.0.0",
+ "bcrypt-pbkdf": "^1.0.0",
+ "dashdash": "^1.12.0",
+ "ecc-jsbn": "~0.1.1",
+ "getpass": "^0.1.1",
+ "jsbn": "~0.1.0",
+ "safer-buffer": "^2.0.2",
+ "tweetnacl": "~0.14.0"
+ }
+ },
+ "static-extend": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+ "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "define-property": "^0.2.5",
+ "object-copy": "^0.1.0"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ }
+ }
+ },
+ "stdout-stream": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz",
+ "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==",
+ "dev": true,
+ "requires": {
+ "readable-stream": "^2.0.1"
+ }
+ },
+ "string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+ "dev": true,
+ "requires": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ }
+ },
+ "string_decoder": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+ "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+ "dev": true,
+ "requires": {
+ "safe-buffer": "~5.1.0"
+ }
+ },
+ "strip-ansi": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+ "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "strip-bom": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+ "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+ "dev": true,
+ "requires": {
+ "is-utf8": "^0.2.0"
+ }
+ },
+ "strip-eof": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+ "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
+ "dev": true
+ },
+ "strip-indent": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+ "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+ "dev": true,
+ "requires": {
+ "get-stdin": "^4.0.1"
+ }
+ },
+ "supports-color": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+ "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+ "dev": true
+ },
+ "tar": {
+ "version": "2.2.2",
+ "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz",
+ "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==",
+ "dev": true,
+ "requires": {
+ "block-stream": "*",
+ "fstream": "^1.0.12",
+ "inherits": "2"
+ }
+ },
+ "to-object-path": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+ "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "to-regex": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+ "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "regex-not": "^1.0.2",
+ "safe-regex": "^1.1.0"
+ }
+ },
+ "to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ }
+ },
+ "tough-cookie": {
+ "version": "2.4.3",
+ "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
+ "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+ "dev": true,
+ "requires": {
+ "psl": "^1.1.24",
+ "punycode": "^1.4.1"
+ },
+ "dependencies": {
+ "punycode": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+ "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
+ "dev": true
+ }
+ }
+ },
+ "trim-newlines": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+ "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
+ "dev": true
+ },
+ "true-case-path": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
+ "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==",
+ "dev": true,
+ "requires": {
+ "glob": "^7.1.2"
+ }
+ },
+ "tunnel-agent": {
+ "version": "0.6.0",
+ "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+ "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+ "dev": true,
+ "requires": {
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "tweetnacl": {
+ "version": "0.14.5",
+ "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+ "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+ "dev": true
+ },
+ "twig": {
+ "version": "1.13.3",
+ "resolved": "https://registry.npmjs.org/twig/-/twig-1.13.3.tgz",
+ "integrity": "sha512-Kjart2102Kf0IdsEmLonSJKcByU7o9uiJhBde3GhrNHrX4XenT5WSKu4Hpkx+rF6Kyppeyd48BKsCREIOPXd/g==",
+ "dev": true,
+ "requires": {
+ "locutus": "^2.0.5",
+ "minimatch": "3.0.x",
+ "walk": "2.3.x"
+ }
+ },
+ "twig-drupal-filters": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/twig-drupal-filters/-/twig-drupal-filters-2.0.0.tgz",
+ "integrity": "sha1-/T42rf1jmNWx0BL5UKX5q9VYG1o=",
+ "dev": true,
+ "requires": {
+ "slugg": "^1.2.1",
+ "twig": "^1.12.0"
+ }
+ },
+ "uc.micro": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+ "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+ "dev": true
+ },
+ "uglify-js": {
+ "version": "3.6.6",
+ "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.6.6.tgz",
+ "integrity": "sha512-q3Zusqd028P8MdbarqL0I1snTZ7+IbIWiKUXVZyXMVdOSxOG2FFqLXyGlgYSqYu46SR7tR3Sk0xqN1VtvxGWnQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "commander": "~2.20.3",
+ "source-map": "~0.6.1"
+ }
+ },
+ "union-value": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+ "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "arr-union": "^3.1.0",
+ "get-value": "^2.0.6",
+ "is-extendable": "^0.1.1",
+ "set-value": "^2.0.1"
+ }
+ },
+ "universalify": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+ "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+ "dev": true
+ },
+ "unset-value": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+ "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "has-value": "^0.3.1",
+ "isobject": "^3.0.0"
+ },
+ "dependencies": {
+ "has-value": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+ "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "get-value": "^2.0.3",
+ "has-values": "^0.1.4",
+ "isobject": "^2.0.0"
+ },
+ "dependencies": {
+ "isobject": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+ "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "isarray": "1.0.0"
+ }
+ }
+ }
+ },
+ "has-values": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+ "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=",
+ "dev": true,
+ "optional": true
+ }
+ }
+ },
+ "upath": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+ "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+ "dev": true,
+ "optional": true
+ },
+ "uri-js": {
+ "version": "4.2.2",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
+ "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+ "dev": true,
+ "requires": {
+ "punycode": "^2.1.0"
+ }
+ },
+ "urix": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+ "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
+ "dev": true,
+ "optional": true
+ },
+ "use": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+ "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+ "dev": true,
+ "optional": true
+ },
+ "util-deprecate": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+ "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+ "dev": true
+ },
+ "uuid": {
+ "version": "3.3.3",
+ "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.3.tgz",
+ "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==",
+ "dev": true
+ },
+ "validate-npm-package-license": {
+ "version": "3.0.4",
+ "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+ "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+ "dev": true,
+ "requires": {
+ "spdx-correct": "^3.0.0",
+ "spdx-expression-parse": "^3.0.0"
+ }
+ },
+ "verror": {
+ "version": "1.10.0",
+ "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+ "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+ "dev": true,
+ "requires": {
+ "assert-plus": "^1.0.0",
+ "core-util-is": "1.0.2",
+ "extsprintf": "^1.2.0"
+ }
+ },
+ "walk": {
+ "version": "2.3.14",
+ "resolved": "https://registry.npmjs.org/walk/-/walk-2.3.14.tgz",
+ "integrity": "sha512-5skcWAUmySj6hkBdH6B6+3ddMjVQYH5Qy9QGbPmN8kVmLteXk+yVXg+yfk1nbX30EYakahLrr8iPcCxJQSCBeg==",
+ "dev": true,
+ "requires": {
+ "foreachasync": "^3.0.0"
+ }
+ },
+ "which": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+ "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+ "dev": true,
+ "requires": {
+ "isexe": "^2.0.0"
+ }
+ },
+ "which-module": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+ "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+ "dev": true
+ },
+ "wide-align": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
+ "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
+ "dev": true,
+ "requires": {
+ "string-width": "^1.0.2 || 2"
+ }
+ },
+ "window-size": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.4.tgz",
+ "integrity": "sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY=",
+ "dev": true
+ },
+ "wordwrap": {
+ "version": "0.0.3",
+ "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+ "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
+ "dev": true
+ },
+ "wrap-ansi": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+ "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
+ "dev": true,
+ "requires": {
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1"
+ }
+ },
+ "wrappy": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+ "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+ "dev": true
+ },
+ "y18n": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+ "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=",
+ "dev": true
+ },
+ "yallist": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+ "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+ "dev": true
+ },
+ "yargs": {
+ "version": "12.0.5",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz",
+ "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==",
+ "dev": true,
+ "requires": {
+ "cliui": "^4.0.0",
+ "decamelize": "^1.2.0",
+ "find-up": "^3.0.0",
+ "get-caller-file": "^1.0.1",
+ "os-locale": "^3.0.0",
+ "require-directory": "^2.1.1",
+ "require-main-filename": "^1.0.1",
+ "set-blocking": "^2.0.0",
+ "string-width": "^2.0.0",
+ "which-module": "^2.0.0",
+ "y18n": "^3.2.1 || ^4.0.0",
+ "yargs-parser": "^11.1.1"
+ },
+ "dependencies": {
+ "ansi-regex": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+ "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+ "dev": true
+ },
+ "cliui": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
+ "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
+ "dev": true,
+ "requires": {
+ "string-width": "^2.1.1",
+ "strip-ansi": "^4.0.0",
+ "wrap-ansi": "^2.0.0"
+ }
+ },
+ "invert-kv": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
+ "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
+ "dev": true
+ },
+ "is-fullwidth-code-point": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+ "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+ "dev": true
+ },
+ "lcid": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
+ "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
+ "dev": true,
+ "requires": {
+ "invert-kv": "^2.0.0"
+ }
+ },
+ "os-locale": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
+ "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
+ "dev": true,
+ "requires": {
+ "execa": "^1.0.0",
+ "lcid": "^2.0.0",
+ "mem": "^4.0.0"
+ }
+ },
+ "string-width": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+ "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+ "dev": true,
+ "requires": {
+ "is-fullwidth-code-point": "^2.0.0",
+ "strip-ansi": "^4.0.0"
+ }
+ },
+ "strip-ansi": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+ "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^3.0.0"
+ }
+ }
+ }
+ },
+ "yargs-parser": {
+ "version": "11.1.1",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz",
+ "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^5.0.0",
+ "decamelize": "^1.2.0"
+ },
+ "dependencies": {
+ "camelcase": {
+ "version": "5.3.1",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+ "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+ "dev": true
+ }
+ }
+ }
+ }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..940ca99
--- /dev/null
+++ b/package.json
@@ -0,0 +1,19 @@
+{
+ "name": "news-theme-css",
+ "version": "1.0.0",
+ "description": "CSS Grid Framework with Bootstrap-like conventions",
+ "author": "Brent Miller",
+ "license": "ISC",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "scss-watch": "node-sass --watch scss -o css",
+ "build": "node-sass scss -o css",
+ "build-guide": "kss --config ./kss-config.json"
+ },
+ "devDependencies": {
+ "kss": "^3.0.0-beta.25",
+ "michelangelo": "^0.8.0",
+ "node-sass": "^4.13.0"
+ }
+}
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..2d6513d
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,15 @@
+# News Theme CSS
+## Overview
+This is the CSS framework for the Fusion News Theme.
+
+### Commands:
+ "scss-watch": "node-sass --watch scss -o css",
+ "build": "node-sass scss -o css",
+ "build-guide": "kss --config ./kss-config.json"
+
+### Usage as a dependency:
+1. Import as an NPM dependency.
+2. @import scss/index.scss and over-ride any variables or convert them to theme placeholders
+
+### View the styleguide
+Open styleguide/index.html
diff --git a/scss/_breakpoints.scss b/scss/_breakpoints.scss
new file mode 100644
index 0000000..e12685a
--- /dev/null
+++ b/scss/_breakpoints.scss
@@ -0,0 +1,31 @@
+// Scss Breakpoints
+//
+// Styleguide 1.2.0
+
+
+// $spacers
+//
+// Scss map of all the spacing sizes for all breakpoints
+//
+// Styleguide 1.2.1
+$spacers: (
+ xxs: calculateRem(4px),
+ xs: calculateRem(8px),
+ sm: calculateRem(16px),
+ md: calculateRem(24px),
+ lg: calculateRem(32px),
+ xl: calculateRem(48px),
+ xxl: calculateRem(64px)
+) !default;
+
+// $grid-breakpoints
+//
+// Scss map of all the breakpoints for the grid system
+//
+// Styleguide 1.2.2
+$grid-breakpoints: (
+ sm: calculateRem(0px),
+ md: calculateRem(768px),
+ lg: calculateRem(1024px),
+ xl: calculateRem(1440px)
+) !default;
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
new file mode 100644
index 0000000..6ee7509
--- /dev/null
+++ b/scss/_buttons.scss
@@ -0,0 +1,149 @@
+// Buttons
+//
+// All buttons must include the class .btn; which by itself acts as the primary medium button.
+// By default, all buttons are inline-block unless the class .btn-block is added. The markup
+// below lists all main button permutations
+//
+// Markup:
+// <div class="spacer"><button class="btn">Medium Button</button> </div>
+// <div class="spacer"><button class="btn" disabled="disabled">Medium Button Disabled (via attribute)</button> </div>
+// <div class="spacer"><button class="btn disabled" >Medium Button Disabled (via class)</button> </div>
+// <div class="spacer"><button class="btn btn-sm">Small Button</button> </div>
+// <div class="spacer"><button class="btn btn-lg">Large Button</button> </div>
+// <div class="spacer"><button class="btn btn-outline">Medium Button Outline</button> </div>
+// <div class="spacer"><button class="btn btn-success">Medium Button Success</button> </div>
+// <div class="spacer"><button class="btn btn-warning">Medium Button Warning</button> </div>
+// <div class="spacer"><button class="btn btn-danger">Medium Button Danger</button> </div>
+// <div class="spacer"><button class="btn btn-outline-success">Medium Button Success Outline</button> </div>
+// <div class="spacer"><button class="btn btn-outline-warning">Medium Button Warning Outline</button> </div>
+// <div class="spacer"><button class="btn btn-outline-danger">Medium Button Danger Outline</button> </div>
+//
+// Styleguide 6.0.0
+
+.btn {
+ display: inline-block;
+ &.btn-block{
+ display: block;
+ }
+ font-family: $secondary-font-family;
+ font-weight: $font-weight-bold;
+ font-size: calculateRem(16px);
+ line-height: $headings-line-height;
+ color: $ui-btn-white-color;
+ background-color: $primary-color;
+ text-align: center;
+ vertical-align: middle;
+ // box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
+ user-select: none;
+ border: 2px solid transparent;
+ border-radius: 2px;
+ transition: all 0.3s ease 0s;
+
+ padding: map-get($spacers, "sm") map-get($spacers, "md");
+ &.btn-lg {
+ padding: map-get($spacers, "md") map-get($spacers, "md");
+ }
+
+ &.btn-sm {
+ padding: map-get($spacers, "xs") map-get($spacers, "md");
+ }
+
+ &.disabled,
+ &:disabled {
+ color: $ui-btn-white-color;
+ background-color: #B8C1CB;
+ }
+
+ &:not(:disabled):not(.disabled):active,
+ &:not(:disabled):not(.disabled):hover {
+ &:hover {
+ background-color: lighten( $primary-color, 10% );
+ text-decoration: none;
+ }
+
+
+ &:active {
+ background-color: lighten( $primary-color, 10% );
+ border: 2px solid rgba(0,0,0,0.25);
+ }
+ }
+
+
+}
+
+.btn-outline {
+ color: $primary-color;
+ background-color: transparent;
+ border: 1px solid $primary-color;
+
+ &:not(:disabled):not(.disabled):active,
+ &:not(:disabled):not(.disabled):hover{
+ &:hover {
+ color: $ui-btn-white-color;
+ background-color: lighten( $primary-color, 10% );
+ text-decoration: none;
+ }
+
+
+ &:active {
+ color: $ui-btn-white-color;
+ background-color: lighten( $primary-color, 10% );
+ border: 2px solid rgba(0,0,0,0.25);
+ }
+ }
+
+}
+
+
+@each $color, $value in $button-state-colors {
+ .btn-#{$color} {
+ color: $ui-btn-white-color;
+ background-color: $value;
+
+ &:not(:disabled):not(.disabled):active,
+ &:not(:disabled):not(.disabled):hover{
+ &:hover {
+ background-color: lighten( $value, 10% );
+ text-decoration: none;
+ }
+
+
+ &:active {
+ background-color: lighten( $value, 10% );
+ border: 2px solid rgba(0,0,0,0.25);
+ }
+ }
+
+ }
+}
+
+@each $color, $value in $button-state-colors {
+ .btn-outline-#{$color} {
+ color: $value;
+ border: 1px solid $value;
+ background-color: transparent;
+
+ &:not(:disabled):not(.disabled):active,
+ &:not(:disabled):not(.disabled):hover{
+ &:hover {
+ color: $ui-btn-white-color;
+ border: 1px solid transparent;
+ background-color: lighten( $value, 10% );
+ text-decoration: none;
+ }
+
+
+ &:active {
+ color: $ui-btn-white-color;
+ background-color: lighten( $value, 10% );
+ border: 2px solid rgba(0,0,0,0.25);
+ }
+ }
+
+ }
+}
+
+
+
+
+
diff --git a/scss/_colors.scss b/scss/_colors.scss
new file mode 100644
index 0000000..2b59e3a
--- /dev/null
+++ b/scss/_colors.scss
@@ -0,0 +1,39 @@
+// Colors
+//
+// Base Colors for the theme.
+//
+// $primary-color - #1B6FA6; primary color
+// $success-color - #00A321; success color
+// $warning-color - #E07000; warning color
+// $danger-color - #DB0A07; danger color
+// $ui-light-primary-color - #EEEEEE; General UI light primary
+// $ui-light-secondary-color - #DADADA; General UI light secondary
+// $ui-medium-primary-color - #6B6B6B; General UI medium primary
+// $ui-medium-secondary-color - #575757; General UI medium secondary
+// $ui-dark-primary-color - #3C3939; General UI dark primary
+// $ui-dark-secondary-color - #191919; General UI dark secondary
+// $ui-primary-font-color - #191919; Primary font color
+//
+//
+// Styleguide 3.0.0
+$primary-color: #1B6FA6 !default;
+// $primary-color-hover: lighten( $primary-color, 10% );
+$success-color: #00A321 !default;
+$warning-color: #E07000 !default;
+$danger-color: #DB0A07 !default;
+$ui-light-primary-color: #EEEEEE !default;
+$ui-light-secondary-color: #DADADA !default;
+$ui-medium-primary-color: #6B6B6B !default;
+$ui-medium-secondary-color: #575757 !default;
+$ui-dark-primary-color: #3C3939 !default;
+$ui-dark-secondary-color: #191919 !default;
+
+$ui-primary-font-color: #191919 !default;
+
+$ui-btn-white-color: #FFFFFF;
+$button-state-colors: (
+ success: $success-color,
+ warning: $warning-color,
+ danger: $danger-color,
+)
+
diff --git a/scss/_css_reset.scss b/scss/_css_reset.scss
new file mode 100644
index 0000000..135227d
--- /dev/null
+++ b/scss/_css_reset.scss
@@ -0,0 +1,34 @@
+/* ==== Simple CSS Reset ==== */
+
+html {
+ box-sizing: border-box;
+ font-size: 16px;
+}
+
+* {
+ box-sizing: inherit;
+
+ &:before, &:after {
+ box-sizing: inherit;
+ }
+}
+
+body, h1, h2, h3, h4, h5, h6, p, ol, ul {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+}
+
+html, body {
+ width: 100%;
+ height: 100%;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
diff --git a/scss/_functions.scss b/scss/_functions.scss
new file mode 100644
index 0000000..c620b26
--- /dev/null
+++ b/scss/_functions.scss
@@ -0,0 +1,103 @@
+@import "variables";
+// Scss Functions
+//
+// Styleguide 1.3.0
+
+
+// @function to-number($value)
+//
+// Casts a string into a number
+//
+// $value: Value to be parsed
+//
+// Styleguide 1.3.1
+@function to-number($value) {
+ @if type-of($value) == 'number' {
+ @return $value;
+ } @else if type-of($value) != 'string' {
+ @warn ('Value for `to-number` should be a number or a string.');
+ }
+
+ $result: 0;
+ $digits: 0;
+ $minus: str-slice($value, 1, 1) == '-';
+ $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);
+
+ @for $i from if($minus, 2, 1) through str-length($value) {
+ $character: str-slice($value, $i, $i);
+
+ @if not (index(map-keys($numbers), $character) or $character == '.') {
+ @return to-length(if($minus, -$result, $result), str-slice($value, $i))
+ }
+
+ @if $character == '.' {
+ $digits: 1;
+ } @else if $digits == 0 {
+ $result: $result * 10 + map-get($numbers, $character);
+ } @else {
+ $digits: $digits * 10;
+ $result: $result + map-get($numbers, $character) / $digits;
+ }
+ }
+
+ @return if($minus, -$result, $result);
+}
+
+// @function to-length($value, $unit)
+//
+// Add `$unit` to `$value`
+//
+// $value: Value to add unit to
+// $unit: String representation of the unit
+//
+// Styleguide 1.3.2
+@function to-length($value, $unit) {
+ $units: ('px': 1px, 'cm': 1cm, 'mm': 1mm, '%': 1%, 'ch': 1ch, 'pc': 1pc, 'in': 1in, 'em': 1em, 'rem': 1rem, 'pt': 1pt, 'ex': 1ex, 'vw': 1vw, 'vh': 1vh, 'vmin': 1vmin, 'vmax': 1vmax);
+
+ @if not index(map-keys($units), $unit) {
+ @warn ('Invalid unit `#{$unit}`.');
+ }
+
+ @return $value * map-get($units, $unit);
+}
+
+// @function strip-unit($number)
+//
+// Remove the unit of a length
+//
+// $number: Number to remove unit from
+//
+// Styleguide 1.3.3
+@function strip-unit($number) {
+ @if type-of($number) == 'number' and not unitless($number) {
+ @return $number / ($number * 0 + 1);
+ }
+ @return $number;
+}
+
+// @function get-half-in-rems($size)
+//
+// Divide value by 2
+//
+// $size: Number to halve
+//
+// Styleguide 1.3.4
+@function get-half-in-rems($size) {
+ $test: to-number($size);
+ $half: ($test / 2);
+ @return $half;
+}
+
+
+// @function calculateRem($size)
+//
+// Function for converting a px based size to rem.
+//
+// $size: Can be either a number or string with the 'px' added
+//
+// Styleguide 1.3.5
+@function calculateRem($size){
+ $size: strip-unit($size);
+ $remSize: $size / $default-font-size;
+ @return #{$remSize}rem;
+}
diff --git a/scss/_margins.scss b/scss/_margins.scss
new file mode 100644
index 0000000..b046d05
--- /dev/null
+++ b/scss/_margins.scss
@@ -0,0 +1,44 @@
+// Margins
+//
+// For most purposes, margins should be retrieved from $spacers (using map-get) in _breakpoints.scss
+// However, utility margin classes are also created for each spacer entry and for
+// left, right, top, bottom and all margin attributes.
+//
+// For example, for the $spacers `xs` entry, the following classes are produced:
+//
+// .margin-xs-left {
+// margin-left: 0.5rem; }
+//
+//.margin-xs-right {
+// margin-right: 0.5rem; }
+//
+//.margin-xs-top {
+// margin-top: 0.5rem; }
+//
+//.margin-xs-bottom {
+// margin-bottom: 0.5rem; }
+//
+//.margin-xs-all {
+// margin: 0.5rem; }
+//
+// Styleguide 7.0.0
+
+
+@each $name, $size in $spacers {
+ .margin-#{$name}-left{
+ margin-left: $size;
+ }
+ .margin-#{$name}-right{
+ margin-right: $size;
+ }
+ .margin-#{$name}-top{
+ margin-top: $size;
+ }
+ .margin-#{$name}-bottom{
+ margin-bottom: $size;
+ }
+ .margin-#{$name}-all{
+ margin: $size;
+ }
+
+}
diff --git a/scss/_padding.scss b/scss/_padding.scss
new file mode 100644
index 0000000..9223da8
--- /dev/null
+++ b/scss/_padding.scss
@@ -0,0 +1,44 @@
+// Padding
+//
+// For most purposes, padding should be retrieved from $spacers (using map-get) in _breakpoints.scss
+// However, utility padding classes are also created for each spacer entry and for
+// left, right, top, bottom and all padding attributes.
+//
+// For example, for the $spacers `xs` entry, the following classes are produced:
+//
+// .padding-xs-left {
+// padding-left: 0.5rem; }
+//
+// .padding-xs-right {
+// padding-right: 0.5rem; }
+//
+// .padding-xs-top {
+// padding-top: 0.5rem; }
+//
+// .padding-xs-bottom {
+// padding-bottom: 0.5rem; }
+//
+// .padding-xs-all {
+// margin: 0.5rem; }
+//
+// Styleguide 8.0.0
+
+
+@each $name, $size in $spacers {
+ .padding-#{$name}-left{
+ padding-left: $size;
+ }
+ .padding-#{$name}-right{
+ padding-right: $size;
+ }
+ .padding-#{$name}-top{
+ padding-top: $size;
+ }
+ .padding-#{$name}-bottom{
+ padding-bottom: $size;
+ }
+ .padding-#{$name}-all{
+ margin: $size;
+ }
+
+}
diff --git a/scss/_variables.scss b/scss/_variables.scss
new file mode 100644
index 0000000..caed005
--- /dev/null
+++ b/scss/_variables.scss
@@ -0,0 +1,86 @@
+// SCSS
+//
+// This section will cover the Scss variables, mixens and functions that are used to build out the framework
+//
+// Styleguide 1.0.0
+
+
+// Scss Variables
+//
+// Scss variables are used so that adjustments can be made in a centralized location and to keep
+// the code base DRY.
+//
+// Styleguide 1.1.0
+
+
+
+// $default-font-size
+//
+// Default font size. This is important as it will be used to convert pixel values to rems
+//
+// Styleguide 1.1.1
+$default-font-size: 16 !default;
+
+
+// $grid-columns
+//
+// Sass variable that sets the default number of columns used in the CSS Grid system.
+//
+// Styleguide 1.1.2
+$grid-columns: 12 !default;
+
+// $primary-font-family
+//
+// Sass variable that sets the primary font family.
+//
+// Styleguide 1.1.3
+$primary-font-family: Georgia,Times,Times New Roman,serif !default;
+
+// $secondary-font-family
+//
+// Sass variable that sets the secondary font family.
+//
+// Styleguide 1.1.4
+$secondary-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
+
+// $font-weight-light
+//
+// Sass variable that sets light font weight.
+//
+// Styleguide 1.1.5
+$font-weight-light: 300;
+
+// $font-weight-normal
+//
+// Sass variable that sets the normal font weight.
+//
+// Styleguide 1.1.6
+$font-weight-normal: 400;
+
+// $font-weight-semibold
+//
+// Sass variable that sets the semi-bold font weight.
+//
+// Styleguide 1.1.7
+$font-weight-semibold: 500;
+
+// $font-weight-bold
+//
+// Sass variable that sets the bold font weight.
+//
+// Styleguide 1.1.8
+$font-weight-bold: 700;
+
+// $line-height-base
+//
+// Sass variable that sets the default line height.
+//
+// Styleguide 1.1.9
+$line-height-base: 1.5 !default;
+
+// $$headings-line-height
+//
+// Sass variable that sets the line height for headers.
+//
+// Styleguide 1.1.10
+$headings-line-height: 1.2 !default;
diff --git a/scss/grid/_grid_column.scss b/scss/grid/_grid_column.scss
new file mode 100644
index 0000000..6ff56e6
--- /dev/null
+++ b/scss/grid/_grid_column.scss
@@ -0,0 +1,26 @@
+// .col-[breakpoint]-[col#]
+//
+// Provides column classes that are immediate children of rows.
+// For each breakpoint defined, and for each column number, there
+// is a corresponding class to indicate how many columns to span for each breakpoint
+//
+// Markup:
+// <div class="container">
+// <div class="row" style="height:200px">
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+// </div>
+// </div>
+//
+// Styleguide 2.4.0
+@each $label, $breakpoint, $width in $grid-breakpoints {
+ @media (min-width: #{$breakpoint}) {
+ @for $i from 1 through $grid-columns {
+ .col-#{$label}-#{$i} {
+ grid-column-start: span #{$i};
+ }
+
+ }
+ }
+}
diff --git a/scss/grid/_grid_column_offset.scss b/scss/grid/_grid_column_offset.scss
new file mode 100644
index 0000000..35a33f2
--- /dev/null
+++ b/scss/grid/_grid_column_offset.scss
@@ -0,0 +1,36 @@
+// col-start-[breakpoint]-[col#]
+//
+// Used in conjunction with column classes that are immediate children of rows to add an offset.
+// For each breakpoint defined and for each column number, there
+// is a corresponding class to indicated how many columns to offset for each breakpoint
+//
+// Note: This logic adds significant classes to the CSS build, If this functionality is not needed,
+// comment out `@import "grid_column_offset";` from /grid/_index.scss
+//
+// Markup:
+// <div class="container">
+// <section class="row" style="height:200px">
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-5 col-start-lg-5">
+// Another Article area
+// </article>
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-9 col-start-lg-9">
+// Another Article area
+// </article>
+// </section>
+// </div>
+//
+// Styleguide 2.5.0
+@each $label, $breakpoint, $width in $grid-breakpoints {
+ @media (min-width: #{$breakpoint}) {
+ @for $i from 1 through $grid-columns {
+ @for $y from 1 through $grid-columns {
+ // Differs from bootstrap from the point that it specifies the index of a column to start (vs offset)
+ // example: col-start-6 col-4 (start at col 6 columns and occupy 4 columns
+ .col-start-#{$label}-#{$y}.col-#{$label}-#{$i} {
+ grid-column: #{$y} / span #{$i};
+ }
+ }
+
+ }
+ }
+}
diff --git a/scss/grid/_grid_containers.scss b/scss/grid/_grid_containers.scss
new file mode 100644
index 0000000..c65d0c0
--- /dev/null
+++ b/scss/grid/_grid_containers.scss
@@ -0,0 +1,51 @@
+// .container-fluid
+//
+// Provides a full-width container.
+// Useful for Header and Footer
+//
+// Markup:
+// <header class="container-fluid">
+// This is a container fluid
+// </header>
+//
+// Styleguide 2.1.0
+.container-fluid {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+// .container
+//
+// Provides a centered container with margins based on breakpoints.
+// Useful for wrapping a row class (Css Grid)
+//
+// Margins stay at 5% for sm and md grid breakpoints,
+// for lg they are 8% and auto for xl
+//
+// Markup:
+// <div class="container">
+// This is a container
+// </div>
+//
+// Styleguide 2.2.0
+.container {
+ margin-left: 5%;
+ margin-right: 5%;
+ max-width: map-get($grid-breakpoints, "xl");
+
+
+
+ //Margins stay at 5% for sm and md grid breakpoints
+ @each $name, $size in $grid-breakpoints {
+ @media (min-width: $size) {
+ @if $name == "lg" {
+ margin-left: 8%;
+ margin-right: 8%;
+ } @else if $name == "xl" {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+ }
+}
diff --git a/scss/grid/_grid_row.scss b/scss/grid/_grid_row.scss
new file mode 100644
index 0000000..913f19e
--- /dev/null
+++ b/scss/grid/_grid_row.scss
@@ -0,0 +1,65 @@
+// .row
+//
+// Establishes a CSS Grid parent.
+// Used in conjunction with the .col-* classes
+//
+// Markup:
+// <div class="container">
+// <div class="row">This is a row</div>
+// </div>
+//
+// Styleguide 2.3.0
+.row {
+ display: grid;
+ grid-template-columns: repeat(12, 1fr);
+ grid-row-gap: map-get($spacers, "sm");
+ grid-column-gap: 0;
+ grid-auto-flow: dense;
+ margin-bottom: get-half-in-rems(map-get($spacers, "sm"));
+ margin-top: get-half-in-rems(map-get($spacers, "sm"));
+ width: 100%;
+ body ~ &:last-of-type {
+ margin-bottom: map-get($spacers, "sm");
+ }
+ body ~ &:first-of-type {
+ margin-top: map-get($spacers, "sm");
+ }
+
+ @each $name, $size in $grid-breakpoints {
+ @media (min-width: $size) {
+ @if $name == "md" {
+ margin-bottom: get-half-in-rems(map-get($spacers, "md"));
+ margin-top: get-half-in-rems(map-get($spacers, "md"));
+ grid-row-gap: map-get($spacers, "md");
+ body ~ &:last-of-type {
+ margin-bottom: map-get($spacers, "md");
+ }
+ body ~ &:first-of-type {
+ margin-top: map-get($spacers, "md");
+ }
+ } @else if $name == "lg" {
+ margin-bottom: #{get-half-in-rems(map-get($spacers, "lg"))};
+ margin-top: #{get-half-in-rems(map-get($spacers, "lg"))};
+ grid-row-gap: map-get($spacers, "lg");
+ grid-column-gap: calculateRem(32px);
+ body ~ &:last-of-type {
+ margin-bottom: map-get($spacers, "lg");
+ }
+ body ~ &:first-of-type {
+ margin-top: map-get($spacers, "lg");
+ }
+ } @else if $name == "xl" {
+ margin-bottom: get-half-in-rems(map-get($spacers, "xl"));
+ margin-top: get-half-in-rems(map-get($spacers, "xl"));
+ grid-row-gap: map-get($spacers, "xl");
+ grid-column-gap: calculateRem(32px);
+ body ~ &:last-of-type {
+ margin-bottom: map-get($spacers, "xl");
+ }
+ body ~ &:first-of-type {
+ margin-top: map-get($spacers, "xl");
+ }
+ }
+ }
+ }
+}
diff --git a/scss/grid/_index.scss b/scss/grid/_index.scss
new file mode 100644
index 0000000..dd4a8f5
--- /dev/null
+++ b/scss/grid/_index.scss
@@ -0,0 +1,16 @@
+@import "../variables";
+@import "../functions";
+@import "../breakpoints";
+@import "grid_containers";
+@import "grid_row";
+@import "grid_column";
+@import "grid_column_offset";
+// Grid
+//
+// The Grid framework is a bootstrap-like row/column convention,
+// but is implemented in CSS Grid.
+//
+// In the examples give below, borders are given to containers (green), rows (red) and column content (blue)
+//
+// Styleguide 2.0.0
+
diff --git a/scss/homepage.md b/scss/homepage.md
new file mode 100644
index 0000000..f286a08
--- /dev/null
+++ b/scss/homepage.md
@@ -0,0 +1,16 @@
+# News Theme CSS
+## Overview
+This is the CSS framework for the Fusion News Theme. It is what it is.
+
+### Commands:
+ "scss-watch": "node-sass --watch scss -o css",
+ "build": "node-sass scss -o css",
+ "build-guide": "kss --config ./kss-config.json"
+
+### Usage as a dependency:
+1. Import as an NPM dependency.
+2. @import scss/index.scss and over-ride any variables or convert them to theme placeholders
+
+### View the styleguide
+Open styleguide/index.html
+
diff --git a/scss/index.scss b/scss/index.scss
new file mode 100644
index 0000000..c673258
--- /dev/null
+++ b/scss/index.scss
@@ -0,0 +1,41 @@
+html {
+ box-sizing: border-box;
+ font-size: 16px;
+}
+
+*, *:before, *:after {
+ box-sizing: inherit;
+}
+
+body, h1, h2, h3, h4, h5, h6, p, ol, ul {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+}
+
+html, body {
+ width: 100%;
+ height: 100%;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+@import "./variables";
+@import "./functions";
+@import "./breakpoints";
+@import "./margins";
+@import "./padding";
+@import "./colors";
+@import "./typography/index";
+@import "grid/index";
+@import "utils/utils";
+@import "./buttons";
+
+
diff --git a/scss/typography/_index.scss b/scss/typography/_index.scss
new file mode 100644
index 0000000..acd3ff7
--- /dev/null
+++ b/scss/typography/_index.scss
@@ -0,0 +1,123 @@
+// Typography
+//
+// Styleguide 5.0.0
+
+
+
+// Basic text
+//
+// body, p, etc
+//
+// Markup:
+// <p>Lorem ipsum dolor sit amet, affert evertitur ad duo. Ius porro fugit corpora cu. Mundi verear ut pri, mei no dolor altera mandamus, dicta voluptua in usu. Ut vim modo nibh, sit epicurei reprehendunt an, veniam conceptam ei sed. Nec tale fierent disputando in, an fuisset antiopam deterruisset nam. Pri etiam minim eu, vel te intellegat instructior, diceret alterum patrioque ei qui. Meis placerat dissentiunt mei ei, moderatius referrentur his ad.</p>
+//
+// Styleguide 5.1.0
+
+body{
+ font-family: $primary-font-family;
+ color: $ui-primary-font-color;
+ line-height: $line-height-base;
+ font-weight: $font-weight-normal;
+ font-size: calculateRem(18px);
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(20px);
+ }
+}
+
+
+
+// Headers
+//
+// Also includes class-based versions: .h#-primary and .h#-secondary
+//
+// Markup:
+// <h1>This is a header 1 with .defcon class</h1>
+// <h1>This is a header 1</h1>
+// <h2>This is a header 2</h2>
+// <h3>This is a header 3</h3>
+// <h4>This is a header 4</h4>
+// <h5>This is a header 5</h5>
+// <h6>This is a header 6</h6>
+// <h1 class="h1-primary">This is a header 1 primary</h1>
+// <h2 class="h2-primary">This is a header 2 primary</h2>
+// <h3 class="h3-primary">This is a header 3 primary</h3>
+// <h4 class="h4-primary">This is a header 4 primary</h4>
+// <h5 class="h5-primary">This is a header 5 primary</h5>
+// <h6 class="h6-primary">This is a header 6 primary</h6>
+// <h1 class="h1-secondary">This is a header 1 secondary</h1>
+// <h2 class="h2-secondary">This is a header 2 secondary</h2>
+// <h3 class="h3-secondary">This is a header 3 secondary</h3>
+// <h4 class="h4-secondary">This is a header 4 secondary</h4>
+// <h5 class="h5-secondary">This is a header 5 secondary</h5>
+// <h6 class="h6-secondary">This is a header 6 secondary</h6>
+//
+// Styleguide 5.2.0
+
+
+@for $index from 1 through 6 {
+ h#{$index}, .h#{$index}-primary, .h#{$index}-secondary{
+ font-weight: $font-weight-bold;
+
+ @if $index == 1{
+ font-size: calculateRem(28px);
+ line-height: $headings-line-height;
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(41px);
+ }
+ }
+ @else if $index == 2{
+ font-size: calculateRem(24px);
+ line-height: $headings-line-height;
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(36px);
+ }
+ }
+ @else if $index == 3{
+ font-size: calculateRem(22px);
+ line-height: $headings-line-height;
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(30px);
+ }
+ }
+ @else if $index == 4{
+ font-size: calculateRem(19px);
+ line-height: $headings-line-height;
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(24px);
+ }
+ }
+ @else if $index == 5{
+ font-size: calculateRem(16px);
+ line-height: $headings-line-height;
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(20px);
+ }
+ }
+ @else if $index == 6{
+ font-size: calculateRem(13px);
+ line-height: $headings-line-height;
+
+ @media (min-width: map-get($grid-breakpoints, "md")) {
+ font-size: calculateRem(17px);
+ }
+ }
+ }
+}
+
+@for $index from 1 through 6 {
+ h#{$index}, .h#{$index}-primary{
+ font-family: $primary-font-family;
+ }
+}
+
+@for $index from 1 through 6 {
+ .h#{$index}-secondary{
+ font-family: $secondary-font-family;
+ }
+}
diff --git a/scss/utils/_utils.scss b/scss/utils/_utils.scss
new file mode 100644
index 0000000..7b548c8
--- /dev/null
+++ b/scss/utils/_utils.scss
@@ -0,0 +1,35 @@
+// Utils
+//
+// General utility classes to make life easier
+//
+// Styleguide 4.0.0
+
+
+
+// vertical-centered
+//
+// Leverages Flexbox to make element vertically centered. Useful with col-*
+//
+// Markup:
+// <div class="container" >
+// <div class="row">
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+// <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+// <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+// </article>
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+// <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+// </article>
+// <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+// <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+// <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+// </article>
+// </div>
+// </div>
+//
+// Styleguide 4.1.0
+.vertical-centered {
+ display:flex;
+ flex-direction: column;
+ justify-content: center;
+}
diff --git a/styleguide.css b/styleguide.css
new file mode 100644
index 0000000..1da2f5e
--- /dev/null
+++ b/styleguide.css
@@ -0,0 +1,44 @@
+article[class^="col-"]{
+ border: 1px dotted blue;
+}
+
+.row{
+ border: 1px dotted red;
+}
+
+.container, .container-fluid{
+ border: 1px dotted green;
+}
+
+.kss-title, .kss-section__item, .kss-nav__item a.kss-state-active, .kss-modifiers__heading, .kss-nav__item a:hover {
+ color: #1B6FA6;
+}
+
+@media only screen and (min-width: 90.0625em) {
+ .kss-documentation {
+ padding-left: calc(18% + 20px);
+ }
+}
+
+@media only screen and (min-width: 90.0625em){
+ .kss-navigation {
+ width: 18%;
+ }
+}
+
+.kss-header__hamburger {
+ color: #1B6FA6;
+ background: #1B6FA6;
+}
+
+.kss-header__hamburger:before, .kss-header__hamburger:after {
+ background: #1B6FA6;
+}
+
+.kss-markdown h1, .kss-markdown h2, .kss-markdown h3, .kss-markdown h4, .kss-markdown h5, .kss-markdown h6{
+ color: #1B6FA6;
+}
+
+div.spacer{
+ margin:30px;
+}
diff --git a/styleguide/index.html b/styleguide/index.html
new file mode 100644
index 0000000..cf536e4
--- /dev/null
+++ b/styleguide/index.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+ <article class="kss-markdown">
+ <h1>News Theme CSS</h1>
+<h2>Overview</h2>
+<p>This is the CSS framework for the Fusion News Theme. It is what it is.</p>
+<h3>Commands:</h3>
+<pre><code>"scss-watch": "node-sass --watch scss -o css",
+"build": "node-sass scss -o css",
+"build-guide": "kss --config ./kss-config.json"
+</code></pre>
+<h3>Usage as a dependency:</h3>
+<ol>
+<li>Import as an NPM dependency.</li>
+<li>@import scss/index.scss and over-ride any variables or convert them to theme placeholders</li>
+</ol>
+<h3>View the styleguide</h3>
+<p>Open styleguide/index.html</p>
+
+ </article>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-1.html b/styleguide/item-1-1-1.html
new file mode 100644
index 0000000..0668db0
--- /dev/null
+++ b/styleguide/item-1-1-1.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>17</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.1</span>
+ <span class="kss-section__name">$default-font-size</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Default font size. This is important as it will be used to convert pixel values to rems</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-10.html b/styleguide/item-1-1-10.html
new file mode 100644
index 0000000..212157e
--- /dev/null
+++ b/styleguide/item-1-1-10.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-10">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>81</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-10">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.10</span>
+ <span class="kss-section__name">$$headings-line-height</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the line height for headers.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-2.html b/styleguide/item-1-1-2.html
new file mode 100644
index 0000000..417ed86
--- /dev/null
+++ b/styleguide/item-1-1-2.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>25</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-2">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.2</span>
+ <span class="kss-section__name">$grid-columns</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the default number of columns used in the CSS Grid system.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-3.html b/styleguide/item-1-1-3.html
new file mode 100644
index 0000000..c2abffc
--- /dev/null
+++ b/styleguide/item-1-1-3.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>32</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-3">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.3</span>
+ <span class="kss-section__name">$primary-font-family</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the primary font family.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-4.html b/styleguide/item-1-1-4.html
new file mode 100644
index 0000000..ddcf1c0
--- /dev/null
+++ b/styleguide/item-1-1-4.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>39</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-4">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.4</span>
+ <span class="kss-section__name">$secondary-font-family</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the secondary font family.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-5.html b/styleguide/item-1-1-5.html
new file mode 100644
index 0000000..f2e44f7
--- /dev/null
+++ b/styleguide/item-1-1-5.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>46</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-5">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.5</span>
+ <span class="kss-section__name">$font-weight-light</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets light font weight.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-6.html b/styleguide/item-1-1-6.html
new file mode 100644
index 0000000..c2308ee
--- /dev/null
+++ b/styleguide/item-1-1-6.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-6">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>53</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-6">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.6</span>
+ <span class="kss-section__name">$font-weight-normal</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the normal font weight.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-7.html b/styleguide/item-1-1-7.html
new file mode 100644
index 0000000..c3049d4
--- /dev/null
+++ b/styleguide/item-1-1-7.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-7">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>60</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-7">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.7</span>
+ <span class="kss-section__name">$font-weight-semibold</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the semi-bold font weight.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-8.html b/styleguide/item-1-1-8.html
new file mode 100644
index 0000000..3fb67bc
--- /dev/null
+++ b/styleguide/item-1-1-8.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-8">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>67</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-8">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.8</span>
+ <span class="kss-section__name">$font-weight-bold</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the bold font weight.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1-9.html b/styleguide/item-1-1-9.html
new file mode 100644
index 0000000..f32dae5
--- /dev/null
+++ b/styleguide/item-1-1-9.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-1-9">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>74</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-9">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.9</span>
+ <span class="kss-section__name">$line-height-base</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the default line height.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-1.html b/styleguide/item-1-1.html
new file mode 100644
index 0000000..5539bc1
--- /dev/null
+++ b/styleguide/item-1-1.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-1-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>8</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">1.1</span>
+ <span class="kss-section__name">Scss Variables</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Scss variables are used so that adjustments can be made in a centralized location and to keep
+the code base DRY.</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-2-1.html b/styleguide/item-1-2-1.html
new file mode 100644
index 0000000..850e82b
--- /dev/null
+++ b/styleguide/item-1-2-1.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-2-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>6</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-2-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.2.1</span>
+ <span class="kss-section__name">$spacers</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Scss map of all the spacing sizes for all breakpoints</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-2-2.html b/styleguide/item-1-2-2.html
new file mode 100644
index 0000000..f81e17d
--- /dev/null
+++ b/styleguide/item-1-2-2.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-2-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>21</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-2-2">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.2.2</span>
+ <span class="kss-section__name">$grid-breakpoints</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Scss map of all the breakpoints for the grid system</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-2.html b/styleguide/item-1-2.html
new file mode 100644
index 0000000..04421e9
--- /dev/null
+++ b/styleguide/item-1-2.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-1-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-2">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">1.2</span>
+ <span class="kss-section__name">Scss Breakpoints</span>
+ </h2>
+ </a>
+
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-1.html b/styleguide/item-1-3-1.html
new file mode 100644
index 0000000..49f63c0
--- /dev/null
+++ b/styleguide/item-1-3-1.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>7</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.1</span>
+ <span class="kss-section__name">@function to-number($value)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Casts a string into a number</p>
+<p>$value: Value to be parsed</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-2.html b/styleguide/item-1-3-2.html
new file mode 100644
index 0000000..a3c780a
--- /dev/null
+++ b/styleguide/item-1-3-2.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>46</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-2">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.2</span>
+ <span class="kss-section__name">@function to-length($value, $unit)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Add <code>$unit</code> to <code>$value</code></p>
+<p>$value: Value to add unit to
+$unit: String representation of the unit</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-3.html b/styleguide/item-1-3-3.html
new file mode 100644
index 0000000..27f54b9
--- /dev/null
+++ b/styleguide/item-1-3-3.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>64</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-3">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.3</span>
+ <span class="kss-section__name">@function strip-unit($number)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Remove the unit of a length</p>
+<p>$number: Number to remove unit from</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-4.html b/styleguide/item-1-3-4.html
new file mode 100644
index 0000000..c2af0be
--- /dev/null
+++ b/styleguide/item-1-3-4.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>78</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-4">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.4</span>
+ <span class="kss-section__name">@function get-half-in-rems($size)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Divide value by 2</p>
+<p>$size: Number to halve</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-5.html b/styleguide/item-1-3-5.html
new file mode 100644
index 0000000..113a9d9
--- /dev/null
+++ b/styleguide/item-1-3-5.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>92</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-5">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.5</span>
+ <span class="kss-section__name">@function calculateRem($size)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Function for converting a px based size to rem.</p>
+<p>$size: Can be either a number or string with the 'px' added</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-6.html b/styleguide/item-1-3-6.html
new file mode 100644
index 0000000..ae65d40
--- /dev/null
+++ b/styleguide/item-1-3-6.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-6">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>105</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-6">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.6</span>
+ <span class="kss-section__name">@function pow</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Calculates numbers to the mathmatical power (exponent)</p>
+<p>@param int $number The number to increase</p>
+<p>@param int $exponent The power to increase the number by</p>
+<p>@return int The new number</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3-7.html b/styleguide/item-1-3-7.html
new file mode 100644
index 0000000..a497ab3
--- /dev/null
+++ b/styleguide/item-1-3-7.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-1-3-7">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>128</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-7">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.7</span>
+ <span class="kss-section__name">@function calculate-line-height</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Calculates the line height based on multiple parameters</p>
+<p>@param int $font-size The font size</p>
+<p>@param int $content-width The width of the content area</p>
+<p>@param int $ratio The ratio. Default 1.61803398875 (golden ratio)</p>
+<p>@return int The calculated line height</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1-3.html b/styleguide/item-1-3.html
new file mode 100644
index 0000000..13ff653
--- /dev/null
+++ b/styleguide/item-1-3.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-1-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>2</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">1.3</span>
+ <span class="kss-section__name">Scss Functions</span>
+ </h2>
+ </a>
+
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-1.html b/styleguide/item-1.html
new file mode 100644
index 0000000..c4e8793
--- /dev/null
+++ b/styleguide/item-1.html
@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-1.html#kssref-1-1">
+ <span class="kss-nav__ref">1.1</span>
+ <span class="kss-nav__name">Scss Variables</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-1">
+ <span class="kss-nav__ref">1.1.1</span>
+ <span class="kss-nav__name">$default-font-size</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-2">
+ <span class="kss-nav__ref">1.1.2</span>
+ <span class="kss-nav__name">$grid-columns</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-3">
+ <span class="kss-nav__ref">1.1.3</span>
+ <span class="kss-nav__name">$primary-font-family</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-4">
+ <span class="kss-nav__ref">1.1.4</span>
+ <span class="kss-nav__name">$secondary-font-family</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-5">
+ <span class="kss-nav__ref">1.1.5</span>
+ <span class="kss-nav__name">$font-weight-light</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-6">
+ <span class="kss-nav__ref">1.1.6</span>
+ <span class="kss-nav__name">$font-weight-normal</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-7">
+ <span class="kss-nav__ref">1.1.7</span>
+ <span class="kss-nav__name">$font-weight-semibold</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-8">
+ <span class="kss-nav__ref">1.1.8</span>
+ <span class="kss-nav__name">$font-weight-bold</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-9">
+ <span class="kss-nav__ref">1.1.9</span>
+ <span class="kss-nav__name">$line-height-base</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-10">
+ <span class="kss-nav__ref">1.1.10</span>
+ <span class="kss-nav__name">$$headings-line-height</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-1.html#kssref-1-2">
+ <span class="kss-nav__ref">1.2</span>
+ <span class="kss-nav__name">Scss Breakpoints</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-2-1">
+ <span class="kss-nav__ref">1.2.1</span>
+ <span class="kss-nav__name">$spacers</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-2-2">
+ <span class="kss-nav__ref">1.2.2</span>
+ <span class="kss-nav__name">$grid-breakpoints</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-1.html#kssref-1-3">
+ <span class="kss-nav__ref">1.3</span>
+ <span class="kss-nav__name">Scss Functions</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-1">
+ <span class="kss-nav__ref">1.3.1</span>
+ <span class="kss-nav__name">@function to-number($value)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-2">
+ <span class="kss-nav__ref">1.3.2</span>
+ <span class="kss-nav__name">@function to-length($value, $unit)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-3">
+ <span class="kss-nav__ref">1.3.3</span>
+ <span class="kss-nav__name">@function strip-unit($number)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-4">
+ <span class="kss-nav__ref">1.3.4</span>
+ <span class="kss-nav__name">@function get-half-in-rems($size)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-5">
+ <span class="kss-nav__ref">1.3.5</span>
+ <span class="kss-nav__name">@function calculateRem($size)</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">1</span>
+ <span class="kss-section__name">SCSS</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>This section will cover the Scss variables, mixens and functions that are used to build out the framework</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-2-1.html b/styleguide/item-2-1.html
new file mode 100644
index 0000000..47b3be3
--- /dev/null
+++ b/styleguide/item-2-1.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-2-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_containers.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.1</span>
+ <span class="kss-section__name">.container-fluid</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Provides a full-width container.
+Useful for Header and Footer</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <header class="container-fluid">
+ This is a container fluid
+ </header></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <header class="container-fluid">
+ This is a container fluid
+ </header></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-2-2.html b/styleguide/item-2-2.html
new file mode 100644
index 0000000..fcb5417
--- /dev/null
+++ b/styleguide/item-2-2.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-2-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_containers.scss</span>, line <span>18</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-2">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.2</span>
+ <span class="kss-section__name">.container</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Provides a centered container with margins based on breakpoints.
+Useful for wrapping a row class (Css Grid)</p>
+<p>Margins stay at 5% for sm and md grid breakpoints,
+for lg they are 8% and auto for xl</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ This is a container
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ This is a container
+ </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-2-3.html b/styleguide/item-2-3.html
new file mode 100644
index 0000000..b057a69
--- /dev/null
+++ b/styleguide/item-2-3.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-2-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_row.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-3">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.3</span>
+ <span class="kss-section__name">.row</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Establishes a CSS Grid parent.
+Used in conjunction with the .col-* classes</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ <div class="row">This is a row</div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ <div class="row">This is a row</div>
+ </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-2-4.html b/styleguide/item-2-4.html
new file mode 100644
index 0000000..3480934
--- /dev/null
+++ b/styleguide/item-2-4.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-2-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_column.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-4">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.4</span>
+ <span class="kss-section__name">.col-[breakpoint]-[col#]</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Provides column classes that are immediate children of rows.
+For each breakpoint defined, and for each column number, there
+is a corresponding class to indicate how many columns to span for each breakpoint</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ <div class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ </div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ <div class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ </div>
+ </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-2-5.html b/styleguide/item-2-5.html
new file mode 100644
index 0000000..e40ebd9
--- /dev/null
+++ b/styleguide/item-2-5.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-2-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_column_offset.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-5">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.5</span>
+ <span class="kss-section__name">col-start-[breakpoint]-[col#]</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Used in conjunction with column classes that are immediate children of rows to add an offset.
+For each breakpoint defined and for each column number, there
+is a corresponding class to indicated how many columns to offset for each breakpoint</p>
+<p>Note: This logic adds significant classes to the CSS build, If this functionality is not needed,
+comment out <code>@import "grid_column_offset";</code> from /grid/_index.scss</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><div class="container">
+ <section class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-5 col-start-lg-5">
+ Another Article area
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-9 col-start-lg-9">
+ Another Article area
+ </article>
+ </section>
+</div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><div class="container">
+ <section class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-5 col-start-lg-5">
+ Another Article area
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-9 col-start-lg-9">
+ Another Article area
+ </article>
+ </section>
+</div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-2.html b/styleguide/item-2.html
new file mode 100644
index 0000000..8f274d8
--- /dev/null
+++ b/styleguide/item-2.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-1">
+ <span class="kss-nav__ref">2.1</span>
+ <span class="kss-nav__name">.container-fluid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-2">
+ <span class="kss-nav__ref">2.2</span>
+ <span class="kss-nav__name">.container</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-3">
+ <span class="kss-nav__ref">2.3</span>
+ <span class="kss-nav__name">.row</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-4">
+ <span class="kss-nav__ref">2.4</span>
+ <span class="kss-nav__name">.col-[breakpoint]-[col#]</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-5">
+ <span class="kss-nav__ref">2.5</span>
+ <span class="kss-nav__name">col-start-[breakpoint]-[col#]</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_index.scss</span>, line <span>8</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">2</span>
+ <span class="kss-section__name">Grid</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>The Grid framework is a bootstrap-like row/column convention,
+but is implemented in CSS Grid.</p>
+<p>In the examples give below, borders are given to containers (green), rows (red) and column content (blue)</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-3.html b/styleguide/item-3.html
new file mode 100644
index 0000000..446903c
--- /dev/null
+++ b/styleguide/item-3.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_colors.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-3">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">3</span>
+ <span class="kss-section__name">Colors</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>Base Colors for the theme.</p>
+</div>
+
+ <ul class="kss-parameters">
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #1B6FA6; primary color
+
+ </p>
+ <code class="kss-parameters__name">$primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #00A321; success color
+
+ </p>
+ <code class="kss-parameters__name">$success-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #E07000; warning color
+
+ </p>
+ <code class="kss-parameters__name">$warning-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #DB0A07; danger color
+
+ </p>
+ <code class="kss-parameters__name">$danger-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #EEEEEE; General UI light primary
+
+ </p>
+ <code class="kss-parameters__name">$ui-light-primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #DADADA; General UI light secondary
+
+ </p>
+ <code class="kss-parameters__name">$ui-light-secondary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #6B6B6B; General UI medium primary
+
+ </p>
+ <code class="kss-parameters__name">$ui-medium-primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #575757; General UI medium secondary
+
+ </p>
+ <code class="kss-parameters__name">$ui-medium-secondary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #3C3939; General UI dark primary
+
+ </p>
+ <code class="kss-parameters__name">$ui-dark-primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #191919; General UI dark secondary
+
+ </p>
+ <code class="kss-parameters__name">$ui-dark-secondary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #191919; Primary font color
+
+ </p>
+ <code class="kss-parameters__name">$ui-primary-font-color</code>
+ </li>
+ </ul>
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-4-0-1.html b/styleguide/item-4-0-1.html
new file mode 100644
index 0000000..3ea8869
--- /dev/null
+++ b/styleguide/item-4-0-1.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../examples.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">4.0</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-4-0-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>utils/_utils.scss</span>, line <span>21</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-4-0-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">4.0.1</span>
+ <span class="kss-section__name">vertical-centered</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Leverages Flexbox to make element vertically centered. Useful with col-*</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ <div class="row">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+ </article>
+ </div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ <div class="row">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+ </article>
+ </div>
+ </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-4-1-1.html b/styleguide/item-4-1-1.html
new file mode 100644
index 0000000..fb8155a
--- /dev/null
+++ b/styleguide/item-4-1-1.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../examples.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">4.0</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-3" id="kssref-4-1-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>utils/_utils.scss</span>, line <span>15</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-4-1-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">4.1.1</span>
+ <span class="kss-section__name">vertical-centered</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>General utility classes to make life easier</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-4-1.html b/styleguide/item-4-1.html
new file mode 100644
index 0000000..84ebd4f
--- /dev/null
+++ b/styleguide/item-4-1.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-4-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>utils/_utils.scss</span>, line <span>9</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-4-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">4.1</span>
+ <span class="kss-section__name">vertical-centered</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Leverages Flexbox to make element vertically centered. Useful with col-*</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container" >
+ <div class="row">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+ </article>
+ </div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container" >
+ <div class="row">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+ </article>
+ </div>
+ </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-4.html b/styleguide/item-4.html
new file mode 100644
index 0000000..6e32780
--- /dev/null
+++ b/styleguide/item-4.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-4.html#kssref-4-1">
+ <span class="kss-nav__ref">4.1</span>
+ <span class="kss-nav__name">vertical-centered</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>utils/_utils.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-4">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">4</span>
+ <span class="kss-section__name">Utils</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>General utility classes to make life easier</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-5-1.html b/styleguide/item-5-1.html
new file mode 100644
index 0000000..a405852
--- /dev/null
+++ b/styleguide/item-5-1.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-5-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>typography/_index.scss</span>, line <span>7</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-5-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">5.1</span>
+ <span class="kss-section__name">Basic text</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>body, p, etc</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><p>Lorem ipsum dolor sit amet, affert evertitur ad duo. Ius porro fugit corpora cu. Mundi verear ut pri, mei no dolor altera mandamus, dicta voluptua in usu. Ut vim modo nibh, sit epicurei reprehendunt an, veniam conceptam ei sed. Nec tale fierent disputando in, an fuisset antiopam deterruisset nam. Pri etiam minim eu, vel te intellegat instructior, diceret alterum patrioque ei qui. Meis placerat dissentiunt mei ei, moderatius referrentur his ad.</p></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><p>Lorem ipsum dolor sit amet, affert evertitur ad duo. Ius porro fugit corpora cu. Mundi verear ut pri, mei no dolor altera mandamus, dicta voluptua in usu. Ut vim modo nibh, sit epicurei reprehendunt an, veniam conceptam ei sed. Nec tale fierent disputando in, an fuisset antiopam deterruisset nam. Pri etiam minim eu, vel te intellegat instructior, diceret alterum patrioque ei qui. Meis placerat dissentiunt mei ei, moderatius referrentur his ad.</p></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-5-2.html b/styleguide/item-5-2.html
new file mode 100644
index 0000000..f50f606
--- /dev/null
+++ b/styleguide/item-5-2.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-2" id="kssref-5-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>typography/_index.scss</span>, line <span>30</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-5-2">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">5.2</span>
+ <span class="kss-section__name">Headers</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Also includes class-based versions: .h#-primary and .h#-secondary</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><h1>This is a header 1 with .defcon class</h1>
+<h1>This is a header 1</h1>
+<h2>This is a header 2</h2>
+<h3>This is a header 3</h3>
+<h4>This is a header 4</h4>
+<h5>This is a header 5</h5>
+<h6>This is a header 6</h6>
+<h1 class="h1-primary">This is a header 1 primary</h1>
+<h2 class="h2-primary">This is a header 2 primary</h2>
+<h3 class="h3-primary">This is a header 3 primary</h3>
+<h4 class="h4-primary">This is a header 4 primary</h4>
+<h5 class="h5-primary">This is a header 5 primary</h5>
+<h6 class="h6-primary">This is a header 6 primary</h6>
+<h1 class="h1-secondary">This is a header 1 secondary</h1>
+<h2 class="h2-secondary">This is a header 2 secondary</h2>
+<h3 class="h3-secondary">This is a header 3 secondary</h3>
+<h4 class="h4-secondary">This is a header 4 secondary</h4>
+<h5 class="h5-secondary">This is a header 5 secondary</h5>
+<h6 class="h6-secondary">This is a header 6 secondary</h6></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><h1>This is a header 1 with .defcon class</h1>
+<h1>This is a header 1</h1>
+<h2>This is a header 2</h2>
+<h3>This is a header 3</h3>
+<h4>This is a header 4</h4>
+<h5>This is a header 5</h5>
+<h6>This is a header 6</h6>
+<h1 class="h1-primary">This is a header 1 primary</h1>
+<h2 class="h2-primary">This is a header 2 primary</h2>
+<h3 class="h3-primary">This is a header 3 primary</h3>
+<h4 class="h4-primary">This is a header 4 primary</h4>
+<h5 class="h5-primary">This is a header 5 primary</h5>
+<h6 class="h6-primary">This is a header 6 primary</h6>
+<h1 class="h1-secondary">This is a header 1 secondary</h1>
+<h2 class="h2-secondary">This is a header 2 secondary</h2>
+<h3 class="h3-secondary">This is a header 3 secondary</h3>
+<h4 class="h4-secondary">This is a header 4 secondary</h4>
+<h5 class="h5-secondary">This is a header 5 secondary</h5>
+<h6 class="h6-secondary">This is a header 6 secondary</h6></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-5.html b/styleguide/item-5.html
new file mode 100644
index 0000000..6db4982
--- /dev/null
+++ b/styleguide/item-5.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-5.html#kssref-5-1">
+ <span class="kss-nav__ref">5.1</span>
+ <span class="kss-nav__name">Basic text</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-5.html#kssref-5-2">
+ <span class="kss-nav__ref">5.2</span>
+ <span class="kss-nav__name">Headers</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>typography/_index.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-5">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">5</span>
+ <span class="kss-section__name">Typography</span>
+ </h1>
+ </a>
+
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-6.html b/styleguide/item-6.html
new file mode 100644
index 0000000..5fb4fca
--- /dev/null
+++ b/styleguide/item-6.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-6">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_buttons.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-6">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">6</span>
+ <span class="kss-section__name">Buttons</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>All buttons must include the class .btn; which by itself acts as the primary medium button.
+By default, all buttons are inline-block unless the class .btn-block is added. The markup
+below lists all main button permutations</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><div class="spacer"><button class="btn">Medium Button</button> </div>
+<div class="spacer"><button class="btn" disabled="disabled">Medium Button Disabled (via attribute)</button> </div>
+<div class="spacer"><button class="btn disabled" >Medium Button Disabled (via class)</button> </div>
+<div class="spacer"><button class="btn btn-sm">Small Button</button> </div>
+<div class="spacer"><button class="btn btn-lg">Large Button</button> </div>
+<div class="spacer"><button class="btn btn-outline">Medium Button Outline</button> </div>
+<div class="spacer"><button class="btn btn-success">Medium Button Success</button> </div>
+<div class="spacer"><button class="btn btn-warning">Medium Button Warning</button> </div>
+<div class="spacer"><button class="btn btn-danger">Medium Button Danger</button> </div>
+<div class="spacer"><button class="btn btn-outline-success">Medium Button Success Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-warning">Medium Button Warning Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-danger">Medium Button Danger Outline</button> </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><div class="spacer"><button class="btn">Medium Button</button> </div>
+<div class="spacer"><button class="btn" disabled="disabled">Medium Button Disabled (via attribute)</button> </div>
+<div class="spacer"><button class="btn disabled" >Medium Button Disabled (via class)</button> </div>
+<div class="spacer"><button class="btn btn-sm">Small Button</button> </div>
+<div class="spacer"><button class="btn btn-lg">Large Button</button> </div>
+<div class="spacer"><button class="btn btn-outline">Medium Button Outline</button> </div>
+<div class="spacer"><button class="btn btn-success">Medium Button Success</button> </div>
+<div class="spacer"><button class="btn btn-warning">Medium Button Warning</button> </div>
+<div class="spacer"><button class="btn btn-danger">Medium Button Danger</button> </div>
+<div class="spacer"><button class="btn btn-outline-success">Medium Button Success Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-warning">Medium Button Warning Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-danger">Medium Button Danger Outline</button> </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-7.html b/styleguide/item-7.html
new file mode 100644
index 0000000..3b5a549
--- /dev/null
+++ b/styleguide/item-7.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-7">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_margins.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-7">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">7</span>
+ <span class="kss-section__name">Margins</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>For most purposes, margins should be retrieved from $spacers in _breakpoints.scss
+However, utility margin classes are also created for each spacer entry and for
+left, right, top, bottom and all margin attributes.</p>
+<p>For example, for the $spacers <code>xs</code> entry, the following classes are produced:</p>
+<p>.margin-xs-left {
+margin-left: 0.5rem; }</p>
+<p>.margin-xs-right {
+margin-right: 0.5rem; }</p>
+<p>.margin-xs-top {
+margin-top: 0.5rem; }</p>
+<p>.margin-xs-bottom {
+margin-bottom: 0.5rem; }</p>
+<p>.margin-xs-all {
+margin: 0.5rem; }</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/item-8.html b/styleguide/item-8.html
new file mode 100644
index 0000000..b9b0a48
--- /dev/null
+++ b/styleguide/item-8.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-8">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_padding.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-8">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">8</span>
+ <span class="kss-section__name">Padding</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>For most purposes, padding should be retrieved from $spacers in _breakpoints.scss
+However, utility padding classes are also created for each spacer entry and for
+left, right, top, bottom and all padding attributes.</p>
+<p>For example, for the $spacers <code>xs</code> entry, the following classes are produced:</p>
+<p>.padding-xs-left {
+padding-left: 0.5rem; }</p>
+<p>.padding-xs-right {
+padding-right: 0.5rem; }</p>
+<p>.padding-xs-top {
+padding-top: 0.5rem; }</p>
+<p>.padding-xs-bottom {
+padding-bottom: 0.5rem; }</p>
+<p>.padding-xs-all {
+margin: 0.5rem; }</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/kss-assets/css/kss-body.scss b/styleguide/kss-assets/css/kss-body.scss
new file mode 100644
index 0000000..7b24a9a
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-body.scss
@@ -0,0 +1,5 @@
+.kss-body {
+ margin: 0;
+ padding: 0;
+ background: $white;
+}
diff --git a/styleguide/kss-assets/css/kss-colors.scss b/styleguide/kss-assets/css/kss-colors.scss
new file mode 100644
index 0000000..a90dbca
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-colors.scss
@@ -0,0 +1,53 @@
+.kss-colors-container {
+ margin: 0;
+ padding-left: 0;
+
+ @include mq(min, 568px) { margin-left: -10px; }
+}
+
+.kss-color {
+ position: relative;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: 127px;
+ margin: 0 auto;
+ margin-top: 10px;
+ border: 1px solid $gray;
+ border-radius: 2px;
+
+ @include mq(min, 568px) {
+ display: inline-block;
+ width: 225px;
+ margin-left: 10px;
+ }
+}
+
+.kss-color .kss-parameters__description {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 5px;
+ background: $white;
+}
+
+.kss-color__name {
+ display: block;
+ min-height: 22px;
+ font-weight: 700;
+ font-size: em(14px);
+ line-height: 1.6;
+}
+
+.kss-color__var,
+.kss-color__code {
+ display: block;
+ font-size: em(12px);
+ line-height: 1.4;
+}
+
+.kss-color .kss-parameters__name { display: none; }
+
diff --git a/styleguide/kss-assets/css/kss-documentation.scss b/styleguide/kss-assets/css/kss-documentation.scss
new file mode 100644
index 0000000..0dd3d35
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-documentation.scss
@@ -0,0 +1,214 @@
+$kss-section-item-color: $cowabunga;
+$kss-modifiers-heading-color: $cowabunga;
+$kss-modifiers-name-color: $cowabunga;
+
+
+.kss-documentation {
+ z-index: 100;
+ position: relative;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ min-height: 100vh;
+ padding: 20px;
+ padding-top: 80px;
+ background: $white;
+ transition: opacity 0.4s ease-out;
+
+ &.kss-state-active { opacity: 0.1; }
+
+ @include mq(min, 1024px) {
+ padding-top: 20px;
+ padding-left: calc(25% + 20px);
+ }
+
+ @include mq(min, 1280px) { padding-left: calc(20% + 20px); }
+
+ @include mq(min, 1440px) { padding-left: calc(15% + 20px); }
+}
+
+.kss-section { margin-bottom: 40px; }
+
+.kss-section__content {
+ border: 1px solid $gray;
+ padding: 1em;
+
+ ol,
+ ul,
+ p,
+ a {
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ }
+}
+
+.kss-section__permalink { text-decoration: none; }
+
+.kss-section__item {
+ margin: 0;
+ margin-bottom: 5px;
+ color: $kss-section-item-color;
+ font-size: rem(32px);
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ text-transform: none;
+ letter-spacing: normal;
+
+ &--depth-2 { font-size: rem(30px); }
+
+ &--depth-3 { font-size: rem(22px); }
+
+ &--depth-4 { font-size: rem(20px); }
+
+ &--depth-5 { font-size: rem(18px); }
+
+ &--depth-6 { font-size: rem(16px); }
+}
+
+.kss-section__ref {
+ display: inline-block;
+ vertical-align: middle;
+ padding-right: 5px;
+}
+
+.kss-section__name {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.kss-parameters {
+ padding-left: 40px;
+ list-style-position: outside;
+ list-style-type: circle;
+}
+
+.kss-parameters__item { margin-bottom: 15px; }
+
+.kss-parameters__name {
+ background: #f5f5f5;
+ padding: 5px;
+}
+
+.kss-parameters__description {
+ margin: 0;
+ font-size: rem(16px);
+ line-height: 1.5;
+}
+
+.kss-section__description {
+ margin-bottom: 20px;
+ line-height: 1.5;
+
+ &.state-deprecated,
+ &.state-experimental {
+ display: inline-block;
+ margin-bottom: 10px;
+ border-radius: 2px;
+ padding: 5px 10px;
+ }
+
+ &.state-deprecated {
+ border: 1px solid orange;
+ background: rgba(orange, 0.4);
+ }
+
+ &.state-experimental {
+ border: 1px solid lightblue;
+ background: rgba(lightblue, 0.4);
+ }
+
+ ol,
+ ul,
+ p,
+ a {
+ color: $black;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ }
+
+ ol,
+ ul {
+ padding-left: 40px;
+ list-style-position: outside;
+ }
+
+ ol { list-style-type: decimal; }
+
+ ul { list-style-type: circle; }
+
+ ol,
+ ul,
+ p {
+ margin: 0;
+ font-size: rem(16px);
+ }
+
+ a {
+ color: $blue;
+ text-decoration: none;
+ }
+
+ a:hover,
+ a:focus {
+ color: lighten($blue, 15%);
+ text-decoration: underline;
+ outline: 0;
+ }
+
+ code {
+ display: inline-block;
+ padding: 2px 5px;
+ background: #F5F5F5;
+ }
+}
+
+.kss-section__source {
+ margin: 0;
+ color: darken($gray, 30%);
+ font-size: rem(14px);
+}
+
+.kss-section__modifiers {
+ border: 1px solid $gray;
+ border-top: none;
+ border-bottom: none;
+ padding: 1em;
+ background: #FDFDFD;
+}
+
+.kss-modifiers__heading {
+ margin: 0;
+ margin-bottom: 10px;
+ font-family: 'Lato', sans-serif;
+ font-size: rem(18px);
+ font-weight: 700;
+ color: $kss-modifiers-heading-color;
+}
+
+.kss-modifiers__name {
+ margin: 0;
+ margin-bottom: 5px;
+ font-size: rem(16px);
+ font-weight: 400;
+ color: $kss-modifiers-name-color;
+}
+
+.kss-modifiers__description { margin: 0; }
+
+.kss-modifiers__example {
+ position: relative;
+ min-height: 50px;
+ margin-bottom: 20px;
+
+ &:after {
+ content: '';
+ display: table;
+ clear: both;
+ }
+
+ &:last-child { margin-bottom: 0; }
+}
+
+.kss-section__markup pre[class*=language-] { margin: 0; }
diff --git a/styleguide/kss-assets/css/kss-header.scss b/styleguide/kss-assets/css/kss-header.scss
new file mode 100644
index 0000000..e4dfe1e
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-header.scss
@@ -0,0 +1,91 @@
+$kss-header-color: $cowabunga;
+$kss-header-hamburger-color: $cowabunga;
+
+$bar-height: 4px;
+$bar-width: 30px;
+
+
+.kss-header {
+ z-index: 900;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ min-height: 50px;
+ padding: 10px;
+ color: $kss-header-color;
+ background: $white;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+
+ @include mq(min, 1025px) { display: none; }
+}
+
+.kss-header__inner { position: relative; }
+
+.kss-header__title {
+ font-size: rem(16px);
+ line-height: 25px;
+ text-align: left;
+
+ @include mq(min, 568px) { font-size: rem(20px); }
+}
+
+.kss-header__hamburger-trigger {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: block;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+}
+
+.kss-header__hamburger {
+ width: $bar-width;
+ height: $bar-height;
+ margin-top: 13px;
+ margin-bottom: 13px;
+ border-radius: 5px;
+ color: $kss-header-hamburger-color;
+ background: $kss-header-hamburger-color;
+ -webkit-perspective: 1000;
+ -webkit-backface-visibility: hidden;
+ -webkit-transform:translate3d(0,0,0);
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ transition: all 0.4s;
+
+ &:before,
+ &:after {
+ content: '';
+ position: absolute;
+ width: $bar-width;
+ height: $bar-height;
+ background: $kss-header-hamburger-color;
+ transition: all 0.5s;
+ }
+
+ &:before {
+ top: -$bar-height*2;
+ border-radius: 5px;
+ }
+
+ &:after {
+ top: $bar-height*2;
+ border-radius: 5px;
+ }
+
+ &.kss-state-active { background: transparent; }
+
+ &.kss-state-active:before,
+ &.kss-state-active:after {
+ width: $bar-width/2;
+ transition: all 0.5s;
+ }
+
+ &.kss-state-active:before { transform: translate(7px ,4px) rotate(-40deg); }
+
+ &.kss-state-active:after { transform: translate(7px, -4px) rotate(40deg); }
+}
diff --git a/styleguide/kss-assets/css/kss-markdown.scss b/styleguide/kss-assets/css/kss-markdown.scss
new file mode 100644
index 0000000..e178e07
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-markdown.scss
@@ -0,0 +1,122 @@
+$kss-markdown-headings-color: $cowabunga;
+
+
+.kss-markdown {
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-width: 800px;
+
+ ul,
+ ol,
+ dl,
+ dd,
+ blockquote,
+ hr,
+ table,
+ form,
+ fieldset,
+ figure,
+ pre,
+ address,
+ a,
+ p,
+ h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ color: $black;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ }
+
+ a {
+ color: $blue;
+ font-size: rem(16px);
+ text-decoration: none;
+ }
+
+ a:hover,
+ a:focus {
+ color: lighten($blue, 15%);
+ outline: 0;
+ }
+
+ h1,
+ h2 {
+ color: $kss-markdown-headings-color;
+ font-weight: 700;
+ }
+
+ h2 { margin-top: rem(48px); }
+
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin-top: rem(24px);
+ color: $kss-markdown-headings-color;
+ font-weight: 700;
+ }
+
+ h1 { font-size: rem(32px); }
+ h2 { font-size: rem(30px); }
+ h3 { font-size: rem(22px); }
+ h4 { font-size: rem(20px); }
+ h5 { font-size: rem(18px); }
+ h6 { font-size: rem(16px); }
+
+ ol,
+ ul,
+ p {
+ margin-bottom: rem(24px);
+ font-size: rem(16px);
+ }
+
+ ol,
+ ul {
+ padding-left: 40px;
+ list-style-position: outside;
+ font-size: rem(16px);
+ }
+
+ ol { list-style-type: decimal; }
+
+ ul { list-style-type: circle; }
+
+ img,
+ video,
+ audio,
+ embed,
+ object {
+ max-width: 100%;
+ display: block;
+ }
+
+ audio,
+ canvas,
+ img,
+ video { vertical-align: middle; }
+
+ hr {
+ display: block;
+ box-sizing: border-box;
+ height: 1px;
+ margin-top: rem(23px);
+ margin-bottom: rem(24px);
+ border: 0;
+ border-top: 1px solid $gray;
+ padding: 0;
+ }
+
+ pre,
+ pre[class*=language-] {
+ overflow: auto;
+ border: 1px solid $gray;
+ padding: 1em;
+ background: #F5F5F5;
+ }
+
+ code {
+ padding: 2px 5px;
+ background: #F5F5F5;
+ }
+}
diff --git a/styleguide/kss-assets/css/kss-navigation.scss b/styleguide/kss-assets/css/kss-navigation.scss
new file mode 100644
index 0000000..700cb9c
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-navigation.scss
@@ -0,0 +1,109 @@
+$kss-nav-item-link-active: $cowabunga;
+
+
+.kss-navigation {
+ z-index: 1000;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: block;
+ box-shadow: -10px 0 10px 10px rgba($black, 0.5);
+ box-sizing: border-box;
+ width: 85%;
+ height: 100%;
+ color: $black;
+ background: $white;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ transform: translateX(-100%);
+ transition: transform 0.3s ease-out;
+
+ @include mq(min, 768px) { width: 35%; }
+
+ @include mq(min, 1024px) {
+ width: 25%;
+ transform: translateX(0);
+ }
+
+ @include mq(min, 1280px) { width: 20%; }
+
+ @include mq(min, 1440px) { width: 15%; }
+
+ &.kss-state-active { transform: none; }
+}
+
+.kss-navigation__title {
+ display: none;
+ box-sizing: border-box;
+ padding: 20px 10px;
+
+ @include mq(min, 1024px) { display: block; }
+}
+
+.kss-nav {
+ overflow-y: auto;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding-top: 10px;
+ padding-bottom: 100px;
+ padding-left: 0;
+ list-style-type: none;
+
+ @include mq(min, 1024px) { padding-top: 0; }
+}
+
+.kss-nav__item a {
+ display: block;
+ box-sizing: border-box;
+ padding: 5px 20px;
+ color: $black;
+ font-family: 'Lato', sans-serif;
+ font-size: rem(16px);
+ font-weight: 400;
+ text-decoration: none;
+ text-transform: none;
+ letter-spacing: normal;
+ transition: color 0.3s;
+
+ &:hover { color: $kss-nav-item-link-active; }
+
+ &:hover .kss-nav__name { transform: translateX(6px); }
+
+ &.kss-state-active { color: $kss-nav-item-link-active; }
+
+ &.kss-state-active:hover .kss-nav__name { transform: none; }
+}
+
+.kss-nav__ref {
+ display: inline-block;
+ vertical-align: middle;
+ padding-right: 5px;
+}
+
+.kss-nav__name {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ transition: transform 0.3s;
+}
+
+.kss-nav__subnav {
+ margin-bottom: 10px;
+ padding: 0;
+ list-style-type: none;
+
+ .kss-nav__item a {
+ padding: 2px 10px;
+ padding-left: 30px;
+ font-size: rem(14px);
+ font-weight: 300;
+ }
+
+ .kss-nav__item--grandchild a {
+ padding-left: 40px;
+ font-size: rem(12px);
+ }
+}
diff --git a/styleguide/kss-assets/css/kss-settings.scss b/styleguide/kss-assets/css/kss-settings.scss
new file mode 100644
index 0000000..d8c8cdc
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-settings.scss
@@ -0,0 +1,13 @@
+// primary theme color of the styleguide.
+$cowabunga: #E87E04;
+
+// secondary colors.
+$black: #222222;
+$gray: #CCCCCC;
+$white: #FFFFFF;
+
+// utility colors.
+$blue: #3498DB;
+$green: #2ECC71;
+$orange: #F1C40F;
+$red: #E74C3C;
diff --git a/styleguide/kss-assets/css/kss-title.scss b/styleguide/kss-assets/css/kss-title.scss
new file mode 100644
index 0000000..b94210e
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-title.scss
@@ -0,0 +1,12 @@
+$kss-title-color: $cowabunga;
+
+.kss-title {
+ margin: 0;
+ color: $kss-title-color;
+ text-align: center;
+ font-size: rem(24px);
+ font-family: 'Lato', sans-serif;
+ font-weight: 700;
+ text-transform: none;
+ letter-spacing: normal;
+}
diff --git a/styleguide/kss-assets/css/kss-tools.scss b/styleguide/kss-assets/css/kss-tools.scss
new file mode 100644
index 0000000..9cf82dc
--- /dev/null
+++ b/styleguide/kss-assets/css/kss-tools.scss
@@ -0,0 +1,30 @@
+@function em($target, $context: 16px) {
+ @return ($target / $context) * 1em;
+}
+
+@function rem($target, $context: 16px) {
+ @return ($target / $context) * 1rem;
+}
+
+@function mq-unit($target) {
+ @return ($target / 16px) * 1em;
+}
+
+
+
+@mixin mq($min-max, $width1, $max:unquote(''), $width2:unquote('')) {
+ // min-width > max-width.
+ @if $min-max == min and $max == max {
+ @media only screen and (min-width: mq-unit($width1 + 1)) and (max-width: mq-unit($width2)) { @content; }
+ }
+
+ // min-width.
+ @else if $min-max == min {
+ @media only screen and (min-width: mq-unit($width1 + 1)) { @content; }
+ }
+
+ // max-width.
+ @else if $min-max == max {
+ @media only screen and (max-width: mq-unit($width1)) { @content; }
+ }
+}
diff --git a/styleguide/kss-assets/css/kss.css b/styleguide/kss-assets/css/kss.css
new file mode 100644
index 0000000..d50e334
--- /dev/null
+++ b/styleguide/kss-assets/css/kss.css
@@ -0,0 +1,518 @@
+.kss-body {
+ margin: 0;
+ padding: 0;
+ background: #FFFFFF; }
+
+.kss-title {
+ margin: 0;
+ color: #E87E04;
+ text-align: center;
+ font-size: 1.5rem;
+ font-family: 'Lato', sans-serif;
+ font-weight: 700;
+ text-transform: none;
+ letter-spacing: normal; }
+
+.kss-header {
+ z-index: 900;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ min-height: 50px;
+ padding: 10px;
+ color: #E87E04;
+ background: #FFFFFF;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400; }
+ @media only screen and (min-width: 64.125em) {
+ .kss-header {
+ display: none; } }
+
+.kss-header__inner {
+ position: relative; }
+
+.kss-header__title {
+ font-size: 1rem;
+ line-height: 25px;
+ text-align: left; }
+ @media only screen and (min-width: 35.5625em) {
+ .kss-header__title {
+ font-size: 1.25rem; } }
+
+.kss-header__hamburger-trigger {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: block;
+ width: 32px;
+ height: 32px;
+ cursor: pointer; }
+
+.kss-header__hamburger {
+ width: 30px;
+ height: 4px;
+ margin-top: 13px;
+ margin-bottom: 13px;
+ border-radius: 5px;
+ color: #E87E04;
+ background: #E87E04;
+ -webkit-perspective: 1000;
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ transition: all 0.4s; }
+ .kss-header__hamburger:before, .kss-header__hamburger:after {
+ content: '';
+ position: absolute;
+ width: 30px;
+ height: 4px;
+ background: #E87E04;
+ transition: all 0.5s; }
+ .kss-header__hamburger:before {
+ top: -8px;
+ border-radius: 5px; }
+ .kss-header__hamburger:after {
+ top: 8px;
+ border-radius: 5px; }
+ .kss-header__hamburger.kss-state-active {
+ background: transparent; }
+ .kss-header__hamburger.kss-state-active:before, .kss-header__hamburger.kss-state-active:after {
+ width: 15px;
+ transition: all 0.5s; }
+ .kss-header__hamburger.kss-state-active:before {
+ transform: translate(7px, 4px) rotate(-40deg); }
+ .kss-header__hamburger.kss-state-active:after {
+ transform: translate(7px, -4px) rotate(40deg); }
+
+.kss-navigation {
+ z-index: 1000;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: block;
+ box-shadow: -10px 0 10px 10px rgba(34, 34, 34, 0.5);
+ box-sizing: border-box;
+ width: 85%;
+ height: 100%;
+ color: #222222;
+ background: #FFFFFF;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ transform: translateX(-100%);
+ transition: transform 0.3s ease-out; }
+ @media only screen and (min-width: 48.0625em) {
+ .kss-navigation {
+ width: 35%; } }
+ @media only screen and (min-width: 64.0625em) {
+ .kss-navigation {
+ width: 25%;
+ transform: translateX(0); } }
+ @media only screen and (min-width: 80.0625em) {
+ .kss-navigation {
+ width: 20%; } }
+ @media only screen and (min-width: 90.0625em) {
+ .kss-navigation {
+ width: 15%; } }
+ .kss-navigation.kss-state-active {
+ transform: none; }
+
+.kss-navigation__title {
+ display: none;
+ box-sizing: border-box;
+ padding: 20px 10px; }
+ @media only screen and (min-width: 64.0625em) {
+ .kss-navigation__title {
+ display: block; } }
+
+.kss-nav {
+ overflow-y: auto;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding-top: 10px;
+ padding-bottom: 100px;
+ padding-left: 0;
+ list-style-type: none; }
+ @media only screen and (min-width: 64.0625em) {
+ .kss-nav {
+ padding-top: 0; } }
+
+.kss-nav__item a {
+ display: block;
+ box-sizing: border-box;
+ padding: 5px 20px;
+ color: #222222;
+ font-family: 'Lato', sans-serif;
+ font-size: 1rem;
+ font-weight: 400;
+ text-decoration: none;
+ text-transform: none;
+ letter-spacing: normal;
+ transition: color 0.3s; }
+ .kss-nav__item a:hover {
+ color: #E87E04; }
+ .kss-nav__item a:hover .kss-nav__name {
+ transform: translateX(6px); }
+ .kss-nav__item a.kss-state-active {
+ color: #E87E04; }
+ .kss-nav__item a.kss-state-active:hover .kss-nav__name {
+ transform: none; }
+
+.kss-nav__ref {
+ display: inline-block;
+ vertical-align: middle;
+ padding-right: 5px; }
+
+.kss-nav__name {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ transition: transform 0.3s; }
+
+.kss-nav__subnav {
+ margin-bottom: 10px;
+ padding: 0;
+ list-style-type: none; }
+ .kss-nav__subnav .kss-nav__item a {
+ padding: 2px 10px;
+ padding-left: 30px;
+ font-size: 0.875rem;
+ font-weight: 300; }
+ .kss-nav__subnav .kss-nav__item--grandchild a {
+ padding-left: 40px;
+ font-size: 0.75rem; }
+
+.kss-markdown {
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-width: 800px; }
+ .kss-markdown ul,
+ .kss-markdown ol,
+ .kss-markdown dl,
+ .kss-markdown dd,
+ .kss-markdown blockquote,
+ .kss-markdown hr,
+ .kss-markdown table,
+ .kss-markdown form,
+ .kss-markdown fieldset,
+ .kss-markdown figure,
+ .kss-markdown pre,
+ .kss-markdown address,
+ .kss-markdown a,
+ .kss-markdown p,
+ .kss-markdown h1, .kss-markdown h2, .kss-markdown h3, .kss-markdown h4, .kss-markdown h5, .kss-markdown h6 {
+ margin: 0;
+ color: #222222;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ line-height: 1.5; }
+ .kss-markdown a {
+ color: #3498DB;
+ font-size: 1rem;
+ text-decoration: none; }
+ .kss-markdown a:hover,
+ .kss-markdown a:focus {
+ color: #75b9e7;
+ outline: 0; }
+ .kss-markdown h1,
+ .kss-markdown h2 {
+ color: #E87E04;
+ font-weight: 700; }
+ .kss-markdown h2 {
+ margin-top: 3rem; }
+ .kss-markdown h3,
+ .kss-markdown h4,
+ .kss-markdown h5,
+ .kss-markdown h6 {
+ margin-top: 1.5rem;
+ color: #E87E04;
+ font-weight: 700; }
+ .kss-markdown h1 {
+ font-size: 2rem; }
+ .kss-markdown h2 {
+ font-size: 1.875rem; }
+ .kss-markdown h3 {
+ font-size: 1.375rem; }
+ .kss-markdown h4 {
+ font-size: 1.25rem; }
+ .kss-markdown h5 {
+ font-size: 1.125rem; }
+ .kss-markdown h6 {
+ font-size: 1rem; }
+ .kss-markdown ol,
+ .kss-markdown ul,
+ .kss-markdown p {
+ margin-bottom: 1.5rem;
+ font-size: 1rem; }
+ .kss-markdown ol,
+ .kss-markdown ul {
+ padding-left: 40px;
+ list-style-position: outside;
+ font-size: 1rem; }
+ .kss-markdown ol {
+ list-style-type: decimal; }
+ .kss-markdown ul {
+ list-style-type: circle; }
+ .kss-markdown img,
+ .kss-markdown video,
+ .kss-markdown audio,
+ .kss-markdown embed,
+ .kss-markdown object {
+ max-width: 100%;
+ display: block; }
+ .kss-markdown audio,
+ .kss-markdown canvas,
+ .kss-markdown img,
+ .kss-markdown video {
+ vertical-align: middle; }
+ .kss-markdown hr {
+ display: block;
+ box-sizing: border-box;
+ height: 1px;
+ margin-top: 1.4375rem;
+ margin-bottom: 1.5rem;
+ border: 0;
+ border-top: 1px solid #CCCCCC;
+ padding: 0; }
+ .kss-markdown pre,
+ .kss-markdown pre[class*=language-] {
+ overflow: auto;
+ border: 1px solid #CCCCCC;
+ padding: 1em;
+ background: #F5F5F5; }
+ .kss-markdown code {
+ padding: 2px 5px;
+ background: #F5F5F5; }
+
+.kss-documentation {
+ z-index: 100;
+ position: relative;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ min-height: 100vh;
+ padding: 20px;
+ padding-top: 80px;
+ background: #FFFFFF;
+ transition: opacity 0.4s ease-out; }
+ .kss-documentation.kss-state-active {
+ opacity: 0.1; }
+ @media only screen and (min-width: 64.0625em) {
+ .kss-documentation {
+ padding-top: 20px;
+ padding-left: calc(25% + 20px); } }
+ @media only screen and (min-width: 80.0625em) {
+ .kss-documentation {
+ padding-left: calc(20% + 20px); } }
+ @media only screen and (min-width: 90.0625em) {
+ .kss-documentation {
+ padding-left: calc(15% + 20px); } }
+
+.kss-section {
+ margin-bottom: 40px; }
+
+.kss-section__content {
+ border: 1px solid #CCCCCC;
+ padding: 1em; }
+ .kss-section__content ol,
+ .kss-section__content ul,
+ .kss-section__content p,
+ .kss-section__content a {
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ line-height: 1.5; }
+
+.kss-section__permalink {
+ text-decoration: none; }
+
+.kss-section__item {
+ margin: 0;
+ margin-bottom: 5px;
+ color: #E87E04;
+ font-size: 2rem;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ text-transform: none;
+ letter-spacing: normal; }
+ .kss-section__item--depth-2 {
+ font-size: 1.875rem; }
+ .kss-section__item--depth-3 {
+ font-size: 1.375rem; }
+ .kss-section__item--depth-4 {
+ font-size: 1.25rem; }
+ .kss-section__item--depth-5 {
+ font-size: 1.125rem; }
+ .kss-section__item--depth-6 {
+ font-size: 1rem; }
+
+.kss-section__ref {
+ display: inline-block;
+ vertical-align: middle;
+ padding-right: 5px; }
+
+.kss-section__name {
+ display: inline-block;
+ vertical-align: middle; }
+
+.kss-parameters {
+ padding-left: 40px;
+ list-style-position: outside;
+ list-style-type: circle; }
+
+.kss-parameters__item {
+ margin-bottom: 15px; }
+
+.kss-parameters__name {
+ background: #f5f5f5;
+ padding: 5px; }
+
+.kss-parameters__description {
+ margin: 0;
+ font-size: 1rem;
+ line-height: 1.5; }
+
+.kss-section__description {
+ margin-bottom: 20px;
+ line-height: 1.5; }
+ .kss-section__description.state-deprecated, .kss-section__description.state-experimental {
+ display: inline-block;
+ margin-bottom: 10px;
+ border-radius: 2px;
+ padding: 5px 10px; }
+ .kss-section__description.state-deprecated {
+ border: 1px solid orange;
+ background: rgba(255, 165, 0, 0.4); }
+ .kss-section__description.state-experimental {
+ border: 1px solid lightblue;
+ background: rgba(173, 216, 230, 0.4); }
+ .kss-section__description ol,
+ .kss-section__description ul,
+ .kss-section__description p,
+ .kss-section__description a {
+ color: #222222;
+ font-family: 'Lato', sans-serif;
+ font-weight: 400;
+ line-height: 1.5; }
+ .kss-section__description ol,
+ .kss-section__description ul {
+ padding-left: 40px;
+ list-style-position: outside; }
+ .kss-section__description ol {
+ list-style-type: decimal; }
+ .kss-section__description ul {
+ list-style-type: circle; }
+ .kss-section__description ol,
+ .kss-section__description ul,
+ .kss-section__description p {
+ margin: 0;
+ font-size: 1rem; }
+ .kss-section__description a {
+ color: #3498DB;
+ text-decoration: none; }
+ .kss-section__description a:hover,
+ .kss-section__description a:focus {
+ color: #75b9e7;
+ text-decoration: underline;
+ outline: 0; }
+ .kss-section__description code {
+ display: inline-block;
+ padding: 2px 5px;
+ background: #F5F5F5; }
+
+.kss-section__source {
+ margin: 0;
+ color: gray;
+ font-size: 0.875rem; }
+
+.kss-section__modifiers {
+ border: 1px solid #CCCCCC;
+ border-top: none;
+ border-bottom: none;
+ padding: 1em;
+ background: #FDFDFD; }
+
+.kss-modifiers__heading {
+ margin: 0;
+ margin-bottom: 10px;
+ font-family: 'Lato', sans-serif;
+ font-size: 1.125rem;
+ font-weight: 700;
+ color: #E87E04; }
+
+.kss-modifiers__name {
+ margin: 0;
+ margin-bottom: 5px;
+ font-size: 1rem;
+ font-weight: 400;
+ color: #E87E04; }
+
+.kss-modifiers__description {
+ margin: 0; }
+
+.kss-modifiers__example {
+ position: relative;
+ min-height: 50px;
+ margin-bottom: 20px; }
+ .kss-modifiers__example:after {
+ content: '';
+ display: table;
+ clear: both; }
+ .kss-modifiers__example:last-child {
+ margin-bottom: 0; }
+
+.kss-section__markup pre[class*=language-] {
+ margin: 0; }
+
+.kss-colors-container {
+ margin: 0;
+ padding-left: 0; }
+ @media only screen and (min-width: 35.5625em) {
+ .kss-colors-container {
+ margin-left: -10px; } }
+
+.kss-color {
+ position: relative;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: 127px;
+ margin: 0 auto;
+ margin-top: 10px;
+ border: 1px solid #CCCCCC;
+ border-radius: 2px; }
+ @media only screen and (min-width: 35.5625em) {
+ .kss-color {
+ display: inline-block;
+ width: 225px;
+ margin-left: 10px; } }
+
+.kss-color .kss-parameters__description {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 5px;
+ background: #FFFFFF; }
+
+.kss-color__name {
+ display: block;
+ min-height: 22px;
+ font-weight: 700;
+ font-size: 0.875em;
+ line-height: 1.6; }
+
+.kss-color__var,
+.kss-color__code {
+ display: block;
+ font-size: 0.75em;
+ line-height: 1.4; }
+
+.kss-color .kss-parameters__name {
+ display: none; }
diff --git a/styleguide/kss-assets/css/kss.scss b/styleguide/kss-assets/css/kss.scss
new file mode 100644
index 0000000..29f806d
--- /dev/null
+++ b/styleguide/kss-assets/css/kss.scss
@@ -0,0 +1,16 @@
+// CLI commands:
+// sass --sourcemap=none kss.scss:kss.css
+// sass --watch --sourcemap=none kss.scss:kss.css
+
+
+@import 'kss-settings.scss';
+@import 'kss-tools.scss';
+
+@import 'kss-body.scss';
+@import 'kss-title.scss';
+@import 'kss-header.scss';
+@import 'kss-navigation.scss';
+@import 'kss-markdown.scss';
+@import 'kss-documentation.scss';
+
+@import 'kss-colors.scss';
diff --git a/styleguide/kss-assets/js/kss.js b/styleguide/kss-assets/js/kss.js
new file mode 100644
index 0000000..8e56d99
--- /dev/null
+++ b/styleguide/kss-assets/js/kss.js
@@ -0,0 +1,130 @@
+(function() {
+ var KssStateGenerator;
+
+ KssStateGenerator = (function() {
+ var pseudo_selectors;
+
+ pseudo_selectors = ['hover', 'enabled', 'disabled', 'active', 'visited', 'focus', 'target', 'checked', 'empty', 'first-of-type', 'last-of-type', 'first-child', 'last-child'];
+
+ function KssStateGenerator() {
+ var idx, idxs, pseudos, replaceRule, rule, stylesheet, _i, _len, _len2, _ref, _ref2;
+ pseudos = new RegExp("(\\:" + (pseudo_selectors.join('|\\:')) + ")", "g");
+ try {
+ _ref = document.styleSheets;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ stylesheet = _ref[_i];
+ if (stylesheet.href && stylesheet.href.indexOf(document.domain) >= 0) {
+ idxs = [];
+ _ref2 = stylesheet.cssRules;
+ for (idx = 0, _len2 = _ref2.length; idx < _len2; idx++) {
+ rule = _ref2[idx];
+ if ((rule.type === CSSRule.STYLE_RULE) && pseudos.test(rule.selectorText)) {
+ replaceRule = function(matched, stuff) {
+ return matched.replace(/\:/g, '.pseudo-class-');
+ };
+ this.insertRule(rule.cssText.replace(pseudos, replaceRule));
+ }
+ pseudos.lastIndex = 0;
+ }
+ }
+ }
+ } catch (_error) {}
+ }
+
+ KssStateGenerator.prototype.insertRule = function(rule) {
+ var headEl, styleEl;
+ headEl = document.getElementsByTagName('head')[0];
+ styleEl = document.createElement('style');
+ styleEl.type = 'text/css';
+ if (styleEl.styleSheet) {
+ styleEl.styleSheet.cssText = rule;
+ } else {
+ styleEl.appendChild(document.createTextNode(rule));
+ }
+ return headEl.appendChild(styleEl);
+ };
+
+ return KssStateGenerator;
+
+ })();
+
+ new KssStateGenerator;
+
+}).call(this);
+
+
+
+// custom code.
+(function() {
+
+
+ // navigation.
+ $('.kss-header__hamburger-trigger').on('click', function (e) {
+ var kssNavigation = '.kss-navigation',
+ kssDocumentation = '.kss-documentation',
+ kssHamburger = '.kss-header__hamburger';
+
+ if ($(kssNavigation).hasClass('kss-state-active')) {
+ $(kssNavigation).removeClass('kss-state-active');
+ $(kssDocumentation).removeClass('kss-state-active');
+ }
+ else {
+ $(kssNavigation).addClass('kss-state-active');
+ $(kssDocumentation).addClass('kss-state-active');
+ }
+
+ if ($(kssHamburger).hasClass('kss-state-active')) {
+ $(kssHamburger).removeClass('kss-state-active');
+ }
+ else {
+ $(kssHamburger).addClass('kss-state-active');
+ }
+ });
+
+
+ // smooth scrolling.
+ (function smoothScrolling () {
+ $('.kss-nav__item > a[href*=section]').on('click', function (e) {
+ if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+ var target = $(this.hash);
+ target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
+ if (target.length) {
+ $('html, body').animate({
+ scrollTop: target.offset().top
+ }, 1000);
+
+ return false;
+ }
+ }
+ });
+ })();
+
+
+ // colors.
+ (function(){
+ var parameters = $('.kss-parameters');
+
+ if (parameters) {
+ $('.kss-parameters__item').each(function (index) {
+ var description = $(this).find('.kss-parameters__description').text().trim().replace(/; +/g, ';');
+ var colorName = description.split(';')[1] ? description.split(';')[1] : '';
+ var colorVar = $(this).find('.kss-parameters__name').text().trim();
+ var colorCode = description.split(';')[0];
+ var isHexadecimal = /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(colorCode);
+ var isRGB = /(rgba?\((?:\d{1,3}(, +|,|\))){3}(?:\d+\.\d+\))?)/i.test(colorCode);
+ var colorContent = '<span class="kss-color__name">' + colorName + '</span>' +
+ '<span class="kss-color__var">' + colorVar + '</span>' +
+ '<span class="kss-color__code">' + colorCode + '</span>';
+
+ if (isHexadecimal || isRGB) {
+ $(this).parent().addClass('kss-colors-container');
+ $(this).addClass('kss-color').css('background', colorCode);
+ $(this).find('.kss-parameters__description').html(colorContent);
+ }
+ });
+ }
+ })();
+
+
+})();
diff --git a/styleguide/kss-assets/vendor/jquery.js b/styleguide/kss-assets/vendor/jquery.js
new file mode 100644
index 0000000..49990d6
--- /dev/null
+++ b/styleguide/kss-assets/vendor/jquery.js
@@ -0,0 +1,4 @@
+/*! jQuery v2.1.4 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m="2.1.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b="length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\f]' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=ma(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=na(b);function qa(){}qa.prototype=d.filters=d.pseudos,d.setFilters=new qa,g=ga.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?ga.error(a):z(a,i).slice(0)};function ra(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){
+return M.access(a,b,c)},removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=L.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var Q=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,R=["Top","Right","Bottom","Left"],S=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},T=/^(?:checkbox|radio)$/i;!function(){var a=l.createDocumentFragment(),b=a.appendChild(l.createElement("div")),c=l.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||l,d=c.documentElement,e=c.body,a.pageX=b.clientX+(d&&d.scrollLeft||e&&e.scrollLeft||0)-(d&&d.clientLeft||e&&e.clientLeft||0),a.pageY=b.clientY+(d&&d.scrollTop||e&&e.scrollTop||0)-(d&&d.clientTop||e&&e.clientTop||0)),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=W.test(e)?this.mouseHooks:V.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new n.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=l),3===a.target.nodeType&&(a.target=a.target.parentNode),g.filter?g.filter(a,f):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==_()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===_()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=n.extend(new n.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?n.event.trigger(e,null,b):n.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?Z:$):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={isDefaultPrevented:$,isPropagationStopped:$,isImmediatePropagationStopped:$,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=Z,a&&a.preventDefault&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=Z,a&&a.stopPropagation&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=Z,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!n.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.focusinBubbles||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a),!0)};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=L.access(d,b);e||d.addEventListener(a,c,!0),L.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=L.access(d,b)-1;e?L.access(d,b,e):(d.removeEventListener(a,c,!0),L.remove(d,b))}}}),n.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(g in a)this.on(g,b,c,a[g],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=$;else if(!d)return this;return 1===e&&(f=d,d=function(a){return n().off(a),f.apply(this,arguments)},d.guid=f.guid||(f.guid=n.guid++)),this.each(function(){n.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=$),this.each(function(){n.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}});var aa=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,ba=/<([\w:]+)/,ca=/<|&#?\w+;/,da=/<(?:script|style|link)/i,ea=/checked\s*(?:[^=]|=\s*.checked.)/i,fa=/^$|\/(?:java|ecma)script/i,ga=/^true\/(.*)/,ha=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ia={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ia.optgroup=ia.option,ia.tbody=ia.tfoot=ia.colgroup=ia.caption=ia.thead,ia.th=ia.td;function ja(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function ka(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function la(a){var b=ga.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function ma(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function na(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function oa(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pa(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=oa(h),f=oa(a),d=0,e=f.length;e>d;d++)pa(f[d],g[d]);if(b)if(c)for(f=f||oa(a),g=g||oa(h),d=0,e=f.length;e>d;d++)na(f[d],g[d]);else na(a,h);return g=oa(h,"script"),g.length>0&&ma(g,!i&&oa(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(ca.test(e)){f=f||k.appendChild(b.createElement("div")),g=(ba.exec(e)||["",""])[1].toLowerCase(),h=ia[g]||ia._default,f.innerHTML=h[1]+e.replace(aa,"<$1></$2>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=oa(k.appendChild(e),"script"),i&&ma(f),c)){j=0;while(e=f[j++])fa.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(oa(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&ma(oa(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(oa(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!da.test(a)&&!ia[(ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(aa,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(oa(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(oa(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&ea.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(oa(c,"script"),ka),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,oa(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,la),j=0;g>j;j++)h=f[j],fa.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(ha,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qa,ra={};function sa(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function ta(a){var b=l,c=ra[a];return c||(c=sa(a,b),"none"!==c&&c||(qa=(qa||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=qa[0].contentDocument,b.write(),b.close(),c=sa(a,b),qa.detach()),ra[a]=c),c}var ua=/^margin/,va=new RegExp("^("+Q+")(?!px)[a-z%]+$","i"),wa=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};function xa(a,b,c){var d,e,f,g,h=a.style;return c=c||wa(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),va.test(g)&&ua.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function ya(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d=l.documentElement,e=l.createElement("div"),f=l.createElement("div");if(f.style){f.style.backgroundClip="content-box",f.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===f.style.backgroundClip,e.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",e.appendChild(f);function g(){f.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",f.innerHTML="",d.appendChild(e);var g=a.getComputedStyle(f,null);b="1%"!==g.top,c="4px"===g.width,d.removeChild(e)}a.getComputedStyle&&n.extend(k,{pixelPosition:function(){return g(),b},boxSizingReliable:function(){return null==c&&g(),c},reliableMarginRight:function(){var b,c=f.appendChild(l.createElement("div"));return c.style.cssText=f.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",f.style.width="1px",d.appendChild(e),b=!parseFloat(a.getComputedStyle(c,null).marginRight),d.removeChild(e),f.removeChild(c),b}})}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var za=/^(none|table(?!-c[ea]).+)/,Aa=new RegExp("^("+Q+")(.*)$","i"),Ba=new RegExp("^([+-])=("+Q+")","i"),Ca={position:"absolute",visibility:"hidden",display:"block"},Da={letterSpacing:"0",fontWeight:"400"},Ea=["Webkit","O","Moz","ms"];function Fa(a,b){if(b in a)return b;var c=b[0].toUpperCase()+b.slice(1),d=b,e=Ea.length;while(e--)if(b=Ea[e]+c,b in a)return b;return d}function Ga(a,b,c){var d=Aa.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Ha(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+R[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+R[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+R[f]+"Width",!0,e))):(g+=n.css(a,"padding"+R[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+R[f]+"Width",!0,e)));return g}function Ia(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=wa(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=xa(a,b,f),(0>e||null==e)&&(e=a.style[b]),va.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Ha(a,b,c||(g?"border":"content"),d,f)+"px"}function Ja(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=L.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&S(d)&&(f[g]=L.access(d,"olddisplay",ta(d.nodeName)))):(e=S(d),"none"===c&&e||L.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=xa(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Fa(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Ba.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Fa(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=xa(a,b,d)),"normal"===e&&b in Da&&(e=Da[b]),""===c||c?(f=parseFloat(e),c===!0||n.isNumeric(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?za.test(n.css(a,"display"))&&0===a.offsetWidth?n.swap(a,Ca,function(){return Ia(a,b,d)}):Ia(a,b,d):void 0},set:function(a,c,d){var e=d&&wa(a);return Ga(a,c,d?Ha(a,b,d,"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),n.cssHooks.marginRight=ya(k.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},xa,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+R[d]+b]=f[d]||f[d-2]||f[0];return e}},ua.test(a)||(n.cssHooks[a+b].set=Ga)}),n.fn.extend({css:function(a,b){return J(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=wa(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Ja(this,!0)},hide:function(){return Ja(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){S(this)?n(this).show():n(this).hide()})}});function Ka(a,b,c,d,e){return new Ka.prototype.init(a,b,c,d,e)}n.Tween=Ka,Ka.prototype={constructor:Ka,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Ka.propHooks[this.prop];return a&&a.get?a.get(this):Ka.propHooks._default.get(this)},run:function(a){var b,c=Ka.propHooks[this.prop];return this.options.duration?this.pos=b=n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ka.propHooks._default.set(this),this}},Ka.prototype.init.prototype=Ka.prototype,Ka.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Ka.propHooks.scrollTop=Ka.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=Ka.prototype.init,n.fx.step={};var La,Ma,Na=/^(?:toggle|show|hide)$/,Oa=new RegExp("^(?:([+-])=|)("+Q+")([a-z%]*)$","i"),Pa=/queueHooks$/,Qa=[Va],Ra={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=Oa.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&Oa.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function Sa(){return setTimeout(function(){La=void 0}),La=n.now()}function Ta(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=R[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ua(a,b,c){for(var d,e=(Ra[b]||[]).concat(Ra["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Va(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&S(a),q=L.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?L.get(a,"olddisplay")||ta(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Na.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?ta(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=L.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;L.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ua(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function Wa(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function Xa(a,b,c){var d,e,f=0,g=Qa.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=La||Sa(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:La||Sa(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(Wa(k,j.opts.specialEasing);g>f;f++)if(d=Qa[f].call(j,a,k,j.opts))return d;return n.map(k,Ua,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(Xa,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],Ra[c]=Ra[c]||[],Ra[c].unshift(b)},prefilter:function(a,b){b?Qa.unshift(a):Qa.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(S).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=Xa(this,n.extend({},a),f);(e||L.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=L.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Pa.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=L.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Ta(b,!0),a,d,e)}}),n.each({slideDown:Ta("show"),slideUp:Ta("hide"),slideToggle:Ta("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(La=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),La=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Ma||(Ma=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(Ma),Ma=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(a,b){return a=n.fx?n.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a=l.createElement("input"),b=l.createElement("select"),c=b.appendChild(l.createElement("option"));a.type="checkbox",k.checkOn=""!==a.value,k.optSelected=c.selected,b.disabled=!0,k.optDisabled=!c.disabled,a=l.createElement("input"),a.value="t",a.type="radio",k.radioValue="t"===a.value}();var Ya,Za,$a=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return J(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===U?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?Za:Ya)),
+void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void n.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),Za={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=$a[b]||n.find.attr;$a[b]=function(a,b,d){var e,f;return d||(f=$a[b],$a[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,$a[b]=f),e}});var _a=/^(?:input|select|textarea|button)$/i;n.fn.extend({prop:function(a,b){return J(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){return a.hasAttribute("tabindex")||_a.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),k.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var ab=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h="string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ab," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||"string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ab," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?n.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=n(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===U||"boolean"===c)&&(this.className&&L.set(this,"__className__",this.className),this.className=this.className||a===!1?"":L.get(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(ab," ").indexOf(b)>=0)return!0;return!1}});var bb=/\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(bb,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},k.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var cb=n.now(),db=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(a){var b,c;if(!a||"string"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,"text/xml")}catch(d){b=void 0}return(!b||b.getElementsByTagName("parsererror").length)&&n.error("Invalid XML: "+a),b};var eb=/#.*$/,fb=/([?&])_=[^&]*/,gb=/^(.*?):[ \t]*([^\r\n]*)$/gm,hb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,ib=/^(?:GET|HEAD)$/,jb=/^\/\//,kb=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,lb={},mb={},nb="*/".concat("*"),ob=a.location.href,pb=kb.exec(ob.toLowerCase())||[];function qb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function rb(a,b,c,d){var e={},f=a===mb;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function sb(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function tb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function ub(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:ob,type:"GET",isLocal:hb.test(pb[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":nb,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?sb(sb(a,n.ajaxSettings),b):sb(n.ajaxSettings,a)},ajaxPrefilter:qb(lb),ajaxTransport:qb(mb),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!f){f={};while(b=gb.exec(e))f[b[1].toLowerCase()]=b[2]}b=f[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?e:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return c&&c.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||ob)+"").replace(eb,"").replace(jb,pb[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(h=kb.exec(k.url.toLowerCase()),k.crossDomain=!(!h||h[1]===pb[1]&&h[2]===pb[2]&&(h[3]||("http:"===h[1]?"80":"443"))===(pb[3]||("http:"===pb[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),rb(lb,k,b,v),2===t)return v;i=n.event&&k.global,i&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!ib.test(k.type),d=k.url,k.hasContent||(k.data&&(d=k.url+=(db.test(d)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=fb.test(d)?d.replace(fb,"$1_="+cb++):d+(db.test(d)?"&":"?")+"_="+cb++)),k.ifModified&&(n.lastModified[d]&&v.setRequestHeader("If-Modified-Since",n.lastModified[d]),n.etag[d]&&v.setRequestHeader("If-None-Match",n.etag[d])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+nb+"; q=0.01":""):k.accepts["*"]);for(j in k.headers)v.setRequestHeader(j,k.headers[j]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(j in{success:1,error:1,complete:1})v[j](k[j]);if(c=rb(mb,k,b,v)){v.readyState=1,i&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,c.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,f,h){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),c=void 0,e=h||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,f&&(u=tb(k,v,f)),u=ub(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[d]=w),w=v.getResponseHeader("etag"),w&&(n.etag[d]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,i&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),i&&(m.trigger("ajaxComplete",[v,k]),--n.active||n.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var vb=/%20/g,wb=/\[\]$/,xb=/\r?\n/g,yb=/^(?:submit|button|image|reset|file)$/i,zb=/^(?:input|select|textarea|keygen)/i;function Ab(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||wb.test(a)?d(a,e):Ab(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Ab(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Ab(c,a[c],b,e);return d.join("&").replace(vb,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&zb.test(this.nodeName)&&!yb.test(a)&&(this.checked||!T.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(xb,"\r\n")}}):{name:b.name,value:c.replace(xb,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Bb=0,Cb={},Db={0:200,1223:204},Eb=n.ajaxSettings.xhr();a.attachEvent&&a.attachEvent("onunload",function(){for(var a in Cb)Cb[a]()}),k.cors=!!Eb&&"withCredentials"in Eb,k.ajax=Eb=!!Eb,n.ajaxTransport(function(a){var b;return k.cors||Eb&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Bb;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Cb[g],b=f.onload=f.onerror=null,"abort"===a?f.abort():"error"===a?d(f.status,f.statusText):d(Db[f.status]||f.status,f.statusText,"string"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.onload=b(),f.onerror=b("error"),b=Cb[g]=b("abort");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=n("<script>").prop({async:!0,charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&e("error"===a.type?404:200,a.type)}),l.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Fb=[],Gb=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Fb.pop()||n.expando+"_"+cb++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Gb.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Gb.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Gb,"$1"+e):b.jsonp!==!1&&(b.url+=(db.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Fb.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||l;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var Hb=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Hb)return Hb.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e,dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var Ib=a.document.documentElement;function Jb(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(typeof d.getBoundingClientRect!==U&&(e=d.getBoundingClientRect()),c=Jb(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||Ib;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ib})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){var d="pageYOffset"===c;n.fn[b]=function(e){return J(this,function(b,e,f){var g=Jb(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=ya(k.pixelPosition,function(a,c){return c?(c=xa(a,b),va.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return J(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Kb=a.jQuery,Lb=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Lb),b&&a.jQuery===n&&(a.jQuery=Kb),n},typeof b===U&&(a.jQuery=a.$=n),n});
diff --git a/styleguide/kss-assets/vendor/prism.css b/styleguide/kss-assets/vendor/prism.css
new file mode 100644
index 0000000..8ad68e6
--- /dev/null
+++ b/styleguide/kss-assets/vendor/prism.css
@@ -0,0 +1,138 @@
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ direction: ltr;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ overflow: auto;
+ margin: 0;
+ border: 1px solid #CCCCCC;
+ padding: 1em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f5f5;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #a67f59;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
diff --git a/styleguide/kss-assets/vendor/prism.js b/styleguide/kss-assets/vendor/prism.js
new file mode 100644
index 0000000..76acb44
--- /dev/null
+++ b/styleguide/kss-assets/vendor/prism.js
@@ -0,0 +1,6 @@
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=_self.Prism={util:{encode:function(e){return e instanceof n?new n(e.type,t.util.encode(e.content),e.alias):"Array"===t.util.type(e)?e.map(t.util.encode):e.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var a={};for(var r in e)e.hasOwnProperty(r)&&(a[r]=t.util.clone(e[r]));return a;case"Array":return e.map&&e.map(function(e){return t.util.clone(e)})}return e}},languages:{extend:function(e,n){var a=t.util.clone(t.languages[e]);for(var r in n)a[r]=n[r];return a},insertBefore:function(e,n,a,r){r=r||t.languages;var i=r[e];if(2==arguments.length){a=arguments[1];for(var l in a)a.hasOwnProperty(l)&&(i[l]=a[l]);return i}var o={};for(var s in i)if(i.hasOwnProperty(s)){if(s==n)for(var l in a)a.hasOwnProperty(l)&&(o[l]=a[l]);o[s]=i[s]}return t.languages.DFS(t.languages,function(t,n){n===r[e]&&t!=e&&(this[t]=o)}),r[e]=o},DFS:function(e,n,a){for(var r in e)e.hasOwnProperty(r)&&(n.call(e,r,e[r],a||r),"Object"===t.util.type(e[r])?t.languages.DFS(e[r],n):"Array"===t.util.type(e[r])&&t.languages.DFS(e[r],n,r))}},highlightAll:function(e,n){for(var a,r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'),i=0;a=r[i++];)t.highlightElement(a,e===!0,n)},highlightElement:function(a,r,i){for(var l,o,s=a;s&&!e.test(s.className);)s=s.parentNode;s&&(l=(s.className.match(e)||[,""])[1],o=t.languages[l]),a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+l,s=a.parentNode,/pre/i.test(s.nodeName)&&(s.className=s.className.replace(e,"").replace(/\s+/g," ")+" language-"+l);var u=a.textContent,g={element:a,language:l,grammar:o,code:u};if(!u||!o)return t.hooks.run("complete",g),void 0;if(t.hooks.run("before-highlight",g),r&&_self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){g.highlightedCode=n.stringify(JSON.parse(e.data),l),t.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,i&&i.call(g.element),t.hooks.run("after-highlight",g),t.hooks.run("complete",g)},c.postMessage(JSON.stringify({language:g.language,code:g.code}))}else g.highlightedCode=t.highlight(g.code,g.grammar,g.language),t.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,i&&i.call(a),t.hooks.run("after-highlight",g),t.hooks.run("complete",g)},highlight:function(e,a,r){var i=t.tokenize(e,a);return n.stringify(t.util.encode(i),r)},tokenize:function(e,n){var a=t.Token,r=[e],i=n.rest;if(i){for(var l in i)n[l]=i[l];delete n.rest}e:for(var l in n)if(n.hasOwnProperty(l)&&n[l]){var o=n[l];o="Array"===t.util.type(o)?o:[o];for(var s=0;s<o.length;++s){var u=o[s],g=u.inside,c=!!u.lookbehind,f=0,h=u.alias;u=u.pattern||u;for(var p=0;p<r.length;p++){var d=r[p];if(r.length>e.length)break e;if(!(d instanceof a)){u.lastIndex=0;var m=u.exec(d);if(m){c&&(f=m[1].length);var y=m.index-1+f,m=m[0].slice(f),v=m.length,k=y+v,b=d.slice(0,y+1),w=d.slice(k+1),N=[p,1];b&&N.push(b);var O=new a(l,g?t.tokenize(m,g):m,h);N.push(O),w&&N.push(w),Array.prototype.splice.apply(r,N)}}}}}return r},hooks:{all:{},add:function(e,n){var a=t.hooks.all;a[e]=a[e]||[],a[e].push(n)},run:function(e,n){var a=t.hooks.all[e];if(a&&a.length)for(var r,i=0;r=a[i++];)r(n)}}},n=t.Token=function(e,t,n){this.type=e,this.content=t,this.alias=n};if(n.stringify=function(e,a,r){if("string"==typeof e)return e;if("Array"===t.util.type(e))return e.map(function(t){return n.stringify(t,a,e)}).join("");var i={type:e.type,content:n.stringify(e.content,a,r),tag:"span",classes:["token",e.type],attributes:{},language:a,parent:r};if("comment"==i.type&&(i.attributes.spellcheck="true"),e.alias){var l="Array"===t.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,l)}t.hooks.run("wrap",i);var o="";for(var s in i.attributes)o+=s+'="'+(i.attributes[s]||"")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'" '+o+">"+i.content+"</"+i.tag+">"},!_self.document)return _self.addEventListener?(_self.addEventListener("message",function(e){var n=JSON.parse(e.data),a=n.language,r=n.code;_self.postMessage(JSON.stringify(t.util.encode(t.tokenize(r,t.languages[a])))),_self.close()},!1),_self.Prism):_self.Prism;var a=document.getElementsByTagName("script");return a=a[a.length-1],a&&(t.filename=a.src,document.addEventListener&&!a.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)),_self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism);;
+Prism.languages.markup={comment:/<!--[\w\W]*?-->/,prolog:/<\?[\w\W]+?\?>/,doctype:/<!DOCTYPE[\w\W]+?>/,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?[^\s>\/]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/[=>"']/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&/,"&"))});;
+Prism.languages.css={comment:/\/\*[\w\W]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^\{\}\s][^\{\};]*?(?=\s*\{)/,string:/("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,property:/(\b|\B)[\w-]+(?=\s*:)/i,important:/\B!important\b/i,"function":/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.util.clone(Prism.languages.css),Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/<style[\w\W]*?>[\w\W]*?<\/style>/i,inside:{tag:{pattern:/<style[\w\W]*?>|<\/style>/i,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css},alias:"language-css"}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|').*?\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag));;
+Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:/("|')(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,"boolean":/\b(true|false)\b/,"function":/[a-z0-9_]+(?=\()/i,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/};;
+Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,"function":/(?!\d)[a-z0-9_$]+(?=\()/i}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0}}),Prism.languages.insertBefore("javascript","class-name",{"template-string":{pattern:/`(?:\\`|\\?[^`])*`/,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/<script[\w\W]*?>[\w\W]*?<\/script>/i,inside:{tag:{pattern:/<script[\w\W]*?>|<\/script>/i,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript},alias:"language-javascript"}});;
diff --git a/styleguide/section-1.html b/styleguide/section-1.html
new file mode 100644
index 0000000..a9c3795
--- /dev/null
+++ b/styleguide/section-1.html
@@ -0,0 +1,640 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-1.html#kssref-1-1">
+ <span class="kss-nav__ref">1.1</span>
+ <span class="kss-nav__name">Scss Variables</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-1">
+ <span class="kss-nav__ref">1.1.1</span>
+ <span class="kss-nav__name">$default-font-size</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-2">
+ <span class="kss-nav__ref">1.1.2</span>
+ <span class="kss-nav__name">$grid-columns</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-3">
+ <span class="kss-nav__ref">1.1.3</span>
+ <span class="kss-nav__name">$primary-font-family</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-4">
+ <span class="kss-nav__ref">1.1.4</span>
+ <span class="kss-nav__name">$secondary-font-family</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-5">
+ <span class="kss-nav__ref">1.1.5</span>
+ <span class="kss-nav__name">$font-weight-light</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-6">
+ <span class="kss-nav__ref">1.1.6</span>
+ <span class="kss-nav__name">$font-weight-normal</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-7">
+ <span class="kss-nav__ref">1.1.7</span>
+ <span class="kss-nav__name">$font-weight-semibold</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-8">
+ <span class="kss-nav__ref">1.1.8</span>
+ <span class="kss-nav__name">$font-weight-bold</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-9">
+ <span class="kss-nav__ref">1.1.9</span>
+ <span class="kss-nav__name">$line-height-base</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-1-10">
+ <span class="kss-nav__ref">1.1.10</span>
+ <span class="kss-nav__name">$$headings-line-height</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-1.html#kssref-1-2">
+ <span class="kss-nav__ref">1.2</span>
+ <span class="kss-nav__name">Scss Breakpoints</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-2-1">
+ <span class="kss-nav__ref">1.2.1</span>
+ <span class="kss-nav__name">$spacers</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-2-2">
+ <span class="kss-nav__ref">1.2.2</span>
+ <span class="kss-nav__name">$grid-breakpoints</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-1.html#kssref-1-3">
+ <span class="kss-nav__ref">1.3</span>
+ <span class="kss-nav__name">Scss Functions</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-1">
+ <span class="kss-nav__ref">1.3.1</span>
+ <span class="kss-nav__name">@function to-number($value)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-2">
+ <span class="kss-nav__ref">1.3.2</span>
+ <span class="kss-nav__name">@function to-length($value, $unit)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-3">
+ <span class="kss-nav__ref">1.3.3</span>
+ <span class="kss-nav__name">@function strip-unit($number)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-4">
+ <span class="kss-nav__ref">1.3.4</span>
+ <span class="kss-nav__name">@function get-half-in-rems($size)</span>
+ </a>
+ </li>
+ <li class="kss-nav__item kss-nav__item--grandchild">
+ <a href="section-1.html#kssref-1-3-5">
+ <span class="kss-nav__ref">1.3.5</span>
+ <span class="kss-nav__name">@function calculateRem($size)</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">1</span>
+ <span class="kss-section__name">SCSS</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>This section will cover the Scss variables, mixens and functions that are used to build out the framework</p>
+</div>
+
+ </article>
+
+
+ </header>
+ <section class="kss-section kss-section--depth-2" id="kssref-1-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>8</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">1.1</span>
+ <span class="kss-section__name">Scss Variables</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Scss variables are used so that adjustments can be made in a centralized location and to keep
+the code base DRY.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>17</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.1</span>
+ <span class="kss-section__name">$default-font-size</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Default font size. This is important as it will be used to convert pixel values to rems</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>25</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-2">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.2</span>
+ <span class="kss-section__name">$grid-columns</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the default number of columns used in the CSS Grid system.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>32</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-3">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.3</span>
+ <span class="kss-section__name">$primary-font-family</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the primary font family.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>39</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-4">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.4</span>
+ <span class="kss-section__name">$secondary-font-family</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the secondary font family.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>46</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-5">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.5</span>
+ <span class="kss-section__name">$font-weight-light</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets light font weight.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-6">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>53</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-6">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.6</span>
+ <span class="kss-section__name">$font-weight-normal</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the normal font weight.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-7">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>60</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-7">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.7</span>
+ <span class="kss-section__name">$font-weight-semibold</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the semi-bold font weight.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-8">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>67</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-8">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.8</span>
+ <span class="kss-section__name">$font-weight-bold</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the bold font weight.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-9">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>74</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-9">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.9</span>
+ <span class="kss-section__name">$line-height-base</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the default line height.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-1-10">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>81</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-1-10">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.1.10</span>
+ <span class="kss-section__name">$$headings-line-height</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Sass variable that sets the line height for headers.</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-1-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-2">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">1.2</span>
+ <span class="kss-section__name">Scss Breakpoints</span>
+ </h2>
+ </a>
+
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-2-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>6</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-2-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.2.1</span>
+ <span class="kss-section__name">$spacers</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Scss map of all the spacing sizes for all breakpoints</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-2-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>21</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-2-2">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.2.2</span>
+ <span class="kss-section__name">$grid-breakpoints</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Scss map of all the breakpoints for the grid system</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-1-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>2</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">1.3</span>
+ <span class="kss-section__name">Scss Functions</span>
+ </h2>
+ </a>
+
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-3-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>7</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-1">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.1</span>
+ <span class="kss-section__name">@function to-number($value)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Casts a string into a number</p>
+<p>$value: Value to be parsed</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-3-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>46</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-2">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.2</span>
+ <span class="kss-section__name">@function to-length($value, $unit)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Add <code>$unit</code> to <code>$value</code></p>
+<p>$value: Value to add unit to
+$unit: String representation of the unit</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-3-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>64</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-3">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.3</span>
+ <span class="kss-section__name">@function strip-unit($number)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Remove the unit of a length</p>
+<p>$number: Number to remove unit from</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-3-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>78</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-4">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.4</span>
+ <span class="kss-section__name">@function get-half-in-rems($size)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Divide value by 2</p>
+<p>$size: Number to halve</p>
+</div>
+
+ </article>
+
+
+ </section>
+ <section class="kss-section kss-section--depth-3" id="kssref-1-3-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_functions.scss</span>, line <span>92</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-1-3-5">
+ <h3 class="kss-section__item kss-section__item--depth-3">
+ <span class="kss-section__ref">1.3.5</span>
+ <span class="kss-section__name">@function calculateRem($size)</span>
+ </h3>
+ </a>
+
+ <div class="kss-section__description"><p>Function for converting a px based size to rem.</p>
+<p>$size: Can be either a number or string with the 'px' added</p>
+</div>
+
+ </article>
+
+
+ </section>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-2.html b/styleguide/section-2.html
new file mode 100644
index 0000000..9f6dea1
--- /dev/null
+++ b/styleguide/section-2.html
@@ -0,0 +1,372 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-1">
+ <span class="kss-nav__ref">2.1</span>
+ <span class="kss-nav__name">.container-fluid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-2">
+ <span class="kss-nav__ref">2.2</span>
+ <span class="kss-nav__name">.container</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-3">
+ <span class="kss-nav__ref">2.3</span>
+ <span class="kss-nav__name">.row</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-4">
+ <span class="kss-nav__ref">2.4</span>
+ <span class="kss-nav__name">.col-[breakpoint]-[col#]</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-2.html#kssref-2-5">
+ <span class="kss-nav__ref">2.5</span>
+ <span class="kss-nav__name">col-start-[breakpoint]-[col#]</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_index.scss</span>, line <span>8</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">2</span>
+ <span class="kss-section__name">Grid</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>The Grid framework is a bootstrap-like row/column convention,
+but is implemented in CSS Grid.</p>
+<p>In the examples give below, borders are given to containers (green), rows (red) and column content (blue)</p>
+</div>
+
+ </article>
+
+
+ </header>
+ <section class="kss-section kss-section--depth-2" id="kssref-2-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_containers.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.1</span>
+ <span class="kss-section__name">.container-fluid</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Provides a full-width container.
+Useful for Header and Footer</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <header class="container-fluid">
+ This is a container fluid
+ </header></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <header class="container-fluid">
+ This is a container fluid
+ </header></code></pre>
+ </article>
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-2-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_containers.scss</span>, line <span>18</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-2">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.2</span>
+ <span class="kss-section__name">.container</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Provides a centered container with margins based on breakpoints.
+Useful for wrapping a row class (Css Grid)</p>
+<p>Margins stay at 5% for sm and md grid breakpoints,
+for lg they are 8% and auto for xl</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ This is a container
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ This is a container
+ </div></code></pre>
+ </article>
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-2-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_row.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-3">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.3</span>
+ <span class="kss-section__name">.row</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Establishes a CSS Grid parent.
+Used in conjunction with the .col-* classes</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ <div class="row">This is a row</div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ <div class="row">This is a row</div>
+ </div></code></pre>
+ </article>
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-2-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_column.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-4">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.4</span>
+ <span class="kss-section__name">.col-[breakpoint]-[col#]</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Provides column classes that are immediate children of rows.
+For each breakpoint defined, and for each column number, there
+is a corresponding class to indicate how many columns to span for each breakpoint</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container">
+ <div class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ </div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container">
+ <div class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12">Another Article area</article>
+ </div>
+ </div></code></pre>
+ </article>
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-2-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>grid/_grid_column_offset.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-2-5">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">2.5</span>
+ <span class="kss-section__name">col-start-[breakpoint]-[col#]</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Used in conjunction with column classes that are immediate children of rows to add an offset.
+For each breakpoint defined and for each column number, there
+is a corresponding class to indicated how many columns to offset for each breakpoint</p>
+<p>Note: This logic adds significant classes to the CSS build, If this functionality is not needed,
+comment out <code>@import "grid_column_offset";</code> from /grid/_index.scss</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><div class="container">
+ <section class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-5 col-start-lg-5">
+ Another Article area
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-9 col-start-lg-9">
+ Another Article area
+ </article>
+ </section>
+</div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><div class="container">
+ <section class="row" style="height:200px">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-5 col-start-lg-5">
+ Another Article area
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-start-xl-9 col-start-lg-9">
+ Another Article area
+ </article>
+ </section>
+</div></code></pre>
+ </article>
+
+ </section>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-3.html b/styleguide/section-3.html
new file mode 100644
index 0000000..446903c
--- /dev/null
+++ b/styleguide/section-3.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-3">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_colors.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-3">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">3</span>
+ <span class="kss-section__name">Colors</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>Base Colors for the theme.</p>
+</div>
+
+ <ul class="kss-parameters">
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #1B6FA6; primary color
+
+ </p>
+ <code class="kss-parameters__name">$primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #00A321; success color
+
+ </p>
+ <code class="kss-parameters__name">$success-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #E07000; warning color
+
+ </p>
+ <code class="kss-parameters__name">$warning-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #DB0A07; danger color
+
+ </p>
+ <code class="kss-parameters__name">$danger-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #EEEEEE; General UI light primary
+
+ </p>
+ <code class="kss-parameters__name">$ui-light-primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #DADADA; General UI light secondary
+
+ </p>
+ <code class="kss-parameters__name">$ui-light-secondary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #6B6B6B; General UI medium primary
+
+ </p>
+ <code class="kss-parameters__name">$ui-medium-primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #575757; General UI medium secondary
+
+ </p>
+ <code class="kss-parameters__name">$ui-medium-secondary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #3C3939; General UI dark primary
+
+ </p>
+ <code class="kss-parameters__name">$ui-dark-primary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #191919; General UI dark secondary
+
+ </p>
+ <code class="kss-parameters__name">$ui-dark-secondary-color</code>
+ </li>
+ <li class="kss-parameters__item">
+ <p class="kss-parameters__description">
+ #191919; Primary font color
+
+ </p>
+ <code class="kss-parameters__name">$ui-primary-font-color</code>
+ </li>
+ </ul>
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-4.html b/styleguide/section-4.html
new file mode 100644
index 0000000..593a2db
--- /dev/null
+++ b/styleguide/section-4.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-4.html#kssref-4-1">
+ <span class="kss-nav__ref">4.1</span>
+ <span class="kss-nav__name">vertical-centered</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-4">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>utils/_utils.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-4">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">4</span>
+ <span class="kss-section__name">Utils</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>General utility classes to make life easier</p>
+</div>
+
+ </article>
+
+
+ </header>
+ <section class="kss-section kss-section--depth-2" id="kssref-4-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>utils/_utils.scss</span>, line <span>9</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-4-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">4.1</span>
+ <span class="kss-section__name">vertical-centered</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Leverages Flexbox to make element vertically centered. Useful with col-*</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"> <div class="container" >
+ <div class="row">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+ </article>
+ </div>
+ </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"> <div class="container" >
+ <div class="row">
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in. Cursus vitae congue mauris rhoncus. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </article>
+ <article class="col-xl-4 col-lg-4 col-md-4 col-sm-12 vertical-centered">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enim facilisis gravida neque convallis a cras. Faucibus et molestie ac feugiat sed lectus. Tortor condimentum lacinia quis vel eros donec ac. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Egestas congue quisque egestas diam in arcu cursus euismod quis. Tristique magna sit amet purus gravida quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Dictum sit amet justo donec enim diam. Arcu non odio euismod lacinia at quis risus sed. Nulla malesuada pellentesque elit eget. Mi sit amet mauris commodo quis. Magna sit amet purus gravida quis blandit turpis cursus in.</p>
+ </article>
+ </div>
+ </div></code></pre>
+ </article>
+
+ </section>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-5.html b/styleguide/section-5.html
new file mode 100644
index 0000000..8935deb
--- /dev/null
+++ b/styleguide/section-5.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ <ul class="kss-nav__subnav">
+ <li class="kss-nav__item ">
+ <a href="section-5.html#kssref-5-1">
+ <span class="kss-nav__ref">5.1</span>
+ <span class="kss-nav__name">Basic text</span>
+ </a>
+ </li>
+ <li class="kss-nav__item ">
+ <a href="section-5.html#kssref-5-2">
+ <span class="kss-nav__ref">5.2</span>
+ <span class="kss-nav__name">Headers</span>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-5">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>typography/_index.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-5">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">5</span>
+ <span class="kss-section__name">Typography</span>
+ </h1>
+ </a>
+
+
+ </article>
+
+
+ </header>
+ <section class="kss-section kss-section--depth-2" id="kssref-5-1">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>typography/_index.scss</span>, line <span>7</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-5-1">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">5.1</span>
+ <span class="kss-section__name">Basic text</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>body, p, etc</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><p>Lorem ipsum dolor sit amet, affert evertitur ad duo. Ius porro fugit corpora cu. Mundi verear ut pri, mei no dolor altera mandamus, dicta voluptua in usu. Ut vim modo nibh, sit epicurei reprehendunt an, veniam conceptam ei sed. Nec tale fierent disputando in, an fuisset antiopam deterruisset nam. Pri etiam minim eu, vel te intellegat instructior, diceret alterum patrioque ei qui. Meis placerat dissentiunt mei ei, moderatius referrentur his ad.</p></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><p>Lorem ipsum dolor sit amet, affert evertitur ad duo. Ius porro fugit corpora cu. Mundi verear ut pri, mei no dolor altera mandamus, dicta voluptua in usu. Ut vim modo nibh, sit epicurei reprehendunt an, veniam conceptam ei sed. Nec tale fierent disputando in, an fuisset antiopam deterruisset nam. Pri etiam minim eu, vel te intellegat instructior, diceret alterum patrioque ei qui. Meis placerat dissentiunt mei ei, moderatius referrentur his ad.</p></code></pre>
+ </article>
+
+ </section>
+ <section class="kss-section kss-section--depth-2" id="kssref-5-2">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>typography/_index.scss</span>, line <span>30</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-5-2">
+ <h2 class="kss-section__item kss-section__item--depth-2">
+ <span class="kss-section__ref">5.2</span>
+ <span class="kss-section__name">Headers</span>
+ </h2>
+ </a>
+
+ <div class="kss-section__description"><p>Also includes class-based versions: .h#-primary and .h#-secondary</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><h1>This is a header 1 with .defcon class</h1>
+<h1>This is a header 1</h1>
+<h2>This is a header 2</h2>
+<h3>This is a header 3</h3>
+<h4>This is a header 4</h4>
+<h5>This is a header 5</h5>
+<h6>This is a header 6</h6>
+<h1 class="h1-primary">This is a header 1 primary</h1>
+<h2 class="h2-primary">This is a header 2 primary</h2>
+<h3 class="h3-primary">This is a header 3 primary</h3>
+<h4 class="h4-primary">This is a header 4 primary</h4>
+<h5 class="h5-primary">This is a header 5 primary</h5>
+<h6 class="h6-primary">This is a header 6 primary</h6>
+<h1 class="h1-secondary">This is a header 1 secondary</h1>
+<h2 class="h2-secondary">This is a header 2 secondary</h2>
+<h3 class="h3-secondary">This is a header 3 secondary</h3>
+<h4 class="h4-secondary">This is a header 4 secondary</h4>
+<h5 class="h5-secondary">This is a header 5 secondary</h5>
+<h6 class="h6-secondary">This is a header 6 secondary</h6></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><h1>This is a header 1 with .defcon class</h1>
+<h1>This is a header 1</h1>
+<h2>This is a header 2</h2>
+<h3>This is a header 3</h3>
+<h4>This is a header 4</h4>
+<h5>This is a header 5</h5>
+<h6>This is a header 6</h6>
+<h1 class="h1-primary">This is a header 1 primary</h1>
+<h2 class="h2-primary">This is a header 2 primary</h2>
+<h3 class="h3-primary">This is a header 3 primary</h3>
+<h4 class="h4-primary">This is a header 4 primary</h4>
+<h5 class="h5-primary">This is a header 5 primary</h5>
+<h6 class="h6-primary">This is a header 6 primary</h6>
+<h1 class="h1-secondary">This is a header 1 secondary</h1>
+<h2 class="h2-secondary">This is a header 2 secondary</h2>
+<h3 class="h3-secondary">This is a header 3 secondary</h3>
+<h4 class="h4-secondary">This is a header 4 secondary</h4>
+<h5 class="h5-secondary">This is a header 5 secondary</h5>
+<h6 class="h6-secondary">This is a header 6 secondary</h6></code></pre>
+ </article>
+
+ </section>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-6.html b/styleguide/section-6.html
new file mode 100644
index 0000000..5fb4fca
--- /dev/null
+++ b/styleguide/section-6.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-6">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_buttons.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-6">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">6</span>
+ <span class="kss-section__name">Buttons</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>All buttons must include the class .btn; which by itself acts as the primary medium button.
+By default, all buttons are inline-block unless the class .btn-block is added. The markup
+below lists all main button permutations</p>
+</div>
+
+ </article>
+
+ <article class="kss-section__modifiers">
+ <h1 class="kss-modifiers__heading">Example</h1>
+
+
+ <div class="kss-modifiers__example"><div class="spacer"><button class="btn">Medium Button</button> </div>
+<div class="spacer"><button class="btn" disabled="disabled">Medium Button Disabled (via attribute)</button> </div>
+<div class="spacer"><button class="btn disabled" >Medium Button Disabled (via class)</button> </div>
+<div class="spacer"><button class="btn btn-sm">Small Button</button> </div>
+<div class="spacer"><button class="btn btn-lg">Large Button</button> </div>
+<div class="spacer"><button class="btn btn-outline">Medium Button Outline</button> </div>
+<div class="spacer"><button class="btn btn-success">Medium Button Success</button> </div>
+<div class="spacer"><button class="btn btn-warning">Medium Button Warning</button> </div>
+<div class="spacer"><button class="btn btn-danger">Medium Button Danger</button> </div>
+<div class="spacer"><button class="btn btn-outline-success">Medium Button Success Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-warning">Medium Button Warning Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-danger">Medium Button Danger Outline</button> </div></div>
+
+ </article>
+
+ <article class="kss-section__markup">
+ <pre><code class="language-markup"><div class="spacer"><button class="btn">Medium Button</button> </div>
+<div class="spacer"><button class="btn" disabled="disabled">Medium Button Disabled (via attribute)</button> </div>
+<div class="spacer"><button class="btn disabled" >Medium Button Disabled (via class)</button> </div>
+<div class="spacer"><button class="btn btn-sm">Small Button</button> </div>
+<div class="spacer"><button class="btn btn-lg">Large Button</button> </div>
+<div class="spacer"><button class="btn btn-outline">Medium Button Outline</button> </div>
+<div class="spacer"><button class="btn btn-success">Medium Button Success</button> </div>
+<div class="spacer"><button class="btn btn-warning">Medium Button Warning</button> </div>
+<div class="spacer"><button class="btn btn-danger">Medium Button Danger</button> </div>
+<div class="spacer"><button class="btn btn-outline-success">Medium Button Success Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-warning">Medium Button Warning Outline</button> </div>
+<div class="spacer"><button class="btn btn-outline-danger">Medium Button Danger Outline</button> </div></code></pre>
+ </article>
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-7.html b/styleguide/section-7.html
new file mode 100644
index 0000000..3b5a549
--- /dev/null
+++ b/styleguide/section-7.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-7">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_margins.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-7">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">7</span>
+ <span class="kss-section__name">Margins</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>For most purposes, margins should be retrieved from $spacers in _breakpoints.scss
+However, utility margin classes are also created for each spacer entry and for
+left, right, top, bottom and all margin attributes.</p>
+<p>For example, for the $spacers <code>xs</code> entry, the following classes are produced:</p>
+<p>.margin-xs-left {
+margin-left: 0.5rem; }</p>
+<p>.margin-xs-right {
+margin-right: 0.5rem; }</p>
+<p>.margin-xs-top {
+margin-top: 0.5rem; }</p>
+<p>.margin-xs-bottom {
+margin-bottom: 0.5rem; }</p>
+<p>.margin-xs-all {
+margin: 0.5rem; }</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-8.html b/styleguide/section-8.html
new file mode 100644
index 0000000..b9b0a48
--- /dev/null
+++ b/styleguide/section-8.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>News Theme CSS</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="generator" content="kss-node">
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
+ <link rel="stylesheet" href="kss-assets/vendor/prism.css">
+ <link rel="stylesheet" href="kss-assets/css/kss.css">
+ <link rel="stylesheet" href="../css/index.css">
+<link rel="stylesheet" href="../styleguide.css">
+
+ </head>
+
+ <body class="kss-body">
+
+ <!-- header. -->
+ <header class="kss-header">
+ <section class="kss-header__inner">
+ <a class="kss-header__hamburger-trigger">
+ <div class="kss-header__hamburger"></div>
+ </a>
+ <h1 class="kss-header__title kss-title">News Theme CSS</h1>
+ </section>
+ </header>
+ <!-- /header. -->
+
+
+ <!-- navigation. -->
+ <section class="kss-navigation">
+ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
+ <ul class="kss-nav">
+ <li class="kss-nav__item">
+ <a href="index.html">
+ <span class="kss-nav__ref">0</span>
+ <span class="kss-nav__name">Introduction</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-1.html">
+ <span class="kss-nav__ref">1</span>
+ <span class="kss-nav__name">SCSS</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-2.html">
+ <span class="kss-nav__ref">2</span>
+ <span class="kss-nav__name">Grid</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-3.html">
+ <span class="kss-nav__ref">3</span>
+ <span class="kss-nav__name">Colors</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-4.html">
+ <span class="kss-nav__ref">4</span>
+ <span class="kss-nav__name">Utils</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-5.html">
+ <span class="kss-nav__ref">5</span>
+ <span class="kss-nav__name">Typography</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-6.html">
+ <span class="kss-nav__ref">6</span>
+ <span class="kss-nav__name">Buttons</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="" href="section-7.html">
+ <span class="kss-nav__ref">7</span>
+ <span class="kss-nav__name">Margins</span>
+ </a>
+ </li>
+ <li class="kss-nav__item">
+ <a class="kss-state-active" href="section-8.html">
+ <span class="kss-nav__ref">8</span>
+ <span class="kss-nav__name">Padding</span>
+ </a>
+ </li>
+ </ul>
+ </section>
+ <!-- /navigation. -->
+
+
+ <!-- documentation. -->
+ <section class="kss-documentation">
+
+ <!--
+ display each section, in order.
+ the "root" element comes first in this loop, and can be detected using
+ the "#if @first" block as seen below.
+ -->
+ <header class="kss-section kss-section--depth-1" id="kssref-8">
+
+ <article class="kss-section__content">
+ <p class="kss-section__source">Source: <span>_padding.scss</span>, line <span>1</span></p>
+
+ <a class="kss-section__permalink" href="#kssref-8">
+ <h1 class="kss-section__item kss-section__item--depth-1">
+ <span class="kss-section__ref">8</span>
+ <span class="kss-section__name">Padding</span>
+ </h1>
+ </a>
+
+ <div class="kss-section__description"><p>For most purposes, padding should be retrieved from $spacers in _breakpoints.scss
+However, utility padding classes are also created for each spacer entry and for
+left, right, top, bottom and all padding attributes.</p>
+<p>For example, for the $spacers <code>xs</code> entry, the following classes are produced:</p>
+<p>.padding-xs-left {
+padding-left: 0.5rem; }</p>
+<p>.padding-xs-right {
+padding-right: 0.5rem; }</p>
+<p>.padding-xs-top {
+padding-top: 0.5rem; }</p>
+<p>.padding-xs-bottom {
+padding-bottom: 0.5rem; }</p>
+<p>.padding-xs-all {
+margin: 0.5rem; }</p>
+</div>
+
+ </article>
+
+
+ </header>
+ </section>
+ <!-- /documentation. -->
+
+
+
+ <!-- scripts. -->
+ <script src="kss-assets/vendor/jquery.js"></script>
+ <script src="kss-assets/vendor/prism.js"></script>
+ <script src="kss-assets/js/kss.js"></script>
+
+ <!-- /scripts. -->
+
+ </body>
+</html>
\ No newline at end of file