Skip to content

Instantly share code, notes, and snippets.

View smbriones's full-sized avatar

Stephanie Briones smbriones

75 followers · 9 following
View GitHub Profile
@smbriones
smbriones / relative-html.css
Created September 17, 2016 20:36
html { font-size: 62.5%; }
body { font-size: 1.4rem; } /* =14px */
h1 { font-size: 2.4rem; } /* =24px */
...
<html>
<body>
<h1>Team</h1> /* 2.4em / 24px */
...
@smbriones
smbriones / compounding.css
Last active September 17, 2016 20:28
body { font-size: 62.5%; }
h1 { font-size: 2.4em; } /* =24px */
p { font-size: 1.4em; } /* =14px */
li { font-size: 1.4em; } /* =14px? */
...
<li>About /* 1.4em (14px) */
<ul> /* x */
<li>Team</li> 1.4em /* 1.4em (14px) = 20px */
...
@smbriones
smbriones / relative-sizing.css
Last active September 17, 2016 20:11
body { font-size: 62.5%; }
h1 { font-size: 2.4em; } /* =24px */
p { font-size: 1.4em; } /* =14px */
li { font-size: 1.4em; } /* =14px? */
...
<li>About
<ul>
<li>Team</li> /* 14px? */
...
@smbriones
smbriones / peacock-article
Created August 11, 2011 18:47
Columns in CSS3
/* To have the Title of the article reach accross the full
width of the article, as opposed to inline */
h2 {
-webkit-column-span: all;
}
/* To give the article 2 columns with a width of 250px */
article {
-webkit-column-count: 2;