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

colWidth = 5em
numCols = 12

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

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

paceaux

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

paceaux

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

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

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

paceaux

var tabAway;
tabAway = {
    init: function () {
        var _this = tabAway;
        _this.bindEvents();
    },
    data: {
        tabAwayMsg: "Don't go, I need you!",
        tabBackMsg: "I knew you'd never leave me",
    },

paceaux

var mediaManager = {};
mediaManager: {
    init: function () {
        var _this = this;
        //MMPLAYERREADY is the event that fires when the media manager event loads
        _this.functions.setMetadata($('.js-active'));                
        _this.bindUIEvents();
        $(document).bind("MMPLAYERREADY", function (e){
            _this.functions.adjustDimensions();
            _this.functions.modifyProjekktor();

paceaux

speech = function (msg, options, onend) {
        this.text = msg;
		this._defaults = {
			voiceURI: 'native',
			volume: 3,
			rate: 2,
			pitch: 1.5,
			lang: 'en-US'
		};
    this.defaults = options !== undefined ? options : this._defaults;

paceaux

window.cssom = {
    init: function () {
        var _this = window.cssom;
        _this.functions.bootstrapTable();
    },
    data: {
        table: {},
        rootClass: "CSSOM",
        tableClass: "table",
        rowButton: {