This is the responsive boilerplate Skeleton made ready for GetSimple.
Quote:A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
I have added a nav menu and a footer with minimal styling so the theme works straight out of the box, but the intention is that it should be used as a basis for building, editing and restyling.
The Skeleton code is much, much simpler than Bootstrap. there is no jquery and no javascript, just a nice efficient css grid which is easy to use and edit. Ideal for GetSimple, and really good for making existing sites responsive.
Thanks Steven, although most of the work is not even mine. I only added a few lines to the css files to make a nav menu and a footer, so that you had a complete page to start a project with in GS.
I would be very grateful if you could point out any mistakes. If I could see them I would have fixed them. font: (not font-family:) is correct. You made me look it up. It's for grouping shorthand declarations; like background: instead of background-color: background-image: etc.
The Skeleton files already include a blank css named layout.css. It's where I always write the site-specific code.
I didn't even bother opening layout.css figuring that it had 16 columns stuff in it (since that seemed like layout to me). That was why I added a custom.css.
Oh well, live and learn.
(2013-10-05, 02:17:37)Timbow Wrote: Thanks Steven, although most of the work is not even mine. I only added a few lines to the css files to make a nav menu and a footer, so that you had a complete page to start a project with in GS.
I would be very grateful if you could point out any mistakes. If I could see them I would have fixed them. font: (not font-family:) is correct. You made me look it up. It's for grouping shorthand declarations; like background: instead of background-color: background-image: etc.
The Skeleton files already include a blank css named layout.css. It's where I always write the site-specific code.