nani-reset 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 D. H. Alezard (Nani)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,107 @@
+![npm version](https://img.shields.io/npm/v/nani-reset)
+![license](https://img.shields.io/npm/l/nani-reset)
+
+# nani-reset ✨
+
+A minimal, modern and consistent CSS reset.
+
+`nani-reset` removes browser inconsistencies and provides clean, predictable CSS defaults without enforcing design decisions.
+
+Perfect for modern frontend projects using tools like React, Vite or plain HTML/CSS.
+
+---
+
+## 🚀 Installation
+
+Install from npm:
+
+```bash
+npm install nani-reset
+```
+
+Then import it in your project:
+
+```css
+@import "nani-reset/reset.css";
+```
+
+or in JavaScript / TypeScript:
+
+```js
+import "nani-reset/reset.css"
+```
+
+---
+
+## 🧹 What it does
+
+`nani-reset` provides a clean foundation by:
+
+* Removing default margins and paddings
+* Normalizing the box model
+* Making media elements responsive by default
+* Resetting form elements to inherit typography
+* Removing default list styles
+* Removing default link styling
+* Improving text wrapping behavior
+* Creating a safe stacking context for modern apps
+
+---
+
+## 📦 Example usage
+
+```css
+@import "nani-reset/reset.css";
+
+body {
+  font-family: system-ui, sans-serif;
+}
+
+main {
+  max-width: 1100px;
+  margin: auto;
+  padding: 2rem;
+}
+```
+
+---
+
+## 🎯 Goals
+
+The philosophy behind `nani-reset` is simple:
+
+* minimal
+* predictable
+* modern
+* non-opinionated
+
+It avoids forcing typography, layout or visual styles so developers remain in full control.
+
+---
+
+## ⚙️ Features
+
+* Modern box-sizing model
+* Responsive media elements
+* Neutral form controls
+* Safe defaults for SPA frameworks
+* Smooth scrolling
+* Lightweight (~1kb)
+
+---
+
+## 🧠 Why another CSS reset?
+
+Many resets either:
+
+* reset too little
+* normalize too much
+* or enforce styling decisions
+
+`nani-reset` aims to sit in the middle: a **balanced modern reset** for everyday frontend work.
+
+---
+
+## 📄 License
+
+MIT © D. H. Alezard (Nani)

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "nani-reset",
+  "version": "1.0.0",
+  "description": "A minimal, modern and consistent CSS reset",
+  "author": "Daniel Alejandro Hernandez Alezard",
+  "license": "MIT",
+  "main": "reset.css",
+  "keywords": [
+    "css",
+    "css-reset",
+    "reset",
+    "normalize",
+    "modern-css",
+    "frontend"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dhalezard/nani-reset.git"
+  },
+  "devDependencies": {
+    "clean-css-cli": "^5.6.3"
+  }
+}

package/reset.css

@@ -0,0 +1,171 @@
+/* 
+    nani-reset v1.0
+    By Nani @dhalezard
+    A modern, minimal and consistent CSS reset
+
+    github repo:
+    https://github.com/dhalezard/nani-reset
+*/
+
+/* ============================= */
+/* Root defaults */
+/* ============================= */
+
+:root {
+    font-synthesis: none;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-size-adjust: 100%;
+}
+
+/* ============================= */
+/* Box model */
+/* ============================= */
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* ============================= */
+/* Remove default spacing */
+/* ============================= */
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+/* ============================= */
+/* Document defaults */
+/* ============================= */
+
+html,
+body {
+    height: 100%;
+    line-height: 1.5;
+    scroll-behavior: smooth;
+}
+
+body {
+    min-height: 100vh;
+}
+
+/* ============================= */
+/* Media elements */
+/* ============================= */
+
+img,
+picture,
+video,
+canvas,
+svg {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    border-style: none;
+}
+
+/* ============================= */
+/* Typography */
+/* ============================= */
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    overflow-wrap: break-word;
+}
+
+b,
+strong {
+    font-weight: bolder;
+}
+
+cite {
+    font-style: normal;
+}
+
+/* ============================= */
+/* Lists */
+/* ============================= */
+
+ul,
+ol,
+dd,
+menu {
+    list-style: none;
+}
+
+/* ============================= */
+/* Links */
+/* ============================= */
+
+a,
+button {
+    cursor: pointer;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+    background-color: transparent;
+}
+
+/* ============================= */
+/* Forms */
+/* ============================= */
+
+input,
+button,
+optgroup,
+textarea,
+select,
+fieldset {
+    border-width: 0;
+    font-family: inherit;
+    font-size: inherit;
+    text-transform: none;
+    overflow: visible;
+}
+
+/* remove default button styling */
+
+button {
+    background: none;
+    border: none;
+}
+
+/* allow text selection in inputs */
+
+input,
+textarea {
+    -webkit-user-select: auto;
+    user-select: auto;
+}
+
+/* placeholder */
+
+::placeholder {
+    color: unset;
+}
+
+/* ============================= */
+/* Hidden attribute */
+/* ============================= */
+
+[hidden] {
+    display: none;
+}
+
+/* ============================= */
+/* React / SPA stacking context */
+/* ============================= */
+
+#root,
+#__next {
+    isolation: isolate;
+}

package/reset.min.css

@@ -0,0 +1 @@
+:root{font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*,::after,::before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%;line-height:1.5;scroll-behavior:smooth}body{min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto;border-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}b,strong{font-weight:bolder}cite{font-style:normal}dd,menu,ol,ul{list-style:none}a,button{cursor:pointer}a{text-decoration:none;color:inherit;background-color:transparent}button,fieldset,input,optgroup,select,textarea{border-width:0;font-family:inherit;font-size:inherit;text-transform:none;overflow:visible}button{background:0 0;border:none}input,textarea{-webkit-user-select:auto;user-select:auto}::placeholder{color:unset}[hidden]{display:none}#__next,#root{isolation:isolate}