From 03db55e68259618d7d4dca8b2982355aa54b06bc Mon Sep 17 00:00:00 2001 From: Ishaan <113186458+Ishaan2053@users.noreply.github.com> Date: Fri, 27 Jan 2023 23:54:09 +0530 Subject: [PATCH 1/2] Update README.md --- README.md | 29 +++++++++++++---------------- 1 file changed, 13 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 71954f230..9c1f9cb8b 100644 --- a/README.md +++ b/README.md @@ -1,32 +1,29 @@ -# normalize.css - Normalize Logo - + width="160" height="160" align="right"> +# normalize.css > A modern alternative to CSS resets [![npm][npm-image]][npm-url] [![license][license-image]][license-url] [![changelog][changelog-image]][changelog-url] [![gitter][gitter-image]][gitter-url] +--- -**NPM** +## Setting Up -```sh -npm install --save normalize.css -``` - -**CDN** +* CDN [here](https://yarnpkg.com/en/package/normalize.css) -See https://yarnpkg.com/en/package/normalize.css +* Download normalize.css [here](https://necolas.github.io/normalize.css/latest/normalize.css) -**Download** +* Using npm -See https://necolas.github.io/normalize.css/latest/normalize.css +```sh +npm install --save normalize.css +``` -## What does it do? +## What Does It Do? * Preserves useful defaults, unlike many CSS resets. * Normalizes styles for a wide range of elements. @@ -35,7 +32,7 @@ See https://necolas.github.io/normalize.css/latest/normalize.css * Explains what code does using detailed comments. -## Browser support +## Browser Support * Chrome * Edge @@ -45,7 +42,7 @@ See https://necolas.github.io/normalize.css/latest/normalize.css * Opera -## Extended details and known issues +## Extended Details and Known Issues Additional detail and explanation of the esoteric parts of normalize.css. From 4312d6356812a1dbedc5f900841e0f3434b4e952 Mon Sep 17 00:00:00 2001 From: Ishaan <113186458+Ishaan2053@users.noreply.github.com> Date: Sat, 28 Jan 2023 16:22:59 +0530 Subject: [PATCH 2/2] Update README.md --- README.md | 40 ++++++++++++++++++++++------------------ 1 file changed, 22 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 9c1f9cb8b..c24cf8785 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,8 @@ Normalize Logo + width="160" height="160" align="left"> # normalize.css + > A modern alternative to CSS resets [![npm][npm-image]][npm-url] [![license][license-image]][license-url] @@ -12,16 +13,17 @@ ## Setting Up -* CDN [here](https://yarnpkg.com/en/package/normalize.css) +* CDN available [here](https://yarnpkg.com/en/package/normalize.css) * Download normalize.css [here](https://necolas.github.io/normalize.css/latest/normalize.css) -* Using npm +* Using npm: ```sh npm install --save normalize.css ``` +--- ## What Does It Do? @@ -31,6 +33,7 @@ npm install --save normalize.css * Improves usability with subtle modifications. * Explains what code does using detailed comments. +--- ## Browser Support @@ -41,41 +44,42 @@ npm install --save normalize.css * Safari 8+ * Opera +--- ## Extended Details and Known Issues -Additional detail and explanation of the esoteric parts of normalize.css. +Additional detail and explanation of the esoteric parts of normalize.css: -#### `pre, code, kbd, samp` +### `pre, code, kbd, samp` -The `font-family: monospace, monospace` hack fixes the inheritance and scaling +* The `font-family: monospace, monospace` hack fixes the inheritance and scaling of font-size for preformatted text. The duplication of `monospace` is -intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59). +intentional [(Source)](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59). -#### `sub, sup` +### `sub, sup` -Normally, using `sub` or `sup` affects the line-box height of text in all -browsers. [Source](https://gist.github.com/413930). +* Normally, using `sub` or `sup` affects the line-box height of text in all +browsers [(Source)](https://gist.github.com/413930). -#### `select` +### `select` -By default, Chrome on OS X and Safari on OS X allow very limited styling of +* By default, Chrome on OS X and Safari on OS X allow very limited styling of `select`, unless a border property is set. The default font weight on `optgroup` elements cannot safely be changed in Chrome on OSX and Safari on OS X. -#### `[type="checkbox"]` +### `[type="checkbox"]` -It is recommended that you do not style checkbox and radio inputs as Firefox's +* It is recommended that you do not style checkbox and radio inputs as Firefox's implementation does not respect box-sizing, padding, or width. -#### `[type="number"]` +### `[type="number"]` -Certain font size values applied to number inputs cause the cursor style of the +* Certain font size values applied to number inputs cause the cursor style of the decrement button to change from `default` to `text`. -#### `[type="search"]` +### `[type="search"]` -The search input is not fully stylable by default. In Chrome and Safari on +* The search input is not fully stylable by default. In Chrome and Safari on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In Chrome and Safari on Windows you can't control `border` properly. It will apply `border-width` but will only show a border color (which cannot be controlled)