update files

assets/css/images/arrow.svg

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="36px" viewBox="0 0 36 36" zoomAndPan="disable" preserveAspectRatio="none">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="36px" viewBox="0 0 36 36" zoomAndPan="disable" preserveAspectRatio="none">
-    <style type="text/css"><![CDATA[ line { stroke: #d0d0d0; stroke-width: 2px; } ]]></style>
+    <style type="text/css"><![CDATA[ line { stroke: #d0d0d0; stroke-width: 2px; } ]]></style>
-	<line x1="0" y1="18" x2="18" y2="36" />
+	<line x1="0" y1="18" x2="18" y2="36" />
-	<line x1="36" y1="18" x2="18" y2="36" />
+	<line x1="36" y1="18" x2="18" y2="36" />
-	<line x1="18" y1="36" x2="18" y2="0" />
+	<line x1="18" y1="36" x2="18" y2="0" />
 </svg>

assets/js/ie/backgroundsize.min.htc

@@ -1,7 +1,7 @@
-<component lightWeight="true">
+<component lightWeight="true">
-<attach event="onpropertychange" onevent="handlePropertychange()" />
+<attach event="onpropertychange" onevent="handlePropertychange()" />
-<attach event="ondetach" onevent="restore()" />
+<attach event="ondetach" onevent="restore()" />
-<attach event="onresize" for="window" onevent="handleResize()" />
+<attach event="onresize" for="window" onevent="handleResize()" />
-<script type="text/javascript">
+<script type="text/javascript">
-var rsrc=/url\(["']?(.*?)["']?\)/,positions={top:0,left:0,bottom:1,right:1,center:0.5},doc=element.document;init(); function init(){var b=doc.createElement("div"),a=doc.createElement("img"),c,d;b.style.position="absolute";b.style.zIndex=-1;b.style.top=0;b.style.right=0;b.style.left=0;b.style.bottom=0;b.style.overflow="hidden";a.style.position="absolute";a.style.width=a.style.width="auto";b.appendChild(a);element.insertBefore(b,element.firstChild);d=[element.currentStyle.backgroundPositionX,element.currentStyle.backgroundPositionY];element.bgsExpando=c={wrapper:b,img:a,backgroundSize:element.currentStyle["background-size"], backgroundPositionX:positions[d[0]]||parseFloat(d[0])/100,backgroundPositionY:positions[d[1]]||parseFloat(d[1])/100};"auto"==element.currentStyle.zIndex&&(element.style.zIndex=0);"static"==element.currentStyle.position&&(element.style.position="relative");refreshDisplay(element,c)&&(refreshDimensions(element,c),refreshBackgroundImage(element,c,function(){updateBackground(element,c)}))} function refreshDisplay(b,a){var c=b.currentStyle.display;c!=a.display&&(a.display=c,a.somethingChanged=!0);return"none"!=c}function refreshDimensions(b,a){var c=b.offsetWidth-(parseFloat(b.currentStyle.borderLeftWidth)||0)-(parseFloat(b.currentStyle.borderRightWidth)||0),d=b.offsetHeight-(parseFloat(b.currentStyle.borderTopWidth)||0)-(parseFloat(b.currentStyle.borderBottomWidth)||0);if(c!=a.innerWidth||d!=a.innerHeight)a.innerWidth=c,a.innerHeight=d,a.somethingChanged=!0} function refreshBackgroundImage(b,a,c){var d=a.img,e=(rsrc.exec(b.currentStyle.backgroundImage)||[])[1];if(e&&e!=a.backgroundSrc){a.backgroundSrc=e;a.somethingChanged=!0;d.onload=function(){var b=d.width,e=d.height;1==b&&1==e||(a.imgWidth=b,a.imgHeight=e,a.constrain=!1,c(),d.style.visibility="visible",d.onload=null)};d.style.visibility="hidden";d.src=a.backgroundSrc;if(d.readyState||d.complete)d.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.src=a.backgroundSrc;a.ignoreNextPropertyChange= !0;b.style.backgroundImage="none"}else c()} function updateBackground(b,a){if(a.somethingChanged){var c=a.img,d=a.innerWidth/a.innerHeight,e=a.imgWidth/a.imgHeight,f=a.constrain;"contain"==a.backgroundSize?e>d?(a.constrain=d="width",e=Math.floor((a.innerHeight-a.innerWidth/e)*a.backgroundPositionY),c.style.top=e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)):(a.constrain=d="height",e=Math.floor((a.innerWidth-a.innerHeight*e)*a.backgroundPositionX),c.style.left=e+"px",d!=f&&(c.style.width="auto",c.style.height="100%", c.style.top=0)):"cover"==a.backgroundSize&&(e>d?(a.constrain=d="height",e=Math.floor((a.innerHeight*e-a.innerWidth)*a.backgroundPositionX),c.style.left=-e+"px",d!=f&&(c.style.width="auto",c.style.height="100%",c.style.top=0)):(a.constrain=d="width",e=Math.floor((a.innerWidth/e-a.innerHeight)*a.backgroundPositionY),c.style.top=-e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)));a.somethingChanged=!1}} function handlePropertychange(){var b=element.bgsExpando;b.ignoreNextPropertyChange?b.ignoreNextPropertyChange=!1:refreshDisplay(element,b)&&(refreshDimensions(element,b),refreshBackgroundImage(element,b,function(){updateBackground(element,b)}))}function handleResize(){var b=element.bgsExpando;"none"!=b.display&&(refreshDimensions(element,b),updateBackground(element,b))} function restore(){var b=element.bgsExpando;try{element.style.backgroundImage="url('"+b.backgroundSrc+"')",element.removeChild(b.wrapper),element.bgsExpando=null}catch(a){}};
+var rsrc=/url\(["']?(.*?)["']?\)/,positions={top:0,left:0,bottom:1,right:1,center:0.5},doc=element.document;init(); function init(){var b=doc.createElement("div"),a=doc.createElement("img"),c,d;b.style.position="absolute";b.style.zIndex=-1;b.style.top=0;b.style.right=0;b.style.left=0;b.style.bottom=0;b.style.overflow="hidden";a.style.position="absolute";a.style.width=a.style.width="auto";b.appendChild(a);element.insertBefore(b,element.firstChild);d=[element.currentStyle.backgroundPositionX,element.currentStyle.backgroundPositionY];element.bgsExpando=c={wrapper:b,img:a,backgroundSize:element.currentStyle["background-size"], backgroundPositionX:positions[d[0]]||parseFloat(d[0])/100,backgroundPositionY:positions[d[1]]||parseFloat(d[1])/100};"auto"==element.currentStyle.zIndex&&(element.style.zIndex=0);"static"==element.currentStyle.position&&(element.style.position="relative");refreshDisplay(element,c)&&(refreshDimensions(element,c),refreshBackgroundImage(element,c,function(){updateBackground(element,c)}))} function refreshDisplay(b,a){var c=b.currentStyle.display;c!=a.display&&(a.display=c,a.somethingChanged=!0);return"none"!=c}function refreshDimensions(b,a){var c=b.offsetWidth-(parseFloat(b.currentStyle.borderLeftWidth)||0)-(parseFloat(b.currentStyle.borderRightWidth)||0),d=b.offsetHeight-(parseFloat(b.currentStyle.borderTopWidth)||0)-(parseFloat(b.currentStyle.borderBottomWidth)||0);if(c!=a.innerWidth||d!=a.innerHeight)a.innerWidth=c,a.innerHeight=d,a.somethingChanged=!0} function refreshBackgroundImage(b,a,c){var d=a.img,e=(rsrc.exec(b.currentStyle.backgroundImage)||[])[1];if(e&&e!=a.backgroundSrc){a.backgroundSrc=e;a.somethingChanged=!0;d.onload=function(){var b=d.width,e=d.height;1==b&&1==e||(a.imgWidth=b,a.imgHeight=e,a.constrain=!1,c(),d.style.visibility="visible",d.onload=null)};d.style.visibility="hidden";d.src=a.backgroundSrc;if(d.readyState||d.complete)d.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.src=a.backgroundSrc;a.ignoreNextPropertyChange= !0;b.style.backgroundImage="none"}else c()} function updateBackground(b,a){if(a.somethingChanged){var c=a.img,d=a.innerWidth/a.innerHeight,e=a.imgWidth/a.imgHeight,f=a.constrain;"contain"==a.backgroundSize?e>d?(a.constrain=d="width",e=Math.floor((a.innerHeight-a.innerWidth/e)*a.backgroundPositionY),c.style.top=e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)):(a.constrain=d="height",e=Math.floor((a.innerWidth-a.innerHeight*e)*a.backgroundPositionX),c.style.left=e+"px",d!=f&&(c.style.width="auto",c.style.height="100%", c.style.top=0)):"cover"==a.backgroundSize&&(e>d?(a.constrain=d="height",e=Math.floor((a.innerHeight*e-a.innerWidth)*a.backgroundPositionX),c.style.left=-e+"px",d!=f&&(c.style.width="auto",c.style.height="100%",c.style.top=0)):(a.constrain=d="width",e=Math.floor((a.innerWidth/e-a.innerHeight)*a.backgroundPositionY),c.style.top=-e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)));a.somethingChanged=!1}} function handlePropertychange(){var b=element.bgsExpando;b.ignoreNextPropertyChange?b.ignoreNextPropertyChange=!1:refreshDisplay(element,b)&&(refreshDimensions(element,b),refreshBackgroundImage(element,b,function(){updateBackground(element,b)}))}function handleResize(){var b=element.bgsExpando;"none"!=b.display&&(refreshDimensions(element,b),updateBackground(element,b))} function restore(){var b=element.bgsExpando;try{element.style.backgroundImage="url('"+b.backgroundSrc+"')",element.removeChild(b.wrapper),element.bgsExpando=null}catch(a){}};
 </script>

assets/js/jquery.scrollex.min.js

@@ -1,2 +1,2 @@
-/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
 !function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);

assets/js/jquery.scrolly.min.js

@@ -1,2 +1,2 @@
-/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
+/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
 (function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);

assets/js/main.js

@@ -1,219 +1,219 @@
-/*
+/*
-	Highlights by HTML5 UP
+	Highlights by HTML5 UP
-	html5up.net | @ajlkn
+	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
+*/
-
+
-(function($) {
+(function($) {
-
+
-	skel.breakpoints({
+	skel.breakpoints({
-		large: '(max-width: 1680px)',
+		large: '(max-width: 1680px)',
-		medium: '(max-width: 980px)',
+		medium: '(max-width: 980px)',
-		small: '(max-width: 736px)',
+		small: '(max-width: 736px)',
-		xsmall: '(max-width: 480px)'
+		xsmall: '(max-width: 480px)'
-	});
+	});
-
+
-	$(function() {
+	$(function() {
-
+
-		var	$window = $(window),
+		var	$window = $(window),
-			$body = $('body'),
+			$body = $('body'),
-			$html = $('html');
+			$html = $('html');
-
+
-		// Disable animations/transitions until the page has loaded.
+		// Disable animations/transitions until the page has loaded.
-			$html.addClass('is-loading');
+			$html.addClass('is-loading');
-
+
-			$window.on('load', function() {
+			$window.on('load', function() {
-				window.setTimeout(function() {
+				window.setTimeout(function() {
-					$html.removeClass('is-loading');
+					$html.removeClass('is-loading');
-				}, 0);
+				}, 0);
-			});
+			});
-
+
-		// Touch mode.
+		// Touch mode.
-			if (skel.vars.mobile) {
+			if (skel.vars.mobile) {
-
+
-				var $wrapper;
+				var $wrapper;
-
+
-				// Create wrapper.
+				// Create wrapper.
-					$body.wrapInner('<div id="wrapper" />');
+					$body.wrapInner('<div id="wrapper" />');
-					$wrapper = $('#wrapper');
+					$wrapper = $('#wrapper');
-
+
-					// Hack: iOS vh bug.
+					// Hack: iOS vh bug.
-						if (skel.vars.os == 'ios')
+						if (skel.vars.os == 'ios')
-							$wrapper
+							$wrapper
-								.css('margin-top', -25)
+								.css('margin-top', -25)
-								.css('padding-bottom', 25);
+								.css('padding-bottom', 25);
-
+
-					// Pass scroll event to window.
+					// Pass scroll event to window.
-						$wrapper.on('scroll', function() {
+						$wrapper.on('scroll', function() {
-							$window.trigger('scroll');
+							$window.trigger('scroll');
-						});
+						});
-
+
-				// Scrolly.
+				// Scrolly.
-					$window.on('load.hl_scrolly', function() {
+					$window.on('load.hl_scrolly', function() {
-
+
-						$('.scrolly').scrolly({
+						$('.scrolly').scrolly({
-							speed: 1500,
+							speed: 1500,
-							parent: $wrapper,
+							parent: $wrapper,
-							pollOnce: true
+							pollOnce: true
-						});
+						});
-
+
-						$window.off('load.hl_scrolly');
+						$window.off('load.hl_scrolly');
-
+
-					});
+					});
-
+
-				// Enable touch mode.
+				// Enable touch mode.
-					$html.addClass('is-touch');
+					$html.addClass('is-touch');
-
+
-			}
+			}
-			else {
+			else {
-
+
-				// Scrolly.
+				// Scrolly.
-					$('.scrolly').scrolly({
+					$('.scrolly').scrolly({
-						speed: 1500
+						speed: 1500
-					});
+					});
-
+
-			}
+			}
-
+
-		// Fix: Placeholder polyfill.
+		// Fix: Placeholder polyfill.
-			$('form').placeholder();
+			$('form').placeholder();
-
+
-		// Prioritize "important" elements on medium.
+		// Prioritize "important" elements on medium.
-			skel.on('+medium -medium', function() {
+			skel.on('+medium -medium', function() {
-				$.prioritize(
+				$.prioritize(
-					'.important\\28 medium\\29',
+					'.important\\28 medium\\29',
-					skel.breakpoint('medium').active
+					skel.breakpoint('medium').active
-				);
+				);
-			});
+			});
-
+
-		// Header.
+		// Header.
-			var $header = $('#header'),
+			var $header = $('#header'),
-				$headerTitle = $header.find('header'),
+				$headerTitle = $header.find('header'),
-				$headerContainer = $header.find('.container');
+				$headerContainer = $header.find('.container');
-
+
-			// Make title fixed.
+			// Make title fixed.
-				if (!skel.vars.mobile) {
+				if (!skel.vars.mobile) {
-
+
-					$window.on('load.hl_headerTitle', function() {
+					$window.on('load.hl_headerTitle', function() {
-
+
-						skel.on('-medium !medium', function() {
+						skel.on('-medium !medium', function() {
-
+
-							$headerTitle
+							$headerTitle
-								.css('position', 'fixed')
+								.css('position', 'fixed')
-								.css('height', 'auto')
+								.css('height', 'auto')
-								.css('top', '50%')
+								.css('top', '50%')
-								.css('left', '0')
+								.css('left', '0')
-								.css('width', '100%')
+								.css('width', '100%')
-								.css('margin-top', ($headerTitle.outerHeight() / -2));
+								.css('margin-top', ($headerTitle.outerHeight() / -2));
-
+
-						});
+						});
-
+
-						skel.on('+medium', function() {
+						skel.on('+medium', function() {
-
+
-							$headerTitle
+							$headerTitle
-								.css('position', '')
+								.css('position', '')
-								.css('height', '')
+								.css('height', '')
-								.css('top', '')
+								.css('top', '')
-								.css('left', '')
+								.css('left', '')
-								.css('width', '')
+								.css('width', '')
-								.css('margin-top', '');
+								.css('margin-top', '');
-
+
-						});
+						});
-
+
-						$window.off('load.hl_headerTitle');
+						$window.off('load.hl_headerTitle');
-
+
-					});
+					});
-
+
-				}
+				}
-
+
-			// Scrollex.
+			// Scrollex.
-				skel.on('-small !small', function() {
+				skel.on('-small !small', function() {
-					$header.scrollex({
+					$header.scrollex({
-						terminate: function() {
+						terminate: function() {
-
+
-							$headerTitle.css('opacity', '');
+							$headerTitle.css('opacity', '');
-
+
-						},
+						},
-						scroll: function(progress) {
+						scroll: function(progress) {
-
+
-							// Fade out title as user scrolls down.
+							// Fade out title as user scrolls down.
-								if (progress > 0.5)
+								if (progress > 0.5)
-									x = 1 - progress;
+									x = 1 - progress;
-								else
+								else
-									x = progress;
+									x = progress;
-
+
-								$headerTitle.css('opacity', Math.max(0, Math.min(1, x * 2)));
+								$headerTitle.css('opacity', Math.max(0, Math.min(1, x * 2)));
-
+
-						}
+						}
-					});
+					});
-				});
+				});
-
+
-				skel.on('+small', function() {
+				skel.on('+small', function() {
-
+
-					$header.unscrollex();
+					$header.unscrollex();
-
+
-				});
+				});
-
+
-		// Main sections.
+		// Main sections.
-			$('.main').each(function() {
+			$('.main').each(function() {
-
+
-				var $this = $(this),
+				var $this = $(this),
-					$primaryImg = $this.find('.image.primary > img'),
+					$primaryImg = $this.find('.image.primary > img'),
-					$bg,
+					$bg,
-					options;
+					options;
-
+
-				// No primary image? Bail.
+				// No primary image? Bail.
-					if ($primaryImg.length == 0)
+					if ($primaryImg.length == 0)
-						return;
+						return;
-
+
-				// Hack: IE8 fallback.
+				// Hack: IE8 fallback.
-					if (skel.vars.IEVersion < 9) {
+					if (skel.vars.IEVersion < 9) {
-
+
-						$this
+						$this
-							.css('background-image', 'url("' + $primaryImg.attr('src') + '")')
+							.css('background-image', 'url("' + $primaryImg.attr('src') + '")')
-							.css('-ms-behavior', 'url("css/ie/backgroundsize.min.htc")');
+							.css('-ms-behavior', 'url("css/ie/backgroundsize.min.htc")');
-
+
-						return;
+						return;
-
+
-					}
+					}
-
+
-				// Create bg and append it to body.
+				// Create bg and append it to body.
-					$bg = $('<div class="main-bg" id="' + $this.attr('id') + '-bg"></div>')
+					$bg = $('<div class="main-bg" id="' + $this.attr('id') + '-bg"></div>')
-						.css('background-image', (
+						.css('background-image', (
-							'url("assets/css/images/overlay.png"), url("' + $primaryImg.attr('src') + '")'
+							'url("assets/css/images/overlay.png"), url("' + $primaryImg.attr('src') + '")'
-						))
+						))
-						.appendTo($body);
+						.appendTo($body);
-
+
-				// Scrollex.
+				// Scrollex.
-					options = {
+					options = {
-						mode: 'middle',
+						mode: 'middle',
-						delay: 200,
+						delay: 200,
-						top: '-10vh',
+						top: '-10vh',
-						bottom: '-10vh'
+						bottom: '-10vh'
-					};
+					};
-
+
-					if (skel.canUse('transition')) {
+					if (skel.canUse('transition')) {
-
+
-						options.init = function() { $bg.removeClass('active'); };
+						options.init = function() { $bg.removeClass('active'); };
-						options.enter = function() { $bg.addClass('active'); };
+						options.enter = function() { $bg.addClass('active'); };
-						options.leave = function() { $bg.removeClass('active'); };
+						options.leave = function() { $bg.removeClass('active'); };
-
+
-					}
+					}
-					else {
+					else {
-
+
-						$bg
+						$bg
-							.css('opacity', 1)
+							.css('opacity', 1)
-							.hide();
+							.hide();
-
+
-						options.init = function() { $bg.fadeOut(0); };
+						options.init = function() { $bg.fadeOut(0); };
-						options.enter = function() { $bg.fadeIn(400); };
+						options.enter = function() { $bg.fadeIn(400); };
-						options.leave = function() { $bg.fadeOut(400); };
+						options.leave = function() { $bg.fadeOut(400); };
-
+
-					}
+					}
-
+
-					$this.scrollex(options);
+					$this.scrollex(options);
-
+
-			});
+			});
-
+
-	});
+	});
-
+
 })(jQuery);

assets/sass/libs/_functions.scss

@@ -1,34 +1,34 @@
-/// Gets a duration value.
+/// Gets a duration value.
-/// @param {string} $keys Key(s).
+/// @param {string} $keys Key(s).
-/// @return {string} Value.
+/// @return {string} Value.
-@function _duration($keys...) {
+@function _duration($keys...) {
-	@return val($duration, $keys...);
+	@return val($duration, $keys...);
-}
+}
-
+
-/// Gets a font value.
+/// Gets a font value.
-/// @param {string} $keys Key(s).
+/// @param {string} $keys Key(s).
-/// @return {string} Value.
+/// @return {string} Value.
-@function _font($keys...) {
+@function _font($keys...) {
-	@return val($font, $keys...);
+	@return val($font, $keys...);
-}
+}
-
+
-/// Gets a misc value.
+/// Gets a misc value.
-/// @param {string} $keys Key(s).
+/// @param {string} $keys Key(s).
-/// @return {string} Value.
+/// @return {string} Value.
-@function _misc($keys...) {
+@function _misc($keys...) {
-	@return val($misc, $keys...);
+	@return val($misc, $keys...);
-}
+}
-
+
-/// Gets a palette value.
+/// Gets a palette value.
-/// @param {string} $keys Key(s).
+/// @param {string} $keys Key(s).
-/// @return {string} Value.
+/// @return {string} Value.
-@function _palette($keys...) {
+@function _palette($keys...) {
-	@return val($palette, $keys...);
+	@return val($palette, $keys...);
-}
+}
-
+
-/// Gets a size value.
+/// Gets a size value.
-/// @param {string} $keys Key(s).
+/// @param {string} $keys Key(s).
-/// @return {string} Value.
+/// @return {string} Value.
-@function _size($keys...) {
+@function _size($keys...) {
-	@return val($size, $keys...);
+	@return val($size, $keys...);
 }

assets/sass/libs/_mixins.scss

@@ -1,398 +1,398 @@
-/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// Makes an element's :before pseudoelement a FontAwesome icon.
-/// @param {string} $content Optional content value to use.
+/// @param {string} $content Optional content value to use.
-/// @param {string} $where Optional pseudoelement to target (before or after).
+/// @param {string} $where Optional pseudoelement to target (before or after).
-@mixin icon($content: false, $where: before) {
+@mixin icon($content: false, $where: before) {
-
+
-	text-decoration: none;
+	text-decoration: none;
-
+
-	&:#{$where} {
+	&:#{$where} {
-
+
-		@if $content {
+		@if $content {
-			content: $content;
+			content: $content;
-		}
+		}
-
+
-		-moz-osx-font-smoothing: grayscale;
+		-moz-osx-font-smoothing: grayscale;
-		-webkit-font-smoothing: antialiased;
+		-webkit-font-smoothing: antialiased;
-		font-family: FontAwesome;
+		font-family: FontAwesome;
-		font-style: normal;
+		font-style: normal;
-		font-weight: normal;
+		font-weight: normal;
-		text-transform: none !important;
+		text-transform: none !important;
-
+
-	}
+	}
-
+
-}
+}
-
+
-/// Applies padding to an element, taking the current element-margin value into account.
+/// Applies padding to an element, taking the current element-margin value into account.
-/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $tb Top/bottom padding.
-/// @param {mixed} $lr Left/right padding.
+/// @param {mixed} $lr Left/right padding.
-/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
-/// @param {bool} $important If true, adds !important.
+/// @param {bool} $important If true, adds !important.
-@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
-
+
-	@if $important {
+	@if $important {
-		$important: '!important';
+		$important: '!important';
-	}
+	}
-
+
-	$x: 0.1em;
+	$x: 0.1em;
-
+
-	@if unit(_size(element-margin)) == 'rem' {
+	@if unit(_size(element-margin)) == 'rem' {
-		$x: 0.1rem;
+		$x: 0.1rem;
-	}
+	}
-
+
-	padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+	padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
-
+
-}
+}
-
+
-/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
-/// @param {string} $svg SVG data URL.
+/// @param {string} $svg SVG data URL.
-/// @return {string} Encoded SVG data URL.
+/// @return {string} Encoded SVG data URL.
-@function svg-url($svg) {
+@function svg-url($svg) {
-
+
-	$svg: str-replace($svg, '"', '\'');
+	$svg: str-replace($svg, '"', '\'');
-	$svg: str-replace($svg, '%', '%25');
+	$svg: str-replace($svg, '%', '%25');
-	$svg: str-replace($svg, '<', '%3C');
+	$svg: str-replace($svg, '<', '%3C');
-	$svg: str-replace($svg, '>', '%3E');
+	$svg: str-replace($svg, '>', '%3E');
-	$svg: str-replace($svg, '&', '%26');
+	$svg: str-replace($svg, '&', '%26');
-	$svg: str-replace($svg, '#', '%23');
+	$svg: str-replace($svg, '#', '%23');
-	$svg: str-replace($svg, '{', '%7B');
+	$svg: str-replace($svg, '{', '%7B');
-	$svg: str-replace($svg, '}', '%7D');
+	$svg: str-replace($svg, '}', '%7D');
-	$svg: str-replace($svg, ';', '%3B');
+	$svg: str-replace($svg, ';', '%3B');
-
+
-	@return url("data:image/svg+xml;charset=utf8,#{$svg}");
+	@return url("data:image/svg+xml;charset=utf8,#{$svg}");
-
+
-}
+}
-
+
-/// Initializes base flexgrid classes.
+/// Initializes base flexgrid classes.
-/// @param {string} $vertical-align Vertical alignment of cells.
+/// @param {string} $vertical-align Vertical alignment of cells.
-/// @param {string} $horizontal-align Horizontal alignment of cells.
+/// @param {string} $horizontal-align Horizontal alignment of cells.
-@mixin flexgrid-base($vertical-align: null, $horizontal-align: null) {
+@mixin flexgrid-base($vertical-align: null, $horizontal-align: null) {
-
+
-	// Grid.
+	// Grid.
-		@include vendor('display', 'flex');
+		@include vendor('display', 'flex');
-		@include vendor('flex-wrap', 'wrap');
+		@include vendor('flex-wrap', 'wrap');
-
+
-		// Vertical alignment.
+		// Vertical alignment.
-			@if ($vertical-align == top) {
+			@if ($vertical-align == top) {
-				@include vendor('align-items', 'flex-start');
+				@include vendor('align-items', 'flex-start');
-			}
+			}
-			@else if ($vertical-align == bottom) {
+			@else if ($vertical-align == bottom) {
-				@include vendor('align-items', 'flex-end');
+				@include vendor('align-items', 'flex-end');
-			}
+			}
-			@else if ($vertical-align == center) {
+			@else if ($vertical-align == center) {
-				@include vendor('align-items', 'center');
+				@include vendor('align-items', 'center');
-			}
+			}
-			@else {
+			@else {
-				@include vendor('align-items', 'stretch');
+				@include vendor('align-items', 'stretch');
-			}
+			}
-
+
-		// Horizontal alignment.
+		// Horizontal alignment.
-			@if ($horizontal-align != null) {
+			@if ($horizontal-align != null) {
-				text-align: $horizontal-align;
+				text-align: $horizontal-align;
-			}
+			}
-
+
-	// Cells.
+	// Cells.
-		> * {
+		> * {
-			@include vendor('flex-shrink', '1');
+			@include vendor('flex-shrink', '1');
-			@include vendor('flex-grow', '0');
+			@include vendor('flex-grow', '0');
-		}
+		}
-
+
-}
+}
-
+
-/// Sets up flexgrid columns.
+/// Sets up flexgrid columns.
-/// @param {integer} $columns Columns.
+/// @param {integer} $columns Columns.
-@mixin flexgrid-columns($columns) {
+@mixin flexgrid-columns($columns) {
-
+
-	> * {
+	> * {
-		$cell-width: 100% / $columns;
+		$cell-width: 100% / $columns;
-		width: #{$cell-width};
+		width: #{$cell-width};
-	}
+	}
-
+
-}
+}
-
+
-/// Sets up flexgrid gutters.
+/// Sets up flexgrid gutters.
-/// @param {integer} $columns Columns.
+/// @param {integer} $columns Columns.
-/// @param {number} $gutters Gutters.
+/// @param {number} $gutters Gutters.
-@mixin flexgrid-gutters($columns, $gutters) {
+@mixin flexgrid-gutters($columns, $gutters) {
-
+
-	// Apply padding.
+	// Apply padding.
-		> * {
+		> * {
-			$cell-width: 100% / $columns;
+			$cell-width: 100% / $columns;
-
+
-			padding: ($gutters * 0.5);
+			padding: ($gutters * 0.5);
-			width: $cell-width;
+			width: $cell-width;
-		}
+		}
-
+
-}
+}
-
+
-/// Sets up flexgrid gutters (flush).
+/// Sets up flexgrid gutters (flush).
-/// @param {integer} $columns Columns.
+/// @param {integer} $columns Columns.
-/// @param {number} $gutters Gutters.
+/// @param {number} $gutters Gutters.
-@mixin flexgrid-gutters-flush($columns, $gutters) {
+@mixin flexgrid-gutters-flush($columns, $gutters) {
-
+
-	// Apply padding.
+	// Apply padding.
-		> * {
+		> * {
-			$cell-width: 100% / $columns;
+			$cell-width: 100% / $columns;
-			$cell-width-pad: $gutters / $columns;
+			$cell-width-pad: $gutters / $columns;
-
+
-			padding: ($gutters * 0.5);
+			padding: ($gutters * 0.5);
-			width: calc(#{$cell-width} + #{$cell-width-pad});
+			width: calc(#{$cell-width} + #{$cell-width-pad});
-		}
+		}
-
+
-	// Clear top/bottom gutters.
+	// Clear top/bottom gutters.
-		> :nth-child(-n + #{$columns}) {
+		> :nth-child(-n + #{$columns}) {
-			padding-top: 0;
+			padding-top: 0;
-		}
+		}
-
+
-		> :nth-last-child(-n + #{$columns}) {
+		> :nth-last-child(-n + #{$columns}) {
-			padding-bottom: 0;
+			padding-bottom: 0;
-		}
+		}
-
+
-	// Clear left/right gutters.
+	// Clear left/right gutters.
-		> :nth-child(#{$columns}n + 1) {
+		> :nth-child(#{$columns}n + 1) {
-			padding-left: 0;
+			padding-left: 0;
-		}
+		}
-
+
-		> :nth-child(#{$columns}n) {
+		> :nth-child(#{$columns}n) {
-			padding-right: 0;
+			padding-right: 0;
-		}
+		}
-
+
-	// Adjust widths of leftmost and rightmost cells.
+	// Adjust widths of leftmost and rightmost cells.
-		> :nth-child(#{$columns}n + 1),
+		> :nth-child(#{$columns}n + 1),
-		> :nth-child(#{$columns}n) {
+		> :nth-child(#{$columns}n) {
-			$cell-width: 100% / $columns;
+			$cell-width: 100% / $columns;
-			$cell-width-pad: ($gutters / $columns) - ($gutters / 2);
+			$cell-width-pad: ($gutters / $columns) - ($gutters / 2);
-
+
-			width: calc(#{$cell-width} + #{$cell-width-pad});
+			width: calc(#{$cell-width} + #{$cell-width-pad});
-		}
+		}
-
+
-}
+}
-
+
-/// Reset flexgrid gutters (flush only).
+/// Reset flexgrid gutters (flush only).
-/// Used to override a previous set of flexgrid gutter classes.
+/// Used to override a previous set of flexgrid gutter classes.
-/// @param {integer} $columns Columns.
+/// @param {integer} $columns Columns.
-/// @param {number} $gutters Gutters.
+/// @param {number} $gutters Gutters.
-/// @param {integer} $prev-columns Previous columns.
+/// @param {integer} $prev-columns Previous columns.
-@mixin flexgrid-gutters-flush-reset($columns, $gutters, $prev-columns) {
+@mixin flexgrid-gutters-flush-reset($columns, $gutters, $prev-columns) {
-
+
-	// Apply padding.
+	// Apply padding.
-		> * {
+		> * {
-			$cell-width: 100% / $prev-columns;
+			$cell-width: 100% / $prev-columns;
-			$cell-width-pad: $gutters / $prev-columns;
+			$cell-width-pad: $gutters / $prev-columns;
-
+
-			padding: ($gutters * 0.5);
+			padding: ($gutters * 0.5);
-			width: calc(#{$cell-width} + #{$cell-width-pad});
+			width: calc(#{$cell-width} + #{$cell-width-pad});
-		}
+		}
-
+
-	// Clear top/bottom gutters.
+	// Clear top/bottom gutters.
-		> :nth-child(-n + #{$prev-columns}) {
+		> :nth-child(-n + #{$prev-columns}) {
-			padding-top: ($gutters * 0.5);
+			padding-top: ($gutters * 0.5);
-		}
+		}
-
+
-		> :nth-last-child(-n + #{$prev-columns}) {
+		> :nth-last-child(-n + #{$prev-columns}) {
-			padding-bottom: ($gutters * 0.5);
+			padding-bottom: ($gutters * 0.5);
-		}
+		}
-
+
-	// Clear left/right gutters.
+	// Clear left/right gutters.
-		> :nth-child(#{$prev-columns}n + 1) {
+		> :nth-child(#{$prev-columns}n + 1) {
-			padding-left: ($gutters * 0.5);
+			padding-left: ($gutters * 0.5);
-		}
+		}
-
+
-		> :nth-child(#{$prev-columns}n) {
+		> :nth-child(#{$prev-columns}n) {
-			padding-right: ($gutters * 0.5);
+			padding-right: ($gutters * 0.5);
-		}
+		}
-
+
-	// Adjust widths of leftmost and rightmost cells.
+	// Adjust widths of leftmost and rightmost cells.
-		> :nth-child(#{$prev-columns}n + 1),
+		> :nth-child(#{$prev-columns}n + 1),
-		> :nth-child(#{$prev-columns}n) {
+		> :nth-child(#{$prev-columns}n) {
-			$cell-width: 100% / $columns;
+			$cell-width: 100% / $columns;
-			$cell-width-pad: $gutters / $columns;
+			$cell-width-pad: $gutters / $columns;
-
+
-			padding: ($gutters * 0.5);
+			padding: ($gutters * 0.5);
-			width: calc(#{$cell-width} + #{$cell-width-pad});
+			width: calc(#{$cell-width} + #{$cell-width-pad});
-		}
+		}
-
+
-}
+}
-
+
-/// Adds debug styles to current flexgrid element.
+/// Adds debug styles to current flexgrid element.
-@mixin flexgrid-debug() {
+@mixin flexgrid-debug() {
-
+
-	box-shadow: 0 0 0 1px red;
+	box-shadow: 0 0 0 1px red;
-
+
-	> * {
+	> * {
-		box-shadow: inset 0 0 0 1px blue;
+		box-shadow: inset 0 0 0 1px blue;
-		position: relative;
+		position: relative;
-
+
-		> * {
+		> * {
-			position: relative;
+			position: relative;
-			box-shadow: inset 0 0 0 1px green;
+			box-shadow: inset 0 0 0 1px green;
-		}
+		}
-	}
+	}
-
+
-}
+}
-
+
-/// Initializes the current element as a flexgrid.
+/// Initializes the current element as a flexgrid.
-/// @param {integer} $columns Columns (optional).
+/// @param {integer} $columns Columns (optional).
-/// @param {number} $gutters Gutters (optional).
+/// @param {number} $gutters Gutters (optional).
-/// @param {bool} $flush If true, clears padding around the very edge of the grid.
+/// @param {bool} $flush If true, clears padding around the very edge of the grid.
-@mixin flexgrid($settings: ()) {
+@mixin flexgrid($settings: ()) {
-
+
-	// Settings.
+	// Settings.
-
+
-		// Debug.
+		// Debug.
-			$debug: false;
+			$debug: false;
-
+
-			@if (map-has-key($settings, 'debug')) {
+			@if (map-has-key($settings, 'debug')) {
-				$debug: map-get($settings, 'debug');
+				$debug: map-get($settings, 'debug');
-			}
+			}
-
+
-		// Vertical align.
+		// Vertical align.
-			$vertical-align: null;
+			$vertical-align: null;
-
+
-			@if (map-has-key($settings, 'vertical-align')) {
+			@if (map-has-key($settings, 'vertical-align')) {
-				$vertical-align: map-get($settings, 'vertical-align');
+				$vertical-align: map-get($settings, 'vertical-align');
-			}
+			}
-
+
-		// Horizontal align.
+		// Horizontal align.
-			$horizontal-align: null;
+			$horizontal-align: null;
-
+
-			@if (map-has-key($settings, 'horizontal-align')) {
+			@if (map-has-key($settings, 'horizontal-align')) {
-				$horizontal-align: map-get($settings, 'horizontal-align');
+				$horizontal-align: map-get($settings, 'horizontal-align');
-			}
+			}
-
+
-		// Columns.
+		// Columns.
-			$columns: null;
+			$columns: null;
-
+
-			@if (map-has-key($settings, 'columns')) {
+			@if (map-has-key($settings, 'columns')) {
-				$columns: map-get($settings, 'columns');
+				$columns: map-get($settings, 'columns');
-			}
+			}
-
+
-		// Gutters.
+		// Gutters.
-			$gutters: 0;
+			$gutters: 0;
-
+
-			@if (map-has-key($settings, 'gutters')) {
+			@if (map-has-key($settings, 'gutters')) {
-				$gutters: map-get($settings, 'gutters');
+				$gutters: map-get($settings, 'gutters');
-			}
+			}
-
+
-		// Flush.
+		// Flush.
-			$flush: true;
+			$flush: true;
-
+
-			@if (map-has-key($settings, 'flush')) {
+			@if (map-has-key($settings, 'flush')) {
-				$flush: map-get($settings, 'flush');
+				$flush: map-get($settings, 'flush');
-			}
+			}
-
+
-	// Initialize base grid.
+	// Initialize base grid.
-		@include flexgrid-base($vertical-align, $horizontal-align);
+		@include flexgrid-base($vertical-align, $horizontal-align);
-
+
-	// Debug?
+	// Debug?
-		@if ($debug) {
+		@if ($debug) {
-			@include flexgrid-debug;
+			@include flexgrid-debug;
-		}
+		}
-
+
-	// Columns specified?
+	// Columns specified?
-		@if ($columns != null) {
+		@if ($columns != null) {
-
+
-			// Initialize columns.
+			// Initialize columns.
-				@include flexgrid-columns($columns);
+				@include flexgrid-columns($columns);
-
+
-			// Gutters specified?
+			// Gutters specified?
-				@if ($gutters > 0) {
+				@if ($gutters > 0) {
-
+
-					// Flush gutters?
+					// Flush gutters?
-						@if ($flush) {
+						@if ($flush) {
-
+
-							// Initialize gutters (flush).
+							// Initialize gutters (flush).
-								@include flexgrid-gutters-flush($columns, $gutters);
+								@include flexgrid-gutters-flush($columns, $gutters);
-
+
-						}
+						}
-
+
-					// Otherwise ...
+					// Otherwise ...
-						@else {
+						@else {
-
+
-							// Initialize gutters.
+							// Initialize gutters.
-								@include flexgrid-gutters($columns, $gutters);
+								@include flexgrid-gutters($columns, $gutters);
-
+
-						}
+						}
-
+
-				}
+				}
-
+
-		}
+		}
-
+
-}
+}
-
+
-/// Resizes a previously-initialized grid.
+/// Resizes a previously-initialized grid.
-/// @param {integer} $columns Columns.
+/// @param {integer} $columns Columns.
-/// @param {number} $gutters Gutters (optional).
+/// @param {number} $gutters Gutters (optional).
-/// @param {list} $reset A list of previously-initialized grid columns (only if $flush is true).
+/// @param {list} $reset A list of previously-initialized grid columns (only if $flush is true).
-/// @param {bool} $flush If true, clears padding around the very edge of the grid.
+/// @param {bool} $flush If true, clears padding around the very edge of the grid.
-@mixin flexgrid-resize($settings: ()) {
+@mixin flexgrid-resize($settings: ()) {
-
+
-	// Settings.
+	// Settings.
-
+
-		// Columns.
+		// Columns.
-			$columns: 1;
+			$columns: 1;
-
+
-			@if (map-has-key($settings, 'columns')) {
+			@if (map-has-key($settings, 'columns')) {
-				$columns: map-get($settings, 'columns');
+				$columns: map-get($settings, 'columns');
-			}
+			}
-
+
-		// Gutters.
+		// Gutters.
-			$gutters: 0;
+			$gutters: 0;
-
+
-			@if (map-has-key($settings, 'gutters')) {
+			@if (map-has-key($settings, 'gutters')) {
-				$gutters: map-get($settings, 'gutters');
+				$gutters: map-get($settings, 'gutters');
-			}
+			}
-
+
-		// Previous columns.
+		// Previous columns.
-			$prev-columns: false;
+			$prev-columns: false;
-
+
-			@if (map-has-key($settings, 'prev-columns')) {
+			@if (map-has-key($settings, 'prev-columns')) {
-				$prev-columns: map-get($settings, 'prev-columns');
+				$prev-columns: map-get($settings, 'prev-columns');
-			}
+			}
-
+
-		// Flush.
+		// Flush.
-			$flush: true;
+			$flush: true;
-
+
-			@if (map-has-key($settings, 'flush')) {
+			@if (map-has-key($settings, 'flush')) {
-				$flush: map-get($settings, 'flush');
+				$flush: map-get($settings, 'flush');
-			}
+			}
-
+
-	// Resize columns.
+	// Resize columns.
-		@include flexgrid-columns($columns);
+		@include flexgrid-columns($columns);
-
+
-	// Gutters specified?
+	// Gutters specified?
-		@if ($gutters > 0) {
+		@if ($gutters > 0) {
-
+
-			// Flush gutters?
+			// Flush gutters?
-				@if ($flush) {
+				@if ($flush) {
-
+
-					// Previous columns specified?
+					// Previous columns specified?
-						@if ($prev-columns) {
+						@if ($prev-columns) {
-
+
-							// Convert to list if it isn't one already.
+							// Convert to list if it isn't one already.
-								@if (type-of($prev-columns) != list) {
+								@if (type-of($prev-columns) != list) {
-									$prev-columns: ($prev-columns);
+									$prev-columns: ($prev-columns);
-								}
+								}
-
+
-							// Step through list of previous columns and reset them.
+							// Step through list of previous columns and reset them.
-								@each $x in $prev-columns {
+								@each $x in $prev-columns {
-									@include flexgrid-gutters-flush-reset($columns, $gutters, $x);
+									@include flexgrid-gutters-flush-reset($columns, $gutters, $x);
-								}
+								}
-
+
-						}
+						}
-
+
-					// Resize gutters (flush).
+					// Resize gutters (flush).
-						@include flexgrid-gutters-flush($columns, $gutters);
+						@include flexgrid-gutters-flush($columns, $gutters);
-
+
-				}
+				}
-
+
-			// Otherwise ...
+			// Otherwise ...
-				@else {
+				@else {
-
+
-					// Resize gutters.
+					// Resize gutters.
-						@include flexgrid-gutters($columns, $gutters);
+						@include flexgrid-gutters($columns, $gutters);
-
+
-				}
+				}
-
+
-		}
+		}
-
+
 }

assets/sass/libs/_vars.scss

@@ -1,74 +1,74 @@
-// Misc.
+// Misc.
-	$misc: (
+	$misc: (
-		z-index-base:		10000
+		z-index-base:		10000
-	);
+	);
-
+
-// Duration.
+// Duration.
-	$duration: (
+	$duration: (
-		transition:			0.2s,
+		transition:			0.2s,
-		loader-fadein:		1s,
+		loader-fadein:		1s,
-		bg-fadein:			0.5s
+		bg-fadein:			0.5s
-	);
+	);
-
+
-// Size.
+// Size.
-	$size: (
+	$size: (
-		element-height:		3em,
+		element-height:		3em,
-		element-margin:		2em
+		element-margin:		2em
-	);
+	);
-
+
-// Font.
+// Font.
-	$font: (
+	$font: (
-		family:				('Raleway', 'Helvetica', sans-serif),
+		family:				('Raleway', 'Helvetica', sans-serif),
-		family-fixed:		('Courier New', monospace),
+		family-fixed:		('Courier New', monospace),
-		weight:				400,
+		weight:				400,
-		weight-bold:		700,
+		weight-bold:		700,
-		weight-heavy:		800
+		weight-heavy:		800
-	);
+	);
-
+
-// Palette.
+// Palette.
-	$palette: (
+	$palette: (
-		bg:					#fff,
+		bg:					#fff,
-		fg:					#6f7577,
+		fg:					#6f7577,
-		fg-bold:			#61686b,
+		fg-bold:			#61686b,
-		fg-light:			#a8b0b3,
+		fg-light:			#a8b0b3,
-		fg-lighter:			#e8f0f3,
+		fg-lighter:			#e8f0f3,
-		border:				#dddddd,
+		border:				#dddddd,
-		border-bg:			rgba(144,144,144,0.075),
+		border-bg:			rgba(144,144,144,0.075),
-		border2:			#d3d3d3,
+		border2:			#d3d3d3,
-		border2-bg:			rgba(144,144,144,0.15),
+		border2-bg:			rgba(144,144,144,0.15),
-
+
-		alt: (
+		alt: (
-			fg-bold:		#ffffff,
+			fg-bold:		#ffffff,
-			fg:				rgba(255,255,255,0.5),
+			fg:				rgba(255,255,255,0.5),
-			fg-light:		rgba(255,255,255,0.35),
+			fg-light:		rgba(255,255,255,0.35),
-			fg-lighter:		rgba(255,255,255,0.2),
+			fg-lighter:		rgba(255,255,255,0.2),
-			border:			#ffffff,
+			border:			#ffffff,
-			border-bg:		rgba(255,255,255,0.075),
+			border-bg:		rgba(255,255,255,0.075),
-			border2:		#ffffff,
+			border2:		#ffffff,
-			border2-bg:		rgba(255,255,255,0.15)
+			border2-bg:		rgba(255,255,255,0.15)
-		),
+		),
-
+
-		accent1: (
+		accent1: (
-			bg:				#8cd1a8,
+			bg:				#8cd1a8,
-			fg-bold:		#ffffff,
+			fg-bold:		#ffffff,
-			fg:				mix(#8cd1a8, #ffffff, 25%),
+			fg:				mix(#8cd1a8, #ffffff, 25%),
-			fg-light:		mix(#8cd1a8, #ffffff, 40%),
+			fg-light:		mix(#8cd1a8, #ffffff, 40%),
-			fg-lighter:		mix(#8cd1a8, #ffffff, 90%),
+			fg-lighter:		mix(#8cd1a8, #ffffff, 90%),
-			border:			rgba(255,255,255,0.25),
+			border:			rgba(255,255,255,0.25),
-			border-bg:		rgba(255,255,255,0.075),
+			border-bg:		rgba(255,255,255,0.075),
-			border2:		rgba(255,255,255,0.5),
+			border2:		rgba(255,255,255,0.5),
-			border2-bg:		rgba(255,255,255,0.2)
+			border2-bg:		rgba(255,255,255,0.2)
-		),
+		),
-
+
-		accent2: (
+		accent2: (
-			bg:				#313a3d,
+			bg:				#313a3d,
-			fg-bold:		#ffffff,
+			fg-bold:		#ffffff,
-			fg:				mix(#313a3d, #ffffff, 25%),
+			fg:				mix(#313a3d, #ffffff, 25%),
-			fg-light:		mix(#313a3d, #ffffff, 40%),
+			fg-light:		mix(#313a3d, #ffffff, 40%),
-			fg-lighter:		mix(#313a3d, #ffffff, 90%),
+			fg-lighter:		mix(#313a3d, #ffffff, 90%),
-			border:			rgba(255,255,255,0.25),
+			border:			rgba(255,255,255,0.25),
-			border-bg:		rgba(255,255,255,0.075),
+			border-bg:		rgba(255,255,255,0.075),
-			border2:		rgba(255,255,255,0.5),
+			border2:		rgba(255,255,255,0.5),
-			border2-bg:		rgba(255,255,255,0.2)
+			border2-bg:		rgba(255,255,255,0.2)
-		)
+		)
 	);

images/symbols/Circuito_LC.svg

@@ -1,45 +1,45 @@
-
+
-
+
-<svg height="220" width="300" 
+<svg height="220" width="300" 
-    xmlns="http://www.w3.org/2000/svg" version="1.1">
+    xmlns="http://www.w3.org/2000/svg" version="1.1">
-
+
-    <!-- wires -->
+    <!-- wires -->
-
+
-    <polyline points="70,70 70,30 230,30 230,70" 
+    <polyline points="70,70 70,30 230,30 230,70" 
-        style="fill:none;stroke:black;stroke-width:2"/>
+        style="fill:none;stroke:black;stroke-width:2"/>
-
+
-    <polyline points="70,150 70,190 230,190 230,150" 
+    <polyline points="70,150 70,190 230,190 230,150" 
-        style="fill:none;stroke:black;stroke-width:2"/>
+        style="fill:none;stroke:black;stroke-width:2"/>
-
+
-
+
-    <!-- Electric current arrow and label -->
+    <!-- Electric current arrow and label -->
-
+
-    <polygon points="125,30 115,25 115,35" 
+    <polygon points="125,30 115,25 115,35" 
-        style="fill:black;stroke:black;stroke-width:1"/>
+        style="fill:black;stroke:black;stroke-width:1"/>
-
+
-    <text x="125" y="20" fill="black" font-size="18" style="font-family:Verdana;font-style:italic;">i</text>
+    <text x="125" y="20" fill="black" font-size="18" style="font-family:Verdana;font-style:italic;">i</text>
-
+
-
+
-    <!-- Inductor -->
+    <!-- Inductor -->
-    <path id="inductor" d="M 70 70  l 0 15   q -40 5 0 10   q -40 5 0 10   
+    <path id="inductor" d="M 70 70  l 0 15   q -40 5 0 10   q -40 5 0 10   
-        q -40 5 0 10   q -40 5 0 10  q -40 5 0 10   l 0 15 "
+        q -40 5 0 10   q -40 5 0 10  q -40 5 0 10   l 0 15 "
-        stroke="black" stroke-width="2" fill="none" />
+        stroke="black" stroke-width="2" fill="none" />
-
+
-    <text x="20" y="120" fill="black" font-size="24" style="font-family:Verdana">L</text>
+    <text x="20" y="120" fill="black" font-size="24" style="font-family:Verdana">L</text>
-
+
-
+
-
+
-    <!-- Capacitor -->
+    <!-- Capacitor -->
-    <path id="capacitor" d="M 230 70 l 0 35   m -20 0   l 40 0    m 0 10  l -40 0  m 20 0 l 0 35 "
+    <path id="capacitor" d="M 230 70 l 0 35   m -20 0   l 40 0    m 0 10  l -40 0  m 20 0 l 0 35 "
-        stroke="black" stroke-width="2" fill="none" />
+        stroke="black" stroke-width="2" fill="none" />
-
+
-    <text x="260" y="120" fill="black" font-size="24" style="font-family:Verdana">C</text>
+    <text x="260" y="120" fill="black" font-size="24" style="font-family:Verdana">C</text>
-
+
-    
+    
-    <text x="140" y="50" fill="black" font-size="12" style="font-family:Verdana">+</text>
+    <text x="140" y="50" fill="black" font-size="12" style="font-family:Verdana">+</text>
-    <text x="140" y="115" fill="black" font-size="18" style="font-family:Verdana;font-style:italic;">v</text>
+    <text x="140" y="115" fill="black" font-size="18" style="font-family:Verdana;font-style:italic;">v</text>
-    <text x="140" y="180" fill="black" font-size="12" style="font-family:Verdana">-</text>
+    <text x="140" y="180" fill="black" font-size="12" style="font-family:Verdana">-</text>
-	
+	
-
+
-
+
-</svg>
+</svg>