1 Commits

Author SHA1 Message Date
39ac5a1668 Added reset styling classes
Some checks failed
Publish Library / Build NPM Project (push) Successful in 19s
Publish Library / Publish CDN & Docs (push) Failing after 6s
Publish Library / Tag Version (push) Successful in 9s
2025-12-06 21:01:19 -05:00
3 changed files with 50 additions and 4 deletions

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "@ztimson/css-utils", "name": "@ztimson/css-utils",
"version": "1.2.1", "version": "1.3.3",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@ztimson/css-utils", "name": "@ztimson/css-utils",
"version": "1.2.1", "version": "1.3.3",
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
"sass": "^1.80.6" "sass": "^1.80.6"

View File

@@ -1,6 +1,6 @@
{ {
"name": "@ztimson/css-utils", "name": "@ztimson/css-utils",
"version": "1.3.3", "version": "1.3.4",
"description": "CSS Utility Classes", "description": "CSS Utility Classes",
"readme": "README.md", "readme": "README.md",
"scripts": { "scripts": {

View File

@@ -57,12 +57,26 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
} }
} }
.no-fix, .no-anchor-fix {
a, a:not([href]) {
cursor: auto;
color: inherit;
text-decoration: inherit;
}
}
.fix-button, .fix:not(.no-button-fix) { .fix-button, .fix:not(.no-button-fix) {
button:not(:disabled) { button:not(:disabled) {
cursor: pointer; cursor: pointer;
} }
} }
.no-fix, .no-button-fix {
button:not(:disabled) {
cursor: auto;
}
}
.fix-dom, .fix:not(.no-dom-fix) { .fix-dom, .fix:not(.no-dom-fix) {
&, html, body { &, html, body {
height: 100%; height: 100%;
@@ -77,6 +91,19 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
* { box-sizing: border-box; } * { box-sizing: border-box; }
} }
.no-fix, .no-dom-fix {
&, html, body {
height: auto;
width: auto;
margin: revert;
padding: revert;
overflow: visible;
color: revert;
background-color: transparent;
}
* { box-sizing: content-box; }
}
.fix-focus, .fix:not(.no-focus-fix) { .fix-focus, .fix:not(.no-focus-fix) {
* { * {
outline: inherit; outline: inherit;
@@ -84,6 +111,13 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
} }
} }
.no-fix, .no-focus-fix {
* {
outline: revert;
-webkit-tap-highlight-color: auto;
}
}
.fix-font, .fix:not(.no-font-fix) { .fix-font, .fix:not(.no-font-fix) {
color: var(--theme-text); color: var(--theme-text);
font-family: var(--theme-font), sans-serif; font-family: var(--theme-font), sans-serif;
@@ -98,6 +132,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
h6 { font-weight: 500; font-size: 1rem; } h6 { font-weight: 500; font-size: 1rem; }
} }
.no-fix, .no-font-fix {
color: revert;
font-family: revert;
p, input, select, textarea, button { font-size: revert; }
h1, h2, h3, h4, h5, h6, p { margin: revert; }
h1, h2, h3, h4, h5, h6 { font-weight: revert; font-size: revert; }
}
.reset {
all: revert !important;
}
// Misc ===================================================================================================== // Misc =====================================================================================================
// Center // Center
@@ -288,7 +334,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
.align-y#{$bp}-end { vertical-align: bottom !important; } .align-y#{$bp}-end { vertical-align: bottom !important; }
// Display // Display
@each $display in (block, inline, inline-block, 'flex', 'inline-flex' grid, inline-grid, table, table-row, table-cell, none) { @each $display in (block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, table-row, table-cell, none) {
.d#{$bp}-#{$display} { display: #{$display} !important; } .d#{$bp}-#{$display} { display: #{$display} !important; }
} }