paceaux

		var moduleName;
		moduleName = {
			init: function () {
				var _this = moduleName;
				_this.bindUiEvents();
			},
			data: {
				els: {
				}
			}, 

paceaux

/*this assumes the parent container of the video is one with the id of video__player*/
/* Media Manager tweak*/
#video__player [id*="sdlmm_"] { 
  width: 100% !important; 
  height: 310px !important; 
}
#video__player .pptooltip,
#video__player .ppbackslide,
#video__player .projekktor[style*="fixed"] .pptooltip[class],
#video__player .projekktor[style*="fixed"] .ppbackslide[class]{

paceaux

e(name)
	&__{name}
		{block}
m(name)
	&--{name}
		{block}
		
.header
	color: red
	+e(element)

paceaux

//======Golden Ratio Mixin
golden()
	if @width
		height: @width * .618
	else
		if @height
			width: @height * .618

paceaux

colWidth = 5em
numCols = 12

thirdCol = ((numCols / 3) * colWidth)
fourthCol = ((numCols / 4) * colWidth)
eightCol = fourthCol /2
halfCol = ((numCols / 2) * colWidth)

[class*="--col"]
	height: 100%;

paceaux

$fontBody : "Roboto Condensed";
$fontHeaders : "din-condensed-web", sans-serif;
$fontCallout: "proxima-nova", sans-serif;

$colorNeutralWhitest : #ffffff;
$colorNeutralLightest : #ebebeb;
$colorNeutralDarkest : #646464;

$colorCoolDesat1: #323f50;
$colorCoolDesat2: #b8d098;

paceaux

//wrap it all in an anonymous function 
//This keeps our code safe from other JavaScript,and we don't polute the global namespace
(function() {
    //create the encapsulating variable
    var taForm;

    //add a namespacing function so that we can inject modules to it
    taForm = {
        namespace: function(ns_string) {
            var parts = ns_string.split('.'),

paceaux

String.prototype.replaceAt = function () {
    var rlen = arguments[2] == null ? 1 : arguments[2];
    return this.substring(0, arguments[0]) + arguments[1] + this.substring(arguments[0] + rlen);
};
var currentItem = SDL.Client.UI.ApplicationHost.ViewModels.Navigation.currentNavigationItem();
var navHappy = {
    init: function () {
        this.newSrc = this.getNewSrc();
    },
    getCurrentItem: function () {

paceaux

var AnguillaMediator = function() {
    this._getAnguillaFrame = function() {
        if (navHappy.isNavigating) {
            return window.top.frames[1];

        } else {
            return window.top;
        }
    };
    this.aFrame = this._getAnguillaFrame();

paceaux

/**
 * Flexboxing lists
 */

ul{
	display:flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	height: 100vh;