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.css

Use

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
  • MDN
  • Can I Use
• property -webkit-tap-highlight-color
  • MDN
  • Can I Use
• property appearance
  • MDN
  • Can I Use
• property text-decoration-skip-ink
  • MDN
  • Can I Use
• Bootstrap breakpoints
• zoom in fields on safari browser for mobile