Skip to content
// ----
// libsass (v3.1.0)
// ----
// ===================================
// Grid settings
// ===================================
$gutter:15px;
$grid-columns:12;
<div class="content">
<article>
<p>Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
<aside class="left">
<p>Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</aside>
<p>Cras mattis consectetur purus sit amet fermentum. D
// ----
// libsass (v3.1.0)
// ----
$base-font-size:16px;
@mixin rem($property, $px-values, $baseline-px: $base-font-size) {
// Convert the baseline into rems
$baseline-rem: $baseline-px / 1rem;
<div class="video-wrapper">
<iframe src="//www.youtube.com/embed/bVKCHZqax84" frameborder="0" allowfullscreen></iframe>
</div>
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// Set fix-mqs to the em width media queries should output at
$fix-mqs:false;
// Set map of breakpoints
$breakpoints: (
/**
* Read the contents of the theme CSS file into a variable and ouput.
**/
function ajo_inline_styles() {
$css_file = get_stylesheet_uri(); // This will load the entire theme stylesheet in the head (only recommended if it's small)
// to include specific CSS use: `get_template_directory_uri() . '/path-to-above-the-fold.css'
$css = file_get_contents($css_file);
echo "<style>{$css}</style>";
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
.selector {
width:100px;
height:100px;
.child-selector {
<?php
// In a file somewhere that you include (functions etc)
function switch_wrapper( $clause )
{
switch ($clause)
{
case 'foo':
echo "Foo was here!";
break;
/**
* Work out the current post type
* - based on WP function or current taxonomy
* @author Adam Onishi (aonishi@wearearchitect.com)
*/
function dig_current_post_type() {
global $post;
if( ! is_tag() ) {
$type_name = get_post_type();
Something went wrong with that request. Please try again.