leo-reset.css v1.0.4
leo-reset.css
⚠️ Warning
This readme was written primarily with Google Translate. I'll be happy if you make an exception for any grammatical errors!
🔎 Introduction
leo-reset.css it's a CSS reset with the goal of resetting the default styles set by browsers, but maintaining some rarely insignificant and totally beneficial styling standards.
This reset is for anyone who prefers to define all styles from scratch and use modern practices that make styling easier.
💡 Inspiration
This CSS Reset was inspired by meyerweb reset, created by Eric A. Meyer, whose author's code can be found on this page of his website.
🚀 Get Started
This repository is distributed with the npm package manager. Perform the Installation of Node.js which already has npm as default package manager.
If you prefer not to use NPM, use the package via CDN as shown below.
Installation
npm i leo-reset.cssUse
You may prefer to use leo-reset.css through HTML or through CSS. In all cases, always include leo-reset.css before other stylesheets.
Use with HTML
Through NPM:
<link rel="stylesheet" href="/node_modules/leo-reset.css/dist/leo-reset.css" />Through CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leo-reset.css/dist/leo-reset.css" />Use with CSS
Through NPM:
@import "/node_modules/leo-reset.css/dist/leo-reset.css"
layer(leo-reset.css);Through CDN:
@import url("https://cdn.jsdelivr.net/npm/leo-reset.css/dist/leo-reset.css")
layer(leo-reset.css);layer() is just to create a new cascade layer to identify the styles applied by leo-reset.css. You must delete it in production.
💻 Features
You can mainly refer to the following file to see the main features with proper explanation of leo-reset.css:
scss/lib/_patterns.scss
🔗 Useful links
Here are links to the main styles applied in the _patterns.scss file:
- property touch-action
- property -webkit-tap-highlight-color
- property appearance
- property text-decoration-skip-ink
- Bootstrap breakpoints
- zoom in fields on safari browser for mobile