Skip to content

Instantly share code, notes, and snippets.

Ian Young ijy

Block or report user

Report or block ijy

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
ijy / Compass px to em
Created Dec 7, 2011
A Compass function to convert pixel font-sizes to em's
View Compass px to em
@function em($target, $context: $base-font-size) {
@if $target == 0 { @return 0 }
@return $target / $context + 0em;
$base-font-size: 15px;
h1 {
font-size: em(21px, 15px); // Outputs 1.4em
ijy / twig.php
Created Dec 29, 2011 — forked from patcoll/twig.php
Command-line script to process YAML frontmatter with Twig templates.
View twig.php
* twig.php
* Command-line script to process YAML frontmatter with Twig templates.
* Inspired by Mustache <>.
* Example template file (test.html):
* ---
* people: [ {name: scott}, {name: laura} ]
ijy / lunchtogo
Created Jan 25, 2012
EE Custom Category URLs with Pagination
View lunchtogo
{!-- Global Variables --}
{embed="_partials/_head" body_id="lunchtogo"
{if segment_3 == ""} {!-- Lunch Home --}
body_class="l-lunch lunch-home"
{if:elseif segment_3 != "" AND segment_4== ""} {!-- Lunch Category View --}
body_class="l-lunch lunch-cat"
{if:elseif segment_4 != ""} {!-- Lunch Product View --}
ijy / gist:2017411
Created Mar 11, 2012 — forked from ijy-gists/gist:1993630
Sublime Text 2 - Useful Shortcuts
View gist:2017411

Sublime Text 2 – Useful Shortcuts (PC)

Loosely ordered with the commands I use most towards the top. Sublime also offer full documentation.


Ctrl+C copy current line (if no selection)
Ctrl+X cut current line (if no selection)
Ctrl+⇧+K delete line
Ctrl+↩ insert line after
ijy / 0_selector_hacks.scss
Created Mar 28, 2012 — forked from chriseppstein/0_selector_hacks.scss
This gist demonstrates some uses of the new sass feature: Passing content blocks to mixins.
View 0_selector_hacks.scss
@mixin ie6 { * html & { @content } }
#logo {
background-image: url("/images/logo.png");
@include ie6 { background-image: url("/images/logo.gif"); }
ijy / index.html
Created May 21, 2012
Backbone Todos with jQuery drag & drop
View index.html
<!DOCTYPE html>
<link href="stylesheets/screen.css" media="all" rel="stylesheet" />
<script src="//"></script>
<script src="//"></script>
<script src="javascripts/json2.js"></script>
<script src="javascripts/underscore.js"></script>
<script src="javascripts/backbone.js"></script>
ijy /
Created Jul 11, 2012 — forked from jpantuso/
Setup OS X 10.7 w/ homebrew, oh-my-zsh, rvm, rails, and MySQL
ijy / grunt-1.js
Created Aug 13, 2012
grunt.js file used purely for JS concatenation & minification with a watch to automate the process. Includes multiple build targets.
View grunt-1.js
/* global module:false */
module.exports = function(grunt) {
// Project configuration.
// Project metadata, used by some directives, helpers and tasks.
meta: {
project: '<Project Name>',
author: "<Author>",
url: '<URL>',
ijy / susy-baseline.scss
Created Sep 22, 2012 — forked from mirisuzanne/susy-baseline.scss
Show susy grid and basline on the same element
View susy-baseline.scss
@include show-susy-with-baseline($baseline: rhythm(1)) {
@include grid-background($total-columns, column(), gutter(), $baseline, 0%);
@include background-size(100% $baseline, auto);
@include background-origin(border-box, content-box);
@include background-clip(border-box, content-box);

What if controlling your media queries was as easy as adding on to a Sass list? What if I told you it now is?

This snippet comes from a modified version of mixins in the Aura Responsive Framework and came from me hijacking the respond-to mixin namespace but still wanting to use it for custom media queries. It's a little ugly and requires Sass 3.2+ (for now, (sudo) gem install sass --pre), but it works a charm.

There are two fairly mundane caveats to this method. First, every media query needs to be named. Second, every media query needs a size and assumes min-width and screen. If you want to change min-width, simply add your operator as another option, but if you want to change screen, you need to also include your operator even if you want it to be min-width.

Also, I haven't built in warnings yet for when you do bad things, so bear that in mind.

Without further adue, tada.

You can’t perform that action at this time.