jmwhittaker

/**
 * The first commented line is your dabblet’s title
 */

button {
	background:#ccc;
	border:1px solid #bbb;
	font-size:30px;
	padding:10px;
	

jmwhittaker

.ghx-avatar .ghx-avatar-img {
    width:42px;
    height: 42px;
    border-radius:2px;
}

.ghx-avatar {
    position: absolute;
    top: 5px;
    right: 5px;

jmwhittaker

/** 
Scaling
 - Scale can be used as is which will set the height to 560 but keep aspect ratio for width.
 - Other options include setting both with & height
 - Watch out for sizing errors when not divisible by 2
**/

/** MP4 1st pass **/
ffmpeg -i input.mov -vcodec libx264 -vprofile high -preset veryslow -b:v 225k -maxrate 300k -bufsize 1000k -vf scale=-1:560 -threads 2 -pass 1 -an -f mp4 /dev/null

jmwhittaker

module.exports = function (grunt) {
    "use strict";

    // Config...
    grunt.initConfig({
        watch: {
            options: {
                livereload: true
            },
            html: {

jmwhittaker

/**
 * The first commented line is your dabblet’s title
 */


.badge {
	position:absolute;
	left:200px;
	top:200px;
	background:red;

jmwhittaker

* {
	box-sizing:border-box;
}


.multimedia-container {
	/* Size of container set via JS depending upon col width */
	width:528px;
	height:264px;
	border-radius:5px;

jmwhittaker

* {
	box-sizing:border-box;
}
.multimedia-container {
	width:528px;
	border-radius:5px;
	overflow:hidden;
	height:264px;
	
	/* Just for testing */

jmwhittaker

body, table td, select {
    font-family: "Helvetica Neue", helvetica, sans-serif;
    font-size: 28px;
    color: #333 !important;
}

.screenHeader {
    display: none !important;
}

jmwhittaker

.ghx-avatar .ghx-avatar-img {
    width:42px;
    height: 42px;
    border-radius:2px;
}

.ghx-avatar {
    position: absolute;
    top: 5px;
    right: 5px;

jmwhittaker

[st-text] {
	font-family: helveticaNeue, helvetica;
	font-size:14px;
	color:blue;
}

[st-text~="fixed"] { font-size:8px }
[st-text~="fixed:18"] { font-size:18px }
[st-text~="fixed:11"] { font-size:11px }
[st-text~="red"] { color:red }