Andrew Krawchyk akrawchyk

Writing CSS

This project uses cssnext, which allows us to use emerging CSS features at design time and transpile into currently-supported, browser-compatible CSS at runtime.

Styles can be found in app/styles. Inside this folder, you should familiarize yourself with the following structure:

styles
├── config
│ ├── fonts.json

	/**
	* @param {number[][]} board
	* @return {void} Do not return anything, modify board in-place instead.
	*/
	var gameOfLife = function(board) {
	let neighbors = [0, 1, -1];
	let rows = board.length;
	let cols = board[0].length;
	let copyBoard = [];
	copyBoard.length = rows;

	var webpack = require('webpack');
	var path = require('path');

	module.exports = function(env) {
	return {
	entry: {
	// main pages JS
	page1: './page1/index.js',
	page2: './page2/index.js',

	/**
	* Crawler
	* PhantomJS writes to stream with content of crawled pages
	* Streams HTML from phantomjs after document load as ndjson
	*/

	'use strict'

	const ndjson = require('ndjson')
	const phantom = require('phantom')

	var jobsCountRemaining = 2;

	// ternary
	var completed = jobsCountRemaining === 0 ? true : false;
	return completed;

	// if-else
	if (jobsCountRemaining === 0) {
	completed = true;
	} else {

	/**
	* Creates JSON for a single input field
	*
	* e.g. article[id] = 1 => { article: {id: 1}}
	*
	* @param {Node} inputElem - :input element to serialize
	* @returns {object}
	*/
	var serializeInputToJSON = function(inputElem) {
	var name = inputElem.name;

	$entypo-icons: (
	search : \1f50d,
	flag : \2691
	// ...
	);

	@each $icon, $code in $entypo-icons {
	.entypo-#{$icon}:before {
	content: '#{$code}';
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>demo</title>

	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
	</head>

	@function get-opposite-direction($direction) {
	$opposite-direction: center;

	@if $direction == top {
	$opposite-direction: bottom;
	}
	@if $direction == bottom {
	$opposite-direction: top;
	}
	@if $direction == left {

	// variables
	$bp-small: em(768) !default;
	$bp-medium: em(992) !default;
	$bp-large: em(1200) !default;

	$grid-columns: 12 !default;
	$grid-gutter-width: em(30) !default;
	$grid-wrapper-small: em(750) !default;
	$grid-wrapper-medium: em(970) !default;
	$grid-wrapper-large: em(1170) !default;