├── readme.md
└── fix.css


/readme.md:
--------------------------------------------------------------------------------
 1 | # ![Fix](http://jaydenseric.com/shared/fix-logo.svg)
 2 | 
 3 | A quick reference for patching up unruly browser CSS defaults. Part normalization, part reset.
 4 | 
 5 | Offending rules are surgically targeted. For example, the `padding-left` of `ul` is reset using `padding-left: 0` and not the typical `padding: 0`.
 6 | 
 7 | You *could* include the whole thing in your project, but these days global CSS is a no no. Only use the relevent bits when working on components.
 8 | 
 9 | Check out the [blog post](http://jaydenseric.com/blog/forget-normalize-or-resets-lay-your-own-css-foundation) that spawned this project.
10 | 
11 | ## Todo
12 | 
13 | - Document rules.
14 | - Add more rules, particularly for inputs.
15 | 
16 | ## Licence
17 | 
18 | [MIT license](https://en.wikipedia.org/wiki/MIT_License).
19 | 


--------------------------------------------------------------------------------
/fix.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Fix
 3 |  * Version 0.1.1
 4 |  * https://github.com/jaydenseric/Fix
 5 | */
 6 | html {
 7 |   -ms-text-size-adjust: 100%;
 8 |   -webkit-text-size-adjust: 100%;
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 |   -webkit-tap-highlight-color: transparent;
12 | }
13 | body {
14 |   margin: 0;
15 |   line-height: 1;
16 |   font-family: sans-serif;
17 | }
18 | iframe {
19 |   border: 0;
20 | }
21 | main {
22 |   display: block;
23 | }
24 | ul,
25 | ol {
26 |   margin-top: 0;
27 |   margin-bottom: 0;
28 |   padding-left: 0;
29 | }
30 | li {
31 |   display: block;
32 | }
33 | dl {
34 |   margin-top: 0;
35 |   margin-bottom: 0;
36 | }
37 | dd {
38 |   margin-left: 0;
39 | }
40 | h1,
41 | h2,
42 | h3,
43 | h4,
44 | h5,
45 | h6 {
46 |   margin-top: 0;
47 |   margin-bottom: 0;
48 |   font-size: inherit;
49 | }
50 | blockquote {
51 |   margin: 0;
52 |   padding: 0;
53 | }
54 | p {
55 |   margin-top: 0;
56 |   margin-bottom: 0;
57 | }
58 | sup {
59 |   position: relative;
60 |   top: -.5em;
61 |   vertical-align: baseline;
62 |   font-size: 75%;
63 |   line-height: 0;
64 | }
65 | strong {
66 |   font-weight: bold;
67 | }
68 | figure {
69 |   margin: 0;
70 | }
71 | img {
72 |   border: 0;
73 |   max-width: 100%;
74 |   height: auto;
75 |   vertical-align: middle;
76 | }
77 | a {
78 |   text-decoration: none;
79 |   color: inherit;
80 | }
81 | button {
82 |   border: 0;
83 |   margin: 0;
84 |   padding: 0;
85 |   text-align: inherit;
86 |   text-transform: inherit;
87 |   font: inherit;
88 |   -webkit-font-smoothing: inherit;
89 |   letter-spacing: inherit;
90 |   background: none;
91 |   cursor: pointer;
92 |   overflow: visible;
93 | }
94 | ::-moz-focus-inner {
95 |   border: 0;
96 |   padding: 0;
97 | }
98 | 


--------------------------------------------------------------------------------