/* ================================================================== *\ Name: Cardinal Info: a small, “mobile first” CSS framework by Chris Bracco Link: http://cardinalcss.com TABLE OF CONTENTS --------------------------- (Ctrl/Cmd + F, and search for `$section` to jump to a section) 01. Base................Lay the foundation 02. Links...............Default styles for anchor links 03. Typography..........Basic typography elements 04. Code................Pre-formatted text and other code styles 05. Embedded content....Markup elements that use external content 06. Forms...............Styling for elements that make up a form 07. Tables..............Styles for tabular data 08. Layout..............Common layout items (wrappers, islands, etc) 09. Grids...............A simple grid system & handy width classes 10. Buttons.............Basic styles, sizes, and shapes 11. Main................Your styles go here! a. Toolbar b. Intro c. Content d. Libraries e. Actions f. Footer 12. Helpers.............Some useful, global classes 13. Print...............Inlined, barebones print styles COLORS --------------------------- Primary: #3498db (blue) Secondary: #e74c3c (red) CSS: #9b59b6 (purple) HTML: #e67e22 (orange) iOS: #3498db (blue) JS: #16a085 (green) PHP: #34495e (dark green) GRAYSCALE --------------------------- Black: #222 Darkest gray: #444 Darker gray: #777 Dark gray: #aaa Gray: #ccc Light gray: #dedede Lighter gray: #efefef Lightest gray: #ecf0f1 White: #fff \* ================================================================== */ /* ================================================================== *\ Base ($base) \* ================================================================== */ /* Viewport resizing */ @-webkit-viewport { width: device-width; zoom: 1.0; } @-moz-viewport { width: device-width; zoom: 1.0; } @-ms-viewport { width: device-width; zoom: 1.0; } @-o-viewport { width: device-width; zoom: 1.0; } @viewport { width: device-width; zoom: 1.0; } /** * Box model adjustments * `border-box`... ALL THE THINGS - http://cbrac.co/RQrDL5 */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Correct `block` display not defined in IE 8/9 */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Address [hidden] styling not present in IE 8/9 * Hide the