Add reset.css
This commit is contained in:
		
							
								
								
									
										46
									
								
								reset.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										46
									
								
								reset.css
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,46 @@
 | 
				
			|||||||
 | 
					/*
 | 
				
			||||||
 | 
					  1. Use a more-intuitive box-sizing model.
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					*, *::before, *::after {
 | 
				
			||||||
 | 
					  box-sizing: border-box;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					  2. Remove default margin
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					* {
 | 
				
			||||||
 | 
					  margin: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					  Typographic tweaks!
 | 
				
			||||||
 | 
					  3. Add accessible line-height
 | 
				
			||||||
 | 
					  4. Improve text rendering
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					body {
 | 
				
			||||||
 | 
					  line-height: 1.5;
 | 
				
			||||||
 | 
					  -webkit-font-smoothing: antialiased;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					  5. Improve media defaults
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					img, picture, video, canvas, svg {
 | 
				
			||||||
 | 
					  display: block;
 | 
				
			||||||
 | 
					  max-width: 100%;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					  6. Remove built-in form typography styles
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					input, button, textarea, select {
 | 
				
			||||||
 | 
					  font: inherit;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					  7. Avoid text overflows
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					p, h1, h2, h3, h4, h5, h6 {
 | 
				
			||||||
 | 
					  overflow-wrap: break-word;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					  8. Create a root stacking context
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					#root, #__next {
 | 
				
			||||||
 | 
					  isolation: isolate;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
		Reference in New Issue
	
	Block a user