From 7fb4c05bacb1a446a8249aaae8875452c7ed23a3 Mon Sep 17 00:00:00 2001
From: Khaled Mohamed <k.mohamed.11.98@gmail.com>
Date: Sat, 13 Apr 2024 11:16:20 +0200
Subject: [PATCH] feat(base): :sparkles: add some resets & update version of
 library

---
 package.json          |  2 +-
 src/base/_banner.scss |  2 +-
 src/base/_reset.scss  | 24 ++++++++++++++++++++++--
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 6890a47c..8016ecf0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "sass-pire",
-    "version": "1.6.5",
+    "version": "1.6.6",
     "description": "Just a more mixins and functions with SCSS for more productive projects.",
     "markdown": "github",
     "license": "MIT",
diff --git a/src/base/_banner.scss b/src/base/_banner.scss
index e1447a4d..c99f96a3 100644
--- a/src/base/_banner.scss
+++ b/src/base/_banner.scss
@@ -34,7 +34,7 @@
 
 @mixin banner() {
     /*
-        ***** #{Config.$lib-name} library v1.5.1
+        ***** #{Config.$lib-name} library v1.6.6
 
         ***** Copyright 2023 for #{Config.$lib-name} authors.
 
diff --git a/src/base/_reset.scss b/src/base/_reset.scss
index 3b9933ba..b64fafde 100644
--- a/src/base/_reset.scss
+++ b/src/base/_reset.scss
@@ -3,6 +3,9 @@
 // @description
 // * This reset file belongs to Andy Bell.
 // * You can check this here: https://andy-bell.co.uk/a-modern-css-reset/
+// * We benefited from other reset. You can find it here:
+// * https://www.joshwcomeau.com/css/custom-css-reset/
+
 // * We updated some of this reset file.
 
 // @access public
@@ -40,6 +43,17 @@ dd {
     margin: 0;
 }
 
+// * Avoid text overflows
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    overflow-wrap: break-word;
+}
+
 // * Remove list styles on ul, ol elements with a list role which suggests
 // * default styling will be removed
 ul[role="list"],
@@ -57,6 +71,9 @@ body {
     min-height: 100dvh;
     line-height: 1.5;
 
+    // * This is for improve text rendering in the browsers
+    -webkit-font-smoothing: antialiased;
+
     // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector
     :where(&) {
         hyphens: auto;
@@ -76,10 +93,13 @@ a:not([class]) {
 
 // * Make images easier to work with
 img,
-picture {
+picture,
+video,
+canvas,
+svg {
     max-width: 100%;
     height: auto;
-    vertical-align: middle;
+    display: block;
     font-style: italic;
     background-repeat: no-repeat;
     background-size: cover;