ten1seven

<p class="text">Vertical Text</p>

ten1seven

<form>
	<p class="radiogroup">
		<!-- This is one radio group -->
		<input type="radio" name="group1" value="1" /> Item 1<br />
		<input type="radio" name="group1" value="2" /> Item 2<br />
		<input type="radio" name="group1" value="3" /> Item 3<br />
 
		<!-- This is a separate radio group -->
		<input type="radio" name="group2" value="1" /> Item 4<br />
		<input type="radio" name="group2" value="2" /> Item 5<br />

ten1seven

.author[data-name="Jeremy Fields"]:after {
	content: "ields";
	display: inline;
}
.author[data-name="Jeremy Frank"]:after {
	content: "rank";
	display: inline;
}

ten1seven

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    display: block;
    height: 110px;

ten1seven

var JS = JS || {};

JS.Global = (function(window,document,undefined) {
	
	'use strict';
	
	var private_var;
	
	function private_method() {
		

ten1seven

@font-face {
	font-family: 'MyFont';
	src: url('path-to-normal-font');
	...
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'MyFont';
	src: url('path-to-bold-font');

ten1seven

var gulp = require('gulp');
var rename = require('gulp-rename');
var postcss = require('gulp-postcss');

gulp.task('styles', function () {
  var processors = [
  ];
  return gulp.src('./*.postcss')
    .pipe(postcss(processors))
    .pipe(rename({

ten1seven

@mixin rem($size, $base: 16) {
   font-size: ($size + 0rem) / $base;

   .lt-ie8 & {
      font-size: $size * 1px;
   }
}

ten1seven

var body = document.getElementsByTagName('body')[0];
var captureEvent = function(e) {
	var target = e.target || e.srcElement;

	if (target.nodeName === 'A') {
		alert(target.getAttribute('data-track'));
	}

	return false;
};

ten1seven

import debounce from 'debounce'

export default class MessagePreview {
  constructor(el) {
    this.el = el
    this.setVariables()
    this.setUpListeners()
    this.updatePreview()
  }