Skip to content

Instantly share code, notes, and snippets.

Avatar

Miriam Suzanne mirisuzanne

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.