Skip to content

Instantly share code, notes, and snippets.

View mirisuzanne's full-sized avatar

Miriam Suzanne mirisuzanne

View GitHub Profile
@mirisuzanne
mirisuzanne / 1_index.html
Created April 4, 2012 22:58
Suggested syntax for responsive Susy layouts
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet" href="stylesheets/screen.css">
</head>
<body>
<div class="container c1"></div>
<div class="container c2"></div>
/* -----------------------------------------------
Meaning */
.meaning {
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-ms-border-radius: 0.5em;
-o-border-radius: 0.5em;
border-radius: 0.5em;
margin: 3em 0.75em;
padding: 1.5em;
GIT
remote: git://github.com/middleman/middleman.git
revision: 5d8fd93981553b9ad8dfecdfc5e26168e022c490
specs:
middleman (3.0.0.beta.3)
middleman-core (= 3.0.0.beta.3)
middleman-more (= 3.0.0.beta.3)
middleman-core (3.0.0.beta.3)
activesupport (~> 3.2.0)
bundler (~> 1.0)
@mirisuzanne
mirisuzanne / columns.scss
Created May 8, 2012 23:49
New names for the Susy +columns() mixin
// This must be an old conflict, but I never noticed it until today:
//
// w3c : http://www.w3.org/TR/css3-multicol/#columns0
// Compass : http://compass-style.org/reference/compass/css3/columns/
// Susy : https://github.com/ericam/susy/blob/master/REFERENCE.mkdn#mixins
//
// In the w3c spec, 'columns: $number' can be used to split content into a $number of columns.
// Compass has a CSS3 'columns()' mixin, that works with the w3c spec.
// In Susy, we have a competing 'columns()' mixin that _spans_ columns rather than _splitting_ them.
//
@mirisuzanne
mirisuzanne / _magic.scss
Created May 28, 2012 19:50
Layout file for a "magic" Susy grid.
//-----------------------------------------------------------------------------
// Grid Settings
$total-columns : 4;
$column-width : 4.5em;
$gutter-width : 1.5em;
$grid-padding : $gutter-width;
//-----------------------------------------------------------------------------
// Responsive Variables
@mirisuzanne
mirisuzanne / fontface.scss
Created June 4, 2012 18:05
Naming convention for new Compass @font-face API
// New fontface naming conventions & API
// File Structure
//
// - fonts_dir/ [config setting]
// - simple.eot
// - simple.svg
// - simple.ttf
// - simple.woff
// - folder/
@mirisuzanne
mirisuzanne / obsolete.md
Created June 26, 2012 04:05
post-obsolete

The Obsolete Book in a Post-Obsolete World, as Represented by a Post-Obsolete Book About Dance.

(An Archival Rhizome Ecology in Ten Parts, and A Reflection on the Obsolescence of Obsolescence, Documented on the Cloud, and Open-Sourced as a Defense Against Post-Post-Obsolescence).

Now has a full website of it's own.

@mirisuzanne
mirisuzanne / multi.scss
Created July 9, 2012 18:14
Susy multiple containers demo
$total-columns: 6;
$column-width: 4em;
$gutter-width: 1em;
$grid-padding: $gutter-width;
// The default container
.container1 { @include container(); }
// A container with a 12 columns instead
@mirisuzanne
mirisuzanne / _grid.sass
Created July 10, 2012 03:15 — forked from hdc/_grid.sass
susy grid mixin
//-----------------------------------------------------------------------------
// Imports
@import compass
@import susy
//-----------------------------------------------------------------------------
// Grid Settings
@mirisuzanne
mirisuzanne / offcanvas.html
Created July 13, 2012 20:59
off-canvas with Susy
<!DOCTYPE html>
<!--[if lte IE 8 ]> <html class="lt-ie9" lang="en" dir="ltr"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en" dir="ltr"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" dir="ltr"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>off canvas susy</title>
<link rel="stylesheet" href="stylesheets/offcanvas.css">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->