Skip to content

Instantly share code, notes, and snippets.

Miriam Suzanne mirisuzanne

Block or report user

Report or block mirisuzanne

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
View screen.css
/* Welcome to Susy. Use this file to define screen styles.
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
/* RESET STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
View screen.css
body { text-align: center; font-size: 75%; line-height: 150%; }
body #page { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 81em; max-width: 100%; background-color: blue; }
body #page { display: block; }
body #page #left-nav { width: 17.284%; display: inline; float: left; margin-right: 1.235%; margin-left: 1.235%; background-color: yellow; }
body #page #main-content { padding-left: 12.346%; width: 23.457%; display: inline; float: left; margin-right: 1.235%; margin-right: 1.235%; background-color: orange; }
body #page #main-content .header { width: 21.053%; display: inline; float: left; margin-right: 5.263%; margin-left: 0; background-color: green; }
body #page #main-content .article { width: 73.684%; display: inline; float: left; margin-right: 5.263%; margin-right: 0; background-color: red; }
View susy.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Susy :: A Grid Plugin for Compass</title>
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<div id="page">
View _base.sass
//**
// Susy: Elastic-Fluid grids without all the math
// by Eric Meyer and OddBird Collective
// oddbird.net
//**
/* RESET STYLES
@import compass/reset.sass
View _base.sass
//**
// Susy: Elastic-Fluid grids without all the math
// by Eric Meyer and OddBird Collective
// http://www.oddbird.net
//**
/* RESET STYLES
@import compass/reset.sass
View border-radius.sass
=border-corner-radius(!vert, !horz, !r)
/* Mozilla (FireFox)
-moz-border-radius-#{!vert}#{!horz}= !r
/* Webkit (Safari, Chrome)
-webkit-border-#{!vert}-#{!horz}-radius= !r
/* CSS3
border-#{!vert}-#{!horz}-radius= !r
=border-top-left-radius(!r)
+border-corner-radius("top", "left", !r)
View _base.sass
//**
// Susy: Elastic-Fluid grids without all the math
// by Eric Meyer and OddBird Collective
// oddbird.
//**
//**
GRID
un-comment and override these values as needed for your grid layout
(defaults are shown)
View gist:180013
WEB PRESENCE
Questions to Consider:
1. What is the goal of the site?
- internal communication?
- marketing an organization or product?
- providing information?
- providing a tool?
- networking?
View example.dubss
NUESTRO VIAJE A CUBA FUE UNA GRAN EXPERIENCIA. ENCONTRAMOS A MUCHA GENTE Y COMIMOS MUCHO, COMO PLÁTANOS, JUDÍAS Y ARROZ, POLLO, GARBANZOS CON JAMÓN Y SALSICHAS AHUMADAS, FRICASSÉ DE POLLO CON OLIVAS Y UNA GRAN CANTIDAD DE POSTRES CUBANOS, BEBIAS Y ESPECIAS. CUBA ES MUY BONITA Y PENSAMOS VOLVER DE NUEVO ESTE AÑO.
La cuenta, por favor.
View example.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0068)http://24ways.org/examples/compose-to-a-vertical-rhythm/example.html -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Compose a Vertical Rhythm example</TITLE>
<LINK rel="stylesheet" type="text/css" href="sassy.css" title="sassy">
<LINK rel="alternate stylesheet" type="text/css" href="original.css" title="original">
</HEAD><BODY>
<H1>Aboard Minerva off the Coast of New England</H1>
You can’t perform that action at this time.