onishiweb

<image-gallery>
	<img src="http://lorempixel.com/500/250/" slot="photo" alt="Lorem pixel image">
	<p slot="caption">Image courtesy of lorem pixel</p>
</image-gallery>

<template id="image-gallery-markup">
	<style>
		:host {
			position: relative;
		}

onishiweb

<?php 

/**
 * Pagination example
 */

global $wp_query;

$big = 999999999; // need an unlikely integer

onishiweb

// ----
// libsass (v3.1.0)
// ----

// ===================================
// Grid settings
// ===================================
$gutter:15px;
$grid-columns:12;

onishiweb

<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

onishiweb

// ----
// 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;

onishiweb

gbzbjY

A Pen by Captain Anonymous on CodePen.

License.

onishiweb

<div class="video-wrapper">
  <iframe src="//www.youtube.com/embed/bVKCHZqax84" frameborder="0" allowfullscreen></iframe>
</div>

onishiweb

// ----
// 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: (

onishiweb

/**
 * 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>";

onishiweb

// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----

.selector {
  width:100px;
  height:100px;
  
  .child-selector {