tddewey

/**
 * Animated porthole
 */
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }

tddewey

/*
* Truncate text to a number of characters somewhat intellegently...
*
* Truncates text to a number of characters, but preserves the word. Strips ending punctuation. Will always err on the side of returning more than less.
* Props to alishahnovin at hotmail dot com who posted this at php.net
*
* @param	str		$text	Text to truncate
* @param	int		$numb	Number of characters to truncate to
* @param	str		$etc	Ending. Default is an ellipsis
* @return	str		Returns the truncated text

tddewey

autoprefixer: {
	options: {
		browsers: ['ie 8', 'ie 9', 'last 2 version']
	},
	all: {
		files: {
			'assets/css/wp_theme.src.css' : 'assets/css/wp_theme.src.css'
		}
	}
}

tddewey

* {
	box-sizing: border-box;
}

.content {
	background-image: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
	column-count: 2;
	column-gap: 1em;
}

tddewey

// edge-skew
// Applies a psudo element ot the left or right of an element
// that skews that edge. Basically adds a triangle of a given
// color in a direction
// @param $direction 'left'|'right'
// @param $color color
@mixin edge-skew( $direction, $color ) {
	position: relative;

	$pseudo: if($direction == left, before, after);

tddewey

{
	"site": {
		"name": "A Vetted VVV Venture",
		"url": "generator-vvv.dev",
		"liveUrl": "http://wpthemetestdata.wordpress.com/"
	},
	"remoteDatabase": {
		"url": "http://dbuser:[email protected]/remote-databases/generator-vvv.sql"
	},
	"wordpress": {

tddewey

<div class="inverted-block">
  Inverted Block
</div>
<p>Normal Paragraph</p>

tddewey

<div class="join-now">
  Inverted Block
</div>
<p>Normal Paragraph</p>

tddewey

<header role="banner">
  <h1>This Headline
  <span>is optically centered</span></h1>
</header>
<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt velit massa, sit amet interdum dui tincidunt quis. Aenean at malesuada nibh. Nam sed lectus eros. Sed lacus magna, aliquam eu hendrerit in, rutrum vel quam. In congue iaculis velit et dignissim. Sed blandit laoreet justo vitae congue. Sed tellus velit, iaculis eget iaculis viverra, feugiat sit amet velit. In congue eros vel ipsum euismod dictum. Proin risus justo, facilisis vitae sodales vitae, volutpat at massa. Donec tincidunt purus in dapibus gravida. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent nec libero hendrerit, cursus erat quis, facilisis sapien.
</p>

tddewey

<ul>
  <li class="max">Max</li>
  <li class="bus">Bus</li>
  <li class="streetcar">Streetcar</li>
  <li class="bicycle">Bicycle</li>
</ul>