Skip to content

Commit

Permalink
feat(base): ✨ add some resets & update version of library
Browse files Browse the repository at this point in the history
  • Loading branch information
krypton225 committed Apr 13, 2024
1 parent d222b48 commit 7fb4c05
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 4 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand Down
2 changes: 1 addition & 1 deletion src/base/_banner.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down
24 changes: 22 additions & 2 deletions src/base/_reset.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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"],
Expand All @@ -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;
Expand All @@ -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;
Expand Down

0 comments on commit 7fb4c05

Please sign in to comment.