From 737336c22152e113a79a6e2234fed01de89fe481 Mon Sep 17 00:00:00 2001 From: Dave Gamache Date: Tue, 30 Aug 2011 09:55:14 -0700 Subject: [PATCH] refining README and cleaning up base.css --- README.markdown | 4 ++-- stylesheets/base.css | 48 ++++++++++++++++++++++---------------------- 2 files changed, 26 insertions(+), 26 deletions(-) diff --git a/README.markdown b/README.markdown index 4572fe3..93e9ec2 100644 --- a/README.markdown +++ b/README.markdown @@ -1,6 +1,6 @@

Skeleton

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

-

This is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

+

Skeleton is a small collection of CSS & one JS file that will help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

Check out the docs and homepage here: www.getskeleton.com.

@@ -11,4 +11,4 @@
  • Style Agnostic: Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.
    • -

    The ultimate goal is to build the best starting point for front-end development with an emphasis on simple, responsive design. Help me get there by submitting bugs, feature suggestions or anything you think is missing here on Github or email me at hi@getskeleton.com. I'm committed to making this awesome, so please use this in your next project and let me know what rocked and what sucked!

    \ No newline at end of file +

    The ultimate goal is to build the best starting point for front-end development with an emphasis on simple, responsive design. Help me get there by submitting bugs, feature suggestions or anything you think is missing here on Github or email me at hi@getskeleton.com. I'm committed to making this awesome, so please use Skeleton in your next project and let me know what rocked and what sucked!

    \ No newline at end of file diff --git a/stylesheets/base.css b/stylesheets/base.css index f13099b..5af3f5e 100644 --- a/stylesheets/base.css +++ b/stylesheets/base.css @@ -10,20 +10,20 @@ /* Table of Content ================================================== - #Reset & Basics - #Basic Styles - #Site Styles - #Typography - #Links - #Lists - #Images - #Buttons - #Tabs - #Forms - #Misc */ + # Reset & Basics + # Basic Styles + # Site Styles + # Typography + # Links + # Lists + # Images + # Buttons + # Tabs + # Forms + # Misc */ -/* #Reset & Basics (Inspired by E. Meyers) +/* # Reset & Basics (Inspired by E. Meyers) ================================================== */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; @@ -49,7 +49,7 @@ border-spacing: 0; } -/* #Basic Styles +/* # Basic Styles ================================================== */ body { background: #fff; @@ -60,11 +60,11 @@ } -/* #Typography +/* # Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; - font-family: "Georgia", "Times New Roman", sans-serif; + font-family: "Georgia", "Times New Roman", serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} @@ -90,17 +90,15 @@ blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } - hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } - -/* #Links +/* # Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } -/* #Lists +/* # Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } @@ -117,7 +115,7 @@ ul.large li { line-height: 21px; } li p { line-height: 21px; } -/* #Images +/* # Images ================================================== */ img.scale-with-grid { @@ -125,7 +123,7 @@ height: auto; } -/* #Buttons +/* # Buttons ================================================== */ a.button, @@ -200,7 +198,7 @@ text-align: center; } -/* #Tabs (activate in tabs.js) +/* # Tabs (activate in tabs.js) ================================================== */ ul.tabs { display: block; @@ -272,7 +270,7 @@ zoom: 1; } -/* #Forms +/* # Forms ================================================== */ form { @@ -326,10 +324,12 @@ font-size: 13px; color: #444; } -/* #Misc +/* # Misc ================================================== */ + .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } + hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }