Skip to content
Browse files

normalize.scss

  • Loading branch information...
0 parents commit 9cdf06097032c0c3afd9a461fa5461fe49f6485d @kristerkari committed Jan 6, 2012
Showing with 390 additions and 0 deletions.
  1. +34 −0 .gitignore
  2. +356 −0 normalize.scss
34 .gitignore
@@ -0,0 +1,34 @@
+# Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store*
+ehthumbs.db
+Icon?
+Thumbs.db
356 normalize.scss
@@ -0,0 +1,356 @@
+// =============================================================================
+// HTML5 display definitions
+// =============================================================================
+
+// Corrects block display not defined in IE6/7/8/9 & FF3
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+ display: block;
+}
+
+// Corrects inline-block display not defined in IE6/7/8/9 & FF3
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+// Prevents modern browsers from displaying 'audio' without controls
+
+audio:not([controls]) {
+ display: none;
+}
+
+// Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+// Known issue: no IE6 support
+
+[hidden] {
+ display: none;
+}
+
+// =============================================================================
+// Base
+// ========================================================================== */
+
+// 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+// http://clagnut.com/blog/348/#c790
+// 2. Keeps page centred in all browsers regardless of content height
+// 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
+// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+
+html {
+ font-size: 100%; // 1
+ overflow-y: scroll; // 2
+ -webkit-text-size-adjust: 100%; // 3
+ -ms-text-size-adjust: 100%; // 3
+}
+
+// Addresses margins handled incorrectly in IE6/7
+
+body {
+ margin: 0;
+}
+
+// Addresses font-family inconsistency between 'textarea' and other form elements.
+
+body,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+// =============================================================================
+// Links
+// =============================================================================
+
+// 1. Addresses outline displayed oddly in Chrome
+// 2. Improves readability when focused and also mouse hovered in all browsers
+// people.opera.com/patrickl/experiments/keyboard/test
+
+a {
+ &:focus {
+ outline: thin dotted; // 1
+ }
+
+ &:hover,
+ &:active {
+ outline: 0; // 2
+ }
+}
+
+// =============================================================================
+// Typography
+// =============================================================================
+
+// Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
+
+h1 {
+ font-size: 2em;
+}
+
+// Addresses styling not present in IE7/8/9, S5, Chrome
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+// Addresses styling not present in S5, Chrome
+
+dfn {
+ font-style: italic;
+}
+
+// Addresses styling not present in IE6/7/8/9
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+// Corrects font family set oddly in IE6, S4/5, Chrome
+// en.wikipedia.org/wiki/User:Davidgothberg/Test59
+
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+// Improves readability of pre-formatted text in all browsers
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+// 1. Addresses CSS quotes not supported in IE6/7
+// 2. Addresses quote property not supported in S4
+
+// 1
+
+q {
+ quotes: none;
+}
+
+// 2
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+small {
+ font-size: 75%;
+}
+
+// Prevents sub and sup affecting line-height in all browsers
+// gist.github.com/413930
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+// =============================================================================
+// Lists
+// =============================================================================
+
+ul,
+ol {
+ margin-left: 0;
+ padding: 0 0 0 40px;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+nav {
+ ul,
+ ol {
+ list-style: none;
+ list-style-image: none;
+ }
+}
+
+// =============================================================================
+// Embedded content
+// =============================================================================
+
+// 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+// 2. Improves image quality when scaled in IE7
+// code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+
+img {
+ border: 0; // 1
+ -ms-interpolation-mode: bicubic; // 2
+}
+
+// Corrects overflow displayed oddly in IE9
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+// =============================================================================
+// Figures
+// =============================================================================
+
+// Addresses margin not present in IE6/7/8/9, S5, O11
+
+figure {
+ margin: 0;
+}
+
+// =============================================================================
+// Forms
+// =============================================================================
+
+// Corrects margin displayed oddly in IE6/7
+
+form {
+ margin: 0;
+}
+
+// Define consistent border, margin, and padding
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+// 1. Corrects color not being inherited in IE6/7/8/9
+// 2. Corrects alignment displayed oddly in IE6/7
+
+legend {
+ border: 0; // 1
+ *margin-left: -7px; // 2
+}
+
+// 1. Corrects font size not being inherited in all browsers
+// 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+// 3. Improves appearance and consistency in all browsers
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; // 1
+ margin: 0; // 2
+ vertical-align: baseline; // 3
+ *vertical-align: middle; // 3
+}
+
+// Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+
+button,
+input {
+ line-height: normal; // 1
+}
+
+// 1. Improves usability and consistency of cursor style between image-type 'input' and others
+// 2. Corrects inability to style clickable 'input' types in iOS
+// 3. Removes inner spacing in IE7 without affecting normal text inputs
+// Known issue: inner spacing remains in IE6
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer; // 1
+ -webkit-appearance: button; // 2
+ *overflow: visible; // 3
+}
+
+// 1. Addresses box sizing set to content-box in IE8/9
+// 2. Removes excess padding in IE8/9
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; // 1
+ padding: 0; // 2
+}
+
+// 1. Addresses appearance set to searchfield in S5, Chrome
+// 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+// 3. Removes inner padding that is displayed in S5, Chrome on OS X
+
+input[type="search"] {
+ -webkit-appearance: textfield; // 1
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; // 2
+ box-sizing: content-box;
+ &::-webkit-search-decoration { // 3
+ -webkit-appearance: none;
+ }
+}
+
+// Removes inner padding and border in FF3+
+// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+// 1. Removes default vertical scrollbar in IE6/7/8/9
+// 2. Improves readability and alignment in all browsers
+
+textarea {
+ overflow: auto; // 1
+ vertical-align: top; // 2
+}
+
+// =============================================================================
+// Tables
+// =============================================================================
+
+// Remove most spacing between table cells
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}

0 comments on commit 9cdf060

Please sign in to comment.
Something went wrong with that request. Please try again.