finished the grid and added a lot more documentation on the skeleton project, including some code snippets and other pieces

This commit is contained in:
Dave Gamache
2011-05-05 12:41:53 -07:00
parent 82d63e753d
commit 48aa42b216
6 changed files with 270 additions and 170 deletions

View File

@ -43,10 +43,19 @@
div.doc-section {
margin: 30px 0; }
#typography blockquote {
margin-top: 20px; }
.hidden-code a {
font-size: 12px;
color: #999; }
.hidden-code>div {
display: none; }
/* Grid */
#grid .column,
#grid .columns {
background: #111;
background: #222;
height: 25px;
line-height: 25px;
margin-bottom: 10px;
@ -58,6 +67,7 @@
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
#grid .example-grid { overflow: hidden; }
/* Mobile */
@ -73,10 +83,7 @@
/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* .container .four.columns.sidebar { width: 464px; } */
nav ul { display: none; }
/* .container .twelve.columns.content { width: 464px; } */
/* #grid .example-grid { width: 344px; } */
}
/* Non 960 */
@ -107,9 +114,6 @@
/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
body {
font-size: 50%;
line-height: 1.5em; }
header p {
font-size: 25px;
line-height: 30px; }