|
1 | 1 | /* ♻️ Tiny CSS Reset (https://github.com/gnat/css-reset-tiny) */ |
2 | 2 | *,*::before,*::after { box-sizing: border-box; margin: 0; } /* Prevent padding and border from affecting element width. Remove margins. */ |
3 | 3 | html { text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; tab-size: 4; } /* Prevent font size inflation on mobile. Sane tab size. */ |
4 | | -html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,label,table,td,th { padding: 0; } /* Zero padding. */ |
| 4 | +html,body { background: #aaa; } /* Disable screen flashbang. */ |
| 5 | +html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,label,table,td,th { padding: 0; } /* No padding. */ |
5 | 6 | h1,h2,h3,h4,h5,h6,p { font-size: inherit; font-weight: inherit; overflow-wrap: break-word; } /* Reset all headers and <p>. */ |
6 | 7 | h1,h2,h3,h4 { text-wrap: balance; } /* Balance text on big headers. */ |
7 | 8 | button,input,select,textarea { font: inherit; } /* No custom font on forms. */ |
8 | | -canvas,img,picture,svg,video { height: auto; max-width: 100%; } /* Media should not break outside of parent. */ |
9 | | -audio,canvas,embed,iframe,img,object,svg,video { vertical-align: middle; } /* Remove tiny space under these elements. */ |
| 9 | +img,picture,svg,video { height: auto; max-width: 100%; } /* Media should not break outside of parent. */ |
| 10 | +audio,canvas,embed,iframe,img,object,svg,video { vertical-align: middle; } /* Removes tiny space on bottom. */ |
10 | 11 | table { text-indent: 0; border-color: inherit; border-collapse: collapse; border-spacing: 0; } /* Modern tables. */ |
11 | | -[hidden] { display: none; } /* Hidden elements should stay hidden. */ |
12 | | -html,body { background: #aaa; } /* Disable flashbang. */ |
| 12 | +[hidden] { display: none; } /* Hidden elements stay hidden. */ |
0 commit comments